fieldset, label { margin: 0; padding: 0; }
body{ margin: 20px; }
h1 { font-size: 1.5em; margin: 10px; }

body {
	margin: 0;
	padding: 0;
	background-color: #eeeeee;
}

/*navbar*/
.navbar-container {
	width: 85%;
	margin: auto;
}

.icon-large {
	font-size: 1.6em;
}

/* header 2 username */
.user-name {
	font-family: body;
}

.uk-offcanvas .uk-panel-close {
  /*margin: 20px 15px;*/
  margin-left: 15px;
  margin-top: 20px;
  margin-right: 15px;
  margin-bottom: 20px;
  color: #777777;
}

/* FONTS */

@font-face {
  font-family: title;
  src: url(../fonts/TCB.TTF);
}

@font-face {
  font-family: title2;
  src: url(../fonts/TCM.TTF);
}

@font-face {
  font-family: search;
  src: url(../fonts/VarelaRound-Regular.ttf);
}

@font-face {
  font-family: body;
  src: url(../fonts/VarelaRound-Regular.ttf);
}

/* .navbar > li > a {
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  height: 50px;
  padding: 0 0px;
  line-height: 45px;
  color: #444444
  color: #3372c5;
  font-size: 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold; 
}

.navbar > li:hover > a,
.navbar > li > a:focus,
.navbar > li.uk-open > a {
  background-color: #3372c5;
  color: #FFFFFF;
  outline: none;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
} */

/* Register/Log-in Modals */ /* Register/Log-in Modals */ /* Register/Log-in Modals */ /* Register/Log-in Modals */ /* Register/Log-in Modals */ /* Register/Log-in Modals */
.modals { 
	font-family: title2; 
	font-size: 2em;
	text-transform: uppercase;
}

#buttonlogin {
	padding: 20px 80px;
	color: #fff;
	background: #3372c5;
	font-size: 1em;
	border: none;
	outline: none;
	cursor: pointer;
	text-transform: uppercase;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
}
#buttonlogin:hover{
 	background:#224c83;
	color: #fff;
}

.forgotpassword { color: red; font-family: body; font-size: 1em; }
.forgotpassword a:hover { 
	color: #3372c5;
	text-decoration: none;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
}

.post-modal {
	font-size: 1.2em;
	font-family: body;
}

/*INDEX.PHP*/ /*INDEX.PHP*/ /*INDEX.PHP*/ /*INDEX.PHP*/ /*INDEX.PHP*/ /*INDEX.PHP*/ /*INDEX.PHP*/ /*INDEX.PHP*/ /*INDEX.PHP*/ /*INDEX.PHP*/ /*INDEX.PHP*/ /*INDEX.PHP*/ 
/*first parallax*/
.parallax-first {
	background: url(../images/bg1.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	height: 600px;
	background-color: rgba(34,76,131,0.3);
}

.parallax-overlay {
	background-color: rgba(34,76,131,0.5);
}

.index-statement {
	/* position: relative;
	top: 150px; */
	color: #fff;
	font-family: title;
	font-size: 4em;
	text-transform: uppercase;
}

.sub-statement {
	/* position: relative;
	top: 150px; */
	color: #fff;
	font-family: body;
	font-size: 1.3em;
	/* font-weight: bold; */
	text-transform: uppercase;
}

.index-subtitle {
	font-family: body;
	color: #fff;
}

.searchbar input[type="search"] {
	position: relative;
	top: 170px;
	width: 10%;
	padding: 20px;
	border: 1px solid #ddd;
	outline-color: #3372c5;
	font-size: 1em;
	color: #999;
	font-family: search;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
}

.cat-name { font-weight: bold; }

.cat-img {
	width: 80%;
}

/* button[type="buttonindex"] {
	/* top: 150px;
	padding: 10px 80px;
	color: #fff;
	background: #3372c5;
	font-size: 1.2em;
	border: none;
	outline: none;
	cursor: pointer;
	text-transform: uppercase;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
}
button[type="buttonindex"]:hover{
 	background:#224c83;
	color: #fff;
} */

.featured-freelancer-name {
	color: #fff;
	font-family: body;
	font-size: 1.2em;
}

.featured-freelancer-expertise {
	color: #000;
	font-family: body;
	font-size: 1.1em;
}

/* about page */
.how { font-family: title2; }
.about-first { padding: 50px; }
.about-space { padding: 100px 0px 80px 0px; }
.second-first h1 { color: #000; }

.about-description { 
	color: #000; 
	font-family: body;
}
.about-description-link {
	color: #3372c5;
	font-family: body;
	font-size: 20px;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
}

.about-description-link a:hover {
	color: #224c83;
	font-size: 20px;
	text-decoration: none;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
}

/* Category page */
.cat-page { background-color: #fff; }
.cat-title { font-family: title2; padding: 30px 20px; text-transform: uppercase; }
.cat-title2 { font-family: title2; padding: 30px 20px; text-transform: uppercase; color:#fff; font-weight: bold;}
.cat-sub2 { font-family: body; color:#3372c5; }
.cat-first-column, .cat-second-column, .cat-third-column { 
	padding: 50px;
	font-family: body;
}

/* third page */
.reg-freelancers { font-family: title2; text-transform: uppercase; }
.third-page-first {
	padding: 50px;
	background-color: #224c83;
}
.third-page-first h1 { 
	color: #fff;
	padding: 35px 0px 35px 0px;	
}

/* HOWITWORKS.PHP */ /* HOWITWORKS.PHP */ /* HOWITWORKS.PHP */ /* HOWITWORKS.PHP */ /* HOWITWORKS.PHP */ /* HOWITWORKS.PHP */ /* HOWITWORKS.PHP */ /* HOWITWORKS.PHP */ 
.howitworks-parallax {
	background: url(../images/bg10-1.png);
	background-size: cover;
	background-repeat: no-repeat;
}	
.post-page { background-color: #3372c5; }
.find-page { background-color: #224c83; }
.collaborate-page { background-color: #3372c5; }
.pay-page { background-color: #224c83; }
.works-img { width: 20% }
.works-info {
	color: #fff;
	font-family: body;
	font-size: 1.1em;
}
.works-info2 {
	color: #fff;
	font-family: body;
	font-size: 1.1em;
}

/* ABOUT.PHP */ /* ABOUT.PHP */ /* ABOUT.PHP */ /* ABOUT.PHP */ /* ABOUT.PHP */ /* ABOUT.PHP */ /* ABOUT.PHP */ /* ABOUT.PHP */ /* ABOUT.PHP */ /* ABOUT.PHP */ /* ABOUT.PHP */ 
/*first parallax*/

.about-page {
	padding: 100px;
	background-color: #fff;
}
.about-parallax {
	background: url(../images/bg13-1.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	height: 470px;
}

.about-statement {
	color: #fff;
	font-size: 4em;
	text-transform: uppercase;
	font-family: title;
}

.comp-overview { font-family: title2; }
.about-body { font-family: body; }

/* second page */
.about-secondpagesecond, .about-secondpagefirst{
	padding: 100px;
	background-color: #fff;
}



.about-secondpagesecond h1 { 
	color: #000; 
	text-align: center;
}

.about-about-description {
	color: #000;
}

/* third page */
.info-page{
	padding: 150px;
	background-color: #224c83;
}

.info-box {
	padding: 100px 50px 100px 50px;
	border: #000 solid 7px;
}

/* fourth page */
.fourth-page {
	background: url(../images/team2.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	height: auto;
}

.about-first-box, .about-second-box, .about-third-box {
	padding: 100px;
}

.number {
	font-size: 40px;
	color: #fff;
}

.title {
	font-size: 15px;
	color: #fff;	
}

/* CONTACT.PHP */ /* CONTACT.PHP */ /* CONTACT.PHP */ /* CONTACT.PHP */ /* CONTACT.PHP */ /* CONTACT.PHP */ /* CONTACT.PHP */ /* CONTACT.PHP */ /* CONTACT.PHP */ 
.parallax-contact {
	background: url(../images/contact.png);
	background-size: cover;
	background-repeat: no-repeat;
	height: 300px;
}

.statement-contact {
	position: relative;
	top: 80px;
	color: #fff;
	font-family: title;
	text-transform: uppercase;
}

.contact-creatore { font-family: title; }
.contact-email { font-family: body; }

button[type="buttonsubmit"] {
	padding: 10px 80px;
	color: #fff;
	background: #3372c5;
	font-size: 1.2em;
	border: none;
	outline: none;
	cursor: pointer;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
}
button[type="buttonsubmit"]:hover{
 	background:#224c83;
	color: #fff;
}

.creators {
	font-weight: bold;
	font-size: 20px;
}

/* TEAM.PHP */ /* TEAM.PHP */ /* TEAM.PHP */ /* TEAM.PHP */ /* TEAM.PHP */ /* TEAM.PHP */ /* TEAM.PHP */ /* TEAM.PHP */ /* TEAM.PHP */ /* TEAM.PHP */ /* TEAM.PHP */ 
.parallax-team {
	background: url(../images/team2.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	height: 550px;
}

.statement-team {
	position: relative;
	top: 200px;
	color: #fff;
	font-family: title;
	text-transform: uppercase;
}

.person-name {
	color: #3372c5;
	font-family: title2;
}

.person-position {
	color: #224c83;
	font-family: body;
}

.uk-icon-facebook {
	color: #fff;
	background: #3372c5;
}

.uk-icon-facebook:hover {
	color: #fff;
	background: #224c83;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
}

.uk-icon-twitter {
	color: #fff;
	background: #3372c5;
}

.uk-icon-twitter:hover {
	color: #fff;
	background: #224c83;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
}

.uk-icon-globe {
	color: #fff;
	background: #3372c5;
}

.uk-icon-globe:hover {
	color: #fff;
	background: #224c83;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
}

.uk-icon-linkedin {
	color: #fff;
	background: #3372c5;
}

.uk-icon-linkedin:hover {
	color: #fff;
	background: #224c83;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
}

.uk-icon-cc-paypal {
	color: #fff;
	background: #3372c5;
}

.uk-icon-cc-paypal:hover {
	color: #fff;
	background: #224c83;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
}

.uk-icon-chevron-circle-down {
	color: #fff;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
}

.uk-icon-twitter2{
	color: #fff;
	background: #3372c5;
}

.uk-icon-twitter2:hover {
	color: #fff;
	background: #224c83;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
}

.uk-icon-user2 {
	color: #fff;
	background: #3372c5;
}

.uk-icon-user2:hover {
	color: #fff;
	background: #224c83;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
}

.team-name {
	font-family: title2;
	font-size: 2.5em;
}

.team-desc {
	font-family: body;
	color: #171717;
}

/* SEEK-AVAILABLE.PHP */ /* SEEK-AVAILABLE.PHP */ /* SEEK-AVAILABLE.PHP */ /* SEEK-AVAILABLE.PHP */ /* SEEK-AVAILABLE.PHP */ /* SEEK-AVAILABLE.PHP */ /* SEEK-AVAILABLE.PHP */ 
.strong-words { font-family: body; font-size: 1.2em; }
.project-name { font-weight: bold; font-size: 1.4em; font-family: body; color: #000; }
.user-live { font-size: 1.1em; color: #224c83; }
.skills-panelbox { font-weight: bold; font-size: 1.1em; font-family: body; color: #000; }	
.all-cat { font-family: body; }
.cat-cat { font-family: body; font-size: 1.2em; }
.searchbar { 
	padding: 100px;
	border: 1px solid #ddd;
	outline-color: #3372c5;
	font-size: 1em;
	color: #000;
	font-family: search;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
}

.skill-name { font-family: body; font-size: 1.2em; }

/* SEEK-USERS.PHP */ /* SEEK-USERS.PHP */ /* SEEK-USERS.PHP */ /* SEEK-USERS.PHP */ /* SEEK-USERS.PHP */ /* SEEK-USERS.PHP */ /* SEEK-USERS.PHP */ /* SEEK-USERS.PHP */ 
.description-panelbox { font-size: 1.1em; font-family: body; color: #000; }	
.profile-pic { 
	max-width: 170px; 
	max-height: 170px; 
}

.profile-pic-ffreelancer {
	/* max-width: 40px;
	max-height: 40px; */
	width: 170px;
	height: 170px;
	background-position: center center;
	background-repeat: no-repeat;
	overflow: hidden;
}

.profile-pic-ffreelancer img {
	min-height: 10%;
	min-width: 10%;
  /* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  /* IE 5-7 */
	filter: alpha(opacity=0);
  /* modern browsers */
	opacity: 0;
}

/* button[type="button-details"] {
	padding: 5px 20px;
	color: #fff;
	background: #3372c5;
	font-size: 1.0em;
	border: none;
	outline: none;
	cursor: pointer;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
}
button[type="button-details"]:hover{
 	background:#224c83;
	color: #fff;
} */


/* MESSAGE PAGE */ /* MESSAGE PAGE */ /* MESSAGE PAGE */ /* MESSAGE PAGE */ /* MESSAGE PAGE */ /* MESSAGE PAGE */ /* MESSAGE PAGE */ /* MESSAGE PAGE */ 
.contacted-friends-panel {
	background-color: #d2cfcf;
	padding: 10;
}

.contacted-friends {
	background-color: #FFF;	
	padding: 10px;
}

.contacted-friends-name { font-size: 1.5em; color: #224c83; }
.contacted-friends-text { font-size: 1.2em; font-family: body; }
.contacted-friends-stamp { font-size: 0.9em; font-family: body; color: #3372c5; }
.message-featuredfreelancer { 
	font-size: 1.5em; 
	color: #224c83; 
}

.featuredfreelancer-panel {
	background-color: #000;
}

.contacted-friend-name {
	background-color: #224c83;
	color: #fff;
	padding: 6px;
	font-family: body;
}

.message { background-color: #fafafa; }
.messages { bakcground-color: yellow; }

/* DASHBOARD-PROFILE.PHP */ /* DASHBOARD-PROFILE.PHP */ /* DASHBOARD-PROFILE.PHP */ /* DASHBOARD-PROFILE.PHP */ /* DASHBOARD-PROFILE.PHP */ /* DASHBOARD-PROFILE.PHP */ 
.dashboard {
	background-color: #224c83;
	padding: 20px;
	color: #fff;
}

.logo { padding: 20px 0 0 0; }
.dashboard-box { background-color: #d2cfcf; padding: 5px;}

.dashboard-projectname { font-size: 2em; font-family: title2; }
.dashboard-newsname { font-size: 2.5em; font-family: title2; color: #000; }
.dashboard-projectinfo { font-size: 1em; font-family: body; }
.dashboard-newsinfo { font-size: 1em; font-family: body; }
.dashboard-timedetails { font-size: 0.9em; font-family: body; color: #3372c5; }
.dashboard-projectinfo2 { font-size: 1em; font-family: body; color: #3372c5; font-weight: bold; }
.dashboard-name { font-size: 2.1em; font-family: title; }
.dashboard-expertise { font-size: 1.8em; font-family: title2; }
.dashboard-account-completion { font-size: 1.1em; font-family: body; }
.dashboard-account-setup  { font-size: 1.1em; font-family: body; }
.dashboard-links  { font-size: 1em; font-family: body; }
.dashboard-available  { font-size: 1.1em; font-family: body; }
.ongoing-projects {
	font-weight: bold;
	font-size: 1.2em;
	font-family: body;
}
.go-to-hq {
	font-size: 1.1em;
	font-family: body;
}

a { 
	color: #3372c5; 
	/* text-transform: uppercase; */
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;

}
a:hover { 
	color: #224c83;
	text-decoration: underline;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
}

/* USER-PROFILE.PHP */ /* USER-PROFILE.PHP */ /* USER-PROFILE.PHP */ /* USER-PROFILE.PHP */ /* USER-PROFILE.PHP */ /* USER-PROFILE.PHP */ /* USER-PROFILE.PHP */ 
.uk-tab a {
	color: #171717;
}

.username { 
	font-size: 2.7em; 
	color: #fff; 
	font-family: title;
}

.profile-pic2 { 
	/* max-width: 190px; 
	max-height: 200px;  */
	width: 200px;
	height: 190px;
	background-position: center center;
	background-repeat: no-repeat;
}

.profile-pic2 img {
	min-height: 10%;
	min-width: 10%;
  /* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  /* IE 5-7 */
	filter: alpha(opacity=0);
  /* modern browsers */
	opacity: 0;
}

.profile-pic3 { 
	max-width: 86px; 
	max-height: 86px; 
}

.profile-pic4 { 
	max-width: 0px; 
	max-height: 86px; 
}

.profile-pic-header {
	/* max-width: 40px;
	max-height: 40px; */
	width: 40px;
	height: 40px;
	background-position: center center;
	background-repeat: no-repeat;
	overflow: hidden;
}

.profile-pic-header img {
	min-height: 10%;
	min-width: 10%;
  /* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  /* IE 5-7 */
	filter: alpha(opacity=0);
  /* modern browsers */
	opacity: 0;
}

.profile-pic-offcanvas {
	/* max-width: 40px;
	max-height: 40px; */
	width: 200px;
	height: 180px;
	background-position: center center;
	background-repeat: no-repeat;
	overflow: hidden;
}

.profile-pic-offcanvas img {
	min-height: 10%;
	min-width: 10%;
  /* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  /* IE 5-7 */
	filter: alpha(opacity=0);
  /* modern browsers */
	opacity: 0;
}

.profile-pic-dashboard-pic {
	/* max-width: 120px;
	max-height: 120px; */
	width: 120px;
	height: 120px;
	background-position: center center;
	background-repeat: no-repeat;
	overflow: hidden;
}

.profile-pic-dashboard-pic img {
	min-height: 10%;
	min-width: 10%;
  /* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  /* IE 5-7 */
	filter: alpha(opacity=0);
  /* modern browsers */
	opacity: 0;
}

.shortbio, .place, .membersince { font-size: 1.2em; font-family: body; color: #fff; }
.user-bio, .user-bio2 { padding-top: 20px; }
.skill-title { color: #fff; font-size: 1.7em; font-family: body; }
.user-profile-pic {	
	position: relative;
	height: 400px;
	width: 100%;
	overflow: hidden;
}

.user-title {
	font-family: title;
}

.user-panel-reviews {
	background-color: #EEEEEE;
	padding: 10px;
}

.user-panel-review-project { font-family: title2; font-size: 2em; }
.user-panel-review-project-info { font-family: body; font-size: 1em; }

.rates { 
	color: #fff; 
	font-family: body;
	padding: 10px 5px 1px 5px;
	font-size: 2.7em;
}

.rates2 {
	color: #fff; 
	font-family: body;
	padding: 10px 5px 1px 5px;
}
.rates3 { 
	color: #fff; 
	font-family: body;
	padding: 10px 10px 0 10px;
	font-size: 1.2em;
}

.rating-name { 
	color: #fff; 
	font-family: body;
}

.rating-name2 { 
	color: #224c83; 
	font-family: body;
	font-size: 1.2em;
}

.rating-received { 
	color: #000;
	font-size: 1.4em;
	font-family: title2;
	font-weight: bold;
}

/****** Style Star Rating Widget *****/

.rate { 
	font-size: 1.7em; 
	background-color: #224c83;
	padding: 10px 10px 10px 15px;
	width: 10%;
	color: #fff;
}
.rating { 
  border: none;
  float: left;
}
.rating-seekuser { 
  border: none;
  float: left;
}

.rating > input { display: none; } 
.rating > label:before { 
  margin: 5px;
  font-size: 1.25em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
}

.rating-seekuser > input { display: none; } 
.rating-seekuser > label:before { 
  margin: 5px;
  font-size: 1em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
}

.rating > .half:before { 
  content: "\f089";
  position: absolute;
}
.rating-seekuser > .half:before { 
  content: "\f089";
  position: absolute;
}

.rating > label { 
  color: #171717; 
 float: right; 
}
.rating-seekuser > label { 
  color: #171717; 
 float: right; 
}

/***** CSS Magic to Highlight Stars on Hover *****/

.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label { color: #FFD700;  } /* hover previous stars in list */

.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label { color: #FFED85;  } 

/* ratings found in seek-user.php*/
.rating-seekuser > input:checked ~ label, /* show gold star when clicked */
.rating-seekuser:not(:checked) > label:hover, /* hover current star */
.rating-seekuser:not(:checked) > label:hover ~ label { color: #FFD700;  } /* hover previous stars in list */

.rating-seekuser > input:checked + label:hover, /* hover current star when changing rating */
.rating-seekuser > input:checked ~ label:hover,
.rating-seekuser > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating-seekuser > input:checked ~ label:hover ~ label { color: #FFED85;  } 

.edit-profile {
	font-family: body;
	color: #fff;
	font-size: 1.2em;
}
.edit-profile2 {
	font-family: body;
	color: #000;
	font-size: 1.2em;
}
.entered-data {
	font-family: body;
	color: #000;
	font-size: 1.2em;
}

.projects-completed { font-family: body; } 



/* freelancerpage.php */ /* freelancerpage.php */ /* freelancerpage.php */ /* freelancerpage.php */ /* freelancerpage.php */ /* freelancerpage.php */ 
.namepage {
	font-size: 2.5em;
	font-family: title2;
	color: #224c83;
}

.samplebox { background-color: #d2cfcf; }
.projname { font-family: title; font-size: 1.9em; color: #224c83; }
.projcat, .projclientname, .projtime, .projtime2, .projbid, .pricebid, .projend, .projhq { font-family: body; font-size: 1.2em; }

/* SINGLE.PHP */ /* SINGLE.PHP */ /* SINGLE.PHP */ /* SINGLE.PHP */ /* SINGLE.PHP */ /* SINGLE.PHP */ /* SINGLE.PHP */ /* SINGLE.PHP */ /* SINGLE.PHP */ 
.project-pic { padding: 50px 100px 0 100px; }
.project-desc { padding: 50px 50px 0 50px; }
.project-title { font-size: 4em; font-family: title; color: #171717; }
.project-posted { font-size: 1.1em; font-family: body; }
.project-posted-by { font-size: 1.1em; font-family: body; color: #171717; }
.project-desc2 { font-size: 1.2em; font-family: body; color: #171717; }
.project-timelimit { font-size: 2.0em; }
.bidding-title, .proj-title { font-family: title; font-size: 2.5em; color: #171717; }
.bidtable-info { font-family: body; font-size: 1.2em; }
.table-header { font-family: body; font-size: 1.3em; background-color: #171717; color: #fff; }
.main-project { background-color: #fff; }
.days-note { font-family: body; }
.views, .bidders { font-family: body; color: #fff; font-size: 14px; }
.bidding-table { font-family: body; font-size: 1.1em; }

.message-title { font-family: title2; font-size: 2.2em; }
.message-name { font-family: title2; font-size: 1em; color: #3372c5; }
.message-modal { font-family: body; font-size: 1.3em; }


/* POSTPROJECT.PHP */ /* POSTPROJECT.PHP */ /* POSTPROJECT.PHP */ /* POSTPROJECT.PHP */ /* POSTPROJECT.PHP */ /* POSTPROJECT.PHP */ /* POSTPROJECT.PHP */ /* POSTPROJECT.PHP */
.postprojecttitle {
	font-family: title;
	font-size: 20px;
}

/* PROJECTHQ.PHP */ /* PROJECTHQ.PHP */ /* PROJECTHQ.PHP */ /* PROJECTHQ.PHP */ /* PROJECTHQ.PHP */ /* PROJECTHQ.PHP */ /* PROJECTHQ.PHP */ /* PROJECTHQ.PHP */ 
.groupinfo-title, .project-timelimit {
	font-family: title;
	font-size: 2.3em;
}

.group-info-title { 
	font-family: body; 
	font-size: 1.2em;
	text-transform: uppercase;
}

.members { 
	font-family: body; 
	font-size: 1.4em;
}
.date { 
	font-family: title2; 
	color: #224c83;
	font-size: 25px;
}

.days-rem { 
	font-family: title2; 
	color: #3372c5;
	font-size: 20px;
}

.phase-name {  
	font-family: title2; 
	font-size: 20px;
}

.project-details { font-family: body; font-size: 1.2em; }

.set-phases-name {
	font-family: body;
	font-weight: bold;
	font-size: 1.1em;
}

.set-phases-error {
	font-family: body;
	color: red;
	font-size: 1.1em;
}

.download-contract { font-size: 1.3em; }
/* FOOTER */ /* FOOTER */ /* FOOTER */ /* FOOTER */ /* FOOTER */ /* FOOTER */ /* FOOTER */ /* FOOTER */ /* FOOTER */ /* FOOTER */ /* FOOTER */ /* FOOTER */ 
footer {
	background-color: #000;
	text-decoration: none;
	color: #fff;
	padding: 30px;
}

.link { background-color: red; }
.link2 { background-color: yellow; }

.footer-top span a { 
	color: #fff; 
	font-family: title2; 
	text-transform: uppercase; 
	font-size: 1.1em;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	text-align: center;
}
.footer-top span a:hover { 
	color: #3372c5;
	text-decoration: none;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
}

.footer-bottom {
	font-size: 12px;
	font-family: body;
}

/* ADMIN-DASHBOARD */ /* ADMIN-DASHBOARD */ /* ADMIN-DASHBOARD */ /* ADMIN-DASHBOARD */ /* ADMIN-DASHBOARD */ /* ADMIN-DASHBOARD */ /* ADMIN-DASHBOARD */ /* ADMIN-DASHBOARD */
.side-nav {
  background-color: #3372c5;
}

.second-box-admin { background-color: #fafafa; }

.dashboard-name2 {
	color: #171717;
	font-family: body;
	font-size: 1.1em;
}

.dashboard-number {
	color: #3372c5;
	font-family: title2;
	font-size: 3em;
}
/* ADMIN ALL */
.main-name {
	font-family: title;
	font-size: 2.3em;
	color: #000;
	font-weight: bold;
}

.table-main-name {
	font-family: title;
	font-size: 3em;
	color: #000;
	font-weight: bold;
}

.table-title {
	font-family: title2;
	font-size: 1.6em;
	color: #3372c5;
}

.table-body {
	font-family: body;
	font-size: 0.9em;
	color: #171717;
}

.table-user-id {
	font-family: body;
	font-size: 1.1em;
	color: #3372c5;
	font-weight: bold;
}

.expertise-name {
	font-family: title2;
	font-size: 1.5em;
}


/* CIRLCE SIDE-NAV INDEX*/
ul.side_nav{
	position:fixed;
	right:2%;
	top:45%;
	z-index:1;
	  transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
}
ul.side_nav li{
	display:block;
	  transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
}
ul.side_nav li a{
	width:10px;
	height:10px;
	background: #3372c5;
	border:2px solid #3372c5;
	border-radius:50%;
	display:block;
	margin-bottom:1em;
	  transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
}