html,
body {
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-weight: 400;
color: #323640;
/*overflow-x: hidden;*/
-webkit-font-smoothing: antialiased;
background-color: #f3f5f9;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-weight: bold;
color: #575761; /*#36363d*/
}
ul {
margin:0;
padding:0;
list-style:none;
}
a {
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
color: #5ec580;
}
a,
a:hover,
a:focus,
input:focus {
text-decoration:none;
outline: none;
color: #555555;
}
img {
max-width: 100%;
}
section {
min-width: 100%;
position: relative;
width: 100%;
padding: 20px 0;
}
a:active,
a:focus, button:focus, .btn:focus,
input:focus, textarea:focus, select:focus, .form-control:focus {
outline: none !important;
text-decoration: none !important;
box-shadow: none !important;
}
select:hover { cursor: pointer; }
.form-control {
box-shadow:none;
-webkit-box-shadow:none;
border: 1px solid #e3e3e3;
height:46px;
color:#000;
}
.form-control:focus {
border-color: #a9dcbb !important;
box-shadow: 0 0 5px 0 rgba(109, 191, 92, 0.12) !important;
}
.title_home {
line-height: 34px;
color: #FFFFFF;
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
font-weight: 700;
}
.parallax-section {
position: relative;
background-repeat: no-repeat;
background-size: cover;
}
.parallax-section:before {
position: absolute;
background-color: rgba(35, 174, 121, 0.94);
top: 0;
left: 0;
width: 100%;
height: 100%;
min-height: 264px;
display:block;
content:"";
}
.section {
background-color:#fff;
border-radius: 10px;
padding: 25px 25px;
margin-bottom:20px;
overflow-wrap: break-word;
/*box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;*/
}
.section-title h4 {
color:#000;
font-weight: 500;
}
textarea {
resize:none;
}
.text_desc { min-height: 110px; overflow: hidden; }
.btn {
border-radius: 12px;
margin-top: 3px;
font-weight: 500 !important;
}
.input-group-btn .btn {
margin-top: 0px;
}
.btn-default { color: #9d9c9c; }
.btn-sm { font-size: 14px; }
.btn-lg { border-radius: 12px !important; margin-right: 3px; }
.btn.btn-primary {
font-size:18px;
font-weight:400;
text-transform:capitalize;
background-color:#4fc878 !important;
padding:10px 40px 12px;
border:0;
border-radius: 12px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.btn.btn-primary:hover {
background-color:#48d477 !important;
color:#fff;
}
.navbar-default .navbar-toggle {
border-color: transparent !important;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #55c77b !important;
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
background-color: transparent;
}
#navbar-close span {
font-size: 20px;
color: #bbbbbb;
animation: smoothScroll 0.6s forwards;
}
/* Breadcrumb */
.breadcrumb-section h2.title {
margin-top: 0;
margin-bottom: 32px;
}
.breadcrumb-section .breadcrumb {
margin-bottom: 0;
margin: 0;
padding: 0;
}
p { font-size: 15px; }
.applybtn { display: none; }
.item-info:hover .applybtn { display: inline-block; position: absolute; top: 25px; right: 10px }
.cd-headline { color: #FFF; }
.offer_list img {
opacity: 0.85;
filter: alpha(opacity=85);
transition: 0.3s;
}
.offer_list img:hover {
opacity: 1;
filter: alpha(opacity=100);
transition: 0.3s;
}
.otitle h4 { font-size: 17px; font-weight: 800; }
a.otitle h4 { color: #595959; font-weight: 800; transition: all 0.3s ease-in-out; }
a:hover.otitle h4 { color: #000000 !important; }
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #f9f9f9;
border: 1px solid #eee;
border-left: 3px solid #ddd;
border-radius: 4px;
-webkit-box-shadow: none;
box-shadow: none;
}
.img_wrap {
overflow:hidden; height:370px;
}
.img_wrap:hover {
height: 100%;
}
.rotated {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
transition: all 0.6s ease-in-out;
}
.prem {
position: relative;
background-color: white;
/*
display: inline-block;
border-radius: 20px;
width: 190px;
height: 175px;
margin: 10px;
padding: 10px;*/
overflow: hidden;
}
.prem::before{
content: "PREMIUM";
position: absolute;
top: 0px;
right: -33px;
width: 95px;
transform: rotate(45deg);
background: darkorange;
padding: 15px;
padding-bottom: 5px;
text-align: center;
color: white;
font-size: 9px;
font-weight: bold;
}
.fea {
position: relative;
background-color: white;
overflow: hidden;
}
.fea::before{
content: "FEATURED ";
position: absolute;
top: -5px;
right: -30px;
width: 85px;
transform: rotate(45deg);
background: #eeac57;
padding: 15px;
padding-bottom: 0px;
text-align: center;
color: white;
font-size: 9px;
font-weight: bold;
}
.card-price {
display: inline-block;
width: auto;
height: 38px;
background-color: #5ac67e; /*#6ab070*/
-webkit-border-radius: 3px 4px 4px 3px;
-moz-border-radius: 3px 4px 4px 3px;
border-radius: 3px 4px 4px 3px;
border-left: 1px solid #5ac67e;
margin-left: 19px;
position: relative;
color: white;
font-weight: bold;
font-size: 26px;
line-height: 38px;
padding: 0 10px 0 10px;
text-shadow: 0px 1px 1px #555555;
}
/* Makes the triangle */
.card-price:before {
content: "";
position: absolute;
display: block;
left: -19px;
width: 0;
height: 0;
border-top: 19px solid transparent;
border-bottom: 19px solid transparent;
border-right: 19px solid #5ac67e;
}
/* Makes the circle */
.card-price:after {
content: "";
background-color: white;
border-radius: 50%;
width: 4px;
height: 4px;
display: block;
position: absolute;
left: -9px;
top: 17px;
}
.gradient {
position: relative;
}
.gradient:after {
content: "";
height: 50px;
width: 100%;
position: absolute;
left: 0;
bottom: 0;
background: linear-gradient(
to bottom,
rgba(255, 255, 255, 0) -40%,
white 85%
);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
/* IE6-9 */
}
.trunctxt {
height: 200px;
overflow: hidden;
}
.trunctxt.show {
height: 100%;
}
.show-txt {
display: block;
text-align: center;
color: #55c77b;
font-size: 13px;
}
.show-txt:hover,
.show-txt:active,
.show-txt:focus {
color: #777777;
}
.catn { background: #f2f2f2 !important; padding: 4px 3px !important; min-width: 120px; border-radius: 50px 5px; }
.catn a { color: #928f8f; }
.catn a:hover { color: #555555 !important; }
#saved_avs { margin-top: 10px; }
#saved_avs img { margin-left: -12px; border: 2px solid #FFF; }
#saved_avs .fa-heart-o { color: #67c858 !important; transition: all 0.9s; }
#saved_avs .fa-heart-o:hover { color: #99e28e !important; }
.saveo { color: #aaaaaa !important; position: absolute; right: 25px; z-index: 777; }
a.saveo .fa-heart-o { color: #aaaaaa !important; }
a.saveo .fa-heart-o:hover { font-size: 23px; transition: all 0.4s ease-in-out; }
/*#save_heart .fa-heart-o:hover { font-size: 32px; transition: all 0.4s ease-in-out; }
#save_heart { height: 32px; }*/
.ssave a { color: #aaaaaa !important; }
.ssave i { color: #aaaaaa !important; }
.unme { margin: 2px 0; }
.unme a { color: #696969 !important; font-size: 22px; }
.unme a:hover { color: #55c77b !important; }
a.iuser { font-weight: bold; color: #595959; }
a:hover.iuser, a:focus.iuser, a:active.iuser { font-weight: bold; color: #53c579; }
.iprem { font-weight: bold; color: #e55e0a; }
a.iuser { font-weight: bold; color: #595959; text-decoration: none }
a.iprem { font-weight: bold; color: #e55e0a; text-decoration: none }
a:hover.iprem { font-weight: bold; color: #ff731c !important; text-decoration: none }
.no_user { color: #a4a2a2; }
.savtop { background: #53c579; color: #fff; padding: 1px 5px; font-size: 10px; border-radius: 5px; margin-left:-8px; top: -10px; }
#other_jobs h4 a { color: #555; text-decoration: none }
#other_jobs h4 a:hover { color: #000; transition: all 0.4s ease-in-out; }
#seinfo li .icon { width: 17px; display: inline-block; }
#seinfo li i { width: 17px; display: inline-block; }
a.report { color: #888888; }
a:hover.report { color: #000000; }
a:hover.report i { color: #bb5e5e }
.tnnum { top: -10px; background: #ff790a; color: #FFFFFF; font-size: 9px; border-radius: 4px; padding: 0px 4px; margin-left: -9px; }
/*.titem { position: relative; display: inline-block}
.titem i { font-size: 16px; color: #999; }
.notify-badge { position: absolute; right:-8px; top:-6px; background: #ff790a; text-align: center; border-radius: 5px; color: #FFFFFF; padding:0px 4px; font-size:10px; margin-right: 15px; }*/
.ssuccess { font-size: 16px !important; }
#counter { border: none; color: #aaa; background: #FFF; width:25px; font-size: 12px }
.modal.fade .modal-dialog {
-webkit-transform: scale(0.1);
-moz-transform: scale(0.1);
-ms-transform: scale(0.1);
transform: scale(0.1);
top: 300px;
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.modal.fade.in .modal-dialog {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transform: translate3d(0, -300px, 0);
transform: translate3d(0, -300px, 0);
opacity: 1;
}
/* ==========================================================================
Header
========================================================================== */
#header .navbar-default {
padding: 4px 0;
background: #ffffff;
border: none;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.navbar-brand {
padding: 6px 15px;
height: inherit;
}
.navbar {
margin: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s ease;
}
.navbar-left { margin-top: 5px; padding-left: 25px }
.navbar-fixed-top {
position: fixed;
top:0;
left:0;
right:0;
padding: 20px;
animation: smoothScroll 1s forwards;
}
@keyframes smoothScroll {
0% {
/*opacity: 0;*/
transform: translateY(-40px);
}
100% {
transform: translateY(0px);
}
}
.dropdown .dropdown-toggle {
display: inline-block;
position: relative;
z-index: 1;
padding: 2em;
margin: -2em;
color: #595959;
}
#top_dropdown {
margin-top: 10px;
animation: smoothScroll 1s forwards;
border-radius: 5px;
border: 1px solid #eee;
}
#top_dropdown li a {
background-color: transparent;
font-weight: 400;
font-size: 13px;
color: #344052 !important;
text-transform: uppercase;
line-height: 21px;
padding-left: 10px;
}
#top_dropdown li a:hover { /*color: #55c77b !important;*/ background: #fafafa; }
#top_dropdown li i { width: 23px; text-align: center; transition: all 0.3s; }
#top_dropdown li:hover i { color: #55c77b; }
ul .label-warning, .alert-warning .label-warning { background: #eeac57; padding: 1px 6px !important; border-radius: 6px !important; }
ul .label-info { background: #7bc5db; padding: 1px 6px !important; border-radius: 6px !important; }
#top_dropdown li span i {
width: 10px;
text-align: center;
}
.nav li a,
.navbar-default .navbar-nav>li>a {
background-color: transparent;
font-weight: bold;
font-size: 16px;
color: #696973;
padding: 15px 12px;
text-transform:none;
letter-spacing: -0.3px;
}
.nav li a:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover,
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
background-color: transparent;
color: #59c67e !important;
}
.dropdown-menu {
border-radius: 0;
}
.navbar-nav .dropdown-menu>li>a {
padding: 6px 20px;
font-size: 13px;
}
.dropdown-menu>li>a,
.dropdown-menu>li>a:hover {
background-color:transparent;
}
.nav-right {
margin-top: 15px;
text-align: right;
}
.nav-right .fa-sign-out { font-size: 14px; }
.nav-right .fa-caret-down { font-size: 17px; color: #999; transition: all 0.6s ease-in-out; }
.language-dropdown {
display:inline;
margin-right: 10px;
}
.language-dropdown a {
font-size: 14px;
color: #252525;
line-height: 23px;
}
.language-dropdown a i {
margin-left: 5px;
}
.language-dropdown a:hover {
color:#5ec580;
}
.language-dropdown li>a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: 400;
color: #333;
}
.sign-in {
display:inline;
}
.sign-in li {
display:inline-block;
margin-top: 0px;
}
.language-dropdown i.fa-globe,
.sign-in li i {
font-size: 14px;
color: #5ec580;
margin-right: 5px;
}
.sign-in li:last-child {
position: relative;
padding-left: 10px;
}
.sign-in li:last-child:before {
position: absolute;
left: 0;
top: 50%;
/*background-image: url(../images/1.png);
background-repeat: no-repeat;
width: 7px;
height: 14px;
content:"";*/
margin-top: -7px;
}
.nav-right .dropdown-menu {
/*margin: 18px 0 20px;*/
margin: 1px 0 10px;
}
.nav-right .dropdown-menu li a:hover {
color: #5ec580;
background-color: transparent;
}
.sign-in li a {
color: #000000;
font-size: 14px;
}
.sign-in li a:hover {
color: #5ec580;
}
#header a.btn,
.dbutton a.btn {
padding: 5px 25px 7px;
background-color: #67b310;
font-weight: 400;
font-size: 14px;
color: #fff;
margin-left: 20px;
}
#header a.btn:hover,
.dbutton a.btn:hover {
background-color: #3db967;
}
.badge {
background-color: #5ec580;
margin-left: 5px;
font-size: 12px;
font-weight: 500;
padding-bottom: 2px;
}
.table th { font-size: 14px !important; }
.sharei { font-size: 15px; border:1px solid #ddd; background:#f7f7f7 !important; color:#0f1115; border-radius: 10px; }
.btn-contact { background: #eee; color: #595959; font-weight: normal !important; margin-top: 5px; }
.btn-contact:hover, .btn-contact:active, .btn-contact:focus { background: #6ec451 !important; border: 1px solid #6ec451; color: #FFF !important; }
.btn-decline { background: #b5706e; border: 1px solid #b5706e; }
.btn-decline:hover { background: #e6706c; }
.btn-fbk { color: #ffffff; background: #54c77b !important; font-size: 13px; padding: 7px 9px !important; }
.btn-fbk:hover, .btn-fbk:active, .btn-fbk:focus { color: #ffffff; background: #888888 !important; border: 1px solid #888888; padding: 7px 9px !important; }
.btn-order { box-shadow: 0px 2px 4px rgba(118, 224, 99, 0.25) !important; border-bottom: 2px solid #1ea84c !important; }
.btn-success.btn-order:hover { box-shadow: 0px 2px 4px rgba(118, 224, 99, 0.25) !important; border-bottom: 2px solid #30d166 !important; }
.banned { text-decoration: line-through 2px !important; color: #d75452 !important; }
.banned img { opacity: 0.65; background:rgba(223, 115, 115, 0.71) }
iframe[src*=youtube] {
display: block;
margin: 0 auto;
max-width: 100%;
padding-bottom: 10px;
}
.carousel {
margin-bottom: 0;
padding: 0 40px 30px 40px;
}
.carousel-control {
left: -12px;
height: 40px;
width: 40px;
color: #fff;
background: none !important;
border-radius: 23px 23px 23px 23px;
margin-top: 40px;
}
.carousel-control.right {
right: -12px;
}
.carousel-indicators {
right: 50%;
top: auto;
bottom: -10px;
margin-right: -19px;
}
.carousel-indicators li {
background: #cecece;
}
.carousel-indicators .active {
background: #428bca;
}
.feedback_s {
background: #f4f4f4;
border-left: 3px solid #5b71c6;
padding: 15px;
border-radius: 15px;
}
.feedback_s sup {
background: #5b71c6;
}
.feedback_s .s_reply {
padding-left: 50px;
padding-right: 10px;
}
.fav_btns {
position: absolute;
/*top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(to top, rgba(24, 194, 171, 0.9) 0%, rgba(24, 194, 171, 0.5) 50%, rgba(24, 194, 171, 0) 100%);
display: flex;
flex-direction: column;
justify-content: flex-end;
*/
opacity: 0;
transition: opacity 0.3s ease;
padding: 15px;
}
.fav_list:hover .fav_btns {
opacity: 1;
}
.pulse {
width: 8px;
height: 8px;
background: #bf1d1d;
border-radius: 50%;
animation: pulse 2s infinite;
}
@keyframes pulse {
0% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba(255, 107, 0, 0.7);
}
70% {
transform: scale(1);
box-shadow: 0 0 0 10px rgba(255, 107, 0, 0);
}
100% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba(255, 107, 0, 0);
}
}
/*
.overlay-content {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
*/
/* ==========================================================================
banner-form
========================================================================== */
.banner-form {
background-color: rgba(0, 0, 0, 0.14);
padding: 8px;
max-width: 750px;
margin: 12px auto;
border-radius: 5px;
text-align:left;
}
.banner-form form {
border-radius:4px;
background-color:#fff;
position:relative;
}
.category-dropdown {
background-color: #fff;
border-right: 1px solid #e6e6e6;
border-radius: 5px 0px 0px 5px;
min-width: 200px;
line-height: 45px;
text-align: left;
padding: 0 20px;
}
.category-dropdown a i{
margin-left: 5px;
}
.category-dropdown a {
font-size: 16px;
margin: 0;
color: #000;
border: none;
border-radius: 5px 0 0 5px;
text-transform: capitalize;
}
.banner-form input {
min-width: 375px;
padding:0 18px 0;
margin: 0;
border: none;
margin-left: -4px;
}
.banner-form .form-control,
.banner-form .category-dropdown {
display:inline-block;
width:30%;
height:46px;
font-size:16px;
color: #000;
}
.banner-form button.btn.btn-primary {
position:absolute;
right:-2px;
bottom:0;
font-size: 16px;
max-width: 114px;
background-color: #4fc878;
border-radius: 0 5px 5px 0 ;
color: #fff;
text-transform: uppercase;
border-color:#5ec580;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
height:100%;
padding: 10px 20px;
}
.banner-form button:hover {
background-color: #0072bc;
border-color: #0072bc;
}
.banner-socail li {
display: inline-block;;
}
.banner-socail li a {
color: #fff;
font-size: 20px;
background-color:transparent;
display: block;
height: 35px;
width: 35px;
line-height: 35px;
border:1px solid transparent;
border-radius:3px;
}
.banner-socail li i{
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.banner-socail li a:hover .fa-facebook {
color: #405D9B;
}
.banner-socail li a:hover .fa-twitter {
color: #29C5F6;
}
.banner-socail li a:hover .fa-google-plus {
color: #CA3E27;
}
.banner-socail li a:hover .fa-youtube {
color: #EB2429;
}
.category-items {
background-color: #fff;
display: inline-block;
padding:40px 0px 10px;
border-radius: 3px;
}
.category a {
color: #505050;
display:block;
}
.banner-form .dropdown-menu {
min-width:100%;
padding:15px 0;
}
.category-icon {
min-height: 37px;
width: 100%;
}
.category-icon img {
margin: 0 auto;
}
.category-title {
color:#505050;
}
.category-quantity {
color: #b5b5b5;
}
.category-title {
display:block;
font-size: 16px;
}
.category-item:hover .category-quantity,
.category-item:hover .category-title {
color :#5ec580;
}
.ad-section {
margin: 40px 0;
}
.ad-meta {
background-color: #f6f6f6;
border-top: 1px solid #eeeeee;
min-height: 35px;
position: absolute;
bottom: 0;
right:-1px;
width:100%;
padding-left:25px;
display:table;
font-size:14px;
}
.ad-meta .meta-content {
display:table-cell;
vertical-align:middle;
}
.ad-meta .meta-content .dated {
margin-right:20px;
}
.ad-meta .meta-content .dated,
.ad-meta .meta-content .visitors {
font-weight:500;
color:#9fa4a4;
}
.ad-meta .meta-content span,
.ad-meta .meta-content a {
font-weight:400;
color: #9fa4a4;
}
.ad-meta .meta-content a:hover {
color: #5ec580;
}
.ad-meta .user-option a{
font-size: 18px;
color: #9fa4a4;
display:inline-block;
width: 40px;
height: 35px;
text-align: center;
line-height: 35px;
}
.featured .ad-meta .user-option a {
width:30px;
}
.ad-meta .user-option a:hover {
background-color:#fff;
color: #5ec580;
}
.ad-meta .user-option a.edit-item:hover {
color:#0072bc;
}
.ad-meta .user-option a.delete-item {
color:#ed1c24;
}
.ad-meta .user-option a.delete-item:hover {
color:#c3171d;
}
.ad-meta a i {
text-align: right
}
a.verified {
position: absolute;
top: 0;
right: 0;
}
a.verified i {
height: 20px;
width: 20px;
background-color: #5ec580;
color: #fff;
line-height: 25px;
text-align: center;
}
.ad-section img {
display: inline;
}
.item-image {
position:relative;
}
.item-image img {
width:100%;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.job-ad-item:hover .item-image img {
/*-moz-transform: scale(1.05) rotate(2deg);*/
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.item-image-box, .item-info {
padding: 0;
margin: 0;
}
.item-image-box {
overflow:hidden;
}
.latest-jobs-ads {
margin-bottom: 15px;
background-color: #fff;
padding: 15px 30px;
}
.job-ad-item .ad-info span+a {
color: #9fa4a4;
font-size: 14px;
line-height: 16px;
}
.job-ad-item .ad-info span {
color: #a0a0a0;
font-size: 14px;
line-height: 17px;
}
.tab-manu {
overflow:hidden;
border-bottom: 1px solid #f2f2f2
}
.tab-manu h4 {
float:left;
margin-bottom: 14px;
}
.tab-manu .nav-tabs {
float: right;
border: none;
border: 1px solid transparent;
}
.tab-manu .nav-tabs li a {
padding:12px 15px;
border-bottom:0;
text-transform:capitalize;
color:#9c9c9c;
margin-left: 2px;
}
.tab-manu .nav-tabs li a:hover,
.tab-manu .nav-tabs li a:focus,
.tab-manu .nav-tabs li.active a {
border:1px solid #f2f2f2;
background-color: #fcfcfc;
border-bottom: #f2f2f2;
border-radius: 0;
color: #5ec580;
}
.my-ads .ad-meta .pending {
color:#f7941d;
}
/* Cta */
.cta {
background-color: #fff;
display:inline-block;
color: #a0a0a0;
line-height: 17px;
padding: 41px 0 29px;
margin-top: 9px;
width: 100%;
border-radius: 4px;
}
.cta-icon {
min-height: 56px;
}
.cta-icon img {
display: inline-block;
}
.cta h4 {
color: #000;
font-weight: 500;
margin: 28px 0 10px;
}
#download {
background-image: url(../images/bg/1.jpg);
padding: 55px 0 90px;
}
#download > .parallax-section:before {
min-height: 400px
}
#download h2 {
color:#fff;
font-size: 26px;
font-weight: 300;
margin-bottom: 50px;
}
.download-app {
border: 1px solid #fff;
padding: 10px 40px;
color: #ffffff;
display: block;
overflow: hidden;
min-height: 75px;
border-radius: 10px;
}
.download-app img {
float: left;
margin-top: 5px;
margin-right: 15px;
}
.download-app span {
font-size: 16px;
line-height: 22px;
font-weight: 300;
}
.download-app strong {
font-size: 25px;
display:block;
font-weight: 400;
}
.download-app:hover,
.download-app:focus {
background-color: rgba(0, 0, 0, 0.1);
color:#fff;
}
.single-cta {
padding:0 25px;
}
/* ==========================================================================
Category
========================================================================== */
.breadcrumb {
background-color: transparent;
padding-left: 0;
}
.breadcrumb li,
.breadcrumb li a {
color: #343434;
font-weight: 300;
}
.breadcrumb>li+li:before {
content: "\f101";
font-family: 'FontAwesome';
color: #343434;
}
.breadcrumb-section h2.title {
color: #343434;
}
#something-sell h2.title {
font-weight: 400;
font-size: 36px;
margin-bottom: 14px;
}
.job-list-item {
padding-top: 10px;
margin-bottom:0;
}
.job-list-item h1 {
margin: 10px 0;
}
.job-list-item h4 {
font-weight: 500;
color: #000;
margin: 20px 0;
display:inline;
}
.job-list-item h5 {
display:inline;
margin-right: 9px;
}
.job-list-item .featured-top {
padding-bottom: 13px;
}
.job-list-item .category-dropdown {
background-color: #fff;
border-radius:0;
border:0;
display: inline-block;
height: inherit;
line-height: inherit;
min-width: inherit;
text-align: center;
padding: 0;
}
.job-list-item .change-text {
color: #010101;
font-weight: 500;
}
.job-list-item .change-text+i {
color: #010101;
}
.job-list-item .advertisement-daily {
padding: 13px 0 14px;
}
.recommended-cta .cta {
background: #FFF;
padding: 25px 0;
margin-bottom: 20px;
margin-top: 0;
border-radius: 3px;
}
.recommended-cta .single-cta {
padding: 25px 20px;
}
.recommended-cta .single-cta h5 {
color: #000;
font-weight: 400;
margin-top: 0;
}
.recommended-cta .single-cta a {
color:#a0a0a0;
}
.recommended-cta .single-cta a:hover {
color: #5ec580;
}
#something-sell h4 {
font-size: 20px;
color: #fff;
font-weight: 300;
line-height: 28px;
}
#something-sell a {
color: #fff;
}
#something-sell .btn.btn-primary {
margin-top: 15px;
border:1px solid #5ec580;
}
#something-sell a.btn:hover {
background-color: transparent;
border: 1px solid #5ec580;
}
/* Accordion */
.accordion a h4 {
color: #000000;
font-weight: 500;
margin: 3px 0;
}
#accordion .panel-default {
margin-bottom: 20px;
}
#accordion .panel-default>.panel-heading {
background-color: #ededed;
border: none;
}
#accordion .panel-body {
padding:20px 25px;
background-color:#fff;
}
#accordion .panel-body h5 {
font-size: 16px;
color: #000;
margin-top: 0;
}
#accordion .panel-body h5 i {
color: #5ec580;
}
#accordion .panel-body a {
color: #000000;
font-weight: 500;
font-size: 16px;
line-height: 28px;
}
#accordion .panel-body .posted-by {
margin:0;
}
#accordion .panel-body ul li a {
font-weight: 400;
line-height: 30px;
font-size: 14px;
}
#accordion .panel-body a:hover,
#accordion .panel-body a:hover i {
color: #5ec580;
}
#accordion .panel-body ul li a span {
color: #9e9e9e;
margin-left:5px;
}
#accordion .panel-body a i {
font-size:18px;
color: #8E8B8B;
margin-right:10px;
}
#accordion input[type="text"] {
margin: 8px 0 16px;
}
#accordion .panel-body label {
position: relative;
padding-left: 25px;
display: block;
color: #000000;
font-weight: 400;
margin-bottom: 6px;
}
#accordion .panel-body label input[type="checkbox"] {
width: 0;
height: 0;
display: none;
}
#accordion .panel-body label:before,
.checkbox label:before {
position: absolute;
color: #9e9e9e;
font-size: 19px;
content: "\f096";
font-family:'FontAwesome';
left: 0;
top: 0;
}
#accordion .panel-body label.checked:before,
.checkbox label.checked:before {
content: "\f046";
color: #5ec580;
}
#accordion span.border {
border-bottom: 1px dashed #d1d1d1;
display: block;
margin: 10px;
}
#accordion a.see-more {
color: #a0a0a0;
}
#accordion a.see-more:hover {
color: #5ec580;
}
#accordion .panel-body .category-change li a {
line-height:20px;
font-size:14px;
}
#accordion .panel-body .category-dropdown a,
#accordion .panel-body .category-dropdown a i {
font-size:14px;
line-height:20px;
}
#accordion .panel-body .category-change {
min-width:70px;
}
/* Pagination */
.pagination {
margin: 15px 0;
}
.pagination>li>a {
color: #61b661;
font-size: 14px;
/*font-weight: 700;*/
margin: 0 3px;
border: 1px solid #d4e9db !important;
border-radius: 25px !important; /*5px*/
}
.pagination>li>a:hover,
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover {
color: #fff;
background-color: #55c77b !important;
border: 1px solid #55c77b !important;
}
.pagination>li:nth-child(7) a,
.pagination>li:nth-child(7) a:hover {
background-color: transparent;
border: none;
color: #9a9a99;
}
.pagination>li:nth-child(7) a {
padding: 4px 9px;
line-height: 25px;
}
.pagination .disabled {
color: #bbb;
background-color: #FFF;
margin: 0 3px;
border: 1px solid #e7e8e9;
border-radius: 25px !important;
}
.pagination .disabled:hover {
background: #FFF;
color: #bbb;
border: 1px solid #eee;
}
.pagination .curPage {
background: #55c77b !important;
border: 1px solid #55c77b !important;
color: #fff !important;
margin: 1px;
border-radius: 30px;
}
/* something-sell */
#something-sell {
background-image: url(../images/bg/1.jpg);
padding: 40px 0 60px;
}
#something-sell.parallax-section:before {
background-color: rgba(77, 154, 73, 0.92);
}
/* ==========================================================================
Details
========================================================================== */
.banner-form-full {
max-width: 100%;
background-color: #fff;
padding: 15px 20px 15px;
margin-bottom:30px;
margin-top: -40px;
}
.banner-form-full.banner-form .form-control,
.banner-form-full.banner-form .category-dropdown {
width:24%;
}
.banner-form-full.banner-form input {
min-width:448px;
}
.banner-form-full.banner-form input::-webkit-input-placeholder {
color: #a4a4a4;
}
.banner-form-full.banner-form input:-moz-placeholder { /* Firefox 18- */
color: #a4a4a4;
}
.banner-form-full.banner-form input::-moz-placeholder { /* Firefox 19+ */
color: #a4a4a4;
}
.banner-form-full.banner-form input:-ms-input-placeholder {
color: #a4a4a4;
}
.featured-img {
position: absolute;
left: 0;
top: 0;
border: 0;
}
.price-range .category-dropdown {
border-right: 0;
min-width: inherit;
line-height: inherit;
padding: 0;
height: 0;
}
.price-range .category-dropdown a {
font-weight: 700;
}
.price-range .dropdown-menu {
margin-top: 25px;
min-width: 110px;
}
.hide-number, .show-number .hide {
display:none;
}
.show-number .show {
display: inline-block !important;
}
.slider-text .show-number span {
color:#fff;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.slider-text .show-number span:hover,
.slider-text .show-number:hover span,
.contact-with .show-number .btn-red:hover{
color:#f36d2d;
}
/* ======================================================================
Details
=========================================================================*/
.job-postdetails h4 {
border-bottom: 1px solid #f2f2f2;
color:#000;
font-size:20px;
padding-bottom:20px;
margin-bottom:20px;
margin-top:0;
}
.job-postdetails .seller-info h4 {
margin-bottom:35px;
}
.job-postdetails .form-group {
position:relative;
margin-bottom:40px;
}
.postdetails h4 span{
font-size: 14px;
color: #ed1c24;
line-height:26px;
}
.postdetails li a {
color: #838383;
font-size:16px;
}
.postdetails li a:hover,
.postdetails li.active a,
.postdetails .edit:hover {
color: #5ec580;
}
.selected-product {
border-bottom: 1px solid #f2f2f2;
padding: 10px 0 20px;
}
.selected-product .select-category li {
position:relative;
padding-right:20px;
margin-right:20px;
}
.selected-product .select-category li:before {
top: -8px;
right: -10px;
opacity: 1;
}
.selected-product .select-category li.active:before {
opacity:0;
}
.selected-product .select-category span.select {
margin-right: 15px;
}
.selected-product .edit {
color: #0072bc;
position: absolute;
right: 0;
top: 14px;
}
.selected-product .edit i {
margin-right:8px;
}
.job-postdetails label {
font-size: 16px;
font-weight:400;
color:#000;
}
.job-postdetails label.label-title {
padding-top:10px;
}
.job-postdetails input[type="radio"]+label {
cursor: pointer;
margin-right:20px;
padding-left:25px;
vertical-align:sub !important;
position:relative;
color:#838383;
margin-bottom:0;
}
.job-postdetails input[type="radio"] {
display:none;
}
.job-postdetails input[type="radio"] + label:before,
.job-postdetails input[type="radio"] + label:after {
position:absolute;
top:5px;
left:0;
content:"";
width:14px;
height:14px;
border-radius:50%;
display:inline-block;
background-color:transparent;
}
.job-postdetails input[type="radio"] + label:before {
border: 2px solid #5ec580;
}
.job-postdetails input[type="radio"]:checked + label:after {
border: 5px solid #5ec580;
}
.required {
color: #ed1c24;
}
.job-postdetails .form-control::-webkit-input-placeholder {
color: #cfcfcf;
}
.job-postdetails .form-control::-moz-placeholder {
color: #cfcfcf;
}
.job-postdetails .form-control:-ms-input-placeholder {
color: #cfcfcf;
}
.job-postdetails .form-control:-moz-placeholder {
color: #cfcfcf;
}
.upload-section {
overflow:hidden;
}
.add-image h5 {
color: #000;
font-size: 16px;
position: relative;
padding-left: 50px;
line-height: 20px;
margin-bottom: 25px;
overflow: hidden;
}
.add-image h5 span {
font-size: 14px;
display:block;
font-weight:300;
color:#838383;
}
.add-image .fa-upload {
position:absolute;
left:0;
top:3px;
font-size: 36px;
color: #5ec580;
}
.add-image label.upload-image {
width: 20%;
height: 75px;
border: 1px solid #e3e3e3;
border-radius: 4px;
position: relative;
margin-bottom:0;
margin-left: 20px;
cursor:pointer;
}
.add-image label.upload-image:first-child {
margin-left:0;
}
.add-image label.upload-image:before {
position: absolute;
content: "\f055";
font-family:'FontAwesome';
top: 50%;
left: 50%;
font-size: 30px;
color: #c2c2c2;
cursor:pointer;
margin-top: -14px;
margin-left: -14px;
line-height: 30px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.add-image label.upload-image:hover:before {
color:#5ec580;
}
.add-image label.upload-image input {
display: none;
}
.select-price input[type="text"] {
display:inline-block;
width:initial;
margin:0 15px;
}
.postdetails .select-price {
margin-bottom:40px;
}
.checkboxes label {
padding-left: 20px;
color: #000000;
font-weight: 400;
margin-right:35px;
margin-bottom:10px;
cursor: pointer;
}
.checkboxes input { margin-right: 5px; transform: scale(1.2); }
.checkboxes label:last-child {
margin-right:0;
}
.checkbox label input[type="checkbox"] {
width: 0;
height: 0;
display: none;
}
.checkbox label {
position: relative;
padding-left: 22px;
color: #000000;
font-weight: 400;
margin-right:35px;
margin-bottom:10px;
}
.checkbox label:last-child {
margin-right:0;
}
.postdetails .model-name {
margin-bottom:45px;
}
.postdetails .item-description {
margin-bottom:15px;
}
.job-postdetails .premium-options {
margin-top:30px;
max-width:360px;
}
.job-postdetails .premium-options li {
margin-bottom:25px;
color:#000;
}
.job-postdetails .premium-options li span {
float:right;
}
.job-postdetails .premium-options input[type="radio"]+label {
color:#000;
}
.job-postdetails .agreement label {
line-height:28px;
color:#494949;
margin-bottom:40px;
}
.agreement.checkbox label:before {
top:8px;
}
.job-postdetails .agreement label a,
.quick-rules .lead a {
font-weight:500;
color:#000;
}
.job-postdetails .agreement label a:hover,
.quick-rules .lead a:hover {
color:#5ec580;
}
.quick-rules .lead {
font-weight: 300;
font-size: 18px;
line-height: 25px;
margin: 16px 0 35px;
}
.quick-rules .lead a {
font-weight: 400;
}
.quick-rules li {
position: relative;
padding-left: 25px;
margin-bottom: 15px;
}
.quick-rules li:before {
position: absolute;
color: #5ec580;
font-size: 16px;
content: "\f105";
font-family:'FontAwesome';
left: 0;
top: 0;
}
/* ==========================================================================
User Page login / Sign up
========================================================================== */
.user-account {
background-color: #fff;
border-radius: 15px;
padding: 40px 50px;
}
.user-account h2 {
color: #4fc878 !important;
font-weight: 700;
margin-bottom: 55px;
}
.user-account input {
height: 44px;
margin-bottom: 30px;
font-size: 16px;
}
.user-account .btn {
background-color: #4fc878 !important;
color: #fff;
padding: 8px 32px 10px;
margin-top: 10px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
border-radius: 20px !important;
}
.user-account .btn:hover {
background-color: #4db970 !important;
}
.user-account select {
height: 44px;
margin-bottom: 30px;
font-size: 16px;
color: #000;
}
.user-account .checkbox label, .forgot-password a {
color: #59c67e;
}
.user-account .checkbox label:hover, .forgot-password a:hover {
color: #5ec580;
}
.user-account .user-option {
overflow:hidden;
margin-top:10px;
margin-bottom:10px;
}
.user-option .forgot-password {
margin-top:10px;
}
.user-page { min-height: 450px; margin-top: 40px }
.btn-primary {
padding:15px 30px;
display:block;
font-size:18px;
border-radius:4px;
margin-top:25px;
background-color:#0072bc;
}
.user-page .btn-primary:hover {
background-color:#5ec580;
}
/* ==========================================================================
Post Page
========================================================================== */
.post-option {
background-color: #fff;
border-radius: 4px;
padding:25px;
}
.post-option h4 {
font-size: 20px;
color: #010101;
margin-bottom: 20px;
}
.post-option li {
border-top: 1px solid #f2f2f2;
padding: 15px 0 20px;
position: relative;
}
.select-category li:before {
position: absolute;
top: 9px;
right: 0;
font-size: 30px;
content: "\f105";
font-family: 'FontAwesome';
color: #5ec580;
opacity: 0;
}
.select-category li.active:before,
.select-category li:hover:before {
opacity: 1;
}
.select-category span.select {
display:inline-block;
margin-right:25px;
}
.post-option li:hover a,
.post-option li a:hover,
.post-option li.active a,
.post-option li.link-active a {
color: #5ec580;
}
.select-category li a img {
display: inline-block;
}
.post-option li a {
font-size: 16px;
color: #505050;
}
.post-option.next-stap {
padding:50px;
}
.next-stap h2 {
font-size: 29px;
margin-bottom:20px;
}
.next-stap h2 span {
color: #5ec580;
}
.next-stap .btn-section {
margin:25px 0;
}
.next-stap .btn {
background-color: #dadada;
padding: 5px 50px 7px;
color: #fff;
border: 1px solid #dadada;
margin-right: 5px;
}
.next-stap .btn-info {
background-color: transparent;
color: #d2d2d2;
}
.next-stap .btn:hover {
border: 1px solid #5ec580;
background-color: transparent;
}
.next-stap .btn:hover,
.next-stap .btn-info:hover {
color: #5ec580;
}
/* ==========================================================================
Profile
========================================================================== */
.job-profile {
background-color: #fff;
overflow: hidden;
padding:0;
}
.user-profile {
overflow: hidden;
padding: 0 25px;
}
.user-images {
float: left;
margin-top: 30px;
border: 1px solid #fcfcfc;
}
.favorites-user {
float: right;
width: 130px;
border-bottom: 1px solid #f5f5f5;
background: #fcfcfc;
border-radius: 0 0 10px 10px;
}
.job-profile .user {
float: left;
padding-left: 30px;
}
.job-profile .user h2 {
font-weight: 300;
color: #2a2a2a;
margin-top: 30px;
}
.job-profile .user h2 a {
font-weight: 700;
color: #5ec580;
}
.job-profile .user h5 {
color: #9fa4a4;
font-size: 16px;
}
.job-profile .my-ads,
.job-profile .favorites {
float: left;
padding: 30px 40px;
text-align: center;
}
.job-profile .my3-ads {
padding: 30px 55px;
}
.job-profile .favorites-user small {
display:block;
font-size: 16px;
color: #000;
line-height: 0;
}
.job-profile .favorites-user a {
font-size: 48px;
color: #5ec580;
display:block;
}
.job-profile .favorites-user small:hover {
color: #5ec580;
}
.job-profile .user-menu {
border-top: 1px solid #f5f5f5;
}
.job-profile .user-menu li {
padding: 15px 20px;
float: left;
border-left: 1px solid #f5f5f5;
}
.job-profile .user-menu li a {
color: #9fa4a4;
font-size: 16px;
}
.job-profile .user-menu li.active a,
.job-profile .user-menu li a:hover {
color: #5ec580;
}
.user-pro-section .section {
background-color: #fff;
padding: 15px 35px;
}
.user-pro-section select,
.user-pro-section input {
color: #a0a0a0;
font-size: 16px;
height:43px;
}
.user-pro-section .form-group {
overflow:hidden;
margin-bottom:30px;
}
.user-pro-section label {
float:left;
width:25%;
font-weight:400;
color:#000;
font-size:16px;
}
.user-pro-section .form-control {
float:right;
width:75%;
}
.user-pro-section .preferences-settings label,
.user-pro-section .preferences-settings .form-control {
float:none;
width:100%;
margin:5px 0;
font-size:14px;
}
.user-pro-section h2 {
margin-bottom: 30px;
font-weight: 300;
color: #000;
text-transform:capitalize;
}
.user-pro-section .preferences-settings h2 {
margin-bottom:15px;
}
.profile a.btn,
.buttons a.btn {
background-color: #5ec580;
color: #fff;
padding: 6px 26px 7px;
border: 1px solid #5ec580;
margin: 9px 0 0;
margin-bottom: 30px;
}
.job-profile-page .buttons a.btn {
margin-bottom: 0;
}
.profile a.btn.cancle,
.buttons a.btn.cancle {
background-color: #dbdbdb;
border: 1px solid #dbdbdb;
margin-left: 10px;
}
.profile a.btn:hover,
.buttons a.btn:hover {
background-color: transparent;
color: #5ec580;
border: 1px solid #5ec580;
}
/* ==========================================================================
Delete Page
========================================================================== */
/*
.delete-account {
background-color: #fff;
border-radius: 4px;
padding: 48px 0 84px;
}
.delete-account h2,
.delete-account h4 {
color: #2a2a2a;
font-weight: 300;
}
.delete-account h4 {
margin-bottom: 28px;
}
.delete-account .btn {
background-color: #f26522;
color: #fff;
padding: 6px 26px 7px;
border: 1px solid #f26522;
}
.delete-account a.btn.cancle:hover,
.delete-account .btn:hover {
background-color: transparent;
color: #f26522;
border: 1px solid #f26522;
}
.delete-account a.btn.cancle {
background-color: #dbdbdb;
border: 1px solid #dbdbdb;
margin-left: 10px;
}
*/
/* ==========================================================================
Footer
========================================================================== */
#footer {
border-top:1px solid #efefef;
}
.footer-top {
padding: 50px 0 57px;
background-color: #18202b;
}
.footer-widget {
font-size: 16px;
color: #000;
line-height: 30px
}
.footer-widget h3 {
font-size: 17px;
font-weight: 700;
color: #e9ecf2;
line-height: 28px;
margin-bottom: 20px;
}
.social-widget h3,
.news-widget h3 {
margin-bottom: 20px;
}
.footer-widget ul li {
color:#858585;
font-size: 15px;
font-weight: 300;
line-height: 36px;
margin-bottom:10px;
}
.footer-widget ul li:last-child {
margin-bottom:0;
}
.footer-widget ul li a {
color: #abb2c3;
font-size: 15px;
line-height: 22px;
text-transform: capitalize;
display:block;
}
.social-widget ul li a {
display:inline-block;
}
.footer-widget ul li a i {
color: #3b5998;
font-size: 37px;
vertical-align: middle;
margin-right: 15px;
opacity: 0.8;
}
.footer-widget ul li a:hover i {
opacity: 1;
}
.footer-widget ul li.active a,
.footer-widget ul li a:hover {
color: #f7f7f7;
text-decoration: underline;
}
.social-widget .fa-twitter-square{
color: #76c0f3;
}
.social-widget .fa-google-plus-square {
color: #282725;
}
.social-widget .fa-youtube-play {
color: #c1272d;
}
.footer-widget input {
width: 100%;
height: 44px;
border: 1px solid #e3e3e3;
}
.footer-widget input[type="email"] {
margin:20px 0;
font-weight: 300;
font-size: 16px;
}
.footer-widget .btn.btn-primary {
font-size:14px;
padding: 6px 25px 8px;
}
input::-webkit-input-placeholder {
color: #cfcfcf;
}
input::-moz-placeholder {
color: #cfcfcf;
}
input:-ms-input-placeholder {
color: #cfcfcf;
}
input:-moz-placeholder {
color: #cfcfcf;
}
.footer-widget.news-letter{
font-size: 16px;
line-height: 22px;
font-weight:300;
}
.footer-bottom {
background-color: #18202b;
color: #a3aabb;
font-size: 12px;
padding: 19px 0 12px;
font-weight: 300;
}
.footer-bottom .container {
border-top: 1px solid #474f5c;
padding-top: 15px;
}
.footer-bottom a {
color: #6e6e6e;
}
.footer-bottom a:hover {
color: #5ec580;
text-decoration: underline;
}
/* Category Section */
.page {
background-color: #f3f5f9;
padding-bottom: 70px;
}
.page .section-title {
border-bottom: 1px solid #f2f2f2;
padding-bottom: 5px;
overflow: hidden;
}
.category-section .section-title h4 {
float: left;
}
.category-section .section-title h5 {
float: right;
font-size: 14px;
color: #000;
font-weight: 400;
}
.category-section {
background-color: #fff;
padding: 0 30px;
padding-top: 15px;
padding-bottom: 20px;
margin-top: 40px;
margin-bottom: 30px;
border-radius: 4px;
}
.cars-category {
padding-left: 20px;
overflow: hidden;
}
.category-menu {
margin-top: 25px;
width: 16.6%;
float: left;
}
.category-menu li {
margin-bottom: 25px;
}
.category-menu li a {
color: #000;
font-size: 14px;
}
.category-menu li a:hover {
color: #5ec580;
}
/* ==========================================================================
Banner Job
========================================================================== */
.banner-job {
background-image: url(../images/bg/bg.jpg);
background-repeat: no-repeat;
background-size: cover;
color: #fff;
position: relative;
z-index: 1;
padding: 65px 0 75px;
}
.banner-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background-color: rgba(40, 45, 50, 0.9);
}
.banner-job h1 {
font-size: 51px;
}
.banner-job h3 {
font-size: 22px;
font-weight: 300;
margin: 25px 0 30px;
}
.banner-job .banner-form input {
margin-left: 0;
width: 60%;
}
.banner-job .category-dropdown {
border-left: 1px solid #e6e6e6;
border-right: 0;
border-radius: 0;
width: 20%;
padding: 0 35px;
}
.banner-job .dropdown-menu {
min-width: 192px;
}
.category-dropdown a:hover,
.dropdown-menu>li>a:hover {
color: #5ec580;
}
.job-category-items {
margin-top: 55px;
padding: 50px 25px 20px;
}
.job-category-items .category-list .category-icon {
margin-bottom: 5px;
}
.job-category-items .category-list li {
width: 16.6%;
float: left;
min-height: 90px;
margin-bottom: 25px;
}
.latest-jobs-ads .section-title {
padding-bottom: 0;
}
.job-ad-item img {
width: inherit;
}
.job-ad-item {
padding: 15px;
/*overflow: hidden;*/
position: relative;
border: 1px solid #f0f0f0;
margin: 18px 0;
border-radius: 10px;
}
.job-ad-item .ad-meta {
position: inherit;
background-color: transparent;
border-top: none;
padding-left: 0;
min-height: inherit;
display: inline;
}
.job-ad-item .ad-meta li {
float: left;
margin-left: 20px;
}
.job-ad-item .item-image-box,
.job-ad-item .ad-info {
float: left;
}
.job-ad-item .ad-info {
}
.job-ad-item .ad-info span {
color: #000;
font-size: 20px;
/*display: block;*/
margin-bottom: 10px;
}
.job-ad-item .ad-info span a {
color: #000;
font-size: 20px;
font-weight: 300;
}
.job-ad-item .ad-info a.title {
font-weight: bold;
color: #000;
}
.job-ad-item .ad-meta li:first-child {
margin-left: 0;
}
.job-ad-item .ad-meta a,
.job-ad-item .ad-meta li {
font-size: 14px;
color: #666666;
}
.job-ad-item .ad-meta i,
.job-ad-item .ad-meta a i {
font-size: 20px;
margin-right: 10px;
}
.job-ad-item .ad-info span a:hover,
.job-ad-item a:hover {
color: #5ec580;
}
.job-ad-item .button {
float: right;
}
.job-ad-item .item-image {
width: 95px;
height: 85px;
border: 1px solid #f3f3f3;
overflow: hidden;
}
.job-ad-item .item-info {
min-height: 0;
overflow: hidden;
}
.latest-jobs-ads .nav-tabs>li>a {
margin-right: 0;
}
.job-ad-item .btn.btn-primary {
padding: 5px 30px 6px;
margin-top: 15px;
font-size: 14px;
margin-right: 15px;
border-radius: 20px;
}
.workshop-traning {
padding-top: 15px;
}
.workshop-traning .section-title {
margin-bottom: 20px;
}
.workshop-traning .section-title h4 {
float: left;
}
.workshop-traning .btn.btn-primary {
font-size: 14px;
color: #9c9c9c;
padding: 0;
float: right;
margin-top: 10px;
background-color: transparent;
}
.workshop-traning .workshop {
border: 1px solid #f3f3f3;
padding: 25px 25px 70px;
position: relative;
}
.workshop-traning .workshop h3 {
margin: 10px 0 5px;
}
.workshop-traning .workshop h3 a {
font-size: 20px;
font-weight: 500;
color: #000;
}
.workshop-traning .workshop h3 a:hover {
color: #5ec580;
}
.workshop-traning .workshop h4 {
font-size: 16px;
color: #000;
margin:0 0 15px;
}
.workshop-traning .workshop-price h5 {
color: #a0a0a0;
font-size: 14px;
margin-bottom: 0;
line-height: 13px;
}
.workshop-traning .ad-meta {
right: 0;
}
.workshop-traning .tooltip {
display: block;
width: 22%;
}
.workshop-traning .ad-meta .user-option a {
background-color: #f1f1f1;
border-left: 1px solid #eeeeee;
}
.workshop-traning .ad-meta .user-option a:hover {
background-color: transparent;
}
.cta.cta-two h3 {
font-size: 30px;
color: #5ec580;
font-weight: 700;
}
.cta.cta-two h4 {
margin-top: 0;
text-transform: capitalize;
}
.cta.cta-two .single-cta {
margin-bottom: 25px;
}
/* Job List Page */
.job-bg {
background-image: url(../images/bg/bg.jpg);
background-repeat: no-repeat;
background-size: contain;
}
.banner-form-full.job-list-form {
margin-top: 0;
background-color: rgba(0, 0, 0, 0.14);
padding: 10px 15px;
}
/* Job Details */
.job-details .job-ad-item {
border: 0;
margin: 0 0 20px;
padding: 35px 25px;
}
.job-details .job-ad-item.section {
padding-bottom: 50px;
}
.job-details .ad-info {
margin-bottom: 25px;
}
.job-details .ad-info span,
.job-details .ad-info span a {
display: inline-block;
font-size: 30px;
}
.social-media {
overflow: hidden;
margin-left: 120px;
}
.social-media .button {
float: left;
margin-right: 15px;
}
.social-media .btn.btn-primary i {
font-size: 22px;
float: left;
margin-right: 10px;
}
.social-media .btn.btn-primary.bookmark {
background-color: #0d79bf;
}
.social-media .btn.btn-primary {
background-color: #93c949;
margin-top: 0;
padding: 10px 20px;
}
.social-media .btn.btn-primary:hover {
background-color: #5ec580;
}
.share-social {
margin-top: 10px;
display: inline-block;
}
.share-social li {
float: left;
font-weight: 500;
color: #272727;
}
.share-social li+li {
margin-left: 25px;
}
.share-social li,
.share-social li a {
font-size: 18px;
}
.share-social li a .fa-facebook-official {
color: #0072bc;
}
.share-social li a .fa-twitter-square {
color: #00aeef;
}
.share-social li a .fa-google-plus-square {
color: #eb434a;
}
.share-social li a .fa-linkedin-square {
color: #448ccb;
}
.share-social li a .fa-pinterest-square {
color: #ed1c24;
}
.share-social li a .fa-tumblr-square {
color: #0054a6;
}
.job-description {
color: #272727;
font-size: 14px;
line-height: 22px;
overflow-wrap: break-word;
}
.job-details-info h1 {
font-size: 24px;
font-weight: bold;
margin:0 0 20px;
color: #575761;
}
.description-info span {
margin-bottom: 20px;
display: block;
}
.job-short-info li,
.company-info li {
color: #707070;
margin-bottom: 10px;
font-size: 15px;
}
.company-info li a,
.job-short-info li a {
color: #707070;
}
.job-short-info li {
position: relative;
padding-left: 35px;
}
.job-short-info li span.icon {
font-size: 17px;
color: #000;
position: absolute;
left: 0px;
top: -2px;
}
.company-info h3,
.job-short-info h3 {
font-size: 26px;
/* color: #212529; */
}
.responsibilities h1,
.requirements h1 {
margin-top: 45px;
}
.requirements li {
line-height: 25px;
}
.requirements li:last-child {
margin-bottom: 0;
}
.job-short-info li span.text-center {
display: block;
}
.job-short-info li:last-child {
line-height: 25px;
margin: 0;
}
.company-info .share-social li {
margin-bottom: 0;
}
.see-more button {
background-color: transparent;
border: 0;
padding: 0;
color: #a0a0a0;
font-size: 14px;
margin-top: 5px;
}
.see-more i {
font-size: 16px;
margin-right: 10px;
}
.close-icon {
color: #a0a0a0;
position: absolute;
top: 15px;
right: 15px;
line-height: 0;
font-size: 14px;
}
.close-icon:hover {
cursor: pointer;
color: red;
}
/* My Resume */
.job-job-profile .favorites-user small {
text-transform: uppercase;
font-weight: 500;
}
.job-profile .user-pro-section .form-control {
width: 85%;
}
.job-profile .user-pro-section label {
width: 15%;
margin-top: 10px;
}
.job-profile .preferences-settings label {
width: 100%;
}
.preferences-settings .checkbox {
margin-bottom: 40px;
}
.preferences-settings .buttons {
float: none;
}
.preferences-settings a.btn {
margin-bottom: 0;
}
.profile-logo {
float: left;
margin-right: 35px;
}
.resume-content .profile.section {
padding: 25px;
}
.resume-content {
font-size: 14px;
line-height: 22px;
color: #2d3038;
}
.resume-content .profile-info h1 {
font-size: 30px;
color: #2a2a2a;
}
.resume-content .profile-info address,
.resume-content .profile-info address a {
color: #2d3038;
font-size: 16px;
line-height: 28px;
}
.resume-content .icons {
color: #5ec580;
font-size: 30px;
float: left;
margin-right: 30px;
margin-top: 2px;
}
.resume-content .career-info,
.resume-content .declaration-info,
.resume-content .work-info,
.resume-content .educational-info,
.resume-content .qualification,
.resume-content .personal-info,
.educational-info ul {
overflow: hidden;
}
.resume-content h3 {
margin-top: 5px;
margin-bottom: 20px;
font-size: 25px;
font-weight: 500;
}
.resume-content .career-info span,
.resume-content .declaration-info span {
margin-bottom: 25px;
display: block;
}
.work-history h4 {
font-size: 14px;
color: #2d3038;
font-weight: 700;
margin-bottom: 20px;
}
.work-history h4 span {
display: block;
font-weight: 400;
margin-top: 5px;
line-height: 22px;
}
.work-history ul li,
.educational-info ul li {
margin-bottom: 55px;
position: relative;
}
.work-history ul li:last-child {
margin-bottom: 0;
}
.work-history ul li:after,
.educational-info ul li:after {
position: absolute;
content: "";
bottom: -25px;
left: 0;
width: 85%;
height: 1px;
background-color: #f1f1f1;
}
.work-history ul li:last-child:after {
display: none;
}
.work-history ul li:last-child.history,
.educational-info ul li:last-child {
margin-bottom: 0;
}
.educational-info h4 {
font-size: 14px;
font-weight: 700;
color: #2d3038;
margin-bottom: 5px;
}
.educational-info li ul {
margin-bottom: 20px;
}
.educational-info ul li {
position: relative;
}
.educational-info li ul li:after {
display: none;
}
.educational-info li ul li {
float: left;
font-weight: 500;
color: #2d3038;
margin-bottom: 0;
}
.educational-info li ul li span {
font-weight: 400;
}
.educational-info li ul li+li {
margin-left: 40px;
}
.qualification li {
font-size: 14px;
margin-bottom: 15px;
}
.qualification li span {
font-weight: 700;
}
.qualification li:last-child {
margin-bottom: 0;
}
.language-proficiency h5 {
font-size: 14px;
font-weight: 700;
margin-bottom: 5px;
margin-top: 0;
}
.language-proficiency ul>li+li {
margin-left: 20px;
padding-left: 30px;
border-left: 1px solid #f1f1f1;
}
.language-proficiency ul li ul li {
float: left;
color: #bbb;
}
.language-proficiency ul li ul li+li {
margin-left: 5px;
border-left: 0;
padding-left: 0;
}
.personal-info .address li {
overflow: hidden;
line-height: 30px;
color: #2d3038;
font-size: 14px;
}
.personal-info .address li h5 {
float: left;
margin-top: 5px;
min-width: 180px;
font-weight: 700;
font-size: 14px;
}
.personal-info .address li span {
margin-right: 30px;
}
.declaration {
margin-bottom: 45px;
}
.buttons {
float: left;
}
.download-button {
float: right;
}
.buttons a.btn {
margin-top: 0;
}
.job-postdetails .category-dropdown {
border: 1px solid #e3e3e3;
border-radius: 5px;
}
.job-postdetails .category-dropdown a {
display: block;
}
.job-postdetails .category-dropdown .pull-right {
margin-top: 15px;
}
.job-postdetails .dropdown-menu {
width: 100%;
padding: 10px 0;
}
.job-postdetails .location .category-dropdown {
width: 48%;
}
.job-postdetails .select-price input[type="text"] {
width: 25%;
}
.job-postdetails .characters {
margin-bottom: 30px;
}
.job-postdetails .agreement.checkbox label:before {
top: 0;
}
.job-user-account {
overflow: hidden;
}
.user-account .nav-tabs {
margin-bottom: 70px;
position: relative;
display: block;
border-bottom: 1px solid #e3e3e3;
}
.user-account .nav-tabs:after,
.user-account .nav-tabs:before {
position: absolute;
content: "";
bottom: -1px;
width: 100%;
height: 1px;
background-color: #e3e3e3;
}
.user-account .nav-tabs:after {
left: -100%;
}
.user-account .nav-tabs:before {
right: -100%;
}
.user-account .nav-tabs>li {
display: inline-block;
float: none;
}
.user-account .nav-tabs>li a {
padding: 10px 35px;
color: #0a0a0a;
text-transform: uppercase;
font-weight: 500;
margin-right: 0;
border-radius: 0;
border-bottom: 1px solid #e3e3e3;
background-color: #f7f7f7;
}
.user-account .nav-tabs>li+li{
margin-left: -4px;
}
.user-account .nav-tabs>li.active>a,
.user-account .nav-tabs>li.active>a:focus,
.user-account .nav-tabs>li a:hover {
border: 1px solid #e3e3e3;
border-bottom: 1px solid #fff;
background-color: transparent;
}
.form-control::-webkit-input-placeholder {
color: #a0a0a0;
}
.form-control:-moz-placeholder { /* Firefox 18- */
color: #a0a0a0;
}
.form-control::-moz-placeholder { /* Firefox 19+ */
color: #a0a0a0;
}
.form-control:-ms-input-placeholder {
color: #a0a0a0;
}
/* Post Resume */
.post-resume .form-group {
margin-bottom: 20px;
}
.post-resume h4 {
margin-bottom: 30px;
}
.post-resume .section {
overflow: hidden;
}
.post-resume .photos-resume {
margin-bottom: 0;
}
.job-postdetails .form-group.brand-name,
.job-postdetails .form-group.address,
.job-postdetails .premium-options li:last-child {
margin-bottom: 10px;
}
.additional-information textarea.form-control {
height: 100px;
line-height: 28px;
}
.post-resume .upload-image {
float: right;
background-color: #0072bc;
color: #fff;
width: 29%;
text-align: center;
cursor: pointer;
display: block;
padding: 12px 10px 10px;
border-radius: 5px;
}
.post-resume .upload-image input {
display: none;
}
.post-resume .time-period input {
width: 47%;
display: inline-block;
}
.post-resume .time-period span {
margin-left: 13px;
}
.career-objective .form-control {
height: 250px;
}
.post-resume .buttons {
margin-top: 20px;
}
.post-resume form .buttons a.btn {
background-color: #0072bc;
border-color: #0072bc;
margin-bottom: 0;
padding: 10px 20px;
}
.post-resume form .buttons a.btn.delete {
background-color: #ed1c24;
border-color: #ed1c24;
margin-left: 20px;
}
.post-resume form .buttons a.btn:hover,
.post-resume .upload-image.left:hover {
color: #fff;
}
.photos-resume .form-control {
position: relative;
}
.special-qualification textarea.form-control {
height: 250px;
}
.post-resume .upload-image.left {
background-color: transparent;
color: #a0a0a0;
float: left;
width: 69%;
border: 1px solid #e3e3e3;
position: relative;
padding:12px 30px;
text-align: left;
}
.post-resume .upload-image.left:before {
position: absolute;
content: "\f093";
left: 12px;
top: 12px;
font-family: fontawesome;
font-size: 15px;
font-weight: normal;
}
.rating-star {
border: 1px solid #e3e3e3;
height: 45px;
border-radius: 5px;
overflow: hidden;
}
.rating-star .rating {
float: left;
padding: 6px 10px;
}
.rating-star .rating > input {
display: none;
}
.rating > input[type="radio"] + label {
cursor: default;
margin: 0;
padding: 0;
}
.rating input[type="radio"]:checked + label:after {
border: 0 !important;
}
.rating > input[type="radio"] + label:before {
margin: 5px;
font-size: 14px;
font-family: FontAwesome;
display: inline-block;
content: "\f005";
position: static;
border-radius: 0;
}
.rating > input[type="radio"] + label.half:before {
content: "\f089";
position: absolute;
top: 0;
}
.rating-star label .label-title {
float: left;
}
.rating-star .rating label {
color: #bbb;
float: right;
position: relative;
}
.rating > input:checked ~ label,
.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
color: #fed700;
}
.rating > input:checked + label:hover,
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label,
.rating > input:checked ~ label:hover ~ label {
color: #fed700;
}
/* ==========================================================================
Extra
========================================================================== */
#scrollUp {
background-image: url("../images/top.png");
bottom: 20px;
right: 20px;
width: 38px;
height: 38px;
text-indent: -9999px;
}
input, select, a, .transition,
.footer-widget input,
.favorites-user small,
.feedback input[type="submit"],
.select-category li:before,
.team-social, .social-widget a,
.banner-form input[type="submit"],
.category-title, .category-icon img,
.category-quantity,
.owl-next, .owl-prev,
.home-banner .contact-form .form-control,
.col-to-action .btn, .see-more button,
.post-resume .upload-image, .close-icon {
-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-ms-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;
}
/* ==========================================================================
Custom Fonts
========================================================================== */
/*
@font-face {
font-family: 'MyriadPro-Regular', sans-serif;
src: url('fonts/MyriadPro-Regular.eot');
src: url('fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
url('fonts/MyriadPro-Regular.woff2') format('woff2'),
url('fonts/MyriadPro-Regular.woff') format('woff'),
url('fonts/MyriadPro-Regular.ttf') format('truetype'),
url('fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Devanagari-Regular', sans-serif;
src: url('fonts/devanagari-normal-webfont.eot');
src: url('fonts/devanagari-normal-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/devanagari-normal-webfont.woff2') format('woff2'),
url('fonts/devanagari-normal-webfont.woff') format('woff'),
url('fonts/devanagari-normal-webfont.ttf') format('truetype'),
url('fonts/devanagari-normal-webfont.svg#devanagarinormal') format('svg');
font-weight: normal;
font-style: normal;
}
*/
.breadcrumb-arrow {
height: 36px;
padding: 0;
line-height: 36px;
list-style: none;
background-color: #e6e9ed;
}
.breadcrumb-arrow li:first-child a {
border-radius: 4px 0 0 4px;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
}
.breadcrumb-arrow li, .breadcrumb-arrow li a, .breadcrumb-arrow li span {
display: inline-block;
vertical-align: top;
}
.breadcrumb-arrow li:not(:first-child) {
margin-left: -5px;
}
.breadcrumb-arrow li+li:before {
padding: 0;
content: "";
}
.breadcrumb-arrow li span {
padding: 0 10px;
}
.breadcrumb-arrow li a, .breadcrumb-arrow li:not(:first-child) span {
height: 36px;
padding: 0 10px 0 25px;
line-height: 36px;
}
.breadcrumb-arrow li:first-child a {
padding: 0 10px;
}
.breadcrumb-arrow li a {
position: relative;
color: #fff;
text-decoration: none;
background-color: #878a86;
border: 1px solid #878a86;
}
.breadcrumb-arrow li:first-child a {
padding-left: 10px;
}
.breadcrumb-arrow li a:after, .breadcrumb-arrow li a:before {
position: absolute;
top: -1px;
width: 0;
height: 0;
content: '';
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
}
.breadcrumb-arrow li a:before {
right: -10px;
z-index: 3;
border-left-color: #878a86;
border-left-style: solid;
border-left-width: 11px;
}
.breadcrumb-arrow li a:after {
right: -11px;
z-index: 2;
border-left: 11px solid #ffffff;
}
.breadcrumb-arrow li a:focus, .breadcrumb-arrow li a:hover {
background-color: #5ac67e;
border: 1px solid #5ac67e;
}
.breadcrumb-arrow li a:focus:before, .breadcrumb-arrow li a:hover:before {
border-left-color: #5ac67e;
}
.breadcrumb-arrow li a:active {
background-color: #69cb8a;
border: 1px solid #69cb8a;
}
.breadcrumb-arrow li a:active:after, .breadcrumb-arrow li a:active:before {
border-left-color: #69cb8a;
}
.breadcrumb-arrow li span {
color: #434a54;
}
.sign-in li { margin-top: 5px; }
.sign-in .login a {
font-size: 15px;
padding: 6px 15px;
border: 1px solid #4fc878;
border-radius: 13px;
color: #333333;
background-color: #FFF;
border-radius: 30px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.sign-in .signup a {
font-size: 15px;
padding: 6px 15px;
border: 1px solid #4fc878;
border-radius: 13px;
color: #FFF;
background-color: #4fc878;
border-radius: 30px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.sign-in .signup a:hover {
background: #61db8c;
box-shadow: 0px 5px 10px rgba(95, 228, 144, 0.4);
color: #fff;
/*transform: translateY(-7px);*/
}
/* Support Messages
----------------------------------------------- */
.support_message {
padding: 5px;
margin-bottom: 5px;
border-bottom: 1px dotted #EFEFEF;
}
.message_date, .answer_date {
font-size: 0.9em;
float: right;
padding: 3px 5px;
text-align: right;
color: #999 !important;
}
.message_subject {
font-size: 19px;
color: #595959 !important;
font-weight: bold;
margin-left: 38px;
padding-top: 11px;
}
.message_text, .answer_text {
margin-top: 8px;
padding: 5px 0;
}
.answer {
padding: 5px;
background: #F7F7F7;
border-radius: 5px;
margin-bottom: 5px;
border-bottom: 1px dotted #EFEFEF;
}
.answer_sender.admin {
/*background: url('../images/icon_admin.png') no-repeat center left;*/
padding: 3px 5px 3px 20px;
}
.admin_reply {
background: #F9F5EA;
}
.answer_sender {
color: #000;
font-weight: bold;
padding: 0;
}
.reply_num {
color: #FFF;
font-weight: bold;
/*background: url('../images/icon_replies.png') no-repeat center left;*/
}
.no_reply {
color: #FFF;
font-weight: normal;
}
/* Scroll Box
----------------------------------------------- */
.scrollbox {
border: 1px solid #CCCCCC;
width: 295px;
height: 207px;
background: #FFFFFF;
overflow-y: scroll;
}
.scrollbox div {
padding: 6px;
color: #000;
}
.scrollbox div input {
padding: 6px;
margin-right: 6px;
}
.scrollbox div.even {
background: #FFFFFF;
padding: 4px 4px;
}
.scrollbox div.odd {
background: #F7F7F7;
padding: 4px 4px;
}
.scrollbox label { font-size: 14px; cursor: pointer; }
.scrollup
{
width: 40px;
height: 40px;
opacity: 0.3;
position: fixed;
bottom: 20px;
right: 20px;
display: none;
text-indent: -9999px;
background: url('../images/top.png') no-repeat;
z-index: 99;
}
.job_price {
color: #444;
font-size: 25px;
letter-spacing: -2px;
font-weight: normal;
}
.count {
width: 100px;
white-space: nowrap;
color: #FFFFFF;
font-weight: normal;
padding: 8px 11px;
border-radius: 20px;
font-size: 22px;
display: block;
margin: 8px 0;
}
.count a {
color: #FFFFFF;
text-decoration: none;
}
.ad-profile-page .label-title, .form-page .label-title {
padding-top:15px;
}
/* Support Messages
----------------------------------------------- */
.support_message {
padding: 15px;
margin-bottom: 5px;
border-bottom: 1px dotted #EFEFEF;
}
.message_date, .answer_date {
font-size: 0.9em;
float: right;
padding: 3px 5px;
text-align: right;
color: #000;
}
.message_subject {
color: #444;
font-weight: bold;
}
.message_text, .answer_text {
margin-left: 38px;
padding: 5px 0;
}
.answer_attach { margin-left: 38px; }
.answer_attach a { font-weight: bold; font-size: 13px; }
.answer {
padding: 15px;
background: #F7F7F7;
border-radius: 5px;
margin-bottom: 5px;
border-bottom: 1px dotted #EFEFEF;
}
.answer_sender.admin {
background: url('../images/icon_admin.png') no-repeat center left;
padding: 3px 5px 3px 27px;
}
.admin_reply {
background: #F9F5EA;
}
.answer_sender {
color: #000;
font-weight: bold;
padding: 0;
}
.description {
padding-top: 5px;
overflow-wrap: break-word;
}
.Blink {
animation: blinker 1.5s cubic-bezier(.5, 0, 1, 1) infinite alternate;
}
@keyframes blinker {
from { opacity: 1; }
to { opacity: 0; }
}
.fa-2x {
vertical-align: middle;
margin-right: 5px;
}
@media (min-width: 992px) {
#header .dropdown:hover>.dropdown-menu {
display: block;
}
.user-page { min-height: 605px}
.item-image-box {
padding-top: 30px;
width: 12%;
float: left;
}
.ad-info { float: right; width: 88%; }
}
.online {
color: #64cb54;
font-size: 12px;
}
.online i { font-size: 10px; }
.premium {
background: #FC8E35; color: #FFF; border-radius: 5px; padding: 1px 5px; font-size: 11px;
}
.topseller { color:#6fc400; font-size: 11px; text-align: center; display: block; }
.verified {
color: #6CBC03;
background: url('../images/icon_verified.png') no-repeat center left;
padding: 2px 5px 4px 20px;
}
.workshop ul {
margin-left: 20%;
}
.workshop li {
display: block;
font-size: 16px;
line-height: 29px;
}
.workshop li:before {
/*Using a Bootstrap glyphicon as the bullet point*/
content: "\e084";
font-family: 'Glyphicons Halflings';
font-size: 22px;
float: left;
margin-top: 2px;
margin-left: -27px;
color: #91d990;
}
.etooltip {
cursor: pointer;
}
.tooltip.in {
opacity: 1;
filter:alpha(opacity=100);
}
.tooltip.bottom .tooltip-inner {
background-color: #595959;
}
.tooltip.bottom .tooltip-arrow {
border-bottom-color: #595959;
}
.tooltip.top .tooltip-inner {
/*background-color: #333;*/
background-color: #595959;
}
.tooltip.top .tooltip-arrow {
border-top-color: #595959;
}
.alert h4 { font-size: 16px; padding-top: 5px; }
.username {
font-size: 1.3em;
font-weight: bold;
color: #000;
}
.acount {
font-size: 15px;
font-weight: normal;
padding: 4px 10px;
border-radius: 5px;
}
.acount.total {
background: #739eb2;
color: #FFF;
}
.acount.success {
background: #6fc75f;
color: #FFF;
}
.acount.unsuccess {
background: #F9AA98;
color: #FFF;
}
.brd {
border-bottom: 1px solid #EEE;
}
.disabledbox { opacity: 0.5 }
.live_jobs th {
background: #55c77b;
color: #FFF;
}
.finished_jobs th {
background: #73c1b3;
border: 1px solid #73c1b3;
color: #FFF;
}
a.job_title {
font-size: 1em;
font-weight: normal;
color: #28ba9c;
text-decoration: none;
}
a:hover.job_title {
color: #777;
text-decoration: none;
}
.confirm { background:#CECECE; color:#555; }
.icolored { color: #4fc878; }
.abalance {
min-width: 230px;
background: #f9f9f9;
border-radius: 15px;
padding: 12px 20px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}
.abalance h4 { color: #575761; }
.results_count { background: #f8f8f8; padding: 10px; border-radius: 5px; }
.btn-success {
background: #4fc878;
border: 1px solid #4fc878;
border-radius: 12px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.btn-success:hover, .btn-success:active, .btn-success:focus {
background: #61db8c !important;
border: 1px solid #61db8c !important;
}
.btn-info {
border-radius: 12px;
}
input::placeholder {
opacity: 0.9;
color: #b1b1b1 !important;
}
textarea::placeholder {
opacity: 0.9;
color: #b1b1b1 !important;
}
.section h1,h2,h3 {
margin-top: 5px;
margin-bottom: 15px;
}
.section h1 {
font-size: 29px;
}
.postdetails h3 { margin-top: 11px; }
a.hire_link {
background: #4fc878; font-size: 12px; padding: 6px 8px;
}
a:hover.hire_link {
background: #1ed95c;
}
a.addw_link {
background: #65c3d6; font-size: 12px; padding: 6px 8px; margin-top: 10px;
}
a:hover.addw_link {
background: #31c9e7;
}
[data-star] {
font-size: 20px;
font-style:normal;
display:inline-block;
position: relative;
unicode-bidi: bidi-override;
}
[data-star]::before {
display:block;
content: '★★★★★';
color: #ddd;
}
[data-star]::after {
position: absolute;
top: 0;
content: '★★★★★';
width: 0;
color: #4fc878;
overflow: hidden;
height: 100%;
display: flex;
}
[data-star^="0.1"]::after,[data-star^=".1"]::after{width:2%}
[data-star^="0.2"]::after,[data-star^=".2"]::after{width:4%}
[data-star^="0.3"]::after,[data-star^=".3"]::after{width:6%}
[data-star^="0.4"]::after,[data-star^=".4"]::after{width:8%}
[data-star^="0.5"]::after,[data-star^=".5"]::after{width:10%}
[data-star^="0.6"]::after,[data-star^=".6"]::after{width:12%}
[data-star^="0.7"]::after,[data-star^=".7"]::after{width:14%}
[data-star^="0.8"]::after,[data-star^=".8"]::after{width:16%}
[data-star^="0.9"]::after,[data-star^=".9"]::after{width:18%}
[data-star^="1"]::after{width:20%}
[data-star^="1.1"]::after{width:22%}
[data-star^="1.2"]::after{width:24%}
[data-star^="1.3"]::after{width:26%}
[data-star^="1.4"]::after{width:28%}
[data-star^="1.5"]::after{width:30%}
[data-star^="1.6"]::after{width:32%}
[data-star^="1.7"]::after{width:34%}
[data-star^="1.8"]::after{width:36%}
[data-star^="1.9"]::after{width:38%}
[data-star^="2"]::after{width:40%}
[data-star^="2.1"]::after{width:42%}
[data-star^="2.2"]::after{width:44%}
[data-star^="2.3"]::after{width:46%}
[data-star^="2.4"]::after{width:48%}
[data-star^="2.5"]::after{width:50%}
[data-star^="2.6"]::after{width:52%}
[data-star^="2.7"]::after{width:54%}
[data-star^="2.8"]::after{width:56%}
[data-star^="2.9"]::after{width:58%}
[data-star^="3"]::after{width:60%}
[data-star^="3.1"]::after{width:62%}
[data-star^="3.2"]::after{width:64%}
[data-star^="3.3"]::after{width:66%}
[data-star^="3.4"]::after{width:68%}
[data-star^="3.5"]::after{width:70%}
[data-star^="3.6"]::after{width:72%}
[data-star^="3.7"]::after{width:74%}
[data-star^="3.8"]::after{width:76%}
[data-star^="3.9"]::after{width:78%}
[data-star^="4"]::after{width:80%}
[data-star^="4.1"]::after{width:82%}
[data-star^="4.2"]::after{width:84%}
[data-star^="4.3"]::after{width:86%}
[data-star^="4.4"]::after{width:88%}
[data-star^="4.5"]::after{width:90%}
[data-star^="4.6"]::after{width:92%}
[data-star^="4.7"]::after{width:94%}
[data-star^="4.8"]::after{width:96%}
[data-star^="4.9"]::after{width:98%}
[data-star^="5"]::after{width:100%}
/* Rating
----------------------------------------------- */
.rating {
position: relative;
width: 60px;
height: 12px;
}
.rating .cover {
position: absolute;
background: transparent url('../images/rating_stars.png') top left no-repeat;
top: 0px;
left: 0px;
width: 60px;
height: 12px;
z-index: 101;
}
.rating .progress {
position: absolute;
background: transparent url('../images/rating_stars_full.png') top left no-repeat;
top: 0px;
left: 0px;
height: 10px;
z-index: 102;
}
/* carousel */
#quote-carousel
{
padding: 0 10px 30px 10px;
margin-top: 30px;
}
/* Control buttons */
#quote-carousel .carousel-control
{
background: none;
color: #222;
font-size: 2.3em;
text-shadow: none;
margin-top: 30px;
}
/* Previous button */
#quote-carousel .carousel-control.left
{
left: -12px;
}
/* Next button */
#quote-carousel .carousel-control.right
{
right: -12px !important;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators
{
right: 50%;
top: auto;
bottom: 0px;
margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li
{
background: #c0c0c0;
}
#quote-carousel .carousel-indicators .active
{
background: #333333;
}
#quote-carousel img
{
/*width: 60px;
height: 60px;*/
}
/* End carousel */
.item blockquote {
border-left: none;
margin: 0;
padding: 0;
font-size: 14px;
}
.item blockquote img {
margin-bottom: 10px;
width: 50px;
}
.item blockquote p:before {
content: "\f10d";
font-family: 'Fontawesome';
float: left;
margin-right: 10px;
}
.vertical .carousel-inner {
height: 100%;
}
.carousel.vertical .item {
-webkit-transition: 0.6s ease-in-out top;
-moz-transition: 0.6s ease-in-out top;
-ms-transition: 0.6s ease-in-out top;
-o-transition: 0.6s ease-in-out top;
transition: 0.6s ease-in-out top;
}
.carousel.vertical .active {
top: 0;
}
.carousel.vertical .next {
top: 100%;
}
.carousel.vertical .prev {
top: -100%;
}
.carousel.vertical .next.left,
.carousel.vertical .prev.right {
top: 0;
}
.carousel.vertical .active.left {
top: -100%;
}
.carousel.vertical .active.right {
top: 100%;
}
.carousel.vertical .item {
left: 0;
}
/* Workers
----------------------------------------------- */
.worker_rating {
display: block;
padding: 10px 5px 7px 33px;
margin-left: 5px;
background: url('../images/icon_rating.png') no-repeat center left;
font-weight: normal;
}
#top_workers {
padding: 0;
margin: 0;
}
#top_workers li {
list-style-type: none;
padding: 2px 5px 5px 5px;
line-height: 19px;
}
#top_workers a {
color: #555555;
text-decoration: none;
}
#top_workers a:hover {
color: #000000;
text-decoration: none;
}
#top_workers .position {
background: #777;
color: #FFF;
font-weight: bold;
padding: 2px 4px;
}
#cats_top { margin: 0 auto; display: inline-block; display:-moz-inline-stack; zoom:1; *display:inline; }
#cats_top li { min-width: 160px; white-space: nowrap; text-align: center; font-size: 15px; float: left; margin: 3px; border: 1px solid #eee; padding: 4px 8px; border-radius: 15px; }
#cats_top li:hover { background: #FFF; }
#cats_top li.active { float: left; background: #FFF; margin: 3px; padding: 4px 8px; border: 1px solid #eee; border-radius: 15px; }
#cats_top li.active a { color: #21293b; background: #fff; border-radius: 6px; font-weight: normal; }
#cats_top li a { color: #6e727a; display: block; }
#cats_top .badge { background: #79c995 !important; color: #fff !important; }
table {font-size: 14px}
.tbl .label { min-width: 90px !important; display: inline-block; text-transform: uppercase; text-shadow: 0px 1px 0px #898787; }
.tbl .label i { text-shadow: none; }
.tbl .label.label-success { background: #59c67e !important; }
/* Pagination
----------------------------------------------- */
div.pagination {
clear: both;
font-size: 13px;
margin: 20px 0;
text-align: center;
padding: 2px 0;
}
div.pagination a {
padding: 4px 9px;
text-decoration: none;
margin: 1px;
color: #777777;
}
div.pagination a:hover {
color: #9CE50B;
padding: 4px 9px;
}
div.pagination span.disabled {
padding: 4px 9px;
color: #DDDDDD;
margin: 1px;
}
div.pagination span.curPage {
background: #AFAFAF;
padding: 4px 9px;
color: #FFFFFF;
margin: 1px;
border-radius: 5px;
}
/**
MEDIA QUERIES
*/
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
#quote-carousel
{
margin-bottom: 0;
padding: 0 40px 30px 40px;
}
}
@media (max-width: 450px) {
.navbar-left { padding-left: 10px }
section { padding-top: 5px !important; }
.user-page { margin-top: 0; }
.section h1 { font-size: 22px; }
/*.sign-in { display: none; }*/
.sign-in .login a, .sign-in .signup a { font-size: 14px; padding: 3px 11px !important; }
#sdropdown { margin-top: 6px; margin-bottom: 3px; }
#sdropdown ul { animation: smoothScroll 1s forwards; }
#sdropdown #droplink { border: 1px solid #92d1a8; background: #fcfcfc; padding: 3px 8px; border-radius: 7px; color: #666666; margin: 5px 0; }
#sdropdown #droplink i { color: #4fc878; }
.boxio { width: 100%; }
.title_home { font-size: 45px !important; }
.cd-words-wrapper b { font-size: 17px !important; }
p { font-size: 13px; }
.jobprog { text-align: left !important; }
.img_wrap { height: 100%; /*overflow:auto; height: 180px*/ }
#prtabs { display: flex; align-items:center; overflow-x: scroll; }
#prtabs a { font-size: 14px; }
#prtabs>li { white-space: nowrap; /*float: none;*/ }
.tab-manu li a { font-size: 12px; }
.offer_list .row_even:active .otitle, .offer_list .row_odd:active .otitle, .offer_list .row_featured:active .otitle { text-decoration: underline; }
.offer_list { padding: 0 2px 0 0 !important; }
.offer_list .job-ad-item { min-height: 235px !important; height: 235px !important; margin-bottom:0 !important; }
.offer_list .job-ad-item .saveo { position: absolute; right: 15px !important }
.offer_list .job-ad-item .orating { bottom: 10px !important; }
.offer_list .job-ad-item .obott { display: none; }
.offer_list .job-ad-item .item-pic { max-height: 95px !important; }
.offer_list .job-ad-item .item-pic img { min-height: auto !important; }
.offer_list .job-ad-item .iuser { font-size: 12px; font-weight: normal; }
.offer_list .job-ad-item .iavatar { width: 27px; }
.offer_list .job-ad-item .ipic i { top: 20px !important; font-size: 8px !important; }
.offer_list .job-ad-item .offer-info { padding: 5px !important; }
.offer_list .job-ad-item h4 { font-size: 13px; margin: 0; padding: 10px 0 0 0; }
.offer_list .job-ad-item .orating { font-size: 12px; }
.offer_list .job-ad-item .fa-thumbs-up, .offer_list .job-ad-item .fa-thumbs-down { font-size: 14px !important;}
.offer_list .job-ad-item .empty-stars:before, .offer_list .job-ad-item .full-stars:before { font-size: 17px }
.breadtop { margin: 15px 0 5px 13px !important; font-size: 11px !important; }
.footer-widget h3 { margin-top: 35px; }
.personal-info li h5 { width: 147px; }
.personal-info li span { padding-right: 10px; }
.personal-info li .srating { white-space: nowrap; padding: 0; float: right }
.personal-info li .srating i { width: 15px; font-size: 17px; padding: 2px !important; margin: 2px !important; }
.user .btn-sm { padding: 2px 7px; font-size: 12px}
.navbar-left { padding-left: 5px; }
.navbar-left .navbar-nav { animation: smoothScroll 1s forwards; }
/*.navbar-left li.active { background: #fcfcfc; }
.navbar-left .navbar-nav li a { background: #fcfcfc; border-radius: 9px; padding-left: 5px !important; }*/
.navbar-left .navbar-nav li a { padding-left: 5px !important; }
.navbar-left .navbar-nav li i { width: 30px; text-align: center; }
#navbar-left { background: #FFF; }
#navbar-collapse {
border: 1px solid #eee;
border-top: none;
border-top-shadow: none;
width: 60%;
margin: 0 !important;
position: absolute;
right: 0;
top: 50px;
z-index: 11111;
background: #FFF;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
clip-path: inset(0px -10px -10px -10px);
border-radius: 5px;
}
.fav_btns { opacity: 1; }
#something-sell h2 { font-size: 19px !important; }
#hmimg { width: 100%; margin-bottom: 10px; }
.applybtn { display: none; }
/*.applybtn { display: inline-block; }*/
.item-info:hover .applybtn { display: none; }
}
/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) {
/* Make the indicators larger for easier clicking with fingers/thumb on mobile */
#quote-carousel .carousel-indicators {
bottom: -20px !important;
}
#quote-carousel .carousel-indicators li {
display: inline-block;
margin: 0px 5px;
width: 15px;
height: 15px;
}
#quote-carousel .carousel-indicators li.active {
margin: 0px 5px;
width: 20px;
height: 20px;
}
.num { font-size: 19px }
.send_message_link { margin-top: 0}
}
.send_message_link { margin-top: 3px }
.mmenu { display: block; list-style: none; float: left; margin-bottom: 20px; margin-left: 49px; }
.mmenu > li { float: left; margin-right: 5px; border: 1px solid #f3f0f0; background: #fcfcfc; border-radius: 25px; padding: 5px 10px; margin-bottom: 7px; }
.mmenu li:hover { background: #ffffff; }
.mmenu li a { color: #777; }
.mmenu li a:hover { color: #54c77b; }
.mmenu .dropdown-menu:before { content: "\f0d7"; font-family: FontAwesome; position:absolute; top:-11px; left:25%; font-size:25px; border-botrom: 1px solid #FFF; line-height:14px; color:#eee; text-shadow:none; display:block; transform: rotate(-180deg);
}
.mmenu .dropdown-menu { border-radius: 7px; border: 1px solid #eee }
.mmenu .dropdown-menu>li { width: 100%; background: #FFF; border: none !important; margin-right: 5px; padding: 5px 4px; margin-bottom: 0; border-bottom: 1px solid #eee; transition: all 0.5s; }
.mmenu .dropdown-menu li:hover { background: #f9f9f9; }
.mmenu .dropdown-menu li.last { border-bottom: none }
.mmenu .dropdown-menu a { line-height: 15px; padding-left: 15px; }
.mmenu .label { padding: 3px 9px; border-radius: 8px }
.dropdown .label { padding: 3px 9px; border-radius: 8px }
.answer_date { color: #888; }
/*h2.ititle a { font-size: 22px !important; font-weight: bold !important; margin:0 !important; padding: 4px 0 !important; color: #4fc878 !important; }*/
.title { font-size: 21px; margin: 2px 0; }
.title a { color: #555555 !important; }
.title a:hover { color: #4fc878 !important; }
/*
th {
background: #F4F4F4;
color: #353535;
height: 45px;
text-align: center;
vertical-align: middle;
font-weight: bold;
border-right: 1px solid #FFFFFF;
}
*/
.breadtop {
color: #9ea7b5; text-transform: uppercase; margin-left: 20px; font-size: 13px;
}
.breadtop a {
color: #9ea7b5
}
.job-list-item .row_odd, .job-list-item .row_even, .latest-jobs-ads .row_odd, .latest-jobs-ads .row_even {
/*background: #FFF;*/
border-left: 2px solid #f0f0f0;
}
.job-list-item .row_odd:hover, .job-list-item .row_even:hover {
background: #fcfcfc;
border-left: 2px solid #61db8c;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
transition: all 0.3s ease-in-out;
}
.latest-jobs-ads .row_odd:hover, .latest-jobs-ads .row_even:hover {
background: #fcfcfc;
border-left: 2px solid #61db8c;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
transition: all 0.3s ease-in-out;
}
.job-list-item .row_featured, .latest-jobs-ads .row_featured {
border-left: 2px solid #8653f8;
background: #fcf9ff;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.latest-jobs-ads .row_featured:hover, .job-list-item .row_featured:hover {
/*background: #fcf9ff;*/
border-left: 2px solid #8653f8;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
transition: all 0.3s ease-in-out;
}
.job-list-item .row_featured a.title, .latest-jobs-ads .row_featured a.title {
color: #555555 !important;
}
.job-list-item .row_featured a:hover.title, .latest-jobs-ads .row_featured a:hover.title {
color: #54c77b !important;
}
tr.row_odd {
/*height: 30px;*/
background: #FFFFFF;
}
tr.row_even {
background: #F9F9F9;
}
/*
tr.row_odd:hover {
background: #F9F9F9;
}
tr.row_even:hover {
background: #F9F9F9;
}
*/
tr.row_featured {
background: #e6f0db;
}
.row_featured:hover {
background: #fcfcfc;
}
.row_even {
background: #fcfcfc;
}
.row_even:hover {
background: #f7f7f7;
}
.row_odd {
background: #ffffff;
}
.row_odd:hover {
background: #fcfcfc;
}
.offer_list .row_even, .offer_list .row_odd, .offer_list .row_featured {
border: 1px solid #f0f0f0;
background: #FFF;
transition: all .25s;
box-shadow: none;
}
.offer_list .row_featured {
background: #FFF;
border: 1px solid #e8d75c;
}
.offer_list .row_featured:hover, .offer_list .row_featured:active {
background: #FFF;
border: 1px solid #e8d75c;
box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
transition: all 0.3s ease-in-out;
transform: scale(1.01);
}
.offer_list .row_even:hover, .offer_list .row_odd:hover, .offer_list .row_even:active, .offer_list .row_odd:active {
background: #FFF;
border: 1px solid #eee;
box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
transition: all 0.3s ease-in-out;
transform: scale(1.01);
}
.offer_list .fa-thumbs-up { font-size: 22px !important; }
.offer_list .fa-thumbs-down { font-size: 22px !important; }
.offer_list .fa-heart-o { padding-left: 15px; color: #54c77b !important; }
.offer_list .fa-heart-o:hover { color: #67da5d !important; }
.offer_list .item-pic:hover img {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.worker_list {
background: #FFF;
margin-bottom: 15px;
padding: 10px;
border: 1px solid #dae3f5;
border-radius: 15px;
}
.worker_list:hover {
transition: all 0.3s;
box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 18px;
/*transform: scale(.975);*/
transform: scale(1.02);
transform: translateY(-5px);
}
.req {
color: #F93B3B;
font-weight: normal;
}
.boxio {
background: #FFF;
border: 1px solid #ececec;
border-radius: 11px;
border-top: 5px solid #e36159;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
padding: 11px 5px;
margin-bottom: 8px;
white-space: nowrap;
}
.num {
font-size: 22px;
color: #444444;
display: block;
padding: 5px 0;
}
.round_icon {
color: #FFF;
background: #36b34e;
padding: 10px;
border-radius: 50%;
}
/*section h1 { border-bottom: 1px solid #f3f3f3 }*/
.intl-tel-input {
margin: 5px 0;
font-size: 14px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #333;
text-align: left;
}
.intl-tel-input input {
width: 100%;
border: 1px solid #e3e3e3;
font-family: inherit;
font-size: 100%;
color: inherit;
height: 39px;
}
.company-info a.user {
font-size: 20px;
color: #4fc878;
}
.company-info a:hover.user {
color: #444444;
}
.user_title {
font-size: 15px;
color: #444444;
}
.user_title:hover {
color: #5cb85c;
}
.ratings {
top: -5px;
position: relative;
vertical-align: middle;
display: inline-block;
color: #b1b1b1;
overflow: hidden;
}
.full-stars {
position: absolute;
left: 0;
top: 0;
white-space: nowrap;
overflow: hidden;
color: #fde16d;
}
.empty-stars:before, .full-stars:before {
content:"\2605\2605\2605\2605\2605";
font-size: 1.5em;
}
.empty-stars:before {
-webkit-text-stroke: 1px #848484;
}
.full-stars:before {
-webkit-text-stroke: 1px orange;
}
/* Webkit-text-stroke is not supported on firefox or IE */
/* Firefox */
@-moz-document url-prefix() {
.full-stars {
color: #ECBE24;
}
}
/* IE */
/* feedbacks */
.reviews-star-ratings{max-width:340px}
.reviews-star-ratings .progress { height: 9px }
.reviews-star-ratings__item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:12px;font-size:.75rem;margin-top:5px;margin-top:.3125rem}
.reviews-star-ratings__item:first-child{margin-top:0}
.reviews-star-ratings__text{font-size: 10px; width:38px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}
.reviews-star-ratings__bar{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin:0 12px;margin:0 .75rem}
.reviews-star-ratings__count{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:50px;color:#a8b0bf}
.bg-success {background:#22ab59}
.bg-warning {background:#de9100}
.bg-danger {background:#e63e46}
.review__content{padding-left:32px;padding-left:2rem;font-weight:500;word-break:break-word}
.alert-danger {
/*border: 1px solid #fdc9cf;
background: #feeced;
background: #f56f7b;
border: 1px solid #f56f7b;
color: #ffffff;*/
background: #fde7eb;
border: 1px solid #fde7eb;
color: #eb1b42;
border-radius: 7px;
}
.alert-info {
/*background: #e0edfe;*/
background: #eff4fb;
color: #154e6f;
border-radius: 7px;
border-left: 4px solid #39a5b8;
}
.alert-success {
background: #edf9e6;
border: 1px solid #ddf2d8;
color: #709a72;
border-radius: 7px;
}
/*.alert-success i { color: #55c77b; }*/
.alert-warning {
background: #fdf2e2;
color: #b37f34;
border-left: 4px solid #e8a94f;
}
#widget_cookies {color: #212121; font-size:13px; padding: 10px; background:rgba(255, 255, 255, 0.9); position:fixed; bottom:0; width:100%; z-index:100; box-shadow: 1px 1px 1px 5px #676767; border-top: 1px solid #d4d8df; text-align: left; }
#widget_cookies .btn-success { border-radius: 0; background: #1f67d9; padding: 8px 13px; }
.ehidden { display: none; }
.d-none { display: none; }
/* password toggle start */
.password-section {
position: relative;
}
.password-section .fa-eye {
position: absolute;
top: 50%;
right: 12px;
transform: translateY(-50%);
cursor: pointer;
}
.password-section .fa-eye-slash {
position: absolute;
top: 50%;
right: 12px;
transform: translateY(-50%);
cursor: pointer;
}
/*@media (max-width:767.98px){.modal.fade.modal-bottom-center .modal-dialog{width:calc(100% - (.5rem*2))}}*/
.modal .close { position:absolute; z-index:1; right:10px!important; top:10px!important; height:38px; width:38px; background:rgba(193,193,193,.3)!important;border-radius:50%;font-size:33px;padding:0; color: #515151; transition: all 0.4s; }
.modal .close:focus{outline:0}
/* modal alert */
.modal-confirm {
color: #636363;
width: 325px;
margin: 80px auto 0;
}
.modal-confirm .modal-content {
padding: 20px;
border-radius: 5px;
border: none;
}
.modal-confirm .modal-header {
border-bottom: none;
position: relative;
}
.modal-confirm h4 {
text-align: center;
font-size: 26px;
margin: 30px 0 -15px;
}
.modal-confirm .form-control, .modal-confirm .btn {
min-height: 40px;
border-radius: 3px;
}
.modal-confirm .close {
position: absolute;
top: -5px;
right: -5px;
}
.modal-confirm .modal-footer {
border: none;
text-align: center;
border-radius: 5px;
font-size: 13px;
}
.modal-confirm .icon-box {
color: #fff;
position: absolute;
margin: 0 auto;
left: 0;
right: 0;
top: -70px;
width: 95px;
height: 95px;
border-radius: 50%;
z-index: 9;
background: #f0bf39;
padding: 15px;
text-align: center;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.modal-confirm .icon-box i {
font-size: 56px;
position: relative;
top: 4px;
}
.modal-confirm .btn {
color: #fff;
border-radius: 4px;
background: #f0bf39;
text-decoration: none;
transition: all 0.4s;
line-height: normal;
border: none;
}
.modal-confirm .btn:hover, .modal-confirm .btn:focus {
background: #cc9809;
outline: none;
}
.trigger-btn {
display: inline-block;
margin: 100px auto;
}