WebSVN – LeadersLinked - Antes de SPA – Diff – /public/css/style-old.css

 /*===================== TABLE OF CONTENT =======================
 .	1 Homepages
 .  Fonts
 .  Reset Css
 .  Cross Browser Compatibility
 /* ==================================================================================
 										Reset Css
+===================================================================================== */
+html,
+body,
+div,
+span,
-===================================================================================== */
+applet,
+object,
+iframe,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
-html, body, div, span, applet, object, iframe,
+a,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+abbr,
+acronym,
+address,
+big,
+cite,
+code,
+del,
+dfn,
+em,
+img,
+ins,
+kbd,
+q,
+s,
+samp,
-a, abbr, acronym, address, big, cite, code,
+small,
+strike,
+strong,
+sub,
+sup,
+tt,
+var,
+b,
-del, dfn, em, img, ins, kbd, q, s, samp,
+u,
+i,
+center,
+dl,
+dt,
+dd,
+ol,
-small, strike, strong, sub, sup, tt, var,
+ul,
+li,
+fieldset,
-b, u, i, center,
+form,
+label,
-dl, dt, dd, ol, ul, li,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td,
+article,
-fieldset, form, label, legend,
+aside,
+canvas,
+details,
-table, caption, tbody, tfoot, thead, tr, th, td,
+embed,
+figure,
+figcaption,
+footer,
+header,
+hgroup,
+menu,
+nav,
+output,
-article, aside, canvas, details, embed,
+ruby,
+section,
+summary,
+time,
-figure, figcaption, footer, header, hgroup,
+mark,
-menu, nav, output, ruby, section, summary,
+audio,
-time, mark, audio, video {
+video {
 	margin: 0;
 	padding: 0;
 	border: 0;
 	font-size: 100%;
 	font: inherit;
+	vertical-align: baseline;
 	vertical-align: baseline;
+/* HTML5 display-role reset for older browsers */
+article,
-}
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
-/* HTML5 display-role reset for older browsers */
+menu,
-article, aside, details, figcaption, figure,
+nav,
-footer, header, hgroup, menu, nav, section {
+section {
+	display: block;
 	display: block;
 body {
 	line-height: 1;
 	font-family: 'Source Sans Pro', sans-serif;
 	overflow-x: hidden;
 	font-weight: 400;
+	background-color: #f2f2f2;
+}
-	background-color: #f2f2f2;
 ol,
-ol, ul {
+ul {
+	list-style: none;
 	list-style: none;
 a:hover {
+	text-decoration: none;
-	text-decoration: none;
+}
 blockquote,
-blockquote, q {
+q {
+	quotes: none;
-	quotes: none;
+}
-}
+blockquote:before,
+blockquote:after,
-blockquote:before, blockquote:after,
+q:before,
-q:before, q:after {
+q:after {
 	content: '';
+	content: none;
 	content: none;
 button {
+	outline: none;
 	outline: none;
 table {
 	border-collapse: collapse;
+	border-spacing: 0;
 	border-spacing: 0;
-}
 * {
-	margin:0;
+	margin: 0;
+	padding: 0;
 	padding: 0;
 a:focus {
 	text-decoration: none;
+	outline: none;
 	outline: none;
 a:hover {
+	color: #fff;
 	color: #fff;
 button {
+	outline: none;
 	outline: none;
 input {
+	outline: none;
 	outline: none;
 textarea {
+	outline: none;
 	outline: none;
 section {
 	float: left;
 	width: 100%;
+	position: relative;
 	position: relative;
 img {
+	float: left;
 	float: left;
 p {
 	font-size: 14px;
 	line-height: 24px;
+	color: #666666;
 	color: #666666;
-}
 hr {
-    margin-top: 1rem;
+	margin-top: 1rem;
-    margin-bottom: 1rem;
+	margin-bottom: 1rem;
-    border: 0;
+	border: 0;
-    border-top: 1px solid #e5e5e5 !important;
+	border-top: 1px solid #e5e5e5 !important;
 }
 /* ================ CROSS BROWSER COMPATABILITY =============== */
+img {
-img{
+	max-width: 100%;
 	max-width: 100%;
 .ask-question,
 nav,
 .notification-box.active,
 nav ul li a,
 .user-account-settingss.active,
 .user-info a,
-.suggestion-usd > span i,
+.suggestion-usd>span i,
-.view-more > a,
+.view-more>a,
 .tags-sec ul li a,
 .post-st ul li a,
-.ed-opts > a,
+.ed-opts>a,
 .bk-links li a,
 .like-com li a,
-.user-profy > a,
+.user-profy>a,
 .slick-previous:before,
 .slick-nexti:before,
-.comment > a,
+.comment>a,
-.sign_link > a,
+.sign_link>a,
 .post-popup,
-.post-project > a,
+.post-project>a,
 .post-project-fields form ul li button,
 .post-project-fields form ul li a,
 .sign-control li a,
-.cover-sec > a,
+.cover-sec>a,
-.star-descp > a,
+.star-descp>a,
 .message-btn a,
 .pf-gallery ul li,
 .gallery_pt:before,
-.gallery_pt > a,
+.gallery_pt>a,
 .overview-box,
 .skl-name,
 .conv-list,
 .save-stngs ul li button,
 .forum-links.active,
 .react-links li a,
-.next-prev > a,
+.next-prev>a,
-nav ul li:hover > ul,
+nav ul li:hover>ul,
-.user-pro-img > a i {
+.user-pro-img>a i {
 	-webkit-transition: all 0.4s ease-in;
 	-moz-transition: all 0.4s ease-in;
 .overview-edit form input,
 .overview-edit form select,
 .overview-edit button,
 .file-submit,
 .billing-method,
-.lt-sec > a,
+.lt-sec>a,
 .add-billing-method,
 .payment_methods form button,
 .payment_methods form input,
 .company-up-info ul li a,
 .search-box form input,
 .mf-field input,
 .mf-field button,
 .pagination li .page-link,
 .post_comment_sec form textarea,
 .post_comment_sec form button,
-.next-prev > a {
+.next-prev>a {
 	-webkit-border-radius: 4px;
 	-moz-border-radius: 4px;
 	-ms-border-radius: 4px;
 	-o-border-radius: 4px;
 	border-radius: 3px;
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
-	background-color: rgba(0,0,0,0.75);
+	background-color: rgba(0, 0, 0, 0.75);
 	z-index: 99;
+}
 header {
 	float: left;
 	width: 100%;
 	background-color: #e44d3a;
+}
 .header-data {
 	float: left;
 	width: 100%;
+}
 .logo {
 	float: left;
 	width: 40px;
 	margin-right: 14px;
 	margin-top: 10px;
+}
 .logo.pd-btm {
 	padding-bottom: 10px;
+}
 .forum-bar {
 	float: left;
 	margin-top: 10px;
 	width: 400px;
+}
 .forum-bar h2 {
 	float: left;
 	margin-right: 40px;
+}
 .forum-bar ul {
 	float: left;
 	margin-top: 0px;
+}
 .ask-question {
 	background-color: #fff;
 	padding: 10px 25px;
 	color: #e44d3a !important;
 	font-size: 14px;
 	font-weight: 600;
+}
 .ask-question:hover {
 	color: #e44d3a;
+}
 .forum-bar ul li {
 	display: inline-block;
+	margin-right: 40px;
 	margin-right: 40px;
 .forum-bar ul li:last-child {
+	margin-right: 0;
 	margin-right: 0;
 .forum-bar ul li a {
 	display: inline-block;
 	color: #ffffff;
 	font-size: 14px;
+	font-weight: 500;
 	font-weight: 500;
 .forum-bar h2 {
 	color: #ffffff;
 	font-size: 28px;
 .login_register {
 	float: right;
 	margin-top: 8px;
 	padding-left: 30px;
+}
 .login_register ul li {
 	display: inline-block;
 	margin-right: 8px;
+}
 .login_register ul li:last-child {
 	margin-right: 0;
+}
 .login_register ul li a {
 	display: inline-block;
 	color: #ffffff;
 	font-size: 14px;
 	border: 1px solid #fff;
 	height: 40px;
 	line-height: 40px;
 	padding: 0 20px;
 	font-weight: 600;
+}
 .search-bar.st2 {
 	float: right;
+}
 .search-bar {
 	float: left;
 	width: 280px;
 	margin-top: 9px;
+}
 .search-bar form {
 	float: left;
 	width: 100%;
 	position: relative;
+}
 .search-bar form input {
 	width: 100%;
 	background-color: #fff;
 	height: 38px;
 	color: #b2b2b2;
 	font-size: 12px;
 	border: 0;
 	padding: 0 10px;
+}
 .search-bar form button {
 	position: absolute;
 	top: 0;
 	right: 0;
 	background-color: #efefef;
 	width: 38px;
 	height: 100%;
 	border: 0;
+}
 .search-bar form button i {
 	color: #e44d3a;
 	font-size: 20px;
 	font-weight: bold;
+}
 	float: left;
 	width: 60%;
 	text-align: right;
 	padding-right: 13px;
+}
 nav ul li {
 	display: inline-block;
 	text-align: center;
 	padding: 13px 13px;
 	position: relative;
+}
-nav ul li:hover > ul {
+nav ul li:hover>ul {
 	opacity: 1;
 	visibility: visible;
 	z-index: 9999;
+}
 nav ul ul {
 	position: absolute;
 	top: 100%;
 	left: 0;
 	width: 200px;
 	background-color: #e44d3a;
 	text-align: left;
 	padding: 20px 0 10px 0;
 	opacity: 0;
 	visibility: hidden;
 	z-index: 999999;
+}
 nav ul ul li {
 	padding: 0;
 	float: left;
 	width: 100%;
 	text-align: left;
 	margin-bottom: 15px;
 	padding: 0 20px;
+}
 nav ul ul li a:hover {
 	color: #fff;
+}
 nav ul ul li a {
 	font-size: 16px;
+}
 .notification-box.msg p {
 	line-height: 20px;
-    font-size: 14px;
+	font-size: 14px;
-    font-weight: 400;
+	font-weight: 400;
-    margin-top: 2px;
+	margin-top: 2px;
+}
 .notification-box.msg .nott-list .notification-info span {
 	bottom: auto;
 	top: 5px;
+}
 .notification-box.msg .notification-info h3 {
 	margin-bottom: 1px;
+}
 .notification-box.msg .nott-list .notfication-details {
 	padding: 17px 20px 17px 20px;
+}
 .notification-box {
 	position: absolute;
 	top: 100%;
 	right: 0;
 	width: 300px;
 	opacity: 1;
 	visibility: visible;
 	z-index: 999;
 	display: none;
+}
 .notification-box.active {
 	opacity: 1;
 	visibility: visible;
 	z-index: 999999999;
+}
 .nt-title {
 	float: left;
 	width: 100%;
 	border-bottom: 1px solid #e5e5e5;
 	padding: 10px 20px;
+}
 .nt-title h4 {
 	float: left;
 	color: #686868;
 	font-size: 12px;
 	font-weight: 600;
+}
-.nt-title > a {
+.nt-title>a {
 	float: right;
 	color: #686868;
 	font-size: 12px;
 	font-weight: 600;
+}
 .nott-list {
 	float: left;
 	width: 100%;
+}
 .nott-list .notification-info {
 	width: 86%;
 	float: left;
 	text-align: left;
 	position: relative;
+}
 .nott-list .notfication-details {
 	padding: 20px 20px 12px 20px;
+}
 .nott-list .notification-info h3 {
 	line-height: 20px;
+}
 .nott-list .notification-info span {
 	position: absolute;
 	bottom: 5px;
 	right: 0;
+}
 .view-all-nots {
 	float: left;
 	width: 100%;
+}
-.view-all-nots > a {
+.view-all-nots>a {
 	float: left;
 	width: 100%;
 	color: #ffffff;
 	font-size: 16px;
 	text-transform: capitalize;
 	font-weight: 600;
 	text-align: center;
 	background-color: #e44d3a;
 	padding: 18px 0;
+}
 nav ul li span {
 	display: block;
 	height: 14px;
+}
 nav ul li span img {
 	float: none;
+}
 nav ul li a {
 	color: #ffffff;
 	font-size: 14px;
+}
-nav > ul > li > a:hover {
+nav>ul>li>a:hover {
 	color: #fff;
+}
 .user-account {
 	border-left: 1px solid #dd3e2b;
 	border-right: 1px solid #dd3e2b;
 	box-sizing: border-box;
 	position: relative;
+}
 .user-info {
 	float: left;
 	width: 100%;
 	padding: 13px 10px;
 	position: relative;
+}
 .user-account-settingss {
-    position: absolute;
+	position: absolute;
-     opacity: 1;
+	opacity: 1;
-    visibility: visible;
+	visibility: visible;
-    z-index: 999;
+	z-index: 999;
-    display: none;
+	display: none;
 	top: 100%;
 	right: 0;
 	width: 240px;
 	background-color: #fff;
 	border-left: 1px solid #e5e5e5;
 	-webkit-border-radius: 0 0 5px 5px;
 	-moz-border-radius: 0 0 5px 5px;
 	-ms-border-radius: 0 0 5px 5px;
 	-o-border-radius: 0 0 5px 5px;
 	border-radius: 0 0 5px 5px;
-	-webkit-box-shadow: 1px 1px 6px -2px rgba(0,0,0,0.24);
+	-webkit-box-shadow: 1px 1px 6px -2px rgba(0, 0, 0, 0.24);
-	-moz-box-shadow: 1px 1px 6px -2px rgba(0,0,0,0.24);
+	-moz-box-shadow: 1px 1px 6px -2px rgba(0, 0, 0, 0.24);
-	-ms-box-shadow: 1px 1px 6px -2px rgba(0,0,0,0.24);
+	-ms-box-shadow: 1px 1px 6px -2px rgba(0, 0, 0, 0.24);
-	-o-box-shadow: 1px 1px 6px -2px rgba(0,0,0,0.24);
+	-o-box-shadow: 1px 1px 6px -2px rgba(0, 0, 0, 0.24);
-	box-shadow: 1px 1px 6px -2px rgba(0,0,0,0.24);
+	box-shadow: 1px 1px 6px -2px rgba(0, 0, 0, 0.24);
 	/*opacity: 0;
 	visibility: hidden;*/
+}
 .user-account-settingss.active {
 	opacity: 1;
 	visibility: visible;
 	z-index: 9999;
+}
-.user-account-settingss > h3 {
+.user-account-settingss>h3 {
 	color: #000000;
 	font-size: 16px;
 	font-weight: 600;
 	float: left;
 	width: 100%;
 	border-bottom: 1px solid #e5e5e5;
 	padding: 15px 20px;
+}
 .on-off-status {
 	float: left;
 	width: 100%;
 	padding: 20px;
 	border-bottom: 1px solid #e5e5e5;
+}
 .on-off-status li {
 	float: left;
 	width: 100%;
 	margin-bottom: 15px;
+}
 .on-off-status li:last-child {
 	margin-bottom: 0;
+}
 .on-off-status li .fgt-sec small {
 	color: #686868;
+}
 	float: left;
 	width: 100%;
 	padding: 20px;
 	border-bottom: 1px solid #e5e5e5;
+}
 .search_form form {
 	float: left;
 	width: 100%;
 	position: relative;
+}
 .search_form form input {
 	width: 100%;
 	height: 35px;
 	padding: 0 15px;
 	border: 1px solid #e5e5e5;
 	background-color: #f2f2f2;
+}
 .search_form form button {
 	color: #f2f2f2;
 	font-size: 14px;
 	background-color: #e44d3a;
 	padding: 0 10px;
 	float: left;
 	width: 100%;
 	border-bottom: 1px solid #e5e5e5;
 	padding: 20px;
+}
 .us-links li {
 	float: left;
 	width: 100%;
 	margin-bottom: 15px;
+}
 .us-links li:last-child {
 	margin-bottom: 0;
+}
 .us-links li a {
 	float: left;
 	width: 100%;
 	color: #000000;
 	font-size: 14px;
 	font-weight: 500;
+}
 .tc {
 	text-align: center;
+}
 .tc a {
 	color: #000;
+}
 .user-info img {
 	margin-right: 10px;
 	-webkit-border-radius: 100px;
 	-moz-border-radius: 100px;
 	-ms-border-radius: 100px;
 	-o-border-radius: 100px;
 	border-radius: 100px;
+}
 .user-info a {
 	color: #fff;
 	font-size: 14px;
 	float: left;
 	margin-top: 8px;
+}
 .user-info a:hover {
 	color: #fff;
+}
-.user-info > i {
+.user-info>i {
 	position: absolute;
 	top: 51%;
 	right: 10px;
 	color: #fff;
 	font-size: 12px;
 main {
 	float: left;
 	width: 100%;
 	padding: 60px 0;
+}
 .main-section {
 	float: left;
 	width: 100%;
+}
 .main-section-data {
 	float: left;
 	width: 100%;
+}
 .main-left-sidebar {
 	float: left;
 	width: 100%;
 	margin-top: -20px;
+}
 .full-width {
 	float: left;
 	width: 100%;
 	background-color: #fff;
 	margin-bottom: 20px;
 	border-left: 1px solid #e5e5e5;
 	border-right: 1px solid #e5e5e5;
 	border-bottom: 1px solid #e5e5e5;
+}
 .username-dt {
 	float: left;
 	width: 100%;
 	background-color: #e44d3a;
 	padding-top: 40px;
+}
 .user-data {
 	text-align: center;
+}
 .usr-pic {
 	width: 110px;
 	height: 110px;
 	margin: 0 auto;
 	margin-bottom: -48px;
+}
-.usr-pic > img {
+.usr-pic>img {
 	float: none;
 	border: 5px solid #fff;
 	-webkit-border-radius: 100px;
 	-moz-border-radius: 100px;
 	-ms-border-radius: 100px;
 	-o-border-radius: 100px;
 	border-radius: 100px;
 	width: 100%;
+}
 .user-profile {
 	float: left;
 	width: 100%;
+}
 .user-specs {
 	float: left;
 	width: 100%;
 	padding: 63px 0 27px 0;
+}
 .user-specs h3 {
 	color: #000000;
 	font-size: 24px;
 	text-transform: capitalize;
 	font-weight: 600;
 	margin-bottom: 8px;
+}
 .user-specs span {
 	color: #686868;
 	font-size: 14px;
+}
 .user-fw-status {
 	float: left;
 	width: 100%;
+}
 .user-fw-status li {
 	float: left;
 	width: 100%;
 	border-bottom: 1px solid #e5e5e5;
 	border-top: 1px solid #e5e5e5;
 	padding: 15px 0;
+}
 .user-fw-status li:last-child {
 	border-bottom: 0;
+}
 .user-fw-status li:nth-child(1),
 .user-fw-status li:nth-child(2) {
 	border-bottom: 0;
+}
 .user-fw-status li h4 {
 	color: #686868;
 	font-size: 20px;
 	margin-bottom: 10px;
+}
 .user-fw-status span {
 	color: #000000;
 	font-size: 20px;
+}
 .user-fw-status li a {
 	color: #e44d3a;
 	font-size: 14px;
 	font-weight: 600;
+}
 	padding: 20px;
 	border-bottom: 1px solid #e5e5e5;
 	position: relative;
 	display: grid;
+}
 .sd-title h3 {
 	color: #000000;
 	font-size: 18px;
 	font-weight: 600;
 	float: left;
+}
 .sd-title i {
 	float: right;
-    color: #b7b7b7;
+	color: #b7b7b7;
-    font-size: 24px;
+	font-size: 24px;
-    position: absolute;
+	position: absolute;
-    right: 5px;
+	right: 5px;
-    top: 18px;
+	top: 18px;
+}
 .suggestions-list {
 	float: left;
 	width: 100%;
 	padding: 13px 0 30px 0;
+}
 .suggestion-usd {
 	float: left;
 	width: 100%;
 	padding: 15px 20px;
+}
 .suggestion-usd img {
 	-webkit-border-radius: 100px;
 	-moz-border-radius: 100px;
 	-ms-border-radius: 100px;
 	-o-border-radius: 100px;
 	border-radius: 100px;
+}
 .sgt-text {
 	float: left;
 	padding-left: 10px;
+}
 .sgt-text h4 {
 	color: #000000;
 	font-size: 14px;
 	font-weight: 600;
 	margin-bottom: 4px;
+}
 .sgt-text span {
 	color: #686868;
 	font-size: 14px;
+}
-.suggestion-usd > span {
+.suggestion-usd>span {
 	float: right;
 	margin-top: 4px;
 	position: relative;
+}
-.suggestion-usd > span i {
+.suggestion-usd>span i {
 	color: #b2b2b2;
 	width: 30px;
 	height: 30px;
 	border-radius: 3px;
 	border: 1px solid #e5e5e5;
 	text-align: center;
 	line-height: 30px;
 	font-weight: 700;
 	cursor: pointer;
+}
-.suggestion-usd > span i:hover {
+.suggestion-usd>span i:hover {
 	background-color: #e44d3a;
 	color: #fff;
 	border-radius: 3px;
+}
 .view-more {
 	float: left;
 	width: 100%;
 	text-align: center;
 	padding-top: 10px;
+}
-.view-more > a {
+.view-more>a {
 	color: #e44d3a;
 	font-size: 14px;
 	font-weight: 700;
+}
-.view-more > a:hover {
+.view-more>a:hover {
 	color: #e44d3a
+}
 .tags-sec {
 	background-color: #fff;
 	padding: 25px 5px;
+}
 .tags-sec ul {
 	float: left;
 	width: 100%;
 	text-align: center;
+}
 .tags-sec ul li {
 	display: inline-block;
 	border-right: 1px solid #b2b2b2;
 	padding: 0 7px;
 	margin-bottom: 15px;
+}
 .tags-sec ul li:nth-child(3),
 .tags-sec ul li:nth-child(5),
 .tags-sec ul li:nth-child(8) {
 	border-right: 0;
+}
 .tags-sec ul li a {
 	display: inline-block;
 	color: #b2b2b2;
 	font-size: 13px;
 	font-weight: 500;
+}
 .tags-sec ul li a:hover {
 	color: #e44d3a;
+}
 .cp-sec {
 	float: left;
 	width: 100%;
 	margin-top: 5px;
 	padding: 0 13px;
+}
-}
-.cp-sec > img {
+.cp-sec>img {
 	float: left;
 	margin-top: 3px;
+}
 .cp-sec p {
 	float: right;
 	color: #b2b2b2;
 	font-size: 14px;
 	font-weight: 500;
+}
 .cp-sec p img {
 	float: none;
 	display: inline-block;
 	position: relative;
 	background-color: #fff;
 	border-top: 4px solid #e44d3a;
 	border-left: 1px solid #e4e4e4;
 	border-bottom: 1px solid #e4e4e4;
 	border-right: 1px solid #e4e4e4;
-	-webkit-box-shadow: 0 0 1px rgba(0,0,0,0.24);
+	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.24);
-	-moz-box-shadow: 0 0 1px rgba(0,0,0,0.24);
+	-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.24);
-	-ms-box-shadow: 0 0 1px rgba(0,0,0,0.24);
+	-ms-box-shadow: 0 0 1px rgba(0, 0, 0, 0.24);
-	-o-box-shadow: 0 0 1px rgba(0,0,0,0.24);
+	-o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.24);
-	box-shadow: 0 0 1px rgba(0,0,0,0.24);
+	box-shadow: 0 0 1px rgba(0, 0, 0, 0.24);
 	margin-bottom: 20px;
+}
 .user-picy {
 	float: left;
 	width: 50px;
+}
 .user-picy img {
 	width: 100%;
 	object-fit: cover;
+}
 .post-st {
 	float: right;
 	margin-top: 5px;
+}
 .post-st ul li {
 	display: inline-block;
 	margin-right: 6px;
+}
 .post-st ul li:last-child {
 	margin-right: 0;
+}
 .post-st ul li a {
 	color: #b2b2b2;
 	font-size: 16px;
 	display: inline-block;
 	background-color: #e5e5e5;
 	height: 40px;
 	padding: 0 15px;
 	line-height: 40px;
 	font-weight: 500;
+}
 .post-st ul li a:hover,
 .post-st ul li a.active {
 	background-color: #e44d3a;
 	color: #fff;
+}
 .posts-section {
 	float: left;
 	width: 100%;
+}
-}
-.reviewtext{
+.reviewtext {
 	margin: 0 -20px;
+}
-}
-.reviewtext p{
+.reviewtext p {
 	padding-left: 20px;
+}
 .post-bar {
 	float: left;
 	width: 100%;
 	background-color: #fff;
 	border-bottom: 1px solid #e4e4e4;
 	margin-bottom: 20px;
 	padding: 20px;
 	box-shadow: 0px 2px #e4e4e4;
+}
 .post_topbar {
 	float: left;
 	width: 100%;
 	position: relative;
+}
-.rep-post{
+.rep-post {
 	padding: 0;
+}
 .usy-dt {
 	float: left;
+}
 .usy-dt img {
 	-webkit-border-radius: 100px;
 	-moz-border-radius: 100px;
 	-ms-border-radius: 100px;
 	-o-border-radius: 100px;
 	border-radius: 100px;
 	margin-top: 2px;
+}
 .ed-opts {
 	float: right;
 	position: relative;
 	top: 7px;
+}
-.ed-opts > a {
+.ed-opts>a {
-	 color: #b2b2b2;
+	color: #b2b2b2;
-    font-size: 24px;
+	font-size: 24px;
-    float: right;
+	float: right;
-    position: relative;
+	position: relative;
-    left: 10px;
+	left: 10px;
-    top: -10px;
+	top: -10px;
+}
 .ed-options {
 	position: absolute;
 	top: 100%;
 	right: 0;
 	width: 130px;
 	background-color: #fff;
-	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.28);
+	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.28);
-	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.28);
+	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.28);
-	-ms-box-shadow: 0 0 10px rgba(0,0,0,0.28);
+	-ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.28);
-	-o-box-shadow: 0 0 10px rgba(0,0,0,0.28);
+	-o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.28);
-	box-shadow: 0 0 10px rgba(0,0,0,0.28);
+	box-shadow: 0 0 10px rgba(0, 0, 0, 0.28);
 	padding: 20px;
 	opacity: 0;
 	visibility: hidden;
 	z-index: 0;
+}
 .ed-options.active {
 	opacity: 1;
 	visibility: visible;
 	z-index: 999;
+}
 .ed-options li {
 	float: left;
 	width: 100%;
 	margin-bottom: 15px;
+}
 .ed-options li:last-child {
 	margin-bottom: 0;
+}
 .ed-options li a {
 	color: #686868;
 	font-size: 14px;
 	font-weight: 600;
+}
-.ed-opts > a:hover {
+.ed-opts>a:hover {
 	color: #e44d3a;
+}
 .usy-name {
 	float: left;
 	margin-left: 15px;
+}
 .usy-name h3 {
 	color: #000000;
 	font-size: 18px;
 	text-transform: capitalize;
 	font-weight: 600;
 	margin-bottom: 5px;
 	margin-top: 2px;
+}
 .usy-name span {
 	font-size: 14px;
 	font-weight: 600;
+}
 .usy-name img {
 	margin-top: 4px;
 	margin-right: 6px;
+}
 .usy-name .bklink img {
-    margin-top: 1px;
+	margin-top: 1px;
-    margin-right: 6px;
+	margin-right: 6px;
+}
 .epi2 i {
-    margin-right: 5px;
+	margin-right: 5px;
+}
 #rewivewdata .review-lt {
 	float: left;
-    margin-top: 5px;
+	margin-top: 5px;
-    margin-bottom: 15px;
+	margin-bottom: 15px;
 }
+.review-lt img {
-.review-lt img {
+	margin-top: 1px;
-    margin-top: 1px;
+	margin-right: 6px;
     margin-right: 6px;
 .bid-tab {
-.bid-tab{
+	margin-bottom: 20px;
-	margin-bottom: 20px;
+}
-}
 .epi-sec {
+	float: left;
-	 float: left;
+	width: 100%;
-    width: 100%;
+	padding: 0;
-    padding: 0;
+}
-}
 .usy-name .bklink {
+	float: left;
-    float: left;
+	margin-top: 5px !important;
-    margin-top: 5px !important;
+	margin-bottom: 15px;
-    margin-bottom: 15px;
+}
-}
 .descp {
+	float: left;
-	float: left;
+	margin-top: 15px;
-    margin-top: 15px;
+	margin-bottom: 15px;
     margin-bottom: 15px;
+.descp li {
-.descp li {
+	display: inline-block;
-	display: inline-block;
+	margin-right: 15px;
 	margin-right: 15px;
 .descp li span {
+	color: #b2b2b2;
-	color: #b2b2b2;
+	font-size: 14px;
-	font-size: 14px;
+	float: left;
 	float: left;
 .descp li img {
-.descp li img {
+	margin-right: 5px;
 	margin-right: 5px;
 .bk-links {
-.bk-links {
+	float: right;
 	float: right;
+.bk-links li {
-.bk-links li {
+	display: inline-block;
-	display: inline-block;
+	margin-right: 7px;
 	margin-right: 7px;
 .bk-links li:last-child {
-.bk-links li:last-child {
+	margin-right: 0;
 	margin-right: 0;
 .bk-links li i {
 	color: #fff;
 	font-size: 24px;
 	width: 33px;
 	height: 30px;
 	padding-left: 0px;
+	background-color: #53d690;
-	background-color: #53d690;
+	text-align: center;
-	text-align: center;
+	line-height: 30px;
 	line-height: 30px;
 .bk-links li i.la-envelope {
-.bk-links li i.la-envelope {
+	background-color: #e44d3a;
 	background-color: #e44d3a;
 .bid_now {
 	padding: 0 10px;
 	line-height: 30px;
 	position: relative;
 	top: -3px;
+}
 .bid_now:hover {
 	color: #fff;
+}
 /* ============== job_descp ============ */
 .job_descp {
+	float: left;
-	float: left;
+	width: 100%;
 	width: 100%;
 .job_descp h3 {
 	color: #333;
 	font-size: 16px;
+	font-weight: 600;
-	font-weight: 600;
+	margin-bottom: 15px;
 	margin-bottom: 15px;
 .job-dt {
 	float: left;
+	width: 100%;
-	width: 100%;
+	margin-bottom: 22px;
 	margin-bottom: 22px;
 .job-dt li {
+	display: inline-block;
-	display: inline-block;
+	margin-right: 15px;
 	margin-right: 15px;
 .job-dt li a {
 	color: #fff;
 	border-radius: 3px;
 	display: inline-block;
 	font-size: 14px;
 	font-weight: 500;
+}
 .job-dt li span {
 	color: #333;
 	font-size: 16px;
 	font-weight: 600;
+}
-.job_descp > p {
+.job_descp>p {
 	color: #666666;
 	font-size: 15px;
 	line-height: 24px;
 	margin-bottom: 20px;
+}
-.job_descp > p a {
+.job_descp>p a {
 	color: #e44d3a;
 	font-weight: 600;
+}
 	float: left;
 	width: 100%;
 	margin-bottom: 15px;
+}
 .skill-tags li {
 	display: inline-block;
 	margin-right: 6px;
 	margin-bottom: 10px;
+}
 .skill-tags li a {
 	display: inline-block;
 	color: #b2b2b2;
 	font-size: 14px;
 .job-status-bar {
 	float: left;
 	width: 100%;
+}
 .like-com {
 	float: left;
 	margin-top: 20px;
+}
 .like-com li {
 	display: inline-block;
 	margin-right: 15px;
+}
 .like-com li a {
 	color: #b2b2b2;
 	font-size: 14px;
 	font-weight: 500;
 	float: left;
 	margin-top: 6px;
 	margin-right: 5px;
+}
 .like-com li a:hover {
 	color: #e44d3a;
+}
 .like-com li a.active {
 	color: #e44d3a;
+}
 .like-com li a i {
 	margin-right: 2px;
 	font-size: 14px;
 	position: relative;
 	top: 2px;
+}
 .like-com li span {
 	color: #ffffff;
 	font-size: 13px;
 	width: 30px;
 	float: left;
 	text-align: center;
 	font-weight: 600;
 	margin-left: -25px;
+}
 .like-com li .com {
 	position: relative;
 	top: -9px;
+}
 .like-com li .com img {
 	margin-right: 10px;
+}
-.job-status-bar > a {
+.job-status-bar>a {
 	float: right;
 	color: #b2b2b2 !important;
 	font-size: 14px;
 	margin-top: 29px;
 	cursor: pointer;
+}
-}
-.job-status-bar > a:hover {
+.job-status-bar>a:hover {
 	color: #e44d3a !important;
+}
-}
-.job-status-bar > a i {
+.job-status-bar>a i {
 	font-size: 14px;
-    margin-right: 7px;
+	margin-right: 7px;
-    position: relative;
+	position: relative;
-    top: 1px;
+	top: 1px;
+}
 	float: left;
 	width: 100%;
 	border: 1px solid #e5e5e5;
 	margin-bottom: 20px;
+}
 .pf-hd {
 	float: left;
 	width: 100%;
 	border-bottom: 1px solid #e5e5e5;
 	padding: 20px 20px;
 	position: relative;
+}
 .pf-hd h3 {
 	color: #000000;
 	font-size: 20px;
 	font-weight: 600;
 	text-transform: capitalize;
 	float: left;
+}
 .pf-hd i {
 	position: absolute;
 	top: 50%;
 	-webkit-transform: translateY(-50%);
 	-moz-transform: translateY(-50%);
 .profiles-slider {
 	float: left;
 	width: 100%;
 	padding: 20px;
+}
 .user-profy {
 	float: left;
 	width: 100%;
 	background-color: #fff;
 	text-align: center;
 	border-left: 1px solid #ececec;
 	border-bottom: 1px solid #ececec;
 	border-right: 1px solid #ececec;
-	-webkit-box-shadow: 0px 0.5px 0.2px rgba(0,0,0,0.24);
+	-webkit-box-shadow: 0px 0.5px 0.2px rgba(0, 0, 0, 0.24);
-	-moz-box-shadow: 0px 0.5px 0.2px rgba(0,0,0,0.24);
+	-moz-box-shadow: 0px 0.5px 0.2px rgba(0, 0, 0, 0.24);
-	-ms-box-shadow: 0px 0.5px 0.2px rgba(0,0,0,0.24);
+	-ms-box-shadow: 0px 0.5px 0.2px rgba(0, 0, 0, 0.24);
-	-o-box-shadow: 0px 0.5px 0.2px rgba(0,0,0,0.24);
+	-o-box-shadow: 0px 0.5px 0.2px rgba(0, 0, 0, 0.24);
-	box-shadow: 0px 0.5px 0.2px rgba(0,0,0,0.24);
+	box-shadow: 0px 0.5px 0.2px rgba(0, 0, 0, 0.24);
 	padding: 20px 0 0 0;
+}
-.user-profy > img {
+.user-profy>img {
 	float: none;
 	margin-bottom: 6px;
+}
 .user-profy h3 {
 	color: #000000;
 	font-size: 16px;
 	font-weight: 600;
 	text-transform: capitalize;
 	margin-bottom: 4px;
+}
 .user-profy span {
 	color: #b2b2b2;
 	font-size: 14px;
 	font-weight: 500;
 	display: block;
 	margin-bottom: 15px;
+}
 .user-profy ul {
 	float: left;
 	width: 100%;
 	margin-bottom: 15px;
+}
 .user-profy ul li {
 	display: inline-block;
+}
 .user-profy ul li a {
 	color: #ffffff;
 	font-size: 13px;
 	padding: 0 8px;
 	height: 25px;
 	line-height: 25px;
 	display: inline-block;
 	text-transform: capitalize;
+}
 .followw {
 	background-color: #53d690;
+}
 .envlp {
 	background-color: #e44d3a;
+}
 .envlp img {
 	float: none;
+}
 .hire {
 	background-color: #51a5fb;
+}
-.user-profy > a {
+.user-profy>a {
 	float: left;
 	width: 100%;
 	color: #000000;
 	font-size: 14px;
 	text-transform: capitalize;
 	padding: 15px 0;
 	border-top: 1px solid #ececec;
 	font-weight: 600;
+}
-.user-profy > a:hover {
+.user-profy>a:hover {
 	background-color: #e44d3a;
 	color: #fff;
+}
 .slick-slide img {
 	display: inline-block;
+}
 .slick-slide {
 	margin: 0 4px;
+}
 .envlp img {
 	position: relative;
 	top: 2px;
+}
 .no-margin {
 	margin: 0;
 	border: 0;
 	-webkit-border-radius: inherit;
 	-moz-border-radius: inherit;
 	-ms-border-radius: inherit;
 	-o-border-radius: inherit;
 	border-radius: inherit;
+}
 .posty {
 	float: left;
 	width: 100%;
 	border-left: 1px solid #e4e4e4;
 	border-right: 1px solid #e4e4e4;
+}
 .posty .job-status-bar {
 	border-bottom: 1px solid #e4e4e4;
 	padding-bottom: 20px;
+}
 .slick-previous:before {
 	left: -14px;
 	content: '\f104';
 	margin-left: -2px;
+}
 .slick-nexti:before {
 	right: -14px;
 	content: '\f105';
 	padding-left: 3px;
+}
 .slick-previous:before,
 .slick-nexti:before {
 	font-size: 24px;
 	color: #b7b7b7;
 	position: absolute;
 	border-radius: 100px;
 	border: 1px solid #e6e6e6;
 	text-align: center;
 	cursor: pointer;
+}
 .slick-previous:hover:before,
 .slick-nexti:hover:before {
 	background-color: #e44d3a;
 	color: #fff;
 	border-color: transparent;
 	width: 100%;
 	background-color: #fff;
 	padding: 20px;
 	box-shadow: 0px 3px #e4e4e4;
+}
 .plus-ic {
 	float: left;
 	width: 100%;
 	text-align: center;
 	margin-bottom: 20px;
+}
 .plus-ic i {
 	width: 30px;
 	height: 30px;
 	line-height: 30px;
 	border: 1px solid #d2d2d2;
 .comment-sec {
 	float: left;
 	width: 100%;
+}
 .comment-sec ul {
 	float: left;
 	width: 100%;
+}
 .comment-sec ul li {
 	float: left;
 	width: 100%;
+}
 .comment-sec ul ul {
 	padding-left: 50px;
+}
 .comment-list {
 	display: table;
 	padding-bottom: 30px;
+}
 .bg-img {
 	display: table-cell;
+}
 .bg-img img {
 	-webkit-border-radius: 100px;
 	-moz-border-radius: 100px;
 	-ms-border-radius: 100px;
 	-o-border-radius: 100px;
 	border-radius: 100px;
+}
 .comment {
 	display: table-cell;
 	vertical-align: top;
 	width: 100%;
 	padding-left: 10px;
+}
 .comment h3 {
 	color: #000000;
 	font-size: 16px;
 	font-weight: 600;
 	margin-bottom: 10px;
+}
 .comment img {
 	position: relative;
 	top: 2px;
 	margin-right: 5px;
+}
 .comment span {
 	color: #b2b2b2;
 	font-size: 14px;
 	display: block;
 	margin-bottom: 14px;
+}
 .comment p {
 	color: #686868;
 	font-size: 14px;
 	margin-bottom: 10px;
 	line-height: 20px;
+}
-}
-.comment > a {
+.comment>a {
 	display: inline-block;
 	color: #b2b2b2;
 	font-size: 14px;
 	font-weight: 600;
+}
-}
-.comment > a.active,
+.comment>a.active,
-.comment > a:hover {
+.comment>a:hover {
 	color: #e44d3a;
+}
-}
-.comment > a i {
+.comment>a i {
 	font-weight: 600;
 	margin-right: 6px;
+}
 /* =============== post-comment ============= */
 .post-comment {
+	float: left;
-	float: left;
+	width: 100%;
 	width: 100%;
 .cm_img {
 	float: left;
+	width: 40px;
-	width: 40px;
+	margin-right: 10px;
 	margin-right: 10px;
+.comment_box {
-.comment_box {
+	float: none;
 	float: none;
 .comment_box input {
 	width: 372px;
 	font-size: 14px;
 	font-weight: 600;
 	line-height: 40px;
 	resize: none;
+}
 .comment_box form button {
 	float: right;
 	color: #fff;
 	background-color: #e44d3a;
 	height: 40px;
 	float: left;
 	width: 100%;
 	text-align: center;
 	padding-top: 40px;
+}
 .process-comm img {
 	float: none;
+}
 .right-sidebar {
 	float: left;
 	width: 100%;
+}
 .widget {
 	float: left;
 	width: 100%;
 	background-color: #fff;
 	border-left: 1px solid #e4e4e4;
 	border-right: 1px solid #e4e4e4;
 	border-bottom: 1px solid #e4e4e4;
 	margin-bottom: 20px;
-	-webkit-box-shadow:  0px 2px #e4e4e4;
+	-webkit-box-shadow: 0px 2px #e4e4e4;
-	-moz-box-shadow:  0px 2px #e4e4e4;
+	-moz-box-shadow: 0px 2px #e4e4e4;
-	-ms-box-shadow:  0px 2px #e4e4e4;
+	-ms-box-shadow: 0px 2px #e4e4e4;
-	-o-box-shadow:  0px 2px #e4e4e4;
+	-o-box-shadow: 0px 2px #e4e4e4;
 	box-shadow: 0px 2px #e4e4e4;
+}
 .widget-about {
 	text-align: center;
+}
 .widget-about img {
 	float: none;
 	padding-top: 20px;
+}
 .widget-about h3 {
 	color: #000000;
 	font-size: 20px;
 	font-weight: 600;
 	margin-bottom: 12px;
+}
 .widget-about span {
 	color: #686868;
 	font-size: 14px;
 	margin-bottom: 30px;
 	float: left;
 	width: 100%;
+}
 .sign_link {
 	float: left;
 	width: 100%;
 	border-top: 1px solid #e5e5e5;
 	padding: 18px 0 15px 0;
+}
 .sign_link h3 {
 	color: #000000;
 	font-size: 18px;
 	font-weight: 600;
 	margin-bottom: 5px;
 	text-transform: uppercase;
+}
 .sign_link h3 a {
 	color: #000;
+}
-}
-.sign_link > a {
+.sign_link>a {
 	display: inline-block;
 	color: #e44d3a;
 	font-size: 14px;
 	font-weight: 500;
+}
-}
-.sign_link > a:hover {
+.sign_link>a:hover {
 	color: #e44d3a;
+}
 /* ============== Widget Jobs ============ */
 .jobs-list {
 	float: left;
+	width: 100%;
-	width: 100%;
+	padding: 20px 20px;
 	padding: 20px 20px;
 .job-info {
 	float: left;
+	width: 100%;
-	width: 100%;
+	margin-bottom: 22px;
 	margin-bottom: 22px;
+.job-info:last-child {
-.job-info:last-child {
+	margin-bottom: 0;
 	margin-bottom: 0;
 .job-details {
+	float: left;
-	float: left;
+	width: 165px;
 	width: 165px;
 .job-details h3 {
 	color: #000000;
 	font-size: 14px;
+	font-weight: 600;
-	font-weight: 600;
+	margin-bottom: 10px;
 	margin-bottom: 10px;
 .job-details p {
 	color: #686868;
+	font-size: 14px;
-	font-size: 14px;
+	line-height: 20px;
 	line-height: 20px;
 .hr-rate {
+	float: right;
-	float: right;
+	width: 40px;
 	width: 40px;
 .hr-rate span {
 	color: #000000;
 	transform: translateX(-50%) translateY(-50%) scale(0.65);
 	opacity: 0;
 	visibility: hidden;
 	z-index: 0;
+}
 .post-popup.active {
 	opacity: 1;
 	visibility: visible;
 	z-index: 999;
 	-webkit-transform: scale(1) translateX(-50%) translateY(-50%);
+}
-.post-project > a {
+.post-project>a {
 	position: absolute;
 	top: -20px;
 	right: -20px;
 	color: #fff;
 	font-size: 22px;
 	cursor: pointer;
+}
-.post-project > a:hover {
+.post-project>a:hover {
 	color: #fff;
+}
 .post-project {
 	float: left;
 	width: 100%;
 	position: relative;
+}
 .post-project h3 {
 	float: left;
 	width: 100%;
 	background-color: #e44d3a;
 	color: #fff;
 	text-align: center;
 	font-size: 18px;
 	font-weight: 500;
 	padding: 20px 0;
+}
 .post-project-fields {
 	float: left;
 	width: 100%;
 	padding: 30px 20px;
 	background-color: #fff;
+}
 .post-project-fields form {
 	float: left;
 	width: 100%;
+}
 .post-project-fields form input {
 	padding: 0 15px;
 	height: 40px;
+}
 .post-project-fields form textarea {
 	padding: 15px;
 	height: 130px;
+}
 .post-project-fields form input,
 .post-project-fields form textarea,
 .post-project-fields form select {
 	width: 100%;
 	color: #b2b2b2;
 	font-size: 14px;
 	border: 1px solid #e5e5e5;
 	margin-bottom: 20px;
 	font-weight: 500;
+}
 .post-project-fields form select {
 	height: 40px;
 	padding: 0 10px;
+}
 .post-project-fields form ul {
 	float: left;
 	margin-top: 10px;
 	width: 100%;
+}
 .post-project-fields form ul li {
 	display: inline-block;
 	margin-right: 15px;
+}
 .post-project-fields form ul li button.active {
 	background-color: #e44d3a;
 	color: #fff;
+}
 .post-project-fields form ul li button,
 .post-project-fields form ul li a {
 	color: #000000;
 	font-size: 16px;
 	border: 1px solid #e5e5e5;
 	display: inline-block;
 	background-color: #fff;
 	font-weight: 600;
 	cursor: pointer;
+}
 .post-project-fields form ul li button:hover,
 .post-project-fields form ul li a:hover {
 	background-color: #e44d3a;
 	color: #fff;
-}
-::-webkit-input-placeholder { /* Chrome/Opera/Safari */
-  color: #b2b2b2;
+}
-::-moz-placeholder { /* Firefox 19+ */
+::-webkit-input-placeholder {
+	/* Chrome/Opera/Safari */
-  color: #b2b2b2;
+	color: #b2b2b2;
+}
-:-ms-input-placeholder { /* IE 10+ */
+::-moz-placeholder {
+	/* Firefox 19+ */
-  color: #b2b2b2;
+	color: #b2b2b2;
+}
+:-ms-input-placeholder {
+	/* IE 10+ */
+	color: #b2b2b2;
+}
-:-moz-placeholder { /* Firefox 18- */
+:-moz-placeholder {
+	/* Firefox 18- */
-  color: #b2b2b2;
+	color: #b2b2b2;
+}
 .price-sec {
 	float: left;
 	width: 100%;
+}
 .price-br {
 	float: left;
 	width: 225px !important;
 	position: relative;
+}
-}
-.price-br > i {
+.price-br>i {
 	position: absolute;
 	top: 0;
 	right: 0;
 	color: #b2b2b2;
 	height: 40px;
 	line-height: 40px;
 	border-left: 1px solid #e5e5e5;
 	text-align: center;
+}
 .price-sec span {
 	color: #b2b2b2;
 	font-size: 14px;
 	float: left;
 	padding: 12px 17px 0 17px;
+}
 select {
 	-webkit-appearance: none;
-    -moz-appearance: none;
+	-moz-appearance: none;
+}
 .inp-field {
 	float: left;
 	width: 100%;
 	position: relative;
+}
 .inp-field:before {
 	content: '\f107';
 	position: absolute;
 	top: 13px;
 	right: 15px;
 	color: #717171;
 	font-family: fontawesome;
+}
 .post-popup.job_post .price-br {
 	width: 100% !important;
+}
 /* ================= sign-in ================ */
 .sign-in {
-.sign-in {
+	background-color: #e75348;
 	background-color: #e75348;
 .sign-in-page {
+	float: left;
-	float: left;
+	width: 100%;
-	width: 100%;
+	padding: 100px 0 20px 0;
 	padding: 100px 0 20px 0;
 .signin-popup {
+	width: 870px;
-	width: 870px;
+	margin: 0 auto;
-	margin: 0 auto;
+	position: relative;
 	position: relative;
 .signin-popup:before {
 	-moz-border-radius: 100px;
 	-ms-border-radius: 100px;
 	-o-border-radius: 100px;
 	border-radius: 100px;
+}
 .signin-popup:after {
 	content: '';
 	position: absolute;
 	top: -37px;
 	left: 43px;
 	-moz-border-radius: 100px;
 	-ms-border-radius: 100px;
 	-o-border-radius: 100px;
 	border-radius: 100px;
+}
 .signin-pop {
 	float: left;
 	width: 100%;
 	background-color: #fff;
 	position: relative;
+}
 .signin-pop:before {
 	content: '';
 	position: absolute;
 	top: 0;
 	left: 50%;
+}
 .dff-tab {
 	display: none;
+}
 .dff-tab.current {
 	display: block;
+}
 .cmp-info {
 	float: left;
 	width: 100%;
+	padding: 70px 5px 92px 5px;
 	padding: 70px 5px 92px 5px;
 .cm-logo {
 	float: left;
 	width: 100%;
 	padding-left: 45px;
+	margin-bottom: 120px;
 	margin-bottom: 120px;
 .cm-logo img {
+	margin-bottom: 30px;
-	margin-bottom: 30px;
+}
-.cm-logo > p {
+.cm-logo>p {
 	color: #666666;
-    font-size: 14px;
+	font-size: 14px;
-    font-weight: 400;
+	font-weight: 400;
-    line-height: 24px;
+	line-height: 24px;
-    float: left;
+	float: left;
+	width: 100%;
-    width: 100%;
+}
-.cmp-info > img {
+.cmp-info>img {
 	width: 100%;
 	padding-left: 10px;
 	float: left;
 	width: 100%;
 	padding: 30px 0;
 	position: relative;
+}
 .login-sec:before {
 	content: '';
 	position: absolute;
 	bottom: -15px;
 	right: 70px;
 	-ms-border-radius: 100px;
 	-o-border-radius: 100px;
 	border-radius: 100px;
 	background-color: #fff;
+}
 .login-sec:after {
 	content: '';
 	position: absolute;
 	bottom: -40px;
 	right: 55px;
 	-ms-border-radius: 100px;
 	-o-border-radius: 100px;
 	border-radius: 100px;
 	background-color: #fff;
+}
 .sign-control {
 	float: left;
 	width: 100%;
 	text-align: right;
 	padding-right: 50px;
 	margin-bottom: 70px;
+}
 .sign-control li {
 	display: inline-block;
 	margin-right: -5px;
+}
 .sign-control li a {
 	color: #000000;
 	font-size: 14px;
 	font-weight: 500;
 	background-color: #e5e5e5;
 	-moz-border-radius: 4px 0 0 4px;
 	-ms-border-radius: 4px 0 0 4px;
 	-o-border-radius: 4px 0 0 4px;
 	border-radius: 4px 0 0 4px;
+}
 .sign-control li:last-child a {
 	-webkit-border-radius: 0 4px 4px 0;
 	-moz-border-radius: 0 4px 4px 0;
 	-ms-border-radius: 0 4px 4px 0;
 	-o-border-radius: 0 4px 4px 0;
 	border-radius: 0 4px 4px 0;
+}
 .sign-control li.current a {
 	background-color: #e44d3a;
 	color: #fff;
+}
 .sign_in_sec {
 	float: left;
 	width: 100%;
 	padding-right: 75px;
 	padding-left: 60px;
 	display: none;
+}
 .sign_in_sec.current {
 	display: block;
+}
 .sign_in_sec h3 {
 	color: #000000;
 	font-size: 18px;
 	font-weight: 600;
 	position: relative;
 	padding-bottom: 10px;
 	margin-bottom: 30px;
+}
 .sign_in_sec h3:before {
 	content: '';
 	position: absolute;
 	bottom: 0;
 	left: 0;
 .sign_in_sec form {
 	float: left;
 	width: 100%;
+}
 .sn-field {
 	float: left;
 	width: 100%;
 	margin-bottom: 20px;
 	position: relative;
+}
 .sn-field.pd-more {
 	margin-bottom: 0;
+}
 .sn-field.pd-more input {
 	padding-left: 40px;
+}
-}
-.sn-field > i {
+.sn-field>i {
 	position: absolute;
 	top: 50%;
 	left: 15px;
 	color: #666666;
 	-moz-transform: translateY(-50%);
 	-ms-transform: translateY(-50%);
 	-o-transform: translateY(-50%);
 	transform: translateY(-50%);
+}
-.sn-field > span {
+.sn-field>span {
 	position: absolute;
 	top: 50%;
 	right: 15px;
 	font-weight: 700;
 	color: #666666;
-    font-size: 15px;
+	font-size: 15px;
 	-webkit-transform: translateY(-50%);
 	-moz-transform: translateY(-50%);
 	-ms-transform: translateY(-50%);
 	-o-transform: translateY(-50%);
 	transform: translateY(-50%);
+}
 .sign_in_sec form input {
 	height: 40px;
+}
 .sign_in_sec form input,
 .sign_in_sec form select {
 	width: 100%;
 	padding: 0 15px 0 40px;
 	color: #b2b2b2;
 	font-size: 14px;
-	border:1px solid #e5e5e5;
+	border: 1px solid #e5e5e5;
+}
 .sign_in_sec form select {
 	line-height: 40px;
 	height: 40px;
+}
 .sign_in_sec form button {
 	color: #ffffff;
 	font-size: 16px;
 	background-color: #e44d3a;
 	padding: 12px 27px;
-	border:0;
+	border: 0;
 	font-weight: 500;
 	margin-top: 30px;
 	cursor: pointer;
+}
 .checky-sec {
 	float: left;
 	width: 100%;
 	margin-top: 10px;
+}
 .checky-sec.st2 small {
 	font-size: 13px;
 	width: 90%;
 	line-height: 20px;
+}
-.checky-sec.st2 .fgt-sec input[type="checkbox"] + label span {
+.checky-sec.st2 .fgt-sec input[type="checkbox"]+label span {
 	margin-top: 3px;
+}
 .fgt-sec {
 	float: left;
+}
 .fgt-sec input[type="checkbox"] {
 	display: none;
 }
 .fgt-sec label {
 	float: left;
+}
-.fgt-sec input[type="checkbox"] + label span {
+.fgt-sec input[type="checkbox"]+label span {
 	display: inline-block;
 	width: 15px;
 	height: 15px;
 	position: relative;
-	border:1px solid #d2d2d2;
+	border: 1px solid #d2d2d2;
 	-webkit-border-radius: 100px;
 	-moz-border-radius: 100px;
 	-ms-border-radius: 100px;
 	-o-border-radius: 100px;
 	border-radius: 100px;
+}
-.fgt-sec input[type="checkbox"] + label span:before {
+.fgt-sec input[type="checkbox"]+label span:before {
 	content: '';
 	width: 7px;
 	height: 7px;
 	-webkit-border-radius: 100px;
 	-moz-border-radius: 100px;
 	-moz-transform: translateX(-50%) translateY(-50%);
 	-ms-transform: translateX(-50%) translateY(-50%);
 	-o-transform: translateX(-50%) translateY(-50%);
 	transform: translateX(-50%) translateY(-50%);
+}
-.fgt-sec input[type="checkbox"]:checked + label span:before {
+.fgt-sec input[type="checkbox"]:checked+label span:before {
 	opacity: 1;
 	visibility: visible;
+}
 .fgt-sec small {
 	float: left;
 	color: #000000;
 	font-size: 14px;
 	font-weight: 500;
 	margin-left: 10px;
+}
-.checky-sec > a {
+.checky-sec>a {
 	float: right;
 	color: #000000;
 	font-size: 14px;
 	font-weight: 500;
+}
 /* ======= Radio Button Styles ======= */
 .fgt-sec input[type="radio"] {
+	display: none;
 	display: none;
 .fgt-sec label {
+	float: left;
-	float: left;
+}
-.fgt-sec input[type="radio"] + label span {
+.fgt-sec input[type="radio"]+label span {
 	display: inline-block;
 	width: 15px;
 	height: 15px;
 	position: relative;
-	border:1px solid #d2d2d2;
+	border: 1px solid #d2d2d2;
 	-webkit-border-radius: 100px;
 	-moz-border-radius: 100px;
 	-ms-border-radius: 100px;
 	-o-border-radius: 100px;
+	border-radius: 100px;
-	border-radius: 100px;
+}
-.fgt-sec input[type="radio"] + label span:before {
+.fgt-sec input[type="radio"]+label span:before {
 	content: '';
 	width: 7px;
 	height: 7px;
 	-moz-transform: translateX(-50%) translateY(-50%);
 	-ms-transform: translateX(-50%) translateY(-50%);
 	-o-transform: translateX(-50%) translateY(-50%);
 	transform: translateX(-50%) translateY(-50%);
+}
-.fgt-sec input[type="radio"]:checked + label span:before {
+.fgt-sec input[type="radio"]:checked+label span:before {
 	opacity: 1;
 	visibility: visible;
+}
 	padding: 15px 0;
 	margin-bottom: 20px;
 	position: relative;
 	margin-top: -30px;
+}
-.signup-tab > i {
+.signup-tab>i {
 	position: absolute;
 	top: 15px;
 	left: 13px;
 	color: #000;
 	font-size: 14px;
+}
 .signup-tab h2 {
 	color: #000000;
 	font-size: 14px;
 	font-weight: 500;
 	margin-bottom: 15px;
+}
 .signup-tab ul {
 	float: left;
 	width: 100%;
+}
 .signup-tab ul li {
 	display: inline-block;
 	margin-right: -4px;
+}
 .signup-tab ul li a {
 	color: #000000;
 	font-size: 14px;
 	font-weight: 500;
 	background-color: #e5e5e5;
 	-ms-border-radius: 3px 0px 0px 3px;
 	-o-border-radius: 3px 0px 0px 3px;
 	border-radius: 3px 0px 0px 3px;
 	display: inline-block;
+}
 .signup-tab ul li.current a {
 	background-color: #e44d3a;
 	color: #fff;
+}
 .signup-tab ul li:last-child a {
 	-webkit-border-radius: 0px 3px 3px 0px;
 	-moz-border-radius: 0px 3px 3px 0px;
 	-ms-border-radius: 0px 3px 3px 0px;
 	-o-border-radius: 0px 3px 3px 0px;
 	float: left;
 	width: 100%;
 	text-align: center;
 	margin-top: 27px;
+}
 .login-resources h4 {
 	color: #000000;
 	font-size: 14px;
 	font-weight: 600;
 	margin-bottom: 30px;
 	text-transform: uppercase;
+}
 .login-resources ul {
 	float: left;
 	width: 100%;
+}
 .login-resources ul li {
 	float: left;
 	width: 100%;
 	margin-bottom: 20px;
+}
 .login-resources ul li a {
 	color: #ffffff;
-    font-size: 15px;
+	font-size: 15px;
-    font-weight: 500;
+	font-weight: 500;
-    float: left;
+	float: left;
-    width: 100%;
+	width: 100%;
-    padding: 10px 0;
+	padding: 10px 0;
+}
 .login-resources ul li a i {
 	margin-right: 15px;
+}
 .fb {
 	background-color: #3b5998;
+}
 .tw {
 	background-color: #4099ff;
+}
 .tw .fa-twitter {
 	color: #fff;
+}
 .footy-sec {
 	float: left;
 	width: 100%;
 	margin-top: 70px;
+}
 .footy-sec ul {
 	float: left;
 	margin-top: 5px;
+}
 .footy-sec ul li {
 	display: inline-block;
 	padding: 0 10px;
 	border-right: 1px solid #ffffff;
+}
 .footy-sec ul li:last-child {
 	border-right: none;
+}
 .footy-sec ul li a {
 	display: inline-block;
 	color: #ffffff;
 	font-size: 14px;
 	font-weight: 500;
+}
 .footy-sec p img {
 	padding-right: 5px;
 	float: auto;
 	position: relative;
 	top: 6px;
+}
 .footy-sec p {
 	float: right;
 	color: #ffffff;
 	font-size: 14px;
 	font-weight: 500;
+}
 footer {
 	float: left;
 	width: 100%;
 	background-color: #fff;
+}
 .footy-sec.mn ul {
 	padding: 30px 0;
+}
-.footy-sec.mn ul li a{
+.footy-sec.mn ul li a {
 	color: #b2b2b2;
+}
-.footy-sec.mn ul li a:hover{
+.footy-sec.mn ul li a:hover {
 	color: #e44d3a;
+}
 .footy-sec.mn ul li {
 	border-color: #b2b2b2;
+}
 .footy-sec.mn p {
 	color: #b2b2b2;
 	margin-top: 30px;
+}
 .fl-rgt {
 	float: right;
 	margin-top: 34px;
 	padding-right: 30px;
+}
 /* ================== USER PROFILE =================== */
 .cover-sec img {
 	width: 100%;
+}
-}
-.cover-sec > a {
+.cover-sec>a {
 	display: inline-block;
 	color: #e44d3a;
 	font-size: 16px;
 	background-color: #fff;
 	right: 0;
 	padding: 10px 15px;
 	font-weight: 600;
 	margin-right: 15px;
+}
-.cover-sec > a i {
+.cover-sec>a i {
 	padding-right: 5px;
+}
 	background-color: #fff;
 	margin-bottom: 20px;
 	text-align: center;
 	margin-top: -40px;
+}
 .user-pro-img {
 	float: left;
 	width: 100%;
 	text-align: center;
 	margin-bottom: 28px;
 	position: relative;
+}
 .user-pro-img .add-dp {
 	position: absolute;
 	top: 10px;
 	left: 60%;
+}
 .add-dp i {
-    bottom: 0;
+	bottom: 0;
-    font-size: 14px;
+	font-size: 14px;
-    box-shadow: none;
+	box-shadow: none;
-    position: relative;
+	position: relative;
-    border-radius: 50px;
+	border-radius: 50px;
-    width: 40px;
+	width: 40px;
-    height: 40px;
+	height: 40px;
-    text-align: center;
+	text-align: center;
-    background: #e44d3a;
+	background: #e44d3a;
-    padding: 12px;
+	padding: 12px;
-    color: #ffff;
+	color: #ffff;
-    left: 0;
+	left: 0;
-    top: -5px;
+	top: -5px;
+}
 .add-dp i:hover {
 	font-size: 14px;
 	border: 2px solid #fff;
-    background: #e44d3a;
+	background: #e44d3a;
 	padding: 11px;
+}
 .add-dp {
-    margin: -16px;
+	margin: -16px;
-    padding: 0;
+	padding: 0;
+}
 .add-dp input[type=file] {
-    opacity: 0;
+	opacity: 0;
-    padding: 10px 0px 9px;
+	padding: 10px 0px 9px;
-    display: none;
+	display: none;
+}
 .user-pro-img img {
 	-o-border-radius: 100px;
 	border-radius: 100px;
 	float: none;
 	border: 5px solid #fff;
+}
 .user_pro_status {
 	float: left;
 	width: 100%;
 	border-bottom: 1px solid #e5e5e5;
 	padding-bottom: 27px;
+}
 .flw-hr {
 	float: left;
 	width: 100%;
 	margin-bottom: 30px;
+}
 .flw-hr li {
 	display: inline-block;
 	margin-right: 17px;
+}
 .flw-hr li:last-child {
 	margin-right: 0;
+}
 .flw-hr li a {
 	display: inline-block;
 	color: #ffffff;
 	font-size: 16px;
 	font-weight: 600;
 	padding: 11px 15px;
+}
 .flw-hr li a i {
 	padding-right: 5px;
+}
 .flww {
 	background-color: #53d690;
+}
 .hre {
 	background-color: #51a5fb;
+}
 .flw-status {
 	float: left;
 	width: 100%;
+}
 .flw-status li {
 	display: inline-block;
 	margin-right: 50px;
+}
 .flw-status li:last-child {
 	margin-right: 0;
+}
 .flw-status li span {
 	color: #686868;
 	font-size: 20px;
 	font-weight: 500;
 	margin-bottom: 15px;
 	display: block;
+}
 .flw-status li b {
 	color: #000000;
 	font-size: 20px;
 	font-weight: 600;
 .social_links {
 	float: left;
 	width: 100%;
 	text-align: left;
+}
 .social_links li {
 	float: left;
 	width: 100%;
 	padding: 15px 15px;
 	border-bottom: 1px solid #e5e5e5;
+}
 .social_links li a {
 	float: left;
 	width: 100%;
 	color: #51a5fb;
 	font-size: 14px;
-    font-weight: 400;
+	font-weight: 400;
-    text-overflow: ellipsis;
+	text-overflow: ellipsis;
-    white-space: nowrap;
+	white-space: nowrap;
-    overflow: hidden;
+	overflow: hidden;
+}
 .social_links li a i {
 	padding-right: 5px;
 	font-size: 20px;
 	position: relative;
 	top: 3px;
+}
 .la-globe {
 	color: #51a5fb;
+}
 .user-tab-sec {
 	width: 100%;
 	padding-top: 4px;
+}
 .user-tab-sec h3 {
 	color: #000000;
-    font-size: 24px;
+	font-size: 24px;
-    font-weight: 600;
+	font-weight: 600;
-    text-transform: capitalize;
+	text-transform: capitalize;
-    margin-bottom: 15px;
+	margin-bottom: 15px;
+}
 .star-descp {
 	float: left;
 	width: 100%;
 	margin-bottom: 10px;
+}
-}
-.star-descp ul li{
+.star-descp ul li {
-	margin-right: 5px!important;
+	margin-right: 5px !important;
+}
-}
-.star-descp > a {
+.star-descp>a {
 	float: left;
 	color: #51a5fb;
 	font-size: 18px;
 	font-weight: 600;
 	margin-left: 20px;
 	text-decoration: underline;
+}
-}
-.star-descp > a:hover {
+.star-descp>a:hover {
 	color: #51a5fb;
+}
 .star-descp span {
 	float: left;
 	color: #686868;
 	font-size: 18px;
 	font-weight: 600;
 	margin-right: 20px;
+}
-}
-.star-descp > ul {
+.star-descp>ul {
 	float: left;
+}
 .star-descp ul li {
 	display: inline-block;
+}
 .star-descp ul li i {
 	color: #b7ce1f;
 	font-size: 16px;
+}
 .tab-feed {
 	float: left;
 	width: 100%;
 	margin-bottom: 45px;
 	margin-top: 20px;
+}
 .tab-feed ul {
 	float: left;
 	width: 100%;
+}
 .tab-feed ul li {
 	display: inline-block;
 	margin-right: 35px;
 	text-align: center;
+}
-}
-.savetext ul{
+.savetext ul {
-	border-bottom: none!important;
+	border-bottom: none !important;
+}
 .tab-feed.st2 ul li {
 	margin-right: 17px;
+}
 .tab-feed ul li:last-child {
 	margin-right: 0;
+}
 .tab-feed ul li.active img {
 	filter: grayscale(0);
+}
 .tab-feed ul li.active span {
 	color: #e44d3a;
+}
 .tab-feed ul li img {
 	float: none;
 	margin-bottom: 5px;
 	filter: grayscale(100%);
+}
 .tab-feed ul li span {
 	display: block;
 	color: #b2b2b2;
 	font-weight: 400;
 	font-size: 16px;
+}
 .tab-feed ul li:last-child {
 	margin-right: 0;
 .message-btn {
 	float: right;
 	margin-top: 20px;
 	margin-bottom: 30px;
+}
 .message-btn a {
 	display: inline-block;
 	color: #ffffff;
 	font-size: 16px;
 	background-color: #e44d3a;
 	padding: 12px;
 	font-weight: 500;
+}
 .message-btn a:hover {
 	color: #fff;
+}
 .message-btn a i {
 	padding-right: 5px;
+}
 	float: left;
 	width: 100%;
 	padding: 20px 20px;
 	border-bottom: 1px solid #e5e5e5;
+}
 .wd-heady h3 {
 	color: #000000;
 	font-size: 18px;
 	font-weight: 600;
 	float: left;
+}
 .wd-heady img {
 	float: right;
+}
 .pf-gallery {
 	float: left;
 	width: 100%;
 	padding: 15px 15px;
+}
 .pf-gallery ul {
 	float: left;
 	width: 100%;
+}
 .pf-gallery ul li {
 	float: left;
 	width: 33.33%;
 	padding: 5px;
 	overflow: hidden;
+}
 .pf-gallery ul li:hover {
 	-webkit-transform: scale(1.2);
 	-moz-transform: scale(1.2);
 	-ms-transform: scale(1.2);
 	-o-transform: scale(1.2);
 	transform: scale(1.2);
+}
 .pf-gallery img {
 	width: 100%;
+}
 .product-feed-tab {
 	float: left;
 	width: 100%;
 	display: none;
+}
 .product-feed-tab.current {
 	display: block;
+}
 	border-left: 1px solid #e4e4e4;
 	border-bottom: 1px solid #e4e4e4;
 	border-right: 1px solid #e4e4e4;
 	margin-bottom: 20px;
+}
 .user-profile-ov h3 {
 	color: #000000;
 	font-size: 18px;
 	font-weight: 600;
 	margin-bottom: 20px;
+}
 .user-profile-ov h3 a {
 	color: #000000;
+}
 .user-profile-ov i {
 	color: #000000;
 	font-size: 13px;
 	padding-left: 5px;
+}
 .user-profile-ov h4 {
 	font-size: 16px;
 	color: #000;
 	font-weight: 600;
 	margin-bottom: 10px;
+}
 .user-profile-ov p {
 	color: #686868;
 	font-size: 14px;
 	line-height: 24px;
+}
 .user-profile-ov.st2 p {
 	margin-bottom: 23px;
+}
 .no-margin {
 	margin: 0 !important;
+}
-.user-profile-ov > span {
+.user-profile-ov>span {
 	color: #686868;
 	font-size: 14px;
 	float: left;
 	width: 100%;
 	margin-bottom: 8px;
 	margin-top: 3px;
+}
 .user-profile-ov ul {
 	float: left;
 	width: 100%;
+}
 .user-profile-ov ul li {
 	display: inline-block;
 	margin-bottom: 10px;
 	padding: 0 2px;
+}
 .user-profile-ov ul li a {
 	display: inline-block;
 	color: #b2b2b2;
 	font-size: 14px;
 	font-weight: 600;
 	padding: 30px 20px;
 	border-left: 1px solid #e4e4e4;
 	border-right: 1px solid #e4e4e4;
 	border-bottom: 1px solid #e4e4e4;
+}
 .portfolio-gallery-sec h3 {
 	font-weight: 600;
 	font-size: 18px;
 	margin-bottom: 32px;
 	padding-left: 5px;
 	float: left;
+}
 .portfolio-btn {
-    float: right;
+	float: right;
+}
 .portfolio-btn a {
-    display: inline-block;
+	display: inline-block;
-    color: #e44d3a;
+	color: #e44d3a;
-    font-size: 16px;
+	font-size: 16px;
 	font-weight: 600;
+}
 .portfolio-btn a i {
-    margin-right: 5px;
+	margin-right: 5px;
+}
 .gallery_pf {
 	float: left;
 	width: 100%;
 	margin-bottom: -5px;
+}
 .gallery_pf .col-lg-4 {
 	padding: 5px;
+}
 .gallery_pt {
 	float: left;
 	width: 100%;
 	position: relative;
 	overflow: hidden;
+}
 .gallery_pt:hover:before {
 	opacity: 1;
 	visibility: visible;
 	height: 100%;
+}
 .gallery_pt:before {
 	content: '';
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 0;
-	background-color: rgba(0,0,0,0.60);
+	background-color: rgba(0, 0, 0, 0.60);
 	opacity: 0;
 	visibility: hidden;
+}
 .gallery_pt img {
 	width: 100%;
 	height: 134px;
 	object-fit: cover;
+}
 .row {
 	margin: 0;
+}
-}
-.gallery_pt > a {
+.gallery_pt>a {
 	position: absolute;
 	top: 100%;
 	left: 0;
 	float: left;
 	-o-transform: translateY(-50%);
 	transform: translateY(-50%);
 	opacity: 0;
 	visibility: hidden;
+}
-.gallery_pt:hover > a {
+.gallery_pt:hover>a {
 	opacity: 1;
 	visibility: visible;
 	top: 50%;
+}
-.gallery_pt > a img {
+.gallery_pt>a img {
 	float: none;
 	width: auto;
 	height: auto;
+}
 	transform: translateX(-50%) translateY(-50%);
 	opacity: 0;
 	visibility: hidden;
 	z-index: 0;
+}
 .close-box {
 	position: absolute;
 	top: -20px;
 	right: -20px;
 	color: #fff;
 	-ms-border-radius: 100px;
 	-o-border-radius: 100px;
 	border-radius: 100px;
 	font-weight: 600;
+}
 .close-box:hover {
 	color: #fff;
+}
 .overview-box.open {
 	opacity: 1;
 	visibility: visible;
 	z-index: 99999;
+}
 .overview-edit {
 	float: left;
 	width: 100%;
 	background-color: #fff;
 	padding: 30px 20px;
+}
 .overview-edit h3 {
 	color: #000000;
 	font-size: 18px;
 	font-weight: 600;
 	float: left;
 	width: 100%;
 	margin-bottom: 25px;
+}
 .overview-edit span {
 	color: #b2b2b2;
 	font-size: 12px;
 	float: right;
 	margin-bottom: 5px;
+}
 .overview-edit form {
 	float: left;
 	width: 100%;
+}
 .overview-edit form input {
 	height: 40px;
 	padding-left: 15px;
 	margin-bottom: 20px;
+}
 .overview-edit form textarea,
 .overview-edit form input,
 .overview-edit form select {
 	width: 100%;
 	border: 1px solid #e5e5e5;
 	resize: none;
 	color: #b2b2b2;
 	font-size: 14px;
+}
 .overview-edit form select {
 	line-height: 40px;
 	padding-left: 40px;
 	margin-bottom: 20px;
+}
 .overview-edit form textarea {
 	height: 160px;
 	margin-bottom: 30px;
 	padding: 15px;
+}
 .save {
 	background-color: #e44d3a;
 	color: #fff;
 	border-color: transparent;
+}
 .save-add {
 	background-color: #fff;
 	padding: 13px 13px !important;
+}
 .overview-edit button {
 	float: left;
 	border: 1px solid #e5e5e5;
 	font-weight: 600;
 	font-size: 16px;
 	padding: 13px 34px;
 	margin-right: 20px;
 	outline: none;
 	cursor: pointer;
+}
 .cancel {
 	background-color: #fff;
 	color: #000;
+}
 .datepicky {
 	float: left;
 	width: 100%;
+}
 .no-left-pd {
 	padding: 0;
+}
 .no-righ-pd {
 	padding-right: 0;
+}
 .datefm {
 	float: left;
 	width: 100%;
 	position: relative;
+}
 .datefm i {
 	position: absolute;
 	top: 11px;
 	right: 15px;
 	font-size: 18px;
 #location-box .datefm i {
 	right: auto;
 	left: 15px;
+}
 #location-box .datefm input {
 	padding-left: 40px;
+}
 #skills-box ul {
 	float: left;
+	width: 100%;
-	width: 100%;
+	margin-bottom: 20px;
 	margin-bottom: 20px;
 #skills-box ul li {
 	display: inline-block;
+	margin-right: 10px;
-	margin-right: 10px;
+	position: relative;
 	position: relative;
 .skl-name {
 	display: inline-block;
 	border-radius: 30px;
 	text-transform: uppercase;
 	padding: 10px 30px 10px 12px;
 	position: relative;
+}
 .close-skl {
 	position: absolute;
 	top: 10px;
 	right: 10px;
 	color: #b2b2b2;
 	font-size: 14px;
+}
 .file-submit {
 	border: 1px solid #e5e5e5;
-    position: relative;
+	position: relative;
-    padding: 0px;
+	padding: 0px;
-    height: 40px;
+	height: 40px;
 	margin-bottom: 20px;
-    border-radius: 3px;
+	border-radius: 3px;
+}
 .file-submit [type="file"] {
-    height: 40px;
+	height: 40px;
-    overflow: hidden;
+	overflow: hidden;
-    width: 100%;
+	width: 100%;
-    float: left;
+	float: left;
-    position: absolute;
+	position: absolute;
-    padding: 10px 4px 0px 12px;
+	padding: 10px 4px 0px 12px;
-    font-size: 14px;
+	font-size: 14px;
-    opacity: 0;
+	opacity: 0;
 	display: none;
 }
-.file-submit [type="file"] + label {
+.file-submit [type="file"]+label {
-    background: #e44d3a;
+	background: #e44d3a;
-    border: none;
+	border: none;
-    float: left;
+	float: left;
-    border-top-right-radius: 0px;
+	border-top-right-radius: 0px;
-    border-bottom-right-radius: 0px;
+	border-bottom-right-radius: 0px;
-    border-top-left-radius: 3px;
+	border-top-left-radius: 3px;
-    border-bottom-left-radius: 3px;
+	border-bottom-left-radius: 3px;
-    color: #fff;
+	color: #fff;
-    cursor: pointer;
+	cursor: pointer;
-    display: inline-block;
+	display: inline-block;
-    font-size: 14px;
+	font-size: 14px;
-    font-weight: 500;
+	font-weight: 500;
-    outline: none;
+	outline: none;
-    padding: 12px 15px;
+	padding: 12px 15px;
-    position: relative;
+	position: relative;
-    transition: all 0.3s;
+	transition: all 0.3s;
-    vertical-align: middle;
+	vertical-align: middle;
-    margin: 0;
+	margin: 0;
+}
+.file-submit.nomg {
-.file-submit.nomg {
+	border: 0;
+	margin-bottom: 20px;
+}
-	border: 0;
+.file-submit.nomg input {
-	margin-bottom: 20px;
+	margin-bottom: 0;
 	padding-top: 0;
 .file-submit.nomg input {margin-bottom: 0;padding-top: 0;}
+.daty {
-.daty {
+	float: left;
-	float: left;
+	width: 100%;
-	width: 100%;
+	position: relative;
 	position: relative;
-.daty > i {
+.daty>i {
 	position: absolute;
+	top: 10px;
-	top: 10px;
+	right: 15px;
-	right: 15px;
+	color: #b2b2b2;
-	color: #b2b2b2;
+	font-size: 20px;
 	font-size: 20px;
 	width: 100%;
 	background-color: #fff;
 	border-left: 1px solid #e4e4e4;
 	border-right: 1px solid #e4e4e4;
 	border-bottom: 1px solid #e4e4e4;
 	margin-bottom: 20px;
+}
 .billing-method ul {
 	float: left;
 	width: 100%;
+}
 .billing-method ul li {
 	float: left;
 	width: 100%;
 	border-bottom: 1px solid #e5e5e5;
 	padding: 25px 20px;
+}
 .billing-method ul li h3 {
 	color: #000000;
 	font-size: 18px;
 	font-weight: 600;
 	float: left;
+}
 .billing-method ul li a,
 .billing-method ul li span {
 	float: right;
 	color: #000000;
 	font-size: 13px;
 	text-transform: capitalize;
 	font-weight: 600;
 	margin-top: 3px;
+}
 .billing-method ul li i {
 	font-size: 13px;
 	color: #e44d3a;
+}
 .lt-sec {
 	float: left;
 	width: 100%;
 	text-align: center;
 	padding: 30px 0;
+}
 .lt-sec img {
 	float: none;
 	margin-bottom: 15px;
+}
 .lt-sec h4 {
 	color: #686868;
 	font-size: 18px;
 	font-weight: 600;
 	margin-bottom: 25px;
+}
-.lt-sec > a {
+.lt-sec>a {
 	display: inline-block;
 	color: #ffffff;
 	font-size: 16px;
 	background-color: #e44d3a;
 	padding: 10px 25px;
 	background-color: #fff;
 	border-left: 1px solid #e4e4e4;
 	border-right: 1px solid #e4e4e4;
 	border-bottom: 1px solid #e4e4e4;
+}
 .add-billing-method h3 {
 	color: #000000;
 	font-size: 18px;
 	font-weight: 600;
 	padding: 20px 20px;
 	border-bottom: 1px solid #e5e5e5;
+}
-.add-billing-method > h4 {
+.add-billing-method>h4 {
 	color: #686868;
 	font-size: 13px;
 	font-weight: 500;
 	padding: 20px 20px;
 	border-bottom: 1px solid #e5e5e5;
 	float: left;
 	width: 100%;
+}
 .add-billing-method img {
 	margin-right: 10px;
+}
 .add-billing-method span {
 	margin-top: 4px;
 	float: left;
+}
 .payment_methods {
 	float: left;
 	width: 100%;
+}
-}
-.payment_methods > h4 {
+.payment_methods>h4 {
 	color: #000000;
 	font-size: 16px;
 	font-weight: 600;
 	position: relative;
 	padding: 25px 20px 25px 45px;
 	float: left;
 	width: 100%;
+}
 .rowwy {
 	float: left;
-	width:100%;
+	width: 100%;
+}
 .pd-left-none {
 	padding-left: 0;
+}
 .pd-right-none {
 	padding-right: 0;
+}
 .payment_methods h4:before {
 	content: '';
 	position: absolute;
 	top: 50%;
 	-moz-border-radius: 100px;
 	-ms-border-radius: 100px;
 	-o-border-radius: 100px;
 	border-radius: 100px;
+}
 .payment_methods h4:after {
 	content: '';
 	position: absolute;
 	top: 50%;
 	-webkit-transform: translateY(-50%);
 	float: left;
 	width: 100%;
 	padding-bottom: 30px;
 	border-bottom: 1px solid #e5e5e5;
+}
 .payment_methods form button {
 	color: #ffffff;
 	font-size: 16px;
 	background-color: #e44d3a;
 	padding: 10px 15px;
 	border: 0;
 	cursor: pointer;
+}
 .payment_methods form input {
 	width: 100%;
 	height: 40px;
 	border: 1px solid #e5e5e5;
 	padding: 0 12px;
+}
 .cc-head {
 	float: left;
 	width: 100%;
 	margin-bottom: 10px;
+}
 .cc-head h5 {
 	float: left;
 	color: #000000;
 	font-size: 16px;
 	font-weight: 600;
 	margin-top: 4px;
+}
 .cc-head h5 i {
 	color: #b2b2b2;
 	font-size: 14px;
+}
 .cc-head ul {
 	float: right;
+}
 .cc-head ul li {
 	display: inline-block;
+}
 .inpt-field {
 	float: left;
 	width: 100%;
 	position: relative;
 	margin-bottom: 20px;
+}
 .no-pdd {
 	padding: 0;
+}
+.inpt-field.pd-moree input {
-.inpt-field.pd-moree input {padding-left: 40px !important;}
+	padding-left: 40px !important;
+}
 .inpt-field i {
 	color: #b2b2b2;
 	font-size: 18px;
 	position: absolute;
 	top: 50%;
 /* ============== companies-info ============== */
 .companies-info {
 	padding: 60px 0;
+}
 .company-title {
 	float: left;
 	width: 100%;
 	margin-bottom: 20px;
 	padding: 0 15px;
+}
 .company-title h3 {
 	color: #000000;
 	font-size: 20px;
 	font-weight: 600;
 .companies-list {
 	float: left;
 	width: 100%;
 	margin-bottom: -30px;
+}
 .company_profile_info {
 	float: left;
 	width: 100%;
 	background-color: #fff;
 	text-align: center;
 	border-left: 1px solid #e4e4e4;
 	border-right: 1px solid #e4e4e4;
 	border-bottom: 1px solid #e4e4e4;
 	margin-bottom: 30px;
+}
 .company-up-info {
 	float: left;
 	width: 100%;
 	padding: 30px 0;
 	border-bottom: 1px solid #e5e5e5;
+}
 .company-up-info img {
 	float: none;
 	margin-bottom: 10px;
 	-webkit-border-radius: 100px;
 	-moz-border-radius: 100px;
 	-o-border-radius: 100px;
 	border-radius: 100px;
 	height: 90px;
 	object-fit: cover;
+}
 .company-up-info h3 {
 	color: #000000;
 	font-size: 18px;
 	font-weight: 600;
 	margin-bottom: 10px;
+}
 .company-up-info h4 {
 	color: #686868;
 	font-size: 14px;
 	font-weight: 500;
 	margin-bottom: 21px;
+}
 .company-up-info ul {
 	float: left;
 	width: 100%;
+}
 .company-up-info ul li {
 	display: inline-block;
 	margin-right: 6px;
+}
 .company-up-info ul li a {
 	display: inline-block;
 	padding: 0 12px;
 	color: #fff;
 	height: 35px;
 	line-height: 35px;
+}
 .company-up-info ul li a i {
 	font-size: 24px;
 	position: relative;
 	top: 3px;
+}
 .follow {
 	background-color: #53d690;
+}
 .hire-us {
 	background-color: #51a5fb;
+}
-.company_profile_info > a {
+.company_profile_info>a {
 	display: inline-block;
 	color: #000000;
 	font-size: 16px;
 	font-weight: 500;
 	padding: 18px 0;
 .search-sec {
 	float: left;
 	width: 100%;
 	margin: 30px 0 0 0;
+}
 .search-box {
 	float: left;
 	width: 100%;
 	padding: 0 15px;
+}
 .search-box form {
 	float: left;
 	width: 100%;
 	position: relative;
+}
 .search-box form input {
 	width: 100%;
 	height: 40px;
 	padding: 0 15px;
 	background: var(--background-light-gray);
-    color: var(--gray);
+	color: var(--gray);
-    font-size: 14px;
+	font-size: 14px;
-    border: solid 1px var(--border-light-gray);
+	border: solid 1px var(--border-light-gray);
-	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
+	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
+	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-	-ms-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
+	-ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-	-o-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
+	-o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
+	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
 .search-box form button {
 	position: absolute;
 	top: 0;
 	right: 0;
 	border: solid 1px var(--border-light-gray);
 .filter-secs {
 	float: left;
 	width: 100%;
 	background-color: #fff;
 	box-shadow: 0px 2px #e4e4e4;
-    border: 1px solid #e5e5e5;
+	border: 1px solid #e5e5e5;
+}
 .filter-heading {
 	float: left;
 	width: 100%;
 	padding: 15px 20px;
 	border-bottom: 1px solid #e5e5e5;
 	margin-bottom: 15px;
+}
 .filter-heading h3 {
 	float: left;
 	color: #e44d3a;
 	font-size: 18px;
 	font-weight: 600;
+}
 .filter-heading a {
 	float: right;
 	color: #686868;
 	font-size: 14px;
 	margin-top: 4px;
+}
 .filter-ttl {
 	float: left;
 	width: 100%;
-	border-bottom: 1px solid  #e5e5e5;
+	border-bottom: 1px solid #e5e5e5;
 	padding: 0 0 16px 0;
 	margin-bottom: 10px;
+}
 .filter--tt2 {
 	margin-bottom: 0px !important;
+}
 .top--1 {
 	margin-top: 20px;
+}
 .filter--tt2 .dropdown .dropdown-menu a {
-    float: none;
+	float: none;
-    color: #666666 !important;
+	color: #666666 !important;
 	margin-bottom: 12px !important;
+}
 .filter--tt2 .dropdown .dropdown-menu a:hover {
-    color: #e44d3a !important;
+	color: #e44d3a !important;
 	background: none !important;
+}
 .filter--tt2 .dropdown .dropdown-menu a:focus {
-    color: #e44d3a !important;
+	color: #e44d3a !important;
 	background: none !important;
+}
-.filter--tt2  a {
+.filter--tt2 a {
 	float: left !important;
 	padding: 0 0 0 15px !important;
 	font-size: 16px !important;
 	color: #000000 !important;
 	font-weight: 500 !important;
+}
 .filter-ttl h3 {
 	float: left;
 	padding: 0;
 	font-size: 16px;
 	color: #000000;
 	font-weight: 400;
+}
 .filter-ttl a {
 	float: right;
 	font-size: 14px;
 	color: #666666;
+}
 .filter-ttl .dropdown a {
 	float: none;
 	color: #666666;
 }
 .filter-dd {
 	float: left;
 	width: 100%;
 	margin-bottom: 15px;
+}
 .filter-dd form {
 	float: left;
 	width: 100%;
 	position: relative;
+}
 .filter-dd form input,
 .filter-dd form select {
 	width: 100%;
 	height: 30px;
 	background-color: #f2f2f2;
 	font-size: 12px;
 	font-weight: 600;
 	border: 0;
 	border: 1px solid #e5e5e5;
+}
 .job-tp i {
 	color: #666666;
-    position: absolute;
+	position: absolute;
-    top: 9px;
+	top: 9px;
-    right: 15px;
+	right: 15px;
-    font-size: 14px;
+	font-size: 14px;
+}
 .avail-checks {
 	float: left;
 	width: 100%;
 	margin-top: 7px;
+}
 .avail-checks li {
 	float: left;
 	width: 100%;
 	margin-bottom: 10px;
+}
 .avail-checks li:last-child {
 	margin-bottom: 0;
+}
 .avail-checks li input[type="radio"] {
 	display: none;
+}
 .avail-checks li label {
 	float: left;
+}
-.avail-checks li input[type="radio"] + label span {
+.avail-checks li input[type="radio"]+label span {
 	display: inline-block;
 	width: 15px;
 	height: 15px;
 	position: relative;
 	margin-top: 3px;
 	-moz-border-radius: 100px;
 	-ms-border-radius: 100px;
 	-o-border-radius: 100px;
 	border-radius: 100px;
+}
-.avail-checks li input[type="radio"] + label span:before {
+.avail-checks li input[type="radio"]+label span:before {
 	content: '';
 	opacity: 0;
 	visibility: hidden;
 	position: absolute;
 	width: 7px;
 	border-radius: 100px;
 	background-color: #e44d3a;
 	top: 3px;
 	left: 3px;
+}
-.avail-checks li input[type="radio"]:checked + label span:before {
+.avail-checks li input[type="radio"]:checked+label span:before {
 	opacity: 1;
 	visibility: visible;
+}
 .avail-checks li small {
 	color: #909090;
 	font-size: 14px;
 	padding-left: 10px;
 	font-weight: 500;
 .rg-slider {
 	float: left;
 	width: 100%;
+}
 .slider-container {
 	width: 100% !important;
 	padding-top: 50px;
 	position: relative;
+}
 .theme-green .back-bar {
 	height: 5px;
 	border: 1px solid #e5e5e5;
 	-webkit-border-radius: 30px;
 	-moz-border-radius: 30px;
 	-ms-border-radius: 30px;
 	-o-border-radius: 30px;
 	border-radius: 30px;
+}
 .theme-green .back-bar .pointer {
 	width: 17px;
 	height: 17px;
 	-webkit-border-radius: 100px;
 	-moz-border-radius: 100px;
 	-ms-border-radius: 100px;
 	-o-border-radius: 100px;
 	border-radius: 100px;
 	background-color: #e44d3a;
 	border: 2px solid #e3e3e3;
-	-webkit-box-shadow: 1px 2px 3px rgba(0,0,0,0.43);
+	-webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
-	-moz-box-shadow: 1px 2px 3px rgba(0,0,0,0.43);
+	-moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
-	-ms-box-shadow: 1px 2px 3px rgba(0,0,0,0.43);
+	-ms-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
-	-o-box-shadow: 1px 2px 3px rgba(0,0,0,0.43);
+	-o-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
-	box-shadow: 1px 2px 3px rgba(0,0,0,0.43);
+	box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
+}
 .theme-green .back-bar .pointer {
 	top: -7px;
+}
 .slider-container .back-bar .pointer-label {
 	top: -50px;
 	height: 26px;
 	background-color: #e5e5e5;
 	-o-border-radius: 30px;
 	border-radius: 30px;
 	line-height: 26px;
 	width: 50px;
+}
 .pointer-label.low {
 	left: 0 !important;
+}
 .pointer-label.high {
 	left: 70px !important;
+}
 .pointer-label.low:before {
 	content: '';
 	position: absolute;
 	top: 13px;
 	right: -14px;
 	width: 8px;
 	height: 1px;
 	background-color: #e5e5e5;
+}
 .rg-limit {
 	float: left;
 	width: 100%;
 	margin-top: 16px;
+}
 .rg-limit h4 {
 	color: #686868;
 	font-size: 15px;
 	font-weight: 600;
 	float: left;
+}
 .rg-limit h4:last-child {
 	float: right;
+}
 .chatbox-list {
 	position: fixed;
 	bottom: 0;
 	right: 0;
+}
 .chatbox {
 	display: inline-block;
 	margin-right: 13px;
 	position: relative;
+}
 .chat-mg {
 	display: inline-block;
 	position: relative;
+}
 .chat-mg img {
 	width: 70px;
 	height: 70px;
 	-webkit-border-radius: 100px;
 	-moz-border-radius: 100px;
 	-ms-border-radius: 100px;
 	-o-border-radius: 100px;
 	border-radius: 100px;
+}
 .chat-mg span {
 	position: absolute;
 	top: -5px;
 	right: 10px;
 	width: 20px;
 	-moz-border-radius: 100px;
 	-ms-border-radius: 100px;
 	-o-border-radius: 100px;
 	border-radius: 100px;
+}
 .chat-mg.bx img {
-	-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.30);
+	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.30);
-	-moz-box-shadow: 0 0 15px rgba(0,0,0,0.30);
+	-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.30);
-	-ms-box-shadow: 0 0 15px rgba(0,0,0,0.30);
+	-ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.30);
-	-o-box-shadow: 0 0 15px rgba(0,0,0,0.30);
+	-o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.30);
-	box-shadow: 0 0 15px rgba(0,0,0,0.30);
+	box-shadow: 0 0 15px rgba(0, 0, 0, 0.30);
+}
 .conversation-box {
 	position: absolute;
 	bottom: 132%;
 	right: 100%;
 	width: 350px;
 	background-color: #fff;
-	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.17);
+	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
-	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.17);
+	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
-	-ms-box-shadow: 0 0 10px rgba(0,0,0,0.17);
+	-ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
-	-o-box-shadow: 0 0 10px rgba(0,0,0,0.17);
+	-o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
-	box-shadow: 0 0 10px rgba(0,0,0,0.17);
+	box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
 	opacity: 0;
 	visibility: hidden;
 	z-index: 0;
+}
 .conversation-box.active {
 	opacity: 1;
 	visibility: visible;
 	z-index: 9999;
+}
 .conversation-box:before {
-    content: '';
+	content: '';
-    position: absolute;
+	position: absolute;
-    bottom: -7px;
+	bottom: -7px;
-    right: 26px;
+	right: 26px;
-    border-top: 15px solid #fff;
+	border-top: 15px solid #fff;
-    border-right: 15px solid transparent;
+	border-right: 15px solid transparent;
-    -webkit-transform: rotate(225deg);
+	-webkit-transform: rotate(225deg);
-    -moz-transform: rotate(225deg);
+	-moz-transform: rotate(225deg);
-    -ms-transform: rotate(225deg);
+	-ms-transform: rotate(225deg);
-    -o-transform: rotate(225deg);
+	-o-transform: rotate(225deg);
-    transform: rotate(225deg);
+	transform: rotate(225deg);
+}
 .con-title {
 	float: left;
 	width: 100%;
 	background-color: #e44d3a;
 	padding: 15px 25px;
 	-moz-border-radius: 10px 10px 0 0;
 	-ms-border-radius: 10px 10px 0 0;
 	-o-border-radius: 10px 10px 0 0;
 	border-radius: 10px 10px 0 0;
+}
 .con-title h3 {
 	float: left;
 	color: #ffffff;
 	font-size: 16px;
 	font-weight: 600;
+}
-.con-title >a {
+.con-title>a {
 	float: right;
 	color: #fff;
-	font-size:20px;
+	font-size: 20px;
+}
 .chat-list {
 	float: left;
 	width: 100%;
 	min-height: 390px;
+}
 .conv-list {
 	float: left;
 	width: 100%;
 	display: table;
 	padding: 20px 25px;
 	position: relative;
+}
 .conv-list:hover,
 .conv-list.active {
 	background-color: #efefef;
+}
 .msg-numbers {
 	position: absolute;
 	bottom: 18px;
 	right: 25px;
 	width: 25px;
 	-moz-border-radius: 100px;
 	-ms-border-radius: 100px;
 	-o-border-radius: 100px;
 	border-radius: 100px;
+}
 .usrr-pic {
 	display: table-cell;
 	position: relative;
+}
 .active-status {
 	width: 9px;
 	height: 9px;
-	border:2px solid #ecf5fb;
+	border: 2px solid #ecf5fb;
 	-webkit-border-radius: 100px;
 	-moz-border-radius: 100px;
 	-ms-border-radius: 100px;
 	-o-border-radius: 100px;
 	border-radius: 100px;
 	position: absolute;
 	top: -3px;
 	right: 0;
+}
 .activee {
 	background-color: #e44d3a;
+}
 .usy-info {
 	display: table-cell;
 	vertical-align: top;
 	width: 100%;
 	padding-left: 15px;
+}
 .usy-info h3 {
 	color: #000000;
 	font-size: 18px;
 	font-weight: 600;
 	margin-bottom: 5px;
+}
 .usy-info span {
 	color: #686868;
 	font-size: 16px;
 	float: left;
+}
 .usy-info span img {
 	padding-left: 5px;
 	float: right;
+}
 .ct-time {
 	position: absolute;
 	top: 20px;
 	right: 25px;
+}
 .ct-time span {
 	color: #b2b2b2;
 	font-size: 14px;
+}
 .st-icons {
 	float: right;
 	margin-top: 7px;
+}
 .st-icons a {
 	color: #fff;
 	font-size: 20px;
 	margin-right: 5px;
+}
 .chat-hist {
 	float: left;
 	width: 100%;
 	background-color: #fff;
 	height: 280px;
+}
 .chat-msg {
 	float: left;
 	width: 100%;
 	padding-right: 25px;
 	margin-bottom: 15px;
+}
 .chat-msg p {
 	color: #ffffff;
 	font-size: 14px;
 	background-color: #e44d3a;
 	padding: 10px 15px;
 	width: 80%;
 	float: right;
 	margin-bottom: 10px;
+}
 .mg-3 {
 	margin-bottom: 3px;
+}
 .chat-msg span {
 	float: right;
 	color: #b1b1b1;
 	width: 100%;
 	font-size: 9px;
 	text-align: right;
+}
 .status-info {
 	width: 8px;
 	height: 8px;
 	background-color: #fff;
 	-webkit-border-radius: 100px;
 	-o-border-radius: 100px;
 	border-radius: 100px;
 	display: inline-block;
 	margin-left: 7px;
+}
 .chat-user-info h3 {
 	margin-top: 7px;
 	margin-left: 10px;
+}
 .date-nd {
 	float: left;
 	width: 100%;
 	text-align: center;
 	margin-bottom: 20px;
 	position: relative;
+}
 .date-nd:before,
 .date-nd:after {
 	content: '';
 	position: absolute;
 	top: 10px;
 	left: 15px;
 	width: 92px;
 	height: 1px;
 	background-color: #e5e5e5;
+}
 .date-nd:after {
 	left: auto;
 	right: 15px;
+}
 .date-nd span {
 	color: #b1b1b1;
 	font-size: 12px;
 	text-align: center;
+}
 .chat-msg.st2 p {
 	background-color: #efefef;
 	color: #686868;
 	float: left;
 	width: 55%;
+}
 .chat-msg.st2 {
 	padding-left: 25px;
+}
 .chat-msg.st2 span {
 	float: left;
 	text-align: left;
+}
 	float: left;
 	width: 100%;
 	border-top: 1px solid #e6e6e6;
 	padding-top: 15px;
+}
 .typing-msg form {
 	float: left;
 	width: 100%;
 	position: relative;
+}
 .typing-msg form textarea {
 	width: 100%;
 	height: 30px;
 	background-color: #fff;
 	padding: 0 20px;
 	color: #b2b2b2;
 	font-size: 16px;
 	border: 0;
 	resize: none;
+}
 .typing-msg form button {
 	color: #e44d3a;
 	font-size: 18px;
 	font-weight: 600;
 	position: absolute;
 	right: 20px;
 	background: none;
 	border: 0;
 	cursor: pointer;
+}
 .ft-options {
 	float: left;
 	width: 100%;
 	padding: 0 20px 8px 20px;
+}
 .ft-options li {
 	display: inline-block;
 	margin-right: 15px;
+}
 .ft-options li a {
 	color: #b2b2b2;
 	font-size: 24px;
 	display: inline-block;
+}
 .mCSB_scrollTools {
 	right: -5px;
+}
 .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
 	background-color: #cccccc;
 	width: 5px;
+}
 .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
 	opacity: 0;
 .menu-btn {
 	float: right;
 	display: none;
+}
 .menu-btn a {
 	font-size: 24px;
 	color: #fff;
 	display: inline-block;
 /* ============= account-tabs-setting ============ */
-.profile-account-setting {
+.profile-account-setting {}
 .account-tabs-setting {
-.account-tabs-setting {
+	width: 100%;
 	width: 100%;
 .acc-leftbar {
 	float: left;
 	width: 100%;
 	background-color: #fff;
+	border-left: 1px solid #e5e5e5;
-	border-left: 1px solid #e5e5e5;
+	border-bottom: 1px solid #e5e5e5;
-	border-bottom: 1px solid #e5e5e5;
+	border-right: 1px solid #e5e5e5;
 	border-right: 1px solid #e5e5e5;
-.acc-leftbar .nav-tabs > a {
+.acc-leftbar .nav-tabs>a {
 	float: left;
 	-ms-border-radius: 0;
 	-o-border-radius: 0;
 	border-radius: 0;
 	border-top: 0;
+}
 .nav-tabs {
 	border-bottom: 0;
+}
-.acc-leftbar .nav-tabs > a:last-child {
+.acc-leftbar .nav-tabs>a:last-child {
 	border-bottom: 0;
+}
-.acc-leftbar .nav-tabs > a i {
+.acc-leftbar .nav-tabs>a i {
 	padding-right: 15px;
 	font-size: 20px;
 	position: relative;
 	top: 2px;
 	font-weight: 700;
 	width: 40px;
+}
-.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
+.nav-tabs .nav-item.show .nav-link,
+.nav-tabs .nav-link.active {
 	background-color: inherit;
 	color: #e44d3a;
 	border-color: inherit;
+}
 	width: 100%;
 	background-color: #fff;
 	border-left: 1px solid #e5e5e5;
 	border-bottom: 1px solid #e5e5e5;
 	border-right: 1px solid #e5e5e5;
-	-webkit-box-shadow: 1px 0 4px rgba(0,0,0,0.24);
+	-webkit-box-shadow: 1px 0 4px rgba(0, 0, 0, 0.24);
-	-moz-box-shadow: 1px 0 4px rgba(0,0,0,0.24);
+	-moz-box-shadow: 1px 0 4px rgba(0, 0, 0, 0.24);
-	-ms-box-shadow: 1px 0 4px rgba(0,0,0,0.24);
+	-ms-box-shadow: 1px 0 4px rgba(0, 0, 0, 0.24);
-	-o-box-shadow: 1px 0 4px rgba(0,0,0,0.24);
+	-o-box-shadow: 1px 0 4px rgba(0, 0, 0, 0.24);
-	box-shadow: 1px 0 4px rgba(0,0,0,0.24);
+	box-shadow: 1px 0 4px rgba(0, 0, 0, 0.24);
+}
 .acc-setting form {
 	float: left;
 	width: 100%;
+}
-.acc-setting > h3 {
+.acc-setting>h3 {
 	float: left;
 	width: 100%;
 	color: #000000;
 	font-weight: 600;
 	font-size: 18px;
 	text-transform: capitalize;
 	border-bottom: 1px solid #e5e5e5;
 	padding: 17px 20px;
+}
 .notbar {
 	float: left;
 	width: 100%;
 	border-bottom: 1px solid #e5e5e5;
 	padding: 20px;
 	position: relative;
+}
 .notbar h4 {
 	color: #000000;
 	font-size: 16px;
 	font-weight: 600;
 	margin-bottom: 5px;
+}
 .notbar p {
 	color: #686868;
 	font-size: 14px;
 	line-height: 24px;
 	width: 75%;
+}
 .toggle-btn {
 	position: absolute;
 	top: 35px;
-	right: 20px	;
+	right: 20px;
+}
 .save-stngs {
 	float: left;
 	width: 100%;
 	padding: 30px 20px 50px 20px;
+}
 .save-stngs.pd2 {
 	padding: 25px 20px 42px 20px;
+}
 .save-stngs.pd3 {
 	padding: 25px 20px 25px 20px;
+}
 .save-stngs ul li {
 	display: inline-block;
 	margin-right: 17px;
+}
 .save-stngs ul li button {
 	display: inline-block;
 	color: #000000;
 	font-size: 16px;
 	border: 1px solid #e5e5e5;
 	padding: 0 22px;
 	font-weight: 600;
 	background: none;
 	cursor: pointer;
+}
 .save-stngs ul li button:hover {
 	background-color: #e44d3a;
 	color: #fff;
 	border-color: transparent;
+}
 	float: left;
 	width: 100%;
 	margin-top: 29.4px;
 	padding: 0 20px;
+}
 .cp-field h5 {
 	color: #000000;
 	font-size: 16px;
 	font-weight: 600;
 	float: left;
 	width: 100%;
 	margin-bottom: 10px;
+}
 .cp-field h5 a {
 	color: #000;
+}
 .cpp-fiel {
 	float: left;
 	width: 100%;
 	position: relative;
+}
-.cp-field input {
+.cp-field input,
+.cp-field select {
 	height: 40px;
 	padding: 0 40px;
+}
 .cp-field input,
-.cp-field textarea {
+.cp-field textarea,
+.cp-field select {
 	width: 100%;
 	border: 1px solid #e5e5e5;
+}
 .cp-field textarea {
 	padding: 20px;
 	height: 115px;
+}
 .cpp-fiel i {
 	position: absolute;
 	top: 12px;
 	left: 15px;
 	color: #b2b2b2;
 	font-size: 16px;
+}
-.cp-field > p {
+.cp-field>p {
 	float: left;
 	width: 100%;
 	color: #686868;
 	font-size: 14px;
 	line-height: 24px;
 	margin-top: 5px;
+}
 /* =============== notifications-list ============= */
 .notifications-list {
 	float: left;
 	width: 100%;
+}
 .notfication-details {
 	float: left;
 	width: 100%;
 	padding: 20px;
 	border-bottom: 1px solid #e5e5e5;
+}
 .notfication-details:last-child {
 	border-bottom: 0;
+}
 .noty-user-img {
 	float: left;
 	width: 35px;
+}
 .noty-user-img img {
 	width: 100%;
+}
 .notification-info {
 	float: left;
 	width: auto;
 	padding-left: 10px;
+}
 .notification-info h3 {
 	color: #686868;
 	font-size: 14px;
 	font-weight: 500;
 	border: 0;
 	padding: 0;
 	margin-bottom: 6px;
+}
 .notification-info h3 a {
 	color: #000000;
 	font-size: 16px;
 	font-weight: 600;
 	display: inline-block;
+}
-}
-.notification-info > span {
+.notification-info>span {
 	display: inline-block;
 	color: #b2b2b2;
 	font-size: 12px;
 	font-weight: 600;
 .requests-list {
 	float: left;
 	width: 100%;
 	padding-bottom: 0;
+}
 .request-details {
 	float: left;
 	width: 100%;
 	padding: 20px;
 	border-bottom: 1px solid #e5e5e5;
+}
 .request-details:last-child {
 	border-bottom: 0;
+}
 .request-info {
 	float: left;
 	padding-left: 10px;
+}
 .request-info h3 {
 	color: #000000;
 	font-size: 14px;
 	font-weight: 600;
 	padding: 0;
 	border: 0;
 	margin-bottom: 3px;
+}
 .request-info span {
 	color: #686868;
 	font-size: 12px;
 	display: inline-block;
+}
 .accept-feat {
 	float: right;
+}
 .accept-feat ul li {
 	display: inline-block;
+}
 .accept-feat ul li button {
 	cursor: pointer;
+}
 .accept-req {
 	color: #ffffff;
 	font-size: 16px;
 	background-color: #51a5fb;
 	height: 30px;
 	padding: 0 20px;
 	font-weight: 600;
 	border: 0;
 	border: 1px solid #51a5fb;
+}
 .close-req {
 	height: 30px;
 	width: 30px;
 	text-align: center;
 	line-height: 30px;
 	border: 1px solid #e5e5e5;
 	background: inherit;
 	color: #b2b2b2;
 	margin-left: 7px;
+}
 .close-req i {
 	font-weight: 600;
+}
 .profile-bx-details {
 	float: left;
 	width: 100%;
 	padding: 30px 7px 30px 7px;
+}
 .profile-bx-details .row .col-lg-3 {
 	padding: 0 7px;
+}
 .profile-bx-info {
 	float: left;
 	width: 100%;
 	background-color: #f2f2f2;
 	padding: 20px;
 	border: 1px solid #e5e5e5;
+}
 .pro-bx {
 	float: left;
 	width: 100%;
 	border-bottom: 1px solid #e5e5e5;
 	padding-bottom: 10px;
+}
 .bx-info {
 	float: left;
 	margin-top: 7px;
 	padding-left: 10px;
+}
 .bx-info h3 {
 	color: #e44d3a;
 	font-size: 20px;
 	font-weight: 600;
 	margin-bottom: 5px;
 }
 .bx-info h5 {
 	color: #000000;
 	font-size: 14px;
 	font-weight: 600;
 	margin: 0;
 	padding: 0;
 	border: 0;
+}
 .pd-left-20 {
 	padding-left: 20px;
 	padding-right: 0;
+}
 .pd-left-15 {
 	padding-left: 15px;
 	padding-right: 0;
+}
 .pd-left-right {
 	padding-left: 15px;
 	padding-right: 20px;
+}
-.profile-bx-info > p {
+.profile-bx-info>p {
-	 float: left;
+	float: left;
-    width: 100%;
+	width: 100%;
-    font-size: 14px;
+	font-size: 14px;
-    line-height: 20px;
+	line-height: 20px;
-    padding-top: 5px;
+	padding-top: 5px;
+}
 /* =========== pro-work-status ========= */
 .pro-work-status {
 	float: left;
+	width: 100%;
-	width: 100%;
+	padding: 0 15px;
 	padding: 0 15px;
 .pro-work-status h4 {
 	color: #000000;
 /* ============== messages-page ============== */
 .messages-page {
 	padding: 60px 0;
+}
 .messages-sec {
 	float: left;
 	width: 100%;
+}
 .msgs-list {
 	float: left;
 	width: 100%;
 	background-color: #fff;
 	border-left: 1px solid #e4e4e4;
 	border-bottom: 1px solid #e4e4e4;
 	border-right: 1px solid #e4e4e4;
+}
 .msg-title {
 	float: left;
 	width: 100%;
 	padding: 36px 20px;
+}
-}
-.msg-title > h3 {
+.msg-title>h3 {
 	color: #000000;
 	font-size: 18px;
 	font-weight: 600;
 	float: left;
+}
-}
-.msg-title > ul {
+.msg-title>ul {
 	float: right;
 	position: relative;
 	top: 1px;
+}
 .msg-title ul li {
 	display: inline-block;
 	margin-right: 15px;
+}
 .msg-title ul li:last-child {
 	margin-right: 0;
+}
 .msg-title ul li a {
 	color: #b2b2b2;
 	font-size: 18px;
+}
 .messages-list {
 	float: left;
 	width: 100%;
+}
 .messages-list ul {
 	float: left;
 	width: 100%;
+}
 .messages-list ul li {
 	float: left;
 	width: 100%;
 	padding: 20px;
 	border-bottom: 1px solid #eeeeee;
 	cursor: pointer;
+}
 .messages-list ul li.active {
 	background-color: #efefef;
+}
 .usr-msg-details {
 	float: left;
 	position: relative;
 	width: 100%;
+}
 .usr-ms-img {
 	float: left;
 	width: 50px;
 	position: relative;
+}
 .msg-status {
 	-webkit-border-radius: 100px;
 	-moz-border-radius: 100px;
 	-ms-border-radius: 100px;
 	top: -3px;
 	right: 0;
 	width: 6px;
 	height: 6px;
+}
 .messages-list ul li.active .msg-status {
 	border: 2px solid #ecf5fb;
 	height: 10px;
 	width: 10px;
+}
 .msg-notifc {
 	position: absolute;
 	bottom: 0;
 	right: 0;
 	width: 25px;
 	text-align: center;
 	line-height: 25px;
 	font-size: 13px;
 	color: #fff;
+}
 .usr-ms-img img {
 	width: 100%;
 	-webkit-border-radius: 100px;
 	-moz-border-radius: 100px;
 	-ms-border-radius: 100px;
 	-o-border-radius: 100px;
 	border-radius: 100px;
+}
 .usr-mg-info {
 	float: left;
 	padding-left: 13px;
 	margin-top: 4px;
+}
 .usr-mg-info h3 {
 	color: #000000;
 	font-size: 18px;
 	font-weight: 600;
+}
 .usr-mg-info p {
 	color: #686868;
 	font-size: 16px;
+}
 .usr-mg-info p img {
 	float: right;
 	position: relative;
 	top: 5px;
 	padding-left: 5px;
+}
 .posted_time {
 	position: absolute;
 	top: 2px;
 	right: 0;
 	color: #b2b2b2;
 	background-color: #fff;
 	position: relative;
 	border-right: 1px solid #e4e4e4;
 	border-bottom: 1px solid #e4e4e4;
+}
 .message-bar-head {
 	float: left;
 	width: 100%;
-	background-color: rgba(255,255,255,0.95);
+	background-color: rgba(255, 255, 255, 0.95);
 	padding: 20px;
 	border-bottom: 1px solid #eaeaea;
 	position: absolute;
 	top: 0;
 	left: 0;
 	z-index: 11;
+}
 .message-bar-head .usr-msg-details {
 	float: left;
 	width: auto;
+}
-.message-bar-head > a {
+.message-bar-head>a {
 	float: right;
 	color: #b2b2b2;
 	font-size: 20px;
 	padding-top: 15px;
+}
 .main-message-box {
 	float: left;
 	width: 100%;
 	position: relative;
 	margin-bottom: 15.5px;
+}
 .messg-usr-img {
 	position: absolute;
 	bottom: 25px;
 	left: 20px;
 	width: 50px;
+}
 .messg-usr-img img {
 	width: 100%;
 	-webkit-border-radius: 100px;
 	-moz-border-radius: 100px;
 	-ms-border-radius: 100px;
 	-o-border-radius: 100px;
 	border-radius: 100px;
+}
 .message-dt {
 	float: left;
 	width: auto;
 	padding-left: 85px;
+}
 .main-message-box.ta-right {
 	float: right;
+}
 .main-message-box.ta-right .messg-usr-img {
 	left: auto;
 	right: 20px;
 	bottom: 25px;
+}
 .main-message-box.ta-right .message-dt {
 	padding-left: 0;
 	padding-right: 85px;
+}
-.main-message-box.ta-right .message-dt > span {
+.main-message-box.ta-right .message-dt>span {
 	float: right;
 	width: auto;
+}
 .message-inner-dt {
 	float: left;
 	-webkit-border-radius: 15px;
 	-moz-border-radius: 15px;
 	-ms-border-radius: 15px;
 	-o-border-radius: 15px;
 	border-radius: 15px;
 	width: 100%;
+}
 .img-bx {
 	background-color: #efefef;
 	padding: 20px;
+}
-.message-inner-dt > img {
+.message-inner-dt>img {
 	display: inline-block;
 	width: auto;
 	margin-right: 5px;
+}
-.message-dt > span {
+.message-dt>span {
 	color: #b2b2b2;
 	font-size: 14px;
 	float: left;
 	width: 100%;
 	margin-top: 7px;
+}
-.message-inner-dt > p {
+.message-inner-dt>p {
 	float: right;
 	width: 60%;
 	background-color: #e44d3a;
 	font-size: 14px;
 	line-height: 22px;
 	-moz-border-radius: 15px;
 	-ms-border-radius: 15px;
 	-o-border-radius: 15px;
 	border-radius: 15px;
+}
-.message-dt.st3 .message-inner-dt > p {
+.message-dt.st3 .message-inner-dt>p {
 	background-color: #efefef;
 	color: #686868;
 	width: auto;
 	padding: 10px 15px;
 	float: left;
+}
-.message-dt.st3 .message-inner-dt > p img {
+.message-dt.st3 .message-inner-dt>p img {
 	float: right;
 	position: relative;
 	top: 3px;
 	padding-left: 5px;
+}
 .main-message-box.st3 .messg-usr-img {
 	bottom: 13px;
+}
 .messages-line {
 	float: left;
 	width: 100%;
 	height: 604px;
+}
 	width: 100%;
 	background-color: #f3f5f7;
 	padding: 25px 20px 15px 20px;
 	border: 1px solid #eeeeee;
+}
 .message-send-area form {
 	float: left;
 	width: 100%;
+}
 .mf-field {
 	float: left;
 	width: 100%;
+}
 .mf-field input {
 	float: left;
 	width: 80%;
 	background-color: #fff;
 	color: #b2b2b2;
 	font-size: 16px;
 	padding: 0 15px;
 	border: 1px solid #e6e6e6;
 	height: 45px;
+}
 .mf-field button {
 	float: left;
 	width: 17%;
 	background-color: #e44d3a;
 	height: 45px;
 	font-weight: 600;
 	border: 0;
 	margin-left: 15px;
 	cursor: pointer;
+}
-.message-send-area form > ul {
+.message-send-area form>ul {
 	float: left;
 	width: 100%;
 	margin-top: 15px;
+}
-.message-send-area form > ul li {
+.message-send-area form>ul li {
 	display: inline-block;
 	margin-right: 20px;
+}
-.message-send-area form > ul li a {
+.message-send-area form>ul li a {
 	color: #b2b2b2;
 	font-size: 18px;
+}
 /* ============== forum-links ============= */
+.forum-sec {
-.forum-sec {
+	background-color: #fff;
 	background-color: #fff;
 .forum-links {
+	float: left;
-	float: left;
+	width: 100%;
 	width: 100%;
 .forum-links.active {
 	opacity: 1;
+	visibility: visible;
-	visibility: visible;
+	z-index: 9999;
 	z-index: 9999;
 .forum-links ul li {
 	display: inline-block;
 	padding: 20px 0;
+	margin-right: 45px;
-	margin-right: 45px;
+	border-bottom: 2px solid transparent;
-	border-bottom: 2px solid transparent;
+}
+.forum-links ul li.active {
-.forum-links ul li.active {
+	border-color: #e44d3a;
-	border-color:#e44d3a;
+}
+.forum-links ul li.active a {
-.forum-links ul li.active a {
+	color: #e44d3a;
 	color: #e44d3a;
 .forum-links ul li a {
 	display: inline-block;
 	color: #b2b2b2;
+	font-size: 14px;
-	font-size: 14px;
+	font-weight: 600;
 	font-weight: 600;
 .forum-links-btn {
 	float: left;
 	width: 100%;
 	text-align: center;
+	display: none;
-	display: none;
+	padding: 20px 0;
 	padding: 20px 0;
 .forum-links-btn a {
 	color: #000;
 /* ================ forum-page =============== */
 .forum-page {
 	padding: 50px 0;
+}
 .forum-questions-sec {
 	float: left;
 	width: 100%;
+}
 .forum-questions {
 	float: left;
 	width: 100%;
 	background-color: #fff;
+}
 .usr-question {
 	float: left;
 	width: 100%;
 	position: relative;
 	padding: 25px;
 	border-bottom: 1px solid #e5e5e5;
+}
 .usr_img {
 	float: left;
 	width: 60px;
+}
 .usr_img img {
 	width: 100%;
 	-webkit-border-radius: 100px;
 	-moz-border-radius: 100px;
 	-ms-border-radius: 100px;
 	-o-border-radius: 100px;
 	border-radius: 100px;
+}
 .usr_quest {
 	float: left;
 	width: 90%;
 	padding-left: 15px;
+}
-}
-.usr_quest > h3 {
+.usr_quest>h3 {
 	color: #000000;
 	font-size: 17px;
 	font-weight: 600;
 	margin-bottom: 20px;
+}
-}
-.forum-post-view .usr_quest > h3 {
+.forum-post-view .usr_quest>h3 {
 	margin-bottom: 10px;
+}
 .react-links {
 	float: left;
 	width: 100%;
+}
 .react-links li {
 	display: inline-block;
 	margin-right: 30px;
+}
 .react-links li a {
 	display: inline-block;
 	color: #b2b2b2;
 	font-size: 14px;
 	font-weight: 600;
+}
 .react-links li a:hover {
 	color: #e44d3a;
+}
 .react-links li a i {
 	padding-right: 7px;
+}
 .react-links li:last-child {
 	margin-right: 0;
+}
 .quest-tags {
 	float: left;
 	width: 100%;
 	margin-top: 20px;
+}
 .quest-tags li {
 	display: inline-block;
 	margin-right: 10px;
+}
 .quest-tags li a {
 	display: inline-block;
 	color: #ffffff;
 	background-color: #53d690;
 	-webkit-border-radius: 3px;
 	-ms-border-radius: 3px;
 	-o-border-radius: 3px;
 	border-radius: 3px;
 	padding: 7px 25px;
+}
 .quest-posted-time {
 	position: absolute;
 	bottom: 30px;
 	right: 20px;
 	color: #b2b2b2;
 	font-size: 14px;
+}
 .quest-posted-time i {
 	padding-right: 5px;
+}
 .pd-right-none {
 	padding-right: 0;
+}
 /* =========== navigation ============ */
 .pagination {
 	float: left;
 	width: 100%;
 	background-color: #fff;
 	padding: 13px 25px;
+}
 .full-pagi {
 	float: left;
 	width: 100%;
 	padding-right: 0;
 	text-align: inherit;
 	margin-top: 20px;
+}
 .pagination li {
 	padding: 0;
 	margin-right: 10px;
+}
 .pagination li .page-link {
 	background-color: #e5e5e5;
 	color: #b2b2b2;
+}
 .pagination li .page-link.active {
 	background-color: #e44d3a;
 	color: #fff;
 	border-color: transparent;
+}
 .pvr {
 	padding: .5rem 30px;
 	font-size: 18px;
 	font-weight: 600;
 	border-bottom: 1px solid #e5e5e5;
 	padding: 25px 20px;
+}
 .widget-user ul {
 	float: left;
 	width: 100%;
 	padding: 15px 0;
+}
 .widget-user ul li {
 	float: left;
 	width: 100%;
 	padding: 15px 20px;
+}
 .widget-user ul li .usr-msg-details {
 	float: left;
 	width: auto;
+}
 .widget-user ul li .usr-ms-img {
 	width: 35px;
 }
 .widget-user ul li .usr-mg-info h3 {
 	font-size: 14px;
+}
 .widget-user ul li .usr-mg-info p {
 	font-size: 12px;
+}
-.widget-user ul li > span {
+.widget-user ul li>span {
 	color: #686868;
 	font-size: 16px;
 	float: right;
 	margin-top: 10px;
+}
-.widget-user ul li > span img {
+.widget-user ul li>span img {
 	padding-right: 5px;
+}
 	width: 100%;
 	background-color: #fff;
 	padding: 25px 25px 0 25px;
 	border-bottom: 1px solid #e5e5e5;
+}
 .forum-post-view .usr-question {
 	border-bottom: 0;
 	padding: 0;
+}
 .forum-post-view .usr_quest span {
 	color: #b2b2b2;
 	font-size: 14px;
 	display: inline-block;
 	margin-bottom: 20px;
+}
 .forum-post-view .usr_quest span i {
 	padding-right: 7px;
+}
 .forum-post-view .quest-tags {
 	margin-bottom: 30px;
+}
-.forum-post-view .usr_quest > p {
+.forum-post-view .usr_quest>p {
 	float: left;
 	width: 100%;
 	color: #686868;
 	font-size: 14px;
 	line-height: 24px;
 	margin-bottom: 40px;
+}
 .forum-post-view .comment-section {
 	padding: 0;
+}
-.forum-post-view .comment-section > h3 {
+.forum-post-view .comment-section>h3 {
 	float: left;
 	width: 100%;
 	color: #000000;
 	font-size: 18px;
 	font-weight: 600;
 	border-bottom: 1px solid #e5e5e5;
 	padding-bottom: 15px;
+}
 .forum-post-view .comment-sec ul li {
 	border-bottom: 1px solid #e5e5e5;
 	padding: 23px 0;
+}
 .forum-post-view .comment span {
 	margin-bottom: 10px;
+}
 .forum-post-view .comment-list {
 	padding-bottom: 0;
 	margin-bottom: -4px;
+}
 .forum-post-view .comment p {
 	margin: 0;
 	margin-top: 5px;
+}
 .forum-post-view .comment h3 {
 	margin-bottom: 9px;
+}
 .forum-post-view .comment-sec ul li:last-child {
 	border-bottom: 0;
+}
 	float: left;
 	width: 100%;
 	padding: 20px;
 	background-color: #fff;
+}
 .post-comment-box h3 {
 	float: left;
 	width: 100%;
 	color: #000000;
 	font-size: 18px;
 	font-weight: 600;
 	margin-bottom: 30px;
+}
 .user-poster {
 	float: left;
 	width: 100%;
+}
 .usr-post-img {
 	float: left;
 	width: 50px;
 	margin-right: 15px;
+}
 .usr-post-img img {
 	width: 100%;
 	-webkit-border-radius: 100px;
 	-moz-border-radius: 100px;
 	-ms-border-radius: 100px;
 	-o-border-radius: 100px;
 	border-radius: 100px;
+}
 .post_comment_sec {
 	float: left;
 	width: 90%;
+}
 .post_comment_sec form {
 	float: left;
 	width: 100%;
+}
 .post_comment_sec form textarea {
 	float: left;
 	width: 100%;
 	height: 130px;
 	border: 1px solid #dce2eb;
 	padding: 15px;
 	resize: none;
+}
 .post_comment_sec form button {
 	color: #ffffff;
 	font-size: 14px;
 	background-color: #e44d3a;
 	padding: 10px 25px;
 	width: 100%;
 	background-color: #fff;
 	margin-top: 20px;
 	padding: 12px 25px;
+}
-.next-prev > a {
+.next-prev>a {
 	width: 90px;
 	height: 35px;
 	text-align: center;
 	line-height: 35px;
 	color: #b2b2b2;
 	font-size: 14px;
 	background-color: #e5e5e5;
+}
-.next-prev > a:hover {
+.next-prev>a:hover {
 	color: #fff;
 	background-color: #e44d3a;
+}
 .fl-left {
 	float: left;
+}
 .fl-right {
 	float: right;
+}
 /* ========== widget-feat ========= */
+.widget-feat {
-.widget-feat {
+	padding: 25px 20px;
 	padding: 25px 20px;
 .widget-feat ul {
+	float: left;
-	float: left;
+	width: 100%;
 	width: 100%;
 .widget-feat ul li {
 	float: left;
+	width: 25%;
-	width: 25%;
+	text-align: center;
 	text-align: center;
 .widget-feat ul li i {
 	display: block;
+	font-size: 18px;
-	font-size: 18px;
+	margin-bottom: 9px;
 	margin-bottom: 9px;
 .widget-feat ul li span {
 	display: block;
 	color: #686868;
+	font-size: 16px;
-	font-size: 16px;
+	font-weight: 500;
 	font-weight: 500;
+.widget-feat ul li i.fa-heart {
-.widget-feat ul li i.fa-heart {
+	color: #53d690;
 	color: #53d690;
+.widget-feat ul li i.fa-comment {
-.widget-feat ul li i.fa-comment {
+	color: #e44d3a;
 	color: #e44d3a;
+.widget-feat ul li i.fa-share-alt {
-.widget-feat ul li i.fa-share-alt {
+	color: #51a5fb;
 	color: #51a5fb;
 .widget-feat ul li i.fa-eye {
 	color: #00b540;
 }
 /* =============== ANIMATION LOADER =============== */
 .spinner {
-    margin: 0 auto 0;
+	margin: 0 auto 0;
-    width: 80px;
+	width: 80px;
-    text-align: center;
+	text-align: center;
-    height: 80px;
+	height: 80px;
-    border-radius: 100px;
+	border-radius: 100px;
-    background-color: #fff;
+	background-color: #fff;
-    line-height: 80px;
+	line-height: 80px;
-    border:1px solid #e1e1e1;
+	border: 1px solid #e1e1e1;
-    cursor: pointer;
+	cursor: pointer;
 }
-.spinner > div {
+.spinner>div {
-  width: 15px;
+	width: 15px;
-  height: 15px;
+	height: 15px;
-  background-color: #b9b9b9;
+	background-color: #b9b9b9;
-  border-radius: 100%;
+	border-radius: 100%;
-  display: inline-block;
+	display: inline-block;
-  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
+	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
-  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
+	animation: sk-bouncedelay 1.4s infinite ease-in-out both;
 }
 .spinner .bounce1 {
-  -webkit-animation-delay: -0.32s;
+	-webkit-animation-delay: -0.32s;
+	animation-delay: -0.32s;
+}
+.spinner .bounce2 {
-  animation-delay: -0.32s;
+	-webkit-animation-delay: -0.16s;
+	animation-delay: -0.16s;
+}
-}
+@-webkit-keyframes sk-bouncedelay {
 %,
-.spinner .bounce2 {
+%,
+% {
+		-webkit-transform: scale(0)
+	}
-  -webkit-animation-delay: -0.16s;
-  animation-delay: -0.16s;
+% {
-}
+		-webkit-transform: scale(1.0)
+	}
+}
-@-webkit-keyframes sk-bouncedelay {
+@keyframes sk-bouncedelay {
-%, 80%, 100% { -webkit-transform: scale(0) }
-% { -webkit-transform: scale(1.0) }
+%,
 %,
+% {
-@keyframes sk-bouncedelay {
+		-webkit-transform: scale(0);
-%, 80%, 100% {
+		transform: scale(0);
+	}
-    -webkit-transform: scale(0);
-    transform: scale(0);
+% {
-  } 40% {
+		-webkit-transform: scale(1.0);
-    -webkit-transform: scale(1.0);
+		transform: scale(1.0);
+	}
-    transform: scale(1.0);
+}
 .wordpressdevlp {
+	background-color: #fff;
+}
 .wordpressdevlp{
-	background-color: #fff;
+.bgclr {
 	background-color: #fff;
-.bgclr{
+	margin-bottom: 15px;
+}
-	background-color: #fff;
-	margin-bottom: 15px;
+.cadidatesbtn {
 	position: absolute;
+	left: 0;
-.cadidatesbtn{
+	padding-top: 5px;
 	position: absolute;
-	left: 0;
-	padding-top: 5px;
+.cadidatesbtn button {
-}
+	background-color: #e44d3a;
-.cadidatesbtn button{
+	border: none;
-	background-color: #e44d3a;
+	margin-top: -3px;
 	border:none;
-	margin-top: -3px;
+.cadidatesbtn button:hover {
 	background-color: #e44d3a;
 .cadidatesbtn button:hover{
 	background-color: #e44d3a;
 .cadidatesbtn span {
-.cadidatesbtn span{
+	background-color: #bd2e1c;
+	color: #fff;
-	background-color: #bd2e1c;
+	margin-right: 10px;
-    color: #fff;
+	padding: .25em .5em;
-    margin-right: 10px;
+	font-weight: 600;
-    padding: .25em .5em;
+	font-size: 12px;
+}
-    font-weight: 600;
-    font-size: 12px;
+.wordpressdevlp i {
-}
+	color: #e86554;
-.wordpressdevlp i{
+	font-size: 18px;
-	color: #e86554;
+	font-weight: bold;
-	font-size: 18px;
+	padding-right: 5px;
-	font-weight: bold;
+}
-	padding-right: 5px;
 .wordpressdevlp h2 {
+	font-size: 18px;
-.wordpressdevlp h2{
+	font-weight: 600;
 	font-size: 18px;
 	font-weight: 600;
-}
+.cadidatesbtn i {
-.cadidatesbtn i{
+	color: #b2b2b2;
+	border: 1px solid #b2b2b2;
-	color: #b2b2b2;
+	font-size: 14px;
-    border: 1px solid #b2b2b2;
+	text-align: center;
-    font-size: 14px;
+	margin-left: 7px;
-    text-align: center;
+	border-radius: 3px;
+	padding: 10px;
-    margin-left: 7px;
+}
     border-radius: 3px;
-    padding: 10px;
+.cadidatesbtn i:hover {
 	background-color: #e44d3a;
-.cadidatesbtn i:hover{
+	color: #fff;
+	border: 1px solid #e44d3a;
-	background-color: #e44d3a;
+}
 	color: #fff;
-	border:1px solid #e44d3a;
+.inner {
+	border-bottom: 2px solid #e5e5e5;
-}
+	padding-bottom: 10px;
 .inner{
 	border-bottom: 2px solid #e5e5e5;
-	padding-bottom: 10px;
+.inner li a:hover {
+	color: #e44d3a;
-}
+	border-bottom: 2px solid #e44d3a;
-.inner li a:hover{
+	padding-bottom: 9px;
 	color: #e44d3a;
 	border-bottom: 2px solid #e44d3a;
-	padding-bottom: 9px;
+.inner li a {
+	color: #000000;
 }
 .inner li a{
-	color: #000000;
+.posttext {
-}
+	position: absolute;
-.posttext{
+	left: 0;
 	position: absolute;
-	left: 0;
+.deatile h3 {
 	font-size: 14px;
-.deatile h3{
+	font-weight: bold;
-	font-size: 14px;
+	padding-bottom: 5px;
 	font-weight: bold;
-	padding-bottom: 5px;
+.clrbtn a {
 	background-color: #e44d3a;
-.clrbtn a{
+	color: #fff;
-	background-color: #e44d3a;
+	padding: 5px 10px 5px 10px;
-    color: #fff;
+	margin-right: 15px;
+}
-    padding: 5px 10px 5px 10px;
-    margin-right: 15px;
+.transpairentbtn a {
 	color: #222;
+	border: 2px solid #f1f1f1;
-.transpairentbtn a{
+	padding: 5px 10px 5px 10px;
 	color: #222;
-	border:2px solid #f1f1f1;
-	padding: 5px 10px 5px 10px;
+.savetext h3 {
-}
+	font-size: 14px;
-.savetext h3{
+	font-weight: bold;
-	font-size: 14px;
+	padding-bottom: 5px;
+}
-	font-weight: bold;
-	padding-bottom: 5px;
+.devepbtn .clrbtn {
 	padding: 7px 20px;
+}
-.devepbtn .clrbtn{
-	padding: 7px 20px;
+.devepbtn a {
 	color: #666666;
-.devepbtn a{
+	border: 1px solid #b2b2b2;
+	padding: 7px 10px 7px 10px;
-	color: #666666;
+	border-radius: 3px;
-    border: 1px solid #b2b2b2;
+	margin-right: 5px;
     padding: 7px 10px 7px 10px;
     border-radius: 3px;
+.devepbtn a:hover i {
-    margin-right: 5px;
+	color: #fff;
+}
 .devepbtn a:hover i{
+.devepbtn a:hover {
-	color: #fff;
+	background-color: #e44d3a;
 	color: #fff;
 .devepbtn a:hover{
-	background-color: #e44d3a;
+.rew-reply hr {
-	color: #fff;
+	margin-left: -20px;
 	margin-right: -20px;
 .rew-reply hr{
-	margin-left: -20px;
+.rew-reply p {
-	margin-right: -20px;
+	padding-left: 20px;
+}
 .rew-reply p{
+.rew-reply ul {
 	padding-left: 20px;
+}
 .rew-reply ul{
+.devepbtn {
-	padding-left: 20px;
+	margin-top: 30px;
 	padding-left: 20px;
 .devepbtn{
 	margin-top: 30px;
+.rep-thanks hr {
-	padding-left: 20px;
+	margin-right: -20px;
 	margin-left: -20px;
-.rep-thanks hr{
+}
 	margin-right: -20px;
-	margin-left: -20px;
+.profilecnd {
+	margin-bottom: 0px;
 }
 .profilecnd{
-	margin-bottom: 0px;
+.devepbtn i {
+	color: #b2b2b2;
-}
+	font-size: 14px;
 .devepbtn i{
-	color: #b2b2b2;
-	font-size: 14px;
+.appliedinfo {
-}
+	padding-left: 0;
-.appliedinfo{
+	padding-top: 20px !important;
-	padding-left: 0;
+	padding-bottom: 10px;
+}
 	padding-top:20px!important;
-	padding-bottom: 10px;
+.epi2 {
-}
+	padding: 0;
-.epi2{
+}
-	padding: 0;
-}
+.review a {
-.review a{
+	line-height: 16px;
-	line-height: 16px;
+	font-size: 14px;
-    font-size: 14px;
+	text-decoration: none;
-    text-decoration: none;
+	font-weight: 500;
-    font-weight: 500;
+	margin-left: 15px;
     margin-left: 15px;
+}
 .add-pic-box {
-    display: inline-block;
+	display: inline-block;
-    color: #e44d3a;
+	color: #e44d3a;
-    font-size: 16px;
+	font-size: 16px;
-    position: absolute;
+	position: absolute;
-    top: 30px;
+	top: 30px;
-    right: 0;
+	right: 0;
-    font-weight: 600;
+	font-weight: 600;
-    margin-right: 0;
+	margin-right: 0;
 	width: 100%;
 }
 .add-pic-box [type="file"] {
 	height: 0;
 	overflow: hidden;
 	width: 0;
 	float: left;
+}
-.add-pic-box [type="file"] + label {
+.add-pic-box [type="file"]+label {
 	background: #fff;
+	border: 2px solid #e44d3a;
-	border: 2px solid #e44d3a;
+	border-radius: 3px;
-	border-radius: 3px;
+	color: #e44d3a;
-	color: #e44d3a;
+	cursor: pointer;
-	cursor: pointer;
+	display: inline-block;
+	font-size: 15px;
-	display: inline-block;
+	font-weight: 600;
-	font-size:15px;
+	outline: none;
-	font-weight: 600;
+	padding: 12px 20px;
+	position: relative;
-	outline: none;
+	transition: all 0.3s;
-	padding: 12px 20px;
+	vertical-align: middle;
-	position: relative;
+	margin: 0;
-	transition: all 0.3s;
+	float: right;
+	text-transform: uppercase;
-	vertical-align: middle;
+}
 	margin: 0;
-	float: right;
+.add-pic-box [type="file"]+label:hover {
+	background: #e44d3a;
-	text-transform: uppercase;
+	color: #fff;
+}
 .add-pic-box [type="file"] + label:hover {
+.noreview li i {
-	background: #e44d3a;
+	color: #b2b2b2;
 	color: #fff;
-}
-.noreview li i{
+.review-tb {
+	margin: 0 0 10px;
-	color: #b2b2b2;
+	padding-left: 20px;
+}
 .review-tb{
-	margin:0 0 10px;
+.noreview ul li i {
-	padding-left: 20px;
+	color: #b2b2b2;
+}
-}
-.noreview ul li i{
+.mngdetl {
-	color: #b2b2b2;
+	border-bottom: none;
+}
-.mngdetl{
+.post-reply {
-	border-bottom: none;
+	padding-top: 0;
-}
+	padding-bottom: 0;
-.post-reply{
+}
 	padding-top: 0;
+.activebidbtn i:hover {
-	padding-bottom:0;
+	background-color: #e44d3a;
 	color: #fff;
-.activebidbtn i:hover{
+	border: none;
 	background-color: #e44d3a;
 	color: #fff;
-	border:none;
+.reviewtitle h2 {
 	font-size: 17px;
-.reviewtitle h2{
+	font-weight: 600;
-	font-size: 17px;
+}
-	font-weight: 600;
-}
+.horiline {
-.horiline{
+	width: 118%;
-	    width: 118%;
+	position: relative;
-    position: relative;
+	left: -40px;
-    left: -40px;
+}
+.tahnks {
-.tahnks{
+	font-weight: 500;
-	font-weight: 500;
+	margin-top: 5px;
     margin-top: 5px;
-}
+/*about-page*/
 .banner span {
-/*about-page*/
+	position: absolute;
+	display: flex;
-.banner span {
+	background-color: #222;
-	position: absolute;
+	width: 100%;
-    display: flex;
+	opacity: 0.9;
-    background-color: #222;
+	justify-content: center;
-    width: 100%;
+	padding: 10px;
-    opacity: 0.9;
+	margin-top: 0;
+	color: #fff;
-    justify-content: center;
+}
     padding: 10px;
-    margin-top: 0;
+.innertitle {
+	margin-top: 130px;
-    color: #fff;
+}
-.innertitle{
+.Company-overview {
-	margin-top: 130px;
+	padding-bottom: 50px;
 }
 .Company-overview{
-	padding-bottom: 50px;
+.bennertext {
+	position: absolute;
 	left: 20%;
-.bennertext{
+	right: 20%;
-	position: absolute;
+	text-align: center;
 	left: 20%;
-	right: 20%;
+.bannerimage img {
-	text-align: center;
+	height: 100%;
+}
 .bannerimage img{
-	height: 100%;
+.innertitle h2 {
 	color: #fff;
+	font-size: 30px;
-.innertitle h2{
+	line-height: 32px;
-	color: #fff;
+	font-weight: 600;
-    font-size: 30px;
+	margin-bottom: 20px;
     line-height: 32px;
-    font-weight: 600;
+.innertitle p {
-	margin-bottom: 20px;
+	color: #fff;
 	font-size: 16px;
 .innertitle p {
-	color:#fff;
+.Company-overview h2 {
-	font-size: 16px;
+	padding-top: 100px;
 	font-size: 24px;
-.Company-overview h2{
+	font-weight: 600;
-	padding-top: 100px;
+	padding-bottom: 12px;
+}
-	font-size: 24px;
-	font-weight: 600;
+.Company-overview p {
-	padding-bottom: 12px;
+	font-size: 15px;
+	font-weight: 500;
 }
 .Company-overview p {
-	font-size: 15px;
+.Company-overview img {
-	font-weight: 500;
+	float: right;
 	padding-top: 25px;
+}
-.Company-overview img{
-	float: right;
+.blog {
-	padding-top: 25px;
+	text-align: center;
-}
+	display: inline-block;
-.blog{
+	margin-bottom: 50px;
-	text-align: center;
+}
-	display: inline-block;
-	margin-bottom: 50px;
+.blog img {
+	padding-bottom: 30px;
 }
 .blog img{
-	padding-bottom: 30px;
+.blog h2 {
 	font-size: 18px;
+	font-weight: 600;
-.blog h2{
+	padding-bottom: 30px;
 	font-size: 18px;
 	font-weight: 600;
+.blog a {
-	padding-bottom: 30px;
+	background-color: #ff4500;
-}
+	color: #fff;
-.blog a{
+	padding: 7px 25px 7px 25px;
-	background-color: #ff4500;
+	border-radius: 3px;
-    color: #fff;
+	font-size: 16px;
-    padding: 7px 25px 7px 25px;
+	font-weight: 500;
 	border-top-left-radius: 3px;
 	border-top-right-radius: 0px;
 	border-bottom-left-radius: 3px;
 	border-bottom-right-radius: 0px;
+}
-.searchtitle{
+.searchtitle {
 	text-align: center;
+}
-.searchtitle h2{
+.searchtitle h2 {
 	color: #fff;
 	font-size: 30px;
 	font-weight: 400;
 	padding-bottom: 10px;
+}
-.modal-header h3{
+.modal-header h3 {
 	font-size: 18px;
+}
 .search-container button {
-    padding: 8px 10px;
+	padding: 8px 10px;
-    text-align: center;
+	text-align: center;
-    margin-top: 8px;
+	margin-top: 8px;
-    margin-left: -3px;
+	margin-left: -3px;
-    margin-right: 18px;
+	margin-right: 18px;
-    background: #efefef;
+	background: #efefef;
-    font-size: 17px;
+	font-size: 17px;
-    border: none;
+	border: none;
-    cursor: pointer;
+	cursor: pointer;
-    height: 50px;
+	height: 50px;
-    width: 6%;
+	width: 6%;
-    border-bottom-right-radius: 3px;
+	border-bottom-right-radius: 3px;
-    border-top-right-radius: 3px;
+	border-top-right-radius: 3px;
+}
-.topsearch i{
+.topsearch i {
 	color: #e44d3a;
+}
 .dropdown-toggle::after {
-   position: absolute;
+	position: absolute;
-   right: 15px;
+	right: 15px;
-   color: #b2b2b2;
+	color: #b2b2b2;
-   top: 7px;
+	top: 7px;
+}
-.help-paddy{
+.help-paddy {
-	padding: 0!important;
+	padding: 0 !important;
+}
-.paddy{
+.paddy {
-	padding:20px;
+	padding: 20px;
 	float: left;
+}
 .dropdown-menu {
-    position: absolute;
+	position: absolute;
-    top: 100%;
+	top: 100%;
-    left: 0;
+	left: 0;
-    z-index: 1000;
+	z-index: 1000;
-    display: none;
+	display: none;
-    float: left;
+	float: left;
-    min-width: 10rem;
+	min-width: 10rem;
-    padding: .5rem 0;
+	padding: .5rem 0;
-    margin: .125rem 0 0;
+	margin: .125rem 0 0;
-    font-size: 1rem;
+	font-size: 1rem;
-    color: #212529;
+	color: #212529;
-    text-align: left;
+	text-align: left;
-    list-style: none;
+	list-style: none;
-    background-color: #fff;
+	background-color: #fff;
-    width:100%;
+	width: 100%;
-    background-clip: padding-box;
+	background-clip: padding-box;
-    border: none;
+	border: none;
-    border-radius: .25rem;
+	border-radius: .25rem;
+}
-.radio-form p{
+.radio-form p {
 	display: -webkit-inline-box
+}
-.dropdown a{
+.dropdown a {
-	color:#000000;
+	color: #000000;
 	font-size: 16px;
 	font-weight: 400;
 	padding: 0 20px;
+}
-.accountnone{
+.accountnone {
-	border:none;
+	border: none;
+}
-.helpforum{
+.helpforum {
 	background-color: #fff;
 	padding: 15px 0;
 	box-shadow: 0px 2px #c6c6c6;
+}
-.helpforum h3{
+.helpforum h3 {
 	font-size: 18px;
 	font-weight: 600;
+}
-.helpforum a{
+.helpforum a {
 	background-color: #e44d3a;
 	color: #fff;
 	padding: 10px 15px 10px 15px;
-    line-height: 4;
+	line-height: 4;
 	border-radius: 3px;
+}
-.helpforum p{
+.helpforum p {
 	line-height: 3;
+}
-.actionstitle h3{
+.actionstitle h3 {
 	font-size: 18px;
 	font-weight: 400;
 	color: #000;
 	padding-top: 30px;
+}
-.actionstitle img{
+.actionstitle img {
 	padding-right: 10px;
+}
-.actionstext a{
+.actionstext a {
 	font-size: 16px;
 	font-weight: 500;
 	color: #e44d3a;
 	line-height: 2;
 	display: block;
+}
-.helpform{
+.helpform {
 	text-align: center;
 	padding-top: 70px;
+}
-.helpform h3{
+.helpform h3 {
 	font-size: 18px;
 	font-weight: 400;
 	color: #e44d3a;
 	margin-bottom: 10px;
+}
 .helpform a {
-    background-color: #e44d3a;
+	background-color: #e44d3a;
-    color: #fff;
+	color: #fff;
-    padding: 10px 15px 10px 15px;
+	padding: 10px 15px 10px 15px;
 	border-radius: 3px;
+}
-.helpform p{
+.helpform p {
 	margin-bottom: 30px;
+}
 .helpform img {
 	float: unset;
 	padding-bottom: 10px;
+}
-.bookingsideber h3{
+.bookingsideber h3 {
 	color: #000;
+}
-.bookingsideber h3:active{
+.bookingsideber h3:active {
 	color: #e44d3a;
+}
-.helpforum h4{
+.helpforum h4 {
 	font-size: 16px;
 	font-weight: 600;
+}
-.bloktext{
+.bloktext {
 	padding-left: 25px;
+}
-.privacy{
+.privacy {
 	background-color: #fff;
 	height: 850px;
+}
 .privacydropd .dropdown-toggle::after {
-    float: right;
+	float: right;
-    vertical-align: .255em;
+	vertical-align: .255em;
-}
-.checkbox{
+}
+.checkbox {}
 .form-check {
-    padding-left: 0;
+	padding-left: 0;
+}
-.btns a{
+.btns a {
 	color: #000;
-	border:1px solid #e5e5e5;
+	border: 1px solid #e5e5e5;
 	padding: 10px 25px 10px 25px;
-    margin-left: 15px;
+	margin-left: 15px;
-    border-radius: 5px;
+	border-radius: 5px;
-    font-weight: 600;
+	font-weight: 600;
+}
-.btns{
+.btns {
 	padding-top: 20px;
+}
 .btns a:hover {
 	background-color: #e44d3a;
 	color: #fff;
+}
 .privacy h3 {
 	font-size: 18px;
 	font-weight: 600;
 	padding-top: 18px;
 	margin-bottom: 10px;
+}
 .privacy p {
 	padding-top: 0px;
 	display: inline-block;
+}
 .form-group {
-    margin-bottom: 1rem;
+	margin-bottom: 1rem;
-    padding-top: 0px;
+	padding-top: 0px;
+}
-.privacy i{
+.privacy i {
 	float: right;
 	color: #e44d3a;
 	font-size: 20px;
 	font-weight: 600;
+}
-.dropdown-menu input{
+.dropdown-menu input {
 	margin-right: 10px;
 	margin-top: 15px;
+}
-.dropdown-menu a{
+.dropdown-menu a {
 	padding: 10px 0 10px 40px;
 	margin-bottom: 10px;
+}
-.dropdown-menu form{
+.dropdown-menu form {
 	margin-bottom: 10px;
 	margin-top: 10px;
+}
 .privacydropd p {
-    margin-left: 20px;
+	margin-left: 20px;
-    margin-top: 5px;
+	margin-top: 5px;
+}
-.privabtns{
+.privabtns {
 	margin-top: 20px;
+}
-.privabtns{
+.privabtns {
-	padding-bottom:15px;
+	padding-bottom: 15px;
+}
-.privabtns a{
+.privabtns a {
 	margin-right: 15px;
 	padding: 8px 25px;
 	color: #000000;
-	border:1px solid #e5e5e5;
+	border: 1px solid #e5e5e5;
+}
-.privabtns a:hover{
+.privabtns a:hover {
-    color: #fff;
+	color: #fff;
-    background-color: #e44d3a;
+	background-color: #e44d3a;
+}
-.privac{
+.privac {
 	background-color: #fff;
 	height: 560px;
 	padding-top: 20px;
+}
-.privac h3{
+.privac h3 {
 	font-size: 18px;
 	font-weight: 600;
+}
-.bids-detail ul{
+.bids-detail ul {
 	display: -webkit-inline-box;
+}
-.bids-detail ul li{
+.bids-detail ul li {
 	margin-right: 30px;
+}
-.bids-detail h3{
+.bids-detail h3 {
 	font-size: 16px;
 	font-weight: 400;
+}
-.bids-detail{
+.bids-detail {
 	background-color: #fff;
 	padding: 20px;
 	margin-bottom: 25px;
 	box-shadow: 0px 2px #e4e4e4;
+}
 .dropdown-menu.show {
-    display: contents;
+	display: contents;
+}
 .postpaid:checked:after {
-    content: "\f17b";
+	content: "\f17b";
-    font: normal normal normal 16px/1 "LineAwesome";
+	font: normal normal normal 16px/1 "LineAwesome";
-    font-weight: 600;
+	font-weight: 600;
-    border:1px solid #fff;
+	border: 1px solid #fff;
-    color: #ffffff;
+	color: #ffffff;
-    text-align: center;
+	text-align: center;
-    font-size: 12px;
+	font-size: 12px;
-    width: 100%;
+	width: 100%;
-    height: 100%;
+	height: 100%;
-    background: #e44d3a;
+	background: #e44d3a;
-    display: block;
+	display: block;
-    border-radius: 50%;
+	border-radius: 50%;
-    padding-top: 3px;
+	padding-top: 3px;
+}
-.postpaid:focus{
+.postpaid:focus {
-	border:1px solid #fff;
+	border: 1px solid #fff;
 	width: 25px;
 	height: 25px;
+}
 .postpaid {
-    -webkit-appearance: none;
+	-webkit-appearance: none;
-    content: '';
+	content: '';
-    width: 20px;
+	width: 20px;
-    height: 20px;
+	height: 20px;
-    border-radius: 50%;
+	border-radius: 50%;
-    border: 1px solid #5e5e5e;
+	border: 1px solid #5e5e5e;
-    outline: 0;
+	outline: 0;
-    margin-right: 5px;
+	margin-right: 5px;
+}
 .job-status-bar {
-	border-top:1px solid #e5e5e5;
+	border-top: 1px solid #e5e5e5;
+}
-.main-ws-sec .job-status-bar {
+.main-ws-sec .job-status-bar {}
 .main-ws-sec .btm-line {
-    padding-bottom: 20px !important;
+	padding-bottom: 20px !important;
-    border-bottom: 1px solid #e5e5e5 !important;
+	border-bottom: 1px solid #e5e5e5 !important;
 	margin-bottom: 20px;
+}
 .job-status-bar hr {
-	margin:0 -40px;
+	margin: 0 -40px;
+}
-}
-.reply-area{
+.reply-area {
 	padding-left: 55px;
 }
 .reply-rply1 {
 	margin: 24px 0;
+}
+.reply-area p {
-.reply-area p{
+	padding-bottom: 10px;
 	padding-bottom: 10px;
+.reply-area span {
-.reply-area span{
+	cursor: pointer;
 	cursor: pointer;
+.reply-area span:hover {
-.reply-area span:hover{
+	color: #e44d3a;
 	color: #e44d3a;
-.reply-area i{
+.reply-area i {
 	font-size: 16px;
+	font-weight: 600;
-	font-weight: 600;
+	padding-right: 8px;
 	padding-right: 8px;
-.comment-area .la-plus-circle{
+.comment-area .la-plus-circle {
 	display: block;
 	text-align: center;
+	font-size: 40px;
-	font-size: 40px;
+	color: #b2b2b2;
 	color: #b2b2b2;
-.reply-area span{
+.reply-area span {
+	padding-top: 5px;
-	padding-top: 5px;
+	color: #b2b2b2;
 	color: #b2b2b2;
-.comt span{
+.comt span {
+	font-size: 16px;
-	font-size: 16px;
+	color: #666666;
 	color: #666666;
+.comt i {
-.comt i{
+	padding-right: 8px;
 	padding-right: 8px;
-.postcomment .form-control{
+.postcomment .form-control {
 	width: 112%;
 	margin-left: -50px;
+	background-color: #efefef;
-	background-color: #efefef;
+	border-radius: 3px;
 	border-radius: 3px;
-}
-.postcomment a{
+.postcomment a {
 	background-color: #e44d3a;
-    color: #fff;
+	color: #fff;
-    padding: 9px 25px 8px 25px;
+	padding: 9px 25px 8px 25px;
+	line-height: 37px;
-    line-height: 37px;
+	border-radius: 3px;
     border-radius: 3px;
+.postcomment {
-.postcomment{
+	padding-top: 30px;
 	padding-top: 30px;
+.widget-about button:focus {
-.widget-about button:focus{
+	box-shadow: none;
-	box-shadow: none;
+}
+.widget-about button:hover {
-.widget-about button:hover{
+	background-color: #e44d3a;
-	background-color:  #e44d3a;
+}
-}
- .widget-about button{
+.widget-about button {
- 	background-color: #e44d3a;
+	background-color: #e44d3a;
-    border: none;
+	border: none;
+	padding: 12px 0;
-    padding: 12px 0;
+	width: 100%;
     width: 100%;
-.widget-about p{
+.widget-about p {
 	background-color: #e44d3a;
+	color: #fff;
-	color: #fff;
+	padding: 10px 0;
 	padding: 10px 0;
+.widget-projectid {
-.widget-projectid{
+	padding: 15px;
 	padding: 15px;
-.widget-projectid h3{
+.widget-projectid h3 {
 	padding-bottom: 7px;
+	font-size: 14px;
-	font-size: 14px;
+	font-weight: 600;
 	font-weight: 600;
-}
-.sd-title h4{
+.sd-title h4 {
 	margin-bottom: 5px;
-    font-size: 16px;
+	font-size: 16px;
+	font-weight: 600;
-    font-weight: 600;
+	line-height: 24px;
     line-height: 24px;
+.paymethd p {
-.paymethd  p{
+	color: #e44d3a;
 	color: #e44d3a;
-.copylink p{
+.copylink p {
+	background-color: #efefef;
-	background-color: #efefef;
+	padding: 7px 0 8px 10px;
 	padding: 7px 0 8px 10px;
-.copylink a{
+.copylink a {
 	background-color: #e44d3a;
 	color: #fff;
+	padding: 10px 15px 10px 15px;
-    padding: 10px 15px 10px 15px;
+	border-radius: 4px;
-    border-radius: 4px;
+}
+.copylink span {
-.copylink span{
+	padding: 30px 0 20px;
 	padding:30px 0 20px;
-.copylink i{
+.copylink i {
+	float: unset;
-	float: unset;
+	position: unset;
 	position: unset;
-.copylink .la-facebook{
+.copylink .la-facebook {
+	background-color: #3b5998;
-	background-color: #3b5998;
+	color: #fff;
 	color: #fff;
+.copylink .la-twitter {
-.copylink .la-twitter{
+	color: #1da1f2;
-	color: #1da1f2;
+}
-}
-.copylink .la-pinterest-p{
+.copylink .la-pinterest-p {
-	background-color:#fff ;
+	background-color: #fff;
+	color: #c11628;
-	color:#c11628 ;
+	border-radius: 50%;
 	border-radius: 50%;
+.copylink img {
-.copylink img{
+	padding-right: 10px;
 	padding-right: 10px;
-.freelancerbiding{
+.freelancerbiding {
+	background-color: #fff;
-	background-color: #fff;
+	padding-top: 20px;
 	padding-top: 20px;
-.freelancerbiding h3{
+.freelancerbiding h3 {
+	font-size: 18px;
-	font-size: 18px;
+	font-weight: 400;
 	font-weight: 400;
+.repcent {
-.repcent{
+	text-align: left;
 	text-align: left;
+.bidrit {
-.bidrit{
+	float: right;
 	float: right;
+.repcent i {
-.repcent i{
+	padding-left: 5px;
 	padding-left: 5px;
-.star{
+.star {
+	display: inline-flex;
-	display: inline-flex;
+	padding: 5px 0;
 	padding: 5px 0;
+.star li i {
-.star li i{
+	color: #bfd337;
 	color: #bfd337;
+.repcent span {
-.repcent span{
+	color: #51a5fb;
 	color: #51a5fb;
+.repcent p {
-.repcent p{
+	padding-left: 7px;
 	padding-left: 7px;
+.noreview ul li i {
-.noreview ul li i{
+	color: #b2b2b2;
 	color: #b2b2b2;
 .paymethd .star li i {
+	position: unset;
-	position: unset;
+	font-size: 14px;
 	font-size: 14px;
-.paymethd .star a{
+.paymethd .star a {
 	color: #51a5fb;
 	padding-left: 12px;
 }
+.modal-header {
-.modal-header{
+	background-color: #e44d3a;
-	background-color: #e44d3a;
+	display: block !important;
 	display: block!important;
-}
+.modal-body {
-.modal-body{
+	padding: 0;
 	padding: 0;
+.notice {
-.notice{
+	background-color: #ddf3ff;
-	background-color: #ddf3ff;
+	padding: 15px;
 	padding: 15px;
+.notice span {
-.notice span{
+	font-weight: 500;
-	font-weight: 500;
+	padding-right: 5px;
 	padding-right: 5px;
-}
+.innerbody {
-.innerbody{
+	padding: 15px;
 	padding: 15px;
+.innerbody h3 {
-.innerbody h3{
+	font-size: 18px;
-	font-size: 18px;
+	font-weight: 600;
 	font-weight: 600;
-.innerbody h4{
+.innerbody h4 {
 	font-weight: 600;
+	font-size: 14px;
-	font-size: 14px;
+	margin-left: -15px;
-	margin-left: -15px;
+	float: left;
-	float: left;
+}
-}
-.delivery .input-group select{
+.delivery .input-group select {
 	width: 150px;
-    height: 50px!important;
+	height: 50px !important;
+	font-size: 19px;
-    font-size: 19px;
+	border: 1px solid #e5e5e5;
-    border: 1px solid #e5e5e5;
+	border-radius: 3px;
-    border-radius: 3px;
+}
-}
 .input-group-prepend {
-    background-color: #f3f3f3;
+	background-color: #f3f3f3;
-    color: #bfbfbf;
+	color: #bfbfbf;
+	text-align: center;
-    text-align: center;
+	line-height: 3;
-    line-height: 3;
+	border: 1px solid #e5e5e5;
-    border: 1px solid #e5e5e5;
+}
 .input-group-text {
-    color: #666666 !important;
+	color: #666666 !important;
+	background-color: #f5f5f5 !important;
-    background-color: #f5f5f5 !important;
+	border: 0px !important;
-	border: 0px !important;
+	border-radius: 3px !important;
-    border-radius: 3px !important;
+}
-}
-.place-bid-form{
+.place-bid-form {
 	position: relative;
+	left: 20px;
-    left: 20px;
+	top: -15px;
-    top: -15px;
+	padding-bottom: 15px;
     padding-bottom: 15px;
+.place-bid-form .input-group input {
-.place-bid-form .input-group input{
+	width: 70px;
-	width: 70px;
+	border: 1px solid #e5e5e5;
 	border: 1px solid #e5e5e5;
-}
+.paydel {
-.paydel{
+	padding: 40px 0 0;
 	padding: 40px 0 0;
+.beatcompitation {
-.beatcompitation{
+	background-color: #f3f3f3;
-	background-color: #f3f3f3;
+	padding: 15px;
 	padding: 15px;
-}
+.beatcompitation h3 {
-.beatcompitation h3{
+	font-weight: 500;
 	font-weight: 500;
-.sponser i{
+.sponser i {
 	background-color: #e44d3a;
+	color: #fff;
-	color: #fff;
+	margin-right: 5px;
-	margin-right: 5px;
+	padding: 2px;
 	padding: 2px;
-.sponser h2{
+.sponser h2 {
 	font-size: 18px;
+	font-weight: 600;
-	font-weight: 600;
+	padding-top: 15px;
-	padding-top: 15px;
+	padding-bottom: 15px;
 	padding-bottom: 15px;
-}
+.sponser {
-.sponser{
+	padding: 15px;
 	padding:15px;
-.modal-footer{
+.modal-footer {
+	display: block !important;
-	display: block!important;
+	border-top: none;
-	border-top: none;
+	padding-bottom: 30px;
 	padding-bottom: 30px;
-.modal-footer button{
+.modal-footer button {
 	font-size: 15px;
 	font-weight: 500;
 	background-color: unset;
-	border:none;
+	border: none;
+	padding: 10px;
-	padding: 10px;
+	border: 1px solid #d2d2d2;
-	border:1px solid #d2d2d2;
+	border-radius: 3px;
 	border-radius: 3px;
-}
-.modal-footer button:hover{
+.modal-footer button:hover {
 	background-color: #e44d3a;
 	color: #fff;
-	border:1px solid #e44d3a;
+	border: 1px solid #e44d3a;
+}
 .place-bid-btn {
 	font-size: 15px;
 	font-weight: 500;
 	color: #fff !important;
 	background-color: #e44d3a !important;
-	border:none;
+	border: none;
 	padding: 10px;
-	border:1px solid #e44d3a;
+	border: 1px solid #e44d3a;
 	border-radius: 3px;
+}
-.usy-dt .reply{
+.usy-dt .reply {
 	margin: 3px 0 0 10px;
 	width: 360px;
+	height: 40px;
-	height: 40px;
+	background-color: #efefef;
-	background-color: #efefef;
+	border: 1px solid #e5e5e5;
-	border:1px solid #e5e5e5;
+	padding-left: 10px;
-	padding-left: 10px;
+	border-radius: 3px;
-	border-radius: 3px;
+}
-.replybtn{
+.replybtn {
+	background-color: #e44d3a;
-	background-color: #e44d3a;
+	color: #fff;
-    color: #fff;
+	padding: 10px;
-    padding: 10px;
+	margin-left: 15px;
+	border-radius: 3px;
-    margin-left: 15px;
+}
-	border-radius: 3px;
 .replybtn:hover {
+	color: #fff;
-.replybtn:hover{
+}
 	color: #fff;
 .rewivew ul li {
-.rewivew ul li{
+	margin-right: 5px !important;
+}
-	margin-right: 5px!important;
 .security hr {
-.security hr{
+	margin-right: -15px;
-	margin-right: -15px;
+	margin-left: -15px;
 	margin-left: -15px;
-.privacy .la-check{
+.privacy .la-check {
 	float: left;
 	font-size: 12px;
+	margin: 5px 5px 0 0;
-	margin: 5px 5px 0 0;
+	padding: 3px;
-	padding: 3px;
+	background-color: #e44d3a;
-	background-color: #e44d3a;
+	color: #fff;
+	border-radius: 50%;
 	color: #fff;
-	border-radius: 50%;
+}
+ul#myTab {
-}
+	border-bottom: 1px solid #e5e5e5;
 ul#myTab {
     border-bottom: 1px solid #e5e5e5;
+.nav-tabs .nav-link {
-}
+	border: none;
 .nav-tabs .nav-link {
     border: none;
+.noborder {
-}
+	border-bottom: none;
 .noborder{
 	border-bottom: none;
+.manbids {
 	margin-bottom: 0 !important;
-.manbids{
+}
-	margin-bottom: 0 !important;
-}
+.noreply {
-.noreply{
+	padding-top: 30px;
+}
-	padding-top: 30px;
 #my-bids .nav-tabs {
-#my-bids .nav-tabs {
+	margin-bottom: 20px;
-    margin-bottom: 20px;
+	margin-top: 7px;
-    margin-top: 7px;
+	padding-bottom: 0;
+}
-    padding-bottom: 0;
 #my-bids ul {
-#my-bids ul{
+	margin-bottom: 15px;
-	margin-bottom: 15px;
+	margin-top: 7px;
+	padding-bottom: 0;
-	margin-top: 7px;
+}
 	padding-bottom: 0;
-}
+.savedjob-info p {
-.savedjob-info p{
+	color: #666666;
-	color: #666666;
+	margin-top: 5px;
+}
-	margin-top: 5px;
 #my-bids ul li a {
-#my-bids ul li a{
+	color: #000000;
+	font-size: 16px;
-	color: #000000;
+	font-weight: 500;
 	font-size: 16px;
 	font-weight: 500;
+#my-bids li a:hover {
-}
+	color: #e44d3a;
 #my-bids  li a:hover{
-	color: #e44d3a;
 #saved-jobs ul {
-#saved-jobs ul{
+	margin-bottom: 20px;
+}
-	margin-bottom: 20px;
 #saved-jobs ul li a {
-#saved-jobs ul li a{
+	color: #000000;
+	font-size: 16px;
-	color: #000000;
+	font-weight: 500;
-	font-size: 16px;
+}
-	font-weight: 500;
-}
+#saved-jobs li a:hover {
-#saved-jobs  li a:hover{
+	color: #e44d3a;
+}
-	color: #e44d3a;
+.wordpressdevlp h2 {
-}
+	font-size: 18px;
-.wordpressdevlp h2 {
+	font-weight: 600;
-    font-size: 18px;
+	margin-bottom: 15px;
     font-weight: 600;
     margin-bottom: 15px;
+#saved-jobs .nav-tabs .nav-item.show .nav-link,
-}
+#saved-jobs .nav-tabs .nav-link.active {
+	background-color: inherit;
-#saved-jobs .nav-tabs .nav-item.show .nav-link, #saved-jobs .nav-tabs .nav-link.active {
+	color: #e44d3a !important;
-    background-color: inherit;
+	padding-bottom: 9px;
-    color: #e44d3a !important;
+	border-bottom: 2px solid #e44d3a !important;
 	padding-bottom: 9px;
 	border-bottom: 2px solid #e44d3a !important;
+#my-bids .nav-tabs .nav-item.show .nav-link,
-}
+#my-bids .nav-tabs .nav-link.active {
-#my-bids .nav-tabs .nav-item.show .nav-link, #my-bids .nav-tabs .nav-link.active {
+	background-color: inherit;
-    background-color: inherit;
+	color: #e44d3a !important;
-    color: #e44d3a !important;
+	padding-bottom: 9px;
+	border-bottom: 2px solid #e44d3a !important;
-	padding-bottom: 9px;
+}
-	border-bottom: 2px solid #e44d3a !important;
-}
+.descptab li img {
-.descptab li img{
+	float: left !important;
-	float: left!important;
+	filter: inherit !important;
+}
-	filter: inherit!important;
-}
+.bklink {
-.bklink{
+	border-bottom: none !important;
-	border-bottom: none!important;
+	width: unset !important;
-	width: unset!important;
+	float: right !important;
-	float: right!important;
+}
-.bklik{
+.bklik {
-	border-bottom: none!important;
+	border-bottom: none !important;
+}
-}
+/*////////////////////////////////////////My css////////////////////////////////
+//////////////////////////////////////////////////////////////////////////////*/
-/*////////////////////////////////////////My css////////////////////////////////
+.savedjob-info li {
-//////////////////////////////////////////////////////////////////////////////*/
+	display: inline-block;
+	padding-left: 25px;
-.savedjob-info li{
+}
 	display: inline-block;
-	padding-left: 25px;
+.savedjob-info h3 {
 	font-size: 14px;
-.savedjob-info h3{
+	font-weight: 500;
+}
 	font-size: 14px;
-	font-weight: 500;
+.settingjb ul li {
 	margin-right: 25px !important;
+}
-.settingjb ul li{
-	margin-right: 25px!important;
+.mangebid li {
 	padding-left: 0;
+	padding-right: 20px;
-.mangebid li{
+	padding-top: 10px;
 	padding-left: 0;
 	padding-right: 20px;
-	padding-top: 10px;
+.bk-links.bklink li {
+	padding-right: 0;
 }
 .bk-links.bklink li {
-    padding-right: 0;
+.bidsbtn {
 	position: relative;
+}
-.bidsbtn{
-	position: relative;
+.biddersinfo li {
 	padding-left: 0;
+	padding-right: 20px;
-.biddersinfo li{
+}
 	padding-left: 0;
-	padding-right: 20px;
+#review {
+	background-color: #fff;
 	margin-bottom: 40px;
 #review{
 	background-color: #fff;
+.starreview {
-	margin-bottom: 40px;
+	padding-left: 20px;
+}
 .starreview{
+.replytext {
-	padding-left: 20px;
+	padding-bottom: 20px;
+}
 .replytext{
+.starrevi {
-	padding-bottom: 20px;
+	padding-left: 20px;
+}
-.starrevi {
-	padding-left: 20px;
+.job-dt li a {
-}
+	background-color: #51a5fb;
-.job-dt li a{
+}
-	background-color: #51a5fb;
-}
+.apply-jobbox {
-.apply-jobbox{
+	text-align: center;
+}
-	text-align: center;
 .apply-jobbox form input {
-.apply-jobbox form input{
+	width: 100%;
+	margin-top: 20px;
-	width: 100%;
+	padding: 10px;
-    margin-top: 20px;
+	color: #222;
-    padding: 10px;
+	border: 1px solid #e5e5e5;
-    color: #222;
+	border-radius: 3px;
-    border: 1px solid #e5e5e5;
+	font-size: 14px;
     border-radius: 3px;
-    font-size: 14px;
+.apply-jobbox h3 {
 	margin: 20px 0;
-.apply-jobbox h3{
+}
-	margin: 20px 0;
-}
+.select-files {
-.select-files{
+	border: 1px solid #e5e5e5;
-	border: 1px solid #e5e5e5;
+	margin-top: 20px;
-    margin-top: 20px;
+	padding: 30px;
+	background: #efefef;
-    padding: 30px;
+}
 	background: #efefef;
 .select-files button {
-.select-files button{
+	margin-bottom: 20px;
+	background-color: transparent;
-	margin-bottom: 20px;
+	border: 1px solid #e5e5e5;
-    background-color: transparent;
+	padding: 10px 15px 10px 15px;
-    border: 1px solid #e5e5e5;
+	border-radius: 5px;
-    padding: 10px 15px 10px 15px;
+	font-weight: 600;
-    border-radius: 5px;
+}
-    font-weight: 600;
-}
+.select-files button:hover {
-.select-files button:hover{
+	background-color: #e44d3a;
-	background-color: #e44d3a;
+	color: #fff;
-	color: #fff;
+}
-}
+.close {
-.close{
+	position: absolute;
-	position: absolute;
+	right: -25px;
-    right: -25px;
+	top: -25px;
+	color: #fff;
-    top: -25px;
+	border: 1px solid !important;
-    color: #fff;
+	border-radius: 50%;
-    border: 1px solid!important;
+	height: 25px;
-    border-radius: 50%;
+	width: 25px;
-    height: 25px;
+}
     width: 25px;
+.mapouter iframe {
+	width: 100%;
+	height: 400px;
+}
+.mapouter {
+	position: relative;
+	text-align: right;
+	height: 500px;
+	width: 100%;
+}
-.mapouter iframe{
+.gmap_canvas {
-	width:100%;
+	overflow: hidden;
-	 height:400px;
+	background: none !important;
 }
 .mapouter{position:relative;text-align:right;height:500px;width:100%;}
+.video-iframe {
-.gmap_canvas {overflow:hidden;background:none!important;}
+	width: 100%;
-.video-iframe{
+	height: 400px;
 	width:100%;
-	 height:400px;
+.custom-file-input {
-}
+	color: transparent;
-.custom-file-input {
+	opacity: 1;
-  color: transparent;
+	margin-left: 140px;
-  opacity: 1;
+	margin-bottom: 10px;
-  margin-left: 140px;
+}
-  margin-bottom: 10px;
-}
+.custom-file-input::-webkit-file-upload-button {
-.custom-file-input::-webkit-file-upload-button {
+	visibility: hidden;
-  visibility: hidden;
+}
-}
 .custom-file-input::before {
-  content: 'Select Files';
+	content: 'Select Files';
-  color: #fff;
+	color: #fff;
+	display: inline-block;
-  display: inline-block;
+	border: 1px solid #e5e5e5;
-  border: 1px solid #e5e5e5;
+	border-radius: 3px;
-  border-radius: 3px;
+	background: #e44d3a;
-  background: #e44d3a;
+	font-weight: 500;
+	padding: 10px 15px;
-  font-weight: 500;
+	outline: none;
-  padding: 10px 15px;
+	white-space: nowrap;
-  outline: none;
+	-webkit-user-select: none;
+	cursor: pointer;
   white-space: nowrap;
-  -webkit-user-select: none;
-  cursor: pointer;
+.custom-file-input:hover::before {
 	background-color: #e44d3a;
+	color: #fff;
-.custom-file-input:hover::before {
+}
   background-color: #e44d3a;
-  color: #fff;
+.custom-file-input:active {
+	outline: 0;
 }
 .custom-file-input:active {
-  outline: 0;
+.custom-file-input:active::before {
+	background: #e44d3a;
-}
+	color: #fff;
 .custom-file-input:active::before {
   background: #e44d3a;
+.bids-time {
-  color: #fff;
+	float: right;
 }
 .bids-time{
-	float: right;
+.saved-post {
+	padding: 0;
 }
 .saved-post{
-	padding: 0;
+.saved-post p {
 	padding-bottom: 20px;
+}
-.saved-post p{
-	padding-bottom: 20px;
+.saved-info li {
 	padding-right: 25px;
+	padding-left: 0;
-.saved-info li{
+}
-	padding-right:25px;
-	padding-left: 0;
+.saved-btn {
+	padding: 0;
-}
+	margin-bottom: -12px;
-.saved-btn{
+}
 	padding: 0;
+.applied-post {
-	margin-bottom: -12px;
+	padding: 0;
 }
 .applied-post{
+.post-bid {
-	padding: 0;
+	padding: 0 !important;
+}
 .post-bid{
-	padding: 0!important;
+.bidsbtn {
 	padding-top: 0 !important;
+}
-.bidsbtn{
-	padding-top:0!important;
+.active-bids {
 	padding: 0;
 .active-bids{
 	padding:0;
 .activ-bidinfo li {
-.activ-bidinfo li{
+	padding-top: 10px;
-	padding-top: 10px;
+	padding-left: 0;
-	padding-left: 0;
+	padding-right: 25px;
 	padding-right: 25px;
-}
-.activebtn{
+.activebtn {
 	padding-left: 0;
 }
 .p-all {
 	padding: 0px;
 	float: left;
+	width: 100%;
-    width: 100%;
+	position: relative;
-    position: relative;
+}
-}
+.toggle-btn .custom-switch .custom-control-label::before {
-.toggle-btn .custom-switch .custom-control-label::before {
+	left: -2.25rem;
-    left: -2.25rem;
+	width: 70px;
-    width: 70px;
+	pointer-events: all;
-    pointer-events: all;
+	border-radius: 100px;
-    border-radius: 100px;
+	height: 30px;
-    height: 30px;
+	top: -1px;
-    top: -1px;
+	box-shadow: none;
 	box-shadow: none;
 .toggle-btn .custom-control-label::before {
-.toggle-btn .custom-control-label::before {
+	position: absolute;
-    position: absolute;
+	top: .25rem;
-    top: .25rem;
+	left: -1.5rem;
-    left: -1.5rem;
+	display: block;
-    display: block;
+	width: 1rem;
-    width: 1rem;
+	height: 1rem;
+	pointer-events: none;
-    height: 1rem;
+	content: "";
-    pointer-events: none;
+	background-color: #fff;
-    content: "";
+	border: #e1e1e1 solid 2px;
-    background-color: #fff;
+}
-    border: #e1e1e1 solid 2px;
-}
+.custom-control-input:checked~.custom-control-label::before {
-.custom-control-input:checked~.custom-control-label::before {
+	color: #fff;
-    color: #fff;
+	border-color: #e44d3a;
-    border-color: #e44d3a;
+	background-color: #e44d3a;
-    background-color: #e44d3a;
+	box-shadow: none;
-	box-shadow:none;
+	outline: none;
+}
 	outline:none;
-}
+.toggle-btn .custom-switch .custom-control-label::after {
-.toggle-btn .custom-switch .custom-control-label::after {
+	top: calc(-1px + 2px);
-   top: calc(-1px + 2px);
+	left: calc(-36px + 2px);
-    left: calc(-36px + 2px);
+	width: calc(30px - 4px);
-    width: calc(30px - 4px);
+	height: calc(30px - 4px);
-    height: calc(30px - 4px);
+	background-color: #e1e1e1;
-    background-color: #e1e1e1;
+	border-radius: 100%;
-    border-radius: 100%;
+	transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out;
-    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;
+	transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
+	transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out;
     transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
-    transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;
-}
+.toggle-btn .custom-control-label::after {
-.toggle-btn .custom-control-label::after {
+	position: absolute;
-    position: absolute;
+	top: .25rem;
+	left: -1.5rem;
-    top: .25rem;
+	display: block;
-    left: -1.5rem;
+	width: 0;
-    display: block;
+	height: 0;
-    width: 0;
+	content: "";
-    height: 0;
+	background: no-repeat 50%/50% 50%;
     content: "";
-    background: no-repeat 50%/50% 50%;
-}
+.toggle-btn .custom-control-label {
-.toggle-btn .custom-control-label {
+	position: initial;
-    position: initial;
+	margin-bottom: 0;
-    margin-bottom: 0;
+	vertical-align: top;
-    vertical-align: top;
+}
 .toggle-btn .custom-switch .custom-control-input:checked~.custom-control-label::after {

Proyectos de Subversion LeadersLinked - Antes de SPA

(root)/public/css/style-old.css – Rev 2633 → 2642