* {
	margin: 0px;
	padding: 0px;
	list-style: none;
	border: none;
	text-decoration: none;
	/* font-family: 'Source Sans Pro', sans-serif; */
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	/*scroll-behavior: smooth;*/
}
::-webkit-input-placeholder {
  color: inherit;
  opacity: 1;
}
:-ms-input-placeholder { 
  color: inherit;
  opacity: 1;
}
::placeholder {
  color: inherit;
  opacity: 1;
}
body{
	background: #fbfdff;
}
.container{
	width:100%;
	/*max-width:1024px;*/
  max-width: 1124px;
}

@media (max-width:1024px){
.container{
	position:relative;
	width:100%;
	max-width:100%;
}
}

/*** ### Header ### ***/
header{
	position: sticky;
	position: -webkit-sticky;
	top: 0px;
	display: none;
	display: -webkit-none;
	display: -moz-none;
	display: -ms-none;
	display: -o-none;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	width: 100%;
	height: 55px;
	box-shadow: 0px 0px 15px -3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 15px -3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 15px -3px rgba(0,0,0,0.5);
	background: #FFFFFF;
	margin-bottom: 10px;
	z-index: 10000;
}
header .logo{
	position: relative;
	/*text-align: center;*/
}
header .logo a{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	text-decoration: none;
	outline: none;
}
header .logo img{
	max-height: 30px;
}
header .menu-icon{
	position: absolute;
	top: 50%;
	left: 15px;
	transform: translate(-0%, -50%);
	-webkit-transform: translate(-0%, -50%);
	-moz-transform: translate(-0%, -50%);
	-ms-transform: translate(-0%, -50%);
	-o-transform: translate(-0%, -50%);
	color: #000000;
	width: 30px;
	cursor: pointer;
	z-index: 1;
	display: none;
}
header .menu-icon span{
	position: relative;
	display: block;
	height: 4px;
	margin-bottom: 5px;
	background: #000000;
}
header .menu-icon span:nth-child(2){
	width: 22px;
}
header .menu-icon span:last-child{
	margin-bottom: 0px;
}
.top-header-social-nav{
	position: relative;
	padding: 0px 0px 10px 0px;
	margin-bottom: 20px;
}
.top-header-social-nav .cross{
	position: absolute;
	top: 50%;
	left: 15px;
	transform: translate(-0%, -50%);
	-webkit-transform: translate(-0%, -50%);
	-moz-transform: translate(-0%, -50%);
	-ms-transform: translate(-0%, -50%);
	-o-transform: translate(-0%, -50%);
	color: #000000;
	font-size: 20px;
	cursor: pointer;
	padding: 0px 15px;
	z-index: 1;
}
.top-header-social-nav .menu-logo{
	position: relative;
	text-align: center;
	padding: 10px 15px;
}
.top-header-social-nav .menu-logo img{
	display: inline-block;
	vertical-align: middle;
	max-height: 30px;
}
.top-header-social-nav ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.top-header-social-nav li{
	position: relative;
	display: block;
	padding: 5px 15px;
	border-bottom: 1px solid #828282;
}
.top-header-social-nav a{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	color: #828282;
	font-size: 16px;
	font-weight: 400;
	text-decoration: none;
}
.top-header-social-nav a.active{
	color: #0c97d4;
}
.top-header-social-nav .icons{
	position: relative;
	display: inline-block;
	margin: 0px 5px 0px 0px;
}
@media (max-width:767px){
header{
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
}
.navigation nav {
	-o-transform: translate(100%);
	-o-transform-origin: 0 0;
	-o-transition: -o-transform .5s cubic-bezier(.77, .2, .05, 1);
	-webkit-font-smoothing: antialiased;
	-webkit-transform: translate(100%);
	-webkit-transform-origin: 0 0;
	-webkit-transition: -webkit-transform .5s cubic-bezier(.77, .2, .05, 1);
	height: calc(100% + 100px);
	top: 0px;
	left: 0;
	list-style-type: none;
	position: fixed;
	right: 0;
	transform: translate(100%);
	transform-origin: 0 0;
	transition: -webkit-transform .5s cubic-bezier(.77, .2, .05, 1);
	transition: transform .5s cubic-bezier(.77, .2, .05, 1);
	transition: transform .5s cubic-bezier(.77, .2, .05, 1), -webkit-transform .5s cubic-bezier(.77, .2, .05, 1), -o-transform .5s cubic-bezier(.77, .2, .05, 1);
	background: #FFFFFF;
	background-size: 100% 100%;
	z-index: 1000000;
}
.navigation nav.reveal {
	opacity: 1;
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	background: #FFFFFF;
	background-size: 100% 100%;
}

.outer-center-top{
    margin-bottom: -25px;
}

#searchToolsBtn,
#jumpLiveResults,
#refine_locs {
	display:none !important;
}

}
/*** ### Top Nav ### ***/
.top-nav{
	position: relative;
	margin: 0px 0px 0px 20px;
}
.top-nav h2{
	color: #001a25;
	font-size: 35px;
	font-weight: 600;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	display: none;
	text-align: center;
}
.top-nav ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.top-nav li{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0px 0px 0px 20px;
}
.top-nav a{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	color: #9d9d9d;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
	outline: none;
	border: none;
	border-bottom: 2px solid transparent;
}
.top-nav a.active{
	color: #0c97d4;
	border-bottom: 2px solid #0c97d4;
}

@media (max-width:383px){
    .select2-container .select2-choice{
        font-size: 15px !important;
    }
}

@media (max-width:767px){

	.top-nav h2{
		display: block;
	}
	.top-nav ul{
		text-align: center;
		margin: 0px 0px 0px 0px;
    /*display: none;*/
	}
	.top-nav li{
		margin: 0px 10px;
	}
	.top-nav a.active{
		border: none;
	}
	#resultsBody .active span, #profileBody .active span {
    border-bottom: 1px solid #1A98D5 !important;
  }
}
/*** ### Top Search Form ### ***/
.top-search-form{
	position: relative;
	background: #ffffff;
	padding: 10px 0px 0px 0px;
	box-shadow: 0px 0px 25px -6px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 25px -6px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 25px -6px rgba(0,0,0,0.5);
	margin-bottom: 30px;
  }
.top-search-form label{
	position: relative;
	display: block;
	font-size: 20px;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	min-height: 40px;
  }
  .top-search-form .error-text{
    font-size: 12px!important;
    bottom: inherit!important;
    color: red;
    margin: 0px;
    padding: 0px;
    /* min-height: 40px; */
  }

.top-search-form .input-box{
	position: relative;
	margin-bottom: 10px;
  }
.top-search-form .input-box input{
	position: relative;
	width: 100%;
	height: 40px;
	/* color: #828282; */
	font-size: 18px;
	font-weight: 500;
	background: #FFFFFF;
	/*border: 1px solid #e8e8e8;*/
	border: 1px solid #9d9d9d;
	outline: none;
	border-radius: 5px;
	padding: 0px 10px;
  }
.top-search-form .input-box textarea{
	position: relative;
	width: 100%;
	height: 100px;
	color: #828282;
	font-size: 16px;
	font-weight: 600;
	background: #FFFFFF;
	border: 1px solid #e8e8e8;
	outline: none;
	border-radius: 5px;
	padding: 15px 10px;
  }
.top-search-form .select-box select {
	position: relative;
	width: 100%;
	height: 40px;
	color: #828282;
	font-size: 16px;
	font-weight: 400;
	background: #FFFFFF;
	border: 1px solid #e8e8e8;
	outline: none;
	border-radius: 5px;
	padding: 0px 10px;
	  outline:none;
	  -webkit-appearance:none;
	  -moz-appearance:none;
	  appearance:none;
	  cursor:pointer;
	  -webkit-border-radius: 5px;
	  -moz-border-radius: 5px;
	  border-radius: 5px;
  }
.top-search-form .select-box{
	position: relative;
	margin-bottom: 10px;
  }

.top-search-form.fixedForm {
		position: sticky;
		top: 0;
		z-index: 10;
 }
.top-search-form.fixedForm .top-nav,
.top-search-form.fixedForm .top-logo {
	 /* display: none!important; */
    opacity: 0.9;
}

/*.top-search-form .select-box:after {
	position: absolute;
	content:"\f0d7";   
	top: 50%;
	right: 10px;
	transform: translate(-0%, -50%);
	-webkit-transform: translate(-0%, -50%);
	-moz-transform: translate(-0%, -50%);
	-ms-transform: translate(-0%, -50%);
	-o-transform: translate(-0%, -50%);
	font-family: "FontAwesome";
	font-size: 18px;
	color: #1a97d4;
	pointer-events:none;
  }*/
  .top-search-form button{
	  position: absolute;
	  top: 0px;
	  right: 0px;
	  min-width: 130px;
	  max-width: 130px;
	  background: #9ecd67;
	  color: #FFFFFF;
	  max-width: 100%;
	  height: 40px;
	  display: block;
	  margin: auto;
	  color: #FFFFFF;
	  font-size: 16px;
	  font-weight: 400;
	  border: 1px solid #9ecd67;
	  border-radius: 5px;
	  text-align: center;
  }
  .top-contact{
	  position: relative;
	  padding-right: 125px;
  }
  @media (max-width:767px){
	.top-search-form{
		box-shadow: none !important;
		margin-bottom: 0px;
		padding: 1px 0px 20px 0px;
	  }
	  .top-search-form button{
		  position: relative;
		  top: auto;
		  right: auto;
		  min-width: 100%;
		  max-width: 100%;
	  }
	  .top-contact{
		  position: relative;
		  padding-right: 0px;
	  }

		.top-search-form.fixedForm {
			position: relative;
		}
  }
  /*** ### Top Social Nav ### ***/
  .top-social-nav i {
	  /* position: relative;
	  padding: 0px 0px 15px 0px;
	  margin-bottom: 20px;
	  border-bottom: 1px solid #e0e0e0; */
	  color: #0c97d4;
	  margin-right: 5px;
  }
  .top-social-nav ul{
	  margin: 0px;
	  padding: 0px;
	  list-style: none;
  }
  .top-social-nav li{
		position: relative;
		display: inline-block;
		vertical-align: middle;
		padding: 0px 20px 0px 20px;;
		border-left: 1px solid #828282;

  }
  .top-social-nav li:first-child{
	  border: none;
  }
  .top-social-nav li:last-child{
	  padding-right: 0px;
  }
  .top-social-nav a{
	  position: relative;
	  display: inline-block;
	  vertical-align: middle;
	  color: #828282;
	  font-size: 14px;
	  font-weight: 400;
	  text-decoration: none;
  }
  .top-social-nav a.active{
	  color: #0c97d4;
  }
  .top-social-nav .icons{
	  position: relative;
	  display: inline-block;
	  margin: 0px 5px 0px 0px;
  }
  @media (max-width:767px){
	.top-social-nav{
		display: none;
	}

    .box {
        margin-bottom: 0px !important;
    }    
  }
/*** ### Box ### ***/
.box-wrap{
	position: relative;
	padding: 5px 10px!important;
	background: #FFFFFF;
	border: 1px solid #e8e8e8;
	margin-top: 20px;
	border-radius: 10px;
	width: 100%;
}
.box-wrap .title{
	position: relative;
	padding: 8px 15px;
	background: #ebeeee;
	border-radius: 5px;
	color: #001925;
	/* font-size: 16px; */
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 20px;
}
#liveWebResults .box {
	width: 100%;
    margin-bottom: 10px;
}

.box .result_list {
	position: relative;
}
.box .result_list ul {
	margin:0px;
	padding: 0px;
	list-style: none;
}
.box h3{
    padding-top: 5px;
    text-shadow: none;
}
.box .result_list li {
	/* position: relative; */
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	margin-bottom: 0px!important;
  justify-content: space-between;
}
.box.social .result_list li { 
	  align-items: center;
}
.box .result_list li a {
	position: relative;
	outline: none;
}
.box .result_list li p {
	margin:0px;
	padding:0px;
	/*line-height: normal;*/
}
.box .result_list li:last-child {
	margin-bottom: 0px;
}
.box .result_list li .user_pic {
	position: relative;
	min-width: 68px;
	width: 68px;
	max-width: 68px;
	float: none;
	margin: 4px 10px 5px 0px;
	/* overflow: hidden; 
	/*margin-right: 15px;*/
}
.box .result_list li .user_pic img {
	border-radius: 50%;
	max-height: 68px;
  width: 68px;
  height: 68px;
}
.box .result_list li .user_pic svg {
	border-radius: 50%;
	max-height: 68px;
	background: #646BD9;
}

div#google_results_list.result_list li .user_pic img {
    border-radius: .5em;
}

.box .result_list li .user_pic svg.bg_1 { background: #646BD9; }
.box .result_list li .user_pic svg.bg_2 { background: #15BDDB; }
.box .result_list li .user_pic svg.bg_3 { background: #FA4169; }
.box .result_list li .user_pic svg.bg_4 { background: #389392; }
.box .result_list li .user_pic svg.bg_5 { background: #FE9870; }
.box .result_list li .user_pic svg.bg_6 { background: #B8E986; }

.box .result_list li .user_info, li.searchCard .user_info {
	position: relative;
	/*display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;*/
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	width: 100%;
	/* min-height: 60px; */
	padding-bottom: 10px;
	/*border-bottom: 1px solid #ccd1d3;*/
}

.box .result_list:last-child {
	border-bottom: none;
}

.box .result_list li .user_line1 {
	position: relative;
	z-index: 0;
}

div#google_results_list.result_list li {
    flex-direction: row-reverse;
    gap: 1em;
}

.premium_wrap {
	width: 67px;
	height: 63px;
}

.box .result_list li .user_pic.preview {
    cursor:pointer;
}

@media screen and (min-width: 800px) {
    .box-wrap{
        padding: 15px 15px !important;
    }
}

@media (max-width:767px){
.box-wrap .title{
	font-size: 14px;
	text-align: left;
}
.box .result_list{
	position: relative;
}
.box .result_list ul {
	margin:0px;
	padding: 0px;
	list-style: none;
}
.box .result_list li, .box li.searchCard {
	position: relative;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	margin-bottom: 10px;
}
.box .result_list li a {
	position: relative;
	text-decoration: none;
	outline: none;
}
.box .result_list li:last-child {
	margin-bottom: 0px;
}
.box .result_list li .user_pic{
	position: relative;
	min-width: 68px;
	width: 68px;
	max-width: 68px;
	margin-right: 15px;
}
.box .result_list li .user_pic img {
	border-radius: 50%;
	max-height: 68px;
	width: 68px;
	height: 68px;
}
div#google_results_list.result_list li .user_pic img {
    border-radius: .5em;
}

/*.box .result_list li .user_pic img {
	border-radius: 10px;
}*/
.box .result_list li .user_info {
	position: relative;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	align-items: top;
	-webkit-align-items: top;
	-moz-align-items: top;
	-ms-align-items: top;
	-o-align-items: top;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	min-height: inherit;
}
.box .result_list li .user_line1 {
	position: relative;
	width: 100%;
}
}
/*** ### User Info ### ****/
.box .result_list li .user_info .name {
	position: relative;
	display: block;
	color: #001925;
	font-size: 16px;
	font-weight: 700;
}
.box .result_list li .user_info .age {
	color: #ff8033;
}
.box .result_list li .user_info .address {
	position: relative;
	display: block;
	color: #1a97d4;
	font-size: 14px;
	font-weight: 600;
}
.box .result_list li .user_info .description,
.bio_text {
	position: relative;
	display: -webkit-box;
    max-height: 53px;
	color: #808080;
	font-size: 13px;
	font-weight: 400;
}
@supports (-webkit-line-clamp: 2) {
    .bio_text {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;  
        /*max-height:3.6em;  I needed this to get it to work */
        height: auto!important;
        max-height: auto!important;
    }
    .bio_text:after {
        display: none;
    }
}
.box .result_list li .user_icons {
	position: relative;
	min-width: 35px;
	max-width: 35px;
	width: 35px;
	margin: 10px 0px 0px 10px;
}
/*** ### Public Recond ### ***/
.box .result_list h3, 
.user_info a{
	color: #0c97d4;
	font-size: 14px;
	font-weight: 500;
}
.box .result_list p,
#liveWebResults .result_list span,
.searchCard .user_line3 {
	font-size: 13px!important;
	margin: 0px 0px 5px 0px;
	padding: 0px;
  line-height: 15px !important;
}
p.user_info_3 {
    width: 100%;
}
p.user_line3.desc{
	color: #a09d9d;
}
p.user_info_3.premium{
	font-weight: 500;
}
p.user_line3 a {
    font-weight: normal;
}
p.user_info_2.info_rows {
    display: flex;
    flex-direction: column;
    width: 100%;
}
#liveWebResults .result_list p.user_info_2.info_rows  span {
   font-size: 13px!important;
}

#liveWebResults .result_list span.usr_1 {
	 font-size: 13px!important;
}

@media (max-width:767px){
	/*.box .result_list p {
		margin: 0px 0px 10px 0px !important;
	}*/

    .nextPage{
        margin-top: -5px;
        padding-bottom: 10px;
    }

	#liveWebResults .textAlignRight {
		float: none;
	}

	span.instantcheckmate_button {
    background: url(/images/instantcheckmate_button_small.png) no-repeat!important;
    margin: 0!important;
  }
  span.beenverified_static_button {
    background: url(/images/bv_button_small_new.png) no-repeat!important;
    margin: 0!important;
} 
 span.beenverified_static_button img {
   height: 30px!important;
} 
    
#beenverified_arrests_static_results_list .user_line1,
#beenverified_static_results_list .user_line1,
#instantcheckmate_static_results_list .user_line1,
#beenverified_arrestrec_results_list .user_line1 {
	display: grid;
  grid-template-columns: 60% 0fr;
	padding: 0px;
	margin: 0px 0px 5px 0px;
	align-items: center;
}
#instantcheckmate_static_results_list .user_line1 {
	align-items: baseline;
}

#beenverified_arrests_static_results_list .user_nopic,
#instantcheckmate_static_results_list .user_nopic,
#beenverified_static_results_list .user_nopic,
#beenverified_arrestrec_results_list .user_nopic { 
	margin-top: 5px;
}

#beenverified_arrests_static_results_list ,
#beenverified_static_results_list,
#instantcheckmate_static_results_list  {
	padding: 0!important;
}

#liveWebResults span.result_status {
	position: relative;
}

}

.user_nopic {
    width: auto;
    height: auto;
    margin: 1px 0px 0 0;
}

.user_info {
	width: 100%;
	float: none;
}

/*.sponsor_top{
	float: right;
	font-size: 13px;
	font-weight: 200;
}*/

.sponsor_top {
	display: flex;
	width: 100%;
	font-size: .9rem;
	color: #6b6e72;
	margin: 6px 0 0px;
	position: relative;
	right: 0px;
  top: 0px;
  justify-content: flex-start;
  align-items: center;
}

.sponsor_top .pull-right {
	/*padding-bottom:5px;
	margin-top:-10px;
	font-size:.8rem;*/
	font-size:.8rem;
}
.sponsor_top a {
    font-weight: 400;
    text-decoration: underline;
}
.sponsor_top a:hover .hover-content[data-hover-content] {
    display: block;
}
.sponsor_top.header {
		justify-content: flex-end;
    position: absolute;
    right: 5px;
    font-size: 12px;
    top: -35px;
    max-height: 20px;
}
.blue-list .sponsor_top.header {
    top: -48px;
}

.hover-content[data-hover-content] {
    display: none;
    position: absolute;
    top: 5px;
    width: -moz-max-content;
    width: max-content;
    z-index: 1000;
    pointer-events: none;
}
.hover-content-inner[data-hover-content] {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 4px 10px #00000026;
    font-size: 12px;
    line-height: 22px;
    margin-top: 4px;
    max-height: 437px;
    overflow-y: auto;
    padding: 10px!important;
}
.hover-content ul[data-hover-content] {
    list-style: none;
    margin: 0;
    padding: 0;
}
.hover-content li[data-hover-content] {
    align-items: center;
    display: flex;
    margin-bottom: 12px;
    justify-content: flex-start;
}

.hover-content[data-show=true][data-hover-content] {
    display: block;
}
#spokeo_email_results_list .user_info {
    white-space: normal;
}
/*** ### View Result ### ***/
.view_arrests{
	position: relative;
}
.view_arrests a{
	position: relative;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	padding: 0px 20px;
	height: 40px;
	background: #db1818;
	color: #FFFFFF;
	text-decoration: none;
	outline: none;
	font-size: 15px;
	font-weight: 600;
}
.view_arrests a.active{
	background: #3bb37e;
}
/*** ### View Result ### ***/
.view_full_report{
	position: relative;
}
.view_full_report .icons{
	position: relative;
	width: 25px;
	height: 25px;
	line-height: 25px;
	background: #9ecd67;
	border-radius: 50%;
	font-size: 12px;
	color: #FFFFFF;
	margin: 0px 10px 0px 0px;
	text-align: center;
}
.view_full_report .icons.active{
	background: #cc4942;
}
.view_full_report .icons span{
	position: relative;
	right: -2px;
}
.view_full_report a{
	position: relative;
	min-width: 150px;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	margin: 0px 0px 0px 10px;
	color: #FFFFFF;
	text-decoration: underline;
	outline: none;
	color: #0c97d4;
	font-size: 14px;
	font-weight: 600;
}
@media (max-width:767px){
	.view_full_report a{
		margin: 10px 0px 0px 0px;
	}
}
/*** ### Pagination ### ***/
.box .result_list .user_pagination{
	position: relative;
	padding: 20px 0px 10px;
	text-align: center;
}
.box .result_list .user_pagination ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.box .result_list .user_pagination ul li{
	position: relative;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
}
.box .result_list .user_pagination ul li a{
	position: relative;
	display: inline-block;
	min-width: 35px;
	min-height: 35px;
	line-height: 35px;
	text-align: center;
	color:#000000;
	font-size: 16px;
	font-weight: 400;
	text-decoration: none;
	outline: none;
	border: none;
	border-radius: 5px;
}
.box .result_list .user_pagination ul li a.active{
	position: relative;
	background: #ebeeee;
}
.box .result_list .user_pagination ul li a.prev{
	color: #828282;
	margin: 0px 5px 0px 0px;
}
.box .result_list .user_pagination ul li a.next{
	color: #0c97d4;
	margin: 0px 0px 0px 5px;
}
/*** ### Show More ### ***/
.box .result_list .showMoreToggle,
.box .result_list .showMoreLink {
	position: relative;
	text-align: center;
	margin: 6px 0px 0px 0px;
	align-items: center;
	justify-content: center;
	border:0px !important;
	/*background: #f7f7f7;*/
	color: #0c97d4
}
.box .result_list .showMoreToggle span.showMoreBtn {
	background: #f1f3f4;
	border: 1px solid rgba(255,255,255,0);
	box-sizing: border-box;
	cursor: pointer;
	font-size: 14px;
	line-height: 20px;
	pointer-events: auto;
	position: relative;
	width: 300px;
	padding: 7px 11px!important;
	flex-direction: row-reverse;
	align-items: center;
	display: flex!important;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
	margin: 0px 0px 0px 0px!important;
	height: 36px;
	border-radius: 18px;
}
.box .result_list .showMoreToggle span.showMoreBtn a {
	color: #828282;
}

.box .result_list .showMoreToggle hr {
	background-color: #dadce0;
    border: 0;
    height: 1px;
    left: 0;
    margin-top: 18px;
    position: absolute;
    width: 100%;
    display: block;
}
.box .result_list .showMoreToggle a,
.box .result_list .showMoreLink a {
	position: relative;
	display: inline-block;
	text-align: center;
	font-size: 13px;
	font-weight: 500;
	/*text-decoration: underline;*/
	outline: none;
	border: none;
	color: #0c97d4;
}
.box .result_list .showMoreToggle span,
.box .result_list .showMoreToggle span a {
	width: 100%;
}
.box .result_list .showMoreLink span,
.box .result_list .showMoreLink span a {
	width: 100%;
}
/*** ### Thumsb up Icons ### ***/
.box .result_list  .thumbs_up{
	position: relative;
	min-width: 35px;
	width: 35px;
	height: 35px;
	line-height: 35px;
	max-width: 35px;
	margin-top: 10px;
	margin-right: 15px;
	background: #9ecd67;
	color: #FFFFFF;
	font-size: 18px;
	text-align: center;
	border-radius: 50%;
}
/*** ### Contact Icons ### ***/
.box .result_list .contact_icons{
	position: relative;
	padding: 10px 0px;
	text-align: center;
	min-width: 150px;
}
.box .result_list .contact_icons ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.box .result_list .contact_icons ul li{
	position: relative;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	justify-content: end;
	-webkit-justify-content: end;
	-moz-justify-content: end;
	-ms-justify-content: end;
	-o-justify-content: end;
}
.box .result_list .contact_icons ul li a{
	position: relative;
	display: inline-block;
	min-width: 30px;
	min-height: 30px;
	line-height: 30px;
	text-align: center;
	color:#2d449c;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	outline: none;
	border: none;
	border-radius: 50%;
	background: #e6eff9;
	margin: 0px 2px;
}
.box .result_list .contact_icons ul li p a{
	color: #1a98d5;
	text-decoration: underline;
	margin: 0px;
	padding: 0px;
	font-size: 15px;
	font-weight: 400;
	width: auto;
	height: auto;
	line-height: normal;
	background: none;
	min-width: inherit;
	min-height: inherit;
}
.box .result_list .contact_icons ul li:first-child{
	display: none;
}
@media (max-width:767px){
	.box .result_list .contact_icons{
		width: 100%;
	}
	.box .result_list .contact_icons ul{
		display: flex;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		justify-content: space-between;
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		-ms-justify-content: space-between;
		-o-justify-content: space-between;
	}
	.box .result_list .contact_icons ul li:first-child{
		display: flex;
		margin: 10px 0px 0px 0px;
	}
}
/*** ### Top Footer ### ***/
.top-footer{
	position: relative;
	padding: 15px 0px;
	/* background: #212326; */
}
.top-footer ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: center;
}
.top-footer li{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 10px 15px;
}
.top-footer a{
	color: #50646c;
	font-size: 14px;
	font-weight: 500;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	outline: none;
	border:none;
}
/*** ### Footer ### ***/
footer{
	position: relative;
	padding: 10px 0px;
	/* background: #141414; */
}
footer p,
.copyright_footer{
	color: #50646c;
	font-size: 14px;
	font-weight: 400;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
footer p,
.disclaimer_footer{
	color: #9d9d9d;
	font-size: 12px;
	font-weight: 400;
	margin: 0px;
	padding: 0px;
	text-align: left;
	margin: 15px 0px 15px 0px;
}
footer p,
.disclaimer_footer a{
	font-size: 12px;
}

footer p a{
	color: inherit;
	text-decoration: none;
}
/*** ### Instagram Section ### ***/
.insta-image{
	position: relative;
}
.insta-image img{
	border-radius: 10px;
}
/*** ### Ads Section ### ***/
.ads-image{
	position: relative;
	margin-top: 30px;
}


/* navigation ontop of results page */

#jumpLiveResults{
    /*left: 9px;*/
    /* left: -10px;
    position: absolute;
    top: 45px;
    line-height: 1.8em; */
    padding-bottom: 15px;
}

#jumpLiveResults span{
    float: left;
    color: #8BBF59;
    font-size: 12px;
}

#jumpLiveResults ul{
    
    float: left;
    /*padding-left: 7px;*/
    position: relative;
}

#jumpLiveResults ul li{
    
    float: left;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    border: right;
    /*border-right: 1px solid #ebebeb;*/
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 8px 3px;
}    

#jumpLiveResults ul li a{
    border-radius: 4px;
    /*color: #189CD6;
    font-size: 12px;
    font-weight: 800;*/
    padding: 8px;
    color: #333333;
    font-size: 14px;
    font-weight: 400;
}


#PoStWidgetContainer{
     margin-top: 7px;
    padding: 0 0 0 7px;
    position: absolute;
    right: 370px;
    top: -3px;
}

#PoStWidgetContainerProfile{
     left: 459px;
    margin-top: 2px;
    padding: 0 0 0 7px;
    position: absolute;
    top: 4px;
}

.fblikeButtonPages{
    float: left;
    left: -11px;
    position: absolute;
    top: -35px;
}


#fblikeButtonProfile{
    left: -11px;
    position: absolute;
    top: -41px;
}

#nameProfCont{
    border-bottom: 1px dotted #E6E6E6;
   /* height: 32px; */
    margin-left: 110px;
    padding: 0 8px 4px;
}

.headline-title{
    color: #776666;
    font-size: 12px;
}


#genderAgeSection{
    left: 18px;
    padding: 4px 0 3px 13px;
    position: relative; 
}

/* Username Search */

#uname_loader{
    height:70px !important;
}

#uname_result{
    padding-top: 5px;
}

#uname_result ul{
    line-height: 100%;
    list-style: none outside none;
    margin-left: 8px;
    padding-top: 10px; 
    text-align: left;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 10px;
}

@media (max-width:767px){
		#uname_result ul{
			grid-template-columns: repeat(2, 1fr);
			grid-gap: 10px;
	}

}

#uname_result .column_right{
    float:none;
}


#uname_result .column_left{
    width: auto;
    float:none;
}


#uname_result li{
     border-bottom: 1px solid #E6E6E6;
     height: auto;
}
#uname_result li a{
	font-weight: 500;
}

#uname_result .social-icon-wrap {
	border-radius: .5em;
	width: 30px;
	height: 30px;
	color: white;
	text-align: center;
	vertical-align: middle;
	line-height: 30px;
	font-size: 13px;
	display: inline-block;
  margin: 0px 5px 5px 0px;
}

#uname_result .social-icon-wrap i {
	line-height: 30px;
}

.topUsernamesList{
    float: left;
    left: -11px;
    position: relative;
    top: 15px;
}


.topUsernamesList h2{
    margin-bottom: 7px;
}

.usernameList{
    display: block;
    margin-left: 12px;
    width: 895px;
    word-wrap: break-word;
}

.topUsernamesList a{
    color: #000000;
    font-size: 10px;
}

.myspaceLiveResults{
    padding-top: 8px;
}

.myspaceLiveResults p{
    overflow: hidden;
}

.myspaceLiveResults h3{
    padding: 0 0 9px;
}

.myspaceLiveResults p{
    border-bottom: 1px solid #E6E6E6;
    height: 55px;
    padding-top: 15px;
    padding-left: 7px;
}

.pinterestLiveResults h3{
    margin-top: 18px;
}


.pinterestName, .pinterestPins, .pinterestDesc{
    position: relative;
    top: -3px;
}


.linkUsernameLiveResults{
    color:#ff8033;
}

.linkTagsLiveResults{
    color: #66CC33;
}

#usernameLvloader{
    height: 70px;
    padding-bottom: 50px;
    position: relative;
    top: 10px;
    display: none;
}
.instaBio{
    font-size: 11px;
    margin-top: 3px;
    line-height: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 545px;
}
.usernameLvresult{
    height:100px;
    padding-left: 7px;
    border-bottom:1px solid #E6E6E6;
}
.usernameLvresult a{
    text-transform:capitalize;
}
.usernameLvresult h4{
    margin:10px 0px;
}

.usernameLvresult img{
    height:48px;
    width:48px;
    margin-right: 8px; 
    position: relative;
    top: 5px;
    float:left;
}

.usernameLvresult ul li{
    float: left;
    color: gray;
}

.usernameLvresult ul li:after { content: "|"; padding: 0 .5em; }


.scrollmeup{
    width:44px;
    height:44px;
    position:fixed;
    bottom:50px;
    right:5px;
    display:none;
    text-indent:-9999px;
    /*background: url('/images/top_sprite.png') no-repeat;
    background-position: 0px 0px;*/
		background: url('/images/top_sprite.png') no-repeat;
		background-position: -47px 0px;
    transition: .3s all;
    opacity: .8;
    z-index: 99999;
    outline: medium none !important;
}

.scrollmeup:hover{
    background: url('/images/top_sprite.png') no-repeat;
    background-position: -47px 0px;
}


.show_more_btn img,#view_locs_more_link img{
    width: 18px;
    height: 18px;
    background: url('/images/plus_sprite.png') no-repeat;
     position: relative;
    right: -9px;
}

.show_more_btn img:hover,#view_locs_more_link img:hover{
    background-position: -20px 0px;
}

.hide_less_btn img,#view_locs_less_link img{
    width: 18px;
    height: 18px;
    background: url('/images/plus_sprite.png') 0 -20px no-repeat;
     position: relative;
    right: -9px;
}

.hide_less_btn img:hover,#view_locs_less_link img:hover{
    background-position: -20px -20px;
}

.slider_cont{
   /*width: 300px;*/
}

.open{ 
    z-index: 999;
}

.open .slider_cont{
    background-color: white;
}

.slider_count{
    display: block;
}

.open .slider_count{
    display: none;
}
.slider-loader-small{
	background: url(/images/ajax-loader-gray.gif) no-repeat 50% 82%;
	border: 1px solid #e8e8e8;
}


#fb_count{
    background: url("/images/socialslider_sprite.png") repeat scroll -42px -4px rgba(0, 0, 0, 0);
    font-size: 14px;
    height: 36px;
    left: 99px;
    line-height: 33px;
    position: relative;
    float: right;
    text-align: center;
   /* top: 230px;*/
    width: 60px;
    color: #939393;
}

.fb_handle:hover{
    background-position: -117px -4px !important;
}

#tw_count{
    background: url("/images/socialslider_sprite.png") repeat scroll -42px -4px rgba(0, 0, 0, 0);
    font-size: 14px;
    height: 36px;
    left: 99px;
    line-height: 33px;
    position: relative;
    float: right;
    text-align: center;
 /*   top: 270px; */
    width: 60px;
    color: #939393;
}

.tw_handle:hover{
     background-position: -117px -44px !important;
}

/*
#social_slider{
    position: absolute;
    top: -100px;
}

*/

#profileTags{
    position: relative;
    top: -20px;
}

#peekScore p{
    padding-left: 118px;
}


.resultPic {
	overflow: visible;
	opacity: .85;
	top: 10px;
  width: 80px;
  border-radius: .5em;
}  

.resultPic img {
    height: auto!important;
    width: 80px!important;
    border-radius: .5em;
}
#view_locs_more > p{
    border-bottom: 1px dotted #e6e6e6;
    margin-left: 110px;
    margin-top: -15px;
    padding-bottom: 4px;
    padding-left: 8px;
    padding-right: 8px;
}

#convoBoxIcon {
   visibility: hidden;
}

#profile_tags_work li:nth-child(n+5),
#profile_tags_edu li:nth-child(n+5){
	display:none
}

/********************************************* OLD MAIN CSS ***************************************************************/

/*************************** css ads floating ***************************/
 .sticky {
	    margin-left: 7px;
        top: 90px;
 }

/*************************** css resp ***************************/


.resultsContainer {
    float: none;
    width: 100%; 
    border-right: 0; 
    padding-right: 0;
}


#resultsContainerProfiles {
    background: none;
    border:0;
}

#resultsContainerProfiles > div{
    position: initial;
    float:none; 
    width:100%;
    display: grid;
}


#resultsContainerProfiles > div:not(:last-of-type) {
    /*border-bottom: 1px dotted #bbb;*/
    margin-bottom: 10px;
}
.refineSearchCont{
    line-height: 1px !important;
    margin-bottom: 0px;
}

.resultCell {
	width:100%;
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	border-bottom: 0;
	margin-bottom: 0;
	/*flex-direction: row-reverse*/
}

.resultCell h2 {
    font-weight: 400;
}

.resultCell h2 a {
    font-size: 14px;
}
.resultCell h2 span {
    font-size: 16px;
}
.result_tags li{
    font-size: 14px;
}
.sideCol {
  float: none; 
  width:100%
}

.profileCard {
	/*grid-template-columns : 1fr 1fr;
	column-gap:1em;*/
	column-gap: 1em;
	row-gap: .5em;
	background: white;
	/*display: flex !important;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;*/
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	grid-auto-rows: 1fr;

}

.profileCardMini {
    /*border-radius: .5em; 
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    padding: 10px;*/
    width: 100%;
}

@media (max-width:767px){
		.resultCell h2 span {
    font-size: 14px;
	}
	.profileCard {
		grid-template-columns: repeat(1, 1fr);
		grid-auto-rows: auto;
	}
}

.resultCell h2, .resultCell p,
.resultCell .result_tags {
	margin-left: 0px;
}

@media (max-width:767px){
.resultCell h2, .resultCell p,
.resultCell .result_tags {
	margin-left: 5px;
}

}
.resultCell  span.age {
	 font-size: 13px!important;
}

.resultCell  span.age:before {
    content: "";
    width: 3px;
    height: 3px;
    background: #999;
    display: inline-block;
    border-radius: 50%;
    margin: 3px 3px 3px 8px;
}
.resultCell .locations,
.resultCell .userName,
.resultCell .result_tags li{
	font-size: 14px!important;
}    
.resultCell .userNameLabel ,
.resultCell .userPhoneLabel {
	font-size: 14px;
	text-transform: lowercase;
	font-variant: small-caps;
}
span.phoneNumber a {
    font-weight: 400;
    font-size: 14px;
}
@media (max-width:767px){
	.resultCell .locations,
	.resultCell .userName,
	.resultCell .result_tags li{
		font-size: 13px!important;
	}
	.resultCell .userNameLabel,
	.resultCell .userPhoneLabel {
		font-size: 13px;
	}

}

#liveWebResults .textAlignRight {
    margin-right: 0;
}

#liveWebResults div span.instantcheckmate_static_button,#liveWebResults div span.beenverified_static_button {
     margin: 0px 0px 0px 0px; 
}
.instantcheckmate_static_bg {
	background: linear-gradient(270deg, #690514 11.56%, #C5001A 48.69%, #C5001A 101.56%)
}


/*a.view-details-button {
    background-color: #0c97d4;
    color: white;
    text-decoration: none;
    padding: 10px 10px;
    border-radius: 5px;
    font-size: 1em;
    transition: background-color 0.3s ease;
    float: right;
    color: #ffffff;
}*/

a.view-details-button {
    background-color: fff;
    text-decoration: none;
    padding: 8px 10px;
    border-radius: 5px;
    font-size: 1em;
    transition: background-color 0.3s ease;
    float: right;
    color: #0c97d4;
    border: 2px solid #0c97d4;
}

a.view-details-button:hover {
    background-color: #40baf0;
    text-decoration:none;
    color: #fff;
}    

#truthfinder_results a.view-details-button {
    color: #1cb88d;
    border: 2px solid #1cb88d;
}

#truthfinder_results a.view-details-button:hover {
    background-color: #57bf93;
    text-decoration:none;
    color: #fff;
} 

#beenverified_results a.view-details-button {
    color: #638a3a;
    border: 2px solid #638a3a;
}

#beenverified_results a.view-details-button:hover {
    background-color: #81b44c;
    text-decoration:none;
    color: #fff;
} 

#peoplelooker_results a.view-details-button {
    color: #24c1db;
    border: 2px solid #24c1db;
}

#peoplelooker_results a.view-details-button:hover {
    background-color: #24c1db;
    text-decoration:none;
    color: #fff;
} 


#images_results_list {
	/* position:relative; */
	float: none; 
}	

#liveWebResults div div {
     padding: 0 
}
#liveWebResults div p {
	margin-bottom: 0px;
}
#resultsContainerProfiles .locations{
    padding-left: 6px;
    font-size: 14px;
}
#liveWebResults span.result_status {
    height: 22px;
    line-height: 20px;
    padding: 1px!important;
    margin: -30px 7px 0 0;
    border-radius: 50px;
}
#liveWebResults span.superLoader.blue {
    box-shadow: 2px 14px 15px -7px rgb(30 166 250 / 36%);
    border-radius: 50px;
    /*transition: all 0.5s;*/
    height: 20px;
    padding: 0px 5px 0px 5px;
}
#resultsContainerProfiles .locations a,
#resultsContainerProfiles .locations .pseudo_link_noclick {
    margin-left: -1px;
}
.spokeoUsername .UsernameEmailText {
    /* overflow: hidden; */
    padding-left: 4px;
    width: 100%;
}
p.spokeoUsername {
    display: flex;
}
.spokeoStuff p {
    height: 100%; 
}
.spokeoStuff p span {
    /* float: right; */
    margin: 0;
}

/********************************************* OLD MAIN CSS ***************************************************************/

/* this is the h1 on the search pages */
.index h1 {
background:url(/images/peekyou.gif) no-repeat 0 55px;
height:0;
margin:0px auto;
overflow:hidden;
padding-top:155px;
position:static;
width:430px;
}
/* this is the logo on other pages */
#logo {
background:url(/images/collage_small.png) no-repeat -35px -293px;
height:0px;
margin-left:0;
overflow:hidden;
padding-top:19px;
position:relative;
width:100px;
}
#logo a {
display:block;
height:19px;
left:0px;
position:absolute;
top:0px;
width:90px
}
h1 {
font: bold 30px verdana, sans-serif
}
.whiteContainerMid h1 {
padding:0 0 20px
}
h2 {
font: bold 1.6em verdana, sans-serif;	
}
h2.index {
font: normal 14px verdana,sans-serif;
margin-bottom:15px;
margin-right: 16px;
text-align:center;
visibility: hidden;

}
h2.contact {
float:left;
font-size:1.9em;
font-weight:bold;
padding-bottom:4px;
width:300px
}
h2.contact a {
color:#000	
}
h3 {
font: bold 20px verdana, sans-serif;
margin:7px 0 0;	
}
.sideCol h3 {
    font: bold 15px arial,verdana;
}
h4 {
font: bold 1.3em verdana, sans-serif;
}
h2 a,
h4 a,
h5 a {
color:#000
}
h5 {
font: bold 1em verdana, sans-serif
}
/* the accessibility menu at the top of the page */
ul.topMenu{
    color: #3287FF;
    float: left;
    font: 15px helvetica,arial,sans-serif;
    left: 77px;
    position: relative;
    top: 0;
    z-index: 250;
}
ul.topMenuRight {
        /*border-bottom:1px solid #b0e0e6;
    left:0px;
    text-align:left;
    width:100%*/
}

ul.topMenuRight {
    padding: 6px 0 9px;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
    width: 100%;
}
ul.topMenu li,
ul.topMenuRight li {
display:inline	
}
ul.topMenu li {
float:left;
padding:7px 8px
}/*
ul.topMenu li.google {
padding:7px 0 0
}
ul.topMenu li.google a img {
vertical-align:bottom
}*/
ul.topMenu span {
padding:0 20px	
}
ul.topMenuRight span.username {
color:#1a98d5;
padding-left:8px;
}
ul.topMenu a,
ul.topMenuRight a {
color:#1A98D5;
font-weight:normal;
padding:0 8px;
/*text-decoration:underline;*/
cursor:pointer; 
}
ul.topMenuRight span.username a {
color:#1a98d5;
padding:0px 10px 0px 0px
}
ul.topMenu a:hover, ul.topMenu a:active {
color: #1a98d5
}

.error_page {
    display: flex;
    justify-content: center;
    align-items: center;
}
.error_page h1{
   background: url(/images/404.png) no-repeat 0 0px;
   width: 304px;
   height: 204px;
}
.error_page span.header_1{
    font-size: 16px;
    margin-bottom: 35px;
    display: block;
    text-align: center;
}
.error_page span.header_2{
    text-align: center;
    display: block;
    font-size: 22px;
}
.error_page a{
    color: #1a98d5;
    text-decoration: underline;
}


#tools .tools a,
#iphoneapp .iphoneapp a,
#google_search .google a,
#name .name a,
#interests .interests a,
#images .images a,
#work .work a,
#locations .locations a,
#school .school a,
#phone_body .phone a,
#username .usernames a,
#email_body .email a,
#zeitgeist .zeitgeist a,
#resultsBody .name a,
#profileBody .name a
{
    bottom: 1px;
    color: #959595;
    font-size: 17px;
    position: relative;
    text-decoration: none;
}


#tools .tools img,
#iphoneapp .iphoneapp img,
#google_search .google img,
#name .name img,
#interests .interests img,
#images .images img,
#work .work img,
#locations .locations img,
#school .school img,
#phone_body .phone img,
#username .usernames img,
#email_body .email img,
#zeitgeist .zeitgeist img {
    display: block;
    left: 32px;
    position: relative;
    top: 34px;
    margin-top: -10px;
}

#profileBody .topMenu,
#resultsBody .topMenu,
.googleresults .topMenu{
    position: absolute;
    top: 5px;
    left: 120px;
    font-size: 14px;
}

.menuLogo{
    margin-right: 30px;
}

#profileBody ul.topMenu li,
#resultsBody ul.topMenu li{
    font-size: 13px !important;
    padding-right: 1px;
}

#resultsBody .menuLogo img,
#profileBody .menuLogo img,
.googleresults .menuLogo img{
    display: block;
    left: -118px;
    position: absolute;
    top: 4px;
}


#resultsBody .name img,
#profileBody .name img,
.googleresults .google img{
    display: block;
    left: 52px;
    position: relative;
    top: 36px;
    margin-top: -10px;
}


#name .topMenu{
    left: 72px;
}

#name .name img{
    left: 52px;
}

#username .usernames img{
    left: 37px;
}

#work .work img{
    left: 18px;
}

#school .school img{
    left: 20px;
}

#locations .locations img{
    left: 12px;
}

#interests .interests img{
    left: 30px;
}

#phone_body .phone img{
    left: 20px;
}

#email_body .email img{
    left: 19px;
}

#google_search .google img{
    left: 24px;
}

.googleresults .google img{
    left: 22px;
}

.topMenu li img{
   display: none;
}

#top_logo {
    background: url("../images/frontpage/logo.png") no-repeat scroll center center / 170px auto rgba(0, 0, 0, 0);
    display: block;
    height: 42px;
    left: 68px;
    position: relative;
    top: 7px;
    width: 196px;
    z-index: 100;
}

/* header div - this is used to leave space for the positioned elements that are brought to the top of the page. */
.header {
height:130px
}

/* main section */
#main {
/* background:url(/images/profileright.png) repeat-y right -10px; */
clear:right;
position:relative;
width:980px
}
/* main end */
/* Footer */
.homeFooter {
clear:left;
color:#9C9C9C;
font: 0.8em verdana,sans-serif;
margin:60px auto 0;
text-align:center;
position: relative;
left: 1px;
width:990px; 
}
.homeFooter a {
color:#9C9C9C;
font-weight:normal;
text-decoration:none;	
}

.homeFooter a:hover{
    color: #1a98d5;
}

.homeFooter ul {
margin-top:8px	
}
.homeFooter ul li {
display:inline;
padding-right: 14px;
}
.homeFooter ul li a {
padding-right:5px	
}

.homeFooter img{
    width: 50%;
}

.not_available_page h2{
    text-align: center !important;
    font-size: 24px !important;
}

.not_available_page a{
    color: #428bca;
    font-size: 18px;
    font-weight: 600;
}

/* New Footer Design */

#footer_copyright{
    clear: both;
    display: block;
    text-align: center;
    margin-top: 10px;
}

#professionFooter{
    border-right: 1px dotted #9C9C9C;
}

#popularFooter{
    margin-left: 32px;
}


#footer_social_btns img{
    height: 40px;
    width: 40px;
    background: url("/images/social_sprite.png");
}

#footer_facebook_btn img{
    left: -56px;
    position: relative;
    top: 43px;
    background-position: 0px 0px;
    opacity: 0.75;
}

#footer_facebook_btn img:hover{
    opacity: 1;
}

#footer_twitter_btn img{
    background-position: 0px 40px; 
    left: -56px;
    position: relative;
    top: 51px;
    opacity: 0.75;
}

#footer_twitter_btn img:hover{
    opacity: 1;
}    
    
#professionFooter,#popularFooter,#aboutFooter,#countryFooter{
    float: left;
    height: 133px;
    margin-bottom: 50px;
    margin-left: 59px;
    width: 434px;
}

.homeFooter h2{
    font-size: 16px; 
    font-weight: normal; 
    text-align: left;
}

ul.prof_left{
    float: left; 
    width: 224px;
    padding-top: 12px;
    text-align: left;
}

ul.prof_right{
    float: right;
    left: -10px;
    padding-top: 12px;
    position: relative;
    text-align: left;
    width: 209px;
}

.footer_li{

    float: left;
    font-size: 10px; 
    font-weight: bold; 
    margin-bottom: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width:90px;
}

#aboutFooter ul li{
    margin-bottom: 15px;
}

.footer_pk_about{
    display: block; 
    clear: both;
    margin-bottom: 24px;
}


.footer_pk_about ul li{
    border-right: 1px dotted #9c9c9c;
    padding-left: 10px;
}
.footer_pk_about ul li:last-child{
    border-right: none;
}


#footer_social_btns{
   position: absolute;
   right: -36px; 
}

/* Footer - search by country menu */
ul.searchbycountry {
background:url(/images/countryflags.gif) no-repeat left top;	
height:29px;
margin:0px auto;
width:404px;	
}
ul.searchbycountry li {
float:left;
padding:0;
}
ul.searchbycountry li a {
float:left;
height:29px;
padding:0;
}
ul.searchbycountry li a:hover {
background-image:url(/images/countryflags.gif);
background-repeat:no-repeat;
}
ul.searchbycountry li.usa a {
width:47px;	
}
ul.searchbycountry li.usa a:hover {
background-position:left bottom
}
ul.searchbycountry li.canada a,
ul.searchbycountry li.uk a,
ul.searchbycountry li.ireland a,
ul.searchbycountry li.australia a,
ul.searchbycountry li.nz a {
width:49px
}
ul.searchbycountry li.canada a:hover {
background-position:-47px bottom
}
ul.searchbycountry li.uk a:hover {
background-position:-96px bottom
}
ul.searchbycountry li.ireland a:hover {
background-position:-145px bottom
}
ul.searchbycountry li.australia a:hover {
background-position:-194px bottom
}
ul.searchbycountry li.nz a:hover {
background-position:-243px bottom
}
ul.searchbycountry li.india a,
ul.searchbycountry li.china a {
width:39px
}
ul.searchbycountry li.india a:hover {
background-position:-292px bottom
}
ul.searchbycountry li.china a:hover {
background-position:-331px bottom
}
ul.searchbycountry li.world a {
width:34px
}
ul.searchbycountry li.world a:hover {
background-position:-370px bottom
}
ul.searchbycountry li a span {
display:none
}

/* faq page*/
.whiteContainerMid {
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
border:1px solid #b0e0e6;
margin:0 auto;
padding:0 30px;
width:928px;
}
.whiteContainerMid p,
.whiteContainerMid dt {
font: 1.2em verdana,sans-serif;
}
.whiteContainerMid p {
line-height:1.5;
margin-bottom:18px
}
.whiteContainerMid dt {
padding:10px 0 2px
}
.whiteContainerMid dd {
color:#6f6f6f;
font: 0.9em Verdana,sans-serif;
line-height:1.4;
padding:0 0 15px 20px
}
.whiteContainerMid p img {
display:block;
margin:0px auto;
}

/* tools page */
div.addToolsBox {
padding-bottom:20px;
position:relative
}
div.addToolsBox h2 {
color:#1a98d5;
font-size:16px;
margin-top:0px;
padding:4px 10px 0px;
width:345px
}
div.addToolsBox p {
font-size:1em;
line-height:1.2;
margin-bottom:4px;
padding:12px 10px 6px;
text-align:justify;
width:450px
}
div.addToolsBox span.lastUpdate {
bottom:10px;
font:10px Arial, sans-serif;
position:absolute;
right:0px
}
/* tools page end */

/* generic styles */
hr {
display:none	
}
strong {font-weight:bold}
a {
color:#1a98d5;
font-weight:bold;
text-decoration:none;
}
a:hover {
text-decoration:underline	
}
/* miscellaneous styles */
.clearThis {
clear:both;
float:none !important;
font-size:0;
height:0;
overflow:hidden;	
padding:0 !important
}
.clearThis + P {
border:  0 none !important;
}
.clearRight {
clear:right;
font-size:0;
height:0;
overflow:hidden;	
}
img.floatRight {
float:right;
padding:0 10px 0 0;
}

/* homepage stuff + profile card */
.homeUnder {
font-family: Arial,Helvetica,sans-serif;
margin:0 auto 0 0px;
padding: 0 0 12px;
position:relative;
width:950px
}
.homeUnder h2 {
   color: #999999;
    font-size: 12px;
    font-weight: normal;
    margin: 0 0 0 -3px;
    padding: 18px 0 0 1px; 
}
.homeUnder h2 a {
color:#1a98d5;
text-decoration:underline
}
.homeUnder h3 {
color:#1a98d5;
font: bold 1em Arial,Helvetica,sans-serif;
margin:0;
padding:6px 0 2px 10px;
}
.homeUnder h3 a {
color:#1a98d5	
}

.newPeople a {
float:left;
padding:8px 10px
}


.likeBtnsFrntPage{
    margin-top: -21px;
    position: absolute;
    right: -102px;
    width: 342px;
}

.fbLikeBtn{
    width: 1px;
    position: relative;
    left: 52px;
}


.twitterBtn{
   float: left;
    width: 98px;
    margin-left: 6px;
    overflow: hidden;
    margin-right: 7px;
    border-radius: 4px;
    border-right: 1px solid #AAAAAA;
    height: 20px;
}

.googlePlushBtn{
    position: relative;
    margin-top: -23px;
    left: 148px;
    float: left;
}


#randomizerContainer{
    float: left;
    margin-bottom: -23px;
    margin-left: 0;
    margin-top: 8px;
    width: 1051px;
}

.searchFor {
    margin-left: -28px;
    padding: 23px 9px;
}
.searchFor a {
    color: #999999;
    display: inline;
    float: left;
    font-size: 10px;
    height: 0;
    line-height: 1;
    margin: 0 10px;
    min-height: 86px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    width: 65px;
}
.searchFor a img {
/* border:5px solid #ddf3fd; 
 border-radius: 3px; 
-moz-border-radius: 3px; 
-webkit-border-radius: 3px; 
 display:block;
 margin: 0 7px;*/
 border-radius: 99em; 
-moz-border-radius: 99em; 
-webkit-border-radius: 99em; 
 display:block;
 margin: 0 4px;
 width: 57px;
 height: 57px;
 padding-bottom: 2px;
 
}

.searchFor a img:hover {
/* border:5px solid #c3deff; */
/* FIRST (order is important) */
opacity: 0.8;
/* SECOND (IE8) */
-ms-filter:”progid:DXImageTransform.Microsoft.Alpha(Opacity=80)”;
/* THIRD (IE7) */
filter: alpha(opacity=80);
}


.searchFor a:hover{
    color: #1a98d5;
}


.search form {

  background-color: #FFFFFF;
}

/* Account page */


/* autocomplete */
.autocomplete {
z-index:100;
width: 350px;
background: #def3fd;
font: normal 1em Arial, Helvetica, sans-serif;
left:5px
}
#first_name_c,
#first_name_choices {
left:33px
}

#last_name_c,
#last_name_choices {
left:319px
}
/* 18.03.2011 */
#last_name_c {
	left:266px
}
.autocomplete ul {
width: auto;
list-style-type: none;
}
.autocomplete ul li {
background-color:#def3fd;
cursor:pointer;
float:left;
margin:0px 2px;
padding:2px;
width:250px;
}
.autocomplete ul li .suggestion {
float: left;
}
.autocomplete ul li .informal {
float: right;
font: normal .8em Arial, Helvetica, sans-serif;
color: #999999;
padding: 2px 0 0 0;
}
.autocomplete ul li .informal.location{
float: right;
display:none;
font: normal .8em Arial, Helvetica, sans-serif;
color: #999999;
padding: 2px 0 0 0;
}	
.autocomplete ul li.selected .informal {
background-color: #C5E0FA;
}
.autocomplete ul li .sameText {
color: #225D9C;
font-weight: bold;
}
.autocomplete ul li .suggestText {
color: #69C519;
font-weight: bold;
}
.autocomplete ul li.selected {
background-color: #C5E0FA;
}
.choices__inner {
	  border: 1px solid #DDDDDD!important;
}
.choices__list {
    white-space: nowrap;
}
.choices {
    line-height: 25px;
}
/* Font Icons */

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'PeekYou';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-caret-down, .icon-search {
	font-family: 'PeekYou';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.icon-caret-down:before {
	content: "\31";
}
.icon-search:before {
	content: "\32";
}

.magSearch {
    -webkit-font-smoothing: none;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-font-smoothing: antialiased;

    background: url("/images/mag_2.png") no-repeat scroll 25px 7px rgba(0, 0, 0, 0)
}

/*
.magSearchIE{
    background: url("/images/mag.png") !important;
    height: 29px;
    width: 29px;
    position:absolute;
    right: 55px;
    top: 12px;
}
*/

/* navigation */

/* the form inputs underneath the tabs...
we dont position these on the search landing pages */
.index .searchPanelInputs {
    left: -6px;
    margin: 0 auto 10px;
    position: relative;
    top: 0px;
}
/* we use positioning on other pages so that we can put more important stuff above the search menu */
.searchPanelInputs {
    /*background: transparent url(/images/collage_new.png) no-repeat scroll center top;*/
    background-color: #1A98D5;
    border-radius: 3px; 
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    height: 70px;
    left: 1px;
    position: absolute;
    top: 40px;
    width: 992px;
    z-index: 50;
    clear: left;
}
/* change the background image for the work search */
body#work .searchPanelInputs {
}
/* change the background image for the school search */
body#school .searchPanelInputs {
}
.searchPanelInputs form {
display:inline; /* fix ie6 double margin on float */

    float: left;
    margin: 9px 0;
    padding-left: 4px;
    position: relative;
    width: 979px;
}
/* this line adds a left margin to the input row only on the life tab */
.searchPanelInputs form .topRow {
/*margin-left:5px*/
}
.searchPanelInputs form .topRow input {
/*border:1px solid #a4b8dc;*/
    border: medium none;
    border-radius: 3px; 
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    color: #999999;
    display: inline;
    float: left;
    font: 1.2em verdana,sans-serif;
    height: 36px;
    margin: 5px 4px 0 16px;
    padding: 3px 3px 3px 11px;
    text-align: left;
    width: 217px;
    line-height: 35px;
}
.searchPanelInputs form .topRow input:focus,
.searchPanelInputs form .topRow input.entered {
color:#333
}
.searchPanelInputs form .topRow input#email,
.searchPanelInputs form .topRow input#phone {
margin-left:40px;
width:530px
}

.searchPanelInputs form .topRow select {
    -moz-appearance: treeview;
    appearance:listbox;
    color: #333333;
    display: inline-block;
    font: 1.2em verdana,sans-serif;
    height: 42px;
    margin-left: 17px;
    margin-top: 5px;
    outline: none;
    -moz-outline: none;
    overflow: hidden;
    padding: 10px 10px 9px 5px;
    position: relative;
    width: 98px;
    border: medium none;
    border-radius: 3px; 
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 

   /* display: inline-block;
    padding: 9px 10px 7px 9px;
    height: 41px;
    outline: none;
    color: #74646e;
    width: 96px;
    margin-left: 11px;
    margin-top: 6px;
    position: relative;
    overflow: hidden;  
    font: 1.2em verdana,sans-serif;
    
    -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
   -moz-appearance: window; 
    */
}

/* webkit only */
@media screen and (-webkit-min-device-pixel-ratio:0){ 
    .searchPanelInputs form .topRow select{
        -webkit-appearance: listbox;
        width: 99px !important;
        height: 42px !important;
        background-color: #ffffff;
        padding-left: 5px;
    }
}


/* Select arrow styling */
.searchPanelInputs form .topRow .countryDwnBtn:after {
    content: '?';
    content: "\31";
    font-family: 'PeekYou';
    color: #1a98d5;
    width: 17px;
    height: 29px;
    position: absolute;
    display: inline-block;
    padding-top: 11px;
    top: 6px;
    vertical-align: middle;
    background-color: rgb(255, 255, 255);
    right: 113px;
    pointer-events: none;
    font-size: 21px;
    padding-left: 9px;
}


/*
.searchPanelInputs form .topRow select:after {
    content: "?";
    position: absolute;
    font-family: 'PeekYou';
    content: attr(data-icon);
}
*/


.searchPanelInputs form input#middle_name {
width:60px;
display:none;
}
.searchPanelInputs form input#username {
color:#ff8033
}
.searchPanelInputs form input#tag {
color:#66cc33	
}
.searchPanelInputs form #searchSubmit {
  /*   background: url("/images/mag.png") no-repeat scroll 26px center #9FCE66; */
    background-color: #9FCE66;
    border-width: 0;
    color: #BAEB37;
    cursor: pointer;
    font-size: 0;
    height: 42px;
    line-height: 2;
    position: absolute;
    right: 12px;
    text-align: right;
    top: 5px;
    width: 80px;
    border-radius: 3px; 
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
}

.searchPanelInputs form #searchSubmit:hover{
    background-color: #b7ec52;
}

.searchPanelInputs form #searchSubmit:active{
    background-color: #63a629;
}


.searchPanelInputs h3 {
     color: #FFFFFF;
    display: inline;
    float: left;
    font-size: 18px;
    margin: 13px 6px 0 10px;
}


/* iPhone */

.iphoneImg{
display:inline;
float:right;
position:relative;
}

.iphoneImg img{
padding-top:12px;
}

.peekLogoBox{
width:480px;
}
#app_icon{
margin:40px 0 0;
position:absolute;
}

#peek_icon{
margin:60px 0 0 100px;
position:absolute;
}
#tagline{
margin:95px 0 0 115px;
position:absolute;
color:#d6cccc;
}

.iphoneDesc p{
margin:180px 0 0 -2px;
position:absolute;
text-align:justify;
width:380px;
font-size:14px;
color:#888888;
}

.iphoneFet{
float:left;
padding-top:20px;
margin:-15px 0 0 -1px;
}

.iphoneFet ul{
margin:305px 0 0 -1px;
text-align:justify;
width:378px;
display:block;
}

.iphoneFet ul li{
font-size:12px;
font-weight: bold
}

.iphoneFet ul p{
font-size:12px;
}

.iphoneItunes img{
float:right;
margin:45px 14px 56px 5px;
}


#div_num_results{
    background-color: #1A98D5;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    height: 26px;
}

#div_num_results h1{
    font-size:14px;
    padding-top: 4px;
    padding-left: 12px;
    line-height: 22px;
}


#image_cont:hover{
    -moz-box-shadow: 0 0 8px #999999;
    border: 0px solid #DDDDDD;
}


#image_pagination{
    clear:both;
}




#about_container{
    padding-bottom:10px;
    height:260px;
}


#about_container h2{
    padding-left:215px;
}


#about_container img{
    position:relative;
    top: 0px;
    float:left;
}

#about_container img:hover{
    -moz-box-shadow: 0 0 8px #999999;
    border: 0px solid #DDDDDD;
}

#about_container p{
    padding-left:215px;
    font-size:12px;
    text-align: left;
}

/* Mini Location Search Box */

#location_mini_search{
    margin-left: 3px;
    margin-top: 14px;
    position: static;
    width: 596px !important;
    -moz-border-radius:3px;
    border-radius: 3px;
    -webkit-border-radius:3px;
}

#location_search_button{
  /*  background:url("/images/collage_new.png") no-repeat scroll -1px -81px transparent;
    border-width: 0;
    color: #BAEB37;
    cursor: pointer;
    font-size: 0;
    height: 45px;
    left: 470px;
    line-height: 2;
    position: absolute;
    top: 2px;
    width: 122px;
  */
  
    background-color: #9FCE66;
    border-radius: 3px 3px 3px 3px;
    border-width: 0;
    color: #BAEB37;
    cursor: pointer;
    font-size: 0;
    height: 42px;
    left: 488px;
    position: absolute;
    top: 5px;
    width: 81px;
}

#location_search_button:hover{
    background-color: #B7EC52;
}

#location_search_button:active{
    background-color: #63A629;
}

#location_mini_search form #location_row input{
    color: #999999;
    display: inline;
    float: left;
    font: 1.2em verdana,sans-serif;
    height: 26px;
    margin: -2px 5px 1px;
    text-align: left;
    width: 214px;
}

#float_ads {
    position: relative;
    margin:10px 15px 0;

}

#float_ads.fixed {
  position: fixed;
  top: -5px;
}


/** The New About Page */

.smallContainer{
    background: none repeat scroll 0 0 #E7F8FF;
    border-top: 1px solid lightBlue;
    float: left;
    margin-left: 2px;
    margin-right: 58px;
    padding-bottom: 4px;
    padding-left: 4px;
    padding-top: 8px;
    width: 450px;

}

#bodyContainer{
    float: left;
    margin-left: 2px;
    margin-right: 58px;
    padding-bottom: 5px;
    padding-left: 4px;
    padding-top: 6px;
    width: 450px;
}

#bodyContainer li{
    margin: 20px 0 0 0;
}
#bodyContainer p{
    font-size: 11px;
}

/** Right Side Column */

.smallContainerRight{
    background: none repeat scroll 0 0 #E7F8FF;
    border-top: 1px solid lightBlue;
    float: right;
    margin-left: 2px;
    margin-right: 58px;
    padding-bottom: 4px;
    padding-left: 4px;
    padding-top: 8px;
    width: 450px;
}

#bodyContainerRight{
    float: right;
    margin-left: 2px;
    margin-right: 58px;
    padding-bottom: 5px;
    padding-left: 4px;
    padding-top: 6px;
    width: 450px;

}

#bodyContainerRight li{
    margin: 20px 0 0 0;
}
#bodyContainerRight p{
    font-size: 11px;
}

#leftCont{
    float:left;
    width: 450px;
    margin-top:160px;
}

#rightCont{
    float:right;
    width: 450px;
    margin-top:160px
}

#about_footer{
    float: right;
    margin-top: 75px;
    width: 855px;
}

#about_footer_mini{
    color: gray;
    float: right;
    font-size: 10px;
    margin-top: 20px;
    width: 635px;

}

/** About Container Content */

.about_navigation{
    float: left;
    margin-top: 85px;
}

.about_navigation li{
    margin-bottom:15px;

}

.about_navigation li a{
    margin:10px 10px;
}

.about_container{
    float: right;
    font-size: 12px;
    text-align: left;
    width: 690px;
}

.aboutMidContainer{
    float:left;
    margin-bottom: 20px;
    padding-bottom: 30px;
}

.about_container h3{
    margin-bottom:10px;
}

.navitar{
    font-size:10px;
    color:gray;
    margin-top: 10px;
}

.content_about p{
    font-size: 12px;
}

#cont_about_footer{
    text-align:center;
    margin-top: 75px;
}

#cont_about_footer_mini{
    color: gray;
    font-size: 10px;
    margin-top: 20px;
    text-align:center;
    margin-bottom: 20px;
}

.about_selected{
    background-color: #E7F8FF;
    height: 21px;
    margin-left: 4px;
    padding-top: 5px;
}

pre{
    background-color:#F6F6F6;
    border:1px solid #E0E0E0;
    width:690px;
    overflow:hidden;
}

code{
    font-family:Consolas,monospace;
    left: 10px;
    margin-right:10px;
    padding-right:11px;
    position:relative;
    text-align:left;
    white-space:pre;
    width: 100%;
    word-wrap:break-word;
}


.imageHolderjob{
    position: absolute;
    top: 259px;
    width: 175px;
}

.imageHolderjob img{
    position:absolute; left:0; top:0;
}


/* This are from the Main.CSS (02/07/11)

/** Tracked CSS */

.track .registerLeft p{
padding: 2px 0;
}
.track .registerLeft{
float:left;
width:610px;
}

.track .registerRight{
    color:#4F4F4F;
    float:right;
    font-family:Verdana,sans-serif;
    margin:0 0 5px;
    width:335px;
    margin:27px 0 5px;
}

.track .registerLeft label{
    clear:left;
    color:#000000;
    float:left;
    padding:3px 5px 0 0;
    text-align:right;
    width:110px;
}

.track p input{
    background:none repeat scroll 0 0 #FFFFFF;
    border:1px solid #707070;
    margin:0 0 5px;
    padding:3px 4px;
    width:273px;

}

.track input#genericSubmit{
    -moz-border-radius:5px 5px 5px 5px;
    background-color:#F4FAFE;
    border:3px solid #B0E0E6;
    color:#3287FF;
    cursor:pointer;
    font-size:14px;
    font-weight:bold;
    padding:3px 5px;
    text-align:center;
    width:170px;
    float:right;
}

.track .captcha{
    margin-left: 10px;
    margin-top: 12px;

}

/** Contact Profile CSS */

.contact .registerLeft p{
    padding: 2px 0;
}
.contact .registerLeft{
    float:left;
    width:610px;
}

.contact .registerRight{
    color:#4F4F4F;
    float:right;
    font-family:Verdana,sans-serif;
    margin:0 0 5px;
    width:335px;
    margin:27px 0 5px;
}

.contact .registerLeft label{
    clear:left;
    color:#000000;
    float:left;
    padding:3px 5px 0 0;
    text-align:right;
    /*width:110px;*/
    width:165px;
}

/* is this being used for the about? */
.contact p input,
.contact td input,
.contact td select,
.contact div input,
.contact div select {
    background:none repeat scroll 0 0 #FFFFFF;
    border:1px solid #707070;
    margin:0 0 5px;
    padding:3px 4px;
    width:273px;

}
.contact div input,
.contact div select  {
    margin: 0px 0px 0px 14px;
}

.contact td select {
    width: 284px;
}   
.contact select.state {
    height: 23px;
    width: 284px;
} 
.contact table td {
    padding: 5px;
    vertical-align: top;
}
.contact td.left input {
    width:auto;
}
.contact td.left label {
    float: none;
    text-align: left;
    padding:3px 5px 0 10px;
}
.contact td.left p {
    margin-bottom: 5px
}
.contact_wrap .row {
    margin: 0px 0px 15px 0px;
}
.contact_wrap .row .note {
    width: width: 273px;
    width: 76%;
    left: 183px;
    position: relative;
    top: 8px;
    font-size: 11px
}

.contact input#genericSubmit{
    -moz-border-radius:5px 5px 5px 5px;
    background-color:#F4FAFE;
    border:3px solid #B0E0E6;
    color:#3287FF;
    cursor:pointer;
    font-size:14px;
    font-weight:bold;
    padding:3px 5px;
    text-align:center;
    width:170px;
    float:right;
}

.contact .captcha{
    margin-left: 10px;
    margin-top: 12px;

}
.contact .row_link{
    font-size: 11px;
    font-weight: 400;
}


.contact .right_to {
    position: relative;
    left: 165px;
    /*float: left;
    display: block;*/
    top: -16px;
    display: inline-table;
}
.contact .right_to input {
    width:25px;
}
.contact .right_to label {
    clear: none; 
    float: none; 
    width: 100%;
}
#form_container{
    margin:0 0 5px;
    padding:3px 4px;
    width:273px;
}

.form_field{
    height: 65px;
    margin-right: 5px;
    width: 467px;
}

.form_field input{
    margin-left: 60px;
    width: 250px;
}
.contact_wrap_container {
    padding: 30px 15% 30px 15%;
}
    
.contact_wrap_container .about_container {
    /* float: right; */
    font-size: 12px;
    width: 750px;
    margin: 0 auto;
    /* width: 100px; */
}

/** Iframez CSS */


#iframe_mini_search{
    moz-border-radius:10px 10px 10px 10px;
    background:none !important;
    height:46px;
    margin-left:123px;

    position:static;
}

#iframe_searchBox .searchPanelInputs{
    width: 100% !important;
}


#iframe_mini_search form{

    display:inline;
    float:left;
    margin:10px 0 8px;
    position:relative;

}

#ads_iframe{
    margin-left:auto;
    margin-right:auto;
    margin-top:5px;
    text-align:left;
    width:728px;
}

#iframe_searchBox{
    background-color:#E6E6E6;
    width:100%;
}


#iframe_close{
    bottom:13px;
    float:right;
    font-size:11px;
    margin-right:13px;
    margin-top:20px;
    position:relative;
}
#iframe_text_msg{
    float:left;
    font-size:11px;
    margin-top:10px;
}

#iframe_search_button{
    background:url(/images/collage_small.png) no-repeat scroll -29px -336px transparent;
    border-width:0;
    color:#BAEB37;
    cursor:pointer;
    font-size:0;
    height:45px;
    left:413px;
    line-height:2;
    position:absolute;
    top:-7px;
    width:70px;
}

#iframe_logo{
    float:left;
    margin-bottom:-35px;
    padding-top:6px;

}

#iframe_nameBox a:hover{
    background-color:#E8E8E8;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.tabsPk{
    -moz-border-radius:5px 5px 0 0;
    border-radius:5px 5px 0 0;
    background-color:white;
    border-bottom:1px solid white;
    border-left-color:#B0E0E6 !important;
    border-left-width:thin !important;
    border-right-color:#B0E0E6 !important;
    border-right-width:thin !important;
    border-style:solid;
    border-top-color:#B0E0E6 !important;
    border-top-width:thin !important;
    float:left;
    margin-left:6px;
    margin-right:4px;
    margin-top:2px;
    overflow:hidden;
    padding-left:14px;
    padding-right:14px;
}


	
/** CSS For the OptOut Form */

.tooltip_sidebar1{
    background-color: #E7F8FF;
    margin-left: 4px;
    padding-top: 9px;
    position: absolute;
    top: 255px;
    width: 210px;
    display:none;
}

.tooltip_sidebar2{
    background-color: #E7F8FF;
    margin-left: 4px;
    padding-top: 9px;
    position: absolute;
    top: 305px;
    width: 210px;
    display:none;
}

.tooltip_sidebar3{
    background-color: #E7F8FF;
    display: none;
    margin-left: -13px;
    padding-left: 14px;
    padding-top: 15px;
    position: absolute;
    top: 265px;
    width: 229px;
}

.tooltip_sidebar4{
    background-color: #E7F8FF;
    margin-left: -13px;
    padding-left: 14px;
    padding-top: 15px;
    position: absolute;
    top: 315px;
    width: 229px;
    display:none;
}

.tooltip_sidebar5{
    background-color: #E7F8FF;
    margin-left: 4px;
    padding-top: 9px;
    position: absolute;
    top: 411px;
    width: 229px;
    display:none;
}

.tooltip_sidebar6{
    background-color: #E7F8FF;
    margin-left: -10px;
    padding-top: 9px;
    position: absolute;
    top: 276px;
    width: 229px;
    display:none;
}

.tooltip_sidebar7{
    background-color: #E7F8FF;
    margin-left: 50px;
    padding-top: 9px;
    position: absolute;
    top: 424px;
    width: 229px;
    display:none;
}

#commentForm .label-error-wrap {
    position:relative;
}
#commentForm label.error {
    background-color: #faeaed;
    margin-left: 4px;
    padding-top: 9px;
    position: absolute;
    top: -10px;
    /* top: 255px; */
    width: 210px;
    /* display: none; 
    right: -100px;*/
    right:-135px;
    color: red;
    font-size: 10px;
    padding-left: 14px;
    text-align: left;
    display: none;
}
.tooltip_sidebar1, .tooltip_sidebar2, .tooltip_sidebar3, .tooltip_sidebar4, .tooltip_sidebar5 p, .tooltip_sidebar6 p, .tooltip_sidebar7 p{
    color: #3287FF;
    font-size: 10px;
    padding-left: 14px;
    text-align: left;
}

.arrow_right{
    border-color: transparent transparent transparent #E7F8FF;
    border-style: solid;
    border-width: 10px 0 10px 20px;
    float: left;
    height: 0;
    margin: 0 10px;
    width: 0;
    position: absolute;
    right: -28px;
    top: 10px;
}
.arrow_left {
    border-color: transparent transparent transparent #faeaed;
    border-style: solid;
    /* border-width: 10px 10px 10px 0px; */
    float: left;
    height: 0;
    margin: 0 10px;
    width: 0;
    position: absolute;
    left: -19px;
    top: 10px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #faeaed;
}
.contact ul {
    list-style: disc;
    /*margin-left: 40px;*/
    margin: 10px 0px 10px 60px;
}
.contact  ul li {
    font-size: 11px;
    padding: 5px 0px 0px 0px;
}
.imageHolderjob{
    position: absolute;
    top: 259px;
    width: 175px;
}

.imageHolderjob img{
    position:absolute; left:0; top:0;
}

.captcha_cont{
    /*margin-bottom: 40px;
    margin-left: 110px;*/
    margin-bottom: 40px;
    margin-left: 120px;
    margin-top: 25px;
}

/*#commentForm label.error {
    color: red;
    float: left;
    font-size: 10px;
    margin-left: 116px;
    margin-top: -5px;
    width: 225px;
}*/

#commentForm span.error{
    color:red;
}

span.hint {
    -moz-border-radius: 11px 11px 11px 11px;
    background: url("https://www.peekyou.com/about/images/bg-span-hint-gray.gif") no-repeat scroll left top transparent;
    color: #444444;
    margin: -8px 0 0 0;
    margin: 3px 12px 22px 10px;
    position: absolute;
}

fieldset {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0;
    margin: 0 0 5px;
    padding: 3px 4px;
    position:relative;
}

fieldset.welldone span.hint {
    background:url(https://www.peekyou.com/images/Check-icon.png) no-repeat top left;
    border-color:#749e5c;
    color:#000;
}
fieldset.kindagood span.hint {
    background:url(https://www.peekyou.com/images/Delete-icon.png) no-repeat top left;
    border-color:#cc9933;
}


.loaderajax img{
    left: 461px;
    position: absolute;
    top: 300px;
}


.checkboxForm{
    font-size: 11px;
    margin-bottom: 23px;
    margin-left: 113px;
    width: 439px;
}

.checkboxForm label.error{
    margin-left: -238px !important;
    margin-top: -45px !important;
}
.checkboxForm .terms{
    width: 25px;
    margin-left: 0px;
}

.checkboxForm div.terms{
    margin-bottom: 15px;
}
.checkboxForm span.terms{
   
}

.contact .checkboxForm label {
  display: block;
  padding-right: 10px;
  padding-left: 22px;
  text-indent: -28px;
  text-align: left;
  width: 100%;
  margin-bottom: 10px;
}
.contact .checkboxForm .terms input {
  vertical-align: middle;
  width: 20px!important
}
.contact .checkboxForm label span {
  vertical-align: middle;
  color:black;
}    

#loc_ajax_mini{
    height: 23px;
    left: 4px;
    position: absolute;
    top: 31px;
    width: 438px !important;
}			

#fblikeButton{
    float: right;
    margin-right: 0;
    position: absolute;
    right: 15px;
    top: -38px;
}

.toggleHeader{
 display:none
}

span.more-small {
    /*background: none;
    float: right;*?
        background: none;
    /* float: right; */
    /* margin-right: 10px; */
    /* font-weight: 400!important; */
    /* color: #767676; */
    /* display: grid; */
    /* align-items: center; */
    /* height: 100%; */
    /* grid-column-start: auto; */
    /* border-left: 1px solid #ddd; */
    text-align: right;
    position: absolute;
    right: 0;
    width: 100%;
    margin-right: 10px;
    display: inline-block!important
}

.matches {
    margin-bottom: 0px;
    margin-left: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    position: relative;
    vertical-align: middle;
    width: 100%;
    z-index: 2;
}

#refineSearchLocation span {
	position: relative;
	right: 0;
	display: grid;
	width: 100%;
	text-shadow: none;
	font-size: 14px;
	font-weight: 400;
}

#refine_controls > div {
    margin-right: 0;
}

#refine_controls > div {
    float: none; 
}

#refine_controls #asupdate {
    width: 100%;
    float: none;
    height: 100%;
    top: 0;
    left: 0;
}

#facebook_results {
    width: 100%!important; 
}

/************************************* select2 search *******************************************/
.select2-container.selectInput {
    width: 100%;
    padding: 0;
    height: auto;
}
.select2-container .select2-choice {
    position: relative;
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #3d4f56;
    font-size: 16px;
    font-weight: 400;
    background: #FFFFFF;
    /*border: 1px solid #e8e8e8;*/
    border: 1px solid #9d9d9d;
    outline: none;
    border-radius: 5px;
    padding: 0px 10px;
}
.select2-container .select2-choice .select2-arrow b {
	background: none;
	height: auto;
	left: 0;
	position: relative;
	top: 50%;
	width: auto;
}
.select2-dropdown-open .select2-choice .select2-arrow b { 
	background: none;
}
.select2-results li {
	font-size: inherit;
}
.select2-container .select2-choice .select2-arrow b:after {
    position: absolute;
    content: "\f0d7";
    top: 50%;
    right: 10px;
    transform: translate(-0%, -50%);
    -webkit-transform: translate(-0%, -50%);
    -moz-transform: translate(-0%, -50%);
    -ms-transform: translate(-0%, -50%);
    -o-transform: translate(-0%, -50%);
    font-family: "FontAwesome";
    font-size: 18px;
    color: #1a97d4;
    pointer-events: none;
}

.select2-container.select2-dropdown-open .select2-choice .select2-arrow b:after {
    position: absolute;
    content: "\f0d8";
    top: 50%;
    right: 10px;
    transform: translate(-0%, -50%);
    -webkit-transform: translate(-0%, -50%);
    -moz-transform: translate(-0%, -50%);
    -ms-transform: translate(-0%, -50%);
    -o-transform: translate(-0%, -50%);
    font-family: "FontAwesome";
    font-size: 18px;
    color: #1a97d4;
    pointer-events: none;
}

/******************************************* img gallery / searchbox ****************************************************/

.icon-mobile-search {
    color: rgba(26,152,213,0.8);
    position: absolute;
    right: 15px;
}

.btn-mobile-search {
    background-color: #fff;
    min-height: 40px;
    height: auto;
    border-radius: 2px;
    font-size: 16px;
    cursor: pointer;
    position: relative;
    align-items: center;
    padding: 4px 12px;
    border-radius: 4px;
    display: inline-flex;
    font-weight: 700;
    justify-content: center;
    text-decoration: none;
    white-space: nowrap;
    width: 100%;
    justify-content: left;
    color: #ddd!important;
}
.btn-mobile-search.outlined {
    border: thin solid;
} 
.btn-mobile-search .btn-mobile-text {
    color: #9d9d9d;
} 
.btn-mobile-search:hover:before {
    opacity: .04;
}
.btn-mobile-search:before {
    position: absolute;
    border-radius: inherit;
    background-color: currentColor;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    content: "";
    opacity: 0;
}

.btn-mobile-search-wrapper {
    display: none;
}
.scrolled .btn-mobile-search-wrapper {
    width: auto;
    display: flex;
    margin-left: 43px;
}
.scrolled .logo {
    display: none;
}

header.scrolled .menu-icon { 
	display: block;
}
header.scrolled .menu-icon .img-fluid { 
	height: 30px;
}
header.scrolled .menu-logo-nav { 
	display: none;
}
header .menu-logo-nav { 
	display: flex;
}
header .menu-logo-nav .logo,
header .menu-logo-nav .top-nav
{ 
	width: 100%;
}
header .menu-logo-nav .top-nav ul { 
	display: flex;
  justify-content: flex-end;
}
header .menu-logo-nav .top-nav a { 
	font-size: 14px;
}
header .menu-logo-nav .top-nav .active span { 
	font-size: 14px!important;
}

.album-thumb {
  display: inline-block;
  border: 1px solid #eaeaea;
  position: relative;
}
.album-thumb .thumb-container {
  position: relative;
  padding: 20px;
  cursor: pointer;
}
.album-thumb .thumb-container:hover .photo-count {
  background: rgba(43, 43, 43, 0.9);
}
.album-thumb .thumb-container:hover .thumb-image:nth-child(1) {
  transform: rotateZ(0deg);
}
.album-thumb .thumb-container:hover .thumb-image:nth-child(2) {
  transform: rotateZ(0deg);
}
.album-thumb .photo-count {
  width: 80px;
  height: 80px;
  background: rgba(43, 43, 43, 0.4);
  border-radius: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.album-thumb .photo-count .content {
  display: inline-block;
  color: #ffffff;
  text-align: center;
  margin-top: 50%;
  width: 100%;
  transform: translateY(-50%);
}
.album-thumb .photo-count .content .number {
  font-size: 30px;
}
.album-thumb .title {
  color: #4f4f4f;
  margin: 10px;
  text-align: center;
}

.images-container {
  width: 200px;
  height: 200px;
  position: relative;
}
.images-container .thumb-image {
  max-width: 200px;
  max-height: 200px;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #ffffff;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
  transition: transform 0.5s;
}
.images-container .thumb-image:nth-child(1) {
  transform: rotateZ(10deg);
}
.images-container .thumb-image:nth-child(2) {
  transform: rotateZ(4deg);
}
#images_results_list {
    /*display: grid;
    grid-template-columns: repeat(4, 0fr);
    grid-gap: 10px;*/
    
    /*display: flex;
    flex-wrap: wrap;
    justify-items: space-between;
    justify-content: flex-start;*/
		/*display: grid;
		grid-template-columns: repeat(4, 1fr);
		justify-content: start;
		justify-items: stretch;
		grid-column-gap: 1rem;
		align-items: stretch;*/
}

.resultsCardImgContainer2 {
    width: 100%;
    /* grid-column: 1/-1; */
    display: grid;
    padding: 0px!important;
    position: absolute;
    bottom: -17px;
    /*grid-template-columns: repeat(4, 1fr);*/
    grid-template-columns:fit-content(100%);
    justify-content: space-evenly;
    justify-items: center;
}

@media (max-width:767px){
	#images_results_list{
		grid-template-columns: repeat(2, 1fr);
	}
	 .resultsCardImgContainer {
    margin-bottom: 21px!important;
    top: 6px!important;
  }
}

.resultsCardImgMore {
	 top: 0;
}
.resultsCardImgContainer {
		width: 100%;
		grid-column: 1/-1;
		display: grid;
		padding: 0px!important;
	  margin-bottom: 15px;
		position: relative;
		top: -3px;
}
.arrow_wrapper {
	 padding: 0px!important;
}

.arrow {
	bottom: 0;
	left: 0;
	position: relative;
	width: 0;
	top: 0;
}
ul.resultsCardImgSection {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    float: none;
    box-shadow: 0 1px 3px rgb(1 1 1 / 20%);
    border: none;
    background-color: #fbfdff;
    left: 0px;
    margin-bottom: 20px!important;
    /*margin-right: 15px!important;
    align-content: space-between;*/
    align-items: stretch;
    width: 100%!important;
    height: auto;
    overflow: visible;
}    
@media (max-width:767px){
	ul.resultsCardImgSection {
    margin-bottom: 10px!important;
    grid-template-columns: repeat(2, 40%);
    justify-content: space-evenly;
  }    
}
.resultsCardImgSection .user_pic img {
    width: 100%;
    height: auto;
    object-fit: cover;
    max-height: 1000%!important;;
    border-radius: 10%!important;
}
.resultsCardImgSection li.resultsCardImg {
    transition: none;
    -webkit-transition: none;
    -webkit-transform: none;
    height: 100%;
    border: 1px solid white;
    left: unset;
}
.resultsCardImgSection li.resultsCardImg:nth-child(n+6) {
    display: none;
}
.resultsCardImgTitle {
    position: absolute;
    width: 100%;
    z-index: 5;
    opacity: 0.8;
    top: 0px;
    line-height: 30px;
    background: #ebebeb;
}
.resultsCardImgTitle span {
    line-height: 30px!important;
}
.resultsCardImgTitle img {
    height: 38px;
}
#liveWebResults .result_list span.matches_soc {
	line-height: 38px!important;
	font-size: 14px!important;
}
.resultsCardImg .user_pic {
    margin: 0!important;
    padding: 0!important;
    width: 100%!important;
    max-width: 100%!important;
    /*min-height: 100%;*/
}
.resultsCardImgMore {
    width: 100%!important;
    left: 0px;
    top: 0;
    padding: 30px 20px 20px 20px!important;
}
.resultsCardImgMore li {
    flex-wrap: wrap;
}

.resultsCardImgMore:nth-child(n+5) {
    /* border: 1px solid red; */
    top: -2px;
}
.resultsCardImgMore span.close {
    position: absolute;
}
.resultsCardImgMore span {
   line-height: 30px;
   position: relative;
}
.resultsCardImgMore .user_pic img {
    height: 62px!important;
    width: 62px!important;
    border-radius: 10%!important;
}
.resultsCardImgMore .user_pic_details  {
    display: flex;
    color: #5f6368;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    left: -5px;
}
.resultsCardImgMore .user_pic_details img {
    width: 20px;
    height: 20px;
}
.resultsCardImgMore .user_pic_details_txt  {
	margin: -3px 0px 0px -2px;
	font-size: 12px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.cell--grid {
  display: grid!important;
  grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size, 4.5rem), 1fr));
  grid-gap: 0.3rem;
}

/*** ### User Details ### ***/
.user_details{
	position:relative;
}
.user_details .top-box{
	position: relative;
	padding: 0px 0px 0px 0px;
}
.user_details .top-box.p-100{
	padding: 0px 0px 0px 100px;
}
.user_details .top-box .profile-image{
	/*position: absolute;
	top: 0px;
	left: 0px;*/
	width: 75px;
	height: 75px;
	border-radius: 50%;
}
.user_details .top-box .profile-image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: .5em;
}
.user_details .top-box .profile-name{
	position: relative;
	padding: 0px 0px 15px 0px;
	border-bottom: 1px solid #ccd1d4;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
  flex-wrap: wrap;
}

.user_details .top-box .profile-name .items{
	position: relative;
	width: 100%;
}
.user_details .top-box .profile-name h1,
.user_details .top-box .profile-name h2{
	color: #000000;
	font-size: 24px;
	font-weight: 400;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

.user_details .top-box .profile-name h1 a{
	color: #000;
}

.user_details .top-box .profile-name h3{
	/*color: #929292;*/
	color: #808080;
	font-size: 15px;
	font-weight: 500;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}
.user_details .top-box .profile-name h4{
	color: #1a98d5;
	font-size: 18px;
	font-weight: 700;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
.user_details .top-box .profile-name .rating{
	color: #9dcd67;
	font-size: 18px;
	font-weight: 500;
	margin: 0px;
	padding: 0px;
	text-align: right;
}
.user_details .top-box .profile-name .rating .what{
	color: #929292;
	font-size: 15px;
	font-weight: 500;
}
.user_details .top-box .profile-name .opt{
	color: #828282;
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
	text-align: right;
}
.user_details .top-box .profile-name .opt a {
	color: #828282;
	font-weight: 400;
}
.opt-mob a {
	color: #828282;
	font-weight: 400;
}

.opt-mob a {
	color: #828282;
	font-weight: 400;
}

@media (max-width:767px){
	.user_details .top-box{
		padding: 0px;
	}
	.user_details .top-box .profile-image{
		position: relative;
		/*top: auto;
		left: auto;
		margin: auto;
		display: block;
		margin-bottom: 15px;*/.
	}
	.user_details .top-box .profile-name h1,
	.user_details .top-box .profile-name h2{
		font-size: 22px;
	}
	.user_details .top-box .profile-name h3{
		font-size: 14px;
	}
	.user_details .top-box .profile-name h4{
		font-size: 16px;
	}
	.user_details .top-box .profile-name .rating{
		font-size: 16px;
	}
	.user_details .top-box .profile-name .rating .what{
		font-size: 14px;
	}
	.user_details .top-box .profile-name .opt{
		font-size: 15px;
	}
}
/*** ### Middle Box ### ***/
.user_details .middle-box{
	position: relative;
	padding: 20px 0px;
	border-bottom: 1px solid #ccd1d4;
}
.user_details .middle-box label{
	position: relative;
	display: block;
	margin: 0px 0px 5px 0px;
	color: #929292;
	font-size: 16px;
	font-weight: 400;
}
.user_details .middle-box .email{
	position: relative;
	display: block;
	margin: 0px 0px 5px 0px;
	color: #001a23;
	font-size: 16px;
	font-weight: 700;
}
@media (max-width:767px){
	.user_details .middle-box{
		padding: 15px 0px;
	}
	.user_details .middle-box label{
		font-size: 15px;
	}
	.user_details .middle-box .email{
		font-size: 18px;
	}
}
/*** ### Bottom Box ### ***/

/* kitty */
.user_details .bottom-box{
	position: relative;
	/*padding: 20px 30px 20px 0px;*/
	padding: 0px 30px 20px 0px;
	/* border-bottom: 1px solid #ccd1d4; */
    /*float: right;
    width: 33.3%;*/
}



.user_details .bottom-box:last-child{
	border-bottom: none;
}
/*.user_details .bottom-box .plus-icon,*/
.user_details .plus-icon a {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	line-height: 35px;
	text-align: center;
	color: #FFFFFF;
	font-size: 20px;
	cursor: pointer;
	background: #0d97d5;
}
.user_details .bottom-box label{
	position: relative;
	display: block;
	margin: 0px 0px 5px 0px;
	color: #929292;
	font-size: 16px;
	font-weight: 400;
    padding-bottom: 5px;
    border-bottom: 1px solid #e6e6e6; /* kitty */
}

.user_details .grid-col {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border: none;
    justify-content: start;
    align-items: start;
    justify-items: start;

}

@media (max-width:767px){
.user_details .bottom-box{
	padding: 0px 30px 15px 5px;
}
.user_details .bottom-box:last-child{
	border-bottom: none;
}
.user_details .bottom-box .plus-icon{
	top: 20px;
	width: 30px;
	height: 30px;
	line-height: 30px;;
	font-size: 18px;
}
.user_details .bottom-box label{
	font-size: 15px;
}
.user_details .grid-col {
    grid-template-columns: repeat(1, 1fr);
}

}

/**** ### Blue and Green List ### ***/
.blue-list{
	position: relative;
}
.blue-list ul{
	margin: 0px;
	padding: 0px;
	list-style-type: circle;
}

/* kitty */
.blue-list ul li{
	position: relative;
	/*display: inline-flex;*/
	display: flex;
	flex-direction: row;
	vertical-align: middle;
	color: #4faaf0;
	font-size: 15px;
	font-weight: 400;
	margin: 0px 20px 0px 0px;
	align-items: center;
  /*width: 100%;*/
}
.blue-list ul li .green{
	color: #9ece68;
}
.blue-list ul li:first-child{
	padding: 0px;
}
/*.blue-list ul li::before{
	content: "";
	top: 50%;
	left: 0px;
	transform: translate(-0%, -50%);
	-webkit-transform: translate(-0%, -50%);
	-moz-transform: translate(-0%, -50%);
	-ms-transform: translate(-0%, -50%);
	-o-transform: translate(-0%, -50%);
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #4faaf0;
}*/
.blue-list ul li:first-child::before{
	display: none;
}
.blue-list ul li a{
	color: #4faaf0;
	font-size: 15px;
	font-weight: 400;
	text-decoration: none;
	outline: none;
	border: none;
	margin-left: 10px;
}

.blue-list ul li span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.green-list{
	position: relative;
}
.green-list ul{
	margin: 0px;
	padding: 0px;
	list-style-type: circle;
}
.green-list ul li{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	color: #9ece68;
	font-size: 15px;
	font-weight: 400;
  margin: 0px 5px 0px 0px;
  padding: 0px 0px 0px 20px;
}
.green-list ul li:first-child{
	padding: 0px;
}
.green-list ul li::before{
	position: absolute;
	content: "";
	top: 50%;
	left: 0px;
	transform: translate(-0%, -50%);
	-webkit-transform: translate(-0%, -50%);
	-moz-transform: translate(-0%, -50%);
	-ms-transform: translate(-0%, -50%);
	-o-transform: translate(-0%, -50%);
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #9ece68;
}
.green-list ul li:first-child::before{
	display: none;
}
.green-list ul li a{
	color: #9ece68;
	font-size: 15px;
	font-weight: 400;
	text-decoration: none;
	outline: none;
	border: none;
}
.new-items{
	position: relative; 
	display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
}
/*** ### Relative Section ### ***/
.relative-section{
	position: relative;
}
.relative-section .boxes{
	position: relative;
	border: 1px solid #e8e8e8;
	margin-top: 30px;
	border-radius: 10px;
}
.relative-section .boxes .title{
	position: relative;
	padding: 30px 15px;
	background: #faf8f9;
}
.relative-section .boxes .title h2{
	color: #000000;
	font-size: 22px;
	font-weight: 700;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
.relative-section .boxes .beenverified{
	position: relative;
}
.relative-section .boxes .beenverified img{
	display: inline-block;
	vertical-align: middle;
}
.relative-section .boxes ul{
	margin: 0px;
	padding: 20px 15px;
	list-style-type: circle;
}
.relative-section .boxes ul li{
	position: relative;
	display: block;
	color: #4faaf0;
	font-size: 16px;
	font-weight: 500;
	padding: 0px 0px 0px 15px;
}
.relative-section .boxes ul li::before{
	position: absolute;
	content: "";
	top: 50%;
	left: 0px;
	transform: translate(-0%, -50%);
	-webkit-transform: translate(-0%, -50%);
	-moz-transform: translate(-0%, -50%);
	-ms-transform: translate(-0%, -50%);
	-o-transform: translate(-0%, -50%);
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #4faaf0;
}
.relative-section .boxes ul li a{
	color: #4faaf0;
	font-size: 15px;
	font-weight: 400;
	text-decoration: none;
	outline: none;
	border: none;
}
@media (max-width:767px){
	.new-items{
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
	}
.relative-section .boxes .title h2{
	font-size: 20px;
}
.possibleLinks .blue-list ul li {
	flex-wrap: wrap;
}
}


/**************************** sticky ad unit ***************************/

.stickyunit { 
    position: fixed;
    left: 0px;
    right: 0px;
    z-index: 99999;
    height: 50px;
    bottom: 0px;
    margin-bottom: 0px;
    /*background-color: white;
    border-width: 0px 1.33333px 20.25px;
    border-style: solid;
    border-color: white;
    border-image: initial;
    backface-visibility: hidden;*/
}
#stickyunit div > * {
    /* border: 1px solid lime; */
    padding: 0px!important;
}
/*.stickyunit > div {
    margin: 0px;
    padding: 0px
    border: 0px;
    outline: 0px;
    vertical-align: baseline;
    background: transparent;
    list-style: none;
    text-decoration: none;
    text-align: left;
    float: none;
    position: static;
}*/
/**************************** sticky ad unit ***************************/


#viewLocs {
	overflow-x: hidden;
	/*display: inline-flex;
	flex-wrap: wrap;*/
}
#viewLocs ul {
	list-style-type: none;
	position: relative;
	left: -8px;
	padding: 0;
	width: 100%;
	display: inline-flex;
	flex-wrap: wrap;
	margin-bottom: 0.3em;
}

#viewLocs ul li {
	display: inline-flex;
	flex-wrap: wrap;
	line-height: 1;
	padding: 0 0.5em;
	margin-bottom: em;
	border-left: 1px solid;
}
#possibleEmail .blue-list ul  {
}
#possibleEmail .blue-list ul li:first-child,
#possibleEmail .blue-list ul li {
	padding: 0 0 0.3em 0;
}
#possibleEmail .blue-list ul li:before {
    content: "";
    top: 0;
    width: 0px;
    height: 0px;
}

/*.photoHolder {
	float:left;
	position:relative;
	width:100px
}*/

.photoProfile img {
    transition: transform .5s ease;
}
.photoProfile:hover img { 
	transform: scale(1.1); 
	cursor: pointer;
}

/* (C) ZOOM ON HOVER */

.photoProfile span#enlargePhoto img {
    background: url("/images/zoom_button_blue.png") repeat-y scroll -3px -3px transparent;
    bottom: 0;
    color: #000000;
    font: bold 11px "lucida grande",Arial,sans-serif;
    height: 23px;
    padding: 2px;
    position: absolute;
    right: 0;
    text-align: right;
    width: 23px;
    cursor: pointer;
    cursor: hand;
}

.clip-height {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
#listRelatives {
	margin-top: -10px;
}
#listRelatives h3 {
    font: bold 16px verdana, sans-serif;
}
.listRelativesNew,
.listRelativesNew .card { 
	 border: 0;
}
.listRelativesNew .card {
	 border-bottom: 1px solid rgba(0,0,0,.125);
}

.user_details .userName {
	  padding: 5px 0px;
}

.user_details .plus-icon a {
    position: absolute;
    top: 0px;
    right: -11px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    line-height: 23px;
    text-align: center;
    color: #FFFFFF;
    font-size: 14px;
    cursor: pointer;
    background: #0d97d5;
}
.prof_bio_new {
	font-size: 14px;
	text-align: justify;
}

.green-list ul li.org {
    /*text-decoration: none;
    background-color: #F3FAEB;
    font-size: 0.7rem;
    padding: 0.25rem 0.5rem;
    margin: 0px;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
    display: inline-block;*/
}
.profile_tags {
  list-style: none;
  margin: 0;
  overflow: hidden; 
  padding: 0;
}

.profile_tags li.org {
  float: left; 
}

.profile_tags li.org {
  background: #F3FAEC;
  border-radius: 3px 0 0 3px;
  color: #999;
  display: inline-flex;
  /*height: 26px;
  line-height: 26px;*/
  padding: 0 10px 0 20px;
  position: relative;
  margin: 0 10px 10px 0;
  text-decoration: none;
  -webkit-transition: color 0.2s;
}

.profile_tags li.org::before {
  /*background: #9ece68;
  border-radius: 10px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
  content: "\f292";
  height: 6px;
  left: 10px;
  position: absolute;
  width: 6px;
  top: 13px;*/
  background: #F3FAEC;
  color: #999;
  box-shadow: none; 
  content: "\f292";
  height: auto; 
  left: 5px;
  /* position: absolute; */
  width: auto; 
  top: 12px;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 12px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.profile_tags li.org::after {
  background: #fff;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #F3FAEC;
  border-top: 12px solid transparent;
  content: '';
  position: absolute;
  right: 0;
  top: 0;
}

.green-list ul li:first-child{
padding:  0 10px 0 10px;
}


/*************************************************** TikTok Profile *************************************************/

.img-wrap {
  display: flex;
  margin-right: 20px;
}
.img-wrap > .image {
  flex: 1 0 0%;
  text-align: left;
  position: relative;
}
.img-wrap .image > img {
  vertical-align:top
}
.img-wrap .img-button-play {
	border-radius:100px;    
	background-color: rgba(0,0,0,.54);
	bottom: 8px;
	display: flex;
	left: 8px;
	padding: 1px 8px!important;
	position: absolute;
}
.img-wrap .img-play {
	margin-right:5px!important;
	color:#fff;
	margin-top: 4px!important;
}
.img-wrap .img-duration {
		align-items: center;
		color: #fff;
		display: flex;
		font-family: Roboto,arial,sans-serif;
		font-size: 12px;
		font-weight: 500;
		height: 16px;
}		
#tiktok_profile_results .text {
	margin-top: 20px;
	font-size: 12px;
}


/*************************************************** Beenverified Button *************************************************/

button.btn_beenverified {
 width: 122px;
 height: 30px;
 cursor: pointer;
 display: flex;
 align-items: center;
 border: none;
 border-radius: 5px;
 box-shadow:0px 10px 20px -11px #CC4943;
 background: #CC4943;

}

button.btn_beenverified .text {
	transform: translateX(25px);
	color: white;
	font-weight: bold;
	font-size: 12px!important;
	text-transform: uppercase;
	margin: 0px!important;
}

button.btn_beenverified .icon {
	position: absolute;
	border-left: 1px solid #ffffff;
  transform: translateX(86px);
  height: 20px;
  width: 20px;
	display: flex!important;
	align-items: center;
	justify-content: center;
	background: #ffffff;
	color: #CC4943;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
  font-size: 12px!important;
  margin: 0px!important;
}

button.btn_beenverified:hover {
 background: #ff3636;
}


button.btn_instantcheckmate_static_small {
  width: 122px;
  height: 30px;
  cursor: pointer;
  display: flex;
  align-items: center;
  border: none;
  border-radius: 5px;
  box-shadow: 0px 10px 20px -11px #cc4943;
  background: #CC4943;
  /*position: relative;
  right: 8px;*/
}

button.btn_instantcheckmate_static_small .text {
	transform: translateX(8px);
	color: white;
	font-weight: bold;
	font-size: 12px!important;
	text-transform: uppercase;
	margin: 0px!important;
}

button.btn_instantcheckmate_static_small .icon {
  position: absolute;
  border-left: 1px solid #ffffff;
  transform: translateX(100px);
  height: 18px;
  width: 18px;
  display: flex!important;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  color: #CC4943;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  margin: 0px!important;
  font-size: 12px!important;
}

button.btn_instantcheckmate_static_small:hover {
 background: #ff3636;
}


button.btn_beenverified_static {
 width: 125px;
 height: 30px;
 cursor: pointer;
 display: flex;
 align-items: center;
 border: none;
 border-radius: 5px;
 box-shadow:0px 10px 20px -11px #638a3a;
 background: #638a3a;
}

button.btn_beenverified_static .text {
	transform: translateX(10px);
	color: white;
	font-weight: bold;
	font-size: 12px!important;
	text-transform: uppercase;
	margin: 0px!important;
}

button.btn_beenverified_static .icon {
	position: absolute;
	border-left: 1px solid #ffffff;
  transform: translateX(98px);
  height: 20px;
  width: 20px;
	display: flex!important;
	align-items: center;
	justify-content: center;
	background: #ffffff;
	color: #638a3a;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
  margin: 0px!important;
}

button.btn_beenverified_static:hover {
 background: #81b44c;
}

#liveWebResults .textAlignRight a:hover{
    text-decoration: none;
}
button.btn_arrest_static {
	width: 162px;
	height: 35px;
	cursor: pointer;
	display: flex;
	align-items: center;
	border: none;
	border-radius: 5px;
	box-shadow: 0px 10px 20px -11px #cc4943;
	background: #CC4943;
}

button.btn_arrest_static .text {
	transform: translateX(20px);
	color: white;
	font-weight: bold;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 1px;
	margin: 0px!important;
	font-size: 12px!important;
}

button.btn_arrest_static .icon {
	position: absolute;
	border-left: 1px solid #ffffff;
	transform: translateX(130px);
	height: 18px;
	width: 18px;
	display: flex!important;
	align-items: center;
	justify-content: center;
	background: #ffffff;
	color: #CC4943;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	margin: 0px!important;
	font-size: 12px!important;
}

button.btn_arrest_static:hover {
 background: #ff3636;
}

button.btn_bv_contactinfo {
	width: 162px;
	height: 35px;
	cursor: pointer;
	display: flex;
	align-items: center;
	border: none;
	border-radius: 5px;
	box-shadow: 0px 10px 20px -11px #638a3a;
	background: #638a3a;
}

button.btn_bv_contactinfo .text {
	transform: translateX(12px);
	color: white;
	font-weight: bold;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 1px;
	margin: 0px!important;
	font-size: 12px!important;
}

button.btn_bv_contactinfo .icon {
	position: absolute;
	border-left: 1px solid #ffffff;
	transform: translateX(133px);
	height: 18px;
	width: 18px;
	display: flex!important;
	align-items: center;
	justify-content: center;
	background: #ffffff;
	color: #638a3a;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	margin: 0px!important;
	font-size: 12px!important;
}

button.btn_bv_contactinfo:hover {
 background: #81b44c;
}

#liveWebResults .result_list span.pseudo_link {
    color: #1a98d5;
    font-weight: 600;
    font-size: 14px!important;
    cursor: auto;
    display: inline-flex;
}
#liveWebResults .result_list span.pseudo_link:focus,
#liveWebResults .result_list span.pseudo_link:hover {
     color: #1a98d5; 
     text-decoration: none; 
}
#lvrPopUp .modal-body ul li {
	display: flex;
}
#liveWebResults .result_list i.fa-link {
    color: #828282;
}
.btn-round-view {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 9.5px 23px;
    border-radius: 999px;
    border: 1px solid transparent;
    font-weight: bold;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: inherit;
    text-transform: inherit;
    transition: .3s all;
		width: 150px;
		background-color: #0172f0;
    border-color: #0172f0;
    color: #fff!important;
}

.showLinkTxt {
	display: inline-flex!important;
	justify-content: center;
	align-items: flex-start;
	color: #828282;
	font-size: 16px;
}
.showLinkArrow {
	color: #828282;
	font-size: 16px;
}

/*************************************** faq *************************************************/

ul.outline-square {
    list-style: square!important;
}

ul.outline-square li:before {
    content: "";
    position: relative;
    /* left: 3px; */
    /* top: 6px; */
    width: 8px;
    height: 8px;
    border: 1px solid #828282;
    margin: 9px 8px 0px 0px;

}
ul.outline-round li:before {
    content: "";
    position: relative;
    width: 12px;
    height: 12px;
    margin: 9px 10px 0 0;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 2px solid #828282;
}    
.box #faq_results_list p
{
    font-size: 14px!important;
    line-height: 1.35em!important;
}

.related_search
{
  justify-content: flex-end!important;
  font-size: 12px;
  border-bottom: 0!important;
	padding: 0px!important;
	position: relative!important;
	top: 15px;
}
.related_search font
{
	font-weight: 700;
	margin-left: 3px;
}
.related_search.top-0
{
	top:0!important;
}

/** 
 *  Social Media Colors 
 */
.bg-social-icon { background-color: #000000; }
.bg-social-icon.bg-facebook { background-color: #1877f2; }
.bg-social-icon.bg-facebookold { background-color: #3b5998; }
.bg-social-icon.bg-twitter { background-color: #1da1f2; }
.bg-social-icon.bg-youtube { background-color: #ff0000; }
.bg-social-icon.bg-instagram { background-color: #c32aa3; }
.bg-social-icon.bg-google { background-color: #4285f4; }
.bg-social-icon.bg-pinterest { background-color: #bd081c; }
.bg-social-icon.bg-googleplus { background-color: #db4437; }
.bg-social-icon.bg-linkedin { background-color: #0a66c2; }
.bg-social-icon.bg-vimeoblue { background-color: #1ab7ea; }
.bg-social-icon.bg-tumblr { background-color: #2c4762; }
.bg-social-icon.bg-snapchat { background-color: #fffc00; }
.bg-social-icon.bg-whatsapp { background-color: #25d366; }
.bg-social-icon.bg-tiktok { background-color: #010101; } 
.bg-social-icon.bg-mastodon { background-color: #563acc; }
.bg-social-icon.bg-apple { background-color: #a6b1b7; }
.bg-social-icon.bg-amazon { background-color: #ff9900; }
.bg-social-icon.bg-alexa { background-color: #00a7ce; }
.bg-social-icon.bg-periscope { background-color: #40a4c4; }
.bg-social-icon.bg-foursquare { background-color: #f94877; } 
.bg-social-icon.bg-yelp { background-color: #d32323; }
.bg-social-icon.bg-swarm { background-color: #ffa633; }
.bg-social-icon.bg-medium { background-color: #02b875; }
.bg-social-icon.bg-skype { background-color: #00aff0; }
.bg-social-icon.bg-android { background-color: #a4c639; }
.bg-social-icon.bg-twitch { background-color: #9146ff; }
.bg-social-icon.bg-stumbleupon { background-color: #e94826; }
.bg-social-icon.bg-flickr { background-color: #f40083; }
.bg-social-icon.bg-yahoo { background-color: #430297; }
.bg-social-icon.bg-soundcloud { background-color: #ff5500; }
.bg-social-icon.bg-spotify { background-color: #1ed760; }
.bg-social-icon.bg-dribbble { background-color: #ea4c89; }
.bg-social-icon.bg-slack { background-color: #4a154b; } 
.bg-social-icon.bg-reddit { background-color: #ff5700; }
.bg-social-icon.bg-deviantart { background-color: #05cc47; }
.bg-social-icon.bg-pocket { background-color: #ee4056; }
.bg-social-icon.bg-quora { background-color: #aa2200; }
.bg-social-icon.bg-slideshare { background-color: #e68523; }
.bg-social-icon.bg-fivehundredpx { background-color: #0099e5; }
.bg-social-icon.bg-vk { background-color: #4a76a8; }
.bg-social-icon.bg-listly { background-color: #52b1b3; }
.bg-social-icon.bg-vine { background-color: #00b489; }
.bg-social-icon.bg-steam { background-color: #171a21; }
.bg-social-icon.bg-discord { background-color: #5865f2; }
.bg-social-icon.bg-telegram { background-color: #0088cc; }
.bg-social-icon.bg-clarity { background-color: #61bed9; }
.bg-social-icon.bg-homeadvisor { background-color: #f89000; }
.bg-social-icon.bg-houzz { background-color: #4dbc15; }
.bg-social-icon.bg-angi { background-color: #ff6153; }
.bg-social-icon.bg-glassdoor { background-color: #0caa41; }
.bg-social-icon.bg-ello,
.bg-social-icon.bg-medium { background-color:#000000; }
.bg-social-icon.bg-scribd { background-color:#1e7b85; }
.bg-social-icon.bg-tinder { background-color: #ffffff; background-image: url( '/images/social/tinder.svg' ); background-size: 100%; }
.bg-social-icon.bg-hackerrank { background-color:#1ba94c; }
.bg-social-icon.bg-trello { background-color:#0c66e4; }
.bg-social-icon.bg-ebay {    background-image: url( '/images/social/ebay_bg.svg' ); background-size: 100%; }
.bg-social-icon.bg-mixcloud { background-color:#E59095; }
.bg-social-icon.bg-patreon { background-color:#f1465a; }
.bg-social-icon.bg-cracked { background-color: rgb(255, 204, 0); }
.bg-social-icon.bg-buymeacoffee { background-color: #ffffff; background-image: url( '/images/social/buymecoffee.svg' ); background-size: 100%;}
.bg-social-icon.bg-steam { background-color: #171d25 }
.bg-social-icon.bg-vimeo { background-color: rgb(0, 173, 239) }
.bg-social-icon.bg-gravatar { background-color: #ffffff; background-image: url( '/images/social/gravatar.svg' ); background-size: 100%; }
.bg-social-icon.bg-blogger { background-color: #FF5722 }
.bg-social-icon.bg-tripadvisor {   background-color: #00aa6c; background-image: url( '/images/social/tripadvisor.svg' ); background-size: 100%; }
.bg-social-icon.bg-unsplash { background-color: white; color: black!important; }
.bg-social-icon.bg-myspace {   background-color: #000000; background-image: url( '/images/social/myspace_black_bg.svg' ); background-size: 100%; }
.bg-social-icon.bg-buzzfeed {   background-color: #ffffff; background-image: url( '/images/social/buzzfeed.svg' ); background-size: 100%; }
.bg-social-icon.bg-bandcamp { background-color: #1DA0C3 }
.bg-social-icon.bg-venmo {   background-color: #008cff; background-image: url( '/images/social/venmo.svg' ); background-size: 100%; }
.bg-social-icon.bg-flipboard {   background-color: rgb(245, 40, 40); }
.bg-social-icon.bg-behance {   background-color: #0057ff; }
.bg-social-icon.bg-badoo {   background-color: #ffffff; background-image: url( '/images/social/badoo.svg' ); background-size: 100%; background-repeat: no-repeat; background-position: center center;}
.bg-social-icon.bg-vsco {   background-color: #ffffff; background-image: url( '/images/social/vsco.svg' ); background-size: 100%; }
.bg-social-icon.bg-aboutme {   background-color: #000000; background-image: url( '/images/social/me.svg' ); background-size: 80%; background-repeat: no-repeat; background-position: center center;}
.bg-social-icon.bg-wordpress { background-color:#0073aa; }
.bg-social-icon.bg-fiverr { background-color:#1dbf73; }
.bg-social-icon.bg-disqus { background-color:#0091ff; }
.bg-social-icon.bg-poshmark { background-color:#602D35; background-image: url( '/images/social/poshmark_white.svg' ); background-size: 60%; background-repeat: no-repeat; background-position: center center;}
.bg-social-icon.bg-wattpad {   background-color: #ffffff; background-image: url( '/images/social/wattpad.svg' ); background-size: 100%; background-repeat: no-repeat; background-position: center center;}
.bg-social-icon.bg-cashme {   background-color: #ffffff; background-image: url( '/images/social/cash.svg' ); background-size: 100%; background-repeat: no-repeat; background-position: center center;}
.bg-social-icon.bg-depop {   background-color: #000000; background-image: url( '/images/social/depop.svg' ); background-size: 100%; background-repeat: no-repeat; background-position: center center;}
.bg-social-icon.bg-disqus {   background-color: #ffffff; background-image: url( '/images/social/disqus.svg' ); background-size: 100%; background-repeat: no-repeat; background-position: center center;}
.bg-social-icon.bg-y-combinator {   background-color: #f26522; }
.bg-social-icon.bg-fandom {   background-color: #ffffff; background-image: url( '/images/social/fandom.svg' ); background-size: 70%; background-repeat: no-repeat; background-position: center center;}
.bg-social-icon.bg-youpic {   background-color: #ffffff; background-image: url( '/images/social/youpic.svg' ); background-size: 100%; background-repeat: no-repeat; background-position: center center;}



/*---------------------------------- Image Carousel ------------------------------------------*/
.pk-images {
	margin-bottom:1em;
}
/* Slider styles */
.pk-images-wrapper {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
}

.pk-images-crls {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
}

.pk-images-slider {
  display: flex;
  width: auto!important;
  max-width: none;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: 0;
  overflow-x:scroll!important;
  overflow-y:hidden!important;
  align-items: stretch;
  touch-action: pan-x;
  border-radius: 4px;
  justify-content: flex-start;
 

  &.dragging {
    cursor: grabbing;
  }
}

.pk-images-slider__control {
  display: inline-flex;
  width: 2.5rem;
  height: 2.5rem;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  background-color: #fff;
  border: none;
  border-radius: 999px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  transition: box-shadow 0.12s ease;
  z-index: 1;

  &.arrow-right {
    right: 0;
    transform: translate(50%, -50%);
  }

  &.arrow-left {
    left: 0;
    transform: translate(-50%, -50%);
  }

  &:not(:disabled) {
    cursor: pointer;

    &:hover,
    &:focus {
      box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25),
        0 10px 10px rgba(0, 0, 0, 0.22);
       outline: 0;
    }

    &:active {
      background-color: #f1f1f1;
    }
  }

  &:disabled {
    cursor: not-allowed;
  }

  &.hide {
    display: none;
  }
}

.slide {
	display: inline-flex;
	min-width: 100%;
	height: 230px;
	margin-right: 10px;
	font-size: 10vw;
	font-weight: 700;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	/*padding: 32px;*/
	position:relative;
	padding: 5px;
	color: #222;
	border-radius: 8px;
	background-color: #fff;
	background-blend-mode: multiply;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;


  span {
    display: flex;
    text-align: center;
    background-blend-mode: multiply;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    line-height: 1;
    user-select: none;
    transition: color 200ms ease;
    align-items: flex-end;
	width: fit-content;
	display: inline-flex;
	padding: 5px;
	gap: 2;
	margin-bottom: 0 !important;
	border-radius: 10%;
	left: 5px;
	opacity: 1;
	position: absolute;
	bottom: 5px;
	background-color: white;
	box-shadow: gray;
	font-size: 11px;
	visibility: hidden;
 }

  &.has-image {
    span {
      color: #fff;
    }
  }

  &:last-child {
    margin-right: 0;
  }

 @media (max-width: 600px) {
    min-width: calc(50% - 10px);
    font-size: 10vw;
}
  @media screen and (min-width: 577px) {
    min-width: calc(50% - 10px);
    font-size: 10vw;
  }
  
  @media screen and (min-width: 769px) {
    min-width: calc(33.3333333333% - 13.3333333333px);
    font-size: 16vw;
  }
  
  @media screen and (min-width: 1025px) {
    min-width: calc(25% - 15px);
    font-size: 12vw;
  }
  
  @media screen and (min-width: 1201px) {
    font-size: 15px;
  }
}
/*.slide img { transition: transform .5s ease; }

.slide:hover img {
    transform: scale(1.1);
}
.slide:hover span {
    visibility: visible;
}*/
.result_list ul li.slide {
    overflow: unset;
}
.has-image img {
  display: inline-flex;
  min-width: 100%;
  height: 260px;
  background-size: cover;
 } 
.no-image {
	  animation-duration: 1.5s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #fafafa 8%, #f4f4f4 38%, #fafafa 54%);
    background-size: 1000px 640px;
    position: relative;
}
@keyframes placeHolderShimmer{
    0%{
        background-position: -468px 0
    }
    100%{
        background-position: 468px 0
    }
}

.has-contant  {
  position: relative;
  z-index: 0;
 } 

.fab {
  display: inline-flex;
  width: auto;
  min-width: 3rem;
  height: auto;
  padding: 0.75rem 1rem 0.75rem 0.5rem;
  align-items: center;
  justify-content: center;
  border: none;
  color: #fff;
  border-radius: 999px;
  background: hsla(280, 84%, 41%, 1);
  background: linear-gradient(
    90deg,
    hsla(230, 84%, 41%, 1) 0%,
    hsla(220, 97%, 56%, 1) 100%
  );
  position: fixed;
  bottom: 1rem;
  right: 50%;
  cursor: pointer;
  transform: translate(50%, 0%);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);

  svg,
  span {
    z-index: 1;
  }

  svg {
    margin-right: 0.5rem;
  }

  &:before {
    content: "";
    border-radius: inherit;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.24);
    opacity: 0;
    transition: opacity 0.2s;
  }

  &:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);

    &:before {
      opacity: 1;
    }
  }
}

.modal {
  display: none;
  width: 100%;
  height: 100%;
  max-height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  padding: 1rem;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.35);

  .modal-content {
    height: auto;
    max-width: 480px;
    border-radius: 1rem;
    padding: 1em!important;
    background-color: #fff;
		max-height: 100%;
		position: relative;
		display: table;
		overflow-y: auto;
		overflow-x: auto;
		width: auto;
		min-width: 200px;
		@media (max-width: 600px) {
			  max-width: 380px;
		}
  }

  .modal-header,
  .modal-body {
    display: block;
    padding: 1rem 1.5rem;
  }

  .modal-controls {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		width: 100%;
		justify-content: space-between;
		align-items: center;
  }

  .modal-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1rem;

    h2 {
      margin: 0;
      flex: 1;
      font-size: 1.25rem;
    }

    &::after {
      content: "";
      min-width: 100%;
      height: 1px;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      background-color: #ccc;
    }
  }

  .modal-body {
		display: flex;
		align-items: center;
		justify-content: center;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    flex: 1;
    overflow: auto;

    & > :last-child {
      margin-bottom: 0;
    }
  }

  .close-btn {
    display: flex;
    width: 2.5rem;
    height: 2.5rem;
    float: right;
    align-items: center;
    justify-content: center;
    border: none;
    color: #222;
    cursor: pointer;
    background-color: white;
    border-radius: 999px;

    &:hover {
      background-color: #ddd;
    }
  }

  &.show {
    display: flex;
  }
}

 .modal-body .has-content img {
 	 max-width: 100%;
 }
._link {
    display: block;
    max-width: 100%;
    max-height: calc(100vh - 375px);
    min-height: 150px;
}
._link img, ._link svg {
    display: block;
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: calc(100vh - 375px);
    min-height: 150px;
    margin-left: auto;
    margin-right: auto;
    border-radius: .5em;
}
._2nsIH {
    white-space: nowrap;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
}

.__3title.__button {
		display: inline-flex;
    background: black;
    padding: 1em!important;
    padding-left: 1.5em!important;
    padding-right: 1.5em!important;
    font-size: .8em;
    border-radius: 1em;
 }
 .__3title.__button a {
    color: white;
}
 .__3title.__button a:hover {
    text-decoration:none;
}
.__2title {
    font-size: 1em;
    font-weight: 400;
}

.__3title {
	display: flex;
	align-items: center;
	justify-content: space-between;

}
.__1domain {
	display: inline-flex;
	gap: 1em;
	color:rgb(77 89 106);
}
.__1title {
	margin-top:15px;
}

.__slides_count {
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	padding:0!important;
	gap: .3em;
}


/************************************ New Username *****************************************************/

.username-cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 20px;
}

.info-card-image img {
    height: 30px;
}

.info-card {
    display: flex;
    gap: .6em;
}

.info-card-image {
    display: flex;
    /* width: 100%; */
    justify-content: center;
    align-items: flex-start;
}

.info-card-bg {
    width: 65px;
    height: 65px;
    line-height: 65px;
    /* font-size: 35px; */
    font-style: normal;
    color: #089FE4;
    background-color: #ebf5fe;
    padding: 35px;
    border-radius: 3px;
    /* text-align: center; */
    /* float: left; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.info-card-desc {
    color: #089FE4;
    padding: 0px!important;
}

.info-card-h1 {
    color: #089FE4;
    font-family: 'MuseoSans500', Arial, sans-serif;
    letter-spacing: 0;
    font-size: 15px;
    line-height: 1.3333em;
    margin: 0px 5px 0px 0px;
    color: #007CC2;
    padding: 0!important;
}

.info-card-h2 {
    color: #4F5863;
    font-family: 'Helvetica', Arial, sans-serif;
    font-size: 12px;
    line-height: 1.3333em;
    letter-spacing: 0.2px;
    line-height: 1.3333em;
}

.info-card-button {
    background: #33393C;
    text-transform: uppercase;
    border: 1px solid transparent;
    text-align: center;
    display: inline-block;
    height: 35px;
    border-radius: 2px;
    -webkit-transition: background 0.2s ease-out;
    transition: background 0.2s ease-out;
    color: #ffffff!important;
    font-family: 'MuseoSans700', Arial, sans-serif;
    letter-spacing: 0;
    font-size: .65em;
    background-color: #07cab2;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    font-family: 'MuseoSans900', Arial, sans-serif;
    line-height: 1.25em;
    text-transform: uppercase;
    line-height: 35px;
    margin: 10px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-shadow: none;
    padding: 0 10px;
}

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
 .username-cards {
    display: grid;
    grid-template-columns: 1fr;
    margin-bottom: 20px;
    row-gap: 1em;
  }
	.info-card-desc {
	  width: 100%;
	  display: flex;
	  flex-wrap: wrap;
	  justify-content: flex-start;
	}

}
@media (max-width:767px){ 
.username-cards {
    display: grid;
    grid-template-columns: 1fr;
    margin-bottom: 20px;
    row-gap: 1em;
  }
	.info-card-desc {
	  width: 100%;
	  display: flex;
	  flex-wrap: wrap;
	  justify-content: flex-end;
	}
}
 
.user_extra_details {
  bottom: 0px;
  position: absolute!important;
  right: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 25px;
	font-size: 1rem;

} 
.user_extra_details {
  --borderWidth: 2px;
  background: #ffffff;
  border-radius: var(--borderWidth);
}
.user_extra_details:after {
  content: '';
  position: absolute;
  top: calc(-1 * var(--borderWidth));
  left: calc(-1 * var(--borderWidth));
  height: calc(100% + var(--borderWidth) * 2);
  width: calc(100% + var(--borderWidth) * 2);
  background: linear-gradient(60deg, #009EF9, #009efa, #00D2FC, #00ACFD, #4ffbdf, #009efa, #009efa, #009EF9);
  border-radius: calc(2 * var(--borderWidth));
  z-index: -1;
  animation: animatedgradient 3s ease alternate infinite;
  background-size: 300% 300%;
}

@keyframes animatedgradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.loader_wrapper {
	display: flex;
	height: 25px;
	column-gap: .5em;
	align-items: center;
  opacity: 1;
  width: 100%;
  transition: opacity 0.3s, visibility 0.3s;
}
.loader_wrapper.hide {
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.3s, visibility 0.3s;
}
.loader_wrapper span {
    color: grey;
    font-size: 13px!important;
}
.loader_details {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.loader_details span {
  width: 10px;
  height: 10px;
  margin: 0 5px;
  border-radius: 50%;
  background: linear-gradient(45deg, #646BD9, #15BDDB);
  animation: bounce 1.4s infinite ease-in-out both;
  margin: 0px !important;
}

.loader_details span:nth-child(1) {
  animation-delay: -0.32s;
 background-image: linear-gradient(to right top, #009ef9, #00acfd, #00b9fe, #00c6fe, #00d2fc);
}
.loader_details span:nth-child(2) {
  animation-delay: -0.16s;
  background-image: linear-gradient(to right top, #00d2fc, #00ddfa, #00e8f3, #22f2ea, #4ffbdf);
  opacity: .8;
}
.loader_details span:nth-child(3) {
  background-image: linear-gradient(to right top, #00d2fc, #00ddfa, #00e8f3, #22f2ea, #4ffbdf);
	opacity: .5;
	background: #4FFBDF;
}
@keyframes bounce {
  0%, 80%, 100% {
      transform: scale(0);
  }
  40% {
      transform: scale(1);
  }
}
.user_info_wrapper {
	display: flex;
	justify-content: flex-start;
	flex-direction: row;
	width:100%;
}

.user_info_details {
	width: 100%;
}
.typewriter span {
    border-right: 2px solid white;
    white-space: nowrap;
    overflow: hidden;
}

@keyframes blink {
    50% {
        border-color: transparent;
    }
}

.typewriter span {
    animation: blink 0.5s step-end infinite;
}
.fade-in-border {
	background: linear-gradient(white, white) padding-box,
	      			linear-gradient(to right, #009ef9, #00acfd, #00b9fe, #00c6fe, #00d2fc) border-box;
	border-radius: .5em;
	border: 1px solid transparent;
	display: inline-flex;
}
.fade-in-text {
    opacity: 0;
    transition: opacity 2s ease-in;
    font-size: .8em;
		background: linear-gradient(90deg, #009ef9, #00acfd, #00b9fe, #00c6fe, #00d2fc);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		background-clip: text;
		text-fill-color: transparent;
		font-weight: 500;
}

.user_info_gallery {
  display: flex;
  flex-wrap: nowrap;
  gap: 0px;
  justify-content: flex-end;
  width: 100%;
}
.user_info_gallery .card {
  border-radius: 50%;
  overflow: hidden;
  width: 50px;
  height: 50px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s;
	position: relative;
	margin-left: -1.5em;
  padding: 0px !important;
  cursor: pointer;
}
.user_info_gallery .card:hover {
  transform: scale(1.1);
}
.user_info_gallery .card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@keyframes slideaway {
  from { display: block; }
  to { transform: translateY(40px); opacity: 0;}
}

.hide_loader {
  animation: slideaway 200ms;
  display: none;
}

@media (max-width:767px){ 
	.user_info_wrapper {
		flex-wrap: wrap;
	}

	.user_info_details {
	    width: 100%;
	    display: flex;
	    flex-wrap: wrap;
}
}

/******************************************************************* New Profiles *******************************************************************************/
 
  :root {
      --primary-color: #4a6fa5;
      --secondary-color: #e74c3c;
      --background-color: #f8f9fa;
      --card-color: #ffffff;
      --card-alt-color: #f1f5f9;
      --text-color: #2c3e50;
      --light-text-color: #7f8c8d;
      --border-color: #e0e0e0;
      --header-color: #f1f5f9;
  }
 .profiles-container {
    height: 100%;
    display: grid;
    grid-template-rows: auto auto 1fr auto;
}

.profiles-header {
    background-color: var(--card-color);
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.profiles-header h1 {
    font-size: 20px;
    font-weight: 600;
}

.profiles-filter-button {
    background-color: var(--primary-color);
    color: white;
    border: none;
    padding: 8px 15px;
    border-radius: 20px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    transition: background-color 0.3s ease;
}

.profiles-filter-button:hover {
    background-color: #3a5a80;
}

.profiles-filters {
    background-color: var(--header-color);
    padding: 15px;
    display: none;
    gap: 10px;
    flex-wrap: wrap;
}

.profiles-filters.active {
    display: flex;
}

.profiles-filters select {
    flex: 1;
    min-width: 120px;
    padding: 8px;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    font-size: 14px;
    color: var(--text-color);
    background-color: var(--card-color);
}

.profiles-results-container {
    /*overflow-y: auto;
    padding: 15px;*/
}

.profiles-result-card {
    margin-bottom: 15px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    background-color: var(--card-color);
}

/* .result-card:nth-child(even) {
    background-color: var(--card-alt-color);
} */

/* .result-card:nth-child(odd) {
    background-color: var(--card-color);
} */

.profiles-result-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 15px rgba(0,0,0,0.15);
}

.profiles-result-header {
    color: var(--text-color);
    padding: 12px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--border-color);
}

.profiles-result-name {
    font-size: 18px;
    font-weight: 600;
}

.profiles-result-location {
    font-size: 14px;
    color: var(--light-text-color);
}

.profiles-result-body {
    padding: 15px;
    display: flex;
    align-items: center;
    flex-direction: row-reverse; /* Reverse the order of flex items */
    justify-content: space-between; /* Space between image and info */
}

.profiles-result-image {
    width: 60px;
    height: 60px;
    object-fit: cover;
    margin-left: 15px;
    border: 1px solid var(--border-color); /* Added border for better visibility */
}

.profiles-result-info {
    flex-grow: 1;
}

.profiles-result-username {
    font-size: 14px;
    color: var(--secondary-color);
    margin-bottom: 5px;
    font-weight: 500;
}

.profiles-result-bio {
    font-size: 14px;
    color: var(--light-text-color);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.profiles-footer {
    background-color: var(--card-color);
    padding: 15px;
    display: flex;
    justify-content: space-between;
    box-shadow: 0 -2px 4px rgba(0,0,0,0.1);
}

.profiles-footer button {
    background-color: var(--primary-color);
    color: white;
    border: none;
    padding: 8px 20px;
    border-radius: 20px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    transition: background-color 0.3s ease;
}

.profiles-footer button:hover:not(:disabled) {
    background-color: #3a5a80;
}

.profiles-footer button:disabled {
    background-color: #bdc3c7;
    cursor: not-allowed;
}

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: var(--background-color);
}

::-webkit-scrollbar-thumb {
    background: #bdc3c7;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #95a5a6;
}

/**************************************************************** MAP **************************************/
 /* Optional: Makes the sample page fill the window. */
     :root {
  --building-color: #FF9800;
  --house-user-color: #0288D1;
  --shop-color: #7B1FA2;
}
/*
 * Property styles in unhighlighted state.
 */
.property {
  align-items: center;
  background-color: #FFFFFF;
  border-radius: 50%;
  color: #263238;
  display: flex;
  font-size: 14px!important;
  gap: 15px;
  height: 30px;
  justify-content: center;
  padding: 4px!important;
  position: relative;
  position: relative;
  transition: all 0.3s ease-out;
  width: 30px;
}

.property::after {
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 9px solid #FFFFFF;
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  top: 95%;
  transform: translate(-50%, 0);
  transition: all 0.3s ease-out;
  width: 0;
  z-index: 1;
}

.property .icon {
  align-items: center;
  display: flex;
  justify-content: center;
  color: #FFFFFF;
}

.property .icon svg {
  height: 20px;
  width: auto;
}

.property .details {
  display: none;
  flex-direction: column;
  flex: 1;
}

.property .address {
  color: #9E9E9E;
  font-size: 11px;
  margin-bottom: 5px;
  margin-top: 5px;
}

.property .features {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  gap: 10px;
}

.property .features > div {
  align-items: center;
  background: #F5F5F5;
  border-radius: 5px;
  border: 1px solid #ccc;
  display: flex;
  font-size: 10px;
  gap: 5px;
  padding: 5px!important;
}

/*
 * Property styles in highlighted state.
 */
.property.highlight {
  background-color: #FFFFFF;
  border-radius: 8px;
  box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.2);
  height: 115px;
  padding: 8px 15px!important;
  width: auto;
}

.property.highlight::after {
  border-top: 9px solid #FFFFFF;
}

.property.highlight .details {
  display: flex;
}

.property.highlight .icon svg {
  width: 50px;
  height: 50px;
}

.property .bed {
  color: #FFA000;
}

.property .bath {
  color: #03A9F4;
}

.property .size {
  color: #388E3C;
}

/*
 * house-user icon colors.
 */
.property.highlight:has(.fa-house-user) .icon {
  color: var(--house-user-color);
  font-size: 2.5em;
}

.property:not(.highlight):has(.fa-house-user) {
  background-color: var(--house-user-color);
}

.property:not(.highlight):has(.fa-house-user)::after {
  border-top: 9px solid var(--house-user-color);
}

/*
 * Building icon colors.
 */
.property.highlight:has(.fa-building) .icon {
  color: var(--building-color);
}

.property:not(.highlight):has(.fa-building) {
  background-color: var(--building-color);
}

.property:not(.highlight):has(.fa-building)::after {
  border-top: 9px solid var(--building-color);
}

/*
 * Warehouse-user icon colors.
 */

/*
 * Shop icon colors.
 */
.property.highlight:has(.fa-shop) .icon {
  color: var(--shop-color);
}

.property:not(.highlight):has(.fa-shop) {
  background-color: var(--shop-color);
}

.property:not(.highlight):has(.fa-shop)::after {
  border-top: 9px solid var(--shop-color);
}

.property.static-marker {
	top: 2.5em;
}


/******************************************** Search Left Filter **********************************************/

 
.filter-box {
    width: 100%;
    max-width: 250px;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    /*margin-top: 21px;*/
    display: flex;
    flex-direction: column;
    /* gap: 1em; */
    text-align: left;
    display: none;
    position: absolute;
}

.filter-title {
    font-size: 1.5em;
    margin-bottom: 15px;
    color: #333;
}

.filter-input {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 1em;
}

.filter-label {
    margin-bottom: 5px;
    font-size: 1em;
    color: #333;
}

.filter-dropdown {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 1em;
}

.filter-options {
    margin-bottom: 20px;
}

.filter-option {
    display: block;
    margin-bottom: 10px;
    font-size: 1em;
    color: #333;
}

.filter-button {
    width: 100%;
    background-color: #0c97d4;
    color: white;
    padding: 10px;
    border: none;
    border-radius: 5px;
    font-size: 1em;
    cursor: pointer;
    transition: background-color 0.3s ease;
    margin-bottom: 10px;
}

.filter-button:hover {
    background-color: #0a7aad;
}

.secondary-button {
    background-color: #ddd;
    color: #333;
}

.secondary-button:hover {
    background-color: #bbb;
}


.filter-box .select-filter {
    gap: 1em;
    margin-bottom: 15px;
}


ul.listregionDropDwn,
ul.listcitiesDropDwn{
    display: flex;
    flex-direction: column;
    gap: .3em;
    font-size: 14px;
    margin: 8px 0px;
		max-height: 500px;
		overflow-y: auto;
}
ul.listregionDropDwn a,
ul.listcitiesDropDwn a{
    font-weight: 400;
    color: #808080;
}

.listRegions,
.listCities {
	font-size: 14px;
}
.listRegions i,
.listCities i {
	margin: 0px 5px 0px 0px;
	color:#0c97d4
}
.listCities {
	display: none;
}
.regionCard .selected {
	color:#0c97d4
}
.listCities #city-state-input {
	border:1px solid #e6e6e6;
  color: #808080;
}

/*.cityCard .selected {
	color:#0c97d4
}*/

ul.citiesCard li {
    padding: 2px 0px;
}
ul.citiesCard {
    margin: 5px 0px 5px 20px;
}

a.regionCardLink {
    margin: 0;
    padding: 0;
    position: relative;
    top: 5px;
    font-size: 14px;
    font-weight: 500;
}

/************************************************************* Skeleton Css ******************************************/
 .summaryAI {
 	/*background: #ffffff;*/
 	font-size: 14px;
 }

 .summaryAI div {
    /*padding: 5px;*/
    line-height: 20px;
}
 .summaryAI-title {
 	font-weight: 500;
 }
 .summaryAI-footer {
	color:#808080;
	margin-bottom: 5px;
	font-size: 12px;
	float: right;
}
.summaryAI .text {
	text-align: justify;
	margin-bottom: 0.5em;
} 
.skeleton-top {
  padding: 25px 50px;
  background-color: #ffffff;
}

.skeleton {
  background-color: lightgray;
  border-radius: 4px;
  position: relative;
  overflow: hidden;

  &::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -100%;
    height: 100%;
    width: 100%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
    animation: shimmer 2s infinite;
  }

}
  
  .skeleton-text {
    height: 10px;
    width: 100%;
    margin-bottom: 10px;

    &:last-of-type {
      width: 80%;
    }
  }

  .skeleton-avatar {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    margin-bottom: 20px;
  }


@keyframes shimmer {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}   


.summaryAI-content {
  position: relative;
  overflow: hidden;
  transition: max-height 0.5s ease-in-out;
}
.text {
  line-height: 1.5;
}

@media (min-width: 640px) {
  .toggle-button {
      width: auto;
  }
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .4rem;
}

.header-top {
		display: flex;
		/*margin: 0 1em 1em 0em;*/
    flex-direction: column;
    color:#6b6e72;
}
.header-border {
	border-bottom: 1px solid #e6e6e6;
}
.header-top h1 {
    font-size: 1rem;
}

.header-top h2 {
    font-size: .8rem;
    font-weight: 500;
}
.button-container {
	display: none;
}

@media (max-width:767px){ 
	/*.header-top {
			margin: 0 1em 0em 1em;
	}*/
	.header-top h1 {
    font-size: .85rem;
 }
 .header-top h2 {
    font-size: .7rem;
 }
 .summaryAI-content.collapsed {
	  max-height: 8rem;
	}
	.summaryAI-content.expanded {
	  max-height: 1000px;
	}
	.gradient-overlay {
	  position: absolute;
	  bottom: 0;
	  left: 0;
	  width: 100%;
	  height: 3rem;
	  background: linear-gradient(to top, white, transparent);
	}
	.button-container {
	  /*margin-top: 1rem;*/
	  display: flex;
	  justify-content: center;
	}
	.toggle-button {
	  background-color: white;
	  /*border: 1px solid #ccc;*/
	  color: #333;
	  /*padding: 0.75rem 1.5rem;*/
	  font-size: .8rem;
	  font-weight: 500;
	  cursor: pointer;
	  border-radius: 0.25rem;
	  transition: background-color 0.3s, box-shadow 0.3s;
	  display: flex;
	  align-items: center;
	}
	.toggle-button:hover {
	  background-color: #f0f0f0;
	}
	.toggle-button:focus {
	  outline: none;
	  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
	}
	.chevron {
	  margin-left: 0.5rem;
	  transition: transform 0.3s;
	}
	.chevron.up {
	  transform: rotate(180deg);
	}

	.summaryAI-content.expanded .gradient-overlay {
	    height: 0;
	}
}


/*************************************************** recent searches *********************************/
 .sitemap_body .home ul li{
    margin-top: 11px;
    width: 16px;
    font-size: 16px;
    margin-right: 17px;
}

.sitemap_cont ul{
    margin-top: 15px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}


.sitemap_cont ul li{
    font-size: 14px;
    height: 34px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #1a98d5;
}


.people ul li {
    float: left;
    font-size: 14px;
    height: 32px;
    margin-right: 46px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 20%;
    color: #1a98d5;
}

.sitemap_cont ul li a{
    font-weight: normal !important;
}

.sitemap_result{
     float: left;
    height: 136px;
    margin-top: 10px;
    overflow: hidden;
    width: 231px;
}

.sitemap_result li:after{ 
    color: grey;
    content: "-";
    padding-left: 6px;
}

.sitemap_result li:last-child{
     content: "" !important;
}

.archive_pagination{
     border-bottom: 1px solid #BBBBBB;
    border-top: 1px solid #BBBBBB;
    float: left;
    margin-top: 25px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
    width: 100%;
}

.archive_pagination .active{
    color: black;
     font-weight: 600;
     text-decoration: underline;
}

.archive_pagination > a,
.archive_pagination .active{
    font-size: 15px;
    font-weight: 400;
    padding-right: 5px;
}

#footerNav li::before{
    content: "";
}
#hdr_ttl{
/*line-height:68px!important;
padding:11px 0 0 10px;
margin:6px 0 0 0;*/
font:24px "FuturaLT-Light", Arial, sans-serif;
color:#959595;
}
.hdr-ttl-br {    
flex: 1 0 auto;
/* justify-content: center; */
border: 1px solid #959595;
border-top: 0;
border-bottom: 0;
border-right: 0;
}  

.index-sitemap .container {
    margin-top: 75px;
}
.directory-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

.directory-header {
    margin-bottom: 40px;
}
.directory-header h1 {
    color: #959595;
    font-size: 2.5rem;
}
.directory-layout {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 40px;
}

.date-navigation {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
}

.date-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.date-list li {
    margin-bottom: 10px;
}

.date-list a {
    display: flex;
    justify-content: space-between;
    padding: 8px 12px;
    color: #444;
    text-decoration: none;
    border-radius: 4px;
    transition: background-color 0.2s;
}

.date-list a:hover {
    background-color: #e9ecef;
}

.date-list .active a {
    background-color: #0c97d4;
    color: white;
}

.search-results {
    background: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.results-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.search-item {
    display: flex;
    justify-content: space-between;
    padding: 12px;
    border-bottom: 1px solid #eee;
    color: #333;
    text-decoration: none;
    transition: background-color 0.2s;
}

.search-item:hover {
    background-color: #f8f9fa;
}

.timestamp {
    color: #666;
    font-size: 0.9em;
}

@media (max-width: 768px) {
    .directory-layout {
        grid-template-columns: 1fr;
    }
}


.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 30px;
    padding: 20px 0;
    width: 100%;
}

.page-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 12px;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #dee2e6;
    color: #0c97d4;
    text-decoration: none;
    transition: all 0.2s;
}

.page-link:hover {
    background: #e9ecef;
    border-color: #dee2e6;
    color: #0056b3;
}

.page-link.active {
    background: #0c97d4;
    border-color: #0c97d4;
    color: #fff;
    cursor: default;
}

.page-ellipsis {
    color: #6c757d;
    padding: 0 4px;
}

.page-link.prev,
.page-link.next {
    padding: 0 16px;
}

@media (max-width: 768px) {
    .pagination {
        gap: 4px;
    }

    .page-link {
        min-width: 32px;
        height: 32px;
        padding: 0 8px;
    }
}
/*********************************************** breadcrumbs and new header ***********************/
.header-container {
    width: 100%;
    /*margin: 2rem auto;*/
    margin-bottom: 0;
    padding: 1.5rem;
    background-color: white;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}


.header-container h1 {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
    color: #6b6e72;
}

.meta-info {
    font-size: 0.875rem;
    color: #666;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.meta-info a {
    font-weight: 400;
}
.meta-header { 
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.meta-info .separator {
    margin: 0 0.5rem;
}

.results-text {
    color: #666;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin: .8rem 0;
}

.action-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 1rem;
    justify-content: space-between;
}

.header-container .btn {
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 0.875rem;
    font-size: 0.875rem;
    font-weight: 400;
    background-color: white;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    color: #333;
    transition: all 0.15s ease;
}

.header-container .btn i {
    font-size: 0.875rem;
    margin-right: 0.5rem;
    color:#0c97d4;
}

.header-container .btn:hover {
    background-color: #f8f9fa;
    border-color: #d0d0d0;
}

.meta-gallery {
    display: flex;
    flex-wrap: nowrap;
    gap: 0px;
    justify-content: flex-start;
    margin-left: 26px;
    order: 2;
    width: 100%;
}

.meta-gallery .card {
    border-radius: 50%;
    overflow: hidden;
    width:48px;
    height:48px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s;
    position: relative;
    margin-left: -1.5em;
    padding: 0px !important;
    cursor: pointer;
}

.meta-gallery .card:hover {
    transform: scale(1.1);
}

.meta-header .card {
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .header-container {
       padding: 1rem;
    }
    .header-container h1 {
        font-size: 1rem;
    }
    .action-buttons {
        display: none;
    }
}
.breadcrumbs {
    padding: 12px 0;
    margin: 0 0 20px;
}

.breadcrumbs ol {
    list-style: none;
    margin: 0;
    /*padding: 0 16px;*/
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.breadcrumbs li {
    display: flex;
    align-items: center;
    color: #6c757d;
    font-size: 14px;
}

.breadcrumbs li:not(:last-child)::after {
    content: "/";
    margin-left: 8px;
    color: #6c757d;
}

.breadcrumbs a {
    text-decoration: none;
    font-weight: 400;
    transition: color 0.2s ease;
}

.breadcrumbs a:hover {
    text-decoration: underline;
}

.breadcrumbs i {
    margin-left: 8px;
}

/* Mobile responsiveness */
@media (max-width: 576px) {
	 .breadcrumbs {
		    margin: 0;
		}
    .breadcrumbs ol {
        gap: 4px;
    }
    
    .breadcrumbs li {
        font-size: 12px;
    }
}