

.f-s
{
	background: url('/img/find-home-sprite.png?3030') no-repeat;
}

/*Styles for adpativeness*/

.wrap-960
{
	max-width:1100px;
	width:90%;
}

#start
{
	overflow-x:hidden;
}

#cols
{
	width:110%;
}

#cols .col
{
	width: 29.5%;
	min-width: 29.5%;
	max-width: 345px;
	margin-right:10px;
	
}


#searchofgiants #magicsearch, ul.token-input-list
{
	width: 79%;
}

button#find-search
{
	width: 16.67%;
	margin:10px 5px 0 0;
	font-size: 24px;
	position: absolute;
	right: 4px;
	height: 68px;	
}

#find-search-area .find-fake-palceholder 
{
	position: absolute;
	top: 21px;
	left: 15px;
	color: #CCC;
	padding: 12px 0 0 14px;
	font-size: 22px;
	z-index: 999;
	font-weight: 500;
	width: 70%;
	overflow: hidden;
	height: 25px;
}


#find-search-area .icon 
{
	font-family: "Pictos";
	font-weight: normal;
	color: #CCC;
	font-size: 24px;
	position: absolute;
	z-index: 333;
	right: 20%;
	top: 35px;
	left: initial;
}


#zerply-find h1 
{
	font-size: 42px;
	margin: 15px 0 15px 0;
	line-height:normal;
}

#zerply-find
{
	padding-top:30px;
	border-top:solid 1px #fff;
	border-top:solid 1px RGBA(255,255,255,0.7);
}



/*Styles to make the header disappear*/

#zerply-find-home #zerply-find .page-title 
{
	display:none;
}


#zerply-find-page #header
{
	height:0;
	padding:0;
}


#zerply-find-page .page-title 
{
	font-weight: bold;
	color: #535252;
	float: none;
	font-size: 44px;
	margin: 0px auto 24px auto;
	display: block;
}


#zerply-find-home .page-title .user-options
{
	display:none;
}


/*Slide stuff*/

.slide
{
	width: 100%;
	overflow:hidden;
}

.flex-direction-nav
{
	display:none;
}

ol.flex-control-nav 
{
	height: 13px;
	position: absolute;
	right: 47%;
	top: 56px;
	z-index: 333;
}

ol.flex-control-nav li 
{
	list-style:none;
	list-style-type:none;
	float:left;
	margin:0 10px 0 0;
}

ol.flex-control-nav li a
{
	width: 11px;
	height: 11px;
	display:block;
	text-indent:-9999em;
	background:#ccc;
	background:RGBA(255,255,255,0.6);
	border-radius:100px;
	-moz-border-radius:100px;
	cursor:pointer;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0);
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0);
	position:relative;
}

ol.flex-control-nav li a:hover,ol.flex-control-nav li a.active
{
	background:#fff;
	background:RGBA(255,255,255,1.0);
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.8);
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.8);
}

ol.flex-control-nav li a:active
{
	top:1px;
}



/*Header
------------------------------------------------------------------------------*/

#header
{
	color: white;
	margin: 0;
	height: 395px;
	line-height: normal;
	text-align: left;
	padding: 40px 0 0 0;
	overflow: hidden;
	box-shadow: inset 0 1px 0 RGBA(255,255,255,0.15);
	border-top: solid 1px #141414;
}

#header .wrap-960
{
	position:relative;
}

#header .wrap-960 .first
{
	margin-bottom: 10px;
}

.zerply-logo
{
	width:291px;
	height:66px;
	margin:0;
	background:url('../images/logo.png') top left no-repeat;
	float:left;
}

#zerply-find .zrply-logo-t 
{
	float: none;
	position: relative;
	top: -7px;
}

.header-aux
{
	margin:0 auto 45px auto;
}

/* Sign in,Sign up, twt & fb*/

#zerply-find-page .user-options
{
	font-size:14px;
	position:relative;
	top:20px;
}

#zerply-find-home .butt-wrap
{
	height: 45px;
	padding-bottom: 0px;
}

div.sup
{
	width:20px;
	height:25px;
	background: url('/img/find-home-sprite.png?3030') -206px -2px no-repeat;
	margin-left: 4px;
	float: right;
	position: relative;
	right: 15px;
}

div.twt
{
	margin: 0;
	padding: 0 0 0 5px;
	right: 20px;
}

a.twt:before
{
	content: "|";
	display: block;
	text-indent: -9999em;
	position: absolute;
	width: 1px;
	height: 30px;
	border-left: solid 1px RGBA(0,0,0,0.45);
	top: 0;
	background: RGBA(255,255,255,0.4);
	left: 121px;
}


div.sign-up:hover
{
	background:#fbc357;
	background: -moz-linear-gradient(top, #fbc357 0%, #ea8615 100%); 
	background: -o-linear-gradient(top, #fbc357 0%, #ea8615 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbc357), color-stop(100%,#ea8615));
}

div.sign-up:active
{
	top:0;
}

div.fb
{
	background-position: -238px -2px;
}

a.sup:hover
{
	opacity:0.8;
}

.user-options a.butt:hover,div.sign-up a:hover
{
	color: #0F4E72;
	text-shadow: 0 1px 0 RGBA(255,255,255,0.5);
	cursor:pointer;
}

div.sign-up a:hover
{
	color:#5f3b0e;
	text-shadow: 0 1px 0 RGBA(255,255,255,0.5);
	cursor:pointer;
}

.user-options a#sign-up /*fuck you FF*/
{
 	float: left;
    line-height: 18px;
}

.user-options
{
	float:right;
	display: inline-block;
	background: #131313;
	padding: 5px;
	position: relative;
	top: -4px;
	-webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
	-moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
	box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
}

.user-options a.butt,.user-options .butt
{
	border-radius:4px;
	-moz-border-radius:4px;
	border:none;
	margin:0;
	padding: 5px 9px;
	color:#fff;
	height: 19px;
	float: left;
	margin: 0 5px 0 0;
}

.user-options .sign-up
{
	margin:0;
}

.user-options .butt a
{
	color:#fff;
}


/*Big Header*/

#header h1
{
	font-size: 38px;
	line-height: 52px;
	text-shadow:0 1px 3px RGBA(0,0,0,1.0);
	clear:both;
	-webkit-transition: all 150ms cubic-bezier(0.470, 0.000, 0.745, 0.715); 
	   -moz-transition: all 150ms cubic-bezier(0.470, 0.000, 0.745, 0.715); 
	     -o-transition: all 150ms cubic-bezier(0.470, 0.000, 0.745, 0.715); 
	        transition: all 150ms cubic-bezier(0.470, 0.000, 0.745, 0.715);
}

#header h1 span.people-term
{
	font-size: 23px;
	line-height: normal;
	background: #131313;
	padding: 7px 65px 8px 11px;
	position: relative;
	top: -4px;
        display: inline-block;
        
	-webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
	-moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
	box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
}

#header h1 span.people-term:after
{
	border-top: 5px solid white;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	top: 20px;
	right: 19px;
	content: "^";
	text-indent: -99999em;
	width: 0;
	height: 0;
	z-index: 1;
	display: block;
	position: absolute;
}


select#faces-options
{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 333;
	width: 100%;
	height: 42px;
	opacity:0;
	outline:none;
}

br.like
{
	display:none;
}


/*Slides
------------------------------------------------------------------------------*/

/* #1 People Slide*/

ul#sexy-people
{
	background:RGBA(0,0,0,0.5);
	margin:56px 0 0 0;
	width: 120%;
/*	overflow-x: hidden; */
	height: 150px;
	position:relative;
	left:-20px;
/*	overflow-y: hidden; */
	-webkit-box-shadow: 0px -5px 10px 0px rgba(0, 0, 0, 0.4),inset 0px -5px 5px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px -5px 10px 0px rgba(0, 0, 0, 0.4),inset 0px -5px 5px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px -5px 10px 0px rgba(0, 0, 0, 0.4),inset 0px -5px 5px 0px rgba(0, 0, 0, 0.5);
}

ul#sexy-people:after
{
	width: 120%;
	height: 20px;
	display: block;
	content: "-";
	-webkit-box-shadow: inset 0px -5px 5px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: inset 0px -5px 5px 0px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0px -5px 5px 0px rgba(0, 0, 0, 0.5);
	position: absolute;
	bottom:0;
	text-indent: -9999em;
	overflow: hidden;
}


ul#sexy-people:before
{
	width: 120%;
	height: 0px;
	display: block;
	content: "-";
	border-top: solid 1px RGBA(255,255,255,0.15);
	position: absolute;
	top: 0px;
	text-indent: -9999em;
	overflow: hidden;
	z-index: 333;
}


ul#sexy-people li,ul#sexy-people img,ul#sexy-people a
{
	width: 47px;
	height: 47px;
	display:block;
	-webkit-backface-visibility: hidden;
	-webkit-transition: all 100ms cubic-bezier(0.470, 0.000, 0.745, 0.715); 
	   -moz-transition: all 100ms cubic-bezier(0.470, 0.000, 0.745, 0.715); 
	     -o-transition: all 100ms cubic-bezier(0.470, 0.000, 0.745, 0.715); 
	        transition: all 100ms cubic-bezier(0.470, 0.000, 0.745, 0.715);
}

ul#sexy-people li
{
	opacity:0.6;
	position:relative;

}

ul#sexy-people li:hover
{
	opacity:1.0;
}

ul#sexy-people li.loading
{
	display:none;
	position: absolute;
	z-index: 333;
	opacity: 1;
	width: 84%;
	background:#141414 url('../img/ooc/loader-z-black.gif') center center no-repeat;
	background: RGBA(0,0,0,0.6) url('../img/ooc/loader-z-black.gif') center center no-repeat;
	height: 100%;
	left: 20px;
	font-size: 20px;
	line-height: 150px;
	text-indent: -9999em;
}


#sexy-people .endorsement-comment {
	display: none;
	height: auto;
	margin: 10px 0 27px 0;
	position: absolute;
	z-index: 999;
	background: white;
	background: RGBA(255,255,255,0.97);
	bottom: 36px;
	left: -12px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	color: #444;
}

#sexy-people .endorsement-comment::before {
	border-top: 9px solid #BCBBBB;
	border-right: 9px solid transparent;
	border-left: 9px solid transparent;
	bottom: -9px;
	left: 26px;
	content: "^";
	text-indent: -99999em;
	width: 0;
	height: 0;
	z-index: 1;
	display: block;
	position: absolute;
}

#sexy-people .endorsement-comment::after {
	border-top: 10px solid white;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	bottom: -8px;
	left: 25px;
	content: "^";
	text-indent: -99999em;
	width: 0;
	height: 0;
	z-index: 1;
	display: block;
	position: absolute;
}

#sexy-people .endorsement-comment.flip {
	left: -400px;
}

#sexy-people .endorsement-comment.flip::before {
	left: 413px;
}

#sexy-people .endorsement-comment.flip::after {
	left: 412px;
}

#sexy-people .comment-meta {
	border: solid 1px #BCBBBB;
	float: right;
	width: 375px;
	border-image: initial;
}

#sexy-people .endorsement-comment .comment-meta {
	border: solid 1px #BCBBBB;
	float: right;
	width: 415px;
	height: auto;
	padding: 15px 20px;
	-webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), inset 0px 1px 0px 0px #fff;
	-moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), inset 0px 1px 0px 0px #fff;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1), inset 0px 1px 0px 0px #fff;
	text-shadow: 0 1px 0 white;
	border-image: initial;
}

#sexy-people .endorsement-comment p.comment {
	font-size: 15px;
	line-height: normal;
	width: 317px;
}

#sexy-people .endorsement-comment p.comment {
	font-size: 15px;
	line-height: normal;
	width: 388px;
	font-weight: bold;
	margin: 0;
}

#sexy-people .endorsement-comment p.username {
font-weight: bold;
margin: 10px 0 0 0;
padding: 5px 0 0 0;
border-top: solid 1px #EFEFEF;
color: #999;
font-size: 12px;
}

#sexy-people .endorsement-comment p.username a {
	display: inline;
}

/* #2 Profiles Slide*/

#profile-slide
{
	display:none;
}

#profiles
{
	z-index: 0;
	position: relative;
	margin: -12px 0 0 0;
	overflow-y: hidden;
	width: 130%;
	max-width:1600px;
	height: 247px;
}

#z-profiles
{
	width:100%;
	max-width:1300px;
	margin:0px auto;
	
}

#z-profiles #mobile-theme
{
	position: absolute;
	z-index: 33;
	left: 10%;
	bottom: -139px;
	-webkit-transition: all 150ms cubic-bezier(0.470, 0.000, 0.745, 0.715); 
	   -moz-transition: all 150ms cubic-bezier(0.470, 0.000, 0.745, 0.715); 
	     -o-transition: all 150ms cubic-bezier(0.470, 0.000, 0.745, 0.715); 
	        transition: all 150ms cubic-bezier(0.470, 0.000, 0.745, 0.715);
}

#z-profiles #mobile-theme:hover
{
		bottom: -100px;
}

.z-profile
{
	background:#fff;
	width:100%;
	max-width:369px;
	border-radius:4px 4px 0 0;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	margin: 0 20px 0 0;
	float:left;
	bottom:-40px;
	position:relative;
	-webkit-transition: all 150ms cubic-bezier(0.470, 0.000, 0.745, 0.715); 
	   -moz-transition: all 150ms cubic-bezier(0.470, 0.000, 0.745, 0.715); 
	     -o-transition: all 150ms cubic-bezier(0.470, 0.000, 0.745, 0.715); 
	        transition: all 150ms cubic-bezier(0.470, 0.000, 0.745, 0.715);
}


.z-profile:hover
{
	position:relative;
	bottom:0px;
}

.z-profile img
{
	width: 100%;
	height:auto;
	display:block;
	
}

.z-profile:before
{
	display: block;
	width:100%;
	height: 28px;
	content: "Awesome Profile";
	background: url('/img/find/profile-top.png') 0 0 no-repeat;
	text-indent: -9999em;
}

#profiles .p-1
{
	left: 2%;
}

#profiles .p-2	
{
	left: -5%;
}

#profiles .p-3	
{
	left: -11%;
}

#profiles .p-4	
{
	left: -17%;
}


/* #3 Sign up slide*/


#signup-slide
{
	display:none;
}


#header .form
{
	position:relative;
	border-radius:7px;
	-moz-border-radius:7px;
	margin: 35px auto 20px auto;
	padding:13px 0 13px 13px;
	background: #131313;
	background: RGBA(0,0,0,0.5);
	-webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
	-moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
	box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
}


#header form input
{
	padding: 15px;
	font-size: 18px;
	outline:none;
	border:solid 1px #141414;
	-webkit-appearance:none;
	margin:0 10px 0 0;
	float:left;
}

#header form button#sign-up
{
	border: none;
	border-left: solid 1px #708B50;
	padding: 0;
	margin: 0;
	height: 51px;
	width: 15.9%;
	font-size: 20px;
	border-radius: 0 5px 5px 0;
	position: absolute;
	right: 15px;
	top: 14px;
	outline:none;
}


#header form input:focus
{
	border:solid 1px #000;
	box-shadow: inset 0 3px 5px RGBA(0,0,0,0.3),0px 1px 0px 0px rgba(255, 255, 255, 0.3);
	-webkit-box-shadow: inset 0 3px 5px RGBA(0,0,0,0.3),0px 1px 0px 0px rgba(255, 255, 255,0.3);
	-moz-box-shadow: inset 0 3px 5px RGBA(0,0,0,0.3),0px 1px 0px 0px rgba(255, 255, 255, 0.3);
}

#header form input:invalid, #header form textarea:invalid /* for type="email" */
{
		border-radius:5px;
		-moz-border-radius:5px;
		outline:none;
		
}

#header form input#first-name
{
	border-radius:5px 0 0 5px;
	-moz-border-radius:5px 0 0 5px;
	border-right:none;
	margin:0;
}


span.first-sep:after
{
	content: "|";
	display: block;
	width: 0;
	height: 51px;
	position: absolute;
	left: 0;
	border-right: solid 1px #CCC;
	text-indent: -99999em;
	overflow: hidden;
	left: 16.8%;
	top: 14px;
}

#header form input#email-address,#header form input#password
{
	width: 21.8%;
}

#header form input#password
{
	border-radius:5px 0 0 5px;
	-moz-border-radius:5px 0 0 5px;
	border-right:0;
}

#header form input#first-name,#header form input#last-name
{
	width: 13%;
	display: block;
	float:left;
	
}


.su-lables
{
	position: absolute;
	top: -20px;
	display:none;

}
.su-lables label
{
	color: white;
	font-size:12px;
}


.su-lables #fn
{
	width: 168px;
}

.su-lables #ln
{
	width: 160px;
}

.su-lables #ea
{
	width: 266px;
}

/*validation not done yet*/

#v-fn
{
	right: 0;
	left: 0.8%;
	width: 214px;	
}

#v-ln
{
	right: 0;
	left: 21%;
	width: 234px;
}

#v-ea
{
	right: 0;
	left: 43%;
	width: 206px;
}

#v-pw
{
	right: 0;
	left: 62.6%;
	width: 298px;
}

#header form input#last-name
{
	border-radius:0 5px 5px 0;
	-moz-border-radius:0 5px 5px 0;
	border-left:none;
	margin:0 10px 0 0;
}

#signup-slide .input
{
	position:relative;
}

/* Terms and Conditions */

.opt
{
	padding:0px 0 20px 0;
	text-align: right;
	font-size:11px;
}

.opt input
{
	clear:left;
}

h1 a.social-su
{
	background: url('/img/find-home-sprite.png?3030') -9px -61px no-repeat;
	width: 139px;
	height: 32px;
	position: relative;
	bottom: -3px;
	margin: 0 0 0 5px;
}

h1 a.social-su:hover
{
	background-position:-9px -103px;
}

h1 a.fb
{
	background: url('/img/find-home-sprite.png?3030') -166px -61px no-repeat;
	width: 152px;
	margin:0;
}

h1 a.fb:hover
{
	background-position:-166px -104px
}

.share-search 
{
    top: 21px;
}

.share-search:active
{
    top: 21px;
}

.stream-user
{
    width: 100%;
}

.user-tags 
{
    width:inherit;
}

.user-tags-skills b
{
    width: 400px;
}

.load-more hr
{
    width: 229px;
}


/**/


#features-slide
{
	display:none;
}


#features
{
	width: 110%;height: 284px;
	overflow: hidden;
	margin: 0px auto;
	position: relative;
	left: -2%;
}

.feature
{
	border-radius: 10em;
	text-align:center;
	border: solid 8px #272727;
	border: solid 10px RGBA(0,0,0,0.2);
	width: 234px;
	height: 234px;	
	position:relative;
	 -webkit-background-clip: content;
	margin: 0 1.5% 40px 1.5%;
	float:left;
	-webkit-transform: scale(0.93);
	-moz-transform: scale(0.93);
	-webkit-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
	-moz-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
}

.feature:hover
{
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
}

.feature h3
{
	font-size: 16px;
	text-shadow: 0 1px 3px RGBA(0,0,0,1.0);
}

.feature h3 a
{
	color:#fff;
}

.feature img
{
	border-radius: 10em;
	-webkit-transition: all 250ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
	-moz-transition: all 250ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
	
}

.feature:after
{
	width: 234px;
	height: 234px;
	border-radius: 10em;
	content: "O";
	-webkit-box-shadow: inset 0px 4px 10px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0px 4px 10px 0px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0px 4px 10px 0px rgba(0, 0, 0, 0.3);
	display: block;
	text-indent: -99999em;
	overflow: hidden;
	position: absolute;
	top: 0px;
	background:RGBA(0,0,0,0.2);
}

.feature:hover:after
{
	background:RGBA(0,0,0,0);
}


#discover:hover img#selectit
{
	-webkit-transform: scale(1.0) rotate(0deg);
	-moz-transform: scale(1.0) rotate(0deg);
	top:92px;
	left: 52px;	
	opacity:1;
}

#endorse:hover img#endorseit
{
		-webkit-transform: scale(1.0) rotate(0deg);
		-moz-transform: scale(1.0) rotate(0deg);
		opacity:1;
		top: 5px;
}

#connect:hover img#connectit
{
		-webkit-transform: scale(1.0) rotate(0deg);
		-moz-transform: scale(1.0) rotate(0deg);
		opacity:1;
		bottom: 0px;
}

#anywhere:hover img#anywhereit
{
		-webkit-transform: scale(1.0) rotate(0deg);
		-moz-transform: scale(1.0) rotate(0deg);
		opacity:1;
		top:0;
		right:10px;
}


img#selectit
{
	position: absolute;
	left: -350px;
	border-radius: 0 8px 66px 0;
	top:92px;
	opacity:0;
	-webkit-transform: scale(0.2) rotate(45deg);
	-moz-transform: scale(0.2) rotate(45deg);
}

img#endorseit
{
	border-radius: 22px 104px 0 0;
	position: absolute;
	top: -300px;
	left: 64px;
	opacity:0;
	-webkit-transform: scale(0.2) rotate(45deg);
	-moz-transform: scale(0.2) rotate(45deg);
}


img#connectit
{
	border-radius: 0;
	position: absolute;
	bottom: -300px;
	left: 0;
	opacity: 0;
	-webkit-transform: scale(0.2) rotate(45deg);
	-moz-transform: scale(0.2) rotate(45deg);
}


img#anywhereit
{
	border-radius: 0;
	position: absolute;
	top: -200px;
	right: -200px;
	opacity:0;
	-webkit-transform: scale(0.2) rotate(45deg);
	-moz-transform: scale(0.2) rotate(45deg);
}


/* Content
------------------------------------------------------------------------------*/

.three-reasons
{
	background-color: #ccc;	
	display: block;
}

.three-reasons li
{
	width: 33.2%;
	text-align: center;
	text-shadow: 0 1px 0px RGBA(255,255,255,0.9);
	height: 100px;
	margin: 0px 0 44px 0;
	font-size: 16px;
}

.three-reasons .icon
{
	font-family: "Pictos";
	font-size: 120px;
	line-height: 140px;
	font-weight: normal;
	float: left;
	width: 150px;
	color: #454545;
}

.three-reasons p
{
	text-align: left;
}

.three-reasons li.find span
{
	font-size: 115px;
    line-height: 125px;
}

.signup-cta {
	margin-top: 5px;
	margin-bottom: 48px;
	font-weight: 300;
	font-size: 20px;
	text-align: center;
	text-shadow: 0 1px 0px RGBA(255,255,255,0.9);
}

.signup-cta em {
	font-size: 31px;
	margin: 0 15px;
}

.signup-cta .butt {
	width: 270px;
}

.signup-cta .via-email {
	line-height: 36px;
}

.butt-fb,a.butt-fb,a.butt-fb:link,a.butt-fb:visited
{
	border: solid 1px #376092;
	background:#5690cf;
	background: -moz-linear-gradient(top, #5690cf 0%, #3262a1 100%); 
	background: -o-linear-gradient(top, #5690cf 0%, #3262a1 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5690cf), color-stop(100%,#3262a1));
}

.butt-fb:hover,a.butt-fb:hover
{
	background: #69a7e9;
	background: -moz-linear-gradient(top, #69a7e9 0%, #3363a3 100%);
	background: -o-linear-gradient(top, #69a7e9 0%, #3363a3 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#69a7e9), color-stop(100%,#3363a3));
}

.butt-fb:active,a.butt-fb:active 
{
	background:#3262a1;
	background: -moz-linear-gradient(top, #3262a1 0%, #5690cf 100%); 
	background: -o-linear-gradient(top, #3262a1 0%, #5690cf 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3262a1), color-stop(100%,#5690cf));
}

.butt-tw,a.butt-tw,a.butt-tw:link,a.butt-tw:visited
{
	border: solid 1px #417c82;
	background:#69a7e9;
	background: -moz-linear-gradient(top, #69a7e9 0%, #297cb8 100%); 
	background: -o-linear-gradient(top, #69a7e9 0%, #297cb8 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#69a7e9), color-stop(100%,#297cb8));
}

.butt-tw:hover,a.butt-tw:hover
{
	background: #69a7e9;
	background: -moz-linear-gradient(top, #69a7e9 0%, #3363a3 100%);
	background: -o-linear-gradient(top, #69a7e9 0%, #3363a3 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#69a7e9), color-stop(100%,#3363a3));
}

.butt-tw:active,a.butt-tw:active 
{
	background: #297cb8;
	background: -moz-linear-gradient(top, #297cb8 0%, #69a7e9 100%); 
	background: -o-linear-gradient(top, #297cb8 0%, #69a7e9 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#297cb8), color-stop(100%,#69a7e9));
}

/*feeback
-------------------------------------------------------------------------------------*/

#feedback 
{
	padding: 25px 0 25px 100px;
	
}

#feedback ul {
	width: 100%;
}

#feedback li
{
	margin: 0 0 36px 0;
	width: 46%;
}

#feedback li
{
	margin-right: 2%;
	margin-left: 2%;
}

#feedback a.avatar
{
	float: left;
	width: 45px;
	height: 45px;
	border: solid 3px #c7c8c8;
	border-radius: 7px;
	-webkit-box-shadow: 0px 1px 1px RGBA(255,255,255,0.9);
	box-shadow: 0px 1px 1px RGBA(255,255,255,0.9);
}

#feedback a.avatar img
{
	width: 45px;
	height: 45px;
	border-radius:  3px;
	-webkit-box-shadow: inset 0px 4px 0px RGBA(255,255,255,0.7);
	box-shadow: inset 0px 4px 0px RGBA(255,255,255,0.7);
}

#feedback .comment
{
	position: relative;


	height: 92px;
	margin-left: 20px;
	border: 1px solid #bec1c1;
	background-color: #FFF;
	border-radius: 7px;
	-webkit-box-shadow: 0px 1px 1px RGBA(255,255,255,0.9);
	box-shadow: 0px 1px 1px RGBA(255,255,255,0.9);
	padding: 14px 18px;
	font-size: 18px;
	font-weight: bold;
	margin-left: 70px;
}

#feedback .comment::before
{
	border-top: 9px solid transparent;
	border-right: 9px solid #BCBBBB;
	border-bottom: 9px solid transparent;
	left: -9px;
	top: 12px;
	content: "^";
	text-indent: -99999em;
	width: 0;
	height: 0;
	z-index: 1;
	display: block;
	position: absolute;

}

#feedback .comment::after
{
	border-top: 10px solid transparent;
	border-right: 10px solid white;
	border-bottom: 10px solid transparent;
	left: -8px;
	top: 11px;
	content: "^";
	text-indent: -99999em;
	width: 0;
	height: 0;
	z-index: 1;
	display: block;
	position: absolute;

}

#feedback .comment .meta
{
	font-size: 12px;
	position: absolute;
	bottom: 6px;
	left: 18px;
	width: 92%;
}

#feedback .comment .meta .username
{
	font-weight: normal;
	color: #999;
}

#feedback .comment .meta a.retweet
{
	font-family: "Pictos";
	font-weight: normal;
	color: #d8d7d7;
	font-size: 24px;
	float: right;
	position: relative;
	top: 2px;
}

#feedback .comment .meta a.retweet:hover
{
	color: #999;
}

#feedback .comment .meta a.source.tw
{
	width: 26px;
	height: 25px;
	background-position: -205px -6px;
	margin-left: 6px;
	float: right;
	opacity : 0.30;
	position: relative;
	top: 2px;
}

#feedback .comment .meta a.source.tw:hover
{
	opacity : 0.70;
}

/*Press
-------------------------------------------------------------------------------------*/

#press.wrap-960
{
	max-width: 1078px;
}

#press li {
	margin: 25px 0 0 36px;
}

#press li:first-child {
	margin-left: 0px;
}

#press a.f-s {
	height: 64px;
}

#press a.f-s.lf { width: 186px; background-position: 0px -138px; }
#press a.f-s.lf:hover { background-position: -200px -138px; }
#press a.f-s.tc { width: 121px; background-position: 0px -210px; }
#press a.f-s.tc:hover { background-position: -200px -210px; }
#press a.f-s.rww { width: 195px; background-position: 0px -272px; }
#press a.f-s.rww:hover { background-position: -200px -272px; }
#press a.f-s.net { width: 122px; background-position: 0px -347px; }
#press a.f-s.net:hover { background-position: -200px -347px; }
#press a.f-s.tnw { width: 152px; background-position: 0px -420px; }
#press a.f-s.tnw:hover { background-position: -200px -420px; }
#press a.f-s.sm { width: 120px; background-position: 0px -490px; }
#press a.f-s.sm:hover { background-position: -200px -490px; }




.footer-left {
	width: 69%;
}


/* iPhone ----------- */

@media screen and (max-width: 480px), screen and (max-width: 480px) {

	#header {height: 507px;overflow: hidden;}
	#header form input#first-name, #header form input#last-name,#header form input#email-address, #header form input#password {font-size:14px;}
	#header form input#first-name, #header form input#last-name {width: 36.9%;}

	#header form input#email-address, #header form input#password
	{
		width: 36.4%;
		border-radius: 5px;
		margin:5px 2px 5px 0;
	}

	#header form button#sign-up
	{
		position:relative;
		top:0;
		right:0;
		width:94.9%;
		border-radius:5px;
		-moz-border-radius:5px;
		border-right:none;
	}

	span.first-sep:after, .three-reasons {display:none;}
	#header .form {margin-top:20px;}


	h1 a.social-su,h1 a.social-su:hover
	{
		background: url('/img/find-home-sprite.png?3030') -5px -34px no-repeat;
		width: 92px;
		background-size: 280%;
	}


	h1 a.fb,h1 a.fb:hover
	{
		background: url('/img/find-home-sprite.png?3030') -107px -34px no-repeat;
		width: 96px;
		background-size: 265%;
		height: 30px;
	}

	.opt {font-size:12px;text-align: center;}

	#profiles	
	{
		margin: -28px 0 0 0;
		height: 337px;
	}
	
	#z-profiles 
	{
		width: 100%;
		max-width: 1300px;
		margin: 10px auto 0px auto;
	}

	.z-profile
	{
		width:50%;
		max-width: initial;
		height: 159px;
		margin:0;
		overflow:hidden;
	}
	
	#z-profiles #mobile-theme 
	{
		left: 19%;
		bottom: -102px;
		width: 137px;
		height: auto;
	}
	
	.z-profile img
	{
		display:block;
	}
	
	.z-profile:before
	{
		background-size:100%;
		height:18px;

	}
	
	.z-profile:hover
	{
		bottom:-40px;
	}
	
	
	#profiles .p-1
	{
		left: 0%;
	}


	#profiles .p-2	
	{
		left: -20%;
		bottom:-65px;
	}

	#profiles .p-3	
	{
		left: 0%;
	}

	#profiles .p-4	
	{
		left: -15%;
		bottom:-30px;
	}


	.user-options {
	width: 130px;
	margin: 0 0 10px 0;
	background:none;
	padding:0;
	-webkit-box-shadow:none;
	margin:0;
	}
	
	.user-options a
	{
		font-size:11px;
	}


	a.sign-in
	{
		height:20px !important;
	}
	
	a.twt {
	background: url('/img/find-home-sprite.png?3030') -145px -5px no-repeat;
	}

	.user-options a.butt, .user-options .butt {
	height: auto;
	line-height:20px;
	}
	
	a.twt::before
	{
		display:none;
	}
	
	a.twt {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
	div.twt{
		right: 10px;
	}
	div.fb{
		right: 8px;
	}

	ul#sexy-people li,ul#sexy-people img,ul#sexy-people a
	{
		width:44px;
		height:44px;
		display:block;
	}
	
	ul#sexy-people 
	{
		background:RGBA(0,0,0,0.5) url('img/ooc/loader-black.gif') 27% center no-repeat;
		height: 132px;
		margin-top:30px;
		overflow-x: visible;
		width:200%;
	}
	
	ul#sexy-people li
	{
		opacity:1.0;
	}
	

	ul#sexy-people .endorsement-comment
	{
		opacity:1.0;
	}

	
	#header
	{
		padding-top:20px;
	}
	
	#header h1 
	{
		font-size: 22px;
		line-height: 28px;
		
	}
	
	#signup-slide h1 {
	font-size: 24px;
	}
	
	#header h1 span.people-term {
	font-size: 16px;
	line-height: normal;
	background: #131313;
	padding: 4px 52px 5px 10px;
	position: relative;
	top: 0;
	}
	
	#header h1 span.people-term::after {
	top: 13px;
	right: 13px;
	}
	
	.zerply-logo
	{
		width: 100px;
		background-size: 280px;
		height: 34px;
		top: -8px;
		position: relative;
	}
	
	.header-aux
	{
		margin:0 auto 35px auto;
	}
	
	br.like
	{
		display:block;
	}
	
	
	select#faces-options {
		position: absolute;
		left:0;
		top: 0;
		z-index: 333;
		width: 155px;
		height: 34px
	}
	
	#zerply-find .cnt-arrow-up {
	left: 45%;
	}
	
	#cols
	{
		width:100%;
	}
	
	#cols .col
	{
		width:100%;
		margin:0 0 10px 0;
		
	}
	
	button#find-search 
	{
		width:94.9%;float:none;
		margin-bottom:9px;
		position: relative;
		top:0;right:0;
		height: 49px;
	}
	
	#zerply-find #searchofgiants #magicsearch, #zerply-find ul.token-input-list
	{
		width: 92.4% !important;
		
	}
	
	#zerply-find ul.token-input-list {
	overflow: auto;
	margin: 10px 10px 0 8px;
	}
	
	#find-search-area .find-fake-palceholder {
	position: absolute;
	top: 12px;
	left: 15px;
	color: #CCC;
	padding: 12px 0 0 14px;
	font-size: 17px;
	z-index: 999;
	font-weight: 500;
	width: 120px;
	overflow: hidden;
	height: 25px;
	}
	
	
	#find-search-area .icon {
	font-family: "Pictos";
	font-weight: normal;
	color: #CCC;
	font-size: 24px;
	position: absolute;
	z-index: 333;
	right: 25px;
	top: 26px;
	left: initial;
	}
	
	
	h1 a.social-su 
	{
		bottom:0;
	}


	
	ol.flex-control-nav 
	{
		right:35.5%;
		top: 45px;
	}
	
	ol.flex-control-nav li a
	{
		width:12px;
		height:12px;
	}
	
	#zerply-find .col-l,#zerply-find .col-r
	{
		width: 100%;
	}
	
	#features
	{
		left:0;
		position:relative;
		width:100%;
		height:400px;
	}
	
	.feature
	{
		 -webkit-transform: scale(0.65);
			margin-left:-30px;
			border: solid 10px RGBA(0,0,0,0.2);
	}
	
	.feature:hover
	{
		 -webkit-transform: scale(0.65);
	}
	
	.feature:after
	{
		background:RGBA(0,0,0,0.0);
	}
	
	#features #discover 
	{
		position: absolute;
		top:-35px;
		left:-10px;
	}
	
	#features #endorse
	{
		position: absolute;
		top:-35px;
		right:-40px;
	}
	
	#features #connect
	{
		position: absolute;
		top: 163px;
		left:-10px;
	}
	
	#features #anywhere
	{
		position: absolute;
		top: 163px;
		right:-40px;	
	}
	
	#discover img#selectit
	{
		-webkit-transform: scale(1.0) rotate(0deg);
		-moz-transform: scale(1.0) rotate(0deg);
		top:92px;
		left: 52px;	
		opacity:1;
	}

	#endorse img#endorseit
	{
			-webkit-transform: scale(1.0) rotate(0deg);
			-moz-transform: scale(1.0) rotate(0deg);
			opacity:1;
			top: 5px;
	}

	#connect img#connectit
	{
			-webkit-transform: scale(1.0) rotate(0deg);
			-moz-transform: scale(1.0) rotate(0deg);
			opacity:1;
			bottom: 0px;
	}

	#anywhere img#anywhereit
	{
			-webkit-transform: scale(1.0) rotate(0deg);
			-moz-transform: scale(1.0) rotate(0deg);
			opacity:1;
			top:0;
			right:10px;
	}
	
	
	.user-options a#sign-up  
	{
		overflow: hidden;
		width: 50px;
		height: 20px;
	}

	.signup-cta {
		margin-bottom: 0px;
	}


	.signup-cta .butt {
		width: 250px;
	}
	
	.signup-cta em {
		display: none;
	}

	.footer-left {
		max-width: 480px;
		width: auto;
	}

	#feedback
	{
		padding-bottom: 0px;
	}
	
	#feedback li
	{
		width:100%;
		margin-right: 0px;
	}
	
	#feedback .comment
	{
		width:60%;
		height: auto;
		padding-bottom: 36px;
	}
	
	#feedback .comment .meta
	{
		width: auto;
	}
	
	#press, #feedback .comment .meta a, div.footer-right
	{
		display: none;
	}

	.footer-left {
		padding: 0 0 10px 0;
	}
	
	.footer-left.ooc-sprite {
		background-image: none;
	}
	
	
}
	
/* iPad 
------------------------------------------------------ */
	

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

	ol.flex-control-nav 
	{
		right: 45%;
		top: 62px;
	}

	br.like
	{
		display:block;
	}
	
	#header 
	{
		height: 365px
	}

	#signup-slide h1
	{
	
	}

	html
	{
		 -webkit-text-size-adjust:none;
	}

	span.first-sep:after, .three-reasons
	{
		display:none;
	}
	
	#header form button#sign-up
	{
		height: 52px;
	}

	.wrap-960
	{
		width:96%;
		max-width:96%;
	}
	
	ul#sexy-people:after
	{
		bottom:0px;
		z-index:333;
	}
	
	ul#sexy-people 
	{
		position:relative;
		top:-30px;
		height:140px;
		overflow-x: visible;
		width:200%;
	}
	
	ul#sexy-people li,ul#sexy-people img,ul#sexy-people a
	{
		width:46px;
		height:46px;
		display:block;
	}
	
	ul#sexy-people li
	{
		opacity:1.0;
	}
	
	#find-search-area .find-fake-palceholder
	{
		font-size:18px;
		top:18px;
	}
	
	#find-search-area .icon
	{
		right:21.5%;
	}
	
	#zerply-find h1 {
	font-size: 28px;
	margin: 15px 0 15px 0;
	}
	
	#cols .col
	{
		width:28%;
		min-width:29.1%;

	}
	
	.col ul li {
	font-size: 14px;
	}


	h1
	{
		width: 83%;
	}
	
	ul#sexy-people
	{
		margin-top:70px;
	}
	
	#searchofgiants #magicsearch, ul.token-input-list {
		width: 77.5%;
	}
	
	.z-profile
	{
		width:30%;
		max-width: initial;
	}
	
	#z-profiles #mobile-theme 
	{
		left: 19%;
		bottom: -70px;
		width: 137px;
		height: auto;
	}
	
	#z-profiles #mobile-theme:hover
	{
		bottom: -40px;
	}
	
	.z-profile:before
	{
		background-size:100%;
		height:22px;
	}

	
	#profiles .p-2	
	{
		position: relative;
		left: -10%;
	}

	#profiles .p-3	
	{
		position: relative;
		left: -20%;
	}

	#profiles .p-4	
	{
		position: relative;
		left: 0;
	}
	
	
	#zerply-find-page .page-title
	{
		font-size:30px;
	}
	
	#zerply-find .zrply-logo-t
	{
		width: 92px;
		top: -2px;
	}

	#features
	{
		left:-5px;
	}
	
	.feature
	{
		 -webkit-transform: scale(0.9);
			margin-left:-10px;
			border: solid 10px RGBA(0,0,0,0.2);
	}
	
	.feature:after
	{
		background:RGBA(0,0,0,0.0);
	}
	

	
	#discover img#selectit
	{
		-webkit-transform: scale(1.0) rotate(0deg);
		-moz-transform: scale(1.0) rotate(0deg);
		top:92px;
		left: 52px;	
		opacity:1;
	}

	#endorse img#endorseit
	{
			-webkit-transform: scale(1.0) rotate(0deg);
			-moz-transform: scale(1.0) rotate(0deg);
			opacity:1;
			top: 5px;
	}

	#connect img#connectit
	{
			-webkit-transform: scale(1.0) rotate(0deg);
			-moz-transform: scale(1.0) rotate(0deg);
			opacity:1;
			bottom: 0px;
	}

	#anywhere img#anywhereit
	{
			-webkit-transform: scale(1.0) rotate(0deg);
			-moz-transform: scale(1.0) rotate(0deg);
			opacity:1;
			top:0;
			right:10px;
	}
	
	#feedback
	{
		padding-bottom: 0px;
	}
	
	#feedback ul {
		width: 100%;
	}

	#feedback li
	{
		margin: 0 0 36px 0;
		width: 50%;
	}

	#feedback li:first-child
	{
		margin-right: 1%;
		width: 49%;
	}
	
	#feedback .comment
	{
		width:60%;
		height: auto;
		padding-bottom: 36px;
	}
	
	#feedback .comment .meta
	{
		width: auto;
	}
	
	#feedback .comment .meta a
	{
		display: none;
	}
	
	#press li:first-child {
		margin-left: 40px;
	}
	
	div.footer-right
	{
		display: none;
	}
}
	

/* Don't do drugs kids */