body {
    background: url("/images/bg.png?v=20180530") no-repeat scroll center top #fff;
}
@media (max-width: 992px) {
    body {
        background: none;
    }
}
body.popup {
    background: #fff;
}
body.disabled {
    padding-top: 40px;
}
body.appagent {
    margin-bottom: 75px;
}
.uppercase {
    text-transform: uppercase;
}
input[type=text],
input[type=password],
textarea,
select,
button {
    font-family: sans-serif, Tahoma, Verdana, Helvetica;
    border: 1px solid #999;
    border-radius: 2px;
    font-size: 14px;
    color: #454545;
}
input[type=text],
input[type=password],
textarea,
select {
    padding: 3px !important;
    margin: 0;
}
input.numeric[type=number]::-webkit-outer-spin-button,
input.numeric[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input.numeric[type=number] {
    -moz-appearance: textfield;
    font-family: sans-serif, Tahoma, Verdana, Helvetica;
    border: 1px solid #999;
    border-radius: 2px;
    font-size: 14px;
    color: #454545;
    padding: 3px !important;
    line-height: 18px;
}
label {
    font-weight: normal;
}
.file-upload {
    position: relative;
    overflow: hidden;
}
.file-upload input.upload {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    font-size: 25px !important;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
.file-upload .fu-button {
    background: #ddd;
    width: 78px;
    float: left;
    font-size: 15px;
    line-height: 24px;
    border: 1px solid #ccc;
    border-radius: 2px;
    text-align: center;
    padding: 6px 5px;
    margin-left: 5px;
}
.file-upload .fu-text {
    background: #f5f5f5;
    width: 200px;
    float: left;
    font-size: 15px;
    line-height: 24px;
    border: 1px solid #ccc;
    border-radius: 2px;
    text-align: left;
    padding: 6px 5px;
}
/*.file-upload .fu-text {
    width: 64%;
    line-height: 17px;
    padding: 4px;
}
.file-upload .fu-button {
	position: relative;
	overflow: hidden;
    background: #f9f9f9;
    width: 34%;
    padding-left: 0;
    padding-right: 0;
}
.file-upload .fu-button input {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}*/
.row-c2 {
    margin: 0 -7.5px;
}
.row-c2 .col {
    float: left;
    width: 50%;
    padding: 0 7.5px;
}
.nsl {
    padding-left: 0 !important;
}
.nsr {
    padding-right: 0 !important;
}
.nst {
    padding-top: 0 !important;
}
.nsb {
    padding-bottom: 0 !important;
}
.nhs {
    margin-left: 0;
    margin-right: 0;
}
.hs {
    margin-left: 15px;
    margin-right: 15px;
}
.hsl {
    margin-left: 15px;
}
.hsr {
    margin-right: 15px;
}
.hs-md {
    margin-left: 10px;
    margin-right: 10px;
}
.hsl-md {
    margin-left: 10px;
}
.hsr-md {
    margin-right: 10px;
}
.hs-sm {
    margin-left: 5px;
    margin-right: 5px;
}
.hsl-sm {
    margin-left: 5px;
}
.hsr-sm {
    margin-right: 5px;
}
.vs {
    margin-top: 15px;
    margin-bottom: 15px;
}
.vst {
    margin-top: 15px;
}
.vsb {
    margin-bottom: 15px;
}
.vs-md {
    margin-top: 10px;
    margin-bottom: 10px;
}
.vst-md {
    margin-top: 10px;
}
.vsb-md {
    margin-bottom: 10px;
}
.vs-sm {
    margin-top: 5px;
    margin-bottom: 5px;
}
.vst-sm {
    margin-top: 5px;
}
.vsb-sm {
    margin-bottom: 5px;
}
.pd {
    padding: 15px
}
.pdl {
    padding-left: 15px
}
.pdr {
    padding-right: 15px
}
.pdt {
    padding-top: 15px
}
.pdb {
    padding-bottom: 15px
}
.pd-sm {
    padding: 5px
}
.pdl-sm {
    padding-left: 5px
}
.pdr-sm {
    padding-right: 5px
}
.pdt-sm {
    padding-top: 5px
}
.pdb-sm {
    padding-bottom: 5px
}
.pd-lg {
    padding: 30px
}
.pdl-lg {
    padding-left: 30px
}
.pdr-lg {
    padding-right: 30px
}
.pdt-lg {
    padding-top: 30px
}
.pdb-lg {
    padding-bottom: 30px
}
.npd {
    padding: 0;
}
.npdl {
    padding-left: 0;
}
.npdr {
    padding-right: 0;
}
.npdt {
    padding-top: 0;
}
.npdb {
    padding-bottom: 0;
}
.w50 {
    width: 50%;
}
.w100 {
    width: 100%;
}
.c-white {
    color: white;
}
.c-red {
    color: rgb(254, 0, 0);
}
.c-dark-grey {
    color: #454545;
}
.clear:before,
.clear:after {
    content: " ";
    clear: both;
    display: table;
}
.no-pad {
    margin-left: -15px;
    margin-right: -15px;
}
.check-separator {
    display: inline-block;
    width: 24px;
}
.force-word-wrap {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}
.autohide {
    background: #5cb85c;
    color: #fff;
    border-radius: 0;
    font-size: 15px;
    line-height: 15px;
    padding: 15px;
    margin: 0 0 15px 0;
}
.hide {
    display: none;
}
.autohide.error {
    background: #990000;
}
.validation-summary-errors ul {
    padding: 10px 12px 15px 12px;
    margin: 0;
}
.validation-summary-errors li {
    color: #ff0000;
    padding: 0;
    margin: 0;
}
.text-normal {
    color: #454545;
    font-family: "AvenirLT-Book", Tahoma, Verdana, Helvetica, sans-serif;
}
.text-italic {
    font-style: italic;
}
.text-center {
    text-align: center;
}
.extra-long-time,
.travel-allowance-text,
.text-error,
.field-validation-error,
.field-validation-error span {
    color: #ff0000;
    display: block;
    clear: both;
    margin-top: 20px;
    font-weight: 900;
}
.package-selection-validation-text {
    padding-top: 20px;
    font-weight: 900;
    text-align: center;
    color: #ff0000;
}
.text-highlight {
    color: #ed1064;
}
.text-blue,
.text-blue:hover,
.text-blue:focus {
    color: #1ec2f3;
}
.text-underline,
.text-underline:hover,
.text-underline:focus {
    text-decoration: underline;
}
.text-bold,
.text-bold:hover,
.text-bold:focus {
    font-family: "AvenirLT-Black", Verdana, Helvetica, sans-serif;
}
.fa:hover {
    text-decoration: none;
}
.btn .fa {
    margin-right: 5px;
}
.btn .fa.ns {
    margin: 0;
}
.condensed {
    letter-spacing: -1px;
}
.collapsed .fa-caret-up:before,
.collapsed.fa-caret-up:before {
    content: "\f0d7";
}
.bordered {
    border: 2px dotted #959595;
    padding: 15px;
}
.bordered-content.solid,
.bordered.solid {
    border: 1px solid #959595;
}
.bordered-content.rounded,
.bordered.rounded {
    border-radius: 10px;
}
.bordered-content.bgap {
    margin-bottom: 20px;
}
.underline {
    border-bottom: 1px solid #999;
}
.form-horizontal .control-label {
    font-weight: normal;
    padding-top: 5px;
    padding-right: 0;
}
.control-label.sline {
    padding-bottom: 5px;
}
#loadingScreen {
    background: url("/images/loading.gif") no-repeat scroll center center #fff;
    display: none;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0.8;
    outline: none !important;
    position: fixed;
    z-index: 99999;
}
/* Button */
.btn-blue,
.btn-purple,
.btn-gray,
.btn-gray-dark,
.btn-orange,
.btn-yellow,
.btn-red,
.btn-green {
    display: inline-block;
    border: none;
    border-radius: 4px;
    color: #fff !important;
    font-family: "dosisSemiBold", sans-serif;
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;
    text-transform: uppercase;
    text-align: center;
    padding: 6px 15px 6px 15px;
    margin-bottom: 5px;
}
.btn-blue.med,
.btn-purple.med,
.btn-gray.med,
.btn-gray-dark.med,
.btn-orange.med,
.btn-yellow.med,
.btn-red.med,
.btn-green.med {
    font-size: 14px;
    line-height: 18px;
    border-radius: 4px;
    padding: 4px 12px 4px 12px;
}
.btn-blue.sml,
.btn-purple.sml,
.btn-gray.sml,
.btn-gray-dark.sml,
.btn-orange.sml,
.btn-yellow.sml,
.btn-red.sml,
.btn-green.sml {
    font-size: 13px;
    line-height: 18px;
    border-radius: 3px;
    padding: 2px 10px 2px 10px;
}
.btn-blue.lrg,
.btn-purple.lrg,
.btn-gray.lrg,
.btn-gray-dark.lrg,
.btn-orange.lrg,
.btn-yellow.lrg,
.btn-red.lrg,
.btn-green.lrg {
    font-size: 16px;
    padding: 7px 12px 8px 12px;
}
.btn-blue {
    background: none repeat scroll 0 0 #1ec2f3 !important;
}
.btn-purple {
    background: none repeat scroll 0 0 #ed1064 !important;
}
.btn-gray {
    background: none repeat scroll 0 0 #c2c2c2 !important;
}
.btn-dark-gray {
    background: none repeat scroll 0 0 #959595 !important;
}
.btn-gray-dark-confirmation,
.btn-gray-dark-confirmation:hover {
    background: none repeat scroll 0 0 #757575 !important;
    color: #fff;
    font-weight: 900;
}
.btn-gray-dark {
    background: none repeat scroll 0 0 #959595 !important;
}
.btn-orange {
    background: none repeat scroll 0 0 #ff4500 !important;
}
.btn-yellow {
    background: none repeat scroll 0 0 #fbe20e !important;
    color: #454545 !important;
}
.btn-red {
    background: none repeat scroll 0 0 #cc0000 !important;
}
.btn-green {
    background: none repeat scroll 0 0 #009900 !important;
}
.btn-save-profile {
    margin-top: 10px;
}
.bsl {
    margin-left: 4px;
}
.bsr {
    margin-right: 4px;
}
.bst {
    margin-top: 4px;
}
.bsb {
    margin-bottom: 4px;
}
@media (max-width: 767px) {
    .btn-m100 {
        width: 100%;
    }
    .mbtn100 {
        width: auto;
        display: block;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 10px;
    }
}
@media (min-width: 767px) {
    .admin-skills.btn-blue,
    .admin-skills.btn-red {
        font-size: 14px;
    }
}
/* background */
.bg-blue {
    background: none repeat scroll 0 0 #1ec2f3 !important;
}
.bg-purple {
    background: none repeat scroll 0 0 #ed1064 !important;
}
.bg-gray {
    background: none repeat scroll 0 0 #959595 !important;
}
.bg-orange {
    background: none repeat scroll 0 0 #ff4500 !important;
}
.bg-yellow {
    background: none repeat scroll 0 0 #fbe20e !important;
    color: #454545 !important;
}
.bg-red {
    background: none repeat scroll 0 0 #cc0000 !important;
}
.bg-green {
    background: none repeat scroll 0 0 #009900 !important;
}
/*
 * Bootstrap override   
 */
.old-container {
    max-width: 990px !important;
}
.old-container:not(.admin-container) {
    overflow-x: hidden;
}
.form-group {
    margin-bottom: 12px;
}
@media (min-width: 992px) {
    .old-container {
        width: 990px !important;
    }
}
/* jquery UI override */
.ui-autocomplete {
    border-radius: 2px !important;
}
.ui-autocomplete .ui-menu-item {
    border-radius: 2px !important;
}
.ui-autocomplete .ui-menu-item a {
    border-radius: 2px !important;
    font-weight: normal;
    font-family: "AvenirLT-Book", Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 14px;
}
.ui-tooltip,
.ui-tooltip div {
    font-family: "AvenirLT-Book", Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 14px;
}
.tip-info {
    display: inline-block;
    height: 16px;
    width: 16px;
    line-height: 16px;
    background: url('/images/icon-info.png') no-repeat left center transparent;
    padding: 0;
}
.tip-photo-info {
    display: inline-block;
    height: 16px;
    width: 16px;
    line-height: 16px;
    padding: 0;
    color: #1fc2f3;
}
.tip-photo-info + .tooltip > .tooltip-inner {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #000000;
    font-size: 12px;
    font-weight: 500;
    max-width: 100%;
    padding: 5px 15px 5px 5px;
    text-transform: none;
    display: block;
    text-align: justify;
}
.tip-info.free-booking {
    background: url('/images/free-green-small.png') no-repeat left center transparent;
    width: 30px;
    height: 30px;
}
.inactive-alert-bar {
    position: fixed;
    top: 0;
    z-index: 999;
    width: 100%;
    color: #777;
    background: #FFE5EE;
    text-align: center;
    padding: 10px;
    margin: 0;
}
.inactive-alert-bar > div {
    max-width: 960px;
    margin: 0 auto;
}
.account-toggle a {
    display: inline-block;
    padding-top: 8px !important;
}
@media (max-width: 767px) {
    .inactive-alert-bar > div {
        font-size: 12px;
    }
}
/*
 * Navbar   
 */
.navtop {
    position: relative;
    height: 90px;
    margin: 50px 0 10px 0;
}
.error-page .navtop {
	height: 40px;
}
.navtop .bars,
.navtop .user {
    position: absolute;
    top: 0;
    line-height: 32px;
    font-size: 22px;
    cursor: pointer;
    background: #eee;
    padding: 0 10px;
    border-radius: 5px;
    display: none;
    z-index: 99;
}
.navtop .user {
    right: 0;
}
.navtop .bars {
    left: 0;
}
.navtop .logo {
    margin-top: -5px;
    display: block;
    width: 255px;
	margin-bottom: 40px;
}
.error-page .navtop .logo {
    margin-bottom: 0;
}
.navtop .logo img {
    height: 52px;
}
.navtop .party-logo {
    position: absolute;
    top: -70px;
    right: 0;
}
.navtop .menu {
    float: left;
    list-style-type: none;
    min-height: 36px;
    padding: 0;
    margin: 0 0 10px 0;
}
.navtop .menu.collapse {
    display: block;
    visibility: visible;
}
.navtop .menu li {
    position: relative;
    float: left;
    list-style: none;
    padding: 0 40px 0 0;
    margin: 0;
}
.navtop .menu li.last {
    margin: 0;
}
.navtop .menu li a {
    color: #777777;
    display: block;
    font-family: "dosisSemiBold", sans-serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 34px;
    padding: 0;
    text-transform: uppercase;
}
.navtop .menu li a.active {
    color: #1fc2f3;
}
.navtop .menu li a.active.staff {
    color: #fdea4e;
}
.navtop .menu li a.active.job {
    color: #ed1064;
}
.navtop .menu ul {
    display: none;
    position: absolute;
    list-style: none;
    top: 34px;
    left: -12px;
    z-index: 999;
    background: #f3f3f3;
    width: 265px;
    padding: 3px 0;
    margin: 0;
}
.navtop .menu li:hover ul {
    display: block;
}
.navtop ul.menu ul li {
    float: none;
    padding: 0;
    margin-right: 0;
}
.navtop .menu ul li a {
    display: block;
    line-height: 16px;
    padding: 10px 12px;
}
.navtop .menu ul li:hover a {
    background: #e6e6e6;
}
.navtop .login {
    float: right;
    min-height: 32px;
}
.navtop .login.collapse {
    display: block;
    visibility: visible;
}
.navtop .login {
    float: right;
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.navtop .login li {
    float: left;
    list-style: none;
    text-align: center;
    margin: 0 10px 0 0;
}
.navtop .login li.last {
    margin: 0 0 0 0;
}
.navtop .login li a {
    color: #fff;
    display: block;
    font-family: "dosisSemiBold", sans-serif;
    font-weight: normal;
    font-size: 17px;
    line-height: 18px;
    text-align: center;
    border-radius: 3px;
    text-transform: uppercase;
    padding: 6px 15px 6px 15px;
}
.navtop .login li .btn-blue,
.navtop .login li .btn-gray-dark {
    margin-bottom: 0;
}
/* Media queries */
@media (min-width: 768px) and (max-width: 991px) {
    .navtop {
        padding: 0;
        margin: 40px 0 10px 0;
    }
    .navtop .logo {
        margin-top: 0;
    }
    .navtop .logo img {
        height: 40px;
    }
    .navtop .menu li {
        padding: 0 20px 0 0;
    }
    .navtop .login li a {
        font-size: 16px;
        line-height: 18px;
        padding: 7px 8px;
    }
}
@media (max-width: 767px) {
    .navtop {
        text-align: center;
        padding: 0;
        margin: 10px 0 10px 0;
        height: 40px;
    }
    .navtop .logo {
        float: none;
        margin-top: 0;
        margin-bottom: 0;
        display: inline;
        text-align: center;
    }
    .navtop .logo img {
        height: 30px;
    }
    .navtop .party-logo {
        display: none;
    }
    .navtop .bars {
        display: block;
    }
    .navtop .user {
        display: block;
    }
    .navtop .menu,
    .navtop .login {
        display: block;
        position: absolute;
        width: 100%;
        top: 42px;
        background: #fff;
    }
    .navtop .menu.collapse,
    .navtop .login.collapse {
        display: none;
        visibility: hidden;
    }
    .navtop .menu.collapse.in,
    .navtop .login.collapse.in {
        display: block;
        visibility: visible;
    }
    .navtop .menu {
        z-index: 1000;
        background: #f6f6f6;
        padding: 10px;
    }
    .navtop .menu li {
        float: none;
        margin: 0;
    }
    .navtop .menu ul {
        left: 0;
    }
    .navtop .login {
        z-index: 1;
        width: calc(100% + 30px);
        padding: 7px 10px 10px 10px;
        margin: 0 -15px;
    }
    .navtop .login li {
        width: 49%;
        margin: 0;
    }
    .navtop .login li.last {
        float: right;
    }
    .navtop .menu {
        width: 100%;
        border-bottom: 1px solid #959595;
        margin: 0;
        padding: 0;
    }
    .navtop .menu li {
        border: 1px solid #959595;
        border-bottom: 0;
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .navtop .menu li a {
        background: #eee;
        color: #454545;
        display: block;
        font-size: 16px;
        line-height: 36px;
        text-transform: uppercase;
        text-align: left;
        padding: 0 10px;
        margin: 0;
    }
    .navtop .menu li a:hover {
        background: #ccc;
    }
    .navtop .menu li a.active {
        background: #e3e3e3;
    }
    .navtop .menu ul {
        display: block;
        position: static;
        border: 0;
        width: auto;
        padding: 0 0 0 0;
        margin: 0;
    }
    .navtop .menu ul li {
        border-left: 5px solid #999;
        border-right: 0;
    }
    .navtop .menu ul li a {
        padding-left: 20px !important;
    }
}
@media (max-width: 425px) {
    .tip-photo-info + .tooltip > .tooltip-inner {
        font-size: 11px;
    }
    .tip-photo-info + .tooltip {
        top: 18px !important;
        left: 45px !important;
        width: 76% !important;
    }
    .tip-photo-info + .tooltip > .tooltip-arrow {
        display: none
    }
}
@media (max-width: 375px) {
    .tip-photo-info + .tooltip > .tooltip-inner {
        font-size: 11px;
    }
    .tip-photo-info + .tooltip {
        width: 72% !important;
    }
}
@media (max-width: 320px) {
    .tip-photo-info + .tooltip > .tooltip-inner {
        font-size: 9px;
    }
}
/*
 * Footer
 */
.footer {
    background: url("/images/v2/footer-bg.png") repeat #4d4d4d;
    padding: 50px 45px;
    margin: 15px 0 0 0;
}
.footer .footer-logo {
    margin-bottom: 25px;
}
.footer .copyright {
	color: #fff;
}
.footer-nav {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}
.footer-nav li a {
    font-family: 'dosisMedium', sans-serif;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    text-transform: uppercase;
    display: block;
}
.fb-logo-footer {
    padding: 5px;
}
.insta-logo-footer {
    padding: 5px;
}
@media (max-width: 767px) {
    .footer-nav {
        min-height: 170px;
    }
}
@media (max-width: 479px) {
    .footer-nav {
        min-height: 100px;
    }
    .footer-nav li a {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 5px;
    }
    .footer {
        padding: 30px;
    }
}
/* Screen size */
@media (max-width: 991px) {
    .footer .copyright {
        text-align: left;
    }
}
/*
 * General
 */
.intro-xs .panel-heading {
    padding: 0;
}
.intro-xs .panel-heading a {
    display: block;
    font-family: "dosisSemiBold", sans-serif;
    font-weight: normal;
    font-size: 16px;
    text-transform: uppercase;
    padding: 10px 15px;
}
.intro-xs .panel-body ul {
    padding: 0;
    margin: 0;
}
.intro-xs .panel-body ul li {
    display: block;
    padding: 3px 0;
}
.intro .intro-1 {
    border-bottom: 2px dotted #959595;
    float: left;
    margin: 15px 20px 0 0;
    min-height: 252px;
    width: 540px;
}
.intro h1 {
    font-family: "dosisSemiBold", sans-serif;
    font-size: 22px;
    font-weight: normal;
    text-transform: uppercase;
    padding: 0;
    margin: 0 0 15px 0;
}
.intro .text-content {
    width: 56%;
}
.intro .text-content hr {
    border: 0;
    border-bottom: 2px dotted #999;
    padding: 0 0 22px 0;
    margin: 0;
}
.intro .staff {
    width: 22%;
    padding-left: 5px;
}
.intro .client {
    width: 22%;
    padding-left: 5px;
}
.intro .find-staff {
    border: 2px dotted #a9abad;
    border-radius: 8px;
    padding: 10px;
    margin: 26px 0 0 0;
}
.intro .find-staff ul {
    min-height: 157px;
}
.intro .find-job {
    border: 2px dotted #a9abad;
    border-radius: 8px;
    padding: 10px;
    margin: 26px 0 0 0;
}
.intro .find-job ul {
    min-height: 105px;
}
.intro .find-staff a.listing {
    display: block;
    background: url("/images/bg-find-staff.png") no-repeat center top transparent;
    height: 90px;
    margin: -50px 0 9px 0;
}
.intro .find-job a.listing {
    display: block;
    background: url("/images/bg-find-job.png") no-repeat center top transparent;
    height: 90px;
    margin: -50px 0 9px 0;
}
.intro .find-staff ul,
.intro .find-job ul {
    overflow: auto;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.intro .find-staff ul li,
.intro .find-job ul li {
    display: block;
    padding: 0;
}
.intro .find-staff ul li a,
.intro .find-job ul li a {
    display: block;
    text-align: center;
    text-transform: uppercase;
    color: #454545;
}
.intro .register {
    display: block;
    background: #1ec2f3;
    border: none;
    border-radius: 5px;
    color: #fff;
    font-family: "dosisSemiBold", sans-serif;
    font-weight: normal;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 8px 11px 8px;
    margin: 10px 0 0 0;
}
.howto {
    background: #ecf8fe;
    border: 2px dotted #959595;
    border-radius: 8px;
    margin: 20px 0 0 0;
    padding: 15px 0;
}
.howto h3 {
    color: #1fc2f3;
    font-family: "dosisSemiBold", sans-serif;
    font-weight: normal;
    font-size: 18px;
    padding: 0;
    margin: 0 0 10px 0;
}
.howto .text-wrap {
    width: 60%;
    margin: 0 0 10px 0;
}
.howto .btn-wrap {
    width: 20%;
    padding-left: 0;
    margin: 0 0 10px 0;
}
.howto-btn {
    background: #959595;
    border: none;
    border-radius: 5px;
    color: #fff !important;
    display: block;
    font-family: "dosisSemiBold", sans-serif;
    font-weight: normal;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 8px 11px 8px;
}
.howto-btn i,
.howto-btn a,
.howto-btn a:hover,
.howto-btn a:focus {
    color: #fff !important;
}
@media (max-width: 767px) {
    .intro .find-staff,
    .intro .find-job {
        margin: 52px 0 10px 0;
    }
    .howto .text-wrap {
        width: 100%;
    }
    .howto .btn-wrap {
        width: 100%;
        padding-left: 15px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .intro .text-content {
        width: 50%;
    }
    .intro .staff {
        width: 25%;
    }
    .intro .client {
        width: 25%;
    }
    .howto-btn {
        font-size: 14px;
        line-height: 14px;
    }
    .intro .staff,
    .intro .client {
        padding-left: 0;
    }
    .howto .text-wrap {
        width: 56%;
    }
    .howto .btn-wrap {
        width: 22%;
    }
    .intro .text-content hr {
        padding: 0 0 10px 0;
    }
}
.banner {
    margin: 40px 0 20px 0;
}
.appagent .banner {
    margin: 8px -20px 25px -20px;
}
.banner img {
    width: 100%;
    border-radius: 5px;
}
.appagent .banner img {
    border-radius: 0;
}
.bx-wrapper .bx-controls-direction a {
    background-image: url("/images/slider-direction-nav.png");
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    text-indent: -9999px;
    height: 54px;
    width: 30px;
    top: 46%;
    z-index: 9;
}
.bx-wrapper .bx-prev,
.bx-wrapper .bx-prev:hover .bx-wrapper .bx-prev:focus {
    background-position: left top !important;
    left: -30px;
}
.bx-wrapper .bx-next,
.bx-wrapper .bx-next:hover .bx-wrapper .bx-next:focus {
    background-position: right top !important;
    right: -30px;
}
.content-wrapper {
    margin: 0 0 10px 0;
}
.bordered-content {
    position: relative;
    background: #fff;
    border: 2px dotted #959595;
    margin: 10px 0;
    padding: 15px;
}
.bordered-content.hgap {
    margin: 10px 15px;
}
.bordered-content.light-gray {
    background-color: #f3f3f3;
}
.bordered-content .contact-c2 {
    border-left: 2px dotted #959595;
}
.box {
    position: relative;
    overflow: hidden;
    background: #fff;
    border: 2px dotted #959595;
    border-radius: 10px;
    margin: 0 0 20px 0;
    padding: 0;
}
.box h3,
.box h4 {
    background: #959595;
    color: #fff;
    font-family: "dosisSemiBold", sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 20px;
    margin: 0 0 1px 0;
    padding: 10px 15px;
    text-align: center;
    text-transform: uppercase;
}
.box h3 {
    border-radius: 8px 8px 0 0;
}
.box h3 span {
    text-transform: none;
}
.box h3 a {
    color: #fff;
}
.box h4.last {
    margin: 0;
}
.box h3 i,
.box h4 i {
    line-height: 20px;
    cursor: pointer;
}
.col2 .c1 {
    position: relative;
    width: 21.5%;
    padding: 0 15px 0 0;
}
.col2 .c2 {
    position: relative;
    width: 78.5%;
    padding: 0 0 0 5px;
}
.col3 .c1 {
    position: relative;
    width: 21.5%;
    padding: 0 15px 0 0;
}
.col3 .c2 {
    position: relative;
    width: 57%;
    padding: 0 5px 0 5px;
}
.col3 .c3 {
    position: relative;
    width: 21.5%;
    padding: 0 0 0 15px;
}
@media (min-width: 768px) {
    .col2 .c1 {
        width: 27%;
    }
    .col2 .c2 {
        width: 73%;
    }
    .col3 .c1 {
        width: 27%;
    }
    .col3 .c2 {
        width: 46%;
    }
    .col3 .c3 {
        width: 27%;
    }
}
@media (min-width: 992px) {
    .col2 .c1 {
        width: 21.5%;
    }
    .col2 .c2 {
        width: 78.5%;
    }
    .col3 .c1 {
        width: 21.5%;
    }
    .col3 .c2 {
        width: 57%;
    }
    .col3 .c3 {
        width: 21.5%;
    }
}
@media (max-width: 767px) {
    .col2 .c1,
    .col2 .c2,
    .col3 .c1,
    .col3 .c2,
    .col3 .c3 {
        width: 100%;
        padding: 0;
    }
    .bx-wrapper .bx-controls-direction a {
        display: none;
    }
    .bordered-content .contact-c2 {
        border-left: 0;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .box h3 {
        font-size: 14px;
    }
    .box h4 {
        font-size: 14px;
    }
}
.content-header {
    position: relative;
    border: 2px dotted #959595;
    color: #fff;
    border-radius: 10px 10px 0 0;
    margin: 0;
    padding: 0;
}
.content-header.staff {
    color: #333;
}
.content-header h1 {
    font-family: "dosis", sans-serif;
    font-size: 18px;
    font-weight: normal;
    line-height: 24px;
    text-transform: uppercase;
    font-family: "dosisSemiBold", sans-serif;
    color: #fff;
    background: #1ec2f3;
    border-radius: 8px 8px 0 0;
    margin: 0;
    padding: 8px 15px;
}
.content-header h1.nowrap {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.content-header h1.enq {
    padding-right: 70px;
}
.content-header h1.job {
    padding-right: 175px;
}
.content-header .data {
    position: absolute;
    top: 0;
    right: 15px;
    color: #fff;
    line-height: 40px;
    font-family: "AvenirLT-Book", Verdana, Helvetica, sans-serif;
    font-size: 14px;
    text-transform: none;
}
.content-header.staff h1 {
    background: #fbe20e;
    font-family: "dosisSemiBold", sans-serif;
    color: #333;
}
.content-header.staff .data {
    color: #333;
}
.content-header .back {
    display: inline-block;
    font-size: 24px;
    font-weight: normal;
    line-height: 40px;
    height: 40px;
    color: #fff;
    text-decoration: none;
    border-right: 2px dotted #fff;
    width: auto;
    margin: -8px 5px -8px -17px;
    padding: 0 7px 0 10px;
}
.content-header.staff .back {
    border-right: 2px dotted #959595;
    color: #333;
}
.content-footer {
    position: relative;
    border: 2px dotted #959595;
    color: #fff;
    border-radius: 0 0 8px 8px;
    margin: 0 0 15px 0;
    padding: 0;
}
.content-footer.staff {
    color: #333;
}
.content-footer .bg {
    background: #1ec2f3;
    line-height: 40px;
    border-radius: 0 0 6px 6px;
    padding: 0 15px;
}
.content-footer.staff .bg {
    background: #fbe20e;
}
.filter-group {
    margin: 15px 0;
}
.filter-field {
    position: relative;
    margin: 10px 15px;
}
.filter-field-group {
    position: relative;
    padding: 0;
    margin: 0;
}
.filter-field:after {
    display: block;
    content: '';
    clear: both;
}
.filter label {
    font-weight: normal;
}
.filter label.text {
    display: block;
    margin: 0 15px 5px 15px;
}
.filter hr {
    margin: 10px 15px;
}
.filter-field input[type=text],
.filter-field select {
    width: 100%;
}
.filter-field .search {
    margin: 0 40px 0 0;
}
.filter-field .btn-go {
    position: absolute;
    right: 0;
    top: 0;
    background: url("/images/btn-go.png") no-repeat scroll center top transparent;
    border: medium none;
    color: #fff !important;
    display: inline-block;
    font-family: "dosisSemiBold", sans-serif;
    font-weight: normal;
    font-size: 16px;
    height: 28px;
    line-height: 16px;
    width: 26px;
    margin: 0;
}
.filter-categories {
    position: relative;
}
.filter-categories .cat {
    float: left;
    width: 50%;
}
.filter-categories .cat label {
    font-size: 13px;
}
.filter-field .job-filter-reset {
    float: left;
    width: 49%;
}
.filter-field .job-filter-update {
    float: right;
    width: 49%;
}
.filter-group h6 {
    background: url("/images/arrow-slide-up.png") no-repeat scroll right center transparent;
    border-bottom: 2px dotted #959595;
    font-family: "AvenirLT-Black", Verdana, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    text-transform: none;
    padding: 5px 0 5px 0;
    margin: 15px;
}
.filter-group h6.collapsed {
    background: url("/images/arrow-slide-down.png") no-repeat scroll right center transparent;
}
.label-categories {
    display: block;
    background: url("/images/arrow-slide-up.png") no-repeat scroll right center transparent;
    font-weight: bold;
    padding: 15px 0 5px 0;
}
.label-categories.collapsed {
    background: url("/images/arrow-slide-down.png") no-repeat scroll right center transparent;
}
.filter-top {
    border: 2px dotted #959595;
    background-color: #f6f6f6;
    padding: 15px 15px;
    margin: 10px 0 10px 0;
}
.nowrap.enq.client-chat-header-mobile {
    height: 60px;
}
.chat-job-title-mobile {
    padding: 0 18px;
    font-size: 15px;
    text-transform: capitalize;
    line-height: 1;
    display: block;
}
.chat-back-button-mobile {
    position: relative;
    top: 10px;
}
.enquiries.client-enquiries-mobile {
    top: 10px;
}
@media (max-width: 767px) {
    .staff-search {
        margin-right: -15px;
        margin-left: -15px;
    }
    .staff-search div,
    .staff-search img,
    .staff-search a,
    .staff-search h1,
    .staff-search h3,
    .staff-search h4,
    .staff-search hr {
        border: 0 !important;
        border-radius: 0 !important;
    }
    .filter {
        position: relative;
        min-height: 40px;
    }
    .filter .filter-group-refine,
    .filter .filter-group-requirements {
        position: absolute;
        top: 0;
        width: 50%;
        float: left;
        border: 0;
        z-index: 999;
    }
    .filter .filter-group-refine {
        left: 0;
    }
    .filter .filter-group-requirements {
        right: 0;
        background-color: #e4e4e4;
    }
    .filter h3,
    .filter h4 {
        font-size: 14px;
    }
    .filter .filter-group-refine h4,
    .filter .filter-group-requirements h4 {
        background-color: #e4e4e4;
        color: #959595;
    }
    .filter .filter-group {
        margin-top: 75px;
        display: none;
        visibility: visible;
    }
    .fg-heading h4.active{
        background: #959595;
        color: #fff;
    }
    .staff-search .gridview,
    .staff-search .gridview .staff-item {
        padding: 2px;
        color: #ffffff;
    }
    .staff-search .gridview .staff-item a {
        color: #ffffff;
        font-size: 17px;
    }
    .staff-search .gridview .staff-item hr {
        display: none;
    }
    .staff-search .gridview .staff-item .photo {
        margin: 0;
    }
    .staff-search .staff-item .photo .rating {
        /*width: 100%;*/
    }
    .staff-search .gridview .staff-item .info {
        position: absolute;
        padding: 10px 10px;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.25);
    }
    .staff-search .gridview .staff-item .age {
        min-height: 0;
        line-height: 10px;
        font-size: 13px;
    }
    .staff-search .gridview .staff-item .staff-shortlisted {
        position: absolute;
        top: 20px;
        right: 10px;
        display: block !important;
        visibility: visible !important;
        font-size: 30px;
    }
    .staff-search .gridview .staff-item .staff-shortlisted .fa-heart {
        font-size: 30px;
    }
    .staff-search .gridview .staff-item .staff-contact {
        position: absolute;
        bottom: 20px;
        right: 10px;
    }
    .staff-search .gridview .staff-item .btn-yellow {
        margin-bottom: 0;
    }
    /*.staff-search .gridview .staff-item .contact-img {
        height: 20px;
        width: auto;
    }*/
    .staff-search .staff-item .contact-img {
        color: #000000;
        font-size: 30px;
    }
    .staff-search .gridview .staff-item .contact-img {
        color: #ffffff;
    }
}
@media (max-width: 320px) {
    .filter h3,
    .filter h4 {
        font-size: 12px;
    }
}
/*
 * Staff Listing 
 */
.stafflist-marker {
    position: absolute;
}
.staff-item {
    position: relative;
    border-top: 2px dotted #959595;
    margin: 20px 0 0 0;
    padding: 20px 0 0 0;
}
.staff-item.first {
    border-top: 0;
    margin: 0;
    padding: 0;
}
.staff-item .clear {
    position: relative;
}
.staff-item a {
    color: #454545;
}
.staff-item .photo {
    float: left;
    width: 105px;
    margin-right: 10px;
}
.staff-item .photo img {
    width: 100%;
    border: 1px solid #999;
}
.staff-item .photo .rating {
    /*width: calc(100% - 15px);*/
    width: 100%;
    float: left;
}
.staff-item .photo .premium-staff {
    position: absolute;
    right: 0;
    height: 32px;
    width: 32px;
    background-image: url("/images/premium.png");
    background-repeat: no-repeat;
    background-size: 32px auto;
}
.staff-item .info {
    width: 100%;
    padding: 0 0 0 117px;
}
.staff-item .name {
    font-family: "AvenirLT-Black", Verdana, Helvetica, sans-serif;
    margin: 0 0 3px 0;
}
.staff-item .age {
    font-weight: normal;
}
.staff-item .login-time {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 11px;
    color: #999;
}
.staff-item .bio {
    margin: 15px 0 0 0;
}
.staff-item .nav {
    margin-top: 10px;
}
.staff-item .nav .l1,
.staff-item .nav .l2 {
    display: block;
}
.staff-item .nav .l1 {
    margin: 0 0 10px 0;
}
.staff-item .nav .l2 {
    text-align: right;
}
.staff-item hr {
    display: none;
    margin-top: 5px;
    margin-bottom: 0;
}
.staff-item .nav .btn {
    margin: 0 0 0 4px;
}
.staff-item .read-more {
    line-height: 30px;
    text-decoration: underline;
    color: #959595;
}
.gridview {
    padding: 0 5px;
}
.gridview .staff-item {
    float: left;
    width: 33.33%;
    border: 0;
    margin: 0;
    padding: 15px 10px 15px 10px;
}
.gridview .staff-item.break {
    clear: left;
    padding: 15px 10px 15px 10px;
}
.gridview .staff-item .photo {
    width: 100%;
    margin-bottom: 10px;
}
.gridview .staff-item .info {
    width: 100%;
    padding: 0;
}
.gridview .staff-item .age {
    min-height: 40px;
}
.gridview .staff-item .bio {
    display: none;
}
.gridview .staff-item input.staff-sms {
    position: absolute;
    bottom: 0;
    right: 0;
}
/*
.gridview .staff-item .login-time {
    position: static;
    font-size: 11px;
    color: #999;
    padding: 3px 0;
}
*/
.gridview .staff-item .login-time {
    display: none;
}
.gridview .staff-item .login-time span {
    display: block;
    padding: 3px 0 0 0;
}
.gridview .staff-item hr {
    display: block;
}
.gridview .staff-item .nav .btn {
    display: block;
    width: 100%;
    margin: 0 0 10px 0;
}
.gridview .btn-yellow.med {
    width: 100%
}
.page-count {
    margin: 3px 0 0 0;
}
.staff-list-view {
    display: block;
    float: right;
    height: 26px;
    line-height: 26px;
    color: #454545;
    background-color: #f3f3f3;
    background-repeat: no-repeat;
    background-position: 3px center;
    border-radius: 2px;
    padding: 0 6px 0 20px;
    margin: 0 0 0 5px;
}
.staff-list-view.grid {
    background-image: url("/images/grid-view.png");
}
.staff-list-view.list {
    background-image: url("/images/list-view.png");
}
.staff-list-view.active {
    background-color: #ddd;
}
.staff-list-view span {
    margin: 0 0 0 5px;
}
@media (min-width: 992px) {
    .gridview .staff-item.break-lg {
        clear: left;
    }
}
@media (max-width: 991px) {
    .gridview .staff-item {
        width: 50%;
    }
    .gridview .staff-item.break-md {
        clear: left;
    }
}
@media (max-width: 767px) {
    .staff-item .photo {
        width: 102px;
    }
    .gridview .staff-item {
        width: 50%;
    }
    .staff-item .nav .btn {
        display: block;
        float: left;
        width: 49%;
        margin: 0;
    }
    .staff-item .nav .btn.right {
        float: right;
    }
    .gridview .staff-item .nav .btn,
    .gridview .staff-item .nav .btn.right {
        float: none;
        display: block;
        width: 100%;
        margin: 0 0 10px 0;
    }
}
@media (max-width: 340px) {
    .rating.md-0,
    .rating.md-1,
    .rating.md-2,
    .rating.md-3,
    .rating.md-4,
    .rating.md-5 {
        background-size: 85px 105px !important;
    }
    .staff-item .photo .premium-staff {
        right: -11px;
        background-size: 21px auto;
    }
}
/* Shortlist Fullpage */
.fav-item {
    position: relative;
    border: 2px dotted #959595;
    padding: 15px;
    margin-top: 15px;
}
.fav-item.unread {
    background: #f3f3f3;
}
.fav-item a {
    color: #454545;
}
.fav-item .photo {
    float: left;
    display: block;
}
.fav-item .photo.map {
    width: 60px;
    height: 60px;
    background-size: 250px 120px;
    background-repeat: no-repeat;
    background-position: center center;
}
.fav-item .photo img {
    border: 1px solid #999;
    width: 60px;
    height: 60px;
}
.fav-item .info {
    width: 100%;
    padding: 0 0 0 75px;
}
.fav-item .name {
    font-family: "AvenirLT-Black", Verdana, Helvetica, sans-serif;
}
.fav-item .desc {
    margin: 5px 0 5px 0;
}
.fav-item .nav {
    margin: 5px 0 0 0;
}
.fav-item a.delete {
    background: url("/images/icon-trash.png") no-repeat scroll center center #eeeeee;
    display: none;
    position: absolute;
    width: 32px;
    height: 32px;
    right: 0;
    top: 0;
}
.fav-item:hover a.delete {
    display: block;
}
@media (max-width: 767px) {
    .fav-item a.delete {
        display: block;
    }
}
/* Tab bottom */
.tab-bottom {
    margin: 0 0 15px 0;
}
.tab-bottom .tab {
    width: 49%;
    float: left;
    line-height: 32px;
    background: #bbb;
    color: #fff;
    text-align: center;
    border-radius: 0 0 4px 4px;
    cursor: pointer;
}
.tab-bottom .tab.right {
    float: right;
}
.tab-bottom .tab.active {
    background: #959595;
}
/*
 * Shortlist 
 */
.shortlist {
    padding: 15px 0 15px 0;
}
.shortlist-item {
    position: relative;
    border-top: 2px dotted #959595;
    margin: 15px 15px 0 15px;
    padding: 15px 0 0 0;
}
.shortlist-item div,
.shortlist-item a {
    font-size: 12px;
    line-height: 14px;
    color: #454545;
}
.shortlist-item.first {
    border-top: 0;
    margin: 0 15px 0 15px;
    padding: 0;
}
.shortlist-item .edit {
    position: absolute;
    bottom: 0;
    right: 0;
}
.shortlist-item .photo {
    float: left;
    width: 60px;
}
.shortlist-item .photo img {
    width: 100%;
    border: 1px solid #999;
}
.shortlist-item .info {
    width: 100%;
    padding: 0 0 0 70px;
}
.shortlist-item .name {
    font-family: "AvenirLT-Black", Verdana, Helvetica, sans-serif;
    padding: 0;
}
.shortlist-item .date {
    color: #999;
    padding: 0;
}
.shortlist-item .desc {
    padding: 0;
}
.shortlist-item .read-more {
    display: block;
    text-decoration: underline;
    color: #777;
    padding: 5px 0 0 0;
}
/* Popup */
.mfp-container::before {
    height: auto;
}
.mfp-iframe-holder .mfp-content {
    max-width: 960px;
}
.mfp-iframe-holder {
    padding: 0;
}
.mfp-iframe-scaler {
    height: auto;
    min-height: 540px;
    overflow: hidden;
    padding: 0;
    margin: 40px auto 40px auto;
}
.mfp-iframe-scaler.w600 {
    width: 600px;
}
.mfp-iframe-scaler iframe {
    height: 100%;
    position: static;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    top: 0;
    right: 0;
    height: 40px;
    line-height: 40px;
    padding: 0;
    margin: 0;
}
.mfp-close .mfp-close-icon {
    background: #ccc;
    color: #fff;
    display: inline-block;
    width: 50px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}
body.popup.loading {
    background: transparent;
    min-height: 350px;
}
body.popup .wrap {
    display: block;
}
body.popup.loading .wrap {
    display: none;
}
body.popup h1 {
    background: none repeat scroll 0 0 #818285;
    border-radius: 4px 4px 0 0;
    color: #fff;
    font-family: "dosisSemiBold", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 40px;
    margin: 0;
    padding: 0 15px;
    text-transform: uppercase;
}
body.popup .content {
    padding: 15px;
    margin: 0 0 10px 0;
}
.alert-dialog {
    padding: 15px;
}
/* Rating */
.rating {
    display: block;
    margin: 0;
}
.rating.sm {
    height: 11px;
}
.rating.sm-5 {
    background: url("/images/rating-star-sm.png") no-repeat left -55px transparent;
}
.rating.sm-4 {
    background: url("/images/rating-star-sm.png") no-repeat left -44px transparent;
}
.rating.sm-3 {
    background: url("/images/rating-star-sm.png") no-repeat left -33px transparent;
}
.rating.sm-2 {
    background: url("/images/rating-star-sm.png") no-repeat left -22px transparent;
}
.rating.sm-1 {
    background: url("/images/rating-star-sm.png") no-repeat left -11px transparent;
}
.rating.sm-0 {
    background: url("/images/rating-star-sm.png") no-repeat left 0 transparent;
}
.rating.md {
    height: 14px;
}
.rating.md-5 {
    background: url("/images/rating-star-md.png") no-repeat left -90px transparent;
}
.rating.md-4 {
    background: url("/images/rating-star-md.png") no-repeat left -72px transparent;
}
.rating.md-3 {
    background: url("/images/rating-star-md.png") no-repeat left -54px transparent;
}
.rating.md-2 {
    background: url("/images/rating-star-md.png") no-repeat left -36px transparent;
}
.rating.md-1 {
    background: url("/images/rating-star-md.png") no-repeat left -18px transparent;
}
.rating.md-0 {
    background: url("/images/rating-star-md.png") no-repeat left 0 transparent;
}
.rating.lg {
    height: 24px;
}
.rating.lg-5 {
    background: url("/images/rating-star-lg.png") no-repeat left -180px transparent;
}
.rating.lg-4 {
    background: url("/images/rating-star-lg.png") no-repeat left -144px transparent;
}
.rating.lg-3 {
    background: url("/images/rating-star-lg.png") no-repeat left -108px transparent;
}
.rating.lg-2 {
    background: url("/images/rating-star-lg.png") no-repeat left -72px transparent;
}
.rating.lg-1 {
    background: url("/images/rating-star-lg.png") no-repeat left -36px transparent;
}
.rating.lg-0 {
    background: url("/images/rating-star-lg.png") no-repeat left 0 transparent;
}
.rating.lg.dark {
    background-image: url("/images/rating-star-lg-dark.png");
}
.content-header .rating {
    position: absolute;
    top: 8px;
    right: 10px;
    width: 173px;
}
/* Work photo */
.work-photo {
    margin: 20px 0 10px 0;
}
.work-photo span {
    display: inline-block;
    float: left;
    width: 18.5%;
    margin: 0 0 0 1.5%;
}
.work-photo span.first {
    margin: 0;
}
.work-photo span img {
    width: 100%;
    border: 1px solid #ccc;
}
/* Paging */
.pager {
    margin: 0;
    padding: 0;
    text-align: center;
}
.pager a {
    color: #808080;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
}
.pager-job .pager a {
    color: #fff !important;
}
.pager a.page-no {
    margin: 0 5px 0 0;
    min-width: 18px;
}
.pager a.last-page {
    margin: 0;
}
.pager a.nav-prev {
    background: url("/images/arrow-prev.png") no-repeat scroll center center transparent;
    margin: 0 5px 0 0;
    min-width: 18px;
}
.pager a.nav-next {
    background: url("/images/arrow-next.png") no-repeat scroll center center transparent;
    margin: 0 0 0 5px;
    min-width: 18px;
}
.pager span {
    background: none repeat scroll 0 0 #959595;
    color: #fff;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    margin: 0 5px 0 0;
    text-align: center;
    width: 20px;
}
/* forms */
.centered .form-group {
    text-align: center;
    padding: 0 30px;
}
.centered .form-group .reg {
    width: 100%;
    max-width: 300px;
    text-align-last: center;
    margin: 0 auto;
}
.centered .form-group .drow {
    margin: 0 -4px;
}
.centered .form-group .drow .col {
    float: left;
    width: 50%;
    padding: 0 4px;
}
.reg-checks {
    width: 140px;
    text-align: left;
    margin: 0 auto;
}
.reg-checks > div {
    text-align: left;
    padding: 0;
}
.reg-checks label {
    margin-bottom: 3px;
}
.form-group hr.hr-reg {
    margin: 5px 0;
}
/* Logged in state */
.login-private {
    position: absolute;
    right: 0;
    top: 86px;
    margin: 0 0 0 5px;
}
.login-private .cont-wrap {
    float: right;
    background: #959595;
    border: 1px solid #959595;
    border-radius: 6px;
    height: 33px;
    line-height: 33px;
    padding: 0;
}
.login-private .pic {
    float: left;
    cursor: pointer;
}
.login-private .pic img {
    border-radius: 5px 0 0 5px;
    display: block;
    width: 32px;
    height: 31px;
    background: url("/images/no-photo.jpg") no-repeat center center;
    background-size: cover;
}
.login-private .text {
    float: left;
    cursor: pointer;
    padding: 0;
}
.login-private .caret {
    float: left;
    display: block;
    background: url("/images/arrow-down.png") no-repeat center center #959595;
    width: 20px;
    height: 32px;
    line-height: 32px;
    border: 0;
    cursor: pointer;
    padding: 0;
    margin: 0 3px 0 0;
}
.login-private .name {
    color: #fff;
    display: block;
    float: left;
    font-family: "dosisSemiBold", sans-serif;
    font-weight: normal;
    font-size: 15px;
    height: 32px;
    line-height: 32px;
    margin: 0 7px 0 7px;
    max-width: 150px;
    min-width: 95px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}
.login-private .credit {
    color: #fff;
    display: inline-block;
    float: left;
    font-size: 14px;
    line-height: 32px;
    padding: 0;
}
.login-private .private-menu {
    display: none;
    position: absolute;
    right: 0;
    top: 35px;
    width: 100%;
    max-width: 165px;
    z-index: 999;
}
.login-private ul.options {
    width: 100%;
    min-width: 150px;
    border-bottom: 1px solid #959595;
    margin: 0;
    padding: 0;
}
.login-private ul.options li {
    border: 1px solid #959595;
    border-bottom: 0;
    list-style: none;
    margin: 0;
    padding: 0;
}
.login-private ul.options li a {
    background: #eee;
    font-size: 12px;
    color: #000;
    display: block;
    font-size: 12px;
    line-height: 32px;
    text-transform: uppercase;
    margin: 0;
    padding: 0 10px;
}
.login-private ul.options li a:hover {
    background: none repeat scroll 0 0 #ccc;
}
.login-private-msg {
    display: block;
    background: url("/images/icon-mail.png") no-repeat scroll center center transparent;
    cursor: pointer;
    float: right;
    height: 32px;
    position: relative;
    width: 45px;
}
.login-private-msg .msg-count {
    background: none repeat scroll 0 0 #1fc2f3;
    border-radius: 14px;
    color: #fff;
    display: block;
    font-size: 14px;
    line-height: 28px;
    position: absolute;
    right: 0;
    text-align: center;
    top: -12px;
    width: 28px;
}
.login-private-notification {
    display: block;
    background: url("/images/icon-notification.png") no-repeat scroll center center transparent;
    cursor: pointer;
    float: right;
    height: 32px;
    position: relative;
    width: 45px;
}
.login-private-notification .notification-count {
    background: none repeat scroll 0 0 #ed1064;
    border-radius: 14px;
    color: #fff;
    display: block;
    font-size: 14px;
    line-height: 28px;
    position: absolute;
    right: 0;
    text-align: center;
    top: -12px;
    width: 28px;
}
.alerts {
    float: right;
    display: block;
    min-height: 32px;
    margin: 0 4px 0 0;
}
.private-menu .alerts-xs {
    background: #fff;
    border: 1px solid #959595;
    padding: 10px;
}
.private-menu .alerts-xs {
    background: #fff;
    border: 1px solid #959595;
    border-bottom: 0;
    padding: 10px 15px;
}
.private-menu .alerts-xs.pop {
    padding: 20px 15px 10px 15px;
}
.alerts-xs .c1,
.alerts-xs .c2 {
    float: left;
    width: 50%;
}
.alerts-xs .c2.client {
    width: 100%;
}
.alerts-xs .login-private-msg,
.alerts-xs .login-private-notification {
    float: none;
    margin: 0 auto;
}
.notification-list-item {
    cursor: pointer;
    display: flex;
}
.notification-list-item .details {
    padding: 0 10px;
}
.notification-list-item .pic img {
    width: 60px;
    border: 1px solid #999;
}
@media (max-width: 767px) {
    .login-private {
        top: 0;
        height: 0;
        width: 100%;
        z-index: 9999;
    }
    .login-private .private-menu {
        top: 50px;
        max-width: none;
    }
    .login-private ul.options li a {
        font-size: 16px;
        line-height: 36px;
        color: #454545;
        font-family: "dosisSemiBold", sans-serif;
        font-weight: normal;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .login-private .name {
        min-width: 65px;
        max-width: 65px;
    }
    .login-private {
        top: 76px;
    }
}
/* Register */
.reg-intro a.staff,
.reg-intro a.client {
    display: block;
    color: #454545;
    font-family: "dosisSemiBold", sans-serif;
    font-weight: normal;
    font-size: 20px;
    width: 150px;
    height: 150px;
    line-height: 150px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    width: 150px;
}
.reg-intro a.staff {
    background: url("/images/bg-circle-staff.png") no-repeat scroll center center transparent;
    color: #454545;
}
.reg-intro a.client {
    background: url("/images/bg-circle-client.png") no-repeat scroll center center transparent;
    color: #fff;
}
.reg-intro .c1 {
    padding-right: 0;
}
.reg-intro .c2 {
    padding-left: 0;
}
@media (max-width: 480px) {
    .reg-intro a.staff,
    .reg-intro a.client {
        font-size: 16px;
        background-size: 120px 120px;
        width: 120px;
        height: 120px;
        line-height: 120px;
    }
}
/* Left menu */
#menuLeft ul {
    margin: 0;
    padding: 7px 0;
    width: 100%;
}
#menuLeft ul li {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
#menuLeft ul li a {
    color: #565656;
    display: block;
    font-family: "dosisSemiBold", sans-serif;
    font-weight: normal;
    font-size: 15px;
    line-height: 16px;
    padding: 8px 15px;
    text-transform: uppercase;
}
#menuLeft ul li a.cc-verified {
    background-image: url("/images/icon-tick.png");
    background-position: 95% center;
    background-repeat: no-repeat;
}
#menuLeft ul li a.current {
    background-color: #959595;
    color: #fff;
}
/* Data table */
.data-table-wrap {
    padding: 0 5px;
    margin-top: 10px;
}
.data-table-wrap.req {
    margin-top: 0;
}
.data-table-wrap.bordered {
    border: 2px dotted #959595;
}
.data-header,
.data-row {
    position: relative;
}
.data-header {
    background: #f5f5f5;
    color: #454545;
    border-bottom: 1px solid #959595;
    padding-top: 7px;
    padding-bottom: 7px;
}
.data-header div.sml {
    font-size: 12px;
    letter-spacing: 0;
}
.data-header.row,
.data-row.row {
    margin: 0 -5px;
}
.data-header > div {
    font-weight: bold;
}
.data-header.row > div,
.data-row.row > div {
    padding: 0 5px;
}
.data-row {
    background: #fff;
    border-bottom: 1px solid #959595;
    padding-top: 6px;
    padding-bottom: 4px;
}
.data-row.noborder {
    border-bottom: none;
}
.data-row.alt {
    background: #f9f9f9 !important;
}
.data-row .btn {
    font-size: 12px;
    border-radius: 2px;
    padding: 1px 5px 2px 5px;
}
.data-row .btn.nrm {
    font-size: 13px;
    font-family: "AvenirLT-Book", Tahoma, Verdana, Helvetica, sans-serif;
    border-radius: 2px;
    text-transform: none;
    padding: 1px 5px 2px 5px;
}
.data-row .fsml {
    font-weight: normal;
    font-size: 13px;
}
.data-header div,
.data-row div {
    line-height: 24px;
}
.data-header .c20,
.data-row .c20 {
    float: left;
    width: 20%;
}
.data-header .c25,
.data-row .c25 {
    float: left;
    width: 25%;
}
.data-header .c33,
.data-row .c33 {
    float: left;
    width: 33.33%;
}
.data-row .budget {
    position: absolute;
    right: 0;
    top: 10px;
}
.data-row .budget .l1 {
    color: #ee3c6e;
    font-family: "AvenirLT-Black", Verdana, Helvetica, sans-serif;
    font-size: 28px;
    line-height: 28px;
    margin: 0 0 5px;
    text-align: right;
}
.data-row .budget .l2 {
    color: #999;
    font-size: 14px;
    line-height: 14px;
    margin: 0;
    text-align: right;
}
.data-row .job-date,
.data-row.row .job-date {
    padding-left: 0;
}
.data-row .job-position,
.data-row.row .job-position {
    text-align: center;
    padding-left: 0;
}
@media (max-width: 767px) {
    .data-table-wrap.req {
        margin-top: 5px;
    }
    .data-table-wrap.req .mnav {
        padding-bottom: 15px;
    }
    .data-row .job-date,
    .data-row.row .job-date {
        padding-left: 10px;
    }
    .data-row .job-position,
    .data-row.row .job-position {
        text-align: left;
        padding-left: 10px;
    }
    .data-row .job-date .fsml,
    .data-row.row .job-date .fsml {
        font-size: 14px;
    }
}
@media (min-width: 768px) (max-width: 991px) {
    .data-header,
    .data-row,
    .data-header div,
    .data-row div {
        font-size: 13px;
    }
    .data-row .fsml {
        font-size: 10px;
    }
}
/* Job management */
.data-row .read-more {
    color: #959595;
    text-decoration: underline;
    padding-top: 3px;
}
.data-row .booking-info {
    display: none;
}
.data-row .booking-info.open {
    display: block;
}
.req-option {
    margin: 10px 0 0 0;
}
.req-option div {
    background: url('/images/icon-arrow-right-12.png') no-repeat 98% center #f3f3f3;
    margin: 0 0 2px 0;
}
.req-option div a {
    color: #454545;
    display: block;
    padding: 10px 15px;
}
.data-row .arrow {
    display: none;
    float: right;
    line-height: 22px;
    text-align: center;
    cursor: pointer;
    padding: 0 0 0 20px;
    margin: 0;
}
.data-row .d-hidden {
    display: none;
}
@media (min-width: 768px) {
    .data-row.mi-hidden,
    .data-row .mi-hidden {
        display: block !important;
    }
}
@media (max-width: 767px) {
    .data-header .m100,
    .data-row .m100 {
        float: left;
        width: 100%;
    }
    .data-row .btn-m100 {
        display: block;
        width: 100%;
        border-radius: 5px;
        font-size: 14px;
        line-height: 18px;
        padding: 6px 12px;
        margin: 10px 0 0 0;
    }
    .data-row.first {
        border-top: 1px solid #959595;
    }
    .data-table-wrap {
        margin-top: 15px;
    }
    .data-row.m-noborder {
        border-bottom: 0;
        margin-bottom: 0;
        padding: 0;
    }
    .data-row.alt {
        background: #fff;
    }
    .data-header.row > div,
    .data-row.row > div {
        padding: 0 10px;
    }
    .data-row .event-name {
        background: #f3f3f3;
        color: #454545;
        padding: 8px 10px;
        margin: -7px -5px 0 -5px;
    }
    .data-row .event-name.arrow-next {
        cursor: pointer;
    }
    .data-row .event-name a {
        color: #454545;
    }
    .data-row .req {
        display: block;
        background: #f3f3f3;
        color: #454545;
        text-transform: uppercase;
        background: url('/images/icon-arrow-right-12.png') no-repeat 98% center #f3f3f3;
        padding: 7px 15px;
        margin: 1px -10px;
    }
    .data-row .req.first {
        margin: 7px -10px 1px -10px;
    }
    .data-row .btn-action {
        display: block;
        width: 100%;
        margin: 10px 0;
    }
    .data-row .arrow {
        display: block;
    }
    .data-row .d-hidden {
        display: block;
    }
    .data-row.mi-hidden,
    .data-row .mi-hidden {
        display: none;
    }
    .data-row .m-controls {
        padding-bottom: 20px !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .data-header div.sml {
        font-size: 11px;
    }
}
/* Review */
.review .photo {
    text-align: center;
    margin: 0 0 15px 0;
}
.review .photo img {
    width: 100%;
}
@media (max-width: 360px) {
    .review .c1,
    .review .c2 {
        width: 100%;
        float: none;
        display: block;
    }
    .review .photo img {
        width: 50%;
    }
}
/* Referral */
.ref-stat {
    border: 1px solid #ccc;
    border-radius: 5px;
    float: left;
    font-size: 24px;
    margin: 0 0 15px 0;
    padding: 15px 0;
    text-align: center;
    width: 100%;
}
.ref-stat h3 {
    font-family: "dosisSemiBold", sans-serif;
    font-size: 16px;
    font-weight: normal;
    margin: 0 0 15px 0;
    text-align: center;
}
/* Notification */
.notification-listing {
    cursor: pointer;
}
.notification-quickview {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #959595;
    border-radius: 3px;
    display: none;
    width: 400px;
    max-height: 540px;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 48px;
    z-index: 99;
}
.notification-item {
    border-top: 1px dotted #959595;
    position: relative;
    cursor: pointer;
    margin: 0;
    padding: 8px;
}
.notification-item.first {
    border-top: 0 none;
}
.notification-item.unread {
    background: #f3f3f3;
}
.notification-item .item-left {
    float: left;
    width: 34px;
}
.notification-item .item-right {
    clear: right;
    margin: 0 0 0 40px;
}
.notification-item .pic {
    border: 1px solid #969696;
    margin: 0 6px 0 0;
}
.notification-item .pic img {
    display: block;
    height: 32px;
    width: 32px;
}
.notification-item .name {
    font-size: 13px;
    font-family: "AvenirLT-Black", Verdana, Helvetica, sans-serif;
    line-height: 13px;
    padding: 0 0 4px;
}
.notification-item .desc {
    font-size: 13px;
    font-weight: normal;
    line-height: 15px;
    padding: 0;
}
.notification-item .time {
    color: #aaa;
    font-size: 10px;
    font-weight: normal;
    line-height: 15px;
    padding: 3px 0 0;
}
.notification-item a.delete {
    background: url("/images/icon-trash.png") no-repeat scroll center center #eee;
    display: none;
    height: 32px;
    position: absolute;
    right: 0;
    top: 0;
    width: 32px;
}
.notification-item:hover a.delete {
    display: block;
}
.notification-item a {
    color: #454545;
}
.notification-see-all {
    background: none repeat scroll 0 0 #f6f6f6;
    border-top: 1px dotted #959595;
    text-align: center;
}
.notification-see-all a {
    display: block;
    margin: 0;
    padding: 4px 8px;
    text-align: center;
}
.show-loading-bg {
    background: url("/images/loading.gif") no-repeat scroll center center #fff;
    min-height: 40px;
}
@media (max-width: 767px) {
    .notification-quickview {
        max-width: 100%;
        margin: 0 15px;
    }
}
/* Notification popup */
#popupWrapper {
    position: fixed;
    display: none;
    width: 350px;
    top: 2px;
    left: 45%;
    background: none repeat scroll 0 0 #fff;
    border: 2px dotted #959595;
    border-radius: 3px;
    z-index: 9999;
}
#popupWrapper .close {
    cursor: pointer;
    font-size: 14px;
    font-weight: normal;
    color: #454545;
    background: #f3f3f3;
    border-top: 1px dotted #959595;
    text-align: center;
    display: block;
    float: none;
    opacity: 1;
    padding: 8px 8px;
    margin: 0;
}
#popupWrapper .popup-item {
    position: relative;
    cursor: pointer;
    background: #fff;
    border-top: 1px dotted #959595;
    padding: 8px;
    margin: 0;
}
#popupWrapper .popup-item.first {
    border-top: 0;
}
#popupWrapper .popup-item .item-left {
    float: left;
    width: 34px;
}
#popupWrapper .popup-item .item-right {
    clear: right;
    margin: 0 0 0 40px;
}
#popupWrapper .popup-item .pic {
    border: 1px solid #969696;
    margin: 0;
}
#popupWrapper .popup-item .pic img {
    display: block;
    width: 32px;
    height: 32px;
}
#popupWrapper .popup-item .desc {
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    padding: 0;
}
#popupWrapper .popup-item .time {
    font-weight: normal;
    font-size: 10px;
    color: #aaa;
    line-height: 15px;
    padding: 3px 0 0 0;
}
@media (max-width: 767px) {
    #popupWrapper {
        top: 10px;
        left: 4%;
        width: 92%;
    }
}
/* Image manager */
.jcrop-tracker,
.jcrop-holder {
    width: 100% !important;
}
.image-orig-wrap {
    width: 100% !important;
    overflow: hidden;
}
.image-cropper {
    text-align: center;
}
.image-cropper {
    text-align: center;
}
.image-cropper .image-orig {
    max-width: 100% !important;
    width: 100% !important;
}
.image-cropper .preview {
    border: 1px solid #ccc;
    float: left;
    height: 130px;
    width: 130px;
    position: relative;
}
.preview-wrap .preview {
    border: 1px solid #ccc;
    float: left;
    height: 130px;
    width: 130px;
    margin: 0 20px 10px 0;
    position: relative;
    overflow: hidden;
}
.preview-wrap .control {
    float: left;
    text-align: left;
    margin: 0 0 0 15px;
}
.preview-wrap .control a {
        display: inline-block;
        margin: 0 0 10px 0;
    }
.image-cropper .control .prof-pic-crop {
    background: #1ec2f3 !important;
    border: medium none;
    border-radius: 5px;
    color: #fff !important;
    display: inline-block;
    float: left;
    font-family: "dosisSemiBold", sans-serif;
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;
    margin: 0 0 0 10px;
    padding: 3px 15px 4px;
    text-transform: uppercase;
}
.image-cropper .control .prof-pic-delete.delete-lrg {
    background: #cc0000 !important;
    border: medium none;
    border-radius: 5px;
    color: #fff !important;
    display: inline-block;
    float: left;
    font-family: "dosisSemiBold", sans-serif;
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;
    margin: 0 0 0 10px;
    padding: 3px 15px 4px;
    text-transform: uppercase;
}
.cropper-wrap img {
    height: auto;
    width: 100%;
}
.resource-thumbs div {
    display: block;
    margin: 0 0 10px 0;
    position: relative;
}
.resource-thumbs div img {
    border: 1px solid #959595;
    width: 60%;
}
.resource-thumbs div a.delete-sml {
    background: url("/images/icon-trash.png") no-repeat left top transparent;
    display: block;
    height: 20px;
    position: absolute;
    right: 0;
    top: 0;
    width: 18px;
}
.resource-thumbs div a.set-default {
    display: block;
    font-size: 13px;
    line-height: 16px;
    position: absolute;
    right: 0;
    text-align: right;
    top: 30px;
    width: 38%;
}
.resource-thumbs div span.default {
    color: #454545;
    display: block;
    font-size: 13px;
    line-height: 16px;
    position: absolute;
    right: 0;
    text-align: right;
    top: 30px;
    width: 38%;
}

@media (max-width: 420px) {
    .preview-wrap .preview {
        float: none !important;
    }
}
/*
 * Staff Details 
 */
.staff .staff-c1 {
    position: relative;
    width: 78.5%;
}
.staff .staff-c2 {
    position: relative;
    width: 21.5%;
    padding: 0 15px 0 5px;
}
.staff .media {
    overflow: hidden;
}
.staff .media .media-wrap {
    position: relative;
}
.staff .media .photo {
    background: #fff;
    border: 1px solid #959595;
    position: relative;
}
.staff .media .photo:before {
    content: '';
    padding-top: 100%;
    float: left;
    position: relative;
}
.staff .media .photo img {
    width: 100%;
}
.staff .media .photo img:first-child {
    display: inline-block;
}
.staff .media .video {
    display: none;
    background: #fff;
    border: 1px solid #959595;
    width: 100%;
}
.staff .media .video iframe {
    padding: 0;
    margin: 0;
}
.staff .st-action {
    float: right;
}
.staff-c1 .info .premium-staff {
    right: 20px;
    position: absolute;
    display: block;
    height: 45px;
    width: 45px;
    background-image: url("/images/premium.png");
    background-repeat: no-repeat;
    background-size: contain;
}
@media (min-width: 768px) and (max-width: 991px) {
    .staff .staff-c1 {
        width: 73%;
    }
    .staff .staff-c2 {
        width: 27%;
    }
    .staff .media {
        width: 100%;
        padding-right: 40%;
        padding-bottom: 30px;
    }
    .staff .info {
        width: 100%;
    }
}
@media (max-width: 767px) {
    .staff .staff-c1 {
        width: 100%;
        padding: 0 15px 0 15px;
        position: relative;
    }
    .staff .staff-c2 {
        width: 100%;
        padding: 0 15px 0 15px;
    }
    .staff .media {
        width: 100%;
        padding-bottom: 20px;
    }
    .staff-c1 .media .rating {
        width: calc(100% - 24px);
        float: left;
    }
    .staff-c1 .media .premium-staff {
        width: 24px;
        height: 24px;
        float: right;
        background-image: url("/images/premium.png");
        background-position: right;
        background-repeat: no-repeat;
        background-size: 24px auto;
    }
    .staff .info {
        width: 100%;
    }
    .staff-c1 .info .premium-staff {
        display: none;
    }
    .staff .st-action {
        float: none;
        clear: left;
        position: relative;
        padding: 20px 0 0 0;
    }
    .staff .st-action:after {
        content: " ";
        display: block;
        clear: both;
    }
    .staff .st-action .btn {
        width: 49%;
        font-size: 14px;
        padding-left: 5px;
        padding-right: 5px;
    }
}
/* Profile */
.profile .media {
    margin-top: 0;
    margin-bottom: 20px;
}
.profile .media .media-wrap {
    position: relative;
}
.profile .media .photo {
    background: transparent;
    border: 1px solid #ccc;
    position: relative;
}
.profile .media .photo:before {
    content: '';
    padding-top: 100%;
    float: left;
    position: relative;
}
.profile .media .photo img {
    width: 100%;
}
.profile .media .photo img:first-child {
    display: inline-block;
}
.profile .media .video {
    display: none;
    background: transparent;
    border: 1px solid #ccc;
    width: 100%;
}
.profile .media .video iframe {
    padding: 0;
    margin: 0;
}
.profile .info {
}
.profile .media-wrap a.edit {
    background: url("/images/icon-edit-32.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    display: block;
    line-height: 40px;
    height: 40px;
    padding-right: 35px;
    margin-right: 5px;
    text-align: right;
    width: auto;
}
.profile .media-wrap a.delete {
    position: absolute;
    display: none;
    bottom: 5px;
    right: 5px;
    width: 32px;
    height: 32px;
    background: url("/images/icon-trash.png") no-repeat center center #fff;
    z-index: 999;
}
.profile .media-wrap:hover a.delete {
    display: block;
}
.profile .field-label {
    padding-right: 0;
}
.profile .field-label label {
    padding-top: 3px;
}
.profile .bio-short {
    height: 260px;
}
.hdr-link {
    line-height: 40px;
    position: absolute;
    top: 0;
    right: 15px;
    color: #fff;
}
.hdr-link:hover,
.hdr-link:focus {
    color: #fff;
}
.profile .calendar-wrap {
    float: left;
    min-width: 260px;
}
table.simple-calendar {
    width: 100%;
}
table.simple-calendar tr th {
    text-align: center;
    height: 31px !important;
}
table.simple-calendar div.controller {
    padding: 5px 0;
}
.profile .skill-detail {
    padding: 0 0 10px 18px;
}
.job-count {
    padding: 0;
    text-align: center;
}
@media (min-width: 768px) and (max-width: 991px) {
    .profile .calendar-wrap {
        float: none;
        min-width: 220px;
    }
}
@media (max-width: 767px) {
    .profile .calendar-wrap {
        float: none;
        min-width: 200px;
    }
    .profile .media {
        width: 100%;
    }
    .profile .info {
        width: 100%;
    }
    .profile .bio-short {
        height: 150px;
    }
    .profile .media-wrap a.delete {
        display: block;
    }
    /*---------------staff details view new Design-----------------*/
    .staff-details .back {
        font-size: 15px;
        font-weight: bold;
    }
    .staff-profile.bordered-content {
        border: none;
        padding: 0;
    }
    .staff-profile .media .photo {
        border: 0;
        margin: 0 -15px;
    }
    .staff-profile .slidesjs-pagination {
        /*display: none;*/
    }
    .staff-profile .mobile-info {
        background-color: #010080;
        color: #ffffff;
        position: relative;
        padding: 20px;
        margin: 0 -15px
    }
    .staff-profile .account-name-age {
        font-size: 25px;
    }
    .staff-profile .account-contact,
    .staff-profile .account-rating {
        position: absolute;
    }
    .staff-profile .account-contact {
        top: 15px;
        right: 15px;
        font-size: 30px;
    }
    .staff-profile .account-jobs {
        position: relative;
    }
    .staff-profile .account-rating {
        width: 105px;
        right: 0;
        bottom: 22px;
    }
    .staff-profile .account-rating .rating {
        height: 14px;
        width: 100%;
    }
    .staff-profile #instafeed .item {
        width: 33.33%;
        padding: 0 .5px;
        margin: 0 0 1px 0;
    }
    /*.staff-profile #instafeed .item:nth-child(1) {
        display: none;
    }*/
    .staff-profile #instafeed .item img {
        border-radius: 5px;
    }
    .staff-profile .account-instagram {
        margin-top: 0;
    }
    .staff-profile .account-works-details .image-popup {
        width: 25%;
        float: left;
    }
    .staff-profile .account-works-details .image-popup a {
        display: inline-block;
        width: 100%;
        padding: 1px;
    }
    .staff-profile .account-works-details .image-popup img {
        height: auto;
        width: 100%;
    }
    .account-works-details {
        margin: 0 -16px;
    }
    .staff .staff-c2.staff-review-list {
        padding: 0;
    }
    .staff-review-list .box,
    .staff-review-list .box h3 {
        border: 0;
        border-radius: 0;
    }
    .staff-profile .account-shortlisted {
        position: absolute;
        top: 10px;
        right: 20px;
        display: block !important;
        visibility: visible !important;
        font-size: 30px;
        z-index: 99;
    }
    .staff-profile .st-action .btn-invite {
        width: 100%;
    }
}
/*Account/staff*/
.sms-section {
    margin-left: 0 !important;
}
.sms-section.d-hidden {
    display: none;
}
/* Messages */
.message-text {
    width: 100%;
    height: 100%;
}
/* Work photo */
.work-photos {
    margin: 0 -5px;
}
.work-photos .photo {
    float: left;
    width: 20%;
    padding: 0 5px;
}
.work-photos .photo img {
    width: 100%;
}
.work-photos .delete-photo {
    background: url("/images/icon-trash.png") no-repeat left top transparent;
    color: #ff0000;
    display: block;
    height: 20px;
    margin: 5px 0 0;
    width: 18px;
}
#cboxContent #cboxPrevious,
#cboxContent #cboxNext {
    position: absolute;
    color: #fff;
    width: 32px;
    height: 54px;
    opacity: 0.6;
    text-align: center;
    text-indent: -9999px;
    top: 44%;
    padding: 0;
    margin: 0;
}
#cboxContent #cboxPrevious {
    background: url("/images/slider-direction-nav.png") no-repeat scroll left top transparent;
    left: 5px;
}
#cboxContent #cboxNext {
    background: url("/images/slider-direction-nav.png") no-repeat scroll right top transparent;
    right: 5px;
}
/* Public pages */
.hiw h3 {
    background: none repeat scroll 0 0 #818285;
    color: #ffffff;
    font-family: "dosisSemiBold", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    text-transform: uppercase;
    padding: 8px 15px;
    margin: 0 -15px 15px -15px;
}
.hiw .step-wrap {
    border: 2px dotted #959595;
    border-radius: 0 0 8px 8px;
    padding: 0 15px 15px 15px;
    margin: 15px 0 0 0;
}
.hiw .step {
    background-color: transparent;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 125px 125px;
    min-height: 125px;
    padding: 0 0 0 135px;
}
.hiw .step > div {
    padding-left: 25px;
}
.hiw .step1-staff {
    background-image: url("/images/bg-circle-staff-step1.png");
}
.hiw .step2-staff {
    background-image: url("/images/bg-circle-staff-step2.png");
}
.hiw .step3-staff {
    background-image: url("/images/bg-circle-staff-step3.png");
}
.hiw .step4-staff {
    background-image: url("/images/bg-step4-yellow.png");
}
.hiw .step5-staff {
    background-image: url("/images/bg-step5-yellow.png");
}
.hiw .step1-client {
    background-image: url("/images/bg-circle-client-step1.png");
}
.hiw .step2-client {
    background-image: url("/images/bg-circle-client-step2.png");
}
.hiw .step3-client {
    background-image: url("/images/bg-circle-client-step3.png");
}
.hiw .step4-client {
    background-image: url("/images/bg-step4-pink.png");
}
.hiw .step5-client {
    background-image: url("/images/bg-step5-pink.png");
}
.hiw .step6-client {
    background-image: url("/images/bg-step6-pink.png");
}
/* Tabs */
.tabs {
    list-style-type: none;
    padding: 0;
    margin: 0 -2px;
}
.tabs.underline {
    border-bottom: 1px solid #666;
}
.tabs .tab {
    float: left;
    width: 25%;
    padding: 0 2px;
    margin: 0;
}
.tabs.job .tab {
    width: 33.33%;
}
.tabs.col2 .tab {
    float: left;
    width: 50%;
    padding: 0 2px;
    margin: 0;
}
.tabs .tab a {
    display: block;
    font-family: "dosisSemiBold", sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    border-radius: 5px 5px 0 0;
    font-size: 15px;
    line-height: 32px;
    background-color: #c3c3c3;
    border: 2px solid #c3c3c3;
    border-bottom: 0;
    padding: 0;
    font-size: 13PX;
}
.tabs.job .tab a {
    line-height: 40px;
}
.tabs .tab.active a {
    background-color: #959595;
    border: 2px solid #959595;
    border-bottom: 0;
    color: #fff;
}
.tabs .tab.active.green a,
.tabs .tab.green a {
    background-color: #6CB558;
    border: 2px solid #6CB558;
    border-bottom: 0;
    color: #fff;
}
.tabs.application .tab {
    padding: 0 2px 0 0;
}
.tabs.application .tab.active a {
    background-color: #6cb558;
    border: 2px solid #6cb558;
    border-bottom: 0;
}
.tabs.application .tab.tab1 a {
    border-radius: 5px 0 0 0;
}
.tabs.application .tab.tab2 a {
    border-radius: 0 5px 0 0;
}
@media (min-width: 768px) and (max-width: 991px) {
    .tabs .tab a {
        font-size: 12PX;
    }
    .tabs .tab {
        width: 33.33%;
    }
    .tabs.col2 .tab {
        width: 50%;
    }
}
@media (max-width: 767px) {
    .tabs .tab a {
        font-size: 13PX;
    }
    .tabs .tab {
        width: 33.33%;
    }
    .tabs.col2 .tab {
        width: 50%;
    }
    .tabs.application .tab1 {
        padding: 0 2px 0 2px;
    }
}
.tabs.skill .tab {
    width: 50%;
    float: right;
}
.tabs.skill .tab a {
    font-size: 14px;
}
.tabs.skill .tab.notused a {
    text-decoration: line-through;
}
/* Job Search */
.job .job-c1 {
    margin-bottom: 0;
}
.job .job-c2 {
    padding-left: 5px;
}
.job .results {
    border: 2px dotted #959595;
}
.job .filter-text {
    background: #f6f6f6;
    border-bottom: 2px dotted #959595;
    padding: 15px;
}
.job .nores {
    display: block !important;
}
.job .nores {
    display: block !important;
}
.job .job-item {
    position: relative;
    border-bottom: 2px dotted #959595;
    padding: 15px;
}
.job .job-item .item-content {
    cursor: pointer;
}
.job .job-item.first {
    border-top: 0;
}
.job .job-item.open {
    background: #e6e6e6;
}
.job .job-item.map-select {
    background: #FFE2E6;
}
.job-item {
    position: relative;
}
.job-item .dateline {
    width: 100px;
    position: absolute;
    top: 15px;
    left: 0;
}
.job-item .dateline .line {
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    font-weight: bold;
    color: #454545;
    padding: 0 0 5px 0;
}
.job-item .info {
    margin-left: 85px;
    border-left: 2px dotted #959595;
    padding-left: 12px;
}
.job-item .info .event-name {
    color: #959595;
    font-family: "AvenirLT-Black", Verdana, Helvetica, sans-serif;
    padding: 0 80px 0 0;
    margin: 0 0 5px 0;
}
.job-item .info .event-name a {
    color: #959595;
    font-family: "AvenirLT-Black", Verdana, Helvetica, sans-serif;
}
.job-item .info .job-title {
    color: #454545;
    font-family: "AvenirLT-Black", Verdana, Helvetica, sans-serif;
    padding: 0 80px 0 0;
    margin: 0 0 5px 0;
}
.job-item .info .location {
    font-family: "AvenirLT-Black", Verdana, Helvetica, sans-serif;
    color: #959595;
    margin: 0 0 3px 0;
}
.job-item .info .lookingfor {
    font-family: "AvenirLT-Black", Verdana, Helvetica, sans-serif;
    color: #959595;
    margin: 0 0 3px 0;
}
.job-item .info .line {
    color: #666;
    font-size: 14px;
    margin: 0 0 2px 0;
}
.job-item .info .line-stand {
    font-family: "AvenirLT-Black", Verdana, Helvetica, sans-serif;
    color: #959595;
    font-size: 14px;
    margin: 0 0 2px 0;
}
.job-item .info .positions {
    font-weight: bold;
    margin: 6px 0 3px 0;
}
.job-item .date {
    font-size: 12px;
    color: #959595;
}
.job-item .nav {
    margin-top: 5px;
}
.job-item .nav .read-more {
    color: #959595;
    float: left;
    line-height: 30px;
    color: #959595;
    text-decoration: underline;
}
.job-item .budget {
    position: absolute;
    right: 15px;
    top: 15px;
}
.job-item .budget .l1 {
    color: #ee3c6e;
    font-family: "AvenirLT-Black", Verdana, Helvetica, sans-serif;
    font-size: 28px;
    line-height: 28px;
    margin: 0 0 5px 0;
    text-align: right;
}
.job-item .budget .l2 {
    color: #999;
    font-size: 14px;
    line-height: 14px;
    margin: 0;
    text-align: right;
}
.job-item .nav .btn {
    float: right;
}
.job .details {
    position: relative;
}
.job .details .map-grip {
    position: absolute;
    right: 0;
    bottom: 90px;
    width: 60px;
    height: 60px;
    z-index: 111;
    background: url('/images/map-grip.png') no-repeat center center #fff;
    border: 2px dotted #959595;
    border-right: none;
    border-radius: 5px 0 0 5px;
    display: none;
}
.job .details .content-header {
    border-bottom: 0;
}
.job-details .nav .btn {
    float: right;
}
.job-details .job-desc {
    min-height: 150px;
}
.job #gmap-container {
    padding: 0;
}
.job .results {
    overflow-x: hidden;
    overflow-y: scroll;
}
.job-marker .budget {
    color: #ee3c6e;
    font-family: "AvenirLT-Black", Verdana, Helvetica, sans-serif;
    font-size: 28px;
    line-height: 28px;
    margin: 0 0 5px 0;
}
.job-marker .budget span {
    font-family: "AvenirLT-Book", Tahoma, Verdana, Helvetica, sans-serif;
    color: #999;
    font-size: 14px;
    line-height: 14px;
}
.job-marker .date {
    color: #ee3c6e;
    font-family: "AvenirLT-Black", Verdana, Helvetica, sans-serif;
    margin: 0 0 10px 0;
}
.job-marker .event-name {
    color: #454545;
    font-family: "AvenirLT-Black", Verdana, Helvetica, sans-serif;
    margin: 0 0 3px 0;
}
.job-marker .job-title {
    color: #959595;
    font-family: "AvenirLT-Black", Verdana, Helvetica, sans-serif;
    margin: 0 0 10px 0;
}
.job-marker .location {
    color: #959595;
    font-family: "AvenirLT-Black", Verdana, Helvetica, sans-serif;
    margin: 0 0 3px 0;
}
.job-marker .position {
    color: #959595;
    margin: 0 0 10px 0;
}
.job-marker .more {
    margin: 0;
}
.job-marker .more a {
    color: #959595;
    text-decoration: underline;
}
.gmap_popup {
    width: 240px;
}
@media (max-width: 767px) {
    .job .job-item {
        border-bottom: 0;
        border-top: 2px dotted #959595;
    }
    .job .job-item.first {
        border-top: 0;
    }
    .job .job-c2 {
        padding-left: 15px;
    }
    .job .details .map-grip {
        display: block;
    }
    .job #gmap-container {
        height: 300px !important;
        margin: 0 0 10px 0;
    }
    .job .m-visible {
        display: block !important;
        visibility: visible !important;
    }
    .job .m-hidden {
        display: none !important;
    }
    .job .results,
    .job #results {
        height: auto !important;
        overflow-y: auto !important;
    }
    .job .job-details,
    .job #job-details {
        height: auto !important;
        overflow-y: auto !important;
    }
    .job-details .nav .btn,
    .job-item .nav .btn {
        float: left;
        display: block;
        width: 49%;
        margin: 0 0 7px 0;
    }
    .job-details .nav .btn.right,
    .job-item .nav .btn.right {
        float: right;
    }
}
/* Job Details */
.job-details .organiser .photo {
    padding-right: 0;
}
.job-details .organiser .photo img {
    border: 1px solid #999;
    width: 100%;
}
.job-details .organiser .name {
    color: #454545;
    font-family: "AvenirLT-Black", Verdana, Helvetica, sans-serif;
    padding: 0 0 5px;
}
.job-details .organiser .name a {
    color: #454545;
}
.job-details .organiser .desc {
    padding: 0 0 5px;
}
.job-details .budget {
    color: #ee3c6e;
    font-family: "AvenirLT-Black", Verdana, Helvetica, sans-serif;
    font-size: 36px;
    line-height: 36px;
    min-height: 40px;
}
.job-details .travel-allowance {
    color: #ee3c6e;
    font-family: "AvenirLT-Black",Verdana,Helvetica,sans-serif;
    font-size: 14px;
}
.job-details .budget span,
.job-details .travel-allowance span {
    color: #959595;
    font-family: "AvenirLT-Book", Verdana, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 14px;
}
.job-details .job-info-mobile {
    position: relative;
}
.job-details .job-info-mobile .info-basic {
    min-height: 55px;
    padding: 0 90px 0 0;
}
.job-details .job-info-mobile .name {
    color: #959595;
    font-family: "AvenirLT-Black", Verdana, Helvetica, sans-serif;
    padding: 0 0 5px 0;
}
.job-details .job-info-mobile .job-title {
    font-family: "AvenirLT-Black", Verdana, Helvetica, sans-serif;
    padding: 0 0 5px 0;
}
.job-details .job-info-mobile .positions {
    color: #999;
}
.job-details .job-info-mobile .budget {
    position: absolute;
    top: 0;
    right: 0;
}
.job-details .job-info-mobile .budget span {
    display: block;
    text-align: right;
    padding: 3px 0 0 0;
}
.job-details .job-info-mobile .travel-allowance {
    position: absolute;
    top: 58px;
    right: 0;
}
.job-details .job-info-mobile .travel-allowance span {
    display: block;
    text-align: right;
    padding: 3px 0 0 0;
}
.job-details .hdr {
    min-height: 40px;
}
.job-details .date {
    font-size: 14px;
    color: #454545;
    font-family: "AvenirLT-Black", Verdana, Helvetica, sans-serif;
    margin: 0 0 3px 0;
}
.job-details .time {
    color: #959595;
    font-family: "AvenirLT-Black", Verdana, Helvetica, sans-serif;
    margin: 0 0 3px 0;
}
.job-details .lookingfor {
    color: #959595;
    font-family: "AvenirLT-Black", Verdana, Helvetica, sans-serif;
    margin: 0 0 3px 0;
}
.job-details .location {
    color: #959595;
    font-family: "AvenirLT-Black", Verdana, Helvetica, sans-serif;
    margin: 0 0 3px 0;
}
.job-details .social,
.social.social-items {
    min-height: 24px;
}
.job-details .social .social-item,
.social.social-items .social-item {
    float: left;
    padding: 0 10px 0 0;
}
.job-details .content-header .data {
    color: #fff;
}
.job-details .gmap {
    border: 1px solid #959595;
}
.job-details .gmap-sm {
    border: none;
    border-bottom: 1px solid #959595;
    margin: -15px -15px 15px -15px;
}
.job-details .gmap img {
    width: 100%;
}
.job-details {
    overflow-x: hidden;
    overflow-y: scroll;
}
.job-details.noscroll {
    overflow-y: auto;
}
/* Job Archive */
.job-archive-item {
    position: relative;
    border-top: 2px dotted #959595;
    margin: 20px 0 0;
    padding: 20px 0 0;
}
.job-archive-item.first {
    border-top: 0 none;
    margin: 0;
    padding: 0;
}
.job-archive-item .clear {
    position: relative;
}
.job-archive-item a {
    color: #454545;
}
.job-archive-item .photo {
    float: left;
    width: 102px;
}
.job-archive-item .photo img {
    border: 1px solid #999;
    width: 100%;
}
.job-archive-item .info {
    padding: 0 0 0 117px;
    width: 100%;
}
.job-archive-item .date {
    margin: 10px 0 0 0;
}
.job-archive-item .location {
    color: #999;
    margin: 5px 0 0;
}
.job-archive-item .l1 {
    color: #454545;
    font-size: 16px;
    margin: 0 0 5px;
    padding-right: 100px;
}
.job-archive-item .l1 a {
    color: #454545;
    font-size: 16px;
}
.job-archive-item .l2 {
    color: #999;
    font-size: 16px;
    margin: 0 0 5px;
    padding-right: 100px;
}
.job-archive-item .l3 {
    color: #999;
    font-size: 14px;
    margin: 0 0 5px;
}
.job-archive-item .desc {
    margin: 0 0 5px;
}
.job-archive-item.nav {
    height: 24px;
    margin: 15px 0 0;
}
.job-archive-item .nav .read-more {
    color: #959595;
    display: inline-block;
    float: left;
    line-height: 24px;
    text-decoration: underline;
}
.job-archive-item .budget {
    position: absolute;
    right: 0;
    top: 0;
}
.job-archive-item .budget .budget-l1 {
    color: #ee3c6e;
    font-family: "AvenirLT-Black", Verdana, Helvetica, sans-serif;
    font-size: 28px;
    line-height: 28px;
    margin: 0 0 5px;
    text-align: right;
}
.job-archive-item .budget .budget-l2 {
    color: #999;
    font-size: 14px;
    line-height: 14px;
    margin: 0 0 5px;
    text-align: right;
}
/* Request */
.enquiries {
    position: absolute;
    right: 15px;
    top: 0;
    height: 42px;
    width: 65px;
    border-radius: 0 8px 0 0;
    margin: 0 -15px 0 0;
}
.enquiries.active {
    background: none repeat scroll 0 0 #0590c3;
}
.enquiries a {
    display: block;
    position: relative;
}
.enquiries .icon {
    background: url("/images/icon-enquiry.png") no-repeat scroll center center transparent;
    line-height: 28px;
    position: absolute;
    right: 12px;
    top: 8px;
    width: 40px;
    z-index: 1;
}
.enquiries .count {
    background: none repeat scroll 0 0 #ed1064;
    border-radius: 10px;
    color: #fff;
    font-family: "AvenirLT-Book", Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 20px;
    position: absolute;
    right: 4px;
    text-align: center;
    top: 2px;
    width: 20px;
    z-index: 1;
}
.req-gray {
    background: #f5f5f5;
}
.req .req-c1 {
    width: 29.5%;
}
.req .req-c2 {
    width: 70.5%;
    padding-left: 0;
}
.req-item {
    display: block;
    position: relative;
    background-color: #f6f6f6;
    background-position: right center;
    background-repeat: no-repeat;
    padding: 5px 20px 5px 10px;
    margin: 2px 0 0 0;
}
.req-item.first {
}
.req-item .premium-staff {
    background-image: url("/images/premium.png");
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 28px auto;
    height: 70px;
}
.req-item.selected {
    background-color: #e6e6e6;
}
.req-item.unread {
    background-color: #f6f6f6;
}
.req-item.booked {
    background-image: url("/images/bg-booked.png");
}
.req-item.declined {
    background-image: url("/images/bg-declined.png");
}
.req-item.pending {
    background-image: url("/images/bg-pending.png");
}
.req-item.cancelled {
    background-image: url("/images/bg-cancelled.png");
}
.req-item.unavailable {
    background-image: url("/images/bg-unavailable.png");
}
.req-item.expired {
    background-image: url("/images/bg-expired.png");
}
.req-item div,
.req-item a {
    font-size: 12px;
    line-height: 16px;
    color: #454545;
}
.req-item .photo {
    float: left;
    width: 60px;
}
.req-item .photo img {
    width: 100%;
    border: 1px solid #999;
    margin: 0 0 4px 0;
}
.req-item .info {
    width: 100%;
    padding: 0 0 0 70px;
}
.req-item .name {
    font-family: "AvenirLT-Black", Verdana, Helvetica, sans-serif;
    padding: 0 0 5px 0;
}
.req-item .age {
    color: #999;
    padding: 0 0 5px 0;
}
.req-item .desc {
    padding: 0 0 5px 0;
}
.req-item .delete {
    display: none;
    position: absolute;
    height: 32px;
    width: 32px;
    right: 0;
    top: 0;
    background: url("/images/icon-trash.png") no-repeat center center #eeeeee;
}
.req-item:hover .delete {
    display: block;
}
.req-item-lg.premium-staff {
    background-image: url("/images/premium.png");
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 40px auto;
}
.req-item-lg div,
.req-item-lg a {
    font-size: 14px;
    line-height: 16px;
    color: #454545;
    /*width: 75%;*/
}
.req-item-lg .photo {
    float: left;
    width: 102px;
}
.req-item-lg .photo img {
    width: 100%;
    border: 1px solid #999;
}
.req-item-lg .info {
    width: 100%;
    padding: 0 0 0 117px;
}
.req-item-lg .name {
    font-family: "AvenirLT-Black", Verdana, Helvetica, sans-serif;
    padding: 0 0 5px 0;
}
.req-item-lg .age {
    color: #999;
    padding: 0;
}
.req-item-lg .desc {
    padding: 0 0 5px 0;
}
.req-item-lg .bio {
    padding: 10px 0 5px 0;
}
.req-item-lg .rating.md {
    display: block;
}
.req-item-lg .rating.sm {
    display: none;
}
@media (max-width: 767px) {
    .req .req-c1 {
        width: 100%;
    }
    .req .req-c2 {
        width: 100%;
        padding-left: 15px;
    }
    .req-item {
        background-color: #f6f6f6 !important;
    }
    .req-item .delete {
        display: block;
    }
    .req-item .premium-staff {
        height: 55px;
    }
    .req-item-lg .photo {
        width: 60px;
        margin-bottom: 10px;
    }
    .req-item-lg .info {
        padding: 0 0 0 75px;
    }
    .req-item-lg .rating.md {
        display: none;
    }
    .req-item-lg .rating.sm {
        display: block;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .req .req-c1 {
        width: 39.5%;
    }
    .req .req-c2 {
        width: 60.5%;
    }
    .req-item .photo {
        width: 60px;
    }
    .req-item .premium-staff {
        height: 54px;
    }
    .req-item .info {
        padding-left: 70px;
    }
}
.data-req-item .selected {
    background: #EFFBFF;
}
.staff-dashboard-event-name-mobile {
    display: inline-grid;
}
.staff-dashboard-event-name-mobile a {
    white-space: nowrap;
    width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.staff-dashboard-date-pay-mobile {
    position: absolute;
    right: 25px;
    font-size: 11px;
    color: #999;
}
.staff-dashboard-pay-mobile {
    color: #ee3c6e;
    font-weight: 900;
    font-family: "AvenirLT-Black", Verdana, Helvetica, sans-serif;
}
@media (max-width: 375px) {
    .staff-dashboard-event-name-mobile a {
        width: 175px;
    }
}
@media (max-width: 320px) {
    .staff-dashboard-event-name-mobile a {
        width: 130px;
    }
}
/* Cart */
.cart-item {
    margin: 0 5px 0 0;
}
.cart-item .photo {
    float: left;
    width: 15%;
}
.cart-item .photo img {
    width: 100%;
}
.cart-item .info {
    float: left;
    width: 85%;
    padding: 0 0 0 10px;
}
/* Messages */
.msg-list-item {
    position: relative;
    border: 1px solid #959595;
    padding: 15px;
    margin: 0 0 10px 0;
}
.msg-list-item div,
.msg-list-item a {
    font-size: 14px;
    line-height: 16px;
    color: #454545;
}
.msg-list-item .photo {
    float: left;
    width: 102px;
}
.msg-list-item .photo img {
    width: 100%;
    border: 1px solid #999;
}
.msg-list-item .info {
    width: 100%;
    padding: 0 0 0 117px;
}
.msg-list-item .name {
    font-family: "AvenirLT-Black", Verdana, Helvetica, sans-serif;
    padding: 0;
}
.msg-list-item .age {
    color: #999;
    padding: 0;
}
.msg-list-item .desc {
    padding: 10px 0 5px 0;
}
.msg-list-item .date {
    color: #bbb;
    font-size: 12px;
    padding: 0 0 5px 0;
}
.msg-list-item .delete {
    background: url("/images/icon-trash.png") no-repeat scroll center center #eeeeee;
    display: none;
    height: 32px;
    position: absolute;
    right: 0;
    top: 0;
    width: 32px;
}
.msg-list-item:hover .delete {
    display: block;
}
.msg-list-item.other .photo {
    float: right;
}
.msg-list-item.other .info {
    padding: 0 117px 0 0;
}
.msg-list-item.other .info > div {
    text-align: right;
}
.msg-list-item.other .delete {
    left: 0;
}
.msg-list-item .rating.md {
    display: block;
}
.msg-list-item .rating.sm {
    display: none;
}
.write-msg-text {
    width: 100%;
    height: 102px;
}
@media (max-width: 767px) {
    .msg-list-item .delete {
        display: block;
    }
    .msg-list-item .photo {
        width: 60px;
    }
    .msg-list-item .info {
        padding: 0 0 0 75px;
    }
    .msg-list-item.other .info {
        padding: 0 75px 0 0;
    }
    .msg-list-item .rating.md {
        display: none;
    }
    .msg-list-item .rating.sm {
        display: block;
    }
    .write-msg-text {
        height: 60px;
    }
}
/* Admin */
.admin-requests {
    margin-left: -5px;
    margin-right: -5px;
}
.admin-requests .req-type {
    padding: 0 5px 0 5px;
}
.admin-requests h4 {
    background: none repeat scroll 0 0 #ddd;
    margin: 0;
    padding: 8px;
    text-transform: uppercase;
}
.admin-requests .request {
    border: 1px solid #999;
    margin: 5px 0 0;
    position: relative;
}
.admin-requests .request.deleted {
    background: none repeat scroll 0 0 #ffdab9;
}
.admin-requests .request.cancelled {
    background: none repeat scroll 0 0 #eaeaea;
}
.admin-requests .request.booking-cancelled.staff {
    background: none repeat scroll 0 0 #FFF084;
}
.admin-requests .request.booking-cancelled.client {
    background: none repeat scroll 0 0 #FFC6DB;
}
.admin-requests .request.debt {
    background-image: url('/images/failed-payment.png');
    background-repeat: repeat;
    background-size: 19px;
    background-position: left top;
}
.admin-requests .request img {
    float: left;
    border: 1px solid #ddd;
    height: 45px;
    margin: 5px;
    width: 45px; /*36*/
}
.admin-requests .request .text {
    width: 100%;
    padding: 0 0 0 48px;
    margin: 5px 0 5px 0;
}
.admin-requests .request .conv,
.admin-requests .request .sms,
.admin-requests .request .delete-request,
.admin-requests .request .cancel-request,
.admin-requests .request .cancel-booking {
    background-image: none;
    background-position: center center;
    background-repeat: no-repeat;
    height: 32px;
    position: absolute;
    top: 2px;
    width: 32px;
}
.admin-requests .request .conv {
    right: 5px;
}
.admin-requests .request:hover .conv {
    background-image: url("/images/icon-mail.png");
}
.admin-requests .request .sms {
    right: 38px;
}
.admin-requests .request:hover .sms {
    background-image: url("/images/icon-sms.jpg");
}
.admin-requests .request .delete-request,
.admin-requests .request .cancel-booking {
    right: 5px;
    top: 25px;
}
.admin-requests .application .request:hover .delete-request,
.admin-requests .invitation .request:hover .delete-request {
    background-image: url("/images/icon-trash.png");
}
.admin-requests .request:hover .cancel-booking {
    background-image: url("/images/cancel-small.png");
}
.work-photo-profile {
    margin: 20px 0 10px;
}
.work-photo-profile span,
.work-photo-profile a {
    display: inline-block;
    float: left;
    border: 1px solid #eee;
    margin: 0 0 0 5px;
}
.work-photo-profile span.first {
    margin: 0;
}
.work-photo-profile img {
    max-height: 69px;
    max-width: 69px;
}
.form-group .flabel {
    text-align: right;
    font-weight: bold;
    padding-right: 5px;
}
.form-group .flabel.norm {
    font-weight: normal;
}
.form-group .mlabel {
    word-break: break-word;
}
.k-grid th,
.k-grid th a,
.k-grid th span,
.k-grid td,
.k-grid td a,
.k-grid td span {
    font-size: 12px;
}
#new-job-cofirmation td {
    padding: 0 0;
    font-size: 0;
}
#new-job-cofirmation {
    width: 100%;
    padding: 12px 12px 0 12px;
    /*max-width: 565px;*/
    color: #333333;
}
#new-job-cofirmation img {
    width: 100%;
}
#new-job-cofirmation .top-img img {
    padding: 0 20px;
}
#new-job-cofirmation .what-happens-next,
#new-job-cofirmation .top-img {
    margin-bottom: 40px;
}
#new-job-cofirmation h3 {
    font-size: 25px;
    font-weight: 900
}
#new-job-cofirmation p {
    margin-top: 20px;
    font-family: "dosisSemiBold";
    font-weight: normal;
    font-size: 18px;
    line-height: 1.2em;
}
#new-job-cofirmation .staff-booking-fee {
    margin-top: 10px;
}
.job-confirmation-done {
    font-size: 20px;
    /*padding: 15px 0px;*/
    margin-top: 40px;
    line-height: 45px;
}
@media (max-width: 767px) {
    #new-job-cofirmation .top-img img {
        width: 100%;
        padding: 0;
    }
    #new-job-cofirmation img {
        width: auto;
    }
}
.my-credit .social-item.facebook {
    padding-top: 18px;
}
.my-credit .social-item.recommand-text {
    padding-top: 11px;
}
.my-credit .social-item.recommand-arrow {
    padding-top: 10px;
}
.forgot-password-wrap {
    max-width: 300px;
    width: 100%;
    margin: auto;
}
.margin-bottom-2 {
    margin-bottom: 2px;
}
.free-booking-wrap img {
    margin-top: -12px;
}
.job-details-edit .form-group div.plabel {
    font-weight: bold;
}
#UpcomingJobGrid .delete-job,
#CompletedJobGrid .delete-job,
#ProfileGrid .delete-profile {
    text-align: center;
    color: red;
    width: 100%;
    display: inline-block;
}
.col-nopadding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.profile-picture-sample img {
    width: 100%;
    border: 1px solid #dde3f3;
}
.profile-picture-sample .good {
    padding-right: 5px;
}
.profile-picture-sample .bad {
    padding-left: 5px;
}
/*End Of Image Suggestion in image upload page #TC*/
.social-item-label {
    margin-right: 15px;
    min-width: 140px;
    display: inline-block;
}
.kendo-grid .btn {
    text-transform: none;
    border-radius: 2px;
    font-size: 12px;
    line-height: 12px;
    padding: 4px 5px 4px 5px;
    margin-right: 2px;
    margin-bottom: 2px;
}
.kendo-grid .fa {
    font-size: 12px;
    line-height: 12px;
}
.kendo-grid .fa.lg {
    font-size: 18px;
    line-height: 18px;
}
.action-wrap {
    width: 102px;
}
.login-action-wrap {
    width: 190px;
    margin: 0 auto;
}
.login-btn {
    float: left;
}
.rememberme {
    float: right;
    display: block;
    background: #CFCFCF;
    border-radius: 4px;
    line-height: 29px;
    padding: 0 10px;
}
.rememberme input {
    margin: 0;
    vertical-align: middle;
}
.review #btnNoShow {
    margin-top: 3px;
    width: 125px;
    cursor: pointer;
}
.login-error {
    border: 2px dotted #959595;
    background: #FFE5EE;
    text-align: center;
    padding: 10px;
    margin: 0 0 20px 0;
}
#instagram-wrap {
    border: 2px dotted #959595;
    border-radius: 8px;
    margin: 20px 0 0;
    padding: 10px 8px;
}
#instagram-wrap .instagram-col {
    /*width: 10%;*/
    /*margin-right: 10px;*/
    float: left;
}
#instagram-wrap .instagram-col img {
    width: 90px;
}
.instagram-wrap-outer .btn-success {
    display: none !important;
}
@media (max-width: 768px) {
    #instagram-wrap .instagram-col img {
        width: 96px;
    }
}
@media (max-width: 320px) {
    #instagram-wrap .instagram-col img {
        width: 86px;
    }
}
.section-main-photo {
    position: relative;
}
.section-main-photo img {
    width: 100%;
    border: 1px solid #ccc;
}
.section-main-photo .delete {
    position: absolute;
    display: none;
    bottom: 5px;
    right: 5px;
    width: 32px;
    height: 32px;
    background: url("/images/icon-trash.png") no-repeat center center #fff;
    z-index: 999;
}
.section-main-photo:hover .delete {
    display: block;
}
.section-photos {
    padding: 20px 0 0 0;
    margin: 0 -10px;
}
.skill-photos .section-photos {
    padding: 0;
    margin: 0 -10px;
}
.skill-photos .section-photos .photo {
    position: relative;
    width: 16.6%;
    float: left;
    padding: 0 10px;
    margin: 0 0 20px 0;
}
.skill-area {
    padding: 8px 7px;
    font-weight: bold;
    border-radius: 5px;
    background-color: #c3c3c3;
    line-height: 20px;
}
.skill-area .btn-category-approval {
    margin-bottom: 0;
    padding: 5px 7px;
    font-size: 13px;
    text-transform: none;
}
.skill-area .btn-category-approval[disabled] {
    opacity: 1;
}
.skill-area .category-info {
    background: none;
}
.skill-area .tooltip.in {
    opacity: 1;
}
.skill-area .category-info > i {
    font-size: 20px;
    line-height: 30px;
    color: #f44336;
    vertical-align: middle;
}
.skill-area .tooltip .tooltip-inner {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #000000;
    text-align: left;
}
.skill-area .tooltip .tooltip-arrow {
    background-color: transparent !important;
}
.section-photos .photo {
    position: relative;
    float: left;
    width: 33%;
    padding: 0 10px;
    margin: 0 0 20px 0;
}
.section-photos .photo a {
    display: block;
}
.section-photos .photo img {
    width: 100%;
    border: 1px solid #ccc;
    cursor: pointer;
}
.section-photos .photo .delete,
.section-main-photo .areas-select,
.section-photos .photo .areas-select {
    position: absolute;
    display: none;
    bottom: 5px;
    right: 15px;
    width: 32px;
    height: 32px;
    background: url("/images/icon-trash.png") no-repeat center center #fff;
    z-index: 999;
    border-radius: 5px;
}
.section-main-photo .areas-select,
.section-photos .photo .areas-select {
    right: unset;
    left: 15px;
    background: url("/images/photo-area.png") no-repeat center center #fff;
    border-radius: 5px;
}
.section-main-photo .areas-select {
    left: 5px;
}
.section-photos .photo:hover .delete,
.section-main-photo:hover .areas-select,
.section-photos .photo:hover .areas-select {
    display: block;
}
.btn-category-approval-popup {
    margin: 10px auto;
    display: block;
}
@media (max-width: 767px) {
    .section-main-photo .delete,
    .section-photos .photo .delete,
    .section-main-photo .areas-select,
    .section-photos .photo .areas-select {
        display: block;
    }
}
@media (max-width: 992px) {
    .skill-area .btn-category-approval {
        display: block;
        width: 100%;
    }
}
@media (max-width: 767px) and (min-width: 420px) {
    .skill-area .btn-category-approval {
        width: auto;
    }
}
.photo-upload-c1 {
    float: left;
    width: 45%;
    padding: 0 20px 0 0;
}
.photo-upload-c2 {
    float: left;
    width: 55%;
}
@media (max-width: 460px) {
    .photo-upload-c1,
    .photo-upload-c2 {
        float: none;
        width: auto;
        padding: 0;
    }
}
.dob-wrap {
    margin: 0 -3px;
}
.dob-wrap .col {
    float: left;
    width: 33.33%;
    padding: 0 3px;
}
.default-image .tic {
    position: absolute;
    background: url("/images/icon-tick.png") no-repeat center center;
    background-size: 100%;
    height: 13px;
    width: 13px;
    left: 7px;
    top: -2px;
}
/*===== Slider Start =====*/
#slider img {
    width: 100%;
    position: relative;
}
.slider-wrap {
    position: relative;
}
@media (max-width: 767px) {
    #slider .visible-xs {
        padding: 0;
    }
}
/*===== Slider End =====*/
/*===== Sub-menu Start =====*/
ul.sub-menu {
    padding: 0;
    background: #00bcee;
    width: 100%;
    margin-bottom: 0;
}
ul.sub-menu li {
    float: left;
    width: 20%;
    list-style: none;
    padding: 0;
    margin: 0;
}
ul.sub-menu li a,
#sub-menu .staff-type-selection {
    color: #fff;
    text-transform: uppercase;
    font-family: 'dosisBold', sans-serif;
    font-size: 15px;
    padding: 0px;
    height: 34px;
    line-height: 34px;
    display: block;
    text-align: center;
}
ul.sub-menu li a:hover {
    background: #0070b8;
    text-decoration: none;
}
ul.sub-menu li a.active {
    background: #eb1165;
}
@media (max-width: 767px) {
    #sub-menu .col-xs-12 {
        padding: 0;
    }
    ul.sub-menu {
        background: #0070B8;
        display: none;
    }
    ul.sub-menu li {
        width: 100%;
        display: block;
    }
    ul.sub-menu li a,
    #sub-menu .staff-type-selection {
        font-size: 32px;
        height: 74px;
        line-height: 74px;
    }
    #sub-menu div.staff-type-selection {
        background: url("/images/v2/expand.png") 90% 52% no-repeat #00bcee;
    }
    #sub-menu div.staff-type-selection.collapse-menu {
        background: url("/images/v2/collapse.png") 90% 52% no-repeat #00bcee;
    }
}
@media (max-width: 479px) {
    ul.sub-menu li a,
    #sub-menu .staff-type-selection {
        font-size: 15px;
        height: 34px;
        line-height: 34px;
    }
}
/*===== Sub-menu End =====*/
/*===== Join-the-party Start =====*/
#join-the-party {
    padding-top: 25px;
}
a.yellow-circle {
    background: transparent url("/images/v2/circle-yellow-bg.png") no-repeat scroll center center;
    color: #000;
}
a.pink-circle {
    background: transparent url("/images/v2/circle-pink-bg.png") no-repeat scroll center center;
    color: #fff;
}
a.yellow-circle-mobile {
    background: transparent url("/images/v2/circle-yellow-bg-mobile.png") no-repeat scroll center center;
    color: #000;
}
a.pink-circle-mobile {
    background: transparent url("/images/v2/circle-pink-bg-mobile.png") no-repeat scroll center center;
    color: #fff;
}
a.staff,
a.find-job {
    display: inline-block;
    font-family: 'dosisSemiBold', sans-serif;
    font-size: 17px;
    height: 95px;
    line-height: 20px;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    width: 96px;
}
a.staff {
    margin-left: 10px;
}
a.find-job {
    margin-right: 10px;
}
a.find-job span,
a.staff span {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    text-align: center;
    margin-top: 26%;
}
.join-party-content {
    font-size: 22px;
    font-family: 'AvenirLTStdBook', sans-serif;
    line-height: 28px;
}
.join-party-buttons-mobile {
    text-align: center;
}
.join-party-buttons-mobile a.staff,
.join-party-buttons-mobile a.find-job {
    font-size: 23px;
    height: 131px;
    line-height: 90px;
    width: 132px;
}
@media (max-width: 767px) {
    .join-party-buttons-mobile a.staff,
    .join-party-buttons-mobile a.find-job {
        font-size: 13px;
        height: 70px;
        width: 70px;
        line-height: 50px;
        background-size: 100% 100%;
    }
    a.staff {
        margin-left: 5px;
    }
    a.find-job {
        margin-right: 5px;
    }
}
/*===== Join-the-party End =====*/
/*===== Mobile-login Start =====*/
#mobile-login {
    padding-top: 25px;
}
#mobile-login ul.login {
    text-align: center;
}
#mobile-login ul li {
    display: inline-block;
    float: none;
}
@media (max-width: 767px) {
    #mobile-login {
        padding-top: 80px;
    }
}
/*===== Mobile-login End =====*/
/*===== Handpick-content Start =====*/
.handpick-title {
    margin: 55px 0;
}
#handpick-content {
    padding: 25px 0px;
}
#handpick-content .handpick-content-details {
    padding: 0 30px;
}
#handpick-content .step {
    margin-bottom: 20px;
}
.step h3 {
    text-transform: uppercase;
    font-size: 20px;
    font-family: 'dosisBold', sans-serif;
    color: #eb1163;
    padding-left: 65px;
    line-height: 35px;
}
.step div {
    padding-left: 65px;
    font-family: 'AvenirLTStdBook', sans-serif;
    font-size: 14px;
    color: #4d4d4d;
}
.step.step-1 {
    background: url('/images/v2/hand-pick-step-1-bg.png') no-repeat top left;
}
.step.step-2 {
    background: url('/images/v2/hand-pick-step-2-bg.png') no-repeat top left;
}
.step.step-3 {
    background: url('/images/v2/hand-pick-step-3-bg.png') no-repeat top left;
}
.hand-pick-image {
    padding: 50px 0 0 50px;
}
.hand-pick-image img {
    width: 100%;
}
@media (max-width: 767px) {
    #handpick-content .handpick-content-details {
        padding: 0 75px 0 75px;
    }
    .step h3 {
        font-size: 39px;
        line-height: 45px;
        margin-bottom: 10px;
    }
    .step div {
        font-size: 27px;
        line-height: 28px;
    }
    .hand-pick-image {
        margin-right: -15px;
    }
}
@media (max-width: 479px) {
    #handpick-content .handpick-content-details {
        padding: 15px;
    }
    .step h3 {
        font-size: 20px;
        line-height: 35px;
        margin-bottom: 20px;
    }
    .step div {
        font-size: 14px;
        line-height: 18px;
    }
    #mobile-login {
        padding-top: 30px;
    }
    .handpick-title {
        margin: 30px 0;
    }
}
#handpick-content .handpick-title {
    margin: 0;
}
#handpick-content .handpick-content-details .handpick-subtitle {
    font-size: 18px;
    color: #4d4d4d;
    line-height: 20px;
    margin-bottom: 40px;
    text-align: center;
}
#handpick-content .handpick-content-details .handpick-features {
    font-size: 14px;
    color: #5d5d5d;
    line-height: 16px;
    padding: 10px 0 0 0;
}
#handpick-content .handpick-content-details .handpick-features .handpick-features-title {
    margin-bottom: 20px;
    font-size: 14px;
    color: #5d5d5d;
    line-height: 16px;
}
#handpick-content .handpick-content-details .handpick-features ul {
    list-style: none;
    padding-left: 0;
    margin-left: 22%;
    margin-bottom: 0;
}
#handpick-content .handpick-content-details .handpick-features ul li {
    padding-left: 30px;
    background: url("/images/v2/ticks-list.png") no-repeat 2% 40%;
    line-height: 22px;
    font-size: 14px;
    font-family: 'AvenirLTStdRoman', sans-serif;
}
@media (max-width: 375px) {
    #handpick-content .handpick-content-details .handpick-features ul li {
        font-size: 12px;
    }
}
#handpick-content .get-started-section {
    margin: 40px 0;
}
#handpick-content .get-started-btn {
    display: inline-block;
    text-align: center;
}
#handpick-content .hourly-rate img {
    max-width: 100%;
}
#handpick-content .handpick-content-details .hourly-rate-guide {
    float: left;
    max-width: 191px;
}
#handpick-content .handpick-content-details .hourly-rate-guide span {
    color: #e62f77;
    font-family: 'dosisSemiBold', sans-serif;
    font-size: 17px;
}
#handpick-content .handpick-content-details .hourly-rate-guide span.hourly-rate-title {
    text-transform: capitalize;
    display: block;
}
#handpick-content .handpick-features .btn {
    margin: 30px 0;
}
.gray-box {
    background: #e9e9e9;
}
#handpick-content .hand-pick-steps ul {
    display: table;
    width: 100%;
    margin: 0;
}
#handpick-content .hand-pick-steps li.hp-step {
    list-style: none;
    font-size: 20px;
    font-family: 'dosisSemiBold', sans-serif;
    height: 60px;
    line-height: 60px;
    color: #4d4d4d;
    text-transform: capitalize;
    display: table-cell;
    padding-left: 58px;
}
#handpick-content .hp-step.hp-step1 {
    background: url("/images/v2/hand-pick-step-1.png") no-repeat left center;
}
#handpick-content .hp-step.hp-step2 {
    background: url("/images/v2/hand-pick-step-2.png") no-repeat left center;
}
#handpick-content .hp-step.hp-step3 {
    background: url("/images/v2/hand-pick-step-3.png") no-repeat left center;
}
@media (max-width: 991px) and (min-width: 768px) {
    #handpick-content .hand-pick-steps li.hp-step {
        line-height: 30px;
    }
}
@media (max-width: 767px) {
    .slider-content {
        position: absolute;
        right: 0;
        bottom: 0;
        text-align: center;
        width: 100%;
        background: url("/images/trans-dot-black.png") repeat left top;
        padding: 20px 0 40px 0;
    }
    .slider-content h1.slider-title {
        font-size: 55px;
        line-height: 48px;
    }
    .slider-content span.slider-subtitle {
        font-size: 31px;
        color: #ffffff;
        line-height: 28px;
    }
    #handpick-content .handpick-content-details .handpick-subtitle {
        font-size: 16px;
    }
    #handpick-content .hand-pick-steps li.hp-step {
        display: block;
        width: 100%;
        font-size: 18px;
    }
}
@media (max-width: 479px) {
    .slider-content h1.slider-title {
        font-size: 28px;
        line-height: 28px;
        margin-bottom: 5px;
    }
    .slider-content span.slider-subtitle {
        font-size: 16px;
        line-height: 16px;
        margin-top: 0;
    }
}
/*===== Handpick-content End =====*/
/*===== Supplying-staff Start =====*/
#supplying-staff-wrap {
    padding: 25px 0;
}
.supplying-staff {
    padding: 40px 30px;
}
.supplying-staff-title,
.supplying-staff-types {
    margin-bottom: 40px;
}
.supplying-staff-types a {
    display: block;
    text-align: center;
    position: relative;
}
.supplying-staff-types img {
    width: 100%;
    border: 6px solid #00b7e9;
}
.supplying-staff-types a.skl:after {
    content: '\A';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
}
.supplying-staff-types a:hover:after {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #000;
    opacity: 0.5;
    border-radius: 50%;
}
.supplying-title {
    display: block;
    text-align: center;
    font-family: 'dosisBold', sans-serif;
    font-size: 24px;
    line-height: 20px;
    text-transform: uppercase;
    color: #00b9eb;
    margin-bottom: 10px;
    margin-top: 20px;
}
@media (max-width: 767px) {
    .supplying-title {
        font-size: 36px;
        line-height: 38px;
    }
    .supplying-staff-types {
        min-height: 300px;
    }
}
@media (max-width: 479px) {
    .supplying-title {
        font-size: 18px;
        line-height: 18px;
    }
    .supplying-staff {
        padding: 40px 10px;
    }
    .supplying-staff-types {
        min-height: 220px;
    }
}
/*===== Supplying-staff End =====*/
/*===== Why-choose Start =====*/
.why-choose-title {
    margin: 25px 0;
}
.why-choose-items {
    padding: 0 120px;
}
.why-choose-item {
    min-height: 180px;
    margin-bottom: 15px;
    padding: 0 40px;
}
.why-choose-title h2,
.supplying-staff-title h2,
.handpick-title h2 {
    color: #eb1164;
    font-family: 'dosisBold', sans-serif;
    font-size: 36px;
    line-height: 32px;
    text-transform: uppercase;
}
.supplying-staff-title h2 {
    color: #00b9eb;
}
.why-choose-item h3 {
    text-transform: uppercase;
    color: #5d5d5d;
    font-family: 'dosisBold', sans-serif;
    font-size: 24px;
    margin-top: 20px;
    margin-bottom: 10px;
}
.why-choose-item .why-choose-text {
    font-size: 15px;
    line-height: 18px;
    color: #5d5d5d;
    font-family: 'AvenirLTStdBook', sans-serif;
    letter-spacing: -1px;
}
@media (max-width: 990px) and (min-width: 768px) {
    .why-choose-item {
        min-height: 230px;
    }
}
@media (max-width: 767px) {
    .why-choose-items {
        padding: 0;
    }
    .why-choose-title h2,
    .supplying-staff-title h2,
    .handpick-title h2 {
        font-size: 53px;
        line-height: 58px;
    }
    .handpick-title h2 {
        padding: 0 14%;
    }
    .why-choose-item h3 {
        font-size: 39px;
    }
    .why-choose-item .why-choose-text {
        font-size: 29px;
        line-height: 36px;
    }
}
@media (max-width: 479px) {
    .why-choose-title h2,
    .supplying-staff-title h2,
    .handpick-title h2 {
        font-size: 32px;
        line-height: 30px;
    }
    .why-choose-item h3 {
        font-size: 24px;
    }
    .why-choose-item .why-choose-text {
        font-size: 15px;
        line-height: 18px;
    }
    .handpick-title h2 {
        padding: 0px;
    }
}
/*===== Why-choose End =====*/
/*===== Testimonial Start =====*/
#testimonial {
    background-color: #e9e9e9;
}
.quote {
    padding-top: 40px;
    padding-bottom: 40px;
    margin: 0px;
    min-height: 400px;
}
.quote .review-to {
    font-size: 26px;
    font-family: 'dosisBold', sans-serif;
    color: #4d4d4d;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 45px;
}
.quote .review-comment {
    font-size: 26px;
    font-family: 'AvenirLTStdRoman', sans-serif;
    color: #4d4d4d;
    text-align: center;
    position: relative;
    margin-bottom: 30px;
    margin-left: 35px;
    margin-right: 35px;
    line-height: 30px;
}
.quote .review-comment:before {
    position: absolute;
    background: url("/images/v2/quote-marks-start.png") no-repeat left top;
    content: "";
    width: 46px;
    height: 31px;
    left: -46px;
    top: -25px;
    margin-left: 10px;
}
.quote .review-comment:after {
    position: absolute;
    background: url("/images/v2/quote-marks-end.png") no-repeat bottom right;
    content: "";
    width: 46px;
    height: 31px;
    right: -46px;
    margin-right: 10px;
    bottom: -25px;
}
.quote .review-rating {
    margin-bottom: 15px;
}
.quote .review-by {
    font-size: 22px;
    font-family: 'dosisRegular', sans-serif;
    text-transform: uppercase;
    text-align: center;
    color: #4d4d4d;
}
@media (max-width: 767px) {
    .quote .review-to {
        font-size: 40px;
        color: #5d5d5d;
        margin-bottom: 15px;
    }
    .quote .review-comment {
        font-size: 30px;
        line-height: 32px;
    }
    .quote .review-by {
        font-size: 30px;
    }
    .quote {
        padding: 40px 50px;
    }
    .quote .img-circle {
        margin-bottom: 30px;
    }
}
@media (max-width: 479px) {
    .quote {
        padding: 40px 0;
    }
    .quote .review-to {
        font-size: 26px;
    }
    .quote .review-comment {
        font-size: 26px;
        line-height: 30px;
    }
    .quote .review-by {
        font-size: 22px;
    }
    .quote .img-circle {
        width: 100%;
    }
}
/*===== Testimonial End =====*/
/*=====  Start Home Prompt =====*/
.homeinfo-prompt {
    padding: 20px;
}
.homeinfo-prompt span {
    font-family: 'dosisBold', sans-serif;
    font-size: 36px;
    line-height: 36px;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    display: block;
    margin-bottom: 20px;
}
.homeinfo-prompt ul {
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0px;
}
.homeinfo-prompt ul li a {
    color: #fff;
    display: inline-block;
    text-align: center;
    font-size: 15px;
    font-family: 'dosisBold', sans-serif;
    line-height: 30px;
    height: 30px;
    background: #00bbed;
    float: left;
    width: 30.8%;
    margin-right: 20px;
    margin-bottom: 20px;
}
.homeinfo-prompt ul li a.no-margin-right {
    margin-right: 0px;
}
.homeinfo-prompt ul li:hover a,
.homeinfo-prompt ul li a.active {
    text-decoration: none;
    background: #0071b8;
}
.homeinfo-prompt ul li a.last {
    background: #eb1163;
}
@media (max-width: 767px) {
    .homeinfo-prompt span {
        font-size: 45px;
    }
    .homeinfo-prompt ul li:last-child {
        margin-bottom: 0px;
    }
    .homeinfo-prompt ul li {
        margin-bottom: 10px;
    }
    .homeinfo-prompt ul li a {
        display: block;
        font-size: 50px;
        line-height: 148px;
        height: 148px;
        margin-right: 0px;
        width: 100%;
        border-radius: 10px;
    }
}
@media (max-width: 479px) {
    .homeinfo-prompt span {
        font-size: 32px;
    }
    .homeinfo-prompt ul li:last-child {
        margin-bottom: 0px;
    }
    .homeinfo-prompt ul li {
        margin-bottom: 10px;
    }
    .homeinfo-prompt ul li a {
        display: block;
        font-size: 21px;
        line-height: 40px;
        height: 40px;
        margin-right: 0px;
        width: 100%;
        border-radius: 5px;
        margin-bottom: 10px;
    }
}
/*==== End Home Prompt =====*/
/*==== Inner Page Start ====*/
.slider-content {
    position: absolute;
    right: 6%;
    bottom: 20%;
    text-align: center;
}
.slider-content h1.slider-title {
    font-family: 'dosisBold', sans-serif;
    font-size: 40px;
    color: #00bef0;
    text-transform: uppercase;
    line-height: 40px;
}
.slider-content span.slider-subtitle {
    font-family: 'AvenirLTStdRoman', sans-serif;
    font-size: 23px;
    color: #4d4d4d;
    line-height: 20px;
    display: block;
    margin: 15px 0;
}
.slider-content span.slider-subtitle-white {
    font-family: 'AvenirLTStdRoman', sans-serif;
    font-size: 23px;
    color: #ffffff;
    line-height: 20px;
    display: block;
    margin: 15px 0;
}
#handpick-content.inner-page .handpick-title {
    margin: 55px 0 0 0;
}
#handpick-content.inner-page .handpick-content-wrap {
    min-height: 410px;
    padding: 0;
}
#handpick-content.event .handpick-content-wrap {
    background: url("/images/v2/hand-pick-events.jpg") no-repeat right 15px bottom;
}
#handpick-content.hens .handpick-content-wrap {
    background: url("/images/v2/hand-pick-hens.jpg") no-repeat right 15px bottom;
}
#handpick-content.promo .handpick-content-wrap {
    background: url("/images/v2/hand-pick-promo.jpg") no-repeat right 15px bottom;
}
#handpick-content.partyhost .handpick-content-wrap {
    background: url("/images/v2/hand-pick-party-hosts.jpg") no-repeat right 15px bottom;
}
#handpick-content.bucks .handpick-content-wrap {
    background: url("/images/v2/hand-pick-bucks.jpg") no-repeat right 15px bottom;
}
#handpick-content.inner-page .handpick-content-details .handpick-subtitle {
    font-family: 'AvenirLTStdBook', sans-serif;
    font-size: 18px;
    color: #4d4d4d;
    line-height: 20px;
    margin-bottom: 40px;
}
#handpick-content.inner-page .handpick-content-details .handpick-features {
    font-family: 'AvenirLTStdBook', sans-serif;
    font-size: 14px;
    color: #5d5d5d;
    line-height: 16px;
    padding: 10px 0 0 0;
}
#handpick-content.inner-page .handpick-content-details .handpick-features .handpick-features-title {
    margin-bottom: 20px;
    font-family: 'AvenirLTStdBook', sans-serif;
    font-size: 14px;
    color: #5d5d5d;
    line-height: 16px;
}
#handpick-content.inner-page .handpick-content-details .handpick-features ul {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
    margin-bottom: 0;
}
#handpick-content.inner-page .handpick-content-details .handpick-features ul li {
    padding-left: 30px;
    background: url("/images/v2/ticks-list.png") no-repeat 2% 40%;
    line-height: 22px;
    font-size: 14px;
    font-family: 'AvenirLTStdRoman', sans-serif;
}
#handpick-content.inner-page .get-started-section {
    margin: 60px 0;
}
#handpick-content.inner-page .get-started-btn {
    float: left;
    margin-right: 50px;
}
#handpick-content.inner-page .hourly-rate img {
    max-width: 100%;
}
#handpick-content.inner-page .handpick-content-details .hourly-rate-guide {
    float: left;
    max-width: 191px;
}
#handpick-content.inner-page .handpick-content-details .hourly-rate-guide span {
    color: #e62f77;
    font-family: 'dosisBold', sans-serif;
    font-size: 17px;
}
#handpick-content.inner-page .handpick-content-details .hourly-rate-guide span.hourly-rate-title {
    text-transform: uppercase;
    display: block;
}
#handpick-content.inner-page .handpick-features .btn {
    margin-top: 10px;
}
#handpick-content.inner-page .hand-pick-steps ul {
    display: table;
    width: 100%;
    margin: 0;
}
#handpick-content.inner-page .hand-pick-steps li.hp-step {
    list-style: none;
    font-size: 20px;
    font-family: 'dosisBold', sans-serif;
    height: 60px;
    line-height: 60px;
    color: #4d4d4d;
    text-transform: uppercase;
    display: table-cell;
    padding-left: 58px;
}
#handpick-content.inner-page .hp-step.hp-step1 {
    background: url("/images/v2/hand-pick-step-1.png") no-repeat left center;
}
#handpick-content.inner-page .hp-step.hp-step2 {
    background: url("/images/v2/hand-pick-step-2.png") no-repeat left center;
}
#handpick-content.inner-page .hp-step.hp-step3 {
    background: url("/images/v2/hand-pick-step-3.png") no-repeat left center;
}
.event-staff {
    padding-top: 0px;
}
.event-staff .supplying-staff-title {
    margin-bottom: 25px;
}
.event-staff .event-staff-sub-title {
    font-size: 22px;
    font-family: 'AvenirLTStdBook', sans-serif;
    text-align: center;
    margin-bottom: 40px;
    line-height: 30px;
}
@media (max-width: 991px) {
    #handpick-content.inner-page .handpick-content-details {
        padding: 0;
    }
    #handpick-content.inner-page .hand-pick-steps ul {
        padding: 0;
    }
}
@media (max-width: 767px) {
    .slider-content {
        position: absolute;
        right: 0;
        bottom: 0;
        text-align: center;
        width: 100%;
        background: url("/images/trans-dot-black.png") repeat left top;
        padding: 20px 0 40px 0;
    }
    .slider-content h1.slider-title {
        font-size: 55px;
        line-height: 48px;
    }
    .slider-content span.slider-subtitle {
        font-size: 31px;
        color: #ffffff;
        line-height: 28px;
    }
    #handpick-content.inner-page .handpick-content-details-mobile {
        padding: 0;
    }
    #handpick-content.inner-page .handpick-content-details-mobile .handpick-features {
        font-size: 27px;
        line-height: 30px;
        padding: 10px 40px 0 40px;
    }
    #handpick-content.inner-page .handpick-content-details .handpick-features .handpick-features-title {
        font-size: 27px;
        line-height: 30px;
    }
    #handpick-content.inner-page .handpick-content-details .handpick-features ul li {
        font-size: 27px;
        line-height: 30px;
    }
    #handpick-content.inner-page .handpick-content-details-mobile .hourly-rate-guide {
        max-width: 400px;
    }
    #handpick-content.inner-page .handpick-content-details-mobile .hourly-rate-guide span {
        color: #e62f77;
        font-family: 'dosisBold', sans-serif;
        font-size: 30px;
        line-height: 60px;
        text-align: center;
    }
    #handpick-content.inner-page .get-started-btn {
        margin: 0 0 0 12%;
    }
    #handpick-content.inner-page .handpick-features .btn-style-1 {
        background: #e21163;
    }
    #handpick-content.inner-page .handpick-features .btn-style-1:hover {
        background: #00b7e9;
    }
    #handpick-content.inner-page .hand-pick-image {
        position: absolute;
        bottom: 0;
        right: 0;
    }
    #handpick-content.inner-page .hand-pick-steps {
        background: #F4F4F4;
        padding: 0;
        margin: 0 -5px;
    }
    #handpick-content.inner-page .hand-pick-steps ul {
        padding-left: 40px;
    }
    #handpick-content.inner-page .hand-pick-steps li.hp-step {
        font-size: 20px;
        font-family: 'dosisSemiBold', sans-serif;
        color: #e41e79;
        text-transform: uppercase;
        height: 48px;
        line-height: 48px;
        background-size: 24px 24px;
        padding-left: 28px;
    }
    #handpick-content.inner-page .hp-step.hp-step1 {
        background: url("/images/v2/hand-pick-step-1-mobile.png") no-repeat left center;
    }
    #handpick-content.inner-page .hp-step.hp-step2 {
        background: url("/images/v2/hand-pick-step-2-mobile.png") no-repeat left center;
    }
    #handpick-content.inner-page .hp-step.hp-step3 {
        background: url("/images/v2/hand-pick-step-3-mobile.png") no-repeat left center;
    }
    #handpick-content.event .handpick-content-wrap,
    #handpick-content.hens .handpick-content-wrap,
    #handpick-content.promo .handpick-content-wrap,
    #handpick-content.partyhost .handpick-content-wrap,
    #handpick-content.bucks .handpick-content-wrap {
        background-position: 90px bottom;
        min-height: 440px;
        margin: 0 -15px 0 -15px;
    }
    #handpick-content.hens .handpick-content-wrap {
        background-position: 160px bottom;
    }
    #handpick-content.promo .handpick-content-wrap {
        background-position: 120px bottom;
    }
    #handpick-content .check-list {
        min-height: 140px;
    }
    #handpick-content .handpick-content-wrap .handpick-subtitle {
        padding: 0 30px;
    }
    #handpick-content.inner-page .get-started-section {
        margin-right: 40%;
        margin-bottom: 20px;
    }
    #handpick-content.inner-page .hand-pick-steps ul {
        padding-left: 20px;
    }
    #handpick-content.inner-page .hand-pick-steps li.hp-step {
        font-size: 16px;
    }
}
@media (max-width: 479px) {
    .slider-content h1.slider-title {
        font-size: 28px;
        line-height: 28px;
        margin-bottom: 5px;
    }
    .slider-content span.slider-subtitle {
        font-size: 16px;
        line-height: 16px;
        margin-top: 0;
    }
    #handpick-content.inner-page .handpick-content-details-mobile .handpick-subtitle {
        font-size: 18px;
        line-height: 20px;
    }
    #handpick-content.inner-page .handpick-content-details-mobile .handpick-features {
        font-size: 14px;
        line-height: 16px;
    }
    #handpick-content.inner-page .handpick-content-details .handpick-features .handpick-features-title {
        font-size: 14px;
        line-height: 16px;
    }
    #handpick-content.inner-page .handpick-content-details .handpick-features ul li {
        font-size: 14px;
        line-height: 22px;
    }
    #handpick-content.inner-page .handpick-content-details-mobile .hourly-rate-guide span {
        font-size: 17px;
        line-height: 24px;
    }
    #handpick-content.inner-page .get-started-btn {
        margin: 0;
    }
    #handpick-content.inner-page .hand-pick-steps li.hp-step {
        background-size: 19px 19px;
        padding-left: 21px;
    }
    #handpick-content.inner-page .hand-pick-steps ul {
        padding-left: 10px;
    }
    #handpick-content.inner-page .hand-pick-steps li.hp-step {
        font-size: 13px;
        max-height: 48px;
        overflow: hidden;
    }
}
/*==== Inner Page End ====*/
.login {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    padding-top: 5px;
}
ul.login li {
    margin-right: 15px;
    float: left;
}
ul.login li:last-child {
    margin-right: 0px;
}
.menu-btn-style {
    background: #c3c3c3;
    color: #fff;
    font-family: 'dosisSemiBold', sans-serif;
    text-transform: uppercase;
    font-size: 18px;
    padding: 0px 12px;
    line-height: 32px;
    border-radius: 3px;
    text-decoration: none;
    display: block;
}
.menu-btn-style:hover {
    background: #00b7e9;
    color: #fff;
    text-decoration: none;
}
.btn-style-1 {
    background: #00b7e9;
    color: #fff;
    font-family: 'dosisBold', sans-serif;
    text-transform: uppercase;
    font-size: 20px;
    padding: 0px 18px;
    line-height: 28px;
}
.btn-style-1:hover {
    background: #eb1164;
    color: #fff;
}
.reason {
    font-style: italic;
    font-size: 12px;
}
@media (max-width: 767px) {
    .mbtn-100 {
        width: 100%;
        margin: 0 0 10px 0;
    }
}
.time-input {
    position: relative;
    margin: 0 -5px;
}
.time-input > div {
    float: left;
    width: 33.33%;
    padding: 0 5px;
}
.time-input > div select {
    width: 100%;
}
/* Instagram */
#instafeed {
    position: relative;
    margin: 0 -3px;
}
#instafeed .item {
    float: left;
    width: 25%;
    padding: 0 3px;
    margin: 0 0 6px 0;
}
#instafeed .item img {
    width: 100%;
    border: 1px solid #ccc;
}
.insta-title {
    position: relative;
    padding: 20px 0 15px 0;
}
.insta-title img {
    height: 32px;
}
.insta-title .followers {
    position: absolute;
    right: 0;
    top: 17px;
    text-align: center;
    font-weight: bold;
}
.insta-title .followers span {
    font-weight: normal;
}
input#pay::placeholder {
    font-size: 10px;
}
.reg-banner {
    font-size: 38px;
    color: #ED1064;
    font-weight: bold;
    line-height: 38px;
}
.benifit-list {
    list-style-image: url(../images/list-plus.png);
    margin: 0;
    padding: 0;
    padding-left: 17px;
}
@media (min-width: 768px) and (max-width: 991px) {
    .navtop .menu li a {
        font-size: 14px;
    }
}
.no-tick {
    background: none !important;
    text-align: center !important;
    padding-left: 0px !important;
}
.no-tick > span {
    text-align: center;
}
.landing-video {
    overflow: hidden !important;
}
.landing-video iframe {
    margin: -175px 0;
    height: calc(100% + 350px) !important;
}
.ytp-pause-overlay-controls-hidden.ytp-pause-overlay {
    display: none !important;
}
.landing-video .mute-button {
    position: fixed;
    z-index: 999;
    font-size: 40px;
    right: 60px;
    top: 70px;
}
.landing-video .mute-button:focus,
.landing-video .mute-button:hover {
    color: #1fc2f3;
}
.landing-video .mute-button .fa-volume-mute {
    margin-right: 5px;
}
@media (min-width: 768px) {
    .landing-video {
        height: 405px;
        padding-bottom: 0px;
        overflow: visible;
    }
    .landing-video-item {
        position: static;
    }
}
@media (min-width: 992px) {
    .landing-video {
        height: 540px;
        /*padding-bottom: 0px !important;*/
        overflow: visible;
    }
    .landing-video-item {
        position: static;
    }
    .title-button > a {
        margin-left: 59px;
    }
}
@media (max-width: 1419px) {
    .landing-video .mute-button {
        right: 50px;
    }
}
@media (max-width: 1299px) {
    .landing-video .mute-button {
        right: 44px;
    }
}
@media (max-width: 1199px) {
    .landing-video .mute-button {
        font-size: 32px;
        right: 27px;
    }
    .landing-video .mute-button .fa-volume-mute {
        margin-right: 4px;
    }
}
@media (max-width: 991px) {
    .title-button {
        padding-bottom: 15px;
    }
    .landing-video .mute-button {
        font-size: 24px;
        right: 24px;
        top: 86px;
    }
    .landing-video .mute-button .fa-volume-mute {
        margin-right: 3px;
    }
}
@media (max-width: 480px) {
    .landing-video .mute-button {
        right: 8px;
    }
}
.rates-blurb {
    text-align: center;
    padding-top: 20px;
}
.insta-logo-header {
    float: left;
    padding-right: 15px;
}
.insta-logo-header > img {
    width: 45px;
    height: 45px;
    margin-top: -7px;
}
.insta-logo-mobile {
    position: absolute;
    right: 40px;
    margin-top: -6px;
}
.insta-logo-mobile > img {
    width: 45px;
    height: 45px;
}
@media (max-width: 991px) {
    .insta-logo-header > img {
        margin-top: -7px;
    }
}
@media (max-width: 991px) and (min-width: 768px) {
    .insta-logo-header {
        padding-right: 7px;
    }
}
@media (max-width: 767px) {
    .insta-logo-header {
        display: none;
    }
    .insta-logo-mobile {
        display: block;
        margin-top: -7px;
        width: 45px;
        height: 45px;
        margin-right: 15px;
    }
}
@media (max-width: 370px) {
    .insta-logo-mobile {
        display: none;
    }
}
.landing-title-left {
    text-align: left;
}
@media (max-width: 991px) {
    .landing-title-left {
        text-align: center;
    }
}
.landing-page-centre {
    padding: 15px !important;
}
.home-banner .owl-theme .owl-controls {
    text-align: center;
}
.home-banner .owl-theme .owl-controls .owl-page.active span {
    opacity: 1;
}
.home-banner .owl-theme .owl-controls .owl-page {
    display: inline-block;
}
.home-banner .owl-theme .owl-controls .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 10px 7px;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #000000;
}
.job-is-live {
    font-size: 50px;
    padding: 30px 0;
    color: #c92e91;
    font-weight: bolder;
}
/* client packages */
.package-form {
    border-top: none;
}
.package-items {
    max-width: 555px;
}
.package-item {
    margin: 5px;
    width: 125px;
    display: inline-block;
    vertical-align: top;
}
.package-item.vip-package {
    width: 200px;
}
.package-items .package {
    font-family: "dosisRegular", sans-serif;
    border-radius: 7px;
    position: relative;
    width: 100%;
    border: 1px solid #bdbdbd;
    cursor: pointer
}
.package-items .package.shadow {
    box-shadow: 0 0 13px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 13px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 13px 2px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 0 13px 2px rgba(0, 0, 0, 0.3);
}
.mgt {
    margin-top: 15px;
}
.package-item.extra-mgt {
    margin-top: 45px;
}
.package-item.extra-mgb {
    margin-bottom: 45px;
}
.fa-check-circle:before {
    cursor: pointer;
}
.package-item .text-recommended,
.package-item .text-disabled {
    display: block;
    height: 40px;
    width: 100%;
    padding: 0 16px;
    line-height: 9px;
    font-size: 11px;
}
.package-item .text-recommended {
    color: #4caf50;
    line-height: 0.9;
}
.package-item .text-disabled {
    color: #f44336;
    line-height: 1.1;
}
.package-item .text-recommended i,
.package-item .text-disabled i {
    display: block;
}
.package .package-header {
    width: 100%;
    height: 95px;
    border-radius: 7px 7px 0 0;
    color: #ffffff;
}
.package.organiser .package-header {
    background-color: #5ce5ff;
}
.package.savvy .package-header {
    background-color: #03a9f4;
}
.package.starter .package-header {
    background-color: #1d6dd9;
}
.package.legend .package-header {
    background-color: #e91e63;
}
.package.package-disabled .package-header {
    background-color: #c5c7c9;
}
.vip-package .package .package-header {
    background-color: unset;
}
.vip-package .package.super-vip .package-header {
    background-image: url("/images/vip_gold.jpg");
}
.vip-package .package.vip .package-header {
    background-image: url("/images/vip_platinum.jpg");
}
.package .package-header .mostpopular {
    position: absolute;
    top: 0;
    right: 0;
}
.package .package-header .dollar-sign {
    position: absolute;
    top: 30px;
    left: 10px;
    font-family: "dosisBold", sans-serif;
    font-weight: bold;
}
.vip-package .package .package-header .dollar-sign {
    left: 52px;
}
.package .package-body {
    width: 100%;
    height: 205px;
    border-radius: 0 0 7px 7px;
}
.package .package-price {
    font-family: "dosisBold", sans-serif;
    padding-top: 35px;
    font-size: 38px;
    font-weight: bold;
}
.package .package-price-desc {
    margin-top: 10px;
    font-size: 11px;
}
.package .package-title {
    padding-top: 20px;
    padding-bottom: 28px;
    font-size: 22px;
    line-height: 12px;
}
.vip-package .package .package-title {
    padding-top: 20px;
    padding-bottom: 23px;
}
.package .package-title strong {
    font-family: "dosisBold", sans-serif;
}
.package.organiser .package-title strong {
    color: #5ce5ff;
}
.package.savvy .package-title strong {
    color: #03a9f4;
}
.package.starter .package-title strong {
    color: #1d6dd9;
}
.package.legend .package-title strong {
    color: #e91e63;
}
.package.package-disabled .package-title strong {
    color: #c5c7c9;
}
.package.super-vip .package-title strong {
    color: #efac03;
}
.package.vip .package-title strong {
    color: #8da8b2;
}
.package .package-desc {
    height: 60px;
    line-height: 16px;
    padding: 0 10px;
}
.package-item.vip-package .package .package-desc {
    padding: 0 35px;
}
.package input[type=checkbox] {
    display: none;
}
.package label {
    margin-top: 0;
    margin-bottom: 12px;
}
.vip-package .package label {
    margin-top: 5px;
}
.package label > i {
    color: #bdbdbd;
    font-size: 28px;
}
.package input[type=checkbox]:checked + label > i {
    color: #4caf50;
}
.package .package-expiry {
    font-size: 11px;
}
.vip-package {
    margin-bottom: 20px;
    margin-left: 10px;
}
.vip-package .upgrade-vip {
    font-family: "dosisBold", sans-serif;
    color: #efac03;
    font-weight: bold;
    font-size: 17px;
}
.buy-package {
    margin-left: 5px;
    margin-right: 5px;
}
.buy-package > input {
    border-width: 0;
    height: 40px;
    display: block;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    background-color: #757575;
    margin-bottom: 30px;
    border-radius: 0;
}
.btn-are-you-a-vip {
    width: 100%;
    height: 40px;
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
    padding: 10px;
    border-radius: 0;
}
.transaction-content-wrapper {
    border: 2px dotted #959595;
    border-top: navajowhite;
    padding: 15px;
}
@media (max-width: 991px) {
    .package-items {
        max-width: 275px;
    }
    .buy-package,
    .btn-are-you-a-vip {
        font-size: 15px;
    }
}
/*package payment*/
.package-payment .card-change-option {
    text-align: center;
}
.package-payment .card-change-option input {
    margin-right: 100px;
}
@media (max-width: 544px) {
    .package-payment .card-change-option input {
        margin-right: 0;
        float: left;
    }
    .package-payment .card-change-option a {
        float: right;
    }
}
@media (max-width: 440px) {
    .package-payment .card-change-option a,
    .package-payment .card-change-option input {
        float: none;
    }
}
/*client credit info intansaction*/
.client-credit-positions {
    font-size: 16px;
}
.client-credit-positions span {
    display: block;
    height: 65px;
    width: 65px;
    line-height: 68px;
    border-radius: 50%;
    background-color: #e30064;
    color: #ffffff;
    font-size: 30px;
    font-weight: bold;
    cursor: pointer;
}
.credit-tooltip + .tooltip > .tooltip-inner {
    background-color: #000;
    font-size: 12px;
    width: 200px;
    padding: 5px 15px 5px 5px;
    text-transform: none;
    display: block;
}
/*bottom bar form apps*/
.app-link-table {
    position: fixed;
    bottom: 0;
    height: 75px;
    background-color: #ffffff;
    display: table;
    table-layout: fixed;
    width: 100%;
    z-index: 9999;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
}
.app-link-row {
    display: table-row;
    height: 100%;
    width: 100%;
}
.app-link {
    height: 100%;
    color: #4d4d4d;
    display: table-cell;
    background-repeat: no-repeat;
    background-position: center 8px;
    vertical-align: bottom;
    text-align: center;
    padding-bottom: 8px;
    font: bold 14px "DosisRegular";
    background-size: 36px 36px;
}
.app-link.staff-link {
    background-image: url(../images/icon_find.png);
}
.app-link.job-link {
    background-image: url(../images/icon_jobs.png);
}
.app-link.message-link {
    background-image: url(../images/icon_messages.png);
}
.app-link.profile-link {
    background-image: url(../images/icon_profile.png);
}
.app-link.notification-link {
    background-image: url(../images/icon_notification.png);
}
.notification-link .notification-count {
    background: none repeat scroll 0 0 #ed1064;
    border-radius: 14px;
    color: #fff;
    display: block;
    font-size: 12px;
    line-height: 20px;
    position: absolute;
    right: calc(12.5% - 19px);
    text-align: center;
    top: 5px;
    width: 20px;
}
/*----------------New homepage redesign---------------*/
/***** Home Page Design ******/
.container {
    max-width: inherit;
}
.inner-container {
    padding: 0 70px 0 70px;
}
@media (min-width: 1420px) {
    .container {
        width: 1390px;
    }
}
@media (min-width: 1200px) and (max-width: 1419px) {
    .container {
        width: 1170px;
    }
}
@media (max-width: 991px) {
    .inner-container {
        padding: 0;
    }
}
@media (min-width: 480px) and (max-width: 991px) {
    .container {
        padding: 0 30px;
    }
}
/*** Header Design ***/
.header {
    background: rgba(0, 0, 0, 0.12);
    position: absolute;
    left: 0;
    right: 0;
    padding-top: 10px;
    z-index: 9;
}
.header .logo {
    float: left;
    margin-right: 35px;
    display: inline-block;
}
.header .menu-nav {
    float: left;
}
.header .login-nav {
    float: right;
}
.header .bars,
.header .user {
    display: none;
}
.navbar-default {
    background-color: transparent;
    border-color: transparent;
}
.navbar {
    border: none;
    min-height: 0;
    margin-top: 3px;
    margin-bottom: 10px
}
.navbar-default .navbar-nav > li > a {
    font-size: 18px;
    color: #ffffff;
    padding: 10px 20px;
    margin: 0 2px;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #ffffff;
}
.job-post,
.job-post:hover {
    background: #1fc2f3;
    color: #ffffff;
    border-radius: 25px;
}
.navbar-default .navbar-nav > li:hover ul {
    display: block;
    padding-top: 14px;
}
.navbar-nav > li > .dropdown-menu {
    background-color: transparent;
    border: none;
    box-shadow: none;
}
.navbar-nav > li > .dropdown-menu li {
    background-color: rgba(0, 0, 0, 0.12);
}
.navbar-nav > li > .dropdown-menu li a {
    color: #ffffff !important;
    background-color: transparent;
    padding-left: 33px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    font-size: 18px;
    height: 40px;
}
.navbar-default.login-nav .navbar-header i {
    padding: 15px 15px 15px 15px;
    cursor: pointer;
}
@media (min-width: 992px) {
    .navbar-nav > li > .dropdown-menu li:last-child {
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        padding-bottom: 10px;
    }
}
@media (min-width: 1300px) {
    .new-container .header .logo {
        margin-left: 30px;
    }
    .new-container .login-private {
        position: static;
        margin-right: 40px;
        margin-top: 7px;
    }
    .new-container .login-private .private-menu {
        right: 55px;
    }
}
@media (min-width: 1420px) {
    .navbar-default .navbar-nav > li > a {
        padding: 10px 30px;
    }
    .header .login-nav.login-header {
        display: none;
    }
}
@media (max-width: 1299px) {
    .new-container .header .logo {
        margin-left: 10px;
        margin-right: 10px;
    }
    .new-container .login-private {
        position: static;
        margin-right: 20px;
        margin-top: 7px;
    }
    .navbar-default .navbar-nav > li > a {
        padding: 10px 15px;
    }
    .new-container .login-private .private-menu {
        right: 35px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .new-container .login-private .private-menu {
        right: 35px;
    }
    .navbar {
        margin-top: 10px;
    }
    .navbar-default .navbar-nav > li > a {
        font-size: 14px;
        color: #ffffff;
        padding: 6px 7px;
        margin: 0 2px;
    }
    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
        visibility: visible !important;
        padding: 0 5px;
    }
}
@media (max-width: 991px) {
    .navbar-default .navbar-nav > li > ul.dropdown-menu {
        padding: 0;
        display: block !important;
        position: static;
        float: none;
    }
    .navbar-default .navbar-nav > li > ul.dropdown-menu a {
        line-height: 20px;
    }
    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover {
        background-color: #1fc2f3;
    }
    .navbar-default .navbar-nav > .open > a:focus,
    .navbar-default .navbar-nav > .open > a:hover {
        color: #ffffff;
    }
    .header {
        padding: 40px 0;
    }
    .header .logo {
        display: inline-block;
        text-align: center;
        position: absolute;
        top: 15px;
        left: 0;
        right: 0;
        margin: 0 auto !important;
        width: 230px;
    }
    .header .bars,
    .header .user {
        display: block;
        color: #ffffff;
        font-size: 24px;
    }
    .header .login-nav {
        float: none;
        position: absolute;
        top: 0;
        right: 15px;
    }
    .header .login-nav .navbar-nav {
        margin-bottom: 0;
        margin-top: 0;
    }
    .new-container .login-private .private-menu {
        right: 30px;
        padding: 0 10px;
        margin-top: 3px;
    }
    .header .menu-nav {
        position: absolute;
        top: 15px;
        left: 30px;
    }
    .navbar-default.menu-nav .navbar-collapse {
        border: 0 !important;
        width: 250px;
        display: block !important;
        visibility: visible !important;
        position: fixed;
        left: 0;
        top: 0;
        transition: none !important;
        transition: left 0.5s ease !important;
        z-index: 9999;
        background-color: #1fc2f3;
    }
    .navbar-default .navbar-collapse li {
        border-bottom: 2px solid #ffffff !important;
        width: 100%;
        background-color: transparent !important;
        border-radius: unset;
    }
    .navbar-default .navbar-collapse li.staff-find {
        border-bottom: 0 !important;
    }
    .navbar-default .staff-find > a {
        border-bottom: 2px solid #ffffff !important;
    }
    .navbar-default .navbar-collapse.hide-left-nav {
        left: -250px;
    }
    .header .login-nav.full-width {
        top: 80px;
        text-align: center;
        left: 0;
        right: 0;
    }
    .header .login-nav.full-width .navbar-collapse {
        border: 0 !important;
        background-color: #1fc2f3;
        position: relative;
        top: 0;
        left: unset;
        width: 100%;
        transition: height 0.5s ease !important;
        float: none;
    }
    .header .login-nav.full-width .navbar-collapse.collapse {
        display: none !important;
    }
    .header .login-nav.full-width .navbar-collapse.collapse.in {
        display: block !important;
    }
    .new-container .login-private {
        margin-top: -20px;
    }
}
@media (min-width: 768px) {
    .new-container .login-private .private-menu {
        top: 49px;
    }
}
@media (max-width: 767px) {
    .new-container .login-private .private-menu {
        right: 0;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .navbar-default.menu-nav .navbar-collapse,
    .navbar-default.login-nav .navbar-collapse {
        padding: 0;
    }
    .navbar-default .navbar-collapse ul {
        width: 100%;
    }
    .navbar-default .navbar-collapse li {
        float: none;
    }
}
@media (max-width: 480px) {
    .header .login-nav {
        right: 0;
    }
    .header .menu-nav {
        left: 15px;
    }
}
/*** Banner Design ***/
.home-banner img {
    width: 100%;
}
.home-banner .carousel-items .owl-item {
    height: 750px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.home-banner .carousel-items .owl-item:nth-child(1) {
    background-image: url('../images/v2/banner-promo-1.jpg');
}
.home-banner .carousel-items .owl-item:nth-child(2) {
    background-image: url('../images/v2/banner-promo-2.jpg');
}
.home-banner .carousel-items .owl-item:nth-child(3) {
    background-image: url('../images/v2/banner-promo-2.jpg');
}
.banner-text {
    position: absolute;
    width: 100%;
    top: 300px;
}
.banner-text * {
    max-width: 850px;
    margin: 0 auto;
    text-transform: unset;
}
.banner-text .banner-title {
    font-size: 46px;
    font-weight: bold;
    color: #ffffff;
    font-family: "dosisBold", sans-serif;
    margin-bottom: 20px;
    text-shadow: 1px 1px 1px #000;
}
.banner-description {
    color: #ffffff;
    font-size: 19px;
    margin-bottom: 20px;
    text-shadow: 1px 1px 1px #000;
}
.banner-btn {
    background: linear-gradient(to right, #ee335a, #bb2368) !important;
}
@media (max-width: 1299px) {
    .banner-text {
        top: 250px;
    }
    .home-banner .carousel-items .owl-item {
        height: 650px;
    }
    .banner-text * {
        max-width: 750px;
    }
}
@media (max-width: 991px) {
    .banner-text {
        top: 200px;
    }
    .home-banner .carousel-items .owl-item {
        height: 550px;
    }
    .banner-text * {
        max-width: 600px;
    }
    .banner-text .banner-title {
        font-size: 26px;
    }
    .banner-description {
        font-size: 16px;
    }
}
@media (max-width: 767px) {
    .banner-text {
        top: 150px;
    }
    .home-banner .carousel-items .owl-item {
        height: 450px;
    }
    .banner-text * {
        max-width: 500px;
    }
    .banner-text .banner-title {
        font-size: 36px;
    }
    .banner-description {
        display: none;
    }
}
@media (max-width: 550px) {
    .banner-text {
        top: 110px;
    }
    .banner-text .banner-title {
        font-size: 26px;
    }
    .home-banner .row > div {
        width: 120%;
        margin-left: -10%;
    }
    .home-banner .owl-item {
        overflow: hidden;
    }
}
@media (max-width: 480px) {
    .banner-text {
        top: 95px;
    }
    .banner-text .banner-title {
        margin-bottom: 10px;
    }
    .banner-btn {
        height: 36px !important;
        width: 145px !important;
        line-height: 37px !important;
    }
}
/*** How it works Design ***/
.how-it-works {
    padding-bottom: 30px;
    padding-top: 30px;
}
.how-it-works .inner-container {
    position: relative;
    padding-bottom: 48px;
}
.how-it-works-text {
    float: left;
    width: 26%;
    margin-right: 4%;
}
.how-it-works .title {
    font-family: 'dosisBold', sans-serif;
    font-size: 25px;
    line-height: 44px;
    color: #1fc2f3;
}
.how-it-works .subtitle {
    font-family: 'AvenirLTStdHeavy', sans-serif;
    font-size: 11px;
    line-height: 16px;
    color: #e51164;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.how-it-works-steps {
    float: left;
    width: 70%;
    text-align: center;
}
.how-it-works-steps .steps {
    float: left;
    width: 25%;
}
.how-it-works-steps .steps-arrow {
    float: left;
    width: 12%;
    padding-top: 10px;
}
.how-it-works-steps .steps-arrow img {
    width: 70px;
    height: auto;
}
.how-it-works-steps .steps-icon {
    margin-bottom: 40px;
}
.how-it-works-steps .steps-icon img {
    height: 43px;
    width: auto;
}
.how-it-works-steps .steps-desc {
    font-family: 'AvenirLTStdMedium', sans-serif;
    font-size: 24px;
    line-height: 34px;
    color: #e51164;
}
.how-it-works .read-more-btn,
.banner-text .banner-btn,
.testimonial-section-left .read-more-btn {
    font-family: 'AvenirLTStdRoman', sans-serif;
    font-size: 14px;
    line-height: 48px;
    color: #ffffff;
    text-transform: uppercase;
    height: 48px;
    text-align: center;
    width: 185px;
    border-radius: 25px;
    background: #1fc2f3;
    display: block;
}
.how-it-works .read-more-btn {
    position: absolute;
    left: 75px;
    bottom: 0;
}
.how-it-works .read-more-btn.sign-up {
    left: 275px;
}
@media (min-width: 992px) {
    .how-it-works-steps {
        margin-top: 50px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .how-it-works .title {
        font-size: 28px;
        line-height: 40px;
    }
    .how-it-works-steps .steps-desc {
        font-size: 24px;
        line-height: 30px;
    }
}
@media (max-width: 991px) {
    .how-it-works-text {
        width: 100%;
        margin-bottom: 40px;
    }
    .how-it-works-steps {
        width: 100%;
    }
    .how-it-works-steps .steps {
        width: 100%;
    }
    .how-it-works-steps .steps-icon {
        float: left;
        width: 85px;
    }
    .how-it-works-steps .steps-arrow {
        display: none;
    }
    .how-it-works .read-more-btn {
        left: 0;
    }
    .how-it-works .read-more-btn.sign-up {
        left: 205px;
    }
}
@media (max-width: 479px) {
    .how-it-works .title {
        font-size: 28px;
        line-height: 40px;
    }
    .how-it-works-steps .steps-desc {
        font-size: 20px;
        line-height: 30px;
        text-align: left;
    }
    .how-it-works .read-more-btn {
        left: 0;
        font-size: 12px;
        line-height: 38px;
        height: 38px;
        width: 135px;
    }
    .how-it-works .read-more-btn.sign-up {
        left: 150px;
    }
}
/*** Book Professionals Design ***/
.book-professionals,
.focus-book-professionals {
    background: #ed1165;
    padding: 50px 0;
    position: relative;
    min-height: 610px;
}
.book-professionals .title,
.focus-book-professionals .title {
    font-family: 'dosisBold', sans-serif;
    font-size: 30px;
    line-height: 40px;
    color: #fbdf03;
    margin-bottom: 40px;
}
.book-professionals-text {
    font-family: 'AvenirLTStdMedium', sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
    padding-right: 8%;
}
.focus-book-professionals-text {
    font-family: 'AvenirLTStdMedium', sans-serif;
    font-size: 15px;
    line-height: 24px;
    color: #ffffff;
    text-align: justify;
}
.book-professionals-text ul,
.focus-book-professionals-text ul {
    margin: 40px 0;
    padding: 0;
}
.book-professionals-text ul li,
.focus-book-professionals-text ul li {
    list-style: none;
    font-family: 'AvenirLTStdHeavy', sans-serif;
    font-size: 16px;
    line-height: 24px;
}
.book-professionals-text ul li a,
.book-professionals-text ul li a:hover,
.focus-book-professionals-text ul li a,
.focus-book-professionals-text ul li a:hover {
    color: #ffffff;
}
.book-professionals-img,
.focus-book-professionals-img {
    position: absolute;
    top: 50px;
    right: 0;
    padding: 0;
}
.book-professionals-img img {
    width: 100%;
    max-width: 745px;
    float: right;
}
.focus-book-professionals-img img {
    width: 100%;
    max-width: 650px;
    float: right;
}
.focus-book-professionals-link {
    margin: 30px 0px;
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
}
.focus-book-professionals-link a {
    color: #ffffff;
    line-height: 25px;
}
@media (max-width: 1399px) {
    .book-professionals {
        /*height: 550px;*/
    }
}
@media (max-width: 991px) {
    .book-professionals,
    .focus-book-professionals {
        padding-bottom: 60%;
        height: auto;
    }
    .book-professionals-img,
    .focus-book-professionals-img {
        top: inherit;
        bottom: 50px;
        padding-left: 20%;
    }
}
@media (max-width: 767px) {
    .book-professionals .title,
    .focus-book-professionals .title {
        font-size: 32px;
        line-height: 40px;
    }
    .book-professionals,
    .focus-book-professionals {
        padding-bottom: 60%;
    }
    .book-professionals-img,
    .focus-book-professionals-img {
        top: inherit;
        bottom: 0;
        padding-left: 10%;
    }
}
@media (max-width: 479px) {
    .book-professionals .title,
    .focus-book-professionals .title {
        font-size: 24px;
        line-height: 30px;
    }
}
/*** Instagram Section Design ***/
.instagram-section .title-section {
    padding: 40px 75px;
    position: relative;
}
.instagram-section .title-section .title {
    font-family: 'dosisBold', sans-serif;
    font-size: 30px;
    line-height: 60px;
    color: #2d292b;
    margin-bottom: 40px;
    max-width: 300px;
}
.instagram-section .title-section .follow-us-btn,
.member-section .title-section .become-member-btn {
    background: url("../images/follow_us_bg.png") no-repeat top center;
    display: block;
    font-family: 'dosisBold', sans-serif;
    font-size: 18px;
    width: 245px;
    height: 62px;
    line-height: 62px;
    color: #ffffff;
    border-radius: 25px;
    text-align: center;
    text-transform: uppercase;
    position: absolute;
    top: 40px;
    right: 75px;
}
.instagram-img-section {
    margin-right: -15px;
    margin-bottom: 20px;
}
.instagram-img {
    width: 25%;
    padding-right: 15px;
    margin-bottom: 15px;
    float: left;
}
.instagram-img img {
    width: 100%;
}
@media (max-width: 991px) {
    .instagram-section .title-section {
        padding: 40px 0;
    }
    .instagram-section .title-section .title {
        margin-bottom: 0;
    }
    .instagram-section .title-section .follow-us-btn {
        right: 0;
    }
}
@media (max-width: 767px) {
    .instagram-img {
        width: 50%;
    }
    .instagram-section .title-section .title {
        font-size: 32px;
        line-height: 40px;
    }
    .instagram-section .title-section .follow-us-btn,
    .member-section .title-section .become-member-btn {
        font-size: 15px;
        width: 165px;
        height: 50px;
        line-height: 50px;
        border-radius: 30px;
        top: 36px;
        right: 0;
    }
}
@media (max-width: 479px) {
    .instagram-img {
        width: 100%;
    }
    .instagram-section .title-section .title {
        font-size: 24px;
        line-height: 30px;
    }
    .instagram-section .title-section .follow-us-btn {
        position: relative;
        margin-top: 30px;
        top: 0;
    }
}
/*** Testimonial Section Design ***/
.testimonial-section {
    overflow: hidden;
}
.testimonial-section .row {
    display: flex;
}
.testimonial-section-left-wrap {
    width: 50%;
    background: #1fc2f3;
    position: relative;
    padding: 130px 0;
}
.testimonial-section-right-wrap {
    width: 50%;
    background: url("../images/testimonial_bg.jpg") no-repeat;
    background-size: cover;
    padding: 120px 105px;
    position: relative;
}
.testimonial-section-left {
}
.testimonial-section-left .title {
    font-family: 'dosisBold', sans-serif;
    font-size: 36px;
    line-height: 45px;
    color: #fbdf03;
    margin-bottom: 30px;
    text-align: center;
}
.testimonial-section-left .read-more-btn {
    color: #1fc2f3;
    background: #fbdf03;
    margin: 0 auto;
}
.testimonial-section-right {
    text-align: left;
    color: #ffffff;
    max-width: 460px;
    position: relative;
}
.testimonial-section-right .testimonial-quote {
    padding-left: 10px;
}
.testimonial-section-right .testimonial-text {
    font-family: 'AvenirLTStdMedium', sans-serif;
    font-size: 16px;
    line-height: 20px;
    margin: 50px 0;
}
.testimonial-section-right .testimonial-name {
    font-family: 'AvenirLTStdHeavy', sans-serif;
    font-size: 17px;
    line-height: 24px;
}
.testimonial-section-right-wrap .prev-next {
    position: absolute;
    right: 115px;
    bottom: 50px;
    width: 75px;
}
.testimonial-section-right-wrap .prev-next .prev,
.testimonial-section-right-wrap .prev-next .next {
    width: 31px;
    height: 31px;
    display: inline-block;
    margin: 0 2px;
}
.testimonial-section-right-wrap .prev-next .prev {
    background: url("../images/left.png?v=20190312") no-repeat top center;
}
.testimonial-section-right-wrap .prev-next .next {
    background: url("../images/right.png") no-repeat top center;
}
@media (min-width: 1200px) and (max-width: 1419px) {
    .testimonial-section-left {
    }
    .testimonial-section-left .title {
        line-height: 55px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .testimonial-section-right-wrap {
        padding: 100px 60px;
    }
    .testimonial-section-right {
        max-width: 420px;
    }
    .testimonial-section-left {
    }
    .testimonial-section-left .title {
        line-height: 50px;
    }
    .testimonial-section-right {
        max-width: 400px;
    }
}
@media (max-width: 991px) {
    .testimonial-section .row {
        display: block;
    }
    .testimonial-section-left-wrap {
        width: 100%;
        position: relative;
        padding: 135px 0;
        height: 470px;
    }
    .testimonial-section-right-wrap {
        width: 100%;
        padding: 120px 15px;
        height: 470px;
    }
    .testimonial-section-right {
        max-width: none;
        position: relative;
        width: 750px;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
    .testimonial-section-left .title {
    }
}
@media (max-width: 767px) {
    .testimonial-section-right {
        width: 100%;
    }
}
@media (min-width: 480px) and (max-width: 991px) {
    .testimonial-section-right {
        padding-right: 30px;
        padding-left: 30px;
    }
    .testimonial-section-right-wrap .prev-next {
        right: 30px;
    }
}
/*** Become Member Section Design ***/
.member-section {
    background: url("../images/become_member_bg.png?v=20190312") no-repeat top center;
    background-size: cover;
    min-height: 500px;
    padding-top: 180px;
}
.member-section .title-section {
    position: relative;
}
.member-section .title-section .title {
    font-family: 'dosisBold', sans-serif;
    font-size: 33px;
    line-height: 44px;
    color: #ffffff;
}
.member-section .title-section .become-member-btn {
    background: url("../images/become_a_member_bg.png") no-repeat top center;
    position: static;
    margin-top: 30px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .member-section .title-section .title {
        font-size: 30px;
        line-height: 50px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .member-section .title-section .title {
        font-size: 36px;
        line-height: 40px;
    }
}
@media (max-width: 767px) {
    .member-section {
        min-height: 400px;
        padding-top: 100px;
    }
    .member-section .title-section .title {
        font-size: 36px;
        line-height: 40px;
    }
}
@media (max-width: 479px) {
    .member-section .title-section .title {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 20px;
    }
}
/*** Footer Section Design ***/
.new-footer {
    background: #2d292b;
    padding: 70px 0;
    margin: 0;
}
.footer-info {
    margin-bottom: 20px;
}
.new-footer .footer-logo {
    display: inline-block;
}
.footer-menu li {
    list-style: none;
    margin-bottom: 10px;
}
.footer-menu li a {
    display: block;
    font-family: 'AvenirLTStdMedium', sans-serif;
    font-size: 15px;
    line-height: 22px;
    color: #bfbfbf;
}
.footer-social {
    margin: 20px 0;
    padding: 0;
}
.footer-social li {
    list-style: none;
    float: left;
}
.footer-social li a {
    width: 60px;
    height: 60px;
    display: block;
    margin-right: 15px;
}
.footer-social li a.facebook {
    background: url("../images/facebook_icon.png") no-repeat top center;
}
.footer-social li a.instagram {
    background: url("../images/instagram_icon.png") no-repeat top center;
}
.footer-email {
    font-family: 'AvenirLTStdHeavy', sans-serif;
    font-size: 24px;
    line-height: 24px;
    color: #ffffff;
    text-decoration: none;
}
.footer-search {
    position: relative;
    max-width: 356px;
}
.footer-search input[type=text] {
    margin-top: 8px;
    font-size: 17px;
    border: none;
    height: 65px;
    line-height: 65px;
    padding-left: 20px !important;
    border-radius: 35px 0 0 35px;
    width: 100%;
}
.footer-search input[type=text] {
    outline: none;
}
.footer-search button {
    padding: 6px 25px;
    background: #ed1165;
    font-size: 17px;
    border: none;
    border-radius: 0 35px 35px 0;
    cursor: pointer;
    height: 65px;
    margin-left: -5px;
    position: absolute;
    right: -45px;
    top: 8px;
}
.footer-search .svg-inline--fa {
    color: #ffffff;
}
@media (max-width: 479px) {
    .footer-search {
        max-width: 245px;
    }
    .footer-email {
        font-size: 16px;
        line-height: 18px;
    }
    .footer-menu li {
        margin-bottom: 10px;
    }
    .footer-menu li a {
        font-size: 12px;
        line-height: 16px;
    }
}
/*** Copyright Section Design ***/
.copyright-section {
    background: #262123;
    padding: 30px 0;
}
.copyright-text {
    font-family: 'AvenirLTStdMedium', sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #929191;
}
.app-wrap {
    padding: 15px 0 0 0;
}
/*** Blogs Listing ***/
.blog-list {
    font-family: europa;
}
.blog-list a {
    color: #00007F;
}
.blog-list .blog-title {
    font-family: SharpSansDispNo1-Bold;
}
.blog-category-link {
    display: inline-table;
    margin: 15px 10px 25px 10px;
    font-size: 17px;
}
.blog-category-link.selected {
    color: #ed1165;
    font-weight: bold;
}
@media (max-width: 767px) {
    .blog-category-link {
        margin: 10px 10px 20px 10px;
    }
}
/*** Blogs Listing ***/
/*** Blog post ***/
.blog-post-items > div {
    padding-bottom: 10px;
    margin-bottom: 18px;
}
.blog-post-item {
    display: block;
    width: 100%;
    min-height: 480px;
    box-shadow: 2px 2px 2px 2px #ccc;
    padding-bottom: 30px;
}
.blog-banner-wrap {
    overflow-y: hidden;
    max-height: 260px;
}
.blog-banner {
    width: 100%;
}
.blog-title {
    text-transform: unset;
    font-size: 18px;
}
.blog-date {
    position: absolute;
    left: 30px;
    top: 15px;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    display: block;
    background: linear-gradient(to right, #ed3855, #bd2b64);
    color: #ffffff;
    text-align: center;
    padding: 15px;
}
.blog-date-day {
    font-size: 22px;
}
.blog-date-month {
    font-size: 15px;
}
.blog-categories {
    margin-top: 30px;
    color: #ed1165;
}
/*** Blog post ***/
/*** Blog detail ***/
.blog-detail {
    font-family: europa;
}
.blog-detail-share {
    border-bottom: 1px solid #00007F;
    padding-bottom: 20px;
}
.blog-detail-category > div {
    display: inline-table;
}
.blog-detail-category .blog-detail-date {
    color: #00007F;
}
.blog-detail-category .blog-categories {
    color: #ff5f39;
    margin-left: 10px;
    margin-top: 10px;
}
.blog-detail-title {
    font-size: 24px;
    font-weight: bold;
    margin: 25px 0 25px 0;
}
.blog-detail-prev-next {
    padding-top: 20px;
    margin-top: 30px;
    border-top: 1px solid #00007F;
}
.blog-detail-prev-next a {
    max-width: 40%;
}
.blog-detail-prev-next a .text {
    font-size: 15px;
    color: #00007F;
}
.blog-detail-prev-next .blog-link-title {
    color: #ff5f39;
    font-weight: bold;
    font-size: 18px;
}
/*** Blog content ***/
.blog-detail img {
    height: auto;
    width: auto;
    max-width: 100%;
}
.blog-detail .blog-banner {
    width: 100%;
}
.blog-detail-title {
    font-family: SharpSansDispNo1-Bold;
    color: #00007F;
}
.gallery-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    padding: 1.79104477%;
    text-align: center;
    vertical-align: top;
    width: 100%;
}
.gallery-columns-2 .gallery-item {
    max-width: 50%;
}
.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
    max-width: 25%;
}
.gallery-columns-5 .gallery-item {
    max-width: 20%;
}
.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}
.gallery-icon img {
    box-sizing: border-box;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}
.gallery-caption {
    color: #707070;
    color: rgba(51, 51, 51, 0.7);
    display: block;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
    padding: 0.5em 0;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
    display: none;
}
.tiled-gallery {
    margin: 0;
}
.tiled-gallery .gallery-row {
    margin: 0 auto;
}
.tiled-gallery {
    clear: both;
    margin: 0 0 20px;
    overflow: hidden;
}
.tiled-gallery img {
    margin: 2px !important;
}
.tiled-gallery .gallery-group {
    float: left;
    position: relative;
}
.tiled-gallery .tiled-gallery-item {
    float: left;
    margin: 0;
    position: relative;
    width: inherit;
}
.tiled-gallery .gallery-row {
    overflow: hidden;
}
.tiled-gallery .tiled-gallery-item a {
    background: transparent;
    border: none;
    color: inherit;
    margin: 0;
    padding: 0;
    text-decoration: none;
    width: auto;
}
.tiled-gallery .tiled-gallery-item img,
.tiled-gallery .tiled-gallery-item img:hover {
    background: none;
    border: none;
    box-shadow: none;
    max-width: 100%;
    padding: 0;
    vertical-align: middle;
}
.tiled-gallery-caption {
    background: #eee;
    background: rgba(255, 255, 255, 0.8);
    color: #333;
    font-size: 13px;
    font-weight: 400;
    overflow: hidden;
    padding: 10px 0;
    position: absolute;
    bottom: 0;
    text-indent: 10px;
    text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap;
}
.tiled-gallery .tiled-gallery-item-small .tiled-gallery-caption {
    font-size: 11px;
}
.widget-gallery .tiled-gallery-unresized {
    visibility: hidden;
    height: 0px;
    overflow: hidden;
}
.tiled-gallery .tiled-gallery-item img.grayscale {
    position: absolute;
    left: 0;
    top: 0;
}
.tiled-gallery .tiled-gallery-item img.grayscale:hover {
    opacity: 0;
}
.tiled-gallery.type-circle .tiled-gallery-item img {
    border-radius: 50% !important;
}
.tiled-gallery.type-circle .tiled-gallery-caption {
    display: none;
    opacity: 0;
}
/*** Blog content ***/
/*** Blog detail ***/
.skills h2 span {
    color: #000000;
}
/*** Chat Section ***/
.request-chat-content.col2 .c2 {
    border: 2px dotted #959595;
    border-radius: 10px 10px 0 0;
    padding-left: 0;
}
.request-chat-content.col2 .c2 .content-header {
    border-top: none;
    border-left: none;
    border-right: none;
}
.chat-wrapper,
.chat-wrapper > div {
    /*border: 1px solid;*/
}
.chat-wrapper .req-c1 {
    width: 35%;
}
.chat-wrapper .req-c2 {
    width: 65%;
}
.chat-content {
    min-height: 400px;
    position: relative;
}
.chat-header.bordered {
    border: 0;
}
.chat-header .req-item-lg .photo img {
    border-radius: 50%;
    border: none;
}
.chat-header .info a {
    font-size: 16px;
}
.chat-header .mobile-cancel-booking {
    position: absolute;
    top: 15px;
    right: 5px;
    height: 40px;
    text-align: center;
}
.chat-header .mobile-cancel-booking a {
    display: inline-block;
    margin: 0 auto;
    color: #cc0000;
}
.chat-header .mobile-cancel-booking .fas {
    display: block;
    font-size: 27px;
    color: #cc0000;
}
.chat-header .mobile-cancel-booking span {
    display: block;
    font-size: 11px;
}
.chat-username {
    font-size: 10px;
    font-weight: bold;
    padding-left: 50px;
}
.chat-messages-container {
    /*overflow-y: auto;*/
    margin: 0 -15px 0 0;
    overflow-y: scroll;
}
.chat-messages-container.chat-messages-container-iosapp {
    -webkit-overflow-scrolling: touch;
}
.chat-messages {
    /*height: 500px;
    overflow-y: auto;
    margin-bottom: 60px;*/
    position: relative;
}
.chat-message-content {
    min-width: 80%;
    width: calc(100% - 100px);
    /*border: 1px solid #e0e0e0;*/
    box-shadow: 0 0 5px rgba(0, 13, 16, .2);
    border-radius: 10px;
    position: relative;
    margin: 15px;
    float: right;
}
.chat-message-text {
    word-break: break-word;
    min-height: 7px;
    font-size: 16px;
}
.chat-message.received .chat-message-content {
    margin: 0 0 15px 50px;
    float: left;
}
.chat-message.sent .chat-message-content {
    margin: 0 23px 15px 0;
    background-color: #a6eafd;
    border: 0;
}
.chat-bubble-arrow {
    position: absolute;
    bottom: 10px;
    left: -22px;
    /*background: url(/images/bubble-arrow-white.png) no-repeat;*/
    background-size: cover;
    height: 20px;
    width: 22px;
}
.chat-message.sent .chat-bubble-arrow {
    /*background-image: url(/images/bubble-arrow-blue.png);*/
    left: unset;
    right: -23px;
    width: 23px;
}
.chat-message-status-sent {
    background: url(/images/tick-g.png) no-repeat;
    background-size: cover;
    height: 11px;
    width: 20px;
    display: inline-block;
    margin-bottom: -1px;
}
.chat-message-status-read {
    background: url(/images/tick-read.png) no-repeat;
    background-size: cover;
    height: 11px;
    width: 20px;
    display: inline-block;
    margin-bottom: -1px;
}
.chat-message-time {
    font-size: 10px;
    float: right;
}
.chat-message.sent .chat-message-time {
    float: left;
}
.chat-unread {
    margin: 15px auto 10px auto;
    width: calc(100% - 50px);
    border: 1px solid #e0e0e0;
    border-radius: 14px;
    line-height: 25px;
    background-color: #f5f5f5;
    font-size: 12px;
}
.chat-typing {
    font-size: 11px;
    margin-right: 30px;
}
.chat-input-container {
    padding: 15px;
    background-color: #ccc;
    position: absolute;
    bottom: 0;
    left: 0;
    right: -15px;
    border-bottom: 2px solid #ccc;
    border-top: 2px solid #454545;
}
.chat-input-container {
    /*z-index: 999999;*/
}
.chat-input {
    width: calc(100% - 50px);
    border-radius: 10px;
    display: inline-block;
    background-color: #ffffff;
    vertical-align: middle;
    min-height: 38px;
    padding: 10px !important;
    outline-color: transparent;
    font-size: 17px;
    overflow: hidden;
}
.chat-input[placeholder]:empty:before {
    content: attr(placeholder);
    color: #555;
}
.chat-input[placeholder]:empty:focus:before {
    content: "";
}
.appagent .chat-input {
    width: calc(100% - 40px);
}
.chat-input[placeholder]:empty:before {
    content: attr(placeholder);
    color: #555;
}
.chat-input[placeholder]:empty:focus:before {
    content: "";
}
.btn-chat,
.btn-group-chat {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    border: none;
    background: url(/images/chat-send-icon.png) no-repeat 7px center #1EC2F2;
    background-size: calc(100% - 10px);
    vertical-align: middle;
    margin-left: 5px;
    z-index: 9999;
}
/* Internet Explorer 10+ */
/* Firefox */
/*.chat-messages-container {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
/* Safari and Chrome */
/*.chat-messages-container::-webkit-scrollbar {
    display: none;
}*/
/********chat users**********/
.chatlist.box {
    border: none;
    border-radius: unset;
    margin-bottom: 0;
}
.chatlist.box h3 {
    background-color: #c3c3c3 !important;
    color: #ffffff;
    border-radius: unset;
    text-transform: unset;
    font-weight: bold;
}
.chatlist-users {
    /*border: 1px dotted #959595;*/
    overflow-y: auto;
}
.chatlist-user {
    position: relative;
    background-color: #ffffff;
    height: 90px;
    font-size: 11px;
    padding: 6px;
    margin: 0;
    border-bottom: 2px solid #c3c3c3;
    overflow-y: hidden;
}
.chatlist-user:last-child {
    border-bottom: none;
}
.chatlist-user.selected {
    background-color: #f6f6f6;
}
.chatlist-user .photo {
    width: 45px;
    height: 100%;
    margin-right: 5px;
}
.chatlist-user .photo img {
    border-radius: 50%;
    border: none;
    margin: calc(100% - 28px) auto;
}
.chatlist-user .name {
    text-overflow: ellipsis;
    max-width: calc(100% - 110px);
    overflow-x: hidden;
    white-space: nowrap;
}
.chatlist-user.user-group .photo {
    font-size: 30px;
    line-height: 75px;
    text-align: center;
}
.chatlist-user .latest-chat-content .message {
    font-size: 11px;
}
.chatlist-user .latest-chat-content .message .text {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100px;
    vertical-align: bottom;
}
.chatlist-user .latest-chat-time {
    position: absolute;
    height: 30px;
    top: 17px;
    right: 18px;
    width: 60px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}
.chatlist-user .latest-chat-time .time {
    color: #1EC2F2;
}
.chatlist-user .latest-chat-time .count {
    color: #ffffff;
    background-color: #1EC2F2;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    margin: 0 auto;
    padding-top: 1px;
}
.chat-message-img {
    position: absolute;
    bottom: 23px;
    left: -45px;
    background-size: cover;
    height: 20px;
    width: 22px;
}
.chat-message-img img {
    border-radius: 50%;
    border: 1px solid #f6f6f6;
    height: 40px;
}
.appagent .request-chat-content.col2 .c1,
.appagent .request-chat-content.col2 .c2,
.appagent .request-chat-content.col2 .c2 .content-header,
.appagent .request-chat-content.col2 .c2 .content-header .back,
.appagent .request-chat-content.col2 .c2 .content-header h1.enq {
    border: none;
    border-radius: 0;
}
.appagent .request-chat-content.col2 .c2 .content-header .back {
    line-height: 35px;
}
.appagent .chat-messages-container {
    margin-right: 0;
}
.appagent .chat-input-container {
    margin-right: 15px;
}
.appagent .content-wrapper.col2 {
    margin-bottom: 0;
}
.appagent .content-wrapper.col2 .c2 > div:not(.content-header) {
    margin-right: 0;
    margin-left: 0;
}
.appagent .content-wrapper.col2 .c2 > div.row {
    margin-right: -15px;
    margin-left: -15px;
}
.chat-warning-box {
    color: #000;
    padding: 15px 10px;
    margin-right: 15px;
    margin-bottom: 15px;
    background: #f6f6f6;
    text-align: left;
    border-radius: 4px;
    font-weight: 500;
    font-size: 15px;
}
@media (max-width: 991px) and (min-width: 768px) {
    .chatlist-user .latest-chat-time.view-sm {
        top: 40px;
        right: 15px;
    }
}
@media (max-width: 767px) {
    .content-wrapper.col2 .c1,
    .content-wrapper.col2 .c2,
    .content-wrapper.col2 .c2 .content-header,
    .content-wrapper.col2 .c2 .content-header .back,
    .content-wrapper.col2 .c2 .content-header > h1 {
        border: none;
        border-radius: 0;
    }
    .request-chat-content.col2 .c2 .content-header .back {
        line-height: 35px;
    }
    .request-chat-content.col2 .content-sub-header {
        margin-right: 0;
        margin-left: 0;
    }
    .chat-wrapper .req-c1,
    .chat-wrapper .req-c2 {
        width: 100%;
    }
    .chat-wrapper .req-c2 {
        padding: 0;
    }
    .chat-messages-container {
        margin: 0;
    }
    .chat-input-container {
        left: -15px;
    }
    .chat-header .info {
        margin-top: 5px;
    }
    .chat-header .name {
        margin-bottom: 0;
    }
    .chatlist.box {
        margin: 0 -15px;
    }
    .chatlist-users {
        border: none;
        max-height: unset !important;
    }
    .chatlist-user.req-item {
        background-color: #ffffff !important;
        border-bottom: none;
    }
    .chatlist-user .photo {
        width: 50px;
        margin-right: 15px;
    }
    .chatlist-user.user-group .photo {
        font-size: 33px;
    }
    .chatlist-user .photo img {
        margin: 13px auto;
    }
    .chatlist-user .name {
        max-width: calc(100% - 70px);
    }
    .chatlist-user .latest-chat-content {
        font-size: 15px;
        margin-top: 0;
        float: left;
        width: calc(100% - 65px);
        height: 84px;
        padding-top: 20px;
        border-bottom: 1px solid #c3c3c3;
    }
    .chatlist-user .latest-chat-content .name {
        margin-bottom: 0;
        padding-bottom: 0;
        font-size: 15px;
    }
    .chatlist-user .latest-chat-time {
        top: 13px;
    }
    .request-chat-content + .footer {
        display: none;
    }
    .request-chat-content {
        margin-bottom: 0;
    }
    .appagent .chat-input-container {
        margin-right: 0;
        padding: 15px 10px;
    }
    .appagent .content-wrapper.col2 .c2 > div.row {
        margin-right: 0;
        margin-left: 0;
    }
    .no-show {
        visibility: hidden;
        display: none;
    }
    body.appagent.app-chat {
        margin-bottom: 0;
    }
    /*.chat-header-height-220 {
        height: 220px;
    }*/
    .chat-warning-box {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .appagent .chat-input {
        width: calc(100% - 53px);
    }
}
/********staff chat*********/
@media (max-width: 767px) {
}
.staff-filter-categories .check-field,
.job-filter-categories .cat {
    margin-bottom: 5px;
}
.staff-filter-categories .check-field label,
.job-filter-categories .cat label {
    display: inline;
}
/********Admin kendo grid*********/
.kendo-grid th.k-header,
.kendo-grid tbody td {
    padding: 7px;
}
.kendo-grid th.k-header[data-field=Id] {
    min-width: 30px;
}
.kendo-grid th.k-header[data-field=JobDate] {
    min-width: 70px;
}
.kendo-grid th.k-header[data-field=Promo] {
    min-width: 54px;
}
.kendo-grid th.k-header[data-field=Positions] {
    min-width: 39px;
}
.kendo-grid th.k-header[data-field=Booked] {
    min-width: 60px;
}
.kendo-grid th.k-header[data-field=ApplicationCount] {
    min-width: 42px;
}
.kendo-grid th.k-header[data-field=IsPublished] {
    min-width: 40px;
}
.kendo-grid th.k-header[data-field=FailedPaymentCount] {
    min-width: 48px;
}
.kendo-grid th.k-header[data-field=Packages] {
    min-width: 80px;
}
.kendo-grid th.k-header[data-field=IsCreditCardVerified] {
    min-width: 60px;
}
.kendo-grid th.k-header[data-field=Type] {
    min-width: 45px;
}
.kendo-grid th.k-header[data-field=Debt] {
    min-width: 45px;
}
.kendo-grid th.k-header[data-field=HasPendingSections] {
    min-width: 68px;
}
.kendo-grid th.k-header[data-field=IsNoShow] {
    min-width: 68px;
}
.kendo-grid th.k-header[data-field=Rating] {
    min-width: 53px;
}
.kendo-grid th.k-header[data-field=Comment] {
    min-width: 72px;
}
.kendo-grid th.k-header[data-field=RevieweeName] {
    min-width: 78px;
}
.kendo-grid th.k-header[data-field=ReviewerName] {
    min-width: 67px;
}
.kendo-grid th.k-header[data-field=JobId] {
    min-width: 55px;
}
.kendo-grid .k-grid-header th.k-header,
.kendo-grid .k-grid-header th.k-header * {
    color: #444;
}
.kendo-grid th.k-header > .k-grid-filter {
    padding: 9px 3px 9px 3px;
}
.kendo-grid .k-grid-header th.k-header > .k-link {
    text-overflow: unset;
}
.kendo-grid .k-icon {
    margin-left: 0;
}
.kendo-grid .k-pager-wrap a,
.kendo-grid .k-pager-numbers li {
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 3px;
    width: 30px;
}
.kendo-grid .k-pager-wrap a,
.kendo-grid .k-pager-numbers .k-state-selected {
    border: 2px solid transparent;
    height: 24px;
    width: 24px;
    min-width: 21px;
    line-height: 24px;
    margin-top: 3px;
}
.kendo-grid .k-pager-numbers .k-state-selected {
    padding: 0;
    margin: 0;
    border-color: #1fc2f3;
    border-radius: 2px;
    background-color: #1fc2f3;
    color: #fff;
    margin-top: 3px;
}
.kendo-grid .k-pager-sizes {
    margin-top: 4px;
}
.kendo-grid .k-pager-wrap .k-pager-info.k-label {
    padding: 6px;
}
.kendo-grid .k-dropdown-wrap {
    width: auto;
    padding-right: 26px;
}
.kendo-grid .k-pager-wrap .k-dropdown {
    width: 60px;
}
.kendo-grid .k-dropdown-wrap .k-input,
.kendo-grid .k-dropdown-wrap .k-select {
    height: 24px;
    padding: 0;
    line-height: 27px;
    width: auto;
    margin-right: 0;
    text-indent: 4px;
}
.k-animation-container form.k-filter-menu .k-textbox,
.k-animation-container form.k-filter-menu .k-widget:not(.k-calendar) {
    width: 100%;
}
.k-animation-container .k-list-container .k-state-hover {
    background-color: #8bdff9;
}
.k-animation-container .k-button.k-primary {
    color: #444;
}
.k-animation-container .k-button:hover,
.k-animation-container .k-list-container .k-state-focused,
.k-animation-container .k-dropdown .k-input {
    background-color: #1fc2f3;
    color: #fff;
}
.k-animation-container .k-dropdown .k-input {
    border: 0;
}
.k-animation-container input.k-textbox {
    border-color: #ebebeb;
}
.k-animation-container span.k-select {
    background-color: #ebebeb;
    color: #444;
}
.k-animation-container .k-group label {
    line-height: 100%;
    height: 17px;
    margin: 10px 10px 0 0;
}
.k-animation-container .k-group label input[type=radio] {
    vertical-align: middle;
    margin-top: -1px;
    margin-right: 3px;
}
.k-animation-container .k-popup .k-animation-container .k-popup {
    margin-top: -2px;
}
/*.k-animation-container .k-icon {
    color: #1fc2f3;
}*/
.k-animation-container .k-header,
.k-animation-container .k-header.k-state-hover,
.k-animation-container .k-header .k-state-hover,
.k-animation-container .k-calendar .k-today,
.k-animation-container .k-footer .k-nav-today,
.k-animation-container .k-footer .k-nav-today:hover {
    background-color: #1fc2f3;
    color: #fff;
}
.k-animation-container .k-calendar-container td.k-state-focused {
    box-shadow: none;
}
.k-animation-container .k-calendar td.k-state-selected {
    background-color: #8bdff9;
}
@media (max-width: 1023px) {
    .kendo-grid .k-pager-wrap.k-grid-pager {
        padding-bottom: 50px;
        position: relative;
    }
    .kendo-grid .k-pager-numbers {
        display: block !important;
        position: relative !important;
        left: 0 !important;
    }
    .kendo-grid .k-pager-numbers>li {
        display: inline-block !important;
        width: auto;
    }
    .kendo-grid .k-pager-wrap a,
    .kendo-grid .k-pager-numbers .k-link,
    .kendo-grid .k-pager-numbers .k-state-selected,
    .kendo-grid .k-pager-numbers .k-link.k-pager-nav {
        margin: 4px 1px 0 1px !important;
        padding: 3px 3px 0 3px !important;
        text-align: center !important;
        vertical-align: middle;
        width: auto;
        min-width: 22px;
        border-top-width: 2px !important;
    }
    .kendo-grid .k-pager-numbers li.k-current-page {
        display: none !important;
    } 
    .kendo-grid .k-pager-numbers + .k-link {
        margin-left: 0;
    }
    .kendo-grid .k-pager-numbers .k-link.k-pager-nav {
        background: url(../images/caret-down-solid.svg) no-repeat calc(100% - 3px) center;
        background-size: 9px;
        padding-right: 10px;
    }
    .kendo-grid .k-pager-wrap .k-pager-info.k-label {
        display: block;
    }
    .kendo-grid .k-pager-wrap .k-pager-info.k-label {
        position: absolute;
        bottom: 10px;
        right: 0;
    }
    .kendo-grid .k-pager-sizes {
        display: block;
        border-top: 2px #e6e6e6 solid;
        padding-top: 10px;
        margin-right: 4px;
        position: absolute;
        width: calc(100% - 8px);
        bottom: 10px;
    }
}
@media (max-width: 420px) {
    .kendo-grid .k-pager-wrap.k-grid-pager {
        padding-bottom: 100px;
    }
    .kendo-grid .k-pager-sizes {
        bottom: 60px;
    }
    .kendo-grid .k-pager-wrap .k-pager-info.k-label {
        right: unset;
    }
}
/* Ui datepicker*/
.ui-datepicker-header.ui-widget-header .ui-icon {
    margin-top: -7px;
    background-position: 0 0;
    background-size: cover;
}
.ui-datepicker-header.ui-widget-header .ui-datepicker-prev .ui-icon {
    background-image: url("/images/arrow-prev.png")
}
.ui-datepicker-header.ui-widget-header .ui-datepicker-next .ui-icon {
    background-image: url("/images/arrow-next.png")
}
.grid-thumb {
    width: 36px;
    height: 36px;
}
/*override bxSlider css*/
.bx-wrapper, .bx-viewport {
    height: auto !important;
}
.bx-wrapper {
    margin-bottom: 0;
    border: none;
}
.bx-wrapper .bx-pager {
    bottom: 10px;
    left: 10px;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}
.bx-wrapper .bx-pager-item {
    float: left;
    list-style: none outside none;
    text-indent: -9000px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: #454545;
    margin: 0 2px;
}
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #5c83e2;
}
.bx-pager.bx-default-pager div a {
    border-radius: 10px 10px 10px 10px !important;
    display: block !important;
    height: 15px !important;
    width: 15px !important;
}
/*sign in with apple button*/
#appleid-signin {
    cursor: pointer;
}
/*override kendo in job form*/
.job-form .k-widget.k-timepicker.k-header,
.job-form .k-widget.k-timepicker.k-header:hover {
    font-family: sans-serif, Tahoma, Verdana, Helvetica;
    border: 1px solid #999;
    border-radius: 2px;
    font-size: 14px;
    color: #454545;
    background-color: #ffffff;
    box-shadow: none;
}
.job-form .k-picker-wrap.k-state-default {
    background-color: #ffffff;
    box-shadow: none;
}
.job-form .k-picker-wrap .k-input {
    line-height: inherit;
    text-indent: 0;
}
.job-form .k-picker-wrap .k-select {
    top: -4px;
    line-height: 2;
    text-align: right;
    margin-right: 2px;
}
.job-form input:read-only {
    color: #999;
}
.job-form .btn-group .btn {
    background-color: #959595;
    border: none;
    color: #ffffff;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 16px !important;
}
.job-form .btn-group .btn.active {
    background-color: #1ec2f3;
}