html,
button,
input,
select,
textarea {
color: #5d5f5e
}
body {
font-size: 14px;
line-height: 1.4;
font-family: 'Raleway', sans-serif;
color: #5d5f5e;
background: #f9f9f9
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Raleway', sans-serif
}
a,
a:hover,
a:focus {
color: #00b0ff;
text-decoration: none;
outline: none
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0
}
img {
vertical-align: middle
}
fieldset {
border: 0;
margin: 0;
padding: 0
}
textarea {
resize: vertical;
border: 1px solid #d7d9da
}
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: black;
padding: 0.2em 0
}
.wrapper {
width: 100%;
overflow: hidden
}
select {
min-height: 25px;
border: 1px solid #d7d9da;
color: #bdc3c7
}
.fre_container .vc_row {
margin-left: 0;
margin-right: 0
}
.fre_container .vc_row.vc_row-fluid {
margin-bottom: 0
}
.fre_container .vc_col-sm-12 {
padding-left: 0;
padding-right: 0;
background-position-x: 50% !important;
background-position-y: 0 !important;
background-attachment: fixed !important
}
.fre_container .wpb_content_element {
margin-bottom: 0px;
z-index: 1;
position: relative
}
.number-project-wrapper {
width: 100%;
display: block;
position: relative;
background: #fff
}
.number-project-wrapper .number-project,
.number-project-wrapper .number-profile {
color: #2c3e50;
font-weight: 400;
font-size: 22px;
margin: 50px 0 10px
}
.number-project-wrapper h2.wpb_tabs_heading,
.number-project-wrapper h2.wpb_tour_heading,
.number-project-wrapper .vc-tta-title h2 {
max-width: 1170px;
margin: 10px auto 20px;
color: #2c3e50;
font-weight: 300;
font-size: 48px
}
.number-project-wrapper h2.number-project {
margin-bottom: 30px;
padding-right: 170px
}
.number-project-wrapper .tabs,
.number-project-wrapper .vc-tta-title {
padding-top: 45px
}
.number-project-wrapper .tabs .nav-tabs-project,
.number-project-wrapper .vc-tta-title .nav-tabs-project {
position: relative;
display: block;
z-index: 2
}
.number-project-wrapper .tabs .nav-tabs-project ul.wpb_tabs_nav,
.number-project-wrapper .vc-tta-title .nav-tabs-project ul.wpb_tabs_nav {
max-width: 1170px;
margin: 0 auto;
border: none;
position: relative
}
.number-project-wrapper .tabs .nav-tabs-project ul.wpb_tabs_nav li,
.number-project-wrapper .vc-tta-title .nav-tabs-project ul.wpb_tabs_nav li {
background: transparent !important;
outline: none
}
.number-project-wrapper .tabs .nav-tabs-project ul.wpb_tabs_nav li>a,
.number-project-wrapper .vc-tta-title .nav-tabs-project ul.wpb_tabs_nav li>a {
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
font-size: 15px;
font-weight: 500;
border: none;
border-top: 5px solid transparent;
padding: 15px 28px 30px;
position: relative;
bottom: -15px;
letter-spacing: 1px;
color: #bdc3c7
}
.number-project-wrapper .tabs .nav-tabs-project ul.wpb_tabs_nav li>a:hover,
.number-project-wrapper .vc-tta-title .nav-tabs-project ul.wpb_tabs_nav li>a:hover {
border: none;
border-top: 5px solid #00b0ff;
color: #2c3e50;
font-weight: 600
}
.number-project-wrapper .tabs .nav-tabs-project ul.wpb_tabs_nav li.ui-tabs-active>a,
.number-project-wrapper .vc-tta-title .nav-tabs-project ul.wpb_tabs_nav li.ui-tabs-active>a {
border-top: 5px solid #00b0ff;
color: #2c3e50;
box-shadow: 0 1px 1px rgba(119, 119, 119, 0.2);
background-color: #fff;
font-weight: 600
}
.number-project-wrapper .btn-post-project {
position: absolute !important;
right: 0;
top: 15px;
background-color: #00b0ff;
box-shadow: 0 2px 0 #0090e9;
padding: 9px 25px;
color: #fff;
z-index: 9
}
.number-project-wrapper .btn-sumary i {
font-size: 14px;
position: absolute;
top: 50%;
left: 100%;
margin-top: -8px;
opacity: 0;
transition: all 0.3s ease-in-out
}
.number-project-wrapper .btn-sumary.btn-post-project i {
display: inline-block;
margin-right: 15px
}
.number-project-wrapper .btn-sumary.btn-post-project:hover i {
opacity: 1;
left: 15px
}
.number-project-wrapper .btn-sumary.btn-post-project:hover {
opacity: .8;
padding-left: 40px
}
.number-profile-wrapper {
width: 100%;
display: block;
position: relative;
background: #fff
}
.number-profile-wrapper .number-project,
.number-profile-wrapper .number-profile {
color: #2c3e50;
font-weight: 300;
font-size: 22px;
margin: 50px 0 10px
}
.number-profile-wrapper h2.wpb_tabs_heading,
.number-profile-wrapper h2.wpb_tour_heading,
.number-profile-wrapper .vc-tta-title h2 {
max-width: 1170px;
margin: 10px auto 20px;
color: #2c3e50;
font-weight: 300;
font-size: 48px
}
.number-profile-wrapper h2.number-project {
margin-bottom: 30px
}
.number-profile-wrapper .tabs,
.number-profile-wrapper .vc-tta-title {
padding-top: 45px
}
.number-profile-wrapper .tabs .nav-tabs-project,
.number-profile-wrapper .vc-tta-title .nav-tabs-project {
position: relative;
display: block;
z-index: 2
}
.number-profile-wrapper .tabs .nav-tabs-project ul.wpb_tabs_nav,
.number-profile-wrapper .vc-tta-title .nav-tabs-project ul.wpb_tabs_nav {
max-width: 1170px;
margin: 0 auto;
border: none;
position: relative
}
.number-profile-wrapper .tabs .nav-tabs-project ul.wpb_tabs_nav li,
.number-profile-wrapper .vc-tta-title .nav-tabs-project ul.wpb_tabs_nav li {
background: transparent !important;
outline: none
}
.number-profile-wrapper .tabs .nav-tabs-project ul.wpb_tabs_nav li>a,
.number-profile-wrapper .vc-tta-title .nav-tabs-project ul.wpb_tabs_nav li>a {
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
font-size: 15px;
font-weight: 500;
border: none;
border-top: 5px solid transparent;
padding: 15px 28px 30px;
position: relative;
bottom: -15px;
letter-spacing: 1px;
color: #bdc3c7
}
.number-profile-wrapper .tabs .nav-tabs-project ul.wpb_tabs_nav li>a:hover,
.number-profile-wrapper .vc-tta-title .nav-tabs-project ul.wpb_tabs_nav li>a:hover {
border: none;
border-top: 5px solid #00b0ff;
color: #2c3e50;
font-weight: 600
}
.number-profile-wrapper .tabs .nav-tabs-project ul.wpb_tabs_nav li.ui-tabs-active>a,
.number-profile-wrapper .vc-tta-title .nav-tabs-project ul.wpb_tabs_nav li.ui-tabs-active>a {
border-top: 5px solid #00b0ff;
color: #2c3e50;
box-shadow: 0 1px 1px rgba(119, 119, 119, 0.2);
background-color: #fff;
font-weight: 600
}
.number-profile-wrapper .btn-post-project {
position: absolute !important;
right: 0;
top: 15px;
background-color: #00b0ff;
box-shadow: 0 2px 0 #0090e9;
padding: 9px 25px;
color: #fff;
z-index: 9
}
.number-profile-wrapper .btn-sumary i {
font-size: 14px;
position: absolute;
top: 50%;
left: 100%;
margin-top: -8px;
opacity: 0;
transition: all 0.3s ease-in-out
}
.number-profile-wrapper .btn-sumary.btn-post-project i {
display: inline-block;
margin-right: 15px
}
.number-profile-wrapper .btn-sumary.btn-post-project:hover i {
opacity: 1;
left: 15px
}
.number-profile-wrapper .btn-sumary.btn-post-project:hover {
opacity: .8;
padding-left: 40px
}
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tabs-list .vc_tta-tab {
background: transparent !important;
outline: none
}
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tabs-list .vc_tta-tab>a {
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
font-size: 15px;
font-weight: 500;
border: none;
border-top: 5px solid transparent;
padding: 15px 28px 30px;
position: relative;
bottom: -15px;
letter-spacing: 1px;
color: #bdc3c7;
background: none
}
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tabs-list .vc_tta-tab>a:hover {
border: none;
border-top: 5px solid #00b0ff;
color: #2c3e50;
font-weight: 600;
background: #eee
}
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tabs-list .vc_tta-tab>a:before,
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tabs-list .vc_tta-tab>a::after {
display: none !important
}
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tabs-list .vc_tta-tab.vc_active>a {
border-top: 5px solid #00b0ff;
border-color: #00b0ff;
color: #2c3e50;
box-shadow: 0 1px 1px rgba(119, 119, 119, 0.2);
background-color: #fff;
font-weight: 600
}
.vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-tabs-container,
.vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-tabs-list {
overflow: inherit
}
.vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc-tta-container .vc_tta-panels {
background: none;
border: none
}
.vc_tta-container .container {
max-width: 100%
}
.vc_tta.vc_tta-tabs .vc-tta-container .vc_tta-panel-heading {
display: none
}
.vc_tta.vc_tta-tabs .number-project-wrapper .vc_tta-tabs-container {
display: block
}
.vc_tta.vc_tta-tabs .vc-tta-container .vc_tta-panel-body {
padding: 0
}
.section-wrapper {
display: block;
position: relative
}
.list-project-wrapper {
width: 100%
}
.list-project-wrapper .paginations-wrapper {
margin-top: 10px !important;
margin-bottom: 20px
}
.list-project-wrapper,
.list-profile-wrapper,
.tab-content-project {
width: 100%
}
.title-tab-project a.orderby {
white-space: nowrap
}
.title-tab-project a span {
cursor: pointer
}
.title-tab-project span {
color: #b9c5cd;
font-size: 12px;
font-weight: bold;
margin-top: 20px;
margin-bottom: 10px;
display: inline-block;
letter-spacing: 0.7px
}
.list-project {
padding: 0;
list-style: none;
margin: 0
}
.list-project li {
background-clip: padding-box;
background-color: #fff;
box-shadow: 0 1px 1px rgba(119, 119, 119, 0.2);
padding: 7px 10px 8px 10px;
margin-bottom: 5px;
font-size: 14px
}
.list-project li.hvr-shadow {
display: block
}
.list-project li:hover {
background: rgba(238, 238, 238, 0.3)
}
.list-project li .title-project {
display: inline-block;
vertical-align: middle;
color: #30363b
}
.list-project li .title-project img {
margin-right: 10px;
border-radius: 50%
}
.list-project li a.project-item-title {
color: #2c3e50;
font-size: 14px;
font-weight: 400;
color: #30363c
}
.list-project li .wrapper-btn {
text-align: right;
margin: 8px 0 0 0
}
.list-project li span,
.list-project li span a {
font-weight: 300;
color: #656e78;
line-height: 35px;
display: block
}
.list-project li .budget-project {
color: #2c3e50;
font-weight: 700;
font-size: 14px
}
.list-project li span.ribbon {
width: 20px;
height: 20px;
background: #e74c3c;
position: absolute;
text-align: center;
top: -6px;
right: 0px;
left: -25px;
padding-top: 0px;
overflow: inherit;
line-height: 2
}
.list-project li span.ribbon i {
font-size: 14px
}
.list-project li span.ribbon:after {
width: 20px;
content: "";
display: block;
border: 10px solid #e74c3c;
border-top-width: 0.5em;
border-bottom-color: transparent;
z-index: 5;
bottom: 0;
border-bottom-color: transparent;
top: 20px;
position: absolute
}
.ribbon i {
color: #fff;
font-size: 18px
}
.paginations-wrapper a {
color: #777;
padding: 5px;
font-size: 16px;
cursor: pointer
}
.paginations-wrapper a:hover {
color: #e74c3c
}
.paginations-wrapper a.load-more-post {
background: transparent;
color: #00b0ff;
padding-left: 0;
padding-top: 15px
}
.paginations-wrapper span.page-numbers.current {
padding: 5px;
font-size: 16px;
color: #e74c3c
}
.tab-content-profile {
margin: 53px 0 0
}
.tab-content-profile .paginations-wrapper {
margin-bottom: 20px
}
.list-profile .profile-content {
display: block;
padding: 20px 25px;
background-clip: padding-box;
background-color: #fff;
box-shadow: 0 1px 1px rgba(119, 119, 119, 0.2);
margin-bottom: 30px;
position: relative
}
.list-profile .profile-content .top-profile .avatar-profile {
display: block;
width: 66px;
height: 66px;
display: inline-block;
border-radius: 50%;
overflow: hidden
}
.list-profile .profile-content .top-profile .avatar-profile img {
width: 100%;
height: auto
}
.list-profile .profile-content .top-profile .img-avatar {
margin-right: 20px
}
.list-profile .profile-content .top-profile .info-profile {
width: 284px
}
.list-profile .profile-content .top-profile .link-profile {
margin-top: 6px;
float: right
}
.list-profile .profile-content .top-profile .name-profile {
color: #2c3e50;
font-size: 24px;
font-weight: 600;
display: block;
text-transform: capitalize
}
.list-profile .profile-content .top-profile .position-profile {
color: #2ecc71;
font-size: 14px;
font-weight: 400
}
.list-profile .profile-content .bottom-profile .wrapper-achivement {
width: 50%;
max-width: 50%;
margin-right: 20px
}
.list-profile .profile-content .bottom-profile .wrapper-achivement .rate-it {
font-size: 12px
}
.list-profile .profile-content .bottom-profile .wrapper-achivement span {
font-size: 14px;
color: #666f78;
font-weight: 400
}
.list-profile .profile-content .bottom-profile .wrapper-achivement ul {
list-style: none;
padding: 0;
margin: 0;
border: 1px solid #f4f6f8
}
.list-profile .profile-content .bottom-profile .wrapper-achivement ul li {
border-right: 1px solid #f4f6f8;
padding: 10px;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
text-align: center;
max-width: 84px
}
.list-profile .profile-content .bottom-profile .wrapper-achivement ul li:last-child {
border: none;
padding-left: 1px;
padding-right: 4px;
min-width: 74px;
max-width: 74px
}
.list-profile .profile-content .bottom-profile .wrapper-achivement ul li:nth-child(2) {
padding-left: 1px;
padding-right: 4px;
min-width: 74px
}
.list-profile .profile-content .bottom-profile .list-skill-profile {
width: 45%;
max-width: 45%
}
.list-profile .profile-content .bottom-profile .list-skill-profile ul {
padding: 0;
margin: 0;
list-style: none;
min-height: 65px;
text-align: right;
position: relative;
top: 5px
}
.list-profile .profile-content .bottom-profile .list-skill-profile ul li {
padding: 3px 10px;
border-radius: 4px;
background-clip: padding-box;
background-color: #f2f5f7;
margin-left: 5px;
margin-bottom: 9px;
max-width: 165px;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
white-space: nowrap;
font-size: 12px;
font-weight: 400
}
.top-profile {
margin-bottom: 10px
}
.top-profile,
.bottom-profile {
padding: 0;
list-style: none;
margin: 0
}
.btn-view-profile span {
display: block;
max-width: 91px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.rate-it .star-on-png,
.rating-it i,
.rate-it .star-half-png {
color: #fec600 !important
}
.rate-it .fa-star-o:before {
color: #fec600 !important
}
.raty {
display: inline-block
}
.top-profile li,
.bottom-profile li {
display: inline-block;
position: relative;
vertical-align: middle
}
.counter-wrapper {
background: #fff;
width: 100%;
display: block;
padding: 68px 0 78px 0
}
.counter-wrapper .row>.col-sm-6 {
margin-top: 20px
}
.title-heading h3 {
color: #e74c3c;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1.5px;
margin: 0 0 15px
}
.title-heading h4 {
color: #3b3b3b;
font-size: 34px;
font-weight: 600;
margin: 0;
line-height: 1.4;
margin-bottom: 25px
}
.counter-content .title {
color: #777;
font-size: 18px;
margin: 0
}
.counter-icon {
position: relative;
z-index: 1;
display: inline-block;
overflow: hidden;
width: 80px;
height: 80px;
text-align: center;
margin-right: 20px;
float: left
}
.counter-icon-layla {
width: 100%;
height: 100%;
vertical-align: middle;
text-align: center
}
.counter-icon-layla i {
vertical-align: middle;
color: #777;
font-size: 18px;
margin-top: 30px
}
.counter-icon-layla:before,
.counter-icon-layla:after {
position: absolute;
content: '';
opacity: 0;
transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s
}
.counter-icon-layla:before {
top: 5px;
right: 0;
bottom: 5px;
left: 0;
border-top: 1px solid #9f9f9f;
border-bottom: 1px solid #9f9f9f;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0
}
.counter-icon-layla:after {
top: 0;
right: 5px;
bottom: 0;
left: 5px;
border-right: 1px solid #9f9f9f;
border-left: 1px solid #9f9f9f;
-webkit-transform: scale(1, 0);
-ms-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0
}
.counter-detail.active.active .counter-icon-layla:before,
.counter-detail.active.active .counter-icon-layla:after {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.counter-detail.active.active .counter-icon-layla:after {
transition-delay: 0.15s
}
.odometer {
color: #e74c3c;
font-size: 36px;
font-weight: 600
}
.odometer.odometer-auto-theme,
.odometer.odometer-theme-default {
display: -moz-inline-box;
-moz-box-orient: vertical;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
position: relative
}
.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-default .odometer-digit {
display: -moz-inline-box;
-moz-box-orient: vertical;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
position: relative
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
display: -moz-inline-box;
-moz-box-orient: vertical;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
visibility: hidden
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
text-align: left;
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
display: block
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
display: block;
-webkit-backface-visibility: hidden
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value {
display: block;
-webkit-transform: translateZ(0)
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
position: absolute
}
.counter-wrapper .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
.counter-wrapper .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
transition: -webkit-transform 2s;
transition: transform 2s;
transition: transform 2s, -webkit-transform 2s
}
.counter-wrapper .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,
.counter-wrapper .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%)
}
.counter-wrapper .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
.counter-wrapper .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%)
}
.counter-wrapper .odometer.odometer-auto-theme.odometer-animating-down.counter-wrapper .odometer-ribbon-inner,
.counter-wrapper .odometer.odometer-theme-default.odometer-animating-down.counter-wrapper .odometer-ribbon-inner {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%)
}
.counter-wrapper .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,
.counter-wrapper .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
transition: -webkit-transform 2s;
transition: transform 2s;
transition: transform 2s, -webkit-transform 2s;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
.counter-wrapper .odometer.odometer-auto-theme .odometer-value,
.counter-wrapper .odometer.odometer-theme-default .odometer-value {
text-align: center
}
.testimonial-wrapper {
position: relative;
display: block;
padding: 40px 0
}
.testimonial-wrapper .container {
max-width: 100%
}
.test-content {
display: block;
padding: 20px;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
background-clip: padding-box;
background-color: #fff;
box-shadow: 0 1px 1px rgba(119, 119, 119, 0.2);
position: relative
}
.test-content:before {
width: 0;
height: 0;
border-style: solid;
border-width: 7px 7px 0 5px;
border-color: #fff transparent transparent transparent;
content: '';
position: absolute;
bottom: -7px;
left: 35px
}
.test-content p {
margin: 0;
line-height: 1.5;
color: #2c3e50;
font-size: 14px;
font-weight: 400
}
.test-info {
position: relative;
margin-top: 10px;
margin-bottom: 10px;
padding: 0 15px
}
.test-avatar {
width: 50px;
height: 50px;
display: inline-block;
overflow: hidden;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
margin-right: 15px
}
.test-avatar img {
width: 100%;
height: auto
}
.test-name {
color: #2c3e50;
font-size: 18px;
vertical-align: top;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
display: block;
font-weight: 600;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding-left: 76px;
padding-right: 10px;
width: 100%
}
.test-position {
display: block;
margin-top: 2px;
color: #2ecc71;
font-size: 14px;
vertical-align: middle
}
.view-all-test {
display: block;
text-align: center;
margin: 75px 0 20px;
color: #777;
font-weight: 600
}
.list-testimonial+.paginations-wrapper {
text-align: center
}
.pricing-container {
padding: 60px 0 50px 0
}
.pricing-container .pricing-item {
margin-top: 50px
}
.pricing-container .pricing sup {
top: -0.2em
}
.pricing-container .pricing-number {
background: #2c3e50;
text-align: center;
padding: 30px
}
.pricing-container .pricing-number h2.price {
color: #fff;
font-size: 34px;
font-weight: 500;
margin: 0 0 5px
}
.pricing-container .pricing-number span {
color: #fff;
font-size: 20px;
font-weight: 200;
display: block
}
.pricing-container .pricing-content {
padding: 30px 20px;
display: block;
text-align: center;
background: #fff
}
.pricing-container .pricing-title {
color: #30363b;
font-size: 20px;
font-weight: 500;
margin: 0 0 10px
}
.pricing-container .pricing-detail {
list-style: none;
padding: 0;
margin: 0;
min-height: 50px;
max-width: 180px;
margin: 0 auto
}
.pricing-container .pricing-detail p {
letter-spacing: 1.5;
font-weight: 300;
line-height: 30px;
color: #666f78
}
.pricing-container .pricing-detail li {
display: block;
margin-bottom: 10px
}
.pricing-container .pricing-detail li span {
color: #666f78;
font-size: 14px;
font-weight: 200
}
.pricing-container .submit-price {
margin-top: 30px
}
.pricing-container .pricing.active .pricing-number {
background: #e74c3c
}
.pricing-container .pricing:hover .btn-price,
.pricing-container .pricing.active .btn-price {
background-color: #e74c3c;
box-shadow: 0 2px 0 #bf392b;
padding: 7px 30px
}
.pricing-container .btn-sumary.btn-price {
padding: 7px 30px;
box-shadow: 0 2px 0 #233240;
font-size: 14px;
font-weight: 400;
letter-spacing: 1.2
}
#left_content {
margin-top: 0
}
#resetpass_form .form-group {
width: 100%;
margin-bottom: 45px;
position: relative
}
#resetpass_form .form-group label {
padding-top: 15px
}
#resetpass_form .form-group input {
height: 45px
}
#resetpass_form .error .message {
position: absolute;
right: 12px;
margin-top: 5px
}
#resetpass_form .error i {
position: absolute;
right: 24px;
top: 17px
}
@media (max-width: 767px) {
.number-profile-wrapper .number-profile {
margin: 35px 0 22px
}
}
body.blog .blog-sidebar,
body.category .blog-sidebar,
body.single .blog-sidebar {
margin-top: 50px
}
.blog-header-container {
background: #fff
}
.blog-header-container .blog-classic-top {
height: 60px
}
.blog-header-container .blog-classic-top h2,
.blog-header-container .blog-classic-top #search-bar {
display: inline-block;
vertical-align: middle
}
.blog-header-container .blog-classic-top h2 {
color: #2c3e50;
font-size: 22px;
font-weight: 300
}
.blog-header-container .blog-classic-top #search-bar {
float: right;
position: relative;
top: 16px
}
.blog-header-container .blog-classic-top #search-bar i {
position: absolute;
right: 10px;
top: 8px;
color: #8b97b1
}
.blog-header-container .blog-classic-top #search-bar input {
width: 226px;
height: 30px;
border: 1px solid #d1d5e0;
border-radius: 4px;
padding: 3px 15px;
color: #8b97b1;
font-size: 13px;
font-weight: 400
}
.blog-header-container .blog-classic-top #search-bar input::-webkit-input-placeholder {
font-weight: 400;
color: #8c97b2;
font-size: 13px
}
.blog-header-container .blog-classic-top #search-bar input::-moz-placeholder {
font-weight: 400;
color: #8c97b2;
font-size: 13px
}
.blog-header-container .blog-classic-top #search-bar input:-moz-placeholder {
font-weight: 400;
color: #8c97b2;
font-size: 13px
}
.blog-header-container .blog-classic-top #search-bar input:-ms-input-placeholder {
font-weight: 400;
color: #8c97b2;
font-size: 13px
}
.block-page {
min-height: 345px
}
#post-list .post-item:first-child,
body.single .blog-wrapper {
border-top: none
}
.posts-container {
margin-top: 20px;
padding-right: 30px
}
.posts-container #comments {
margin-top: 30px
}
.page-container {
min-height: 750px
}
.page-container .blog-content {
background: #fff;
margin-bottom: 30px;
padding: 20px
}
.page-container .blog-content p {
line-height: 25px;
font-weight: 400
}
.page-container .blog-content img {
max-width: 100%;
height: auto
}
.page-notfound-content {
padding: 36px 0;
background: #fff;
width: 70%;
margin: 48px auto;
text-align: center
}
.page-notfound-content>h2 {
margin: 0;
font-size: 28px;
font-weight: 600;
color: #2c3e50
}
.page-notfound-content>h4 {
margin: 26px 0;
font-size: 18px;
font-weight: 400;
color: #2c3e50
}
.page-notfound-content>p {
margin: 0;
color: #737c85
}
.page-notfound-content>p a {
color: #737c85;
text-decoration: underline
}
.blog-wrapper {
padding: 15px 0 30px;
border-top: 1px solid #dadfea
}
.blog-wrapper .author-wrapper {
text-align: center;
padding-top: 15px
}
.blog-wrapper .avatar-author {
display: block;
margin: 0 auto;
width: 65px;
height: auto;
margin-bottom: 10px
}
.blog-wrapper .avatar-author img {
max-width: 100%;
height: auto;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%
}
.blog-wrapper .date {
color: #6b6b6b;
font-size: 12px;
font-weight: 400;
text-transform: uppercase
}
.blog-wrapper .blog-content {
padding-top: 15px
}
.blog-wrapper .blog-content img {
max-width: 100%;
height: auto
}
.blog-wrapper .blog-content .tag {
color: #777;
font-size: 12px;
font-weight: 600;
display: inline-block;
margin-right: 15px;
max-width: 100%
}
.blog-wrapper .blog-content .tag a {
color: #777;
font-size: 12px;
font-weight: 600;
text-transform: uppercase
}
.blog-wrapper .blog-content .cmt,
.blog-wrapper .blog-content .cmt a {
color: #dd6951;
font-size: 12px
}
.blog-wrapper .blog-content .cmt i {
display: inline-block;
margin: 0 3px 0 0
}
.blog-wrapper .blog-content .title-blog {
margin: 10px 0 30px
}
.blog-wrapper .blog-content .title-blog a {
color: #444c63;
font-size: 33px;
font-weight: 500;
letter-spacing: 1.1px
}
.blog-wrapper .blog-content p {
color: #5f6f81;
font-size: 16px;
line-height: 1.7;
font-weight: 400
}
.blog-wrapper .blog-content .read-more {
color: #dd6951;
font-size: 12px;
font-weight: 600;
display: block;
margin-top: 20px
}
.blog-wrapper .blog-content .read-more i {
display: inline-block;
margin-left: 5px;
font-size: 13px
}
.blog-sidebar .primary-sidebar.widget-area {
margin-bottom: 30px;
padding: 5px 0px 15px 0px;
background: #fff;
box-shadow: 0 1px 1px rgba(119, 119, 119, 0.2)
}
.blog-sidebar h2.widgettitle {
font-size: 18px;
font-weight: 600;
color: #2c3e50;
padding-bottom: 5px;
text-transform: capitalize !important
}
.blog-sidebar ul li a {
color: #2c3e50;
font-weight: 300;
font-size: 14px
}
.blog-sidebar ul li .comment-author-link {
color: #00b0ff
}
.blog-sidebar .widget.widget_search form>div:after {
right: 45px;
bottom: 18px
}
.blog-sidebar .textwidget {
font-size: 14px;
font-weight: 400
}
.comment-list {
padding: 0;
list-style: none;
margin-top: 15px
}
.comment-list li {
border-bottom: 1px solid #dadfea;
padding: 15px 0 25px 0 !important
}
.comment-list li>div {
padding: 0 20px
}
.comment-list li .children {
margin-top: 10px;
padding-left: 65px
}
.et-comments-title,
#reply-title {
font-size: 18px;
padding: 20px 0;
margin: 0;
border-bottom: 1px solid #dadfea;
border-top: 1px solid #dadfea;
color: #2c3e50;
font-weight: 600
}
#reply-title {
border: none;
padding-bottom: 10px
}
#reply-title h3 {
font-size: 18px;
color: #2c3e50
}
.comment-form {
padding: 0
}
#comments .et-comments-title {
font-weight: 500
}
#comments .btm-comment-form #respond #reply-title {
border-bottom: 1px solid #dadfea;
border-top: 1px solid #dadfea;
padding-bottom: 20px
}
#comments .btm-comment-form .comment-form input {
border: 1px solid #d7d9da;
border-radius: 4px
}
body.single-post .btm-comment-form .comment-form {
display: block
}
#commentform p {
margin: 20px 0;
font-weight: 400
}
#commentform p>label {
display: block;
color: #767676;
font-size: 14px
}
#commentform p>input[type=text],
#commentform p>input[type=password],
#commentform p textarea {
border: 1px solid rgba(119, 119, 119, 0.1);
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding: 3px 5px
}
#commentform p>input[type=text],
#commentform p>input[type=password] {
height: 38px
}
#commentform textarea {
resize: none;
height: 145px;
width: 70%;
font-weight: 400;
padding: 10px 15px;
line-height: 25px;
font-size: 14px
}
#commentform #submit {
display: inline-block;
width: auto;
height: 38px;
background: #415161;
padding-left: 32px;
padding-right: 32px;
font-size: 16px;
font-weight: 400;
color: #fff;
text-align: center;
border-radius: 4px;
border: 2px solid #415161;
box-shadow: none;
line-height: 34px;
transition: 0.2s ease-out;
outline: none;
cursor: pointer
}
#commentform #submit:hover,
#commentform #submit:focus,
#commentform #submit:active {
background: #fff;
color: #415161
}
.et-comment {
padding: 27px 0;
border-bottom: 1px solid #f4f6f8
}
.et-comment:last-child {
border-bottom: 0
}
.et-comment .media-body {
padding-left: 23px
}
.et-comment .media-body a.comment-reply-link {
color: #6a90ba;
font-size: 14px;
font-weight: 500
}
.et-comment .media-body .media-heading {
color: #000;
font-weight: 600;
font-size: 14px;
display: inline-block
}
.et-comment .media-body .comment-text {
color: #909090;
line-height: 25px;
font-size: 14px;
font-weight: 300;
margin-top: 5px
}
.et-comment .media-body .time-review {
color: #bbbbbb;
padding-left: 5px;
font-size: 12px;
font-weight: 200
}
.et-comment .media-body .time-review i {
font-size: 12px;
padding-right: 5px
}
.et-comment .media-body .et-comment {
border-bottom: none;
margin-left: 10px
}
.et-comment .media-body .et-comment:last-child {
padding-bottom: 0
}
.et-comment .media-body .et-comment img {
border: 4px solid #fff
}
.et-comment #respond {
margin-left: 60px;
margin-top: 10px
}
.et-comment #respond #respond {
font-size: 14px
}
.avatar-comment {
border-radius: 50%
}
.avatar-comment img {
border: 3px solid #fff;
width: 45px;
height: 45px
}
p.no-comments {
text-align: center
}
p.text-term {
margin-top: 20px
}
#recharge-pages .blog-sidebar {
margin-top: 50px
}
.content-accept-bid {
width: 55%;
margin: auto;
background: #fff;
padding: 14px 80px;
border-radius: 1px;
box-shadow: 0px 1px 1px #e2e8ec
}
.content-accept-bid h2 {
margin-bottom: 14px;
font-weight: bold;
font-size: 18px;
color: #2c3e50
}
.content-accept-bid p {
line-height: 24px;
color: #737c85;
line-height: 1.9em
}
.content-accept-bid a {
text-transform: capitalize;
color: #00b0ff
}
.container .content-process-payment {
width: 55%;
margin: auto;
background: #fff;
padding: 10px 100px;
box-shadow: 0px 1px 1px #dedede
}
.container .content-process-payment.accept-bid p.sub-text {
padding: 0 10px
}
.container .content-process-payment h2 {
text-align: center;
font-size: 16px;
font-weight: bold;
color: #2c3e50
}
.container .content-process-payment p.sub-text {
text-align: center;
padding: 0 50px;
line-height: 24px;
color: #737c85;
margin-bottom: 22px
}
.container .content-process-payment .invoice-detail {
border-top: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0;
padding: 12px 0
}
.container .content-process-payment .invoice-detail .info-left span {
display: block;
text-align: right;
color: #737c85;
height: 36px;
line-height: 36px
}
.container .content-process-payment .invoice-detail .info-right span {
display: block;
text-transform: capitalize;
font-size: 16px;
color: #2c3e50;
height: 36px;
line-height: 36px
}
.container .content-process-payment .invoice-detail .invoice-note {
text-align: center;
padding: 0 30px
}
.container .content-process-payment .invoice-detail .col-xs-6 {
padding: 0 10px
}
.container .content-process-payment .content-footer {
text-align: center;
margin-bottom: 22px;
line-height: 24px
}
.container .content-process-payment .content-footer p {
padding: 0 30px;
margin: 20px 0;
color: #737c85
}
.container .content-process-payment .content-footer a {
padding: 10px 26px;
background: #00b0ff;
color: #fff;
border-radius: 5px;
box-shadow: 0px 2px 0px #0091ea;
display: inline-block
}
.container .content-process-payment .content-footer a:hover {
opacity: 0.8
}
.container .content-cancel-payment {
width: 55%;
margin: auto;
background: #fff;
padding: 10px 100px;
box-shadow: 0px 1px 1px #dedede
}
.container .content-cancel-payment h2 {
text-align: center;
font-size: 16px;
font-weight: bold;
color: #2c3e50
}
.container .content-cancel-payment p.sub-text {
text-align: center;
line-height: 26px;
color: #737c85;
margin-bottom: 24px
}
.container .content-cancel-payment .content-footer {
text-align: center;
margin-bottom: 20px
}
@media (max-width: 991px) {
.container .content-process-payment,
.container .content-cancel-payment,
.content-accept-bid {
width: 80%
}
}
/* second css */
.btn-sumary {
padding: 10px 20px;
font-size: 14px;
border-radius: 4px;
position: relative;
transition: all 0.3s ease-in-out;
background-clip: padding-box;
color: #fff;
letter-spacing: 1.5px;
border: none;
outline: 0
}
.btn-sumary a:hover {
color: #fff
}
.btn-sumary:hover {
opacity: .75;
color: #fff
}
.btn-sumary:active,
.btn-sumary:focus {
outline: 0
}
.box-shadow-button-orange {
box-shadow: 0 3px 0 #bf392b;
-webkit-box-shadow: 0 3px 0 #bf392b;
-moz-box-shadow: 0 3px 0 #bf392b;
-ms-box-shadow: 0 3px 0 #bf392b
}
.box-shadow-button-blue {
box-shadow: 0 3px 0 #0090e9;
-webkit-box-shadow: 0 3px 0 #0090e9;
-moz-box-shadow: 0 3px 0 #0090e9;
-ms-box-shadow: 0 3px 0 #0090e9
}
.box-shadow-button-green {
box-shadow: 0 3px 0 #239b56;
-webkit-box-shadow: 0 3px 0 #239b56;
-moz-box-shadow: 0 3px 0 #239b56;
-ms-box-shadow: 0 3px 0 #239b56
}
.box-shadow-button-dark-blue {
box-shadow: 0 3px 0 #233240;
-webkit-box-shadow: 0 3px 0 #233240;
-moz-box-shadow: 0 3px 0 #233240;
-ms-box-shadow: 0 3px 0 #233240
}
.btn-sub-post,
.btn-price {
background-color: #2c3e50
}
.btn-post-profile {
position: absolute !important;
right: 0px;
top: 10px;
background-color: #2ecc71;
box-shadow: 0 3px 0 #239b56;
padding: 9px 25px;
color: #fff;
z-index: 9
}
.btn-apply-project {
padding: 7px 25px;
background-color: #1fbdbd;
font-weight: 400
}
.btn-apply-project-item,
.btn-view-profile,
.btn-excecute-project,
.btn-refund-project {
display: inline-block;
width: auto;
height: 36px;
background: #1fbdbd !important;
padding: 0 12px;
font-size: 14px;
font-weight: 700;
color: #fff;
text-align: center;
border-radius: 4px;
border: 2px solid #1fbdbd;
box-shadow: none !important;
line-height: 32px;
transition: 0.2s ease-out;
outline: none;
cursor: pointer
}
.btn-apply-project-item:hover,
.btn-apply-project-item:focus,
.btn-apply-project-item:active,
.btn-view-profile:hover,
.btn-view-profile:focus,
.btn-view-profile:active,
.btn-excecute-project:hover,
.btn-excecute-project:focus,
.btn-excecute-project:active,
.btn-refund-project:hover,
.btn-refund-project:focus,
.btn-refund-project:active {
background: #fff !important;
color: #1fbdbd !important;
box-shadow: none !important
}
@media (max-width: 1199px) {
.project-item .btn-purchase-project-item+.btn-bid-project {
margin-top: 8px
}
}
@media (max-width: 991px) {
.project-item .btn-purchase-project-item+.btn-bid-project {
margin-top: 0
}
}
@media (max-width: 767px) {
.no-bid-found .btn-purchase-project-item {
margin-top: 10px
}
.no-bid-found .btn-bid-project {
margin-top: 10px
}
}
* {
outline: none
}
select {
background: #FFF;
border: 1px solid #dbdbdb;
min-height: 24px;
color: #415161
}
.no-margin-bottom {
margin-bottom: 0 !important
}
.no-padding {
padding: 0 !important
}
.no-padding-left {
padding-left: 0 !important
}
.fre-btn,
.fre-btn-disable,
.fre-payment-list>li>.btn {
display: inline-block;
width: auto;
height: 48px;
background: #1fbdbd;
padding-left: 22px;
padding-right: 22px;
font-size: 14px;
font-weight: 700;
color: #fff;
text-align: center;
border-radius: 4px;
border: 2px solid #1fbdbd;
box-shadow: none;
line-height: 44px;
transition: 0.2s ease-out;
outline: none;
cursor: pointer
}
.fre-btn:hover,
.fre-btn-disable:hover,
.fre-payment-list>li>.btn:hover,
.fre-btn:focus,
.fre-btn-disable:focus,
.fre-payment-list>li>.btn:focus,
.fre-btn:active,
.fre-btn-disable:active,
.fre-payment-list>li>.btn:active {
background: #fff;
color: #1fbdbd
}
.fre-normal-btn,
.fre-normal-btn-disable {
display: inline-block;
width: auto;
height: 44px;
background: #1fbdbd;
padding-left: 22px;
padding-right: 22px;
font-size: 14px;
font-weight: 700;
color: #fff;
text-align: center;
border-radius: 4px;
border: 2px solid #1fbdbd;
box-shadow: none;
line-height: 40px;
transition: 0.2s ease-out;
outline: none;
cursor: pointer
}
.fre-normal-btn:hover,
.fre-normal-btn-disable:hover,
.fre-normal-btn:focus,
.fre-normal-btn-disable:focus,
.fre-normal-btn:active,
.fre-normal-btn-disable:active {
background: #fff;
color: #1fbdbd
}
.fre-normal-btn-o {
display: inline-block;
width: auto;
height: 44px;
background: #fff;
padding-left: 22px;
padding-right: 22px;
font-size: 14px;
font-weight: 700;
color: #1fbdbd;
text-align: center;
border-radius: 4px;
border: 2px solid #1fbdbd;
box-shadow: none;
line-height: 40px;
transition: 0.2s ease-out;
cursor: pointer
}
.fre-normal-btn-o:hover,
.fre-normal-btn-o:focus,
.fre-normal-btn-o:active {
background: #1fbdbd;
color: #fff
}
.fre-normal-btn-disable {
background: #cbc8c8;
border: 2px solid #cbc8c8
}
.fre-normal-btn-disable:hover,
.fre-normal-btn-disable:focus,
.fre-normal-btn-disable:active {
background: #cbc8c8;
color: #fff;
cursor: default
}
.fre-btn-disable {
background: #cbc8c8;
border: 2px solid #cbc8c8
}
.fre-btn-disable:hover,
.fre-btn-disable:focus,
.fre-btn-disable:active {
background: #cbc8c8;
color: #fff
}
.fre-small-btn {
display: inline-block;
width: auto;
height: 38px;
background: #1fbdbd;
padding-left: 32px;
padding-right: 32px;
font-size: 16px;
font-weight: 600;
color: #fff;
text-align: center;
border-radius: 4px;
border: 2px solid #1fbdbd;
box-shadow: none;
line-height: 34px;
transition: 0.2s ease-out;
outline: none;
cursor: pointer
}
.fre-small-btn:hover,
.fre-small-btn:focus,
.fre-small-btn:active {
background: #fff;
color: #1fbdbd
}
.fre-submit-btn {
display: inline-block;
width: auto;
height: 48px;
background: #1fbdbd;
padding-left: 22px;
padding-right: 22px;
font-size: 16px;
font-weight: 600;
color: #fff;
text-align: center;
border-radius: 4px;
border: 2px solid #1fbdbd;
box-shadow: none;
transition: 0.2s ease-out;
outline: none;
cursor: pointer
}
.fre-submit-btn:hover,
.fre-submit-btn:focus,
.fre-submit-btn:active {
background: #fff;
color: #1fbdbd
}
.fre-btn-o {
display: inline-block;
width: auto;
height: 50px;
background: #fff;
padding-left: 22px;
padding-right: 22px;
font-size: 14px;
font-weight: 700;
color: #1fbdbd;
text-align: center;
border-radius: 4px;
border: 2px solid #1fbdbd;
box-shadow: none;
line-height: 46px;
transition: 0.2s ease-out;
cursor: pointer
}
.fre-btn-o:hover,
.fre-btn-o:focus,
.fre-btn-o:active {
background: #1fbdbd;
color: #fff
}
.fre-service-btn {
display: inline-block;
width: auto;
height: 40px;
background: #FFF;
padding-left: 22px;
padding-right: 22px;
font-size: 14px;
font-weight: 700;
color: #647585;
text-align: center;
border-radius: 4px;
border: 2px solid #dbdbdb;
box-shadow: none;
line-height: 36px;
transition: 0.2s ease-out;
cursor: pointer
}
.fre-service-btn:hover,
.fre-service-btn:focus,
.fre-service-btn:active {
background: #647585;
color: #FFF;
border-color: #647585
}
.fre-action-btn {
display: inline-block;
width: auto;
height: 44px;
background: #FFF;
padding-left: 12px;
padding-right: 12px;
font-size: 14px;
font-weight: 700;
color: #666f78;
text-align: center;
border-radius: 4px;
border: 2px solid #dbdbdb;
box-shadow: none;
line-height: 40px;
transition: 0.2s ease-out;
cursor: pointer;
min-width: 106px
}
.fre-action-btn:hover,
.fre-action-btn:focus,
.fre-action-btn:active {
background: #666f78;
border: 2px solid #666f78;
color: #FFF
}
@media (max-width: 991px) {
.fre-btn,
.fre-btn-disable,
.fre-payment-list>li>.btn {
height: 46px;
line-height: 42px;
padding-left: 18px;
padding-right: 18px
}
.fre-btn-o {
height: 46px;
line-height: 42px;
padding-left: 18px;
padding-right: 18px
}
}
.fre-label-container .fre-label {
margin-top: 10px
}
.fre-label {
display: inline-block;
padding: 4px 10px;
background: #f2f5f7;
font-size: 12px;
font-weight: 500;
color: #666f78;
line-height: 1.4em;
border-radius: 4px;
margin-right: 8px
}
.fre-label a,
.fre-label a:hover {
color: #666f78
}
.fre-label:last-child {
margin-right: 0
}
/* third css */
.datepicker {
top: 0;
left: 0;
padding: 4px;
margin-top: 1px;
border-radius: 4px;
z-index: 1051
}
.datepicker:before {
content: '';
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #ccc;
border-bottom-color: rgba(0, 0, 0, 0.2);
position: absolute;
top: -7px;
left: 6px
}
.datepicker:after {
content: '';
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #ffffff;
position: absolute;
top: -6px;
left: 7px
}
.datepicker>div {
display: none
}
.datepicker table {
width: 100%;
margin: 0
}
.datepicker td,
.datepicker th {
text-align: center;
width: 20px;
height: 20px;
border-radius: 4px
}
.datepicker td.day:hover {
background: #eeeeee;
cursor: pointer
}
.datepicker td.day.disabled {
color: #eeeeee
}
.datepicker td.old,
.datepicker td.new {
color: #999999
}
.datepicker td.active,
.datepicker td.active:hover {
color: #ffffff;
background-color: #006dcc;
background-image: linear-gradient(to bottom, #08c, #04c);
background-repeat: repeat-x;
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
border-color: #0044cc #0044cc #002a80;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #0044cc;
filter: progid: DXImageTransform.Microsoft.gradient(enabled false);
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
}
.datepicker td.active:hover,
.datepicker td.active:hover:hover,
.datepicker td.active:focus,
.datepicker td.active:hover:focus,
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active,
.datepicker td.active.disabled,
.datepicker td.active:hover.disabled,
.datepicker td.active[disabled],
.datepicker td.active:hover[disabled] {
color: #ffffff;
background-color: #0044cc;
*background-color: #003bb3
}
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active {
background-color: #003399 \9
}
.datepicker td span {
display: block;
width: 47px;
height: 54px;
line-height: 54px;
float: left;
margin: 2px;
cursor: pointer;
border-radius: 4px
}
.datepicker td span:hover {
background: #eeeeee
}
.datepicker td span.active {
color: #ffffff;
background-color: #006dcc;
background-image: linear-gradient(to bottom, #08c, #04c);
background-repeat: repeat-x;
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
border-color: #0044cc #0044cc #002a80;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #0044cc;
filter: progid: DXImageTransform.Microsoft.gradient(enabled false);
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
}
.datepicker td span.active:hover,
.datepicker td span.active:focus,
.datepicker td span.active:active,
.datepicker td span.active.active,
.datepicker td span.active.disabled,
.datepicker td span.active[disabled] {
color: #ffffff;
background-color: #0044cc;
*background-color: #003bb3
}
.datepicker td span.active:active,
.datepicker td span.active.active {
background-color: #003399 \9
}
.datepicker td span.old {
color: #999999
}
.datepicker th.switch {
width: 145px
}
.datepicker th.next,
.datepicker th.prev {
font-size: 21px
}
.datepicker thead tr:first-child th {
cursor: pointer
}
.datepicker thead tr:first-child th:hover {
background: #eeeeee
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
display: block;
cursor: pointer;
width: 16px;
height: 16px
}
.bootstrap-datetimepicker-widget.dropdown-menu {
padding: 0;
margin-top: -1px;
margin-bottom: -1px;
width: auto;
box-shadow: none;
border-radius: 2px;
min-width: 384px
}
.bootstrap-datetimepicker-widget.dropdown-menu:before,
.bootstrap-datetimepicker-widget.dropdown-menu:after {
display: none
}
.datepicker th.next,
.datepicker th.prev {
padding: 0
}
.datepicker th.next span,
.datepicker th.prev span {
border: 1px solid #dbdbdb;
border-radius: 2px;
width: 44px;
height: 34px;
line-height: 32px;
text-align: center
}
.bootstrap-datetimepicker-widget table th.dow {
padding-top: 0;
padding-bottom: 10px;
font-size: 14px;
color: #9da4a9
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
background: none !important
}
.fre-calendar-container .datepicker,
.fre-date-container .datepicker {
padding: 30px
}
.bootstrap-datetimepicker-widget table td {
border-radius: 0
}
.bootstrap-datetimepicker-widget table td.day {
position: relative;
width: 46px;
height: 46px;
border-top: 1px solid #dbdbdb;
border-left: 1px solid #dbdbdb;
font-size: 18px;
color: #415161
}
.bootstrap-datetimepicker-widget table td.day:hover {
background: #e9f9f9
}
.bootstrap-datetimepicker-widget table td.day:hover:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 1px solid #1fbdbd
}
.bootstrap-datetimepicker-widget table td.old,
.bootstrap-datetimepicker-widget table td.new {
color: #c1cbd6
}
.bootstrap-datetimepicker-widget table tr td.day:last-child {
border-right: 1px solid #dbdbdb
}
.bootstrap-datetimepicker-widget table tr:last-child td.day {
border-bottom: 1px solid #dbdbdb;
border-radius: 0
}
.datepicker thead tr:first-child th {
padding-bottom: 20px
}
.bootstrap-datetimepicker-widget table th.picker-switch {
width: auto;
font-size: 20px;
font-weight: 600;
color: #415161
}
.datepicker td.active.active,
.datepicker td.active:hover.active {
background-color: #1fbdbd;
background-image: none
}
@media (max-width: 767px) {
.bootstrap-datetimepicker-widget.dropdown-menu {
min-width: 200px;
border-bottom: none
}
.fre-date-container .datepicker {
padding: 0
}
.bootstrap-datetimepicker-widget table thead tr:first-child th {
padding-top: 10px;
padding-bottom: 10px
}
.bootstrap-datetimepicker-widget table th.picker-switch {
width: 206px
}
.bootstrap-datetimepicker-widget table td.day {
width: 30px;
height: 30px
}
.datepicker th.next span,
.datepicker th.prev span {
width: 30px;
border: none
}
.bootstrap-datetimepicker-widget table tr td.day:first-child {
border-left: none
}
}
.fre-input-field,
.custom-field {
margin-bottom: 20px
}
.fre-input-field.error .message,
.custom-field.error .message {
display: block;
clear: both
}
.fre-input-field.error input[type="text"],
.fre-input-field.error input[type="email"],
.fre-input-field.error input[type="password"],
.fre-input-field.error input[type="search"],
.fre-input-field.error input[type="number"],
.custom-field.error input[type="text"],
.custom-field.error input[type="email"],
.custom-field.error input[type="password"],
.custom-field.error input[type="search"],
.custom-field.error input[type="number"] {
border: 1px solid #f44336 !important
}
.fre-input-field.error div.fre-chosen-multi,
.custom-field.error div.fre-chosen-multi {
border: 1px solid #f44336 !important
}
.fre-input-field.error textarea,
.custom-field.error textarea {
border: 1px solid #f44336 !important
}
.fre-input-field:after,
.custom-field:after {
content: '';
display: table;
clear: both
}
.fre-input-field input,
.fre-input-field input:focus,
.fre-input-field input:hover,
.fre-input-field input:active,
.fre-input-field textarea,
.fre-input-field textarea:focus,
.fre-input-field textarea:hover,
.fre-input-field textarea:active,
.custom-field input,
.custom-field input:focus,
.custom-field input:hover,
.custom-field input:active,
.custom-field textarea,
.custom-field textarea:focus,
.custom-field textarea:hover,
.custom-field textarea:active {
outline: none;
box-shadow: none
}
.fre-input-field input[type="text"],
.fre-input-field input[type="email"],
.fre-input-field input[type="password"],
.fre-input-field input[type="search"],
.fre-input-field input[type="number"],
.custom-field input[type="text"],
.custom-field input[type="email"],
.custom-field input[type="password"],
.custom-field input[type="search"],
.custom-field input[type="number"] {
padding: 12px 15px;
width: 100%;
height: 44px;
border: 1px solid #dbdbdb;
border-radius: 2px;
font-size: 16px;
font-weight: 400;
color: #415161;
line-height: normal
}
.fre-input-field textarea,
.custom-field textarea {
padding: 12px 15px;
width: 100%;
height: 144px;
max-width: 100%;
border-radius: 2px;
font-size: 16px;
font-weight: 400;
color: #415161;
line-height: 1.45em
}
.fre-input-field .message,
.custom-field .message {
display: none;
position: relative;
padding: 10px 0 6px 23px;
font-size: 16px;
color: #f44336;
line-height: 1em;
text-align: left
}
.fre-input-field .message:before,
.custom-field .message:before {
display: block;
content: '\f071';
font-family: 'FontAwesome';
font-size: 14px;
color: #f44336;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.fre-input-field .fre-field-title,
.custom-field .fre-field-title {
font-size: 16px;
font-weight: 600;
color: #2c3e50;
line-height: 1em;
margin-bottom: 16px
}
.fre-validate-error {
margin: 0 0 30px;
padding: 14px 0;
width: 100%;
border: 1px solid #f44336;
border-radius: 2px
}
.fre-validate-error>li {
list-style-type: none;
display: block;
position: relative;
padding: 5px 16px 5px 44px;
font-size: 16px;
color: #415161;
line-height: 1.2em
}
.fre-validate-error>li:before {
display: block;
content: '\f071';
font-family: 'FontAwesome';
font-size: 14px;
color: #f44336;
position: absolute;
left: 16px;
top: 7px
}
.fre-upload-file {
margin: 0;
padding: 0;
width: 100%;
height: 44px;
line-height: 42px;
border: 1px dashed #dbdbdb;
border-radius: 2px;
font-size: 16px;
font-weight: 600;
color: #1fbdbd;
text-align: center;
cursor: pointer
}
.fre-upload-file:hover,
.fre-upload-file:focus {
color: #1fbdbd
}
.fre-upload-file input[type="file"] {
display: none
}
.fre-radio,
.fre-checkbox,
.checkbox-inline,
.radio-inline {
position: relative;
display: inline-block;
padding-left: 23px;
vertical-align: middle;
font-size: 16px;
font-weight: 400;
color: #415161;
cursor: pointer
}
.fre-radio+.fre-radio,
.fre-checkbox+.fre-checkbox {
margin-left: 15px
}
.fre-radio-container {
margin-bottom: 13px
}
.fre-radio-container:last-child {
margin-bottom: 0
}
.fre-radio-container:last-child .fre-radio {
margin-bottom: 0
}
.fre-radio,
.radio-inline {
display: inline-block;
vertical-align: middle;
position: relative;
line-height: 1em;
margin-bottom: 10px
}
.fre-radio input[type="radio"],
.radio-inline input[type="radio"] {
display: none
}
.fre-radio input[type="radio"]:checked+span:before,
.radio-inline input[type="radio"]:checked+span:before {
border-color: #1fbdbd
}
.fre-radio input[type="radio"]:checked+span:after,
.radio-inline input[type="radio"]:checked+span:after {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.fre-radio span,
.radio-inline span {
display: inline-block;
vertical-align: middle
}
.fre-radio span:before,
.radio-inline span:before {
content: '';
display: block;
width: 16px;
height: 16px;
border-radius: 50%;
border: 1px solid #bbbaba;
position: absolute;
left: 0;
top: 0
}
.fre-radio span:after,
.radio-inline span:after {
content: '';
width: 10px;
height: 10px;
border-radius: 50%;
background: #1fbdbd;
position: absolute;
left: 3px;
top: 3px;
transition: all .2s ease-in-out;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0)
}
.checkbox-inline,
.radio-inline {
margin-left: 0 !important;
margin-right: 15px
}
.fre-checkbox-container {
margin-bottom: 13px
}
.fre-checkbox-container:last-child {
margin-bottom: 0
}
.fre-checkbox-container:last-child .fre-checkbox {
margin-bottom: 0
}
.fre-checkbox,
.checkbox-inline {
position: relative;
line-height: 1.4em;
margin-bottom: 10px
}
.fre-checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {}.fre-checkbox input[type="checkbox"]:checked+span:before,
.checkbox-inline input[type="checkbox"]:checked+span:before {
border-color: #1fbdbd
}
.fre-checkbox input[type="checkbox"]:checked+span:after,
.checkbox-inline input[type="checkbox"]:checked+span:after {
display: block
}
.fre-checkbox span:before,
.checkbox-inline span:before {
content: '';
display: block;
width: 16px;
height: 16px;
border-radius: 2px;
border: 1px solid #bbbaba;
position: absolute;
left: 0;
top: 1px
}
.fre-checkbox span:after,
.checkbox-inline span:after {
content: '\f00c';
display: none;
font-family: 'FontAwesome';
font-size: 14px;
color: #1fbdbd;
position: absolute;
left: 1px;
top: -2px
}
.fre-calendar-container {
position: relative
}
.fre-calendar-container .fre-calendar {
padding-right: 44px !important
}
.fre-calendar-container>span {
position: absolute;
right: 15px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 16px;
color: #9da4a9
}
.fre-modal-form {
font-size: 16px
}
.fre-modal-form .fre-input-field {
margin: 0 0 30px
}
.fre-modal-form>.fre-input-field:last-child {
margin: 0
}
.fre-modal-form .fre-form-btn {
margin-top: 40px
}
.fre-modal-form .fre-normal-btn,
.fre-modal-form .fre-normal-btn-disable {
min-width: 140px
}
.fre-modal-form .notify-form {
color: #415161;
line-height: 1.8em;
margin: 0 0 30px
}
.fre-form-close {
font-size: 14px;
font-weight: 700;
color: #666f78;
margin-left: 24px;
cursor: pointer
}
.fre-switch {
position: relative;
display: inline-block;
width: 90px;
height: 28px;
margin: 0
}
.fre-switch input {
display: none
}
.fre-switch input:checked+.fre-switch-slider {
background-color: #1fbdbd
}
.fre-switch input:checked+.fre-switch-slider::before {
-webkit-transform: translateX(42px);
-ms-transform: translateX(42px);
transform: translateX(42px)
}
.fre-switch .fre-switch-slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #dbdbdb;
transition: .4s;
border-radius: 4px
}
.fre-switch .fre-switch-slider::before {
position: absolute;
content: "";
height: 20px;
width: 40px;
top: 4px;
left: 4px;
background-color: #FFF;
border-radius: 4px;
transition: .4s;
border: 1px solid #adadad
}
.plupload_buttons input[type="file"] {
display: none
}
@media (max-width: 991px) {
.fre-modal-form .fre-form-btn {
margin-top: 30px
}
}
@media (max-width: 767px) {
.fre-input-field>.fre-field-title {
line-height: 1.3em;
margin-bottom: 10px
}
.fre-input-field input[type="text"],
.fre-input-field input[type="email"],
.fre-input-field input[type="password"],
.fre-input-field input[type="search"],
.fre-input-field input[type="number"] {
line-height: normal
}
.fre-modal-form .fre-form-btn {
text-align: center
}
.fre-modal-form .fre-form-btn .fre-normal-btn,
.fre-modal-form .fre-form-btn .fre-normal-btn-disable {
width: 100%
}
.fre-form-close {
display: inline-block;
margin: 15px 0 0
}
}
.fre-table {
display: table;
width: 100%
}
.fre-table .fre-table-row:last-child .fre-table-col {
border-bottom: none
}
.fre-table-head,
.fre-table-row {
display: table-row
}
.fre-table-col {
display: table-cell;
font-size: 16px;
font-weight: 400;
color: #415161;
vertical-align: middle;
text-align: center
}
@media (max-width: 767px) {
.fre-table-col {
text-align: left
}
}
.fre-table-head .fre-table-col {
font-size: 14px;
font-weight: 700;
color: #415161;
padding: 18px 20px;
border-bottom: 1px solid #ededed
}
.fre-table-head .fre-table-col:first-child {
padding-left: 40px
}
.fre-table-head .fre-table-col:last-child {
padding-right: 40px
}
.fre-table-row:after {
content: '';
display: table;
clear: both
}
.fre-table-row .fre-table-col {
padding: 38px 20px;
border-bottom: 1px solid #ededed
}
.fre-table-row .fre-table-col:first-child {
padding-left: 40px
}
.fre-table-row .fre-table-col:last-child {
padding-right: 40px
}
.modal-dialog {
width: 800px
}
.modal-dialog.modal-sm {
width: 600px
}
.modal-content {
border-radius: 0;
border: 1px solid #dbdbdb;
box-shadow: none
}
.modal-header {
background: #FAFAFA;
padding: 30px 40px;
border: none
}
.modal-header .close {
margin-top: 8px;
font-size: 18px;
color: #415161;
opacity: 1
}
.modal-title {
font-size: 22px;
font-weight: 600;
color: #415161;
line-height: 1.6em;
padding-right: 30px
}
.modal-body {
padding: 30px 40px 40px
}
.modal-backdrop.in {
filter: alpha(opacity=80);
opacity: .8
}
.fre-content-confirm h2 {
margin: 0 0 10px;
font-size: 20px;
font-weight: 600;
color: #2c3e50;
line-height: 1.45
}
.fre-content-confirm p {
margin: 0;
font-size: 16px;
font-weight: 400;
color: #2c3e50;
line-height: 1.8em
}
@media (max-width: 991px) {
.modal-dialog {
width: 690px
}
.modal-header {
padding: 20px 30px
}
.modal-body {
padding: 30px
}
}
@media (max-width: 767px) {
.modal-dialog {
width: 92%;
margin-top: 20px;
margin-left: auto;
margin-right: auto
}
.modal-dialog.modal-sm {
width: 92%
}
.modal-header {
padding: 20px
}
.modal-body {
padding: 30px 20px
}
}
.fre-tabs {
padding: 0;
margin: 0;
text-align: center
}
.fre-tabs>li {
list-style-type: none;
display: inline-block
}
.fre-tabs>li.active a {
color: #1fbdbd
}
.fre-tabs>li.active a:after {
background: #1fbdbd
}
.fre-tabs>li>a {
position: relative;
display: inline-block;
padding: 0 0 8px;
margin-left: 15px;
margin-right: 15px;
font-size: 20px;
font-weight: 600;
color: #919191;
line-height: 1em
}
.fre-tabs>li>a:after {
content: '';
display: block;
background: transparent;
width: 100%;
height: 2px;
position: absolute;
left: 0;
bottom: 0
}
.fre-panel-tab {
display: none
}
.fre-panel-tab.active {
display: block
}
.mCSB_scrollTools {
width: 3px
}
.mCSB_inside>.mCSB_container {
margin-right: 0
}
.mCSB_scrollTools .mCSB_draggerRail {
background: #FFF;
width: 3px
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background: #cfd8dc;
border-radius: 0
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background: #cfd8dc;
opacity: 1
}
.chosen-container {
position: relative;
display: inline-block;
vertical-align: middle;
font-size: 13px;
zoom: 1;
*display: inline;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.chosen-container .chosen-drop {
position: absolute;
top: 100%;
left: -9999px;
z-index: 1010;
box-sizing: border-box;
width: 100%;
border: 1px solid #aaa;
border-top: 0;
background: #fff;
box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15)
}
.chosen-container.chosen-with-drop .chosen-drop {
left: 0
}
.chosen-container a {
cursor: pointer
}
.chosen-container-single .chosen-single {
position: relative;
display: block;
overflow: hidden;
padding: 0 0 0 8px;
height: 23px;
border: 1px solid #aaa;
border-radius: 5px;
background-color: #fff;
background: linear-gradient(top, #fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
background-clip: padding-box;
box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
color: #444;
text-decoration: none;
white-space: nowrap;
line-height: 24px
}
.chosen-container-single .chosen-default {
color: #999
}
.chosen-container-single .chosen-single span {
display: block;
overflow: hidden;
margin-right: 26px;
text-overflow: ellipsis;
white-space: nowrap
}
.chosen-container-single .chosen-single-with-deselect span {
margin-right: 38px
}
.chosen-container-single .chosen-single abbr {
position: absolute;
top: 6px;
right: 26px;
display: block;
width: 12px;
height: 12px;
font-size: 1px
}
.chosen-container-single .chosen-single abbr:hover {
background-position: -42px -10px
}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
background-position: -42px -10px
}
.chosen-container-single .chosen-single div {
position: absolute;
top: 0;
right: 0;
display: block;
width: 18px;
height: 100%
}
.chosen-container-single .chosen-single div b {
display: block;
width: 100%;
height: 100%
}
.chosen-container-single .chosen-search {
position: relative;
z-index: 1010;
margin: 0;
padding: 3px 4px;
white-space: nowrap
}
.chosen-container-single .chosen-search input[type=text] {
box-sizing: border-box;
margin: 1px 0;
padding: 4px 20px 4px 5px;
width: 100%;
height: auto;
outline: 0;
border: 1px solid #aaa;
background: #fff;
font-size: 1em;
font-family: sans-serif;
line-height: normal;
border-radius: 0
}
.chosen-container-single .chosen-drop {
margin-top: -1px;
border-radius: 0 0 4px 4px;
background-clip: padding-box
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
position: absolute;
left: -9999px
}
.chosen-container .chosen-results {
position: relative;
overflow-x: hidden;
overflow-y: auto;
margin: 0 4px 4px 0;
padding: 0 0 0 4px;
max-height: 240px;
-webkit-overflow-scrolling: touch
}
.chosen-container .chosen-results li {
display: none;
margin: 0;
padding: 5px 6px;
list-style: none;
line-height: 15px;
-webkit-touch-callout: none
}
.chosen-container .chosen-results li.active-result {
display: list-item;
cursor: pointer
}
.chosen-container .chosen-results li.disabled-result {
display: list-item;
color: #ccc;
cursor: default
}
.chosen-container .chosen-results li.highlighted {
background-color: #3875d7;
background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
color: #fff
}
.chosen-container .chosen-results li.no-results {
display: list-item;
background: #f4f4f4
}
.chosen-container .chosen-results li.group-result {
display: list-item;
font-weight: 700;
cursor: default
}
.chosen-container .chosen-results li.group-option {
padding-left: 15px
}
.chosen-container .chosen-results li em {
font-style: normal;
text-decoration: underline
}
.chosen-container-multi .chosen-choices {
position: relative;
overflow: hidden;
box-sizing: border-box;
margin: 0;
padding: 0;
width: 100%;
height: auto !important;
height: 1%;
border: 1px solid #aaa;
background-color: #fff;
background-image: linear-gradient(#eee 1%, #fff 15%);
cursor: text
}
.chosen-container-multi .chosen-choices li {
float: left;
list-style: none
}
.chosen-container-multi .chosen-choices li.search-field {
margin: 0;
padding: 0;
white-space: nowrap
}
.chosen-container-multi .chosen-choices li.search-field input[type=text] {
margin: 1px 0;
padding: 5px;
height: 15px;
outline: 0;
border: 0 !important;
background: transparent !important;
box-shadow: none;
color: #666;
font-size: 100%;
font-family: sans-serif;
line-height: normal;
border-radius: 0
}
.chosen-container-multi .chosen-choices li.search-field .default {
color: #999
}
.chosen-container-multi .chosen-choices li.search-choice {
position: relative;
margin: 3px 0 3px 5px;
padding: 3px 20px 3px 5px;
border: 1px solid #aaa;
border-radius: 3px;
background-color: #e4e4e4;
background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
background-clip: padding-box;
box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
color: #333;
line-height: 13px;
cursor: default
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
position: absolute;
top: 4px;
right: 3px;
display: block;
width: 12px;
height: 12px;
font-size: 1px
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
background-position: -42px -10px
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
padding-right: 5px;
border: 1px solid #ccc;
background-color: #e4e4e4;
background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
color: #666
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
background: #d4d4d4
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
background-position: -42px -10px
}
.chosen-container-multi .chosen-results {
margin: 0;
padding: 0
}
.chosen-container-multi .chosen-drop .result-selected {
display: list-item;
color: #ccc;
cursor: default
}
.chosen-container-active .chosen-single {
border: 1px solid #5897fb
}
.chosen-container-active.chosen-with-drop .chosen-single {
border: 1px solid #aaa;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
background-image: linear-gradient(#eee 20%, #fff 80%);
box-shadow: 0 1px 0 #fff inset
}
.chosen-container-active.chosen-with-drop .chosen-single div {
border-left: 0;
background: transparent
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
background-position: -18px 2px
}
.chosen-container-active .chosen-choices {
border: 1px solid #5897fb
}
.chosen-container-active .chosen-choices li.search-field input[type=text] {
color: #111 !important
}
.chosen-disabled {
opacity: 0.5 !important;
cursor: default
}
.chosen-disabled .chosen-single {
cursor: default
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
cursor: default
}
.chosen-rtl {
text-align: right
}
.chosen-rtl .chosen-single {
overflow: visible;
padding: 0 8px 0 0
}
.chosen-rtl .chosen-single span {
margin-right: 0;
margin-left: 26px;
direction: rtl
}
.chosen-rtl .chosen-single-with-deselect span {
margin-left: 38px
}
.chosen-rtl .chosen-single div {
right: auto;
left: 3px
}
.chosen-rtl .chosen-single abbr {
right: auto;
left: 26px
}
.chosen-rtl .chosen-choices li {
float: right
}
.chosen-rtl .chosen-choices li.search-field input[type=text] {
direction: rtl
}
.chosen-rtl .chosen-choices li.search-choice {
margin: 3px 5px 3px 0;
padding: 3px 5px 3px 19px
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
right: auto;
left: 4px
}
.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
left: 9999px
}
.chosen-rtl.chosen-container-single .chosen-results {
margin: 0 0 4px 4px;
padding: 0 4px 0 0
}
.chosen-rtl .chosen-results li.group-option {
padding-right: 15px;
padding-left: 0
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
border-right: 0
}
.chosen-rtl .chosen-search input[type=text] {
padding: 4px 5px 4px 20px;
background: #fff;
direction: rtl
}
.chosen-rtl.chosen-container-single .chosen-single div b {
background-position: 6px 2px
}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
background-position: -12px 2px
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
.chosen-rtl .chosen-search input[type=text],
.chosen-container-single .chosen-single abbr,
.chosen-container-single .chosen-single div b,
.chosen-container-single .chosen-search input[type=text],
.chosen-container-multi .chosen-choices .search-choice .search-choice-close,
.chosen-container .chosen-results-scroll-down span,
.chosen-container .chosen-results-scroll-up span {
background-size: 52px 37px !important;
background-repeat: no-repeat !important
}
}
.tooltip {
min-width: 200px;
font-family: "Raleway", sans-serif
}
.tooltip.in {
opacity: 1
}
.tooltip .tooltip-inner {
padding: 10px;
background: #2c3e50;
font-size: 14px;
line-height: 1.45em
}
.tooltip.top .tooltip-arrow {
border-top-color: #2c3e50
}
.custom-field-wrapper {
margin: 34px 0 0;
color: #415161
}
.custom-field-wrapper span {
font-size: 16px;
line-height: 1.8em
}
.custom-field-wrapper .ae-field-title {
margin: 0 0 10px;
font-size: 18px;
font-weight: 600;
color: #415161;
line-height: 1.45em
}
.custom-field-wrapper .ae-field-title:after {
content: '';
display: table;
clear: both
}
.custom-field-wrapper ul.tax-wrapper {
padding-top: 8px
}
::-webkit-input-placeholder {
color: #9da4a9
}
::-moz-placeholder {
color: #9da4a9
}
:-ms-input-placeholder {
color: #9da4a9
}
:-moz-placeholder {
color: #9da4a9
}
.fre-page-title {
background: #FFF;
padding: 44px 0;
border-bottom: 1px solid #e4e7ea;
margin-bottom: 40px
}
.fre-page-title h2 {
margin: 0;
font-size: 28px;
font-weight: 400;
color: #2c3e50;
line-height: 1.3em
}
.dropdown.keep-menu-open>.dropdown-menu {
display: block
}
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
background-color: transparent
}
select.fre-chosen-multi {
width: 100%;
height: 44px;
opacity: 0;
background: #FFF;
border: 1px solid #dbdbdb;
border-radius: 2px;
font-size: 16px
}
select.fre-chosen-skill {
width: 100%;
height: 44px;
opacity: 0;
background: #FFF;
border: 1px solid #dbdbdb;
border-radius: 2px;
font-size: 16px
}
div.fre-chosen-multi {
border: 1px solid #dbdbdb;
border-radius: 2px
}
div.fre-chosen-multi.chosen-container-multi .chosen-choices {
border: none;
background-color: transparent;
background-image: none;
padding-left: 10px
}
div.fre-chosen-multi.chosen-container-multi .chosen-choices li.search-choice {
background: #f2f5f7;
border: none;
margin-top: 8px;
height: 26px;
padding: 6px 32px 5px 10px;
box-shadow: none;
margin-top: 8px;
margin-right: 10px;
margin-left: 0
}
div.fre-chosen-multi.chosen-container-multi .chosen-choices li.search-choice span {
font-family: "Raleway", sans-serif;
font-size: 14px;
color: #415161
}
div.fre-chosen-multi.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
background: none;
right: 10px
}
div.fre-chosen-multi.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {
content: '\f00d';
font-family: 'FontAwesome';
font-size: 15px;
color: #415161
}
div.fre-chosen-multi.chosen-container-multi .chosen-choices li.search-choice+.search-field input[type="text"] {
padding-left: 0
}
div.fre-chosen-multi.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
width: 280px !important;
height: 40px;
font-family: "Raleway", sans-serif;
font-size: 16px;
color: #9da4a9
}
div.fre-chosen-multi.chosen-container.chosen-with-drop .chosen-drop {
left: -1px
}
div.fre-chosen-multi.chosen-container .chosen-drop {
margin-top: 0;
width: calc(100% + 2px);
box-shadow: none;
border: 1px solid #dbdbdb
}
div.fre-chosen-multi.chosen-container .chosen-results {
padding-left: 10px;
margin-right: 0;
padding-bottom: 6px;
padding-top: 10px
}
div.fre-chosen-multi.chosen-container .chosen-results li {
padding: 7px 6px;
margin-right: 10px;
font-size: 16px;
color: #415161
}
div.fre-chosen-multi.chosen-container .chosen-results li.highlighted {
background-image: none;
background-color: #1fbdbd;
color: #FFF
}
div.fre-chosen-multi.chosen-container .chosen-results li.result-selected {
background-color: #e9f9f9
}
.chosen-container-multi .chosen-choices {
border: 1px solid #dbdbdb;
background-color: transparent;
background-image: none;
padding-left: 10px
}
.chosen-container-multi .chosen-choices li.search-choice {
background: #f2f5f7;
border: none;
margin-top: 8px;
height: 26px;
padding: 6px 32px 5px 10px;
box-shadow: none;
margin-top: 8px;
margin-right: 10px;
margin-left: 0
}
.chosen-container-multi .chosen-choices li.search-choice span {
font-family: "Raleway", sans-serif;
font-size: 14px;
color: #415161
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
background: none;
right: 10px
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {
content: '\f00d';
font-family: 'FontAwesome';
font-size: 15px;
color: #415161
}
.chosen-container-multi .chosen-choices li.search-choice+.search-field input[type="text"] {
padding-left: 0
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
width: 280px !important;
height: 40px;
font-family: "Raleway", sans-serif;
font-size: 16px;
color: #9da4a9
}
.chosen-container {
font-size: 16px
}
.chosen-container .chosen-drop {
margin-top: 0;
width: 100%;
box-shadow: none;
border: 1px solid #dbdbdb
}
.chosen-container .chosen-results {
padding-left: 10px;
margin-right: 0;
padding-bottom: 6px;
padding-top: 10px
}
.chosen-container .chosen-results li {
padding: 7px 6px;
margin-right: 10px;
font-size: 16px;
color: #415161
}
.chosen-container .chosen-results li.highlighted {
background-image: none;
background-color: #1fbdbd;
color: #FFF
}
.chosen-container .chosen-results li.result-selected {
background-color: #e9f9f9;
color: #415161
}
.chosen-container .chosen-results li.result-selected:hover {
background-color: #1fbdbd !important;
color: #FFF
}
.chosen-container .chosen-results li.active-result:hover {
background-color: #1fbdbd !important;
color: #FFF !important
}
select.fre-chosen-single {
width: 100%;
height: 44px;
padding-left: 15px;
background: #FFF;
border: 1px solid #dbdbdb;
border-radius: 2px;
font-size: 16px
}
div.fre-chosen-single {
border: 1px solid #dbdbdb;
border-radius: 2px
}
div.fre-chosen-single.chosen-container-single.chosen-with-drop .chosen-single div b {
background: none
}
div.fre-chosen-single.chosen-container-single.chosen-with-drop .chosen-single div b:before {
content: '\f0d8'
}
div.fre-chosen-single.chosen-container-single .chosen-single {
border: none;
box-shadow: none;
background-image: none;
height: 42px;
padding-left: 15px;
line-height: 42px;
font-size: 16px;
color: #415161
}
div.fre-chosen-single.chosen-container-single .chosen-single div {
width: 24px
}
div.fre-chosen-single.chosen-container-single .chosen-single div b:before {
content: '\f0d7';
font-family: 'FontAwesome';
font-size: 14px
}
div.fre-chosen-single.chosen-container-single .chosen-search {
padding: 10px;
padding-bottom: 0
}
div.fre-chosen-single.chosen-container-single .chosen-search:before {
display: block;
content: '\f002';
font-family: 'FontAwesome';
font-size: 16px;
color: #666f78;
position: absolute;
top: 20px;
left: 24px
}
div.fre-chosen-single.chosen-container-single .chosen-search input[type="text"] {
background-image: none;
border: 1px solid #dbdbdb;
font-size: 16px;
height: 44px;
margin: 0;
padding-left: 40px;
padding-right: 15px
}
div.fre-chosen-single.chosen-container.chosen-with-drop .chosen-drop {
left: -1px
}
div.fre-chosen-single.chosen-container .chosen-drop {
margin-top: 0;
width: calc(100% + 2px);
box-shadow: none;
border: 1px solid #dbdbdb
}
div.fre-chosen-single.chosen-container .chosen-results {
padding-left: 10px;
margin-right: 0;
padding-bottom: 6px;
padding-top: 10px
}
div.fre-chosen-single.chosen-container .chosen-results li {
padding: 7px 6px;
font-size: 16px;
color: #415161;
margin-right: 10px
}
div.fre-chosen-single.chosen-container .chosen-results li.highlighted {
background-image: none;
background-color: #1fbdbd;
color: #FFF
}
div.fre-chosen-single.chosen-container .chosen-results li.result-selected {
background-color: #e9f9f9;
color: #415161
}
.fre-paginations {
padding-top: 20px
}
.fre-paginations:after {
content: '';
display: table;
clear: both
}
.fre-paginations .paginations {
background: 0;
padding: 0;
margin: 0;
float: right
}
.fre-paginations .paginations .page-numbers {
display: inline-block;
padding: 0 10px;
font-size: 16px;
font-weight: 400;
color: #415161;
line-height: 22px
}
.fre-paginations .paginations .page-numbers.current {
font-weight: 700;
color: #1fbdbd
}
.fre-paginations .paginations .page-numbers.next {
padding-right: 0
}
.fre-paginations .paginations .page-numbers.next i {
font-size: 22px;
margin-left: 4px;
line-height: 16px;
vertical-align: middle;
margin-bottom: 4px
}
.fre-paginations .paginations .page-numbers.prev {
padding-left: 0
}
.fre-paginations .paginations .page-numbers.prev i {
font-size: 22px;
margin-right: 4px;
line-height: 16px;
vertical-align: middle;
margin-bottom: 4px
}
.fre-custom-field {
padding: 0
}
.fre-custom-field>li {
list-style-type: none
}
.fre-custom-field>li.custom-field {
margin-bottom: 40px
}
.fre-custom-field>li.custom-field>.row>div {
width: 100%
}
.fre-custom-field>li.custom-field .radio-field,
.fre-custom-field>li.custom-field .checkbox-field {
margin-bottom: -10px
}
.fre-custom-field>li.custom-field .fre-input-field {
margin: 0
}
.fre-custom-field>li.custom-field .control-label {
font-size: 16px;
font-weight: 600;
color: #2c3e50;
margin-bottom: 16px;
line-height: 1em
}
.fre-custom-field>li.custom-field .control-label>span {
display: none
}
div.custom-field .control-label {
font-size: 16px;
font-weight: 600;
color: #2c3e50;
margin-bottom: 16px;
line-height: 1em
}
div.custom-field .control-label>span {
display: none
}
.rate-it .star-on-png,
.rating-it i,
.rate-it .star-half-png {
color: #fec600 !important
}
.rate-it .fa-star-o:before {
color: #fec600 !important
}
.fre-bookmark {
position: relative;
display: inline-block;
padding-left: 20px;
font-size: 16px;
font-weight: 400;
color: #1fbdbd
}
.fre-bookmark:before {
content: '\f097';
font-family: 'FontAwesome';
position: absolute;
top: 0;
left: 0
}
.fre-bookmark:hover,
.fre-bookmark:focus,
.fre-bookmark:active {
color: #1fbdbd
}
.fre-bookmarked {
position: relative;
display: inline-block;
padding-left: 20px;
font-size: 16px;
font-weight: 500;
color: #1fbdbd
}
.fre-bookmarked:before {
content: '\f02e';
font-family: 'FontAwesome';
position: absolute;
top: 0;
left: 0
}
.fre-bookmarked:hover,
.fre-bookmarked:focus,
.fre-bookmarked:active {
color: #1fbdbd
}
.fre-skin-color {
color: #1fbdbd
}
.loading-blur {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 998
}
.loading-overlay {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 999;
opacity: 0.5;
background: #ffffff
}
.fre-loading-wrap {
position: absolute;
top: 50%;
left: 50%;
z-index: 1000
}
.fre-loading {
border-radius: 50%;
width: 24px;
height: 24px;
border: 0.25rem solid rgba(31, 189, 189, 0.2);
border-top-color: #1fbdbd;
-webkit-animation: fre-spin 1s infinite linear;
animation: fre-spin 1s infinite linear
}
.ribbon {
display: inline-block;
padding-top: 11px;
position: relative;
width: 46px;
height: 34px;
background: #1fbdbd;
text-align: center
}
.ribbon:after {
width: 20px;
content: "";
display: block;
border: 23px solid #1fbdbd;
border-top-width: 0.5em;
border-bottom-color: transparent;
z-index: 5;
bottom: 0;
border-bottom-width: 10px;
border-bottom-color: transparent;
position: absolute;
top: 34px;
left: 0
}
@-webkit-keyframes fre-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes fre-spin {
0% {
-webkit-transform: translate(-50%, -50%) rotate(0deg);
transform: translate(-50%, -50%) rotate(0deg)
}
100% {
-webkit-transform: translate(-50%, -50%) rotate(360deg);
transform: translate(-50%, -50%) rotate(360deg)
}
}
.loading-blur {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 998
}
.loading-img {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 1000
}
.loading-overlay {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 999;
opacity: 0.5;
background: #ffffff
}
@media (max-width: 1199px) {
.fre-paginations .paginations {
float: none;
text-align: center
}
}
@media (max-width: 991px) {
.fre-page-title {
padding: 23px 0;
margin-bottom: 30px
}
.fre-page-title h2 {
font-size: 24px;
line-height: 1.3em
}
.fre-paginations {
padding-top: 26px
}
}
@media (max-width: 767px) {
.fre-paginations {
padding-left: 15px;
padding-right: 15px
}
.fre-paginations .paginations {
position: relative
}
.fre-paginations .paginations .page-numbers {
display: none;
padding: 0 !important
}
.fre-paginations .paginations .page-numbers.current {
display: inline-block
}
.fre-paginations .paginations .page-numbers.next {
display: inline-block;
position: absolute;
top: 0;
right: 0
}
.fre-paginations .paginations .page-numbers.prev {
display: inline-block;
position: absolute;
top: 0;
left: 0
}
.fre-page-title {
margin-bottom: 20px
}
select.fre-chosen-multi {
opacity: 1;
padding-left: 12px;
padding-right: 12px;
color: #415161
}
select.fre-chosen-multi .level-0 {
padding: 4px 12px
}
select.fre-chosen-multi .level-1 {
padding: 4px 18px
}
select.fre-chosen-skill {
opacity: 1;
padding-left: 12px;
padding-right: 12px
}
select.fre-chosen-single {
opacity: 1;
padding-left: 12px;
padding-right: 12px;
color: #415161
}
select.fre-chosen-single .level-0 {
padding: 4px 12px
}
select.fre-chosen-single .level-1 {
padding: 4px 18px
}
.ribbon {
padding-top: 2px;
width: 26px;
height: 24px
}
.ribbon:after {
width: 26px;
border: 13px solid #1fbdbd;
border-bottom-width: 4px;
border-bottom-color: transparent;
position: absolute;
top: 12px;
left: 0
}
.ribbon>i {
font-size: 12px;
position: relative;
z-index: 10
}
.custom-field select {
padding-left: 12px;
padding-right: 12px;
width: 100%;
height: 44px;
background: #FFF;
border: 1px solid #dbdbdb;
border-radius: 2px;
font-size: 16px;
color: #415161
}
}
.wp-editor-wrap {
width: 100%
}
.wp-editor-wrap>.wp-editor-container>.mce-panel {
border: 1px solid #dbdbdb
}
.error .wp-editor-wrap>.wp-editor-container>.mce-panel {
border: 1px solid #f44336
}
.error .wp-editor-wrap>.wp-editor-container>.mce-panel .mce-toolbar-grp {
border-bottom: 1px solid #f44336
}
.error .wp-editor-wrap>.wp-editor-container>.mce-panel .mce-statusbar {
border-top: 1px solid #f44336
}
.calendar_wrap {
background: #FFF
}
.widget_calendar td {
padding: 5px;
text-align: center
}
/* fourth css */
.hamburger-menu {
display: inline-block;
line-height: 1em;
vertical-align: middle
}
.hamburger {
padding: 8px 6px;
display: inline-block;
cursor: pointer;
line-height: 1em;
outline: 0
}
.hamburger-box {
width: 20px;
height: 16px;
display: inline-block;
position: relative
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -1px
}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
width: 20px;
height: 2px;
background-color: #2c3e50;
border-radius: 0px;
position: absolute;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
transition-duration: 0.15s;
transition-timing-function: ease
}
.hamburger-inner::before,
.hamburger-inner::after {
content: "";
display: block
}
.hamburger-inner::before {
top: -7px
}
.hamburger-inner::after {
bottom: -7px
}
.hamburger--elastic .hamburger-inner {
top: 1px;
transition-duration: 0.4s;
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55)
}
.hamburger--elastic .hamburger-inner::before {
top: 7px;
transition: opacity 0.15s 0.4s ease
}
.hamburger--elastic .hamburger-inner::after {
top: 14px;
transition: -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55)
}
.hamburger--elastic.is-active .hamburger-inner {
-webkit-transform: translate3d(0, 7px, 0) rotate(135deg);
transform: translate3d(0, 7px, 0) rotate(135deg);
transition-delay: 0.1s
}
.hamburger--elastic.is-active .hamburger-inner::before {
transition-delay: 0s;
opacity: 0
}
.hamburger--elastic.is-active .hamburger-inner::after {
-webkit-transform: translate3d(0, -14px, 0) rotate(-270deg);
transform: translate3d(0, -14px, 0) rotate(-270deg);
transition-delay: 0.1s
}
.hamburger--elastic-r .hamburger-inner {
top: 1px;
transition-duration: 0.4s;
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55)
}
.hamburger--elastic-r .hamburger-inner::before {
top: 7px;
transition: opacity 0.15s 0.4s ease
}
.hamburger--elastic-r .hamburger-inner::after {
top: 14px;
transition: -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55)
}
.hamburger--elastic-r.is-active .hamburger-inner {
-webkit-transform: translate3d(0, 7px, 0) rotate(-135deg);
transform: translate3d(0, 7px, 0) rotate(-135deg);
transition-delay: 0.1s
}
.hamburger--elastic-r.is-active .hamburger-inner::before {
transition-delay: 0s;
opacity: 0
}
.hamburger--elastic-r.is-active .hamburger-inner::after {
-webkit-transform: translate3d(0, -14px, 0) rotate(270deg);
transform: translate3d(0, -14px, 0) rotate(270deg);
transition-delay: 0.1s
}
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
position: relative;
z-index: 1
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
-moz-backface-visibility: hidden
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0px, 0px, 0px)
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none
}
.owl-carousel .owl-item img {
display: block;
width: 100%
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel.owl-loaded {
display: block
}
.owl-carousel.owl-loading {
opacity: 0;
display: block
}
.owl-carousel.owl-hidden {
opacity: 0
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden
}
.owl-carousel.owl-drag .owl-item {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel.owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: grab
}
.owl-carousel.owl-rtl {
direction: rtl
}
.owl-carousel.owl-rtl .owl-item {
float: right
}
.no-js .owl-carousel {
display: block
}
.owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.owl-carousel .owl-animated-in {
z-index: 0
}
.owl-carousel .owl-animated-out {
z-index: 1
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
@keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
.owl-height {
transition: height 500ms ease-in-out
}
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease
}
.owl-carousel .owl-item img.owl-lazy {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d
}
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url("owl.video.play.png") no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: -webkit-transform 100ms ease;
transition: transform 100ms ease;
transition: transform 100ms ease, -webkit-transform 100ms ease
}
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
-webkit-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3)
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%
}
body.admin-bar .fre-header-wrap {
top: 32px
}
.fre-header-wrapper {
display: block;
width: 100%;
margin-bottom: 1px
}
.fre-header-wrap {
position: fixed;
top: 0;
background: #FFF;
width: 100%;
border-bottom: 1px solid rgba(225, 230, 234, 0.75);
z-index: 1040
}
.fre-site-logo {
display: inline-block;
padding: 22px 0;
margin-right: 42px;
line-height: 40px;
vertical-align: middle
}
.fre-site-logo>a {
display: inline-block;
height: 40px
}
.fre-site-logo>a img {
max-height: 100%;
max-width: 100%
}
.fre-search-wrap {
display: inline-block;
width: 400px;
padding: 22px 0;
vertical-align: middle
}
.fre-search {
position: relative;
width: 100%;
height: 40px
}
.fre-search-field {
width: 100%;
height: 100%;
padding-left: 62px;
padding-right: 14px;
border: 1px solid #dbdbdb;
border-radius: 4px;
box-shadow: none;
outline: none
}
.fre-search-field:focus,
.fre-search-field:active {
outline: none
}
.fre-search-dropdown-btn {
display: inline-block;
font-size: 16px;
color: #666f78;
position: absolute;
top: 50%;
left: 14px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer
}
.fre-search-dropdown-btn i+i {
margin-left: 10px
}
.fre-search-dropdown {
left: 1px;
width: calc(100% - 2px);
padding: 10px 0;
margin-top: -1px;
border: none;
border-top: 1px solid #ededed;
box-shadow: 0px 2px 2px 0px rgba(219, 219, 219, 0.75);
border-radius: 0
}
.fre-search-dropdown>li>a {
padding: 10px 29px;
font-size: 14px;
font-weight: 500;
cursor: pointer
}
.fre-search-dropdown>li>a.active {
color: #1fbdbd
}
.fre-search-dropdown>li>a:hover {
background: none;
color: #1fbdbd
}
.fre-search-dropdown-btn i+i {
margin-left: 10px
}
.fre-menu-top {
display: inline-block;
height: 100%;
margin-left: 8px;
vertical-align: middle
}
@media (max-width: 1199px) {
.fre-menu-page {
width: 100%;
background: #FFF
}
}
.fre-menu-page .dropdown-menu>.active>a {
background-color: transparent;
color: #1fbdbd
}
.fre-menu-main {
margin: 0;
padding: 0
}
.fre-menu-main>li {
display: inline-block;
padding: 32px 0;
margin-left: 20px;
cursor: pointer
}
.fre-menu-main>li.dropdown-empty:hover:before,
.fre-menu-main>li.dropdown-empty:hover:after {
display: none
}
.fre-menu-main>li:hover>a {
color: #1fbdbd
}
.fre-menu-main>li:hover>.dropdown-menu {
display: block
}
.fre-menu-main>li:hover:before {
content: '';
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 0 13px 13px 13px;
border-color: transparent transparent #e0e0e0 transparent;
position: absolute;
bottom: 0;
left: 26px;
z-index: 1101
}
.fre-menu-main>li:hover:after {
content: '';
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 0 13px 13px 13px;
border-color: transparent transparent #ffffff transparent;
position: absolute;
bottom: -1px;
left: 26px;
z-index: 1102
}
.fre-menu-main>li>a {
display: inline-block;
height: 18px;
line-height: 18px
}
.fre-menu-main>li>a i {
margin-left: 8px
}
.fre-menu-main>li+li {
margin-left: 32px
}
.fre-menu-main>li>.dropdown-menu {
margin: 0;
padding: 12px 0;
min-width: 204px;
border: none;
border-top: 1px solid #ededed;
box-shadow: 0px 2px 2px 0px rgba(219, 219, 219, 0.75);
border-radius: 0;
left: -20px;
z-index: 1010
}
.fre-menu-main>li>.dropdown-menu>li {
padding: 8px 0;
padding-left: 30px;
padding-right: 30px
}
.fre-menu-main>li>.dropdown-menu>li>a i {
margin-left: 8px
}
.fre-menu-main li a {
display: inline-block;
padding: 0;
font-size: 14px;
color: #2c3e50;
font-weight: 500;
text-transform: uppercase;
white-space: nowrap
}
.fre-menu-main li a:hover {
background: none;
color: #1fbdbd
}
.sub-menu {
background: #FFF;
padding: 0;
padding-top: 14px
}
@media (max-width: 767px) {
.sub-menu {
width: 100%
}
}
.sub-menu li {
padding: 8px 0 8px 14px;
list-style-type: none
}
.sub-menu li:first-child {
padding-top: 0
}
.sub-menu li:last-child {
padding-bottom: 0
}
.sub-menu li a {
display: inline-block;
padding: 0;
font-size: 14px;
color: #2c3e50
}
.fre-account-wrap {
display: inline-block;
float: right;
height: 100%
}
.fre-account-wrap.open:before {
content: '';
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 0 13px 13px 13px;
border-color: transparent transparent #e0e0e0 transparent;
position: absolute;
bottom: 0;
left: -3px
}
.fre-account-wrap.open:after {
content: '';
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 0 13px 13px 13px;
border-color: transparent transparent #ffffff transparent;
position: absolute;
bottom: -1px;
left: -3px
}
.fre-account-wrap>.dropdown-menu {
margin: 1px 0 0;
padding: 0;
width: 390px;
border: none;
box-shadow: 0px 2px 1px 0px #e4e4e4;
border-radius: 0;
left: inherit;
right: -3px
}
.fre-account-wrap>.dropdown-menu>li {
position: relative;
padding: 14px 20px;
border: 1px solid #ededed;
border-top: 1px solid transparent
}
.fre-account-wrap>.dropdown-menu>li:hover {
border: 1px solid #1fbdbd
}
.fre-account-wrap>.dropdown-menu>li.fre-notify-new {
background: #f1f5fd
}
.fre-account-wrap>.dropdown-menu>li:last-child {
border: 1px solid #ededed;
border-top: none;
border-bottom: none
}
.fre-account-wrap>.dropdown-menu>li .fre-notify-archive {
margin: 0;
font-size: 14px;
color: #415161;
line-height: 1.5em
}
.fre-account-wrap>.dropdown-menu>li .fre-notify-archive>span {
color: #1fbdbd;
cursor: pointer
}
.fre-account-wrap>.dropdown-menu>li .fre-notify-archive+.fre-notify-wrap {
display: none
}
.fre-account-wrap>.dropdown-menu>li .fre-notify-archive+.fre-notify-wrap+.notify-remove {
display: none
}
.fre-account-wrap>.dropdown-menu>li a {
background: none;
display: inline-block;
padding: 0
}
.fre-account-wrap>.dropdown-menu>li a:hover {
background: none
}
.fre-account-wrap>.dropdown-menu>li a.fre-notify-wrap {
position: relative;
display: block;
padding: 0 0 0 52px;
margin-right: 30px;
white-space: normal
}
.fre-account-wrap>.dropdown-menu>li a.fre-notify-wrap .notify-avatar {
display: block;
width: 36px;
height: 36px;
position: absolute;
left: 0;
top: 4px;
overflow: hidden
}
.fre-account-wrap>.dropdown-menu>li a.fre-notify-wrap .notify-avatar img {
width: 100%;
height: auto;
border-radius: 50%
}
.fre-account-wrap>.dropdown-menu>li a.fre-notify-wrap .notify-info {
display: -webkit-box;
overflow: hidden;
white-space: normal;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
height: 3.4em;
line-height: 1.7em;
font-weight: 500;
color: #2c3e50
}
.fre-account-wrap>.dropdown-menu>li a.fre-notify-wrap .notify-info .author-admin {
color: #f44336
}
.fre-account-wrap>.dropdown-menu>li a.fre-notify-wrap .notify-time {
display: block;
font-weight: 500;
line-height: 1.7em;
color: #415161
}
.fre-account-wrap>.dropdown-menu>li a.view-more-notify {
font-size: 14px;
font-weight: 600;
color: #1fbdbd;
padding: 2px 0
}
.fre-account-wrap>.dropdown-menu>li .notify-remove {
display: block;
width: 24px;
height: 24px;
padding: 5px;
position: absolute;
top: 12px;
right: 15px;
cursor: pointer
}
.fre-account-wrap>.dropdown-menu>li .notify-remove span {
position: relative;
display: block;
width: 100%;
height: 100%
}
.fre-account-wrap>.dropdown-menu>li .notify-remove span:before {
position: absolute;
left: 0;
top: 7px;
content: '';
display: block;
width: 100%;
height: 1px;
background: #5f6d7d;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.fre-account-wrap>.dropdown-menu>li .notify-remove span:after {
position: absolute;
left: 0;
top: 7px;
content: '';
display: block;
width: 100%;
height: 1px;
background: #5f6d7d;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.fre-account-wrap .fre-notification {
margin: 31px 0;
margin-right: 24px
}
.fre-account {
display: inline-block;
padding: 24px 0;
vertical-align: middle
}
.fre-account.open .fre-account-info span,
.fre-account.open .fre-account-info i {
color: #1fbdbd
}
.fre-account.open:before {
content: '';
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 0 13px 13px 13px;
border-color: transparent transparent #e0e0e0 transparent;
position: absolute;
bottom: 0;
right: 26px
}
.fre-account.open:after {
content: '';
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 0 13px 13px 13px;
border-color: transparent transparent #ffffff transparent;
position: absolute;
bottom: -1px;
right: 26px
}
.fre-account .dropdown-menu {
margin: 1px 0 0;
padding: 12px 0;
min-width: 204px;
border: none;
box-shadow: 0px 2px 2px 0px rgba(219, 219, 219, 0.75);
border-radius: 0;
right: 0;
left: initial
}
.fre-account .dropdown-menu>li {
padding: 8px 0;
padding-left: 30px;
padding-right: 30px
}
.fre-account .dropdown-menu>li a {
background: none;
display: inline-block;
padding: 0;
text-transform: uppercase;
font-weight: 500
}
.fre-account .dropdown-menu>li a:hover {
color: #1fbdbd
}
.fre-notification {
position: relative;
display: inline-block;
width: 22px;
height: 22px;
font-size: 0;
line-height: 1em;
vertical-align: middle
}
.fre-notification.dropdown-toggle i {
margin-top: 3px
}
.fre-notification i {
font-size: 18px;
color: #2c3e50
}
.fre-notification i:hover {
color: #1fbdbd
}
.fre-notification span {
display: block;
position: absolute;
background: #f44336;
top: -3px;
right: 2px;
width: 12px;
height: 12px;
border: 3px solid #ffffff;
border-radius: 50%
}
.view-more-notify {
font-size: 14px;
font-weight: 600;
color: #1fbdbd
}
.fre-account-info {
position: relative;
height: 36px;
max-width: 210px;
padding-left: 50px;
padding-right: 18px;
line-height: 36px;
color: #2c3e50;
cursor: pointer
}
.fre-account-info:hover span,
.fre-account-info:hover i {
color: #1fbdbd
}
.fre-account-info img {
position: absolute;
top: 0;
left: 0;
width: 36px;
height: 36px;
border-radius: 50%
}
.fre-account-info span {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 14px;
font-weight: 500;
line-height: 36px
}
.fre-account-info>i {
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.fre-login-wrap {
padding: 24px 0
}
.fre-login {
margin: 0;
padding: 0
}
.fre-login>li {
list-style-type: none;
display: inline-block;
height: 36px;
line-height: 36px
}
.fre-login>li a {
display: inline-block;
font-size: 14px;
font-weight: 500;
color: #2c3e50;
line-height: 1em
}
.fre-login>li+li {
margin-left: 28px
}
.fre-account-info-tablet {
display: none
}
.fre-account-tablet {
display: none
}
.fre-background {
position: relative;
height: 622px;
background-image: url('../img/bbg.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: top center
}
.fre-bg-content {
width: 100%;
position: absolute;
top: 60%;
left: 0;
-webkit-transform: translateY(-60%);
-ms-transform: translateY(-60%);
transform: translateY(-60%);
text-align: center
}
.fre-bg-content h1 {
margin: 0;
font-size: 48px;
font-weight: 300;
color: #2c3e50;
text-align: center;
line-height: 1.5em
}
.fre-bg-content .fre-btn,
.fre-bg-content .fre-btn-disable,
.fre-bg-content .fre-payment-list>li>.btn {
margin-top: 40px;
min-width: 190px
}
.fre-bg-content .fre-btn+.fre-btn,
.fre-bg-content .fre-btn-disable+.fre-btn,
.fre-bg-content .fre-payment-list>li>.btn+.fre-btn,
.fre-bg-content .fre-btn+.fre-btn-disable,
.fre-bg-content .fre-btn-disable+.fre-btn-disable,
.fre-bg-content .fre-payment-list>li>.btn+.fre-btn-disable,
.fre-bg-content .fre-payment-list>li>.fre-btn+.btn,
.fre-bg-content .fre-payment-list>li>.fre-btn-disable+.btn,
.fre-bg-content .fre-payment-list>li>.btn+.btn {
margin-left: 12px
}
.fre-how-work {
background: #FFF;
padding-top: 56px;
padding-bottom: 96px;
color: #2c3e50;
text-align: center
}
.fre-how-work h2 {
margin: 0;
font-size: 38px;
font-weight: 300;
color: #2c3e50;
line-height: 1.5em
}
.fre-work-block {
margin-top: 50px
}
.fre-work-block span {
display: block;
width: 42px;
height: 42px;
margin: 0 auto;
margin-bottom: 20px;
overflow: hidden
}
.fre-work-block span img {
width: 100%;
height: auto
}
.fre-work-block p {
margin: 0;
font-size: 16px;
font-weight: 400;
color: #2c3e50;
min-height: 2.8em
}
.fre-perfect-freelancer {
padding-top: 50px;
padding-bottom: 70px
}
.fre-perfect-freelancer .container>h2 {
margin: 0 0 17px;
font-size: 38px;
font-weight: 300;
line-height: 1.5em;
color: #2c3e50;
text-align: center
}
.fre-freelancer-wrap {
position: relative;
background: #FFF;
border-left: 1px solid #f6f6f6;
border-right: 1px solid #f6f6f6;
border-bottom: 1px solid #efefef;
box-shadow: 0px 2px 1px 0px #efefef;
border-radius: 0;
margin-top: 30px;
padding: 30px 30px 30px 120px
}
.fre-freelancer-wrap h2 {
width: calc(100% - 100px);
margin: -3px 0 0;
font-size: 20px;
line-height: 1.2em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.fre-freelancer-wrap h2 a {
font-size: 20px;
font-weight: 600;
line-height: 1em;
color: #2c3e50
}
.fre-freelancer-wrap h2 a:hover {
color: #2c3e50
}
.fre-freelancer-wrap p {
margin: 6px 0 0;
font-size: 14px;
font-weight: 500;
color: #1fbdbd;
line-height: 1.2em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.fre-freelancer-wrap .rate-it {
margin: 10px 0 0;
height: 16px
}
.fre-freelancer-wrap .free-skill {
min-height: 28px;
margin-top: 16px;
padding-top: 4px;
border-radius: 4px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.fre-freelancer-wrap .free-skill .fre-label {
display: initial
}
.free-avatar {
display: block;
position: absolute;
top: 30px;
left: 30px;
width: 70px;
height: 70px
}
.free-avatar img {
width: 100%;
border-radius: 50%
}
.free-hourly-rate {
position: absolute;
top: 32px;
right: 30px;
font-size: 14px;
color: #2c3e50;
line-height: 1em
}
.free-hourly-rate span {
font-size: 18px;
font-weight: 700
}
.free-experience {
margin-top: 14px;
font-size: 0
}
.free-experience span {
display: inline-block;
font-size: 14px;
color: #2c3e50;
line-height: 1em;
padding: 2px 13px 2px 0
}
.free-experience span:last-child {
padding-right: 0;
padding-left: 13px;
border-left: 1px solid #c3ced5
}
.fre-perfect-freelancer-more {
text-align: center
}
.fre-perfect-freelancer-more a {
margin-top: 52px;
min-width: 210px
}
.fre-jobs-online {
background: #FFF;
padding-top: 64px;
padding-bottom: 80px
}
.fre-jobs-online h2 {
margin: 0;
font-size: 38px;
font-weight: 300;
color: #2c3e50;
line-height: 1.5em;
text-align: center
}
.fre-jobs-list {
margin: 40px 0 0;
padding: 0;
border: 1px solid #dbdbdb;
border-radius: 2px
}
.fre-jobs-list>li {
list-style-type: none;
display: block;
padding: 17px 30px;
border-bottom: 1px solid #dbdbdb
}
.fre-jobs-list>li:last-child {
border-bottom: none
}
.jobs-title {
display: inline-block;
font-size: 0;
vertical-align: middle;
width: calc(100% - 486px);
padding-right: 60px
}
.jobs-title p {
margin: 0;
font-size: 16px;
color: #2c3e50;
line-height: 1.2em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.jobs-date {
display: inline-block;
font-size: 0;
vertical-align: middle;
width: 180px
}
.jobs-date p {
margin: 0;
font-size: 16px;
color: #2c3e50
}
.jobs-price {
display: inline-block;
font-size: 0;
vertical-align: middle;
width: 70px
}
.jobs-price p {
margin: 0;
font-size: 16px;
font-weight: 600;
color: #2c3e50
}
.jobs-view {
display: inline-block;
font-size: 0;
vertical-align: middle;
width: 225px;
float: right;
text-align: right
}
.jobs-view a {
display: inline-block;
padding: 8px 24px;
font-size: 14px;
font-weight: 700;
color: #666f78;
line-height: 1em;
border: 1px solid #dbdbdb;
border-radius: 4px
}
.jobs-view a:hover {
background: #666f78;
border: 1px solid #666f78;
color: #FFF
}
.fre-jobs-online-more {
text-align: center
}
.fre-jobs-online-more a {
margin-top: 40px;
min-width: 190px
}
.fre-our-stories {
background: #f9f9f9;
padding: 48px 0 54px
}
.fre-our-stories h2 {
margin: 0;
font-size: 38px;
font-weight: 300;
color: #2c3e50;
line-height: 1.5em;
text-align: center
}
.owl-carousel-stories .owl-prev {
width: 32px;
height: 52px;
position: absolute;
top: 50%;
left: -90px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
cursor: default !important
}
.owl-carousel-stories .owl-prev.disabled span {
display: none
}
.owl-carousel-stories .owl-prev span {
display: inline-block;
position: relative;
width: 100%;
height: 100%;
cursor: pointer
}
.owl-carousel-stories .owl-prev span:before {
background: #dbdbdb;
content: '';
display: block;
width: 100%;
height: 2px;
position: absolute;
top: 12px;
left: 0;
-webkit-transform: rotate(120deg);
-ms-transform: rotate(120deg);
transform: rotate(120deg)
}
.owl-carousel-stories .owl-prev span:after {
background: #dbdbdb;
content: '';
display: block;
width: 100%;
height: 2px;
position: absolute;
bottom: 12px;
left: 0;
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg)
}
.owl-carousel-stories .owl-next {
width: 32px;
height: 52px;
position: absolute;
top: 50%;
right: -90px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
cursor: default !important
}
.owl-carousel-stories .owl-next.disabled span {
display: none
}
.owl-carousel-stories .owl-next span {
display: inline-block;
position: relative;
width: 100%;
height: 100%;
cursor: pointer
}
.owl-carousel-stories .owl-next span:before {
background: #dbdbdb;
content: '';
display: block;
width: 100%;
height: 2px;
position: absolute;
top: 12px;
left: 0;
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg)
}
.owl-carousel-stories .owl-next span:after {
background: #dbdbdb;
content: '';
display: block;
width: 100%;
height: 2px;
position: absolute;
bottom: 12px;
left: 0;
-webkit-transform: rotate(120deg);
-ms-transform: rotate(120deg);
transform: rotate(120deg)
}
.fre-stories-wrap {
margin: 54px 0 0;
background: #f9f9f9;
min-height: 100px
}
.fre-stories-wrap:after {
content: '';
display: table;
clear: both
}
.fre-stories-wrap .stories-img {
float: right;
width: 40%
}
.fre-stories-wrap .stories-img img {
width: 100%;
height: auto
}
.fre-stories-wrap .stories-img+.stories-content {
width: 52%;
margin-right: 40%
}
.fre-stories-wrap .stories-content {
position: relative;
padding-top: 66px;
padding-left: 50px;
width: 100%
}
.fre-stories-wrap .stories-content p {
margin: 0;
font-size: 16px;
color: #2c3e50;
line-height: 1.7em
}
.fre-stories-wrap .stories-content .fre-quote {
position: absolute;
top: 40px;
left: 0
}
.fre-stories-wrap .stories-content .fre-btn-o {
min-width: 200px;
margin-top: 52px
}
.fre-quote svg {
fill: #bac6ce
}
.fre-service {
background: #FFF;
padding-top: 76px;
padding-bottom: 80px
}
.fre-service .container>h2 {
margin: 0;
font-size: 38px;
font-weight: 300;
color: #2c3e50;
line-height: 1.5em;
text-align: center
}
.fre-service-package-list {
font-size: 0
}
.fre-service-package-list>div {
float: none;
display: inline-block;
vertical-align: top
}
.fre-service-content {
padding-top: 22px
}
.fre-service-pricing {
position: relative;
padding: 40px;
margin-top: 30px;
border: 1px solid #dbdbdb;
border-top: none;
box-shadow: 0 0 4px 1px rgba(206, 206, 206, 0.1);
color: #2c3e50;
text-align: center
}
.fre-service-pricing:after {
content: '';
display: block;
width: calc(100% + 2px);
height: 5px;
background: #647585;
position: absolute;
top: 0;
left: -1px
}
.fre-service-pricing:hover {
box-shadow: 0 0 9px 2px rgba(206, 206, 206, 0.35)
}
.fre-service-pricing:hover:after {
background: #1fbdbd
}
.fre-service-pricing:hover .service-price h2,
.fre-service-pricing:hover .service-price p {
color: #1fbdbd
}
.fre-service-pricing:hover .service-price h2 sup {
font-weight: 400
}
.fre-service-pricing:hover .fre-service-btn {
border-color: #1fbdbd;
color: #1fbdbd
}
.fre-service-pricing:hover .fre-service-btn:hover {
background: #1fbdbd;
color: #FFF
}
.fre-service-pricing .service-price {
display: inline-block;
padding: 0 2px 28px 2px;
border-bottom: 1px solid #dbdbdb
}
.fre-service-pricing .service-price h2 {
margin: 0;
font-size: 50px;
font-weight: 300;
line-height: 1.2em
}
.fre-service-pricing .service-price h2 sup {
font-size: 26px;
font-weight: 300;
top: -0.3em
}
.fre-service-pricing .service-price p {
margin: 6px 0 0;
font-size: 20px;
line-height: 1em
}
.fre-service-pricing .service-info {
margin-top: 28px
}
.fre-service-pricing .service-info h3 {
margin: 0;
font-size: 20px;
font-weight: 600;
line-height: 1.3em
}
.fre-service-pricing .service-info p {
margin: 10px 0 0;
font-size: 14px;
line-height: 2.2em
}
.fre-service-pricing .fre-service-btn {
margin: 30px 0 0;
min-width: 150px
}
.fre-get-started {
background: #f9f9f9
}
.fre-get-started+.footer-copyright-wrapper {
margin-top: 0
}
.get-started-content {
position: relative;
padding: 78px 260px 78px 0
}
.get-started-content h2 {
margin: 0;
font-size: 36px;
font-weight: 300;
color: #2c3e50;
line-height: 1.6em
}
.get-started-content .fre-btn,
.get-started-content .fre-btn-disable,
.get-started-content .fre-payment-list>li>.btn {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
min-width: 170px
}
@media (min-width: 1200px) {
.fre-hamburger {
display: none
}
}
@media (max-width: 1199px) {
.fre-header-wrapper {
position: relative;
height: 56px
}
.fre-header-wrapper.active .fre-header-wrap {
top: 0;
left: 0;
width: 100%;
z-index: 999
}
.fre-header-wrapper.active .fre-search-wrap {
display: block;
width: 100%
}
.fre-header-wrapper.active .fre-menu-top {
display: block;
margin: 0
}
.fre-header-wrapper.active .fre-account-wrap {
display: block;
float: none
}
.fre-header-wrapper.active .fre-account-wrap .fre-notification {
display: none
}
.fre-header-wrapper.active .fre-menu-main>li {
display: block;
padding: 8px 0 6px 0;
margin: 0
}
.fre-header-wrapper.active .fre-menu-main>li:last-child {
padding-bottom: 6px
}
.fre-header-wrapper.active .fre-menu-main>li:hover:before,
.fre-header-wrapper.active .fre-menu-main>li:hover:after {
display: none
}
.fre-header-wrapper.active .fre-menu-main>li>a i {
display: none
}
.fre-header-wrapper.active .fre-menu-main>li+li {
margin: 0
}
.fre-header-wrapper.active .fre-menu-main>li .dropdown-menu {
position: initial;
display: block;
float: none;
border: none;
box-shadow: none;
padding-bottom: 0
}
.fre-header-wrapper.active .fre-menu-main>li .dropdown-menu li a {
line-height: 1.3em
}
.fre-header-wrapper.active .fre-menu-main>li .dropdown-menu li a i {
display: none
}
.fre-header-wrapper.active .fre-menu-main>li .dropdown-menu>li {
padding: 0 0 14px 20px
}
.fre-header-wrapper.active .fre-menu-main>li .dropdown-menu>li:last-child {
padding-bottom: 0
}
.fre-header-wrapper.active .fre-menu-main>li .sub-menu>li {
width: 100%;
padding: 0 0 14px 20px
}
.fre-header-wrapper.active .fre-menu-main>li .sub-menu>li:last-child {
padding-bottom: 0
}
.fre-header-wrapper.active .fre-account-tablet {
display: block
}
.fre-header-wrapper.active .fre-account-info-tablet {
display: block
}
.fre-header-wrapper.notify-active .fre-notification i,
.fre-header-wrapper.notify-active .fre-notification span {
display: none
}
.fre-header-wrapper.notify-active .fre-notification:before {
content: '';
display: block;
width: 100%;
height: 1px;
background: #425263;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 10px;
left: 0
}
.fre-header-wrapper.notify-active .fre-notification:after {
content: '';
display: block;
width: 100%;
height: 1px;
background: #425263;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
position: absolute;
top: 10px;
left: 0
}
.fre-header-wrapper.notify-active .fre-account-wrap {
display: block;
width: 100%
}
.fre-header-wrapper.notify-active .fre-account-wrap .fre-notification,
.fre-header-wrapper.notify-active .fre-account-wrap .fre-account {
display: none
}
.fre-header-wrapper.notify-active .fre-account-wrap .dropdown-menu-notifi {
display: block;
width: 100%;
position: inherit;
top: inherit;
right: inherit;
box-shadow: none;
margin-top: 20px
}
.fre-header-wrapper.notify-active .fre-account-wrap .dropdown-menu-notifi>li:first-child {
border-top: 1px solid #ededed
}
.fre-header-wrapper.notify-active .fre-account-wrap .dropdown-menu-notifi>li:first-child:hover {
border-top: 1px solid #1fbdbd
}
.fre-header-wrapper.notify-active .fre-account-wrap .dropdown-menu-notifi>li:last-child {
border: none
}
.fre-header-wrap {
position: absolute;
top: 0 !important
}
.fre-site-logo {
padding: 10px 0;
margin: 0;
width: 100%;
line-height: 36px
}
.fre-hamburger {
float: right;
margin-right: -6px
}
.fre-hamburger .fre-notification {
margin-right: 12px
}
.fre-search-wrap {
display: none
}
.fre-menu-top {
display: none
}
.fre-account-wrap {
display: none
}
.fre-login-wrap {
padding: 0
}
.fre-login {
padding-top: 6px;
padding-bottom: 26px
}
.fre-login>li {
display: block;
height: auto;
line-height: 1.3em;
padding-bottom: 15px
}
.fre-login>li:last-child {
padding-bottom: 0
}
.fre-login>li+li {
margin: 0
}
.fre-account {
padding: 0
}
.fre-account .dropdown-menu {
display: block;
float: none;
position: initial;
border: none;
box-shadow: none;
margin: 0;
padding-top: 6px;
padding-bottom: 26px
}
.fre-account .dropdown-menu>li {
display: none;
padding: 0
}
.fre-account .dropdown-menu>li:last-child {
display: block
}
.fre-account-info {
display: none
}
.fre-account-tablet {
padding-top: 20px;
padding-bottom: 7px
}
.fre-account-tablet .fre-account-info {
display: block;
cursor: default;
max-width: inherit
}
.fre-account-info-tablet .dropdown-menu {
display: block;
float: none;
position: initial;
border: none;
box-shadow: none;
margin: 0;
padding: 0
}
.fre-account-info-tablet .dropdown-menu>li {
display: block;
padding: 8px 0 6px 0
}
.fre-account-info-tablet .dropdown-menu>li:last-child {
display: none
}
.fre-account-info-tablet .dropdown-menu>li a {
display: inline-block;
background: none;
padding: 0;
font-weight: 500;
text-transform: uppercase;
line-height: 1.3em
}
.fre-bg-content h1 {
font-size: 40px
}
.fre-how-work {
padding-bottom: 48px
}
.fre-how-work h2 {
font-size: 30px
}
.fre-work-block {
margin-top: 40px;
padding: 0 80px
}
.fre-perfect-freelancer {
padding-top: 40px;
padding-bottom: 50px
}
.fre-perfect-freelancer .container>h2 {
font-size: 30px
}
.fre-perfect-freelancer-more a {
margin-top: 42px
}
.fre-jobs-online {
padding-top: 40px;
padding-bottom: 50px
}
.fre-jobs-online h2 {
font-size: 30px
}
.fre-jobs-list {
margin-top: 50px
}
.fre-our-stories {
padding: 40px 0 56px
}
.fre-our-stories h2 {
font-size: 30px
}
.owl-carousel-stories .owl-nav {
display: none
}
.fre-service {
padding-top: 40px;
padding-bottom: 50px
}
.fre-service .container>h2 {
font-size: 30px
}
.fre-stories-wrap {
margin: 40px 0 0
}
.fre-stories-wrap .stories-content {
padding-top: 14px
}
.fre-stories-wrap .stories-content .fre-quote {
top: -14px
}
.fre-service-content {
padding-top: 10px
}
}
@media (max-width: 991px) {
.fre-background {
height: 330px
}
.fre-bg-content h1 {
font-size: 30px
}
.fre-bg-content .fre-btn,
.fre-bg-content .fre-btn-disable,
.fre-bg-content .fre-payment-list>li>.btn {
min-width: 170px;
margin-top: 26px
}
.fre-bg-content .fre-btn+.fre-btn,
.fre-bg-content .fre-btn-disable+.fre-btn,
.fre-bg-content .fre-payment-list>li>.btn+.fre-btn,
.fre-bg-content .fre-btn+.fre-btn-disable,
.fre-bg-content .fre-btn-disable+.fre-btn-disable,
.fre-bg-content .fre-payment-list>li>.btn+.fre-btn-disable,
.fre-bg-content .fre-payment-list>li>.fre-btn+.btn,
.fre-bg-content .fre-payment-list>li>.fre-btn-disable+.btn,
.fre-bg-content .fre-payment-list>li>.btn+.btn {
margin-left: 8px
}
.fre-how-work {
padding-top: 40px
}
.fre-work-block {
padding: 0 40px
}
.fre-freelancer-wrap {
margin-top: 14px
}
.fre-jobs-list>li {
position: relative;
padding: 10px 250px 10px 20px
}
.jobs-title {
display: block;
width: 100%;
padding: 0
}
.jobs-title p {
line-height: 2em
}
.jobs-price {
display: block;
width: 100%;
text-align: left
}
.jobs-price p {
line-height: 2em
}
.jobs-date {
display: block;
width: 100%;
text-align: left
}
.jobs-date p {
line-height: 2em
}
.jobs-view {
position: absolute;
top: 50%;
right: 20px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.fre-stories-wrap .stories-content {
padding-top: 24px
}
.fre-stories-wrap .stories-content .fre-quote {
top: 0
}
.fre-stories-wrap .stories-content .fre-btn-o {
margin-top: 34px
}
}
@media (max-width: 767px) {
.fre-account-wrap>.dropdown-menu>li a.fre-notify-wrap {
padding-left: 0;
font-size: 16px
}
.fre-account-wrap>.dropdown-menu>li a.fre-notify-wrap .notify-avatar {
display: none
}
.fre-header-wrapper.notify-active .fre-account-wrap .dropdown-menu-notifi {
margin-left: -15px;
margin-right: -15px;
width: calc(100% + 30px)
}
.fre-header-wrapper.notify-active .fre-account-wrap .dropdown-menu-notifi .fre-notify-archive {
font-size: 16px
}
.fre-account-wrap>.dropdown-menu>li a.view-more-notify {
padding: 12px 0
}
.fre-background {
height: 420px
}
.fre-bg-content {
-webkit-transform: translateY(-45%);
-ms-transform: translateY(-45%);
transform: translateY(-45%)
}
.fre-bg-content .container {
padding: 0
}
.fre-bg-content h1 {
font-size: 26px;
margin-bottom: 20px
}
.fre-bg-content .fre-btn,
.fre-bg-content .fre-btn-disable,
.fre-bg-content .fre-payment-list>li>.btn {
margin-top: 10px;
min-width: 248px
}
.fre-bg-content .fre-btn+.fre-btn,
.fre-bg-content .fre-btn-disable+.fre-btn,
.fre-bg-content .fre-payment-list>li>.btn+.fre-btn,
.fre-bg-content .fre-btn+.fre-btn-disable,
.fre-bg-content .fre-btn-disable+.fre-btn-disable,
.fre-bg-content .fre-payment-list>li>.btn+.fre-btn-disable,
.fre-bg-content .fre-payment-list>li>.fre-btn+.btn,
.fre-bg-content .fre-payment-list>li>.fre-btn-disable+.btn,
.fre-bg-content .fre-payment-list>li>.btn+.btn {
margin-left: 0
}
.fre-how-work {
padding-top: 32 px
}
.fre-how-work h2 {
line-height: 1.3em
}
.fre-work-block {
margin-top: 32px
}
.fre-perfect-freelancer {
padding-top: 32px;
padding-bottom: 40px
}
.fre-perfect-freelancer .container>h2 {
line-height: 1.3em;
margin-bottom: 22px
}
.fre-freelancer-wrap {
padding: 30px;
text-align: center
}
.fre-freelancer-wrap h2 {
width: 100%;
margin: 12px 0 0
}
.fre-freelancer-wrap h2 a {
font-size: 18px
}
.free-avatar {
position: inherit;
top: inherit;
left: inherit;
margin: 0 auto
}
.free-rating i {
font-size: 12px
}
.free-hourly-rate {
position: inherit;
top: inherit;
right: inherit;
margin: 14px 0 0
}
.free-experience {
margin: 8px 0 0
}
.free-experience span {
display: block;
padding: 6px 0
}
.free-experience span:last-child {
padding-left: 0;
padding-bottom: 0;
border: none
}
.free-skill {
display: none
}
.fre-perfect-freelancer-more a {
min-width: 248px;
margin-top: 30px
}
.fre-jobs-online {
padding-top: 32px;
padding-bottom: 40px
}
.fre-jobs-online h2 {
line-height: 1.3em
}
.fre-jobs-list {
margin: 32px 0 0
}
.fre-jobs-list>li {
padding: 16px 20px 20px
}
.jobs-title p {
line-height: 1.4em;
white-space: normal
}
.jobs-date p {
line-height: 2.3em
}
.jobs-price p {
line-height: 1.2em
}
.jobs-view {
margin-top: 18px;
position: inherit;
top: inherit;
right: inherit;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
width: 100%;
text-align: center
}
.jobs-view a {
min-width: 248px;
padding-top: 0;
padding-bottom: 0;
height: 40px;
line-height: 38px
}
.fre-jobs-online-more a {
min-width: 248px;
margin-top: 30px
}
.fre-our-stories {
padding: 36px 0
}
.fre-our-stories h2 {
line-height: 1.3em
}
.fre-stories-wrap .stories-img {
float: none;
width: 100%
}
.fre-stories-wrap .stories-img+.stories-content {
width: 100%;
margin-right: 0;
padding-top: 54px
}
.fre-stories-wrap .stories-img+.stories-content .fre-quote {
top: 20px
}
.fre-stories-wrap .stories-content {
padding-left: 0
}
.fre-stories-wrap .fre-stories-more {
text-align: center
}
.fre-stories-wrap .fre-stories-more .fre-btn-o {
min-width: 248px
}
.fre-quote svg {
width: 24px;
height: auto
}
.fre-service {
padding-top: 32px
}
.fre-service .container>h2 {
line-height: 1.3em
}
.fre-service-content {
padding-top: 15px
}
.fre-service-pricing {
margin-top: 20px;
padding: 26px 20px 30px
}
.fre-service-pricing .service-price {
padding-bottom: 18px
}
.fre-service-pricing .service-price h2 {
font-size: 40px
}
.fre-service-pricing .service-price p {
margin-top: 2px
}
.fre-service-pricing .service-info {
margin-top: 15px
}
.fre-service-pricing .service-info p {
margin: 5px 0 0;
line-height: 1.8em
}
.fre-service-pricing .fre-service-btn {
min-width: 248px;
margin-top: 15px;
height: 40px;
line-height: 38px
}
.get-started-content {
padding: 32px 0 40px 0;
text-align: center
}
.get-started-content h2 {
font-size: 28px;
line-height: 1.3em
}
.get-started-content .fre-btn,
.get-started-content .fre-btn-disable,
.get-started-content .fre-payment-list>li>.btn {
position: inherit;
top: inherit;
right: inherit;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
margin-top: 30px;
min-width: 248px
}
.fre-service-package-list>div {
display: block
}
}
.fre-notification-list {
position: relative;
background: #FFF;
margin: 0;
padding: 18px 0;
box-shadow: 0px 2px 1px 0px rgba(228, 228, 228, 0.35)
}
.fre-notification-list:before {
content: '';
display: block;
width: 100%;
height: 100%;
border: 1px solid #ededed;
border-bottom: 1px solid #d3d3d3;
position: absolute;
top: 0;
left: 0;
z-index: 0
}
.fre-notification-list>li {
list-style-type: none;
padding: 0 30px;
position: relative;
font-size: 16px
}
.fre-notification-list>li.no-result {
padding-top: 10px;
padding-bottom: 10px
}
.fre-notification-list>li.no-result:hover:before {
border: 2px solid transparent
}
.fre-notification-list>li:before {
content: '';
display: block;
width: calc(100% - 60px);
height: 100%;
position: absolute;
top: 0;
left: 30px;
border-top: 1px solid #dbdbdb;
z-index: 0
}
.fre-notification-list>li:first-child:before {
border-top: none
}
.fre-notification-list>li:hover:before {
width: 100%;
left: 0;
border: 2px solid #1fbdbd
}
.fre-notification-list>li:hover+li:before {
display: none
}
.fre-notification-list>li .fre-notify-archive {
position: relative;
margin: 0;
padding: 20px 0;
padding-left: 42px;
font-size: 16px;
color: #415161;
line-height: 1.2em
}
.fre-notification-list>li .fre-notify-archive>span {
font-weight: 600;
color: #1fbdbd;
cursor: pointer
}
.fre-notification-list>li .fre-notify-archive+.fre-notify-wrap {
display: none
}
.fre-notification-list>li .fre-notify-archive+.fre-notify-wrap+.notify-remove {
display: none
}
.fre-notification-list>li .fre-notify-wrap {
position: relative;
display: block;
padding: 20px 0 20px 106px;
white-space: normal
}
.fre-notification-list>li .fre-notify-wrap .notify-avatar {
display: block;
width: 46px;
height: 46px;
position: absolute;
left: 42px;
top: 20px;
overflow: hidden
}
.fre-notification-list>li .fre-notify-wrap .notify-avatar img {
width: 100%;
height: auto;
border-radius: 50%
}
.fre-notification-list>li .fre-notify-wrap .notify-info {
display: block;
font-size: 16px;
line-height: 1.5em;
color: #2c3e50
}
.fre-notification-list>li .fre-notify-wrap .notify-info strong {
font-weight: 600
}
.fre-notification-list>li .fre-notify-wrap .notify-info .author-admin {
color: #f44336
}
.fre-notification-list>li .fre-notify-wrap .notify-time {
display: block;
margin-top: 10px;
font-size: 16px;
line-height: 1em;
color: #415161
}
.fre-notification-list>li .notify-remove {
display: block;
width: 28px;
height: 28px;
padding: 5px;
position: absolute;
top: 29px;
left: 25px;
cursor: pointer
}
.fre-notification-list>li .notify-remove span {
position: relative;
display: block;
width: 100%;
height: 100%
}
.fre-notification-list>li .notify-remove span:before {
position: absolute;
left: 0;
top: 9px;
content: '';
display: block;
width: 100%;
height: 1px;
background: #5a6876;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.fre-notification-list>li .notify-remove span:after {
position: absolute;
left: 0;
top: 9px;
content: '';
display: block;
width: 100%;
height: 1px;
background: #5a6876;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg)
}
@media (max-width: 991px) {
.fre-notification-list>li {
padding: 0 20px
}
.fre-notification-list>li:before {
width: calc(100% - 40px);
left: 20px
}
.fre-notification-list>li .notify-remove {
left: 20px
}
}
@media (max-width: 767px) {
.page-notification-wrap {
margin-left: -15px;
margin-right: -15px
}
.fre-notification-list {
padding: 10px 0
}
.fre-notification-list>li {
padding: 0 15px
}
.fre-notification-list>li:before {
width: calc(100% - 40px);
left: 20px
}
.fre-notification-list>li .fre-notify-archive {
padding-left: 50px
}
.fre-notification-list>li .fre-notify-wrap {
padding-left: 0;
margin-left: 42px;
padding-top: 15px;
padding-bottom: 15px
}
.fre-notification-list>li .fre-notify-wrap .notify-avatar {
display: none
}
.fre-notification-list>li .fre-notify-wrap .notify-info {
line-height: 1.5em
}
.fre-notification-list>li .notify-remove {
left: 10px;
top: 10px
}
}
.fre-authen-wrapper {
padding-top: 20px
}
.fre-authen-login {
background: #FFF;
margin: 0 auto;
padding: 40px 40px 0;
width: 482px;
height: auto;
box-shadow: 0px 1px 1px 0px rgba(185, 184, 184, 0.75)
}
.fre-authen-login>h2 {
margin: 0 0 40px;
font-size: 26px;
font-weight: 600;
color: #2c3e50;
line-height: 1em;
text-align: center
}
.fre-authen-login .fre-submit-btn {
width: 100%;
margin-top: 10px
}
.fre-authen-login .fre-authen-footer {
padding: 30px 40px;
margin-left: -40px;
margin-right: -40px;
border-top: 1px solid #dbdbdb
}
.fre-authen-login .fre-authen-footer:after {
content: '';
display: table;
clear: both
}
.fre-authen-login .fre-authen-footer .not-yet-register {
float: left
}
.fre-authen-login .fre-authen-footer .not-yet-register a {
font-size: 16px;
color: #415161;
line-height: 1em
}
.fre-authen-login .fre-authen-footer .forgot-password {
float: right
}
.fre-authen-login .fre-authen-footer .forgot-password a {
font-size: 16px;
color: #415161;
line-height: 1em
}
.fre-login-social>p {
margin: 0;
padding-top: 20px;
font-size: 16px;
font-weight: 400;
color: #415161;
line-height: 1em
}
.login-social-list {
margin: 6px 0 0;
padding: 0 0 40px
}
.login-social-list>li {
list-style-type: none;
display: inline-block;
min-width: 90px;
margin-top: 12px;
margin-right: 10px;
padding: 4px 8px 4px 4px;
border-radius: 3px;
font-size: 12px;
color: #FFF;
line-height: 1em;
text-align: left
}
.login-social-list>li:last-child {
margin-right: 0
}
.login-social-list>li a {
display: inline-block;
color: #FFF
}
.login-social-list>li a span {
display: inline-block;
vertical-align: middle
}
.login-social-list>li i {
display: inline-block;
font-size: 16px;
color: #FFF;
line-height: 1em;
margin-right: 8px;
vertical-align: middle
}
.login-social-list>li#facebook {
background: #5d82d1
}
.login-social-list>li#google {
background: #eb5e4c
}
.login-social-list>li#twitter {
background: #40bff5
}
.login-social-list>li#linkedin {
background: #0369a0
}
.fre-register-default {
background: #FFF;
margin: 0 auto;
padding: 40px 0 0;
width: 950px;
height: auto;
box-shadow: 0px 1px 1px 0px rgba(185, 184, 184, 0.75)
}
.fre-register-default>h2 {
margin: 0 0 40px;
font-size: 26px;
font-weight: 600;
color: #2c3e50;
line-height: 1em;
text-align: center
}
.fre-register-default .fre-authen-footer {
padding-top: 30px;
text-align: center
}
.fre-register-default .fre-authen-footer>p {
margin: 0;
padding: 30px 0 0;
font-size: 16px;
color: #415161;
line-height: 1em;
border-top: 1px solid #dbdbdb
}
.fre-register-default .fre-authen-footer .login-social-list {
display: inline-block;
margin: 2px 0 0;
padding-bottom: 30px
}
.fre-register-wrap {
position: relative;
padding-top: 36px;
padding-bottom: 60px
}
.fre-register-wrap:before {
content: '';
display: block;
width: 2px;
height: 100%;
border-right: 1px solid #dbdbdb;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
.fre-register-wrap .register-employer {
text-align: center;
padding: 0 60px
}
.fre-register-wrap .register-employer h3 {
margin: 0 0 20px;
font-size: 20px;
font-weight: 600;
color: #415161;
line-height: 1.15em
}
.fre-register-wrap .register-employer p {
margin: 0;
font-size: 16px;
color: #415161;
line-height: 1.6em
}
.fre-register-wrap .register-employer .fre-small-btn {
margin-top: 24px
}
.fre-register-wrap .register-freelancer {
text-align: center;
padding: 0 60px
}
.fre-register-wrap .register-freelancer h3 {
margin: 0 0 20px;
font-size: 20px;
font-weight: 600;
color: #415161;
line-height: 1.15em
}
.fre-register-wrap .register-freelancer p {
margin: 0;
font-size: 16px;
color: #415161;
line-height: 1.6em
}
.fre-register-wrap .register-freelancer .fre-small-btn {
margin-top: 24px
}
.fre-authen-register {
background: #FFF;
margin: 0 auto;
padding: 40px 40px 0;
width: 482px;
height: auto;
box-shadow: 0px 1px 1px 0px rgba(185, 184, 184, 0.75)
}
.fre-authen-register>h2 {
margin: 0 0 40px;
font-size: 26px;
font-weight: 600;
color: #2c3e50;
line-height: 1em;
text-align: center
}
.fre-authen-register .fre-btn,
.fre-authen-register .fre-btn-disable,
.fre-authen-register .fre-payment-list>li>.btn {
width: 100%;
margin-top: 20px;
margin-bottom: 10px;
font-size: 16px;
font-weight: 600
}
.fre-authen-register>p {
padding: 0 20px;
margin: 0 0 54px;
font-size: 16px;
line-height: 1.6em;
text-align: center
}
.fre-authen-register>p>a {
font-weight: 600;
color: #1fbdbd
}
.fre-authen-register>p>a:hover {
color: #1fbdbd
}
.fre-authen-register .fre-authen-footer {
padding: 30px 40px;
margin-left: -40px;
margin-right: -40px;
text-align: center;
border-top: 1px solid #dbdbdb
}
.fre-authen-register .fre-authen-footer p {
margin: 0;
font-size: 16px;
color: #415161;
line-height: 1em
}
.fre-authen-register .fre-authen-footer p a {
color: #1fbdbd
}
.fre-authen-register .fre-authen-footer p a:hover {
color: #1fbdbd
}
.fre-authen-lost-pass {
background: #FFF;
margin: 0 auto;
padding: 34px 40px 0;
width: 482px;
height: auto;
box-shadow: 0px 1px 1px 0px rgba(185, 184, 184, 0.75)
}
.fre-authen-lost-pass>h2 {
margin: 0 0 40px;
font-size: 26px;
font-weight: 600;
color: #2c3e50;
line-height: 1em;
text-align: center
}
.fre-authen-lost-pass>p {
margin: 0 0 32px;
font-size: 16px;
color: #415161;
line-height: 1.8em;
text-align: center
}
.fre-authen-lost-pass>p+.fre-validate-error {
margin-top: -10px
}
.fre-authen-lost-pass .fre-submit-btn {
width: 100%;
margin-top: 10px
}
.fre-authen-lost-pass .fre-authen-footer {
padding: 30px 40px;
margin-left: -40px;
margin-right: -40px;
border-top: 1px solid #dbdbdb;
text-align: center
}
.fre-authen-lost-pass .fre-authen-footer>p {
margin: 0;
font-size: 16px;
color: #415161;
line-height: 1em
}
.fre-authen-reset-pass {
background: #FFF;
margin: 0 auto;
padding: 34px 40px 20px;
width: 482px;
height: auto;
box-shadow: 0px 1px 1px 0px rgba(185, 184, 184, 0.75)
}
.fre-authen-reset-pass>h2 {
margin: 0 0 40px;
font-size: 26px;
font-weight: 600;
color: #2c3e50;
line-height: 1em;
text-align: center
}
.fre-authen-reset-pass .fre-submit-btn {
width: 100%;
margin-top: 10px
}
.fre-authen-social {
background: #FFF;
margin: 0 auto;
padding: 40px 40px 20px;
width: 482px;
height: auto;
box-shadow: 0px 1px 1px 0px rgba(185, 184, 184, 0.75)
}
.fre-authen-social>h2 {
margin: 0 0 40px;
font-size: 26px;
font-weight: 600;
color: #2c3e50;
line-height: 1em;
text-align: center
}
.fre-authen-social .fre-submit-btn {
width: 100%;
margin-top: 20px
}
.fre-authen-social .chosen-search {
display: none
}
@media (max-width: 991px) {
.fre-authen-login>h2 {
font-size: 24px
}
.fre-register-default {
width: 100%
}
.fre-register-default>h2 {
font-size: 24px
}
.fre-authen-register>h2 {
font-size: 24px
}
.fre-authen-lost-pass>h2 {
font-size: 24px
}
.fre-authen-reset-pass>h2 {
font-size: 24px
}
.fre-authen-social>h2 {
font-size: 24px
}
}
@media (max-width: 767px) {
.fre-authen-wrapper {
padding-top: 40px;
margin-left: -15px;
margin-right: -15px
}
.fre-authen-login {
width: 100%;
padding-top: 30px;
padding-left: 15px;
padding-right: 15px
}
.fre-authen-login>h2 {
margin-bottom: 30px
}
.fre-authen-login .fre-authen-footer {
margin-left: -15px;
margin-right: -15px;
padding: 20px 15px
}
.fre-authen-login .fre-authen-footer .not-yet-register {
float: none
}
.fre-authen-login .fre-authen-footer .forgot-password {
float: none;
margin-top: 15px
}
.fre-register-wrap {
position: relative;
padding-top: 0;
padding: 0 60px;
margin-bottom: 70px
}
.fre-register-wrap:before {
content: '';
display: none
}
.fre-register-wrap .register-employer {
padding-left: 0;
padding-right: 0
}
.fre-register-wrap .register-freelancer {
margin-top: 50px;
padding-top: 50px;
padding-left: 0;
padding-right: 0;
border-top: 1px solid #dbdbdb
}
.fre-register-default {
padding-top: 30px
}
.fre-register-default .fre-authen-footer {
padding: 16px 15px 20px 15px
}
.fre-register-default .fre-authen-footer>p {
line-height: 1.4em
}
.fre-authen-register {
width: 100%;
padding: 30px 15px 0 15px
}
.fre-authen-register>h2 {
margin-bottom: 30px
}
.fre-authen-register .fre-authen-footer {
padding: 20px 15px;
margin-left: -15px;
margin-right: -15px
}
.fre-authen-lost-pass {
width: 100%;
padding-top: 30px;
padding-left: 15px;
padding-right: 15px
}
.fre-authen-lost-pass>h2 {
margin-bottom: 30px
}
.fre-authen-lost-pass .fre-authen-footer {
margin-left: -15px;
margin-right: -15px;
padding: 20px 15px
}
.fre-authen-lost-pass .fre-authen-footer .not-yet-register {
float: none
}
.fre-authen-lost-pass .fre-authen-footer .forgot-password {
float: none;
margin-top: 15px
}
.fre-authen-reset-pass {
width: 100%;
padding-top: 30px;
padding-left: 15px;
padding-right: 15px
}
.fre-authen-reset-pass>h2 {
margin-bottom: 30px
}
.fre-authen-social {
width: 100%;
padding-top: 30px;
padding-left: 15px;
padding-right: 15px
}
.fre-authen-social>h2 {
margin-bottom: 30px
}
}
.fre-post-project-box {
background: #FFF;
padding: 40px;
border-top: 1px solid #ededed;
box-shadow: 0px 1px 1px 0px rgba(185, 184, 184, 0.75)
}
.fre-post-project-box+.fre-post-project-box {
margin-top: 22px
}
.fre-post-project-step {
display: none
}
.fre-post-project-step.active {
display: block
}
.step-post-package>h2 {
margin: 0 0 36px;
font-size: 20px;
font-weight: 600;
line-height: 1em;
color: #2c3e50
}
.fre-select-package-btn .fre-btn,
.fre-select-package-btn .fre-btn-disable,
.fre-select-package-btn .fre-payment-list>li>.btn {
min-width: 190px;
margin-top: 44px
}
.fre-post-package {
margin: 0;
padding: 0
}
.fre-post-package>li {
list-style-type: none;
margin-bottom: 25px
}
.fre-post-package>li:last-child {
margin-bottom: 0
}
.fre-post-package>li .fre-radio {
padding-left: 30px;
margin-bottom: 8px;
font-size: 16px;
font-weight: 700;
color: #415161;
text-transform: uppercase
}
.fre-post-package>li>span {
display: block;
padding-left: 30px;
font-size: 16px;
color: #415161
}
.fre-post-package>li.disabled {
opacity: 0.7
}
.step-change-package {
position: relative;
padding-right: 260px;
min-height: 44px
}
.step-change-package>p {
margin: 0;
font-size: 16px;
line-height: 1.65em;
color: #415161
}
.step-change-package>p+p {
margin-top: 10px
}
.step-change-package>p .post-number {
font-weight: 700
}
.step-change-package .fre-btn-o {
height: 44px;
min-width: 182px;
line-height: 42px;
position: absolute;
top: 0;
right: 0
}
.step-post-project {
padding-right: 310px
}
.step-post-project>h2 {
margin: 0 0 46px;
font-size: 20px;
font-weight: 600;
line-height: 1em;
color: #2c3e50
}
.step-post-project>.fre-input-field {
margin-bottom: 40px
}
.fre-project-upload-file {
margin: 0;
padding: 0;
width: 100%;
height: 44px;
line-height: 42px;
border: 1px dashed #dbdbdb;
border-radius: 2px;
font-size: 16px;
font-weight: 600;
color: #1fbdbd;
text-align: center;
cursor: pointer
}
.fre-project-upload-file:hover,
.fre-project-upload-file:focus {
color: #1fbdbd
}
.fre-project-upload-file input[type="file"] {
display: none
}
.fre-allow-upload {
margin: 12px 0 0;
font-size: 16px;
color: #9da4a9;
line-height: 1.4em
}
.fre-project-budget {
position: relative;
padding-left: 25px
}
.fre-project-budget.error input {
border: 1px solid #f44336
}
.fre-project-budget>span {
font-size: 18px;
color: #415161;
line-height: 1em;
position: absolute;
top: 14px;
left: 0
}
.fre-attached-list {
padding: 0;
margin: 0
}
.fre-attached-list>li {
list-style-type: none;
display: block;
font-size: 0;
padding: 6px 0
}
.fre-attached-list>li:first-child {
padding-top: 0
}
.fre-attached-list>li:last-child {
padding-bottom: 18px
}
.fre-attached-list>li .attached-name {
display: inline-block;
width: calc(100% - 230px);
font-size: 16px;
color: #415161;
vertical-align: middle
}
.fre-attached-list>li .attached-name p {
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 1.2em
}
.fre-attached-list>li .attached-size {
display: inline-block;
width: 115px;
font-size: 16px;
color: #415161;
text-align: right;
vertical-align: middle;
line-height: 1.2em
}
.fre-attached-list>li .attached-remove {
display: inline-block;
width: 115px;
font-size: 16px;
color: #415161;
text-align: right;
vertical-align: middle;
line-height: 1.2em
}
.fre-attached-list>li .attached-remove span {
padding: 5px 0 5px 5px;
cursor: pointer
}
.fre-attached-list>li .attached-remove a,
.fre-attached-list>li .attached-remove a:hover {
color: #415161
}
.fre-post-project-btn .fre-btn,
.fre-post-project-btn .fre-btn-disable,
.fre-post-project-btn .fre-payment-list>li>.btn {
margin-top: 10px;
min-width: 190px
}
.step-edit-project {
position: relative;
padding-right: 260px;
min-height: 44px
}
.step-edit-project p {
margin: 0;
font-size: 16px;
color: #415161;
line-height: 1.65em
}
.step-edit-project .fre-btn-o {
height: 44px;
line-height: 42px;
min-width: 182px;
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.step-choose-payment .show_select_package>p,
.step-choose-payment .show_had_package>p {
margin: 0;
font-size: 16px;
color: #415161;
line-height: 1.4em
}
.step-choose-payment .show_select_package>p+p,
.step-choose-payment .show_had_package>p+p {
margin-top: 10px
}
.step-choose-payment>h2 {
margin: 26px 0 0;
padding: 26px 0 0;
font-size: 20px;
font-weight: 600;
line-height: 1em;
color: #2c3e50;
border-top: 1px solid #ededed
}
.step-choose-payment>h2>span {
font-size: 16px;
font-weight: 400;
display: block;
margin: 8px 0 0
}
.fre-payment-list {
margin: 0;
padding: 0
}
.fre-payment-list>li {
position: relative;
list-style-type: none;
padding-top: 28px;
padding-bottom: 26px;
border-bottom: 1px solid #ededed
}
.fre-payment-list>li.panel {
box-shadow: none;
border-radius: 0
}
.fre-payment-list>li:last-child {
padding-bottom: 0;
border-bottom: none
}
.fre-payment-list>li>span {
display: block;
font-size: 16px;
font-weight: 700;
color: #415161;
text-transform: uppercase;
padding-right: 170px
}
.fre-payment-list>li>span>span {
display: block;
margin-top: 4px;
font-weight: 400;
line-height: 1.6em;
text-transform: initial
}
.fre-payment-list>li>span>span.error {
color: #f44336
}
.fre-payment-list>li>span>span.error i {
margin-right: 8px
}
.fre-payment-list>li>span>span strong {
font-weight: 600
}
.fre-payment-list>li>.btn {
display: none;
min-width: 130px;
padding-top: 0;
padding-bottom: 0;
height: 44px;
line-height: 42px;
position: absolute;
top: 30px;
right: 0
}
.fre-payment-list>li>.btn.collapsed {
display: inline-block
}
.fre-payment-balance {
margin-top: 26px;
padding-top: 30px;
border-top: 1px solid #dbdbdb
}
.fre-choose-payment-btn .fre-btn,
.fre-choose-payment-btn .fre-btn-disable,
.fre-choose-payment-btn .fre-payment-list>li>.btn {
min-width: 190px;
margin-top: 46px
}
.step-payment-complete>h2 {
margin: 0 0 32px;
font-size: 20px;
font-weight: 600;
line-height: 1em;
color: #2c3e50
}
.step-payment-complete>p {
margin: 0;
font-size: 16px;
color: #415161;
line-height: 1.6em
}
.step-payment-complete .fre-table {
margin-top: 30px;
width: auto
}
.step-payment-complete .fre-table .fre-table-col {
padding-top: 5px;
padding-bottom: 5px;
font-size: 16px;
color: #415161;
text-align: left;
padding-left: 0;
border: none
}
.step-payment-complete .fre-table .fre-payment-id,
.step-payment-complete .fre-table .fre-payment-date,
.step-payment-complete .fre-table .fre-payment-type,
.step-payment-complete .fre-table .fre-payment-total {
font-weight: 600;
padding-right: 30px
}
.fre-view-project-btn {
margin-top: 24px
}
.fre-view-project-btn p {
margin: 0;
font-size: 16px;
color: #415161;
line-height: 1.6em
}
.fre-view-project-btn .fre-btn,
.fre-view-project-btn .fre-btn-disable,
.fre-view-project-btn .fre-payment-list>li>.btn {
min-width: 190px;
margin-top: 37px
}
.fre-payment-proccess {
padding-right: 310px;
padding-top: 28px
}
.fre-payment-proccess .title-name {
display: block;
margin: 0 0 2px;
font-size: 16px;
font-weight: 400;
color: #415161
}
.fre-payment-proccess .package_price,
.fre-payment-proccess .estimate_balance {
font-size: 16px;
font-weight: 600;
color: #415161
}
.fre-payment-cash {
margin-bottom: 30px
}
.fre-payment-cash p {
margin: 0;
font-size: 16px;
color: #415161
}
.fre-payment-cash strong>p {
font-weight: 600 !important
}
.fre-payment-cash .cash_amount {
display: inline-block;
margin-bottom: 20px;
font-weight: 600 !important
}
.fre-payment-cash .cash-message {
display: block;
margin-top: 5px
}
.fre-proccess-payment-btn .fre-btn,
.fre-proccess-payment-btn .fre-btn-disable,
.fre-proccess-payment-btn .fre-payment-list>li>.btn {
min-width: 170px;
height: 44px;
line-height: 42px;
margin-top: 20px
}
.fre-card-expiry .fre-field-title {
display: block
}
.fre-card-expiry-month {
display: inline-block;
width: 47% !important;
float: left;
text-align: center;
padding-left: 5px !important;
padding-right: 5px !important
}
.fre-card-expiry-year {
display: inline-block;
width: 47% !important;
float: right;
text-align: center;
padding-left: 5px !important;
padding-right: 5px !important
}
.post-place-warpper .step-choose-payment>h2 {
margin: 0;
padding: 0;
border: none
}
#carousel_container>div {
display: none
}
@media (max-width: 991px) {
.fre-post-project-box {
padding: 30px
}
.step-change-package {
padding: 0
}
.step-change-package .fre-btn-o {
position: inherit;
top: inherit;
right: inherit;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
margin-top: 24px
}
.step-post-project {
padding: 0
}
.step-post-project>h2 {
margin: 0 0 34px
}
.step-post-project>.fre-input-field {
margin-bottom: 30px
}
.step-edit-project {
padding: 0
}
.step-edit-project>p {
line-height: 1.6em
}
.step-edit-project .fre-btn-o {
position: inherit;
top: inherit;
right: inherit;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
width: 100%;
margin-top: 26px
}
.fre-payment-list>li {
padding-right: 0
}
.fre-payment-proccess {
padding-right: 0
}
}
@media (max-width: 767px) {
.page-post-project-wrap {
margin-left: -15px;
margin-right: -15px
}
.fre-post-project-box {
padding: 30px 15px
}
.fre-post-project-box+.fre-post-project-box {
margin-top: 14px
}
.step-change-package .fre-btn-o {
width: 100%
}
.fre-select-package-btn .fre-btn,
.fre-select-package-btn .fre-btn-disable,
.fre-select-package-btn .fre-payment-list>li>.btn {
width: 100%;
margin-top: 34px
}
.step-post-project>h2 {
margin-bottom: 24px
}
.step-post-project .fre-input-field {
margin-bottom: 30px
}
.fre-attached-list>li .attached-name {
width: calc(100% - 30px)
}
.fre-attached-list>li .attached-size {
display: none
}
.fre-attached-list>li .attached-remove {
width: 30px
}
.step-choose-payment>h2 {
margin: 30px 0 0
}
.step-payment-complete .fre-table {
margin-top: 15px
}
.fre-choose-payment-btn .fre-btn,
.fre-choose-payment-btn .fre-btn-disable,
.fre-choose-payment-btn .fre-payment-list>li>.btn {
width: 100%;
margin-top: 36px
}
.fre-post-project-btn .fre-btn,
.fre-post-project-btn .fre-btn-disable,
.fre-post-project-btn .fre-payment-list>li>.btn {
width: 100%;
height: 44px;
line-height: 42px
}
.fre-view-project-btn {
margin-top: 15px
}
.fre-view-project-btn .fre-btn,
.fre-view-project-btn .fre-btn-disable,
.fre-view-project-btn .fre-payment-list>li>.btn {
margin-top: 26px;
width: 100%
}
.fre-payment-list>li>span {
padding-right: 0
}
.fre-payment-list>li .btn.collapsed {
display: block;
position: inherit;
top: inherit;
right: inherit;
margin-top: 20px
}
.fre-proccess-payment-btn .fre-btn,
.fre-proccess-payment-btn .fre-btn-disable,
.fre-proccess-payment-btn .fre-payment-list>li>.btn {
width: 100%
}
}
.fre-purchase-package-box {
background: #FFF;
padding: 40px 0;
border-top: 1px solid #ededed;
box-shadow: 0px 1px 1px 0px rgba(185, 184, 184, 0.75)
}
.fre-purchase-package-box>p {
margin: 0;
padding: 0 40px;
font-size: 16px;
line-height: 1.4em;
color: #415161
}
.fre-purchase-package-box>p+p {
margin-top: 10px
}
.fre-purchase-package-box+.fre-purchase-package-box {
margin-top: 22px
}
.fre-purchase-package-box .step-payment-complete {
padding: 0 40px
}
.step-purchase-package {
padding: 0 40px
}
.step-purchase-package>h2 {
margin: 0 0 36px;
font-size: 20px;
font-weight: 600;
line-height: 1em;
color: #2c3e50
}
.step-payment-method {
padding: 36px 40px 0;
margin-top: 40px;
border-top: 1px solid #ededed
}
.step-payment-method>h2 {
margin: 0 0 36px;
font-size: 20px;
font-weight: 600;
line-height: 1em;
color: #2c3e50
}
.fre-purchase-package-list,
.fre-payment-method-list {
margin: 0;
padding: 0
}
.fre-purchase-package-list>li,
.fre-payment-method-list>li {
list-style-type: none;
margin-bottom: 25px
}
.fre-purchase-package-list>li:last-child,
.fre-payment-method-list>li:last-child {
margin-bottom: 0
}
.fre-purchase-package-list>li .fre-radio,
.fre-payment-method-list>li .fre-radio {
padding-left: 30px;
margin-bottom: 8px;
font-size: 16px;
font-weight: 700;
color: #415161;
text-transform: uppercase
}
.fre-purchase-package-list>li>span,
.fre-payment-method-list>li>span {
display: block;
padding-left: 30px;
font-size: 16px;
color: #415161
}
.fre-purchase-package-btn {
padding: 0 40px
}
.fre-purchase-package-btn .fre-btn,
.fre-purchase-package-btn .fre-btn-disable,
.fre-purchase-package-btn .fre-payment-list>li>.btn {
margin-top: 40px
}
@media (max-width: 767px) {
.page-purchase-package-wrap {
margin-left: -15px;
margin-right: -15px
}
.fre-purchase-package-box {
padding: 30px 0
}
.fre-purchase-package-box>p {
padding: 0 15px
}
.fre-purchase-package-box .step-payment-complete {
padding-left: 15px;
padding-right: 15px
}
.step-purchase-package {
padding: 0 15px
}
.step-purchase-package>h2 {
margin-bottom: 24px
}
.step-payment-method {
padding: 30px 15px 0;
margin-top: 30px
}
.step-payment-method>h2 {
margin-bottom: 24px
}
}
.fre-project-filter-box {
background: #FFF;
padding: 30px 40px 26px;
border-top: 1px solid #ededed;
box-shadow: 0px 1px 1px 0px rgba(185, 184, 184, 0.75)
}
.fre-project-list-filter .fre-input-field {
margin-bottom: 24px
}
.fre-project-list-box {
background: #FFF;
border-top: 1px solid #ededed;
box-shadow: 0px 1px 1px 0px rgba(185, 184, 184, 0.75);
margin-top: 22px
}
.fre-budget-field {
position: relative
}
.fre-budget-field .fre-field-title {
display: block
}
.fre-budget-field input[type="number"] {
width: 47%
}
.fre-budget-field .filter-budget-min {
float: left
}
.fre-budget-field .filter-budget-min.validate_ranger {
border-color: #1fbdbd !important
}
.fre-budget-field .filter-budget-max {
float: right
}
.fre-budget-field .filter-budget-max.validate_ranger {
border-color: #1fbdbd !important
}
.fre-budget-field>span {
display: inline-block;
position: absolute;
bottom: 15px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
line-height: 1em
}
.project-filter-header {
border-bottom: 1px solid #ededed
}
.project-filter-title {
position: relative;
display: block;
padding: 28px 30px;
font-size: 16px;
font-weight: 600;
color: #2c3e50;
line-height: 1em
}
.project-filter-title:after {
content: '\f107';
font-family: 'FontAwesome';
font-size: 20px;
position: absolute;
top: 27px;
right: 30px
}
.project-filter-title:hover,
.project-filter-title:focus,
.project-filter-title:active {
color: #2c3e50
}
.project-filter-clear {
display: inline-block;
font-size: 16px;
font-weight: 600;
color: #1fbdbd;
line-height: 1em
}
@media (max-width: 767px) {
.project-filter-clear {
width: 100%;
padding: 12px 0;
text-align: center;
border: 2px solid #1fbdbd;
border-radius: 4px
}
}
.project-filter-clear:hover,
.project-filter-clear:focus,
.project-filter-clear:active {
color: #1fbdbd
}
.fre-project-result-sort {
padding: 30px 40px;
border-bottom: 1px solid #ededed
}
.fre-project-sort {
width: 60%;
float: right
}
.fre-project-sort .chosen-search {
display: none
}
.fre-project-result p {
margin: 0;
font-size: 20px;
color: #2c3e50;
line-height: 44px
}
.fre-project-sort .chosen-search,
.project-number-bids .chosen-search {
display: none
}
.fre-project-list {
margin: 0;
padding: 0;
list-style-type: none
}
.fre-project-list>li {
padding: 0 40px
}
.fre-project-list>li:last-child .project-list-wrap {
border: none
}
.project-list-wrap {
position: relative;
padding-top: 20px;
border-bottom: 1px solid #ededed
}
.project-list-title {
margin: 0;
padding-right: 200px;
font-size: 16px;
font-weight: 400;
line-height: 1.5em
}
.project-list-title a {
color: #1fbdbd
}
.project-list-title a:hover,
.project-list-title a:focus,
.project-list-title a:active {
color: #1fbdbd
}
.project-list-info {
padding: 5px 0
}
.project-list-info span {
display: inline-block;
font-size: 14px;
font-weight: 200;
color: #415161;
padding-right: 14px;
margin-right: 12px;
border-right: 1px solid #415161;
line-height: 16px;
margin-top: 6px;
margin-bottom: 6px
}
.project-list-info span:last-child {
font-weight: 600;
margin-right: 0;
border: none
}
.project-list-desc p {
font-size: 14px;
color: #415161;
line-height: 1.8em
}
.project-list-skill .fre-label {
font-size: 14px;
margin-top: 4px;
margin-bottom: 4px
}
.project-list-skill .fre-label a {
color: #415161
}
.project-list-skill .fre-label a:hover,
.project-list-skill .fre-label a:focus,
.project-list-skill .fre-label a:active {
color: #415161
}
.project-list-bookmark {
position: absolute;
top: 35px;
right: 0
}
.dropdown-menu-skill {
padding: 0;
margin-top: -1px;
width: 100%;
border: 1px solid #dbdbdb;
box-shadow: none;
border-radius: 0;
border-radius: 0 0 4px 4px
}
.search-skill-dropdown {
position: relative;
padding: 10px;
padding-bottom: 0
}
.search-skill-dropdown:before {
display: block;
content: '\f002';
font-family: 'FontAwesome';
font-size: 16px;
color: #666f78;
position: absolute;
top: 20px;
left: 24px
}
.search-skill-dropdown input[type="text"] {
padding: 4px 15px 4px 40px
}
.fre-skill-dropdown {
width: 100%;
padding: 0;
margin: 10px 0 10px;
border: none;
box-shadow: none;
max-height: 230px;
overflow: auto
}
.fre-skill-dropdown>li {
list-style-type: none
}
.fre-skill-dropdown>li>a {
display: block;
padding: 3px 15px;
font-size: 16px;
font-weight: 500;
color: #415161;
cursor: pointer;
white-space: normal
}
.fre-skill-dropdown>li>a.active {
color: #1fbdbd
}
.fre-skill-dropdown>li>a:hover {
background: none;
color: #1fbdbd
}
.fre-skill-item.active:before {
content: '\f00c';
font-family: 'FontAwesome';
font-size: 14px;
margin-right: 10px
}
.profile-no-result {
padding: 30px 40px;
font-size: 16px;
color: #666f78
}
.profile-no-result p {
font-weight: 600
}
.profile-no-result ul {
margin: 0;
padding: 0
}
.profile-no-result ul>li {
list-style-type: none;
line-height: 1.5em
}
@media (max-width: 991px) {
.fre-project-filter-box.active {
padding-top: 0
}
.fre-project-filter-box.active .fre-project-list-filter {
display: block
}
.fre-project-filter-box.active .project-filter-title:after {
content: '\f106'
}
.fre-project-filter-box.active .fre-project-list {
display: none
}
.fre-project-filter-box.active .first-filter-title {
display: none
}
.fre-project-filter-box.active .second-filter-title {
display: block
}
.fre-project-list-filter {
display: none;
padding: 30px 30px 26px
}
.fre-project-list-filter .fre-input-field {
margin-bottom: 28px
}
.project-filter-clear {
margin-top: 10px
}
.fre-project-filter-box {
padding: 0
}
.fre-project-result-sort {
padding: 20px 30px
}
.fre-project-list>li {
padding: 0 30px
}
}
@media (max-width: 767px) {
.page-project-list-wrap {
margin-left: -15px;
margin-right: -15px
}
.fre-project-list-filter {
padding: 28px 15px
}
.project-filter-title {
padding: 22px 15px
}
.project-filter-title:after {
top: 22px;
right: 15px
}
.fre-project-result-sort {
padding: 20px 15px 0
}
.fre-project-sort {
float: none;
width: 100%
}
.fre-project-result p {
font-size: 18px;
line-height: 54px
}
.fre-project-list>li {
padding: 0 15px
}
.project-list-wrap {
padding-top: 15px;
padding-bottom: 15px
}
.project-list-title {
padding-right: 0
}
.project-list-bookmark {
margin-top: 10px;
position: inherit;
top: inherit;
right: inherit
}
}
.fre-profile-filter-box {
background: #FFF;
padding: 30px 40px 26px;
border-top: 1px solid #ededed;
box-shadow: 0px 1px 1px 0px rgba(185, 184, 184, 0.75)
}
.fre-profile-list-filter .fre-input-field {
margin-bottom: 24px
}
.fre-profile-list-box {
background: #FFF;
border-top: 1px solid #ededed;
box-shadow: 0px 1px 1px 0px rgba(185, 184, 184, 0.75);
margin-top: 22px
}
.fre-budget-field {
position: relative
}
.fre-budget-field .fre-field-title {
display: block
}
.fre-budget-field input[type="number"] {
width: 47%
}
.fre-budget-field .filter-budget-min {
float: left
}
.fre-budget-field .filter-budget-max {
float: right
}
.fre-budget-field>span {
display: inline-block;
position: absolute;
bottom: 15px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
line-height: 1em
}
.profile-filter-header {
border-bottom: 1px solid #ededed
}
.profile-filter-title {
position: relative;
display: block;
padding: 28px 30px;
font-size: 16px;
font-weight: 600;
color: #2c3e50;
line-height: 1em
}
.profile-filter-title:after {
content: '\f107';
font-family: 'FontAwesome';
font-size: 20px;
position: absolute;
top: 27px;
right: 30px
}
.profile-filter-title:hover,
.profile-filter-title:focus,
.profile-filter-title:active {
color: #2c3e50
}
.profile-filter-clear {
display: inline-block;
font-size: 16px;
font-weight: 600;
color: #1fbdbd;
line-height: 1em
}
@media (max-width: 767px) {
.profile-filter-clear {
width: 100%;
padding: 12px 0;
text-align: center;
border: 2px solid #1fbdbd;
border-radius: 4px
}
}
.profile-filter-clear:hover,
.profile-filter-clear:focus,
.profile-filter-clear:active {
color: #1fbdbd
}
.fre-profile-result-sort {
padding: 30px 40px;
border-bottom: 1px solid #ededed
}
.fre-profile-sort {
width: 70%;
float: right
}
@media (max-width: 1199px) {
.fre-profile-sort {
width: 80%
}
}
.fre-profile-sort .chosen-search {
display: none
}
.fre-profile-result p {
margin: 0;
font-size: 20px;
color: #2c3e50;
line-height: 44px
}
.fre-profile-list {
margin: 0;
padding: 0;
list-style-type: none
}
.fre-profile-list>li {
padding: 0 40px
}
.fre-profile-list>li:last-child .profile-list-wrap {
border: none
}
.profile-list-wrap {
position: relative;
padding-top: 40px;
padding-bottom: 26px;
border-bottom: 1px solid #ededed
}
.project-number-worked .chosen-search {
display: none
}
.profile-list-avatar {
display: inline-block;
width: 60px;
height: 60px;
position: absolute;
top: 40px;
left: 0
}
.profile-list-avatar img {
width: 100%;
height: auto;
border-radius: 50%
}
.profile-list-title {
margin: -4px 0 0;
padding-left: 80px;
font-size: 18px;
font-weight: 700;
line-height: 1.5em
}
.profile-list-title a {
color: #415161
}
.profile-list-title a:hover,
.profile-list-title a:focus,
.profile-list-title a:active {
color: #415161
}
.profile-list-subtitle {
margin: 6px 0 0;
padding-left: 80px;
font-size: 16px;
color: #415161;
line-height: 1.3em
}
.profile-list-info {
padding-left: 80px;
margin: 8px 0 0
}
.profile-list-info span {
display: inline-block;
font-size: 16px;
font-weight: 400;
color: #415161;
margin-right: 30px;
line-height: 16px;
margin-top: 6px;
margin-bottom: 6px
}
.profile-list-info span.rate-it {
font-size: 14px
}
.profile-list-info span:last-child {
font-weight: 600;
margin-right: 0;
border: none
}
.profile-list-info span>b {
font-weight: 600
}
.profile-list-desc {
margin: 14px 0 0
}
.profile-list-desc p {
margin: 0;
font-size: 16px;
color: #415161;
line-height: 1.8em;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap
}
@media (max-width: 991px) {
.fre-profile-filter-box.active {
padding-top: 0
}
.fre-profile-filter-box.active .fre-profile-list-filter {
display: block
}
.fre-profile-filter-box.active .profile-filter-title:after {
content: '\f106'
}
.fre-profile-filter-box.active .fre-profile-list {
display: none
}
.fre-profile-filter-box.active .first-filter-title {
display: none
}
.fre-profile-filter-box.active .second-filter-title {
display: block
}
.fre-profile-list-filter {
display: none;
padding: 30px 30px 26px
}
.fre-profile-list-filter .fre-input-field {
margin-bottom: 28px
}
.profile-filter-clear {
margin-top: 10px
}
.fre-profile-filter-box {
padding: 0
}
.fre-profile-result-sort {
padding: 20px 30px
}
.fre-profile-list>li {
padding: 0 30px
}
.fre-profile-sort {
width: 90%
}
.profile-list-wrap {
padding-top: 30px;
padding-bottom: 18px
}
.profile-list-avatar {
top: 30px
}
.profile-list-info {
padding-left: 0;
margin-top: 28px
}
}
@media (max-width: 767px) {
.page-profile-list-wrap {
margin-left: -15px;
margin-right: -15px
}
.fre-profile-list-filter {
padding: 28px 15px
}
.fre-profile-list-box {
margin-top: 14px
}
.profile-filter-title {
padding: 22px 15px
}
.profile-filter-title:after {
top: 22px;
right: 15px
}
.fre-profile-result-sort {
padding: 20px 15px 0
}
.fre-profile-sort {
float: none;
width: 100%
}
.fre-profile-result p {
font-size: 18px;
line-height: 54px
}
.fre-profile-list>li {
padding: 0 15px
}
.profile-list-avatar {
width: 40px;
height: 40px
}
.profile-list-title {
padding-left: 60px;
line-height: 1.3em
}
.profile-list-subtitle {
margin: 2px 0 0;
padding-left: 60px
}
.porject-list-title {
padding-right: 0
}
.profile-list-info {
margin-top: 16px
}
.profile-list-desc {
margin-top: 18px
}
}
footer {
background: #fff;
display: block;
position: relative;
padding: 60px 0 0;
margin-top: 100px
}
footer .widget {
margin-bottom: 53px
}
footer .widget ul {
list-style: none;
padding: 0;
margin: 0
}
footer .widget ul li {
display: block;
margin-bottom: 15px
}
footer .widget ul li a {
color: #737c85;
font-size: 14px;
font-weight: 300
}
footer .widget ul li a:hover {
color: #2c3e50
}
footer h2.widgettitle {
font-size: 14px;
color: #737c85;
margin: 0 0 30px;
font-weight: 600
}
footer .textwidget {
line-height: 30px !important;
color: #737c85;
font-size: 14px;
font-weight: 300
}
.home footer {
margin-top: 0
}
.footer-copyright-wrapper {
margin-top: 100px
}
.copyright-wrapper {
padding: 23px 0;
background-color: #525050
}
.copyright-wrapper .text-copyright {
display: block;
text-align: right;
color: #FFF;
font-size: 12px;
padding-top: 9px
}
.copyright-wrapper .text-copyright a {
color: #FFF
}
.copyright-wrapper .logo-footer {
position: relative;
top: 5px
}
.copyright-wrapper .menu li {
display: inline-block;
margin-right: 10px
}
.copyright-wrapper .menu li a {
color: #fff
}
.fre-footer-logo {
height: 28px
}
.fre-footer-logo img {
width: auto;
height: 100%;
max-width: 100%
}
@media (max-width: 991px) {
footer {
margin-top: 60px
}
.footer-copyright-wrapper {
margin-top: 60px
}
}
@media (max-width: 767px) {
.copyright-wrapper .text-copyright {
margin: 10px 0 0;
text-align: left
}
footer {
padding: 40px 0 0;
margin: 60px 0 0
}
footer .widget {
margin-bottom: 33px
}
footer h2.widgettitle {
margin: 0 0 20px
}
.footer-copyright-wrapper {
margin: 60px 0 0
}
}
.portfolio-thumbs-list {
padding: 0;
margin-left: -5px;
margin-right: -5px;
margin-bottom: 0
}
.portfolio-thumbs-list>li {
list-style-type: none;
padding-left: 5px;
padding-right: 5px;
margin-bottom: 26px
}
.portfolio-thumbs {
position: relative;
min-height: 130px;
background: #FFF;
overflow: hidden
}
.portfolio-thumbs:after {
content: '';
display: block;
width: 100%;
height: 100%;
border: 1px solid #dbdbdb;
position: absolute;
top: 0;
left: 0
}
.portfolio-thumbs img {
width: 100%;
height: auto;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.portfolio-thumbs-action {
text-align: center;
margin-top: 10px
}
.portfolio-thumbs-action a {
font-size: 16px;
color: #1fbdbd
}
.portfolio-thumbs-action a i {
margin-right: 6px
}
#modal_view_portfolio .modal-dialog {
width: 1140px;
margin: 60px auto
}
.modal-portfolio-info {
position: relative;
padding: 34px 40px 40px 10px
}
.modal-portfolio-info h2 {
margin: 0 0 20px;
font-size: 18px;
font-weight: 700;
color: #2c3e50;
line-height: 1.45em
}
.modal-portfolio-info p {
font-size: 16px;
color: #415161;
line-height: 1.8em
}
.modal-portfolio-info .fre-label-container {
margin-top: 10px
}
.modal-portfolio-info .fre-label-container .fre-label {
margin-top: 12px;
margin-right: 12px
}
.modal-portfolio-img {
text-align: center
}
.modal-portfolio-img img {
display: block;
margin: 0 auto;
max-width: 100%
}
.modal-portfolio-img img+img {
margin-top: 10px
}
.modal-portfolio-close {
color: #2c3e50;
font-size: 18px;
position: absolute;
top: 24px;
right: 30px
}
@media (max-width: 1199px) {
#modal_view_portfolio .modal-dialog {
width: 92%
}
.modal-portfolio-info {
position: relative;
padding: 24px 30px 30px 30px
}
.modal-portfolio-info h2 {
padding-right: 30px
}
}
@media (max-width: 767px) {
.modal-portfolio-info {
position: relative;
padding: 14px 20px 20px 20px
}
.modal-portfolio-close {
top: 14px;
right: 20px
}
}
.modal-invite-no-project .modal-body {
padding-top: 26px
}
#modal_invite .outer {
margin-bottom: 15px
}
#modal_invite .all-selected {
text-align: center;
margin-bottom: 20px
}
#modal_invite .all-selected a {
font-size: 16px;
font-weight: 600;
color: #1fbdbd
}
#modal_invite .all-selected a:hover {
color: #1fbdbd
}
#modal_invite .invites-list p.name-project {
font-weight: bold;
margin-bottom: 20px
}
#modal_invite .invites-list p.name-project label {
font-weight: 700;
margin-bottom: 5px
}
#modal_invite .invites-list p.name-project>span {
display: block;
font-weight: 500;
margin-left: 23px;
font-size: 16px
}
#modal_invite .invites-list {
margin: 5px 0 30px 0;
width: 100%
}
#modal_invite .invites-list .list {
height: 400px
}
#modal_invite .invites-list .list .mCSB_dragger_bar {
background: #afbbbc
}
#modal_invite .invites-list .list .mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical,
#modal_invite .invites-list .list .mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
right: -8px
}
.invite-no-project h2 {
margin: 0 0 18px;
font-size: 20px;
font-weight: 600;
color: #2c3e50;
line-height: 1.45em
}
.invite-no-project p {
margin: 0;
font-size: 16px;
color: #2c3e50;
line-height: 1.8em
}
.fre-modal-form .invite-no-project .fre-form-btn {
margin: 34px 0 0
}
.bid-commission-fee {
margin: 14px 0 10px;
font-size: 16px;
color: #415161;
line-height: 1.45em
}
.bid-commission-fee b {
font-size: 18px;
font-weight: 600
}
.bid-form .chosen-search {
display: none
}
.not-bid-form h2 {
margin: 0 0 20px;
font-size: 20px;
font-weight: 600;
color: #2c3e50;
line-height: 1.45em
}
.not-bid-form p {
font-size: 16px;
color: #2c3e50;
line-height: 1.8em
}
.fre-accept-bid-info {
color: #2c3e50
}
.fre-accept-bid-info p {
margin: 0;
font-size: 16px;
color: #2c3e50;
line-height: 1.8em
}
.fre-accept-bid-info p:last-child {
margin: 0
}
.fre-accept-bid-info .accept-bid-budget,
.fre-accept-bid-info .accept-bid-commision,
.fre-accept-bid-info .accept-bid-amount {
margin: 0;
padding: 20px 0 0;
color: #2c3e50
}
.fre-accept-bid-info .accept-bid-budget:after,
.fre-accept-bid-info .accept-bid-commision:after,
.fre-accept-bid-info .accept-bid-amount:after {
content: '';
display: table;
clear: both
}
.fre-accept-bid-info .accept-bid-budget span,
.fre-accept-bid-info .accept-bid-commision span,
.fre-accept-bid-info .accept-bid-amount span {
display: block;
line-height: 1em
}
.fre-accept-bid-info .accept-bid-budget span:first-child,
.fre-accept-bid-info .accept-bid-commision span:first-child,
.fre-accept-bid-info .accept-bid-amount span:first-child {
float: left
}
.fre-accept-bid-info .accept-bid-budget span:last-child,
.fre-accept-bid-info .accept-bid-commision span:last-child,
.fre-accept-bid-info .accept-bid-amount span:last-child {
float: right;
font-weight: 600
}
.fre-accept-bid-info .accept-bid-amount {
margin: 26px 0 0;
padding: 26px 0 0;
border-top: 1px solid #dbdbdb
}
.fre-accept-bid-info .accept-bid-amount span:last-child {
color: #1fbdbd
}
.fre-accept-bid-info .notice_credit .error {
color: #f44336
}
.fre-accept-bid-info .notice_credit .error i {
margin-right: 8px
}
.info-credit-balance {
margin: 36px 0 0
}
.secure-code-accept-bid {
margin: 20px 0 0 !important
}
.fre-note-bid {
margin: 0;
font-size: 16px;
color: #415161;
line-height: 1.8em
}
.reject-project-form p {
margin: 0 0 20px;
font-size: 16px;
color: #415161;
line-height: 1.8em
}
.fre-arbitrate-form p {
font-size: 16px;
color: #415161;
line-height: 1.8em
}
.fre-arbitrate-form .arbitrate-option {
margin: 14px 0
}
.fre-arbitrate-form .arbitrate-option>p {
margin: 0 0 15px
}
.fre-arbitrate-form .arbitrate-option>div {
padding: 5px 0
}
.fre-arbitrate-form .fre-form-btn {
margin-top: 33px
}
.fre-profile-box {
border-top: 1px solid #ededed;
box-shadow: 0px 1px 1px 0px rgba(185, 184, 184, 0.75);
background: #FFF;
padding: 40px 40px 34px
}
.fre-profile-box+.fre-profile-box {
margin: 22px 0 0
}
.profile-employer-info-wrap.active .profile-employer-info {
display: none
}
.profile-employer-info-wrap.active .profile-employer-info-edit {
display: block
}
.profile-employer-info {
position: relative
}
.profile-employer-info .employer-info-avatar {
position: relative;
padding-left: 140px;
padding-right: 200px;
min-height: 100px;
line-height: 98px
}
.profile-employer-info .employer-info-avatar .employer-avatar {
display: inline-block;
width: 100px;
height: 100px;
overflow: hidden;
border-radius: 50%;
vertical-align: middle;
position: absolute;
top: 0;
left: 0
}
.profile-employer-info .employer-info-avatar .employer-avatar img {
width: 100%;
height: 100%
}
.profile-employer-info .employer-info-avatar .employer-name {
display: inline-block;
vertical-align: middle;
font-size: 22px;
font-weight: 700;
color: #415161;
line-height: 1.4em
}
.employer-info-content {
margin-top: -8px;
padding-left: 140px
}
.employer-rating span {
padding: 6px 0;
margin-right: 30px;
display: inline-block;
font-size: 16px;
color: #415161;
line-height: 1em
}
.employer-rating span.rate-it {
font-size: 14px
}
.employer-mem-since {
font-size: 16px;
color: #415161;
line-height: 2.4em
}
.employer-about {
font-size: 16px;
color: #415161;
line-height: 1.6em;
margin: 20px 0 0
}
.employer-about p {
margin: 0
}
.employer-info-edit {
position: absolute;
top: 0;
right: 0
}
.employer-info-edit .fre-normal-btn-o {
min-width: 110px
}
.profile-employer-info-edit {
position: relative;
padding-right: 200px;
display: none
}
.profile-employer-info-edit .employer-info-avatar {
position: absolute;
top: 0;
left: 0;
text-align: center
}
.profile-employer-info-edit .employer-info-avatar .employer-avatar {
display: block;
width: 100px;
height: 100px;
overflow: hidden;
border-radius: 50%;
vertical-align: middle
}
.profile-employer-info-edit .employer-info-avatar .employer-avatar img {
width: 100%;
height: 100%
}
.profile-employer-info-edit .employer-info-avatar>a {
display: block;
margin-top: 10px;
font-size: 16px;
font-weight: 600;
color: #1fbdbd;
cursor: pointer
}
.profile-employer-info-edit .employer-info-avatar>a input {
display: none
}
.fre-employer-info-form {
padding-left: 140px
}
.employer-info-save {
position: absolute;
top: 0;
right: 0;
text-align: center
}
.employer-info-save .fre-normal-btn,
.employer-info-save .fre-normal-btn-disable {
display: block;
min-width: 110px
}
.employer-info-save .employer-info-cancel-btn {
display: inline-block;
margin-top: 17px;
font-size: 14px;
font-weight: 700;
color: #666f78;
cursor: pointer
}
.profile-employer-secure-wrap {
position: relative;
padding: 0 0 20px
}
.profile-employer-secure-wrap.active .profile-employer-secure {
display: none
}
.profile-employer-secure-wrap.active .profile-employer-secure-edit {
display: block
}
.profile-employer-secure-wrap>h2 {
margin: 0;
font-size: 20px;
font-weight: 600;
color: #2c3e50;
line-height: 1.4em
}
.profile-employer-secure {
margin-top: 38px
}
.profile-employer-secure>p {
margin: 0;
font-size: 16px;
font-weight: 500;
color: #2c3e50;
line-height: 1.4em
}
.profile-employer-secure>p+p {
margin-top: 23px
}
.profile-employer-secure>p span {
display: inline-block;
min-width: 140px;
font-weight: 400;
font-style: italic;
color: #9da4a9
}
.profile-employer-secure>p span.freelance-empty-info {
font-style: italic;
color: #2c3e50
}
.employer-secure-edit {
position: absolute;
top: 0;
right: 0
}
.employer-secure-edit .fre-normal-btn-o {
min-width: 110px
}
.employer-secure-save {
position: absolute;
top: 0;
right: 0;
text-align: center
}
.employer-secure-save .fre-normal-btn,
.employer-secure-save .fre-normal-btn-disable {
display: block;
min-width: 110px
}
.employer-secure-save .employer-secure-cancel-btn {
display: inline-block;
margin-top: 17px;
font-size: 14px;
font-weight: 700;
color: #666f78;
cursor: pointer
}
.fre-empty-optional-profile {
margin: 15px 0 0;
font-size: 16px;
color: #415161;
line-height: 1.8em
}
.profile-employer-secure-edit {
display: none;
margin: 34px 0 0
}
.profile-employer-secure-edit .fre-input-field {
position: relative;
padding-left: 140px;
padding-right: 200px
}
.profile-employer-secure-edit .fre-input-field label {
display: block;
position: absolute;
top: 0;
left: 0;
font-size: 16px;
font-weight: 400;
font-style: italic;
color: #9da4a9;
line-height: 44px
}
.profile-employer-secure-edit .fre-input-field input {
display: inline-block
}
.profile-secure-code-wrap {
margin-left: -40px;
margin-right: -40px;
padding: 40px 40px 0;
border-top: 1px solid #ededed
}
.profile-secure-code-wrap>p {
margin: 0;
font-size: 16px;
line-height: 1.4em
}
.profile-secure-code-wrap>p+p {
margin: 20px 0 0
}
.profile-secure-code-wrap>p>span {
display: inline-block;
min-width: 140px;
font-weight: 400;
font-style: italic;
color: #9da4a9
}
.profile-secure-code-wrap>p b {
font-weight: 600;
color: #2c3e50;
margin-right: 25px
}
.profile-secure-code-wrap>p a {
font-weight: 600;
color: #1fbdbd
}
.fre-secure-code {
padding-left: 0;
list-style: none;
margin-bottom: 0;
font-weight: 400;
color: #9da4a9;
margin-top: 23px;
font-size: 17px
}
.fre-secure-code li {
display: inline-table
}
.fre-secure-code li a {
font-weight: 600;
color: #1fbdbd
}
.fre-secure-code li a i {
display: none
}
.fre-secure-code li:first-child {
min-width: 140px;
font-style: italic
}
#user_avatar_browse_button {
margin-top: 10px;
font-size: 16px;
font-weight: 600;
color: #1fbdbd;
cursor: pointer
}
.freelance-empty-skill {
display: inline-block;
margin: 10px 0 0;
font-size: 16px;
color: #415161;
font-style: italic
}
.freelance-experience-action {
position: relative
}
.secure_code {
margin: 0;
font-size: 16px;
font-weight: 500;
color: #2c3e50;
line-height: 1.4em
}
.notice-first-login {
background: #fbeae9;
margin-bottom: 20px
}
.notice-first-login p {
padding: 23px 40px;
font-size: 16px;
color: #f44336;
line-height: 1.8em
}
.notice-first-login p i {
margin-right: 10px
}
.fre-update-stripe {
font-weight: 600;
color: #1fbdbd
}
.fre-update-stripe:hover {
color: #1fbdbd
}
.update-stripe-container a {
font-weight: 600;
color: #1fbdbd;
font-style: initial
}
.update-stripe-container a:hover {
color: #1fbdbd
}
.fre-view-as-others {
position: absolute;
top: 55px;
right: 0;
color: #1fbdbd;
font-weight: 600
}
.fre-view-as-others:hover,
.fre-view-as-others:focus {
color: #1fbdbd
}
@media (max-width: 991px) {
.fre-profile-box {
padding: 30px 30px 24px
}
.fre-profile-box+.fre-profile-box {
margin-top: 14px
}
.employer-info-content {
margin-top: 22px;
padding-left: 0
}
.profile-employer-info-edit {
padding: 0
}
.profile-employer-info-edit .employer-info-avatar {
position: initial;
top: initial;
right: initial;
text-align: left;
padding-right: 200px
}
.profile-employer-info-edit .employer-info-avatar .employer-avatar {
display: inline-block;
margin-right: 17px
}
.profile-employer-info-edit .employer-info-avatar>label {
display: inline-block;
margin: 0
}
.fre-employer-info-form {
padding: 0;
margin-top: 30px
}
.profile-secure-code-wrap {
margin-left: -30px;
margin-right: -30px;
padding: 30px 30px 0
}
}
@media (max-width: 767px) {
.profile-employer-wrap {
margin-left: -15px;
margin-right: -15px
}
.fre-profile-box {
padding: 30px 15px
}
.employer-info-content {
margin-top: 10px
}
.profile-employer-info .employer-info-avatar {
padding-left: 90px;
padding-right: 0;
min-height: 70px;
line-height: 68px
}
.profile-employer-info .employer-info-avatar .employer-avatar {
width: 70px;
height: 70px
}
.employer-info-edit {
position: initial;
top: initial;
right: initial;
margin-top: 24px
}
.employer-info-edit .fre-normal-btn-o {
width: 100%
}
.employer-rating span {
padding: 10px 0
}
.employer-info-save {
position: initial;
top: initial;
right: initial;
margin-top: 20px
}
.profile-employer-info-edit .employer-info-avatar {
padding: 0
}
.profile-employer-info-edit .employer-info-avatar .employer-avatar {
width: 70px;
height: 70px
}
.fre-employer-info-form {
margin-top: 20px
}
.profile-employer-secure {
margin: 30px 0 0
}
.profile-employer-secure>p span {
display: block;
margin: 0 0 8px
}
.employer-secure-edit {
position: initial;
top: initial;
right: initial;
margin-top: 25px
}
.employer-secure-edit .fre-normal-btn-o {
width: 100%
}
.profile-employer-secure-wrap {
padding: 0 0 30px
}
.profile-employer-secure-edit {
margin: 30px 0 0
}
.profile-employer-secure-edit .fre-input-field {
padding: 0
}
.profile-employer-secure-edit .fre-input-field+.fre-input-field {
margin-top: 30px
}
.profile-employer-secure-edit .fre-input-field label {
position: initial;
top: initial;
left: initial;
margin: 0 0 14px;
line-height: 1.4em
}
.employer-secure-save {
position: initial;
top: initial;
right: initial;
margin: 20px 0 0
}
.profile-secure-code-wrap {
margin-left: -15px;
margin-right: -15px;
padding-left: 15px;
padding-right: 15px
}
.profile-secure-code-wrap>p span {
display: block;
margin: 0 0 10px
}
.profile-secure-code-wrap>p b {
display: block;
margin: 0 0 10px
}
.fre-view-as-others {
position: initial;
font-weight: 600;
margin-top: 20px;
display: block;
text-align: center
}
.fre-secure-code li:first-child {
display: block;
margin: 0 0 10px
}
#user_avatar_browse_button {
display: initial
}
}
.profile-author-employer-wrap .profile-employer-info .employer-info-avatar {
padding-right: 0
}
.fre-author-project-box {
border-top: 1px solid #ededed;
box-shadow: 0px 1px 1px 0px rgba(185, 184, 184, 0.75);
background: #FFF;
padding: 26px 40px 36px;
margin: 22px 0 0
}
.author-project-wrap .project-no-results {
padding: 20px 0 0
}
.fre-author-project-title {
margin: 0;
font-size: 20px;
font-weight: 600;
color: #2c3e50;
line-height: 44px
}
.fre-author-project-filter {
min-width: 200px;
float: right
}
.fre-author-project-filter .chosen-search {
display: none
}
.author-project-list {
padding: 0;
margin: 0
}
.author-project-list>li {
list-style-type: none;
padding: 22px 0;
border-bottom: 1px solid #ededed
}
.author-project-list>li:last-child {
border: none;
padding-bottom: 0
}
.author-project-title {
margin: 0;
font-size: 16px;
font-weight: 600;
line-height: 1.5em
}
.author-project-title a {
color: #1fbdbd
}
.author-project-info {
padding: 7px 0
}
.author-project-info span {
display: inline-block;
padding: 4px 0;
margin-right: 16px;
font-size: 16px;
color: #2c3e50;
line-height: 1em
}
.author-project-info .rate-it {
display: inline-block;
padding: 6px 0;
margin-right: 16px;
font-size: 14px;
color: #2c3e50;
line-height: 1em
}
.author-project-comment {
font-size: 16px;
color: #415161;
line-height: 1.75em;
margin: 4px 0 0
}
.author-project-comment p {
margin: 0
}
@media (max-width: 991px) {
.fre-author-project-box {
padding: 20px 30px 24px
}
}
@media (max-width: 767px) {
.fre-author-project-box {
margin: 14px 0 0;
padding: 15px 15px 14px
}
.fre-author-project-filter {
margin: 15px 0 0;
float: none;
width: 100%
}
}
.profile-freelance-info-wrap.active .profile-freelance-info {
display: none
}
.profile-freelance-info-wrap.active .profile-freelance-info-edit {
display: block
}
.profile-freelance-info {
position: relative
}
.profile-freelance-info .freelance-info-avatar {
position: relative;
padding-left: 140px;
padding-right: 200px;
min-height: 100px;
line-height: 98px
}
.profile-freelance-info .freelance-info-avatar .freelance-avatar {
display: inline-block;
width: 100px;
height: 100px;
overflow: hidden;
border-radius: 50%;
vertical-align: middle;
position: absolute;
top: 0;
left: 0
}
.profile-freelance-info .freelance-info-avatar .freelance-avatar img {
width: 100%;
height: 100%
}
.profile-freelance-info .freelance-info-avatar .freelance-name {
display: inline-block;
vertical-align: middle;
font-size: 22px;
font-weight: 700;
color: #415161;
line-height: 1.4em
}
.profile-freelance-info .freelance-info-avatar .freelance-name>span {
display: block;
margin: 8px 0 0;
font-size: 18px;
font-weight: 500
}
.freelance-info-content {
margin-top: 4px;
padding-left: 140px
}
.freelance-radting span {
padding: 6px 0;
margin-right: 24px;
display: inline-block;
font-size: 16px;
color: #415161;
line-height: 1em
}
.freelance-rating span.rate-it {
font-size: 14px
}
.freelance-hourly {
padding: 12px 0
}
.freelance-hourly span {
padding: 6px 0;
display: inline-block;
font-size: 16px;
color: #415161;
margin-right: 34px;
line-height: 1em
}
.freelance-skill {
padding: 8px 0
}
.freelance-skill .fre-label {
font-size: 14px;
margin: 4px 10px 4px 0
}
.freelance-about {
font-size: 16px;
color: #415161;
line-height: 1.8em;
margin: 22px 0 0
}
.freelance-about p {
margin: 0
}
.freelance-info-edit {
position: absolute;
top: 0;
right: 0
}
.freelance-info-edit .fre-normal-btn-o {
min-width: 110px
}
.profile-freelance-info-edit {
position: relative;
padding-right: 200px;
display: none
}
.profile-freelance-info-edit .freelance-info-avatar {
position: absolute;
top: 0;
left: 0;
text-align: center
}
.profile-freelance-info-edit .freelance-info-avatar .freelance-avatar {
display: block;
width: 100px;
height: 100px;
overflow: hidden;
border-radius: 50%;
vertical-align: middle
}
.profile-freelance-info-edit .freelance-info-avatar .freelance-avatar img {
width: 100%;
height: 100%
}
.profile-freelance-info-edit .freelance-info-avatar>label {
display: block;
margin-top: 10px;
font-size: 16px;
font-weight: 600;
color: #1fbdbd;
cursor: pointer
}
.profile-freelance-info-edit .freelance-info-avatar>label input {
display: none
}
.fre-freelance-info-form {
padding-left: 140px
}
.fre-input-field.fre-experience-field input {
display: inline-block;
width: 130px
}
.fre-input-field.fre-experience-field>span {
display: inline-block;
margin-left: 20px;
font-size: 16px;
color: #415161;
line-height: 44px
}
.fre-input-field.fre-hourly-field input {
display: inline-block;
width: 130px
}
.fre-input-field.fre-hourly-field>span {
display: inline-block;
margin-left: 20px;
font-size: 16px;
color: #415161;
line-height: 44px
}
.freelance-info-save {
position: absolute;
top: 0;
right: 0;
text-align: center
}
.freelance-info-save .fre-normal-btn,
.freelance-info-save .fre-normal-btn-disable {
display: block;
min-width: 110px
}
.freelance-info-save .freelance-info-cancel-btn {
display: inline-block;
margin-top: 17px;
font-size: 14px;
font-weight: 700;
color: #666f78;
cursor: pointer
}
.profile-freelance-available {
margin-top: 34px;
margin-left: -40px;
margin-right: -40px;
padding: 26px 0 0 180px;
border-top: 1px solid #ededed
}
.profile-freelance-available>h2 {
margin: 0 0 20px;
font-size: 18px;
font-weight: 600;
color: #2c3e50;
line-height: 1.4em
}
.freelance-available-desc {
margin: 0;
font-size: 16px;
color: #415161;
line-height: 1.6em
}
.profile-freelance-secure-wrap {
position: relative;
padding: 0 0 20px
}
.profile-freelance-secure-wrap.active .profile-freelance-secure {
display: none
}
.profile-freelance-secure-wrap.active .profile-freelance-secure-edit {
display: block
}
.profile-freelance-secure-wrap .fre-input-field {
margin-bottom: 16px
}
.profile-freelance-secure-wrap>h2 {
margin: 0 0 24px;
font-size: 20px;
font-weight: 600;
color: #2c3e50;
line-height: 1.4em
}
.profile-freelance-secure {
margin-top: 38px
}
.profile-freelance-secure>p {
margin: 0;
font-size: 16px;
font-weight: 500;
color: #2c3e50;
line-height: 1.4em
}
.profile-freelance-secure>p+p {
margin-top: 20px
}
.profile-freelance-secure>p span {
display: inline-block;
min-width: 140px;
font-weight: 400;
font-style: italic;
color: #9da4a9
}
.freelance-secure-edit {
position: absolute;
top: 0;
right: 0
}
.freelance-secure-edit .fre-normal-btn-o {
min-width: 110px
}
.freelance-secure-save {
position: absolute;
top: 0;
right: 0;
text-align: center
}
.freelance-secure-save .fre-normal-btn,
.freelance-secure-save .fre-normal-btn-disable {
display: block;
min-width: 110px
}
.freelance-secure-save .freelance-secure-cancel-btn {
display: inline-block;
margin-top: 17px;
font-size: 14px;
font-weight: 700;
color: #666f78;
cursor: pointer
}
.profile-freelance-secure-edit {
display: none;
margin: 34px 0 0
}
.profile-freelance-secure-edit .fre-input-field {
position: relative;
padding-left: 140px;
padding-right: 200px
}
.profile-freelance-secure-edit .fre-input-field label {
display: block;
position: absolute;
top: 0;
left: 0;
font-size: 16px;
font-weight: 400;
font-style: italic;
color: #9da4a9;
line-height: 44px
}
.profile-freelance-secure-edit .fre-input-field input {
display: inline-block
}
.profile-secure-code-wrap {
margin-left: -40px;
margin-right: -40px;
padding: 40px 40px 0;
border-top: 1px solid #ededed
}
.profile-secure-code-wrap>p {
margin: 0;
font-size: 16px;
line-height: 1.4em
}
.profile-secure-code-wrap>p+p {
margin: 20px 0 0
}
.profile-secure-code-wrap>p>span {
display: inline-block;
min-width: 140px;
font-weight: 400;
font-style: italic;
color: #9da4a9
}
.profile-secure-code-wrap>p b {
font-weight: 600;
color: #2c3e50;
margin-right: 25px
}
.profile-secure-code-wrap>p a {
font-weight: 600;
color: #1fbdbd
}
.freelance-portfolio-title {
margin: 0;
font-size: 20px;
font-weight: 600;
color: #2c3e50
}
.freelance-portfolio-add {
float: right
}
.freelance-portfolio-add .fre-normal-btn-o {
min-width: 110px
}
.freelance-portfolio-list {
padding: 0;
margin-bottom: 0
}
.freelance-portfolio-list>li {
list-style-type: none;
margin-top: 30px
}
.freelance-portfolio-wrap {
position: relative
}
@media (min-width: 1200px) {
.freelance-portfolio-wrap:hover .freelance-portfolio img {
-webkit-animation-name: fadeScale;
animation-name: fadeScale
}
}
.freelance-portfolio-wrap:hover .portfolio-title {
opacity: 1
}
.freelance-portfolio-wrap:hover .portfolio-action {
opacity: 1
}
.freelance-portfolio-wrap .portfolio-title {
position: absolute;
top: 44%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
padding: 0 20px;
text-align: center;
opacity: 0;
font-size: 18px;
font-weight: 500
}
.freelance-portfolio-wrap .portfolio-title a {
color: #2c3e50;
line-height: 1.4em
}
.freelance-portfolio-wrap .portfolio-action {
position: absolute;
left: 0;
bottom: 45px;
width: 100%;
text-align: center;
opacity: 0;
transition: 0.5s ease-out
}
.freelance-portfolio-wrap .portfolio-action a {
margin: 0 14px;
font-size: 16px;
color: #415161
}
.freelance-portfolio-wrap .portfolio-action a i {
margin-right: 6px
}
.freelance-portfolio {
position: relative;
width: 100%;
min-height: 254px;
overflow: hidden;
border: 1px solid #ededed
}
.freelance-portfolio>a {
display: block;
width: 100%;
height: 100%
}
.freelance-portfolio img {
width: 100%;
height: auto;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.freelance-portfolio-loadmore {
margin-left: -40px;
margin-right: -40px;
margin-top: 40px;
margin-bottom: -4px;
padding-left: 40px;
padding-right: 40px;
padding-top: 30px;
border-top: 1px solid #ededed;
text-align: center
}
.freelance-portfolio-loadmore a {
font-size: 16px;
font-weight: 600;
color: #1fbdbd;
line-height: 1em
}
.freelance-experience-title {
margin: 0;
font-size: 20px;
font-weight: 600;
color: #2c3e50;
min-height: 44px
}
@media (max-width: 767px) {
.freelance-experience-title {
min-height: auto
}
}
.freelance-experience-add {
float: right
}
.freelance-experience-add .fre-normal-btn-o {
min-width: 110px
}
.freelance-experience-list {
margin: 0;
padding: 0
}
.freelance-experience-list>li {
list-style: none;
padding: 26px 0;
border-bottom: 1px solid #ededed
}
.freelance-experience-list>li:first-child {
padding-top: 0
}
.freelance-experience-list>li:last-child {
border: none;
padding-bottom: 0
}
.freelance-experience-wrap>h2 {
margin: 0;
font-size: 16px;
font-weight: 600;
color: #2c3e50;
line-height: 1.5em
}
.freelance-experience-wrap>h3 {
margin: 10px 0 0;
font-size: 16px;
font-weight: 600;
color: #2c3e50;
line-height: 1.5em
}
.freelance-experience-wrap>h4 {
margin: 10px 0 0;
font-size: 16px;
font-weight: 400;
color: #2c3e50;
line-height: 1.5em
}
.freelance-experience-wrap>p {
font-size: 16px;
color: #415161;
line-height: 1.8em;
margin: 14px 0 0
}
.freelance-experience-action {
margin-top: 15px
}
.freelance-experience-action a {
display: inline-block;
margin-right: 30px;
font-size: 16px;
color: #1fbdbd
}
.freelance-experience-action a i {
margin-right: 6px
}
.freelance-work-loadmore {
margin-left: -40px;
margin-right: -40px;
margin-top: 30px;
margin-bottom: -4px;
padding-left: 40px;
padding-right: 40px;
padding-top: 30px;
border-top: 1px solid #ededed;
text-align: center
}
.freelance-work-loadmore a {
font-size: 16px;
font-weight: 600;
color: #1fbdbd;
line-height: 1em
}
.freelance-experience-loadmore {
margin-left: -40px;
margin-right: -40px;
margin-top: 30px;
margin-bottom: -4px;
padding-left: 40px;
padding-right: 40px;
padding-top: 30px;
border-top: 1px solid #ededed;
text-align: center
}
.freelance-experience-loadmore a {
font-size: 16px;
font-weight: 600;
color: #1fbdbd;
line-height: 1em
}
.fre-experience-form .fre-input-field {
margin: 0 0 20px
}
.fre-experience-form .fre-input-field .fre-field-title {
margin-top: 6px
}
.fre-experience-form .fre-input-field textarea {
margin-top: 6px
}
.fre-experience-form .fre-form-btn {
margin: 26px 0 4px
}
.fre-experience-form .fre-normal-btn,
.fre-experience-form .fre-normal-btn-disable {
min-width: 110px
}
.fre-experience-close {
font-size: 14px;
font-weight: 700;
color: #666f78;
margin-left: 24px;
cursor: pointer
}
.freelance-certificate-title {
margin: 0;
font-size: 20px;
font-weight: 600;
color: #2c3e50;
min-height: 44px
}
@media (max-width: 767px) {
.freelance-certificate-title {
min-height: auto
}
}
.freelance-certificate-add {
float: right
}
.freelance-certificate-add .fre-normal-btn-o {
min-width: 110px
}
.freelance-certificate-list {
margin: 0;
padding: 0
}
.freelance-certificate-list>li {
list-style: none;
padding: 26px 0;
border-bottom: 1px solid #ededed
}
.freelance-certificate-list>li:first-child {
padding-top: 0
}
.freelance-certificate-list>li:last-child {
border: none;
padding-bottom: 0
}
.freelance-certificate-wrap>h2 {
margin: 0;
font-size: 16px;
font-weight: 600;
color: #2c3e50;
line-height: 1.5em
}
.freelance-certificate-wrap>h3 {
margin: 10px 0 0;
font-size: 16px;
font-weight: 600;
color: #2c3e50;
line-height: 1.5em
}
.freelance-certificate-wrap>h4 {
margin: 10px 0 0;
font-size: 16px;
font-weight: 400;
color: #2c3e50;
line-height: 1.5em
}
.freelance-certificate-wrap>p {
font-size: 16px;
color: #415161;
line-height: 1.8em;
margin: 14px 0 0
}
.freelance-experience-new-wrap {
display: none
}
.freelance-experience-new-wrap.active {
display: block
}
.freelance-experience-new {
padding-right: 340px
}
.freelance-certificate-action {
margin-top: 15px
}
.freelance-certificate-action a {
display: inline-block;
margin-right: 30px;
font-size: 16px;
color: #1fbdbd
}
.freelance-certificate-action a i {
margin-right: 6px
}
.freelance-certificate-loadmore {
margin-left: -40px;
margin-right: -40px;
margin-top: 40px;
margin-bottom: -4px;
padding-left: 40px;
padding-right: 40px;
padding-top: 30px;
border-top: 1px solid #ededed;
text-align: center
}
.freelance-certificate-loadmore a {
font-size: 16px;
font-weight: 600;
color: #1fbdbd;
line-height: 1em
}
.freelance-certificate-new-wrap {
display: none
}
.freelance-certificate-new-wrap.active {
display: block
}
.freelance-certificate-new {
padding-right: 340px
}
.fre-certificate-form .fre-input-field {
margin: 0 0 20px
}
.fre-certificate-form .fre-input-field .fre-field-title {
margin-top: 6px
}
.fre-certificate-form .fre-input-field textarea {
margin-top: 6px
}
.fre-certificate-form .fre-form-btn {
margin: 26px 0 4px
}
.fre-certificate-form .fre-normal-btn,
.fre-certificate-form .fre-normal-btn-disable {
min-width: 110px
}
.fre-certificate-close {
font-size: 14px;
font-weight: 700;
color: #666f78;
margin-left: 24px;
cursor: pointer
}
.freelance-education-title {
margin: 0;
font-size: 20px;
font-weight: 600;
color: #2c3e50;
min-height: 44px
}
@media (max-width: 767px) {
.freelance-education-title {
min-height: auto
}
}
.freelance-education-add {
float: right
}
.freelance-education-add .fre-normal-btn-o {
min-width: 110px
}
.freelance-education-list {
margin: 0;
padding: 0
}
.freelance-education-list>li {
list-style: none;
padding: 26px 0;
border-bottom: 1px solid #ededed
}
.freelance-education-list>li:first-child {
padding-top: 0
}
.freelance-education-list>li:last-child {
border: none;
padding-bottom: 0
}
.freelance-education-wrap>h2 {
margin: 0;
font-size: 16px;
font-weight: 600;
color: #2c3e50;
line-height: 1.5em
}
.freelance-education-wrap>h3 {
margin: 10px 0 0;
font-size: 16px;
font-weight: 600;
color: #2c3e50;
line-height: 1.5em
}
.freelance-education-wrap>h4 {
margin: 10px 0 0;
font-size: 16px;
font-weight: 400;
color: #2c3e50;
line-height: 1.5em
}
.freelance-education-wrap>p {
font-size: 16px;
color: #415161;
line-height: 1.8em;
margin: 14px 0 0
}
.freelance-education-action {
margin-top: 15px
}
.freelance-education-action a {
display: inline-block;
margin-right: 30px;
font-size: 16px;
color: #1fbdbd
}
.freelance-education-action a i {
margin-right: 6px
}
.freelance-education-loadmore {
margin-left: -40px;
margin-right: -40px;
margin-top: 30px;
margin-bottom: -4px;
padding-left: 40px;
padding-right: 40px;
padding-top: 30px;
border-top: 1px solid #ededed;
text-align: center
}
.freelance-education-loadmore a {
font-size: 16px;
font-weight: 600;
color: #1fbdbd;
line-height: 1em
}
.freelance-education-new-wrap {
display: none
}
.freelance-education-new-wrap.active {
display: block
}
.freelance-education-new {
padding-right: 340px
}
.fre-education-form .fre-input-field {
margin: 0 0 20px
}
.fre-education-form .fre-input-field .fre-field-title {
margin-top: 6px
}
.fre-education-form .fre-input-field textarea {
margin-top: 6px
}
.fre-education-form .fre-form-btn {
margin: 26px 0 4px
}
.fre-education-form .fre-normal-btn,
.fre-education-form .fre-normal-btn-disable {
min-width: 110px
}
.fre-education-close {
font-size: 14px;
font-weight: 700;
color: #666f78;
margin-left: 24px;
cursor: pointer
}
.freelance-work-title {
margin: 0;
font-size: 20px;
font-weight: 600;
color: #2c3e50
}
.author-freelance-wrap .freelance-portfolio-title,
.author-freelance-wrap .freelance-work-title,
.author-freelance-wrap .freelance-experience-title,
.author-freelance-wrap .freelance-certificate-title,
.author-freelance-wrap .freelance-education-title {
margin-bottom: 18px
}
.author-project-loadmore {
margin-left: -40px;
margin-right: -40px;
margin-top: 30px;
margin-bottom: -4px;
padding-left: 40px;
padding-right: 40px;
padding-top: 30px;
border-top: 1px solid #ededed;
text-align: center
}
.author-project-loadmore a {
font-size: 16px;
font-weight: 600;
color: #1fbdbd;
line-height: 1em
}
.profile-no-results {
font-size: 16px;
color: #415161
}
@media (max-width: 1199px) {
.freelance-portfolio-wrap:hover .freelance-portfolio:after {
display: none
}
.freelance-portfolio-wrap:hover .freelance-portfolio img {
display: block
}
.freelance-portfolio-wrap .portfolio-title {
display: none
}
.freelance-portfolio-wrap .portfolio-action {
opacity: 1;
position: initial;
left: initial;
bottom: initial;
margin-top: 20px
}
.freelance-portfolio-wrap .portfolio-action a {
color: #1fbdbd
}
}
@media (max-width: 991px) {
.fre-profile-box {
padding: 30px 30px 24px
}
.freelance-info-content {
margin-top: 22px;
padding-left: 0
}
.profile-freelance-info-edit {
padding: 0
}
.profile-freelance-info-edit .freelance-info-avatar {
position: initial;
top: initial;
right: initial;
text-align: left;
padding-right: 200px
}
.profile-freelance-info-edit .freelance-info-avatar .freelance-avatar {
display: inline-block;
margin-right: 17px
}
.profile-freelance-info-edit .freelance-info-avatar>label {
display: inline-block;
margin: 0
}
.fre-freelance-info-form {
padding: 0;
margin-top: 30px
}
.profile-freelance-available {
margin-left: -30px;
margin-right: -30px;
padding-left: 30px;
padding-right: 30px
}
.profile-secure-code-wrap {
margin-left: -30px;
margin-right: -30px;
padding: 30px 30px 0
}
.freelance-portfolio-loadmore {
margin-left: -30px;
margin-right: -30px;
margin-top: 30px;
margin-bottom: 0;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 4px
}
.freelance-experience-new {
padding-right: 0
}
.freelance-experience-loadmore {
margin-left: -30px;
margin-right: -30px;
margin-top: 30px;
margin-bottom: 0;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 4px
}
.freelance-work-loadmore {
margin-left: -30px;
margin-right: -30px;
margin-top: 30px;
margin-bottom: 0;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 4px
}
.freelance-education-new {
padding-right: 0
}
.freelance-education-loadmore {
margin-left: -30px;
margin-right: -30px;
margin-top: 30px;
margin-bottom: 0;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 4px
}
.freelance-certificate-new {
padding-right: 0
}
.author-project-loadmore {
margin-left: -30px;
margin-right: -30px;
margin-top: 30px;
margin-bottom: 0;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 4px
}
}
@media (max-width: 767px) {
.profile-freelance-wrap {
margin-left: -15px;
margin-right: -15px
}
.author-freelance-wrap {
margin-left: -15px;
margin-right: -15px
}
.fre-profile-box {
padding: 30px 15px
}
.freelance-info-content {
margin-top: 10px
}
.profile-freelance-info .freelance-info-avatar {
padding-left: 90px;
padding-right: 0;
min-height: 70px;
line-height: 68px
}
.profile-freelance-info .freelance-info-avatar .freelance-avatar {
width: 70px;
height: 70px
}
.freelance-info-edit {
position: initial;
top: initial;
right: initial;
margin-top: 24px
}
.freelance-info-edit .fre-normal-btn-o,
.freelance-info-edit .fre-normal-btn,
.freelance-info-edit .fre-normal-btn-disable {
width: 100%
}
.frdeelance-rating span {
padding: 10px 0
}
.freelance-info-save {
position: initial;
top: initial;
right: initial;
margin-top: 20px
}
.profile-freelance-info-edit .freelance-info-avatar {
padding: 0
}
.profile-freelance-info-edit .freelance-info-avatar .freelance-avatar {
width: 70px;
height: 70px
}
.fre-freelance-info-form {
margin-top: 20px
}
.profile-freelance-available {
margin-left: -15px;
margin-right: -15px;
padding-left: 15px;
padding-right: 15px
}
.profile-freelance-secure {
margin: 30px 0 0
}
.profile-freelance-secure>p span {
display: block;
margin: 0 0 8px
}
.freelance-secure-edit {
position: initial;
top: initial;
right: initial;
margin-top: 25px
}
.freelance-secure-edit .fre-normal-btn-o {
width: 100%
}
.profile-freelance-secure-wrap {
padding: 0 0 30px
}
.profile-freelance-secure-edit {
margin: 30px 0 0
}
.profile-freelance-secure-edit .fre-input-field {
padding: 0
}
.profile-freelance-secure-edit .fre-input-field+.fre-input-field {
margin-top: 30px
}
.profile-freelance-secure-edit .fre-input-field label {
position: initial;
top: initial;
left: initial;
margin: 0 0 14px;
line-height: 1.4em
}
.freelance-secure-save {
position: initial;
top: initial;
right: initial;
margin: 20px 0 0
}
.profile-secure-code-wrap {
margin-left: -15px;
margin-right: -15px;
padding-left: 15px;
padding-right: 15px
}
.profile-secure-code-wrap>p span {
display: block;
margin: 0 0 10px
}
.profile-secure-code-wrap>p b {
display: block;
margin: 0 0 10px
}
.freelance-portfolio-add {
float: none;
margin-top: 34px
}
.freelance-portfolio-add .fre-normal-btn-o {
width: 100%
}
.freelance-portfolio-loadmore {
margin-left: -15px;
margin-right: -15px;
margin-top: 30px;
margin-bottom: -14px;
padding-top: 16px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 0
}
.freelance-experience-add {
float: none;
margin-top: 34px
}
.freelance-experience-add .fre-normal-btn-o {
width: 100%
}
.freelance-experience-list>li:first-child {
padding-top: 30px
}
.freelance-experience-loadmore {
margin-left: -15px;
margin-right: -15px;
margin-top: 30px;
margin-bottom: -14px;
padding-top: 16px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 0
}
.author-project-loadmore {
margin-left: -15px;
margin-right: -15px;
margin-top: 30px;
padding-top: 16px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 0
}
.freelance-work-loadmore {
margin-left: -15px;
margin-right: -15px;
margin-top: 30px;
margin-bottom: -14px;
padding-top: 16px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 0
}
.fre-experience-form .fre-form-btn {
text-align: center
}
.fre-experience-form .fre-form-btn .fre-normal-btn,
.fre-experience-form .fre-form-btn .fre-normal-btn-disable {
width: 100%
}
.fre-experience-close {
display: inline-block;
margin: 15px 0 0
}
.freelance-certificate-add {
float: none;
margin-top: 34px
}
.freelance-certificate-add .fre-normal-btn-o {
width: 100%
}
.freelance-certificate-list>li:first-child {
padding-top: 30px
}
.freelance-certificate-loadmore {
margin-left: -15px;
margin-right: -15px;
margin-top: 30px;
margin-bottom: -14px;
padding-top: 16px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 0
}
.fre-certificate-form .fre-form-btn {
text-align: center
}
.fre-certificate-form .fre-form-btn .fre-normal-btn,
.fre-certificate-form .fre-form-btn .fre-normal-btn-disable {
width: 100%
}
.fre-certificate-close {
display: inline-block;
margin: 15px 0 0
}
.freelance-education-new {
padding-right: 0
}
.freelance-education-add {
float: none;
margin-top: 34px
}
.freelance-education-add .fre-normal-btn-o {
width: 100%
}
.freelance-education-list>li:first-child {
padding-top: 30px
}
.fre-education-form .fre-form-btn {
text-align: center
}
.fre-education-form .fre-form-btn .fre-normal-btn,
.fre-education-form .fre-form-btn .fre-normal-btn-disable {
width: 100%
}
.fre-education-close {
display: inline-block;
margin: 15px 0 0
}
.freelance-education-loadmore {
margin-left: -15px;
margin-right: -15px;
margin-top: 30px;
margin-bottom: -14px;
padding-top: 16px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 0
}
}
@-webkit-keyframes fadeScale {
0% {
opacity: 1
}
100% {
opacity: 0;
z-index: -1
}
}
@keyframes fadeScale {
0% {
opacity: 1
}
100% {
opacity: 0;
z-index: -1
}
}
.my-work-employer-wrap .fre-tabs {
margin-bottom: 40px
}
.fre-work-package-wrap {
border-top: 1px solid #ededed;
box-shadow: 0px 1px 1px 0px rgba(185, 184, 184, 0.75);
padding: 37px 40px;
background: #FFF;
margin-bottom: 60px
}
@media (max-width: 991px) {
.fre-work-package-wrap {
padding: 27px 30px
}
}
@media (max-width: 767px) {
.fre-work-package-wrap {
padding: 27px 15px;
margin-bottom: 20px
}
}
.fre-work-package {
position: relative;
padding-right: 260px;
min-height: 44px
}
@media (max-width: 991px) {
.fre-work-package {
padding-right: 0
}
}
.fre-work-package p {
margin: 0;
font-size: 16px;
line-height: 1.65em;
color: #415161
}
.fre-work-package p+p {
margin-top: 10px
}
.fre-work-package .fre-normal-btn-o {
height: 44px;
min-width: 182px;
line-height: 42px;
position: absolute;
top: 0;
right: 0
}
@media (max-width: 991px) {
.fre-work-package .fre-normal-btn-o {
position: initial;
margin-top: 24px
}
}
@media (max-width: 767px) {
.fre-work-package .fre-normal-btn-o {
width: 100%
}
}
.fre-work-project-box {
border-top: 1px solid #ededed;
box-shadow: 0px 1px 1px 0px rgba(185, 184, 184, 0.75);
background: #FFF
}
.fre-work-project-box+.fre-work-project-box {
margin-top: 22px
}
.work-project-filter {
padding: 27px 40px
}
.work-project-filter>.row {
margin-left: -10px;
margin-right: -10px
}
.work-project-filter>.row>div {
padding-left: 10px;
padding-right: 10px
}
.work-project-filter .chosen-container-single .chosen-search {
display: none
}
.work-project-filter-clear {
display: inline-block;
margin: 10px 0 0;
font-size: 16px;
font-weight: 600;
color: #1fbdbd;
line-height: 1em
}
@media (max-width: 767px) {
.work-project-filter-clear {
margin-top: 2px
}
}
.work-project-filter-clear:hover,
.work-project-filter-clear:focus {
color: #1fbdbd
}
.fre-table-head .project-title-col,
.fre-table-head .project-bids-col,
.fre-table-head .project-bid-col,
.fre-table-head .project-budget-col,
.fre-table-head .project-open-col,
.fre-table-head .project-average-col,
.fre-table-head .project-earn-col,
.fre-table-head .project-status-col,
.fre-table-head .project-action-col,
.fre-table-head .project-review-col,
.fre-table-head .project-start-col {
text-transform: uppercase
}
.project-title-col {
text-align: left;
max-width: 380px
}
.project-title-col a {
font-size: 16px;
font-weight: 600;
color: #1fbdbd;
line-height: 1.8em
}
.project-bids-col {
min-width: 180px
}
.project-bids-col>span {
display: none
}
.project-budget-col>span {
display: none
}
.project-open-col>span {
display: none
}
.project-average-col {
min-width: 180px
}
.project-average-col>span {
display: none
}
.project-earn-col>span {
display: none
}
.fre-table-row .project-action-col {
padding-left: 40px;
text-align: right
}
.fre-table-row .project-action-two {
padding-top: 70px;
padding-bottom: 70px
}
.project-action-col {
min-width: 110px;
padding-left: 40px
}
.project-action-col a {
display: inline-block;
width: auto;
height: 44px;
background: #FFF;
padding-left: 12px;
padding-right: 12px;
font-size: 14px;
font-weight: 700;
color: #666f78;
text-align: center;
border-radius: 4px;
border: 2px solid #dbdbdb;
box-shadow: none;
line-height: 40px;
transition: 0.2s ease-out;
cursor: pointer;
min-width: 120px
}
.project-action-col a:hover,
.project-action-col a:focus,
.project-action-col a:active {
background: #666f78;
border: 2px solid #666f78;
color: #FFF
}
.project-action-col a+a {
margin-top: 10px
}
.project-action-col>p {
text-align: center
}
.project-action-two {
position: relative;
min-width: 180px
}
.project-action-two>a {
position: absolute;
bottom: calc(50% + 5px);
right: 40px
}
@media (max-width: 1199px) {
.project-action-two>a {
position: initial
}
}
.project-action-two>a+a {
bottom: initial;
top: calc(50% + 5px);
margin-top: 0
}
.project-title-archive {
font-size: 16px;
font-weight: 600;
color: #666f78
}
.project-status-archive {
font-size: 16px;
color: #f44336
}
.previous-employer-project .fre-table-row .fre-table-col {
padding-top: 28px;
padding-bottom: 28px
}
.previous-employer-project .fre-table-row .project-start-col {
min-width: 180px
}
.project-bid-col {
min-width: 160px
}
.project-bid-col span:first-child {
display: none
}
.project-bid-col span:last-child {
display: block;
margin-top: 5px
}
.project-review-col {
max-width: 360px;
text-align: left
}
.project-review-col .rate-it {
font-size: 14px
}
.project-review-col p {
margin: 5px 0 0;
line-height: 1.6em
}
.project-no-results {
display: block;
padding: 30px 40px;
font-size: 16px;
color: #415161
}
@media (max-width: 1199px) {
.current-employer-project .fre-table-head {
display: none
}
.current-employer-project .fre-table-row {
position: relative;
display: block
}
.current-employer-project .fre-table-row .fre-table-col {
padding: 0 16px
}
.current-employer-project .fre-table-col {
display: inline-block;
border: none
}
.current-employer-project .fre-table-col.project-title-col {
display: block;
max-width: 100%;
padding: 34px 160px 0 40px
}
.current-employer-project .fre-table-col.project-bids-col {
padding-left: 40px;
border-right: 1px solid #415161;
line-height: 1em;
margin-top: 16px
}
.current-employer-project .fre-table-col.project-budget-col {
border-right: 1px solid #415161;
line-height: 1em;
margin-top: 16px
}
.current-employer-project .fre-table-col.project-open-col {
line-height: 1em;
margin-top: 16px
}
.current-employer-project .fre-table-col.project-status-col {
position: absolute;
top: 34px;
right: 40px;
padding: 0
}
.current-employer-project .fre-table-col.project-action-col {
display: block;
min-width: 100%;
padding: 14px 40px 40px;
border-bottom: 1px solid #ededed;
text-align: left
}
.project-bids-col {
text-align: left;
min-width: inherit
}
.project-bids-col>span {
display: inline-block;
padding-left: 6px
}
.project-budget-col>span {
display: inline-block;
padding-right: 6px
}
.project-open-col>span {
display: inline-block;
padding-right: 6px
}
.project-average-col>span {
display: inline-block;
margin-right: 6px
}
.project-action-col a {
margin-top: 10px;
margin-right: 10px
}
.previous-employer-project .fre-table-head {
display: none
}
.previous-employer-project .fre-table-row {
position: relative;
display: block
}
.previous-employer-project .fre-table-row .fre-table-col {
padding: 0 16px
}
.previous-employer-project .fre-table-col {
display: inline-block;
border: none
}
.previous-employer-project .fre-table-col.project-title-col {
display: block;
max-width: 100%;
padding: 34px 40px 0 40px
}
.previous-employer-project .fre-table-col.project-start-col {
padding-left: 40px;
border-right: 1px solid #415161;
line-height: 1em;
margin-top: 16px
}
.previous-employer-project .fre-table-col.project-bid-col {
border-right: 1px solid #415161;
line-height: 1em;
margin-top: 16px;
min-width: initial
}
.previous-employer-project .fre-table-col.project-status-col {
line-height: 1em;
margin-top: 16px
}
.previous-employer-project .fre-table-col.project-review-col {
display: block;
min-width: 100%;
padding: 16px 40px 40px;
border-bottom: 1px solid #ededed;
text-align: left
}
.project-bid-col span:first-child {
display: inline-block;
margin-right: 6px
}
.project-bid-col span:last-child {
display: inline-block;
margin-left: 6px;
margin-top: 0
}
.current-freelance-project .fre-table-head {
display: none
}
.current-freelance-project .fre-table-row {
position: relative;
display: block
}
.current-freelance-project .fre-table-row .fre-table-col {
padding: 0 16px
}
.current-freelance-project .fre-table-col {
display: inline-block;
border: none
}
.current-freelance-project .fre-table-col.project-title-col {
display: block;
max-width: 100%;
padding: 34px 160px 0 40px
}
.current-freelance-project .fre-table-col.project-bids-col {
padding-left: 40px;
border-right: 1px solid #415161;
line-height: 1em;
margin-top: 16px
}
.current-freelance-project .fre-table-col.project-bid-col {
border-right: 1px solid #415161;
line-height: 1em;
margin-top: 16px
}
.current-freelance-project .fre-table-col.project-average-col {
line-height: 1em;
margin-top: 16px
}
.current-freelance-project .fre-table-col.project-status-col {
position: absolute;
top: 34px;
right: 40px;
padding: 0
}
.current-freelance-project .fre-table-col.project-action-col {
display: block;
min-width: 100%;
padding: 14px 40px 40px;
border-bottom: 1px solid #ededed;
text-align: left
}
.previous-freelance-project .fre-table-head {
display: none
}
.previous-freelance-project .fre-table-row {
position: relative;
display: block
}
.previous-freelance-project .fre-table-row .fre-table-col {
padding: 0 16px
}
.previous-freelance-project .fre-table-col {
display: inline-block;
border: none
}
.previous-freelance-project .fre-table-col.project-title-col {
display: block;
max-width: 100%;
padding: 34px 40px 0 40px
}
.previous-freelance-project .fre-table-col.project-start-col {
padding-left: 40px;
border-right: 1px solid #415161;
line-height: 1em;
margin-top: 16px
}
.previous-freelance-project .fre-table-col.project-earn-col {
border-right: 1px solid #415161;
line-height: 1em;
margin-top: 16px
}
.previous-freelance-project .fre-table-col.project-status-col {
line-height: 1em;
margin-top: 16px
}
.previous-freelance-project .fre-table-col.project-review-col {
display: block;
min-width: 100%;
padding: 16px 40px 40px;
border-bottom: 1px solid #ededed;
text-align: left
}
}
@media (max-width: 991px) {
.my-work-employer-wrap .fre-tabs {
margin-bottom: 30px
}
.work-project-filter {
padding-left: 30px;
padding-right: 30px
}
.current-employer-project .fre-table-col.project-title-col {
padding-top: 24px;
padding-left: 30px
}
.current-employer-project .fre-table-col.project-status-col {
top: 24px;
right: 30px
}
.current-employer-project .fre-table-col.project-bids-col {
padding-left: 30px
}
.current-employer-project .fre-table-col.project-action-col {
padding-left: 30px;
padding-right: 30px;
padding-bottom: 30px
}
.previous-employer-project .fre-table-col.project-title-col {
padding-top: 24px;
padding-left: 30px
}
.previous-employer-project .fre-table-col.project-start-col {
padding-left: 30px
}
.previous-employer-project .fre-table-col.project-review-col {
padding-left: 30px;
padding-right: 30px;
padding-bottom: 30px
}
.current-freelance -project .fre-table-col.project-title-col {
padding-top: 24px;
padding-left: 30px
}
.current-freelance -project .fre-table-col.project-status-col {
top: 24px;
right: 30px
}
.current-freelance -project .fre-table-col.project-bids-col {
padding-left: 30px
}
.current-freelance -project .fre-table-col.project-action-col {
padding-left: 30px;
padding-right: 30px;
padding-bottom: 30px
}
.previous-freelance-project .fre-table-col.project-title-col {
padding-top: 24px;
padding-left: 30px
}
.previous-freelance-project .fre-table-col.project-start-col {
padding-left: 30px
}
.previous-freelance-project .fre-table-col.project-review-col {
padding-left: 30px;
padding-right: 30px;
padding-bottom: 30px
}
}
@media (max-width: 767px) {
.my-work-employer-wrap {
margin-left: -15px;
margin-right: -15px
}
.my-work-employer-wrap .fre-tabs {
margin-top: 20px;
margin-bottom: 30px
}
.my-work-employer-wrap .nav-tabs-my-work {
position: relative;
text-align: center
}
.my-work-employer-wrap .nav-tabs-my-work>li {
display: none
}
.my-work-employer-wrap .nav-tabs-my-work>li.active {
display: inline-block;
text-align: center;
float: none
}
.my-work-employer-wrap .nav-tabs-my-work>li.active a:after {
height: 2px
}
.my-work-employer-wrap .nav-tabs-my-work>li.prev {
display: inline-block;
position: absolute;
top: 0;
left: 0;
padding-left: 13px;
padding-right: 18px
}
.my-work-employer-wrap .nav-tabs-my-work>li.prev a {
padding-left: 0;
padding-right: 10px
}
.my-work-employer-wrap .nav-tabs-my-work>li.prev a:before {
content: "\f104";
font-family: 'FontAwesome';
font-size: 30px;
font-weight: 300;
color: #919191;
line-height: 0.8em
}
.my-work-employer-wrap .nav-tabs-my-work>li.prev a span {
display: none
}
.my-work-employer-wrap .nav-tabs-my-work>li.prev a:hover {
background: none;
border-color: transparent
}
.my-work-employer-wrap .nav-tabs-my-work>li.next {
display: inline-block;
position: absolute;
top: 0;
right: 0;
padding-right: 13px;
padding-left: 18px
}
.my-work-employer-wrap .nav-tabs-my-work>li.next>a {
padding-right: 0;
padding-left: 10px
}
.my-work-employer-wrap .nav-tabs-my-work>li.next>a:before {
content: "\f105";
font-family: 'FontAwesome';
font-size: 30px;
font-weight: 300;
color: #919191;
line-height: 0.8em
}
.my-work-employer-wrap .nav-tabs-my-work>li.next>a span {
display: none
}
.my-work-employer-wrap .nav-tabs-my-work>li.next>a:hover {
background: none;
border-color: transparent
}
.my-work-employer-wrap .nav-tabs-my-work>li>a {
margin: 0;
padding: 0 0 7px
}
.work-project-filter {
padding-left: 15px;
padding-right: 15px
}
.current-employer-project .fre-table-col.project-title-col {
padding-left: 15px;
padding-right: 15px
}
.current-employer-project .fre-table-col.project-status-col {
position: initial;
top: initial;
right: initial;
display: block;
text-align: left;
padding: 25px 15px 0
}
.current-employer-project .fre-table-col.project-bids-col {
padding-left: 15px
}
.current-employer-project .fre-table-col.project-action-col {
padding-left: 10px;
padding-right: 10px;
padding-bottom: 30px
}
.previous-employer-project .fre-table-col.project-title-col {
padding-left: 15px;
padding-right: 15px
}
.previous-employer-project .fre-table-col.project-start-col {
padding-left: 15px;
min-width: auto
}
.previous-employer-project .fre-table-col.project-review-col {
padding-left: 15px;
padding-right: 15px;
padding-bottom: 30px
}
.project-action-col {
font-size: 0
}
.project-action-col a {
margin-top: 10px;
margin-right: 5px;
margin-left: 5px;
min-width: auto;
width: calc(50% - 10px)
}
.current-freelance-project .fre-table-col.project-title-col {
padding-left: 15px;
padding-right: 15px
}
.current-freelance-project .fre-table-col.project-status-col {
position: initial;
top: initial;
right: initial;
display: block;
text-align: left;
padding: 25px 15px 0
}
.current-freelance-project .fre-table-col.project-bids-col {
padding-left: 15px
}
.current-freelance-project .fre-table-col.project-action-col {
padding-left: 10px;
padding-right: 10px;
padding-bottom: 30px
}
.previous-freelance-project .fre-table-col.project-title-col {
padding-left: 15px;
padding-right: 15px
}
.previous-freelance-project .fre-table-col.project-start-col {
padding-left: 15px
}
.previous-freelance-project .fre-table-col.project-review-col {
padding-left: 15px;
padding-right: 15px;
padding-bottom: 30px
}
}
.fre-project-detail-wrap {
margin: 50px 0 0
}
@media (max-width: 991px) {
.fre-project-detail-wrap {
margin-top: 30px
}
}
.project-detail-box {
background: #FFF;
padding: 34px 40px 30px;
border-top: 1px solid #ededed;
border-top: 1px solid #ededed;
box-shadow: 0px 1px 1px 0px rgba(185, 184, 184, 0.75)
}
.project-detail-box+.project-detail-box {
margin: 22px 0 0
}
.project-detail-title {
margin: 0;
font-size: 20px;
font-weight: 700;
color: #415161;
line-height: 1.45em
}
.project-detail-title a {
color: #415161
}
.project-bid-info-list {
margin: 0;
padding: 0;
font-size: 0
}
.project-bid-info-list>li {
list-style-type: none;
display: inline-block;
padding-right: 50px;
margin: 10px 0 0;
vertical-align: top
}
.project-bid-info-list>li:last-child {
padding-right: 0
}
.project-bid-info-list>li a span:hover {
color: #415161
}
.project-bid-info-list>li span {
display: block
}
.project-bid-info-list>li span:first-child {
font-size: 15px;
color: #415161
}
.project-bid-info-list>li span:last-child {
font-size: 14px;
font-weight: 600;
color: #1fbdbd;
margin: 4px 0 0
}
.project-detail-posted {
margin: 6px 0 0;
font-size: 14px;
color: #415161;
text-align: right;
line-height: 1.3em
}
.project-detail-status {
display: block;
margin: 12px 0 0;
font-size: 18px;
font-weight: 600;
color: #1fbdbd;
text-align: right;
line-height: 1em
}
.project-detail-action {
margin: 18px 0 0;
text-align: right
}
.project-detail-action .fre-action-btn+.fre-action-btn {
margin-left: 7px
}
.project-detail-action .fre-normal-btn,
.project-detail-action .fre-normal-btn-disable {
min-width: 108px
}
.project-detail-action .fre-normal-btn+.fre-normal-btn,
.project-detail-action .fre-normal-btn-disable+.fre-normal-btn,
.project-detail-action .fre-normal-btn+.fre-normal-btn-disable,
.project-detail-action .fre-normal-btn-disable+.fre-normal-btn-disable {
margin-left: 7px
}
.project-detail-desc {
padding: 34px 40px 36px;
font-size: 14px;
line-height: 1.8em;
border-bottom: 1px solid #ededed
}
.project-detail-desc>h4 {
margin: 0 0 12px;
font-size: 18px;
font-weight: 600;
color: #415161;
line-height: 1.45em
}
.project-detail-extend {
padding: 1px 40px 36px
}
.project-detail-skill h4 {
margin: 0 0 8px;
font-size: 18px;
font-weight: 600;
color: #415161;
line-height: 1.45em
}
.project-detail-skill .fre-label {
font-size: 14px;
color: #415161;
margin-top: 10px
}
.project-detail-category {
margin: 5px 0 0
}
.project-detail-category h4 {
margin: 0 0 10px;
font-size: 16px;
color: #415161;
line-height: 1.45em
}
.project-detail-category>a {
font-size: 16px;
color: #1fbdbd;
line-height: 1.8em
}
.project-detail-category>a:hover {
color: #1fbdbd
}
.project-detail-milestone {
margin: 40px 0 0
}
.project-detail-milestone h4 {
margin: 0 0 14px;
font-size: 18px;
font-weight: 600;
color: #415161;
line-height: 1.45em
}
.project-detail-about {
margin: 38px 0 0
}
.project-detail-about h4 {
margin: 0 0 8px;
font-size: 18px;
font-weight: 600;
color: #415161;
line-height: 1.45em
}
.project-employer-rating span {
padding: 6px 0;
margin-right: 30px;
display: inline-block;
font-size: 16px;
color: #415161;
line-height: 1em
}
.project-employer-rating span.rate-it {
font-size: 14px
}
.project-employer-since {
font-size: 16px;
color: #415161;
line-height: 1em;
margin: 12px 0 0
}
.project-detail-attach {
margin: 20px 0 0;
padding: 0
}
.project-detail-attach>li {
margin: 12px 0 0;
list-style-type: none;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 1.3em
}
.project-detail-attach>li:first-child {
margin: 0
}
.project-detail-attach>li a {
display: inline-block;
font-size: 16px;
font-weight: 600;
color: #1fbdbd
}
.project-detail-attach>li a i {
margin-right: 10px
}
.freelancer-bidding-head {
border-bottom: 1px solid #ededed
}
.freelancer-bidding-head .col-free-bidding {
padding: 20px 0 20px 40px;
font-size: 14px;
font-weight: 700;
color: #415161;
line-height: 1em
}
.freelancer-bidding-head .col-free-reputation {
padding: 20px 0;
font-size: 14px;
font-weight: 700;
color: #415161;
line-height: 1em
}
.freelancer-bidding-head .col-free-bid {
padding: 20px 40px 20px 0;
font-size: 14px;
font-weight: 700;
color: #415161;
line-height: 1em
}
.freelancer-bidding>.row {
position: relative
}
.freelancer-bidding>.row:last-child:before {
display: none
}
.freelancer-bidding>.row:before {
width: calc(100% - 110px);
height: 1px;
background: #ededed;
position: absolute;
left: 55px;
bottom: 0
}
.freelancer-bidding .col-free-bidding {
padding: 32px 0 0 120px;
float: left;
position: relative
}
.freelancer-bidding .col-free-reputation {
padding: 28px 0 0 0
}
.freelancer-bidding .col-free-bid {
padding: 32px 40px 0 0
}
.col-free-bidding h2 {
margin: -5px 0 0;
font-size: 18px;
font-weight: 700;
line-height: 1.45em
}
.col-free-bidding h2 a {
color: #415161
}
.col-free-bidding>p {
margin: 0;
font-size: 16px;
color: #415161;
line-height: 1.6em
}
.col-free-bidding+.free-ribbon {
float: left;
margin-left: 36px
}
.free-bidding-avatar {
display: block;
position: absolute;
top: 32px;
left: 40px;
width: 60px;
height: 60px
}
.free-bidding-avatar img {
width: 100%;
height: auto;
border-radius: 50%
}
.col-free-reputation .rate-it {
margin: 0 0 4px
}
.col-free-reputation p {
margin: 0;
font-size: 16px;
color: #415161;
line-height: 1.6em
}
.col-free-bid>p {
margin: 0;
font-size: 16px;
color: #415161;
line-height: 1.6em
}
.col-free-bid>p b {
font-size: 22px;
font-weight: 600
}
@media (max-width: 767px) {
.col-free-bid>p b {
font-size: 20px
}
}
.col-free-bid+.free-ribbon {
float: left;
margin-left: 20px;
margin-top: 18px
}
.col-content-bid {
clear: both;
padding: 12px 30px 12px 120px
}
.col-content-bid p {
font-size: 16px;
color: #415161;
line-height: 1.8em
}
.col-content-bid .fre-normal-btn,
.col-content-bid .fre-normal-btn-disable {
min-width: 134px;
margin-right: 8px;
margin-top: 16px;
margin-bottom: 16px
}
.col-content-bid .fre-normal-btn-o {
min-width: 114px;
margin-top: 10px;
margin-bottom: 16px
}
.col-content-more {
color: #1fbdbd
}
.freelancer-bidding-not-found {
padding: 30px 0
}
.freelancer-bidding-not-found p {
margin: 0;
padding-left: 40px;
font-size: 14px;
color: #415161;
line-height: 1.8em
}
.fre-money-transfered {
font-size: 16px;
font-style: italic;
font-weight: 300;
color: #415161
}
.fre-transfer-money-info {
font-size: 16px
}
.fre-transfer-money-info p {
margin: 0;
color: #2c3e50;
line-height: 1.8em
}
.transfer-budget,
.transfer-commision {
padding: 20px 0 0;
color: #2c3e50
}
.transfer-budget:after,
.transfer-commision:after {
content: '';
display: table;
clear: both
}
.transfer-budget span,
.transfer-commision span {
display: block;
line-height: 1em;
}
.transfer-budget span:first-child,
.transfer-commision span:first-child {
float: left;
}
.transfer-budget span:last-child,
.transfer-commision span:last-child {
float: right;
font-weight: 600
}
.transfer-amount {
margin: 26px 0 0;
padding: 26px 0 0;
border-top: 1px solid #dbdbdb
}
.transfer-amount:after {
content: '';
display: table;
clear: both
}
.transfer-amount span {
display: block;
line-height: 1em
}
.transfer-amount span:first-child {
float: left
}
.transfer-amount span:last-child {
float: right;
font-weight: 600;
color: #1fbdbd
}
@media (max-width: 991px) {
.project-detail-box {
padding: 24px 30px 30px
}
.project-detail-posted {
margin: 30px 0 0;
text-align: left
}
.project-detail-status {
text-align: left
}
.project-detail-action {
text-align: left
}
.project-detail-desc {
padding: 24px 30px 26px
}
.project-detail-extend {
padding: 24px 30px 26px
}
.freelancer-bidding-head .col-free-bidding {
padding-left: 30px
}
.freelancer-bidding-head .col-free-bid {
padding-right: 30px
}
.freelancer-bidding>.row {
position: relative
}
.freelancer-bidding>.row:last-child:before {
display: none
}
.freelancer-bidding>.row:before {
width: calc(100% - 90px);
height: 1px;
background: #ededed;
position: absolute;
left: 45px;
bottom: 0
}
.freelancer-bidding .col-free-bidding {
padding-left: 110px
}
.freelancer-bidding .col-free-reputation {
padding-top: 18px;
padding-left: 30px
}
.freelancer-bidding .col-free-bid {
padding-right: 30px
}
.free-bidding-avatar {
left: 30px
}
.col-content-bid {
padding-top: 24px;
padding-left: 30px
}
.col-free-reputation .rate-it {
display: inline-block;
margin-right: 30px
}
.col-free-reputation p {
display: inline-block;
margin-right: 30px
}
}
@media (max-width: 767px) {
.fre-project-detail-wrap {
margin-left: -15px;
margin-right: -15px
}
.project-detail-box {
padding-left: 15px;
padding-right: 15px
}
.project-bid-info-list>li {
width: 50%;
padding: 0;
margin: 20px 0 0
}
.project-detail-posted {
margin: 20px 0 0
}
.project-detail-desc {
padding-left: 15px;
padding-right: 15px
}
.project-detail-category {
margin-top: 30px
}
.project-detail-about {
margin-top: 28px
}
.project-detail-extend {
padding-left: 15px;
padding-right: 15px
}
.freelancer-bidding-head>.row {
margin: 0
}
.freelancer-bidding-head .col-free-bidding {
padding-left: 0
}
.freelancer-bidding>.row {
position: relative;
margin: 0
}
.freelancer-bidding>.row:last-child:before {
display: none
}
.freelancer-bidding>.row:before {
width: calc(100% - 30px);
height: 1px;
background: #ededed;
position: absolute;
left: 15px;
bottom: 0
}
.freelancer-bidding .col-free-bidding {
padding-left: 80px;
float: none
}
.freelancer-bidding .col-free-reputation {
padding-left: 0
}
.freelancer-bidding .col-free-bid {
padding-top: 18px;
padding-right: 0;
float: left
}
.freelancer-bidding .col-free-bid p {
display: inline-block;
margin-right: 3px
}
.freelancer-bidding .col-content-bid {
padding-top: 14px;
padding-left: 0;
padding-right: 0
}
.col-content-bid .fre-normal-btn,
.col-content-bid .fre-normal-btn-disable {
min-width: auto;
width: calc(50% - 7px);
margin-right: 5px
}
.col-content-bid .fre-normal-btn-o {
min-width: auto;
width: calc(50% - 7px);
margin-left: 5px
}
.free-bidding-avatar {
left: 0
}
}
.workspace-conversation {
position: relative;
height: 672px;
overflow: hidden
}
@media (max-width: 991px) {
.workspace-conversation .fre-conversation-wrap {
padding: 30px 0
}
}
.project-detail-box+.workspace-project-box {
margin: 22px 0 0
}
.workspace-project-box {
margin: 22px 0 0
}
.workspace-conversation {
background: #FFF;
border-top: 1px solid #ededed;
border-top: 1px solid #ededed;
box-shadow: 0px 1px 1px 0px rgba(185, 184, 184, 0.75)
}
.workspace-conversation .workspace-title {
padding-left: 40px;
padding-right: 40px
}
.workspace-files-wrap {
background: #FFF;
border-top: 1px solid #ededed;
border-top: 1px solid #ededed;
box-shadow: 0px 1px 1px 0px rgba(185, 184, 184, 0.75);
padding-top: 40px;
padding-bottom: 60px;
overflow: hidden;
height: 672px
}
.workspace-files-wrap.mCustomScrollbar:after {
display: block;
width: 20px;
margin: 0 auto;
content: '\f0d7 ';
font-family: 'FontAwesome';
font-size: 16px;
color: #415161;
position: absolute;
bottom: 24px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
.workspace-files-wrap.mCustomScrollbar.mCS_no_scrollbar:after {
display: none
}
.workspace-files-wrap .mCSB_scrollTools .mCSB_draggerContainer {
display: none
}
.workspace-milestone {
padding-left: 40px;
padding-right: 40px
}
.workspace-milestone.fade {
opacity: 1
}
@media (max-width: 991px) {
.workspace-milestone.fade {
display: none
}
}
@media (max-width: 991px) {
.workspace-milestone.fade.active {
display: block
}
}
.workspace-milestone .workspace-title {
padding-top: 0
}
.workspace-milestone+.workspace-files .workspace-title {
padding-top: 40px
}
.workspace-milestone+.workspace-files .workspace-add-files {
top: 40px
}
.workspace-milestone+.workspace-files .lock-file-upload-btn {
top: 40px
}
.workspace-milestone .cat-list-milestone>li:first-child {
margin-top: 26px
}
@media (max-width: 991px) {
.workspace-milestone .cat-list-milestone>li:first-child {
margin-top: 0
}
}
.workspace-files {
padding-left: 40px;
padding-right: 40px
}
.workspace-files .workspace-title {
padding-top: 0
}
.workspace-title {
margin: 0;
padding: 40px 0 30px;
font-size: 18px;
font-weight: 600;
color: #415161;
line-height: 1em;
border-bottom: 1px solid #ededed
}
.workspace-files {
position: relative
}
.workspace-files.fade {
opacity: 1
}
@media (max-width: 991px) {
.workspace-files.fade {
display: none
}
}
@media (max-width: 991px) {
.workspace-files.fade.active {
display: block
}
}
.workspace-add-files {
display: inline-block;
position: absolute;
top: 0;
right: 40px;
font-size: 16px;
color: #1fbdbd
}
.workspace-add-files i {
margin-right: 5px
}
.workspace-add-files:hover,
.workspace-add-files:focus {
color: #1fbdbd
}
.lock-file-upload-btn {
display: inline-block;
position: absolute;
top: 0;
right: 40px;
font-size: 16px;
color: #1fbdbd
}
.lock-file-upload-btn.lock-btn-disabled {
pointer-events: none;
opacity: 0.6
}
.lock-file-upload-btn i {
margin-right: 5px
}
.lock-file-upload-btn:hover,
.lock-file-upload-btn:focus {
color: #1fbdbd
}
.workspace-files-list {
margin: 0;
padding: 0
}
.workspace-files-list>li {
list-style-type: none;
margin: 26px 0 0
}
@media (max-width: 991px) {
.workspace-files-list>li:first-child {
margin-top: 0
}
}
.workspace-files-list>li.no_file_upload {
font-size: 16px;
color: #7b8d96;
line-height: 1.8em
}
@media (max-width: 767px) {
.workspace-files-list>li.no_file_upload {
text-align: center
}
}
.workspace-files-list>li p {
position: relative;
margin: 0 0 6px;
padding-right: 60px;
font-size: 16px;
color: #415161;
text-overflow: ellipsis;
overflow: hidden;
line-height: 1.4em;
white-space: nowrap
}
.workspace-files-list>li p span {
display: block;
text-align: right;
position: absolute;
top: 0;
right: 0
}
.workspace-files-list>li p span a {
display: inline-block;
color: #666f78
}
.workspace-files-list>li p span a+a {
margin-left: 13px
}
.workspace-files-list>li span {
color: #7b8d96
}
.conversation-typing-wrap {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: #FFF
}
.conversation-typing {
position: relative;
min-height: 54px;
max-height: 78px;
overflow: auto;
border-top: 1px solid #ededed;
padding-left: 30px;
padding-right: 100px;
padding-top: 17px
}
@media (max-width: 991px) {
.conversation-typing {
padding-left: 20px
}
}
@media (max-width: 767px) {
.conversation-typing {
padding-left: 15px
}
}
.conversation-typing textarea {
width: 100%;
max-width: 100%;
height: 100%;
outline: none;
resize: none;
border: none;
font-size: 16px;
color: #415161;
padding: 0;
vertical-align: middle;
line-height: 1.2em
}
.conversation-submit-btn {
position: relative
}
.conversation-send-file-btn {
margin: 0;
display: block;
width: 30px;
height: 30px;
position: absolute;
bottom: 13px;
right: 64px;
line-height: 30px;
text-align: center;
font-size: 20px;
cursor: pointer;
color: #bdc3c7
}
@media (max-width: 991px) {
.conversation-send-file-btn {
right: 48px
}
}
.conversation-send-file-btn input {
display: none
}
.conversation-send-file-btn:hover {
color: #1fbdbd
}
.conversation-send-file-btn a {
color: #bdc3c7
}
.conversation-send-file-btn a:hover {
color: #1fbdbd
}
.conversation-send-message-btn {
margin: 0;
display: block;
width: 30px;
height: 30px;
position: absolute;
bottom: 13px;
right: 25px;
line-height: 30px;
font-size: 20px;
text-align: center;
cursor: pointer;
color: #1fbdbd
}
@media (max-width: 991px) {
.conversation-send-message-btn {
right: 16px
}
}
@media (max-width: 767px) {
.conversation-send-message-btn {
right: 10px
}
}
.conversation-send-message-btn input {
display: none
}
.conversation-send-message-btn.disabled {
color: #bdc3c7
}
.nav-tabs-workspace>li,
.nav-tabs-disputed>li {
padding: 0 30px
}
.nav-tabs-workspace>li.active>a,
.nav-tabs-disputed>li.active>a {
color: #1fbdbd;
border: none
}
.nav-tabs-workspace>li.active>a span,
.nav-tabs-disputed>li.active>a span {
color: #1fbdbd
}
.nav-tabs-workspace>li.active>a:after,
.nav-tabs-disputed>li.active>a:after {
background: #1fbdbd
}
.nav-tabs-workspace>li.active>a:hover,
.nav-tabs-workspace>li.active>a:focus,
.nav-tabs-disputed>li.active>a:hover,
.nav-tabs-disputed>li.active>a:focus {
background: none;
border: none
}
.nav-tabs-workspace>li>a,
.nav-tabs-disputed>li>a {
padding: 30px 0;
font-size: 18px;
font-weight: 600;
color: #919191;
border: none
}
.nav-tabs-workspace>li>a:hover,
.nav-tabs-disputed>li>a:hover {
background: none;
border: none
}
.nav-tabs-workspace>li>a:after,
.nav-tabs-disputed>li>a:after {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px
}
.project-employer-review {
position: relative;
padding-left: 80px
}
@media (max-width: 767px) {
.project-employer-review {
padding-left: 56px
}
}
.project-employer-review h2 {
margin: 0;
padding: 5px 0 10px 0;
font-size: 18px;
font-weight: 700;
line-height: 1.45em
}
.project-employer-review h2 a {
color: #415161
}
.project-employer-review p {
font-size: 16px;
color: #415161;
line-height: 1.8em
}
.project-employer-review .fre-normal-btn,
.project-employer-review .fre-normal-btn-disable {
margin: 16px 0 0
}
@media (max-width: 767px) {
.project-employer-review .fre-normal-btn,
.project-employer-review .fre-normal-btn-disable {
margin-left: -56px;
width: calc(100% + 56px)
}
}
.employer-avatar-review {
position: absolute;
top: 0;
left: 0;
width: 60px;
height: 60px
}
@media (max-width: 767px) {
.employer-avatar-review {
width: 40px;
height: 40px
}
}
.employer-avatar-review img {
border-radius: 50%;
width: 100%;
height: 100%
}
@media (min-width: 992px) {
.workspace-conversation {
display: block !important
}
.workspace-files-wrap {
display: block !important;
height: 672px !important
}
}
@media (max-width: 991px) {
.workspace-project-box {
background: #FFF;
border-top: 1px solid #ededed;
border-top: 1px solid #ededed;
box-shadow: 0px 1px 1px 0px rgba(185, 184, 184, 0.75)
}
.workspace-conversation {
border: none;
box-shadow: none;
height: 578px
}
.workspace-files-wrap {
display: none;
padding-top: 30px;
padding-bottom: 60px;
border: none;
box-shadow: none;
height: 578px
}
.workspace-files-wrap.mCS_no_scrollbar {
padding-bottom: 30px
}
.workspace-milestone {
padding-left: 30px;
padding-right: 30px
}
.workspace-files {
padding-left: 30px;
padding-right: 30px
}
.workspace-title {
display: none
}
.workspace-add-files {
position: initial;
top: initial;
right: initial;
margin: 0 0 26px
}
.lock-file-upload-btn {
position: initial;
top: initial;
right: initial;
margin: 0 0 26px
}
}
@media (max-width: 767px) {
.workspace-project-box>.row {
margin: 0
}
.workspace-project-box>.row>div {
padding: 0
}
.nav-tabs-workspace,
.nav-tabs-disputed {
position: relative;
text-align: center
}
.nav-tabs-workspace>li,
.nav-tabs-disputed>li {
display: none
}
.nav-tabs-workspace>li.active,
.nav-tabs-disputed>li.active {
display: inline-block;
text-align: center;
float: none
}
.nav-tabs-workspace>li.prev,
.nav-tabs-disputed>li.prev {
display: inline-block;
position: absolute;
top: 0;
left: 0;
padding-left: 13px
}
.nav-tabs-workspace>li.prev a,
.nav-tabs-disputed>li.prev a {
padding-left: 0;
padding-right: 10px
}
.nav-tabs-workspace>li.prev a:before,
.nav-tabs-disputed>li.prev a:before {
content: "\f104";
font-family: 'FontAwesome';
font-size: 30px;
font-weight: 300;
color: #919191;
line-height: 0.8em
}
.nav-tabs-workspace>li.prev a span,
.nav-tabs-disputed>li.prev a span {
display: none
}
.nav-tabs-workspace>li.prev a:hover,
.nav-tabs-disputed>li.prev a:hover {
background: none;
border-color: transparent
}
.nav-tabs-workspace>li.next,
.nav-tabs-disputed>li.next {
display: inline-block;
position: absolute;
top: 0;
right: 0;
padding-right: 13px
}
.nav-tabs-workspace>li.next>a,
.nav-tabs-disputed>li.next>a {
padding-right: 0;
padding-left: 10px
}
.nav-tabs-workspace>li.next>a:before,
.nav-tabs-disputed>li.next>a:before {
content: "\f105";
font-family: 'FontAwesome';
font-size: 30px;
font-weight: 300;
color: #919191;
line-height: 0.8em
}
.nav-tabs-workspace>li.next>a span,
.nav-tabs-disputed>li.next>a span {
display: none
}
.nav-tabs-workspace>li.next>a:hover,
.nav-tabs-disputed>li.next>a:hover {
background: none;
border-color: transparent
}
.nav-tabs-workspace>li>a,
.nav-tabs-disputed>li>a {
font-size: 16px;
padding: 16px 0
}
.workspace-milestone {
padding-left: 15px;
padding-right: 15px
}
.workspace-files-wrap {
padding-top: 26px;
overflow: visible
}
.workspace-files-wrap .mCSB_container {
overflow: visible
}
.workspace-files {
padding-left: 15px;
padding-right: 15px
}
}
.fre-conversation-wrap {
padding: 20px 0
}
.fre-conversation-list {
margin: 0;
padding-left: 30px;
padding-right: 33px;
color: #415161
}
.fre-conversation-list>li {
margin: 0 0 15px;
position: relative;
list-style-type: none;
padding-left: 82px;
padding-right: 52px;
min-height: 36px
}
@media (max-width: 767px) {
.fre-conversation-list>li {
padding-left: 36px
}
}
.fre-conversation-list>li:after {
content: '';
display: table;
clear: both
}
.fre-conversation-list>li:last-child {
margin-bottom: 0
}
.fre-conversation-list>li.partner-message {
padding-left: 52px;
padding-right: 82px
}
@media (max-width: 767px) {
.fre-conversation-list>li.partner-message {
padding-right: 36px
}
}
.fre-conversation-list>li.partner-message .message-avatar {
right: initial;
left: 0
}
.fre-conversation-list>li.partner-message .message-item {
float: left;
background: #f5f8fa
}
.fre-conversation-list>li.partner-message .message-item:after {
width: 0;
height: 0;
border-style: solid;
border-width: 4px 15px 10px 0;
border-color: transparent #f5f8fa transparent transparent;
right: initial;
left: -12px
}
.fre-conversation-list>li.message-time {
padding: 0;
text-align: center
}
.fre-conversation-list>li.message-time p {
margin: 0;
padding: 20px 0;
font-size: 16px;
color: #415161
}
.fre-conversation-list>li.message-none {
padding: 6px 0 0;
font-size: 16px;
color: #7b8d96;
text-align: center;
font-style: italic
}
@media (max-width: 767px) {
.fre-conversation-list>li.message-none {
padding-top: 0
}
}
.fre-conversation-list>li .message-avatar {
display: block;
width: 36px;
height: 36px;
position: absolute;
top: 3px;
right: 0
}
.fre-conversation-list>li .message-avatar img {
width: 100%;
height: auto;
border-radius: 50%
}
.fre-conversation-list>li .message-item {
position: relative;
float: right;
padding: 10px 15px;
background: #c7edfc;
font-size: 16px;
color: #415161;
line-height: 1.8em
}
.fre-conversation-list>li .message-item p {
margin: 0;
position: relative
}
.fre-conversation-list>li .message-item:after {
content: '';
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 4px 0 10px 15px;
border-color: transparent transparent transparent #c7edfc;
position: absolute;
top: 6px;
right: -12px
}
.fre-conversation-list>li .message-item-file p {
position: relative;
padding-left: 40px
}
.fre-conversation-list>li .message-item-file p i {
font-size: 24px;
color: #666f78;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.fre-conversation-list>li .message-item-file p span {
display: block;
color: #666f78
}
.fre-conversation-list>li.milestone-item-noti {
font-size: 16px;
font-style: italic;
padding-left: 0;
padding-right: 0;
text-align: center
}
.fre-conversation-disputed-list {
margin: 0;
padding-left: 40px;
padding-right: 27px
}
@media (max-width: 991px) {
.fre-conversation-disputed-list {
padding-left: 20px;
padding-right: 20px
}
}
@media (max-width: 767px) {
.fre-conversation-disputed-list {
padding-left: 15px;
padding-right: 15px
}
}
.fre-conversation-disputed-list>li {
margin: 0 0 20px;
position: relative;
list-style-type: none;
padding-left: 52px;
min-height: 36px
}
@media (max-width: 767px) {
.fre-conversation-disputed-list>li {
padding-left: 36px
}
}
.fre-conversation-disputed-list>li:after {
content: '';
display: table;
clear: both
}
.fre-conversation-disputed-list>li:last-child {
margin-bottom: 0
}
.fre-conversation-disputed-list>li.partner-message .message-item {
background: #c7edfc
}
.fre-conversation-disputed-list>li.partner-message .message-item:after {
border-color: transparent #c7edfc transparent transparent
}
.fre-conversation-disputed-list>li.admin-message .message-item {
background: #fce5e5
}
.fre-conversation-disputed-list>li.admin-message .message-item:after {
border-color: transparent #fce5e5 transparent transparent
}
.fre-conversation-disputed-list>li .message-avatar {
display: block;
width: 36px;
height: 36px;
position: absolute;
top: 3px;
left: 0
}
.fre-conversation-disputed-list>li .message-avatar img {
width: 100%;
height: auto;
border-radius: 50%
}
.fre-conversation-disputed-list>li .message-item {
position: relative;
float: left;
padding: 10px 15px;
background: #f5f8fa;
font-size: 16px;
color: #415161;
line-height: 1.8em
}
.fre-conversation-disputed-list>li .message-item .author-message {
margin: 4px 0;
font-size: 16px;
color: #415161;
font-weight: 700;
line-height: 1.3em
}
.fre-conversation-disputed-list>li .message-item .message-time {
display: block;
margin: 4px 0 0;
font-size: 14px;
color: #6c7e87
}
.fre-conversation-disputed-list>li .message-item .message-file {
margin: 15px 0 0
}
.fre-conversation-disputed-list>li .message-item .message-file a {
color: #415161
}
.fre-conversation-disputed-list>li .message-item .message-file a i {
margin-right: 5px;
font-size: 18px
}
.fre-conversation-disputed-list>li .message-item .message-file+.message-file {
margin: 2px 0 0
}
.fre-conversation-disputed-list>li .message-item p {
margin: 0;
position: relative
}
.fre-conversation-disputed-list>li .message-item:after {
content: '';
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 4px 15px 10px 0;
border-color: transparent #f5f8fa transparent transparent;
position: absolute;
top: 6px;
left: -12px
}
@media (max-width: 991px) {
.fre-conversation-list {
padding-left: 20px;
padding-right: 23px
}
}
@media (max-width: 767px) {
.fre-conversation-list {
padding-left: 15px;
padding-right: 15px
}
}
.project-dispute-box {
padding: 40px;
background: #FFF;
border-top: 1px solid #ededed;
border-top: 1px solid #ededed;
box-shadow: 0px 1px 1px 0px rgba(185, 184, 184, 0.75)
}
@media (max-width: 991px) {
.project-dispute-box {
padding: 24px 30px 30px
}
}
@media (max-width: 767px) {
.project-dispute-box {
padding-left: 15px;
padding-right: 15px
}
}
.disputed-conversation {
position: relative;
overflow: hidden;
background: #FFF;
border-top: 1px solid #ededed;
border-top: 1px solid #ededed;
box-shadow: 0px 1px 1px 0px rgba(185, 184, 184, 0.75)
}
@media (min-width: 992px) {
.disputed-conversation {
display: block !important
}
}
@media (max-width: 991px) {
.disputed-conversation {
box-shadow: none;
border: none
}
.disputed-conversation .disputed-title {
display: none
}
}
.disputed-conversation .fre-conversation-disputed-wrap {
padding: 20px 0
}
@media (max-width: 991px) {
.disputed-conversation .fre-conversation-disputed-wrap {
padding: 30px 0
}
}
.disputed-title {
margin: 0;
padding: 40px 40px 30px;
font-size: 18px;
font-weight: 600;
color: #415161;
line-height: 1em;
border-bottom: 1px solid #ededed
}
.project-disputed-info-list {
margin: 0;
padding: 0;
font-size: 0
}
.project-disputed-info-list>li {
list-style-type: none;
display: inline-block;
padding-right: 50px;
margin: 30px 0 0;
vertical-align: top
}
.project-disputed-info-list>li:last-child {
padding-right: 0
}
.project-disputed-info-list>li a span:hover {
color: #415161
}
.project-disputed-info-list>li span {
display: block
}
.project-disputed-info-list>li span:first-child {
font-size: 16px;
color: #415161
}
.project-disputed-info-list>li span:last-child {
font-size: 18px;
font-weight: 600;
color: #1fbdbd;
margin: 4px 0 0
}
.project-dispute-wrap {
margin: 22px 0 0
}
@media (max-width: 991px) {
.project-dispute-wrap {
background: #FFF;
border-top: 1px solid #ededed;
border-top: 1px solid #ededed;
box-shadow: 0px 1px 1px 0px rgba(185, 184, 184, 0.75)
}
}
@media (max-width: 767px) {
.project-dispute-wrap>.row {
margin: 0
}
.project-dispute-wrap>.row>div {
padding: 0
}
}
.disputed-info-wrap {
padding: 40px;
background: #FFF;
border-top: 1px solid #ededed;
border-top: 1px solid #ededed;
box-shadow: 0px 1px 1px 0px rgba(185, 184, 184, 0.75)
}
@media (max-width: 991px) {
.disputed-info-wrap {
border: none;
box-shadow: none;
padding: 30px
}
}
@media (max-width: 767px) {
.disputed-info-wrap {
padding-left: 15px;
padding-right: 15px
}
}
.disputed-info-wrap>p {
margin: 0;
font-size: 16px;
color: #415161;
line-height: 1.8em
}
.disputed-info-link {
border-top: 1px solid #ededed;
padding: 18px 0 0;
margin: 24px 0 0
}
.disputed-info-link p {
margin: 0;
padding: 12px 0;
line-height: 1em
}
.disputed-info-link p:last-child {
padding-bottom: 0
}
.disputed-info-link p a {
font-size: 16px;
color: #415161
}
.disputed-info-link p a i {
margin-right: 10px;
font-size: 14px;
font-weight: 700
}
.conversation-disputed-typing {
background: #f7f7f7;
padding: 20px 30px;
border-top: 1px solid #ededed
}
@media (max-width: 991px) {
.conversation-disputed-typing {
padding-left: 20px;
padding-right: 20px
}
}
@media (max-width: 767px) {
.conversation-disputed-typing {
padding-left: 15px;
padding-right: 15px
}
}
.conversation-disputed-typing textarea {
padding: 12px 10px;
width: 100%;
max-width: 100%;
min-height: 120px;
font-size: 16px;
color: #415161
}
.conversation-disputed-typing input[type="submit"] {
margin-top: 16px;
min-width: 110px
}
.disputed-attached-typing .fre-attached-list>li:first-child {
margin-top: 16px;
padding-top: 16px;
border-top: 1px solid #dbdbdb
}
.disputed-attached-typing .fre-attached-list>li:last-child {
padding-bottom: 4px
}
.disputed-attach-file {
margin: 0 0 0 30px;
font-size: 16px;
font-weight: 400;
color: #415161
}
.disputed-attach-file:hover,
.disputed-attach-file:focus {
color: #415161
}
.disputed-attach-file i {
margin-right: 5px
}
.disputed-attach-file input[type="file"] {
display: none
}
@media (max-width: 991px) {
.disputed-information.fade {
display: none
}
}
@media (max-width: 767px) {
.project-disputed-info-list>li {
width: 50%;
padding: 0;
margin: 20px 0 0
}
.project-disputed-info-list>li:first-child {
width: 100%
}
}
.fre-credit-box {
background: #FFF;
border-top: 1px solid #ededed;
border-top: 1px solid #ededed;
box-shadow: 0px 1px 1px 0px rgba(185, 184, 184, 0.75)
}
.fre-credit-box+.fre-credit-box {
margin: 22px 0 0
}
.fre-credit-wrap .fre-tabs {
margin: 0 0 40px
}
.credit-balance-info {
padding: 30px 0
}
.credit-balance-info>.row {
margin: 0
}
.credit-balance-info>.row>div {
padding: 0
}
.credit-balance-info>.row>div:last-child .balance-info-item {
border: none
}
.balance-info-item {
text-align: center;
padding: 30px 0;
border-right: 1px solid #ededed
}
.balance-info-item>p {
margin: 0;
font-size: 16px;
color: #415161;
line-height: 1em
}
@media (max-width: 767px) {
.balance-info-item>p {
font-size: 14px
}
}
.balance-info-item>p>b {
display: block;
margin-top: 18px;
font-size: 24px;
font-weight: 600;
line-height: 1em
}
@media (max-width: 767px) {
.balance-info-item>p>b {
font-size: 20px
}
}
.credit-recharge {
padding: 40px;
border-bottom: 1px solid #ededed
}
.credit-recharge>h2 {
margin: 0 0 40px;
font-size: 20px;
font-weight: 600;
color: #415161;
line-height: 1em
}
.credit-recharge p {
margin: 0;
font-size: 16px;
color: #2c3e50;
line-height: 1.8em
}
.credit-withdraw {
padding: 40px
}
@media (max-width: 991px) {
.credit-withdraw {
padding: 30px
}
}
.credit-withdraw>h2 {
margin: 0 0 40px;
font-size: 20px;
font-weight: 600;
color: #2c3e50;
line-height: 1em
}
.credit-withdraw p {
margin: 0;
font-size: 16px;
color: #2c3e50;
line-height: 1.8em
}
.credit-recharge-btn-wrap .fre-normal-btn-o {
margin: 30px 0 0
}
.credit-withdraw-btn-wrap .fre-normal-btn-o,
.credit-withdraw-btn-wrap .fre-normal-btn-disable {
margin: 23px 0 0
}
.withdraw-account-table {
margin: 17px 0 0;
width: auto
}
.withdraw-account-table .fre-table-row .fre-table-col {
border: none;
padding: 11px 0;
padding-right: 30px;
text-align: left
}
.withdraw-account-table .fre-table-row .fre-table-col>i {
color: #9da4a9;
font-weight: 300
}
.withdraw-account-table .fre-table-row .fre-table-col span {
font-weight: 500;
color: #2c3e50
}
.withdraw-account-table .fre-table-row .fre-table-col span+a {
margin-left: 30px
}
.withdraw-account-table .fre-table-row .fre-table-col a {
font-weight: 600
}
.withdraw-account-table .fre-table-row .fre-table-col a:hover {
color: #1fbdbd
}
.credit-transaction-filter {
padding: 30px 40px
}
@media (max-width: 991px) {
.credit-transaction-filter {
padding-left: 30px;
padding-right: 30px
}
}
@media (max-width: 767px) {
.credit-transaction-filter {
padding-left: 15px;
padding-right: 15px;
display: none
}
}
.credit-transaction-filter>.row {
margin-left: -10px;
margin-right: -10px
}
@media (max-width: 991px) {
.credit-transaction-filter>.row {
margin-left: -5px;
margin-right: -5px
}
}
.credit-transaction-filter>.row>div {
padding-left: 10px;
padding-right: 10px
}
@media (max-width: 991px) {
.credit-transaction-filter>.row>div {
padding-left: 5px;
padding-right: 5px
}
}
.fre-period-field {
position: relative
}
.fre-period-field .fre-field-title {
display: block
}
.fre-period-field input[type="text"] {
padding-right: 40px
}
.fre-period-field .period-min-wrap {
position: relative;
float: left;
width: 47%
}
@media (max-width: 911px) {
.fre-period-field .period-min-wrap {
width: calc(50% - 5px)
}
}
@media (max-width: 767px) {
.fre-period-field .period-min-wrap {
width: 100%
}
}
.fre-period-field .period-min-wrap:after {
content: '\f073';
font-family: 'FontAwesome';
font-size: 16px;
color: #9da4a9;
position: absolute;
top: 50%;
right: 15px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.fre-period-field .period-max-wrap {
position: relative;
float: right;
width: 47%
}
@media (max-width: 911px) {
.fre-period-field .period-max-wrap {
width: calc(50% - 5px)
}
}
@media (max-width: 767px) {
.fre-period-field .period-max-wrap {
width: 100%;
margin-top: 10px
}
}
.fre-period-field .period-max-wrap:after {
content: '\f073';
font-family: 'FontAwesome';
font-size: 16px;
color: #9da4a9;
position: absolute;
top: 50%;
right: 15px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.fre-period-field>span {
display: inline-block;
position: absolute;
bottom: 15px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
line-height: 1em
}
@media (max-width: 911px) {
.fre-period-field>span {
display: none
}
}
.transaction-filter-header {
border-bottom: 1px solid #ededed
}
.transaction-filter-title {
position: relative;
display: block;
padding: 22px 15px;
font-size: 16px;
font-weight: 600;
color: #2c3e50;
line-height: 1em
}
.transaction-filter-title:after {
content: '\f107';
font-family: 'FontAwesome';
font-size: 20px;
position: absolute;
top: 22px;
right: 15px
}
.transaction-filter-title:hover,
.transaction-filter-title:focus,
.transaction-filter-title:active {
color: #2c3e50
}
.transaction-filter-clear {
display: inline-block;
font-size: 16px;
font-weight: 600;
color: #1fbdbd;
line-height: 1em
}
@media (max-width: 991px) {
.transaction-filter-clear {
margin-top: 10px
}
}
@media (max-width: 767px) {
.transaction-filter-clear {
width: 100%;
padding: 12px 0;
text-align: center;
border: 2px solid #1fbdbd;
border-radius: 4px
}
}
.transaction-filter-clear:hover,
.transaction-filter-clear:focus,
.transaction-filter-clear:active {
color: #1fbdbd
}
.fre-credit-filter-box.active .credit-transaction-filter {
display: block
}
.credit-transaction-wrap .fre-table-col {
text-align: left;
line-height: 1.6em
}
.credit-transaction-wrap .table-col-type>b {
display: none
}
.credit-transaction-wrap .table-col-action>span {
display: none
}
.credit-transaction-wrap .table-col-action a,
.credit-transaction-wrap .table-col-action a:hover,
.credit-transaction-wrap .table-col-action a:focus {
color: #1fbdbd
}
.credit-transaction-wrap .table-col-status>span {
display: none
}
.credit-transaction-wrap .table-col-payment {
min-width: 190px
}
.credit-transaction-wrap .table-col-time {
min-width: 160px
}
@media (max-width: 991px) {
.credit-balance-info {
padding: 20px 0
}
.credit-recharge {
padding: 30px
}
.credit-recharge>h2 {
margin: 0 0 30px
}
.credit-withdraw {
padding: 30px
}
.credit-withdraw>h2 {
margin: 0 0 30px
}
.credit-recharge-btn-wrap .fre-normal-btn-o {
margin: 20px 0 0
}
.credit-withdraw-btn-wrap .fre-normal-btn-o,
.credit-withdraw-btn-wrap .fre-normal-btn-disable {
margin: 15px 0 0
}
.credit-transaction-wrap .fre-table {
display: block
}
.credit-transaction-wrap .fre-table-head {
display: none
}
.credit-transaction-wrap .fre-table-row {
display: block;
position: relative
}
.credit-transaction-wrap .fre-table-row .fre-table-col:first-child {
padding-left: 30px
}
.credit-transaction-wrap .fre-table-row .fre-table-col:last-child {
padding-right: 30px
}
}
@media (max-width: 991px) and (max-width: 767px) {
.credit-transaction-wrap .fre-table-row .fre-table-col:first-child {
padding-left: 15px
}
.credit-transaction-wrap .fre-table-row .fre-table-col:last-child {
padding-right: 15px
}
}
@media (max-width: 991px) {
.credit-transaction-wrap .fre-table-col {
display: block
}
.credit-transaction-wrap .table-col-type {
width: 70%;
float: left;
padding-left: 30px;
border: none;
padding: 24px 0 7px 30px
}
.credit-transaction-wrap .table-col-type b {
display: inline-block
}
}
@media (max-width: 991px) and (max-width: 767px) {
.credit-transaction-wrap .table-col-type {
float: none;
width: 100%;
padding-left: 15px;
padding-right: 15px
}
}
@media (max-width: 991px) {
.credit-transaction-wrap .table-col-amount {
display: none
}
.credit-transaction-wrap .table-col-action {
width: 70%;
float: left;
padding-left: 30px;
padding: 7px 0 24px 30px
}
.credit-transaction-wrap .table-col-action>span {
display: inline-block
}
}
@media (max-width: 991px) and (max-width: 767px) {
.credit-transaction-wrap .table-col-action {
float: none;
width: 100%;
border: none;
padding: 8px 15px
}
}
@media (max-width: 991px) {
.credit-transaction-wrap .table-col-payment {
display: none
}
.credit-transaction-wrap .table-col-status {
width: 30%;
position: absolute;
top: 0;
right: 0;
text-align: right;
border: none;
padding: 24px 30px 7px 0
}
}
@media (max-width: 991px) and (max-width: 767px) {
.credit-transaction-wrap .table-col-status {
width: 100%;
position: initial;
top: initial;
right: initial;
text-align: left;
border-bottom: 1px solid #ededed;
padding: 8px 15px 24px 15px
}
.credit-transaction-wrap .table-col-status>span {
display: inline-block
}
}
@media (max-width: 991px) {
.credit-transaction-wrap .table-col-time {
width: 30%;
float: right;
text-align: right;
padding: 7px 30px 24px 0
}
}
@media (max-width: 991px) and (max-width: 767px) {
.credit-transaction-wrap .table-col-time {
display: none
}
}
#fre_credit_withdraw_form .chosen-container-single .chosen-search {
display: none
}
.credit-no-available .fre-form-btn {
margin-top: 30px
}
@media (max-width: 767px) {
.credit-no-available .fre-form-btn {
margin-top: 20px
}
}
.credit-transaction-wrap .no-transaction {
padding: 30px 40px;
font-size: 16px;
color: #415161;
line-height: 1.8em
}
@media (max-width: 767px) {
.credit-transaction-wrap .no-transaction {
padding: 20px 15px
}
}
@media (max-width: 767px) {
.fre-credit-wrap {
margin-left: -15px;
margin-right: -15px
}
.fre-credit-wrap .fre-tabs {
margin-bottom: 20px
}
.credit-balance-info {
padding: 5px 0
}
.balance-info-item {
margin: 5px 0
}
.credit-recharge {
padding-left: 15px;
padding-right: 15px
}
.credit-recharge>h2 {
margin: 0 0 30px
}
.credit-withdraw {
padding-left: 15px;
padding-right: 15px
}
.credit-withdraw>h2 {
margin: 0 0 30px
}
.credit-recharge-btn-wrap .fre-normal-btn-o {
margin: 20px 0 0;
width: 100%
}
.credit-withdraw-btn-wrap .fre-normal-btn-o,
.credit-withdraw-btn-wrap .fre-normal-btn-disable {
margin: 15px 0 0;
width: 100%
}
.withdraw-account-table {
display: block
}
.withdraw-account-table .fre-table-row {
display: block
}
.withdraw-account-table .fre-table-row+.fre-table-row {
margin: 10px 0 0
}
.withdraw-account-table .fre-table-row .fre-table-col {
display: block;
padding: 5px 0
}
.withdraw-account-table .fre-table-row .fre-table-col span {
display: block;
word-wrap: break-word
}
.withdraw-account-table .fre-table-row .fre-table-col span+a {
display: inline-block;
margin: 10px 0 0
}
}
@media (max-width: 767px) {
.fre-inbox-wrap>.row {
margin: 0
}
.fre-inbox-wrap>.row>div {
padding: 0
}
}
.inbox-user-wrap {
background: #FFF;
padding: 30px 0;
border-top: 1px solid #ededed;
box-shadow: 0px 1px 1px 0px rgba(185, 184, 184, 0.75);
min-height: 20px;
overflow: hidden
}
@media (min-width: 992px) {
.inbox-user-wrap {
display: block !important
}
}
@media (max-width: 767px) {
.inbox-user-wrap {
padding: 0;
height: auto;
border: none;
box-shadow: none
}
}
.search-inbox-user {
position: relative;
padding: 0 30px
}
@media (max-width: 767px) {
.search-inbox-user {
display: none
}
}
.search-inbox-user input {
width: 100%;
height: 38px;
padding: 10px 15px 10px 38px;
border: 1px solid #dbdbdb;
border-radius: 4px;
color: #666f78
}
.search-inbox-user i {
position: absolute;
top: 50%;
left: 44px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
color: #666f78
}
@media (max-width: 767px) {
.search-inbox-user i {
left: 29px
}
}
.chosen-inbox-read {
padding: 0 30px;
margin-top: 10px
}
@media (max-width: 767px) {
.chosen-inbox-read {
display: none
}
}
.chosen-inbox-read div.fre-chosen-single {
border-radius: 4px
}
.chosen-inbox-read div.fre-chosen-single.chosen-container-single .chosen-single {
height: 36px;
line-height: 36px
}
.chosen-inbox-read div.fre-chosen-single.chosen-container-single .chosen-search {
display: none
}
.chosen-inbox-read select.fre-chosen-single {
height: 38px
}
.inbox-user-list-wrap {
margin: 15px 0 0
}
@media (max-width: 767px) {
.inbox-user-list-wrap {
margin: 0;
width: 100%;
height: calc(100% - 194px) !important;
position: fixed;
left: 0;
bottom: 40px
}
}
.inbox-user-list-wrap.mCustomScrollbar:after {
display: block;
width: 20px;
margin: 0 auto;
content: '\f0d7 ';
font-family: 'FontAwesome';
font-size: 16px;
color: #415161;
position: absolute;
bottom: 24px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
@media (max-width: 767px) {
.inbox-user-list-wrap.mCustomScrollbar:after {
bottom: -30px
}
}
.inbox-user-list-wrap.mCustomScrollbar.mCS_no_scrollbar:after {
display: none
}
.inbox-user-list-wrap .mCSB_scrollTools .mCSB_draggerContainer {
display: none
}
.inbox-user-list {
background: #FFF;
box-shadow: 0px 1px 1px 0px rgba(185, 184, 184, 0.75);
margin: 0;
padding: 0
}
.inbox-user-list>li {
list-style-type: none;
padding: 13px 30px
}
@media (max-width: 767px) {
.inbox-user-list>li {
padding-left: 15px;
padding-right: 15px;
padding-bottom: 10px;
border-bottom: 1px solid #ededed
}
.inbox-user-list>li:first-child {
border-top: 1px solid #ededed
}
.inbox-user-list>li:last-child {
border: none
}
}
.inbox-user-list>li.active {
background: #f1f5fd
}
.inbox-user-list>li:hover {
background: #f1f5fd;
cursor: pointer
}
.inbox-item-wrap {
position: relative;
padding-left: 52px
}
.inbox-item-wrap img {
width: 36px;
height: 36px;
border-radius: 50%;
position: absolute;
left: 0;
top: 3px
}
.inbox-item-wrap>h2 {
margin: 0;
font-size: 16px;
font-weight: 600;
color: #415161;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 1.4em
}
@media (max-width: 767px) {
.inbox-item-wrap>h2 {
padding-right: 130px
}
}
.inbox-item-wrap p {
margin: 4px 0;
color: #415161;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 1.4em
}
@media (max-width: 767px) {
.inbox-item-wrap p {
display: block;
display: -webkit-box;
height: 3.2em;
margin: 0 auto;
line-height: 1.6em;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
white-space: normal;
overflow: hidden;
text-overflow: ellipsis
}
}
.inbox-item-wrap p i {
color: #1fbdbd;
margin-right: 10px
}
.inbox-item-wrap>span {
color: #7b8d96
}
@media (max-width: 767px) {
.inbox-item-wrap>span {
position: absolute;
top: 0;
right: 0
}
}
.inbox-content-wrap {
position: relative;
background: #FFF;
border-top: 1px solid #ededed;
box-shadow: 0px 1px 1px 0px rgba(185, 184, 184, 0.75);
min-height: 20px;
overflow: hidden
}
@media (max-width: 991px) {
.inbox-content-wrap {
display: none
}
}
@media (max-width: 767px) {
.inbox-content-wrap {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9999;
height: 100%
}
}
.inbox-project-title {
position: relative;
margin: 0;
padding: 24px 30px;
font-size: 16px;
font-weight: 600;
color: #415161;
line-height: 1.5em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
border-bottom: 1px solid #ededed
}
@media (max-width: 991px) {
.inbox-project-title {
padding-left: 70px
}
}
@media (max-width: 767px) {
.inbox-project-title {
padding-left: 60px;
padding-top: 15px;
padding-bottom: 15px
}
}
.inbox-project-title span {
text-decoration: underline
}
.inbox-project-title a {
color: #415161
}
.fre-back-inbox-btn {
position: absolute;
top: 18px;
left: 20px;
color: #415161;
padding: 5px 10px;
cursor: pointer
}
@media (max-width: 767px) {
.fre-back-inbox-btn {
top: 10px;
left: 5px
}
}
@media (max-width: 767px) {
.fre-inbox-message {
height: calc(100% - 111px) !important
}
}
@media (max-width: 767px) {
.page-template-page-private-message footer,
.page-template-page-private-message .copyright-wrapper {
display: none
}
}
#private_msg_form .fre-input-field {
font-size: 0
}
.no-message-wrap {
position: relative;
height: calc(100% - 76px)
}
@media (max-width: 767px) {
.no-message-wrap {
background: #FFF;
position: fixed;
width: 100%;
height: calc(100% - 154px);
top: 154px;
left: 0;
border-top: 1px solid #ededed;
box-shadow: 0px 1px 1px 0px rgba(185, 184, 184, 0.75)
}
}
.no-message-wrap>p {
padding: 0 30px;
margin: 0;
font-size: 16px;
color: #415161;
line-height: 1.8em;
text-align: center;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
@media (max-width: 767px) {
.no-message-wrap>p {
top: 40%;
padding-left: 15px;
padding-right: 15px
}
}
.page-search{
height: 60px;
}
.elementpad {
margin-top: 40px;
}