@charset "UTF-8";
@import 'bootstrap-grid.css';
@import 'icons.css';
@import 'https://fonts.googleapis.com/css?family=Nunito:300,400,600,700,800&subset=latin-ext';
#logo{
    display:inline-block;
    border-right:1px solid #e0e0e0;
    height:100%;
    vertical-align:top;
    padding-right:35px;
    margin-right:20px
}
#logo img{
    height:42px;
    width:auto;
    top:50%;
    position:relative;
    transform:translate3d(0,-50%,0)
}
.single-page-header #breadcrumbs{
    position:relative;
    top:0;
    left:0;
    transform:none;
    margin-left:auto
}
@media(max-width:992px){
    .single-page-header #breadcrumbs{
        margin:30px 0 20px
    }
}
.single-page-header{
    margin-bottom:15px;
    padding:30px 0;
    position:relative
}
.single-page-header .container{
    z-index:100;
    position:relative
}
.single-page-header:after,.single-page-header:before{
    content:"";
    position:absolute;
    height:100%;
    width:100%;
    display:block;
    top:0;
    left:0;
    z-index:15;
    background-color: #a01a7a;
}
.single-page-header:after{
    z-index:5;
    background-color:#f7f7f7
}
.single-page-header .background-image-container{
    background-size:cover;
    background-repeat:no-repeat;
    background-position:100% 50%;
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:50%;
    left:50%;
    z-index:10
}
.single-page-header .single-page-header-inner{
    display:flex
}
.single-page-header .left-side,.single-page-header .right-side{
    flex:1;
    display:flex;
    align-items:center
}
.single-page-header .left-side{
    padding-right:30px
}
.single-page-header .right-side{
    max-width:35%
}
@media(min-width:1365px){
    .single-page-header .right-side{
        max-width:30%
    }
}
.single-page-header .header-image a{
    display:flex;
    height:100%
}
.single-page-header .header-image{
    height:140px;
    flex:0 0 140px;
    margin-right:35px;
    background:#fff;
    border-radius:4px;
    box-shadow:0 3px 12px rgba(0,0,0,.1);
    display:flex;
    padding:0 20px
}
@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){
    .single-page-header .header-image{
        max-width:140px
    }
}
.single-page-header.freelancer-header .header-image{
    background:#fff;
    border-radius:50%;
    box-shadow:none;
    display:flex;
    padding:0;
    overflow:hidden;
    height:130px;
    flex:0 0 130px;
    width:130px
}
.single-page-header .header-image img{
    align-self:center;
    transform:translate3d(0,0,0)
}
@media all and (-ms-high-contrast:none){
    .single-page-header .header-image img{
        width:100%
    }
}
.single-page-header .header-details{
    flex:1
}
.single-page-header .header-details h3{
    color:#333;
    font-size:26px;
    margin:0;
    padding:0;
    margin-bottom:12px;
    margin-top:3px;
    line-height:36px;
    position:relative;
    padding-right:0;
    display:inline-block
}
.single-page-header .header-details h3 span{
    color:gray;
    display:block;
    font-size:20px;
    font-weight:300;
    margin-top:-3px
}
.single-page-header .header-details h5{
    font-size:16px;
    font-weight:600;
    color:#333
}
.single-page-header .header-details h5{
    font-size:16px;
    font-weight:600;
    color:#333
}
.single-page-header .header-details ul{
    padding:0;
    margin:0;
    list-style:none;
    line-height:24px;
    margin-bottom:-7px
}
.single-page-header .header-details li{
    display:inline-block;
    margin-right:20px;
    margin-bottom:12px
}
.single-page-header .header-details li:last-child{
    margin-right:0
}
.single-page-header .header-details li a{
    color:#666
}
.single-page-header .header-details li a:hover{
    color:#66676b
}
.single-page-header .header-details li i{
    font-size:20px;
    position:relative;
    top:2px;
    margin-right:2px
}
.single-page-header .header-details li .verified-badge{
    transform:scale(.85);
    position:relative;
    top:2px
}
.single-page-header .header-details li .verified-txt{
    color:#299840
}
.single-page-header .header-details li .star-rating{
    position:relative;
    top:6px
}
.single-page-header .header-details ul li img.flag{
    height:32px;
    border-radius:3px;
    position:relative;
    top:-1px;
    display:inline-block;
    margin-right:5px;
    cursor:default
}
.single-page-header .salary-box{
    border-radius:4px;
    box-shadow:0 3px 8px rgba(0,0,0,.08);
    background-color:#fff;
    display:inline-block;
    padding:20px 25px;
    margin-left:auto
}
@media(max-width:1366px){
    .single-page-header.freelancer-header .header-image{
        height:130px;
        flex:0 0 130px;
        width:130px
    }
}
@media(max-width:1240px){
    .single-page-header .header-details h3{
        font-size:26px
    }
    .single-page-header{
        padding:55px 0
    }
    .salary-box .salary-amount{
        font-size:26px;
        line-height:32px
    }
    .single-page-header .header-image{
        height:120px;
        flex:0 0 120px
    }
    .single-page-header.freelancer-header .header-image{
        height:120px;
        flex:0 0 120px;
        width:120px
    }
}
@media(max-width:992px){
    .single-page-header .single-page-header-inner{
        display:flex;
        flex-direction:column
    }
    .single-page-header .left-side{
        padding-right:0
    }
    .single-page-header .header-details h3{
        font-size:24px
    }
    .single-page-header{
        padding:35px 0
    }
    .minimizar img{
        max-width:100px;
        margin-top:1%;
    }
    .single-page-header .salary-amount{
        font-size:22px;
        line-height:24px
    }
    .single-page-header .salary-box{
        padding:0;
        margin-top:15px;
        margin-bottom:20px;
        background-color:transparent;
        box-shadow:none
    }
    .salary-box .salary-type{
        font-weight:600;
        color:#333
    }
    .single-page-header .left-side,.single-page-header .right-side,.single-page-header-inner{
        display:block;
        max-width:100%
    }
    .single-page-header .header-image{
        height:70px;
        width:auto;
        padding:15px 20px;
        margin:15px 0;
        display:inline-block
    }
    .single-page-header .header-image img{
        height:100%
    }
    .single-page-header .header-details h5{
        border-top:1px solid #e0e0e0;
        padding-top:25px
    }
    .single-page-header.freelancer-header .header-image{
        height:70px;
        flex:0 0 70px;
        width:70px;
        margin-bottom:-70px
    }
    .single-page-header.freelancer-header .header-details h3{
        margin-left:90px
    }
}
@media(max-width:768px){
    .single-page-header:after,.single-page-header:before{
    }
    .single-page-header.freelancer-header .header-image{
        height:70px;
        flex:0 0 70px;
        width:70px;
        margin-bottom:-70px
    }
    .single-page-header.freelancer-header .header-details h3{
        margin-left:90px
    }
}
.tasks-list-container.tasks-grid-layout{
    display:flex;
    flex-wrap:wrap;
    width:calc(100% + 30px)
}
.tasks-list-container.tasks-grid-layout .task-listing{
    display:flex;
    justify-content:center;
    margin:0 30px 30px 0;
    width:calc(100% * (1/2) - 30px);
    flex-direction:column
}
.tasks-list-container.tasks-grid-layout .task-listing-bid{
    flex:1;
    padding:0 0;
    display:block
}
.tasks-list-container.tasks-grid-layout .task-listing{
    flex-direction:column
}
.tasks-list-container.tasks-grid-layout .task-listing-bid-inner{
    display:flex;
    align-items:center;
    padding:18px 32px
}
.tasks-list-container.tasks-grid-layout .task-listing-bid-inner .task-offers{
    flex:1;
    position:relative;
    top:5px
}
.tasks-list-container.tasks-grid-layout .task-listing-bid-inner .button{
    height:100%;
    width:45%
}
.tasks-list-container.tasks-grid-layout .task-listing .task-listing-details{
    display:flex;
    align-items:center;
    padding:28px 32px
}
@media(max-width:1240px){
    .tasks-list-container.tasks-grid-layout .task-listing-bid-inner{
        display:block
    }
    .tasks-list-container.tasks-grid-layout .task-listing-bid{
        padding:20px 35px;
        padding-bottom:30px
    }
    .tasks-list-container.tasks-grid-layout .task-listing-bid-inner{
        padding:0
    }
    .tasks-list-container.tasks-grid-layout .task-listing{
        flex-direction:column
    }
    .tasks-list-container.tasks-grid-layout .task-listing-bid-inner .task-offers{
        flex:1
    }
    .tasks-list-container.tasks-grid-layout .task-listing-bid-inner .button{
        height:100%;
        width:100%
    }
}
@media(max-width:768px){
    .tasks-list-container.tasks-grid-layout{
        width:100%
    }
    .tasks-list-container.tasks-grid-layout .task-listing{
        margin:0 0 30px;
        width:100%
    }
    .tasks-list-container.compact-list .task-listing-bid,.tasks-list-container.compact-list .task-listing-details{
        width:100%
    }
}
@media(max-width:3860px){
    .full-page-content-inner .tasks-grid-layout .task-listing{
        width:calc(100% * (1/4) - 30px)
    }
}
@media(max-width:2560px){
    .full-page-content-inner .tasks-grid-layout .task-listing{
        width:calc(100% * (1/3) - 30px)
    }
}
@media(max-width:1600px){
    .full-page-content-inner .tasks-grid-layout .task-listing{
        width:calc(100% * (1/2) - 30px)
    }
}
@media(max-width:1099px){
    .full-page-content-inner .tasks-grid-layout .task-listing{
        width:calc(100% - 30px)
    }
}
@media(max-width:992px){
    .minimizar img{
        max-width:100px;
        margin-top:1%;
    }
    .full-page-content-inner .tasks-grid-layout .task-listing{
        width:calc(100%)
    }
}
.freelancers-container{
    display:flex;
    flex-wrap:wrap;
    width:calc(100% + 30px)
}
.freelancer{
    display:flex;
    flex-direction:column;
    justify-content:center;
    margin:0 30px 30px 0;
    width:calc(100% * (1/2) - 30px);
    border-radius:4px;
    box-shadow:0 2px 12px rgba(0,0,0,.12);
    background-color:#fff;
    transition:.3s;
    position:relative;
    cursor:default
}
.freelancer:hover{
    box-shadow:0 2px 18px rgba(0,0,0,.14);
    transform:translateY(-4px)
}
.freelancer .bookmark-icon{
    cursor:pointer
}
.freelancer-overview{
    text-align:center;
    padding:38px 20px;
    flex-grow:1;
    display:flex;
    flex-wrap:wrap;
    align-items:center
}
.freelancer-overview-inner{
    flex:1
}
.freelancer-overview .freelancer-avatar{
    width:110px;
    margin:0 auto;
    position:relative
}
.freelancer-overview .freelancer-avatar img{
    width:100%;
    border-radius:50%;
    cursor:pointer
}
.freelancer-overview .freelancer-avatar .verified-badge{
    position:absolute;
    bottom:0;
    right:0
}
.freelancer-name{
    margin-top:19px
}
.freelancer-rating{
    margin-top:5px;
    margin-bottom:-10px
}
.freelancer-name h4,.freelancer-name h4 a{
    font-size:18px;
    font-weight:600;
    color:#333;
    cursor:pointer
}
.freelancer-name img.flag{
    height:15px;
    border-radius:3px;
    position:relative;
    top:-1px;
    display:inline-block;
    box-shadow:0 0 3px rgba(0,0,0,.2);
    margin-left:4px;
    cursor:default
}
.freelancer-name span{
    color:#888
}
.freelancer-details{
    padding:35px;
    background-color:#fafafa;
    flex-grow:0
}
.freelancers-grid-layout .freelancer-details{
    border-radius:0 0 4px 4px
}
.freelancers-grid-layout .freelancer-details a.button{
    display:block;
    text-align:center;
    width:100%!important;
    transition:.3s;
    box-shadow:0 4px 12px rgba(102,103,107,.1)
}
.freelancer-details a.button:hover{
    box-shadow:0 4px 12px rgba(102,103,107,.2)
}
.freelancer-details-list ul{
    list-style:none;
    padding:0;
    margin:0 0 5px;
    font-size:14.7px
}
.freelancer-details-list ul li{
    display:inline-block;
    margin-right:25px;
    line-height:23px;
    color:gray;
    margin-bottom:15px
}
.freelancer-details-list ul li:last-child{
    margin-right:0
}
.freelancer-details-list ul li strong{
    display:block;
    color:#333
}
.freelancer-details-list ul li strong i{
    position:relative;
    top:1px;
    margin-right:-1px;
    margin-left:-2px
}
.freelancer-detail-item{
    display:inline-block;
    margin:2px 10px 5px 0
}
.freelancer-detail-item a,.freelancer-detail-item{
    color:#888
}
.freelancer-detail-item a:hover{
    color:#66676b
}
.freelancer-detail-item i{
    position:relative;
    top:2px;
    margin-right:3px
}
@media(max-width:1366px){
    .freelances-grid-layout .freelancer-overview .freelancer-avatar{
        width:100px
    }
}
@media(max-width:768px){
    .freelances-grid-layout.freelancers-container{
        width:100%
    }
    .freelances-grid-layout .freelancer{
        margin:0 0 30px;
        width:100%
    }
    .freelancers-container.freelancers-grid-layout{
        width:100%
    }
    .freelancers-container.freelancers-grid-layout .freelancer{
        width:100%;
        margin-right:0
    }
}
@media(max-width:2560px){
    .full-page-container .freelancer{
        width:calc(100% * (1/4) - 30px)
    }
}
@media(max-width:1920px){
    .full-page-container .freelancer{
        width:calc(100% * (1/3) - 30px)
    }
}
@media(max-width:1366px){
    .full-page-container .freelancer{
        width:calc(100% * (1/2) - 30px)
    }
}
@media(max-width:1099px){
    .full-page-container .freelancers-container{
        width:100%
    }
    .full-page-container .freelancer{
        width:100%;
        margin-right:0
    }
}
.freelancers-container.freelancers-list-layout{
    width:100%
}
.freelancers-list-layout .freelancer{
    margin:0 0 30px;
    width:100%;
    flex-direction:row;
    justify-content:center
}
.freelancers-list-layout .freelancer-overview{
    text-align:left;
    padding:45px 40px;
    flex-grow:1;
    display:flex;
    flex-wrap:wrap;
    align-items:center
}
.freelancers-list-layout .freelancer-overview-inner{
    flex:1;
    display:flex;
    align-items:center
}
.freelancers-list-layout .freelancer-details{
    padding:45px 40px 45px 0;
    background-color:transparent;
    flex:0 0 360px
}
.freelancers-list-layout .freelancer-overview .freelancer-avatar{
    width:100px;
    margin:0
}
.freelancers-list-layout .freelancer-overview .freelancer-name{
    text-align:left;
    margin:0 0 0 30px
}
.freelancers-list-layout .freelancer-details a.button{
    display:block;
    text-align:center;
    min-width:50%;
    max-width:100%;
    width:auto!important;
    transition:.3s;
    float:right;
    box-shadow:0 4px 12px rgba(102,103,107,.15)
}
.freelancers-list-layout .freelancer-details a.button:hover{
    box-shadow:0 4px 12px rgba(102,103,107,.25)
}
.freelancers-list-layout .bookmark-icon{
    display:none
}
.freelancers-list-layout .freelancer-details-list ul{
    float:right;
    display:block
}
.freelancers-list-layout .freelancer-details-list ul li{
    margin-left:25px;
    margin-right:0;
    float:right
}
.compact-list.freelancers-list-layout .freelancer{
    border-radius:0;
    margin-bottom:0;
    box-shadow:none
}
.compact-list.freelancers-list-layout .freelancer:hover{
    transform:translateY(0)
}
.compact-list.freelancers-list-layout{
    background-color:#fff;
    border-radius:4px;
    box-shadow:0 2px 12px rgba(0,0,0,.12)
}
.compact-list.freelancers-list-layout .freelancer:nth-child(2n){
    background-color:#fafafa
}
.compact-list.freelancers-list-layout .freelancer:hover:before{
    opacity:1
}
.compact-list.freelancers-list-layout .freelancer:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:3px;
    height:100%;
    display:block;
    background:#66676b;
    transition:.3s;
    opacity:0
}
.compact-list.freelancers-list-layout .freelancer:last-of-type{
    border-radius:0 0 3px 3px;
    overflow:hidden
}
.compact-list.freelancers-list-layout .freelancer:first-of-type{
    border-radius:3px 3px 0 0;
    overflow:hidden
}
@media(max-width:1366px){
    .freelancers-list-layout .freelancer-overview .freelancer-avatar{
        width:100px
    }
}
@media(max-width:1240px){
    .freelancers-list-layout .freelancer{
        flex-direction:column
    }
    .freelancers-list-layout .freelancer-details{
        flex:1;
        padding:35px 40px;
        background-color:#fafafa
    }
    .freelancers-list-layout .freelancer-details-list ul{
        float:left
    }
    .freelancers-list-layout .freelancer-details-list ul li{
        margin-left:0;
        margin-right:25px;
        float:left
    }
    .freelancers-list-layout .freelancer-details a.button{
        float:none;
        width:100%!important
    }
    .freelancers-list-layout .freelancer-overview .freelancer-avatar{
        width:90px
    }
    .compact-list.freelancers-list-layout .freelancer-details{
        background-color:transparent;
        padding-top:0
    }
}
@media(max-width:768px){
    .freelancers-list-layout .freelancer-overview,.freelancers-list-layout .freelancer-details{
        padding:30px
    }
    .freelancers-list-layout .freelancer-overview .freelancer-avatar{
        width:80px
    }
    .freelancers-list-layout .star-rating:before{
        display:block;
        float:none;
        text-align:center;
        max-width:40px;
        margin-bottom:4px
    }
}
.letters-list{
    width:100%;
    text-align:center;
    background-color:#f4f4f4;
    border-radius:4px;
    padding:20px
}
.letters-list a{
    display:inline-block;
    font-size:18px;
    color:#333;
    height:40px;
    width:40px;
    line-height:40px;
    background-color:transparent;
    border-radius:4px;
    transition:.3s;
    margin:0 -2px
}
.letters-list a.current{
    margin-right:0;
    color:#fff;
    font-weight:600;
    background-color:#66676b;
    box-shadow:0 2px 8px rgba(102,103,107,.25)
}
.letters-list a:hover{
    color:#fff;
    background-color:#333;
    font-weight:600;
    box-shadow:0 2px 8px rgba(0,0,0,.2)
}
.companies-list{
    display:flex;
    flex-wrap:wrap;
    margin-top:30px;
    width:calc(100% + 30px)
}
.companies-list .company{
    width:calc(33.3% - 30px);
    margin:0 30px 30px 0;
    flex-grow:1;
    text-align:center;
    padding:50px 0;
    background-color:#fff;
    border-radius:4px;
    box-shadow:0 2px 10px rgba(0,0,0,.1);
    transition:.3s
}
.companies-list .company:hover{
    transform:translateY(-3px)
}
@media(min-width:993px){
    .companies-list .company:nth-child(3n){
        border-right:none
    }
    .companies-list .company:nth-last-child(-n+3){
        border-bottom:none
    }
}
.companies-list .company img{
    max-width:120px;
    max-height:60px;
    display:inline-block;
    margin:0;
    transform:translate3d(0,0,0)
}
.companies-list .company .company-logo{
    height:60px;
    display:flex;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:30px
}
.companies-list .company h4{
    color:#333;
    font-size:18px;
    font-weight:600;
    transition:.3s;
    display:block
}
.companies-list .company span{
    color:#888
}
.companies-list .company .star-rating{
    margin-top:5px
}
.not-rated,.company-not-rated{
    border-radius:4px;
    background-color:#f0f0f0;
    color:#888;
    font-size:14px;
    line-height:15px;
    font-weight:600;
    padding:7px 9px;
    display:inline-block;
    margin-top:8px;
    text-align:center
}
@media(max-width:1366px){
    .letters-list a{
        font-size:16px;
        height:36px;
        width:36px;
        line-height:36px;
        margin:0 -1px
    }
}
@media(max-width:992px){
    .companies-list .company{
        width:calc(50% - 30px)
    }
}
@media(max-width:768px){
    .companies-list .company{
        width:100%
    }
}
button{
    vertical-align:middle
}
span.button,button.button,input[type=button],input[type=submit],a.button{
    background-color:#66676b;
    top:0;
    padding:10px 20px;
    line-height:24px;
    color:#fff;
    position:relative;
    font-size:16px;
    font-weight:500;
    display:inline-block;
    transition:all .2s ease-in-out;
    cursor:pointer;
    overflow:hidden;
    border:none;
    border-radius:4px;
    box-shadow:0 4px 12px rgba(102,103,107,.15)
}
.button i[class^=icon-material],button.button i[class^=icon-material],input[type=button] i[class^=icon-material],input[type=submit] i[class^=icon-material],a.button i[class^=icon-material]{
    font-size:18px;
    height:0;
    width:18px;
    line-height:0;
    top:2px;
    position:relative;
    display:inline-block;
    margin-left:3px
}
.button i[class^=icon-feather],button.button i[class^=icon-feather],input[type=button] i[class^=icon-feather],input[type=submit] i[class^=icon-feather],a.button i[class^=icon-feather]{
    font-size:16px;
    height:0;
    width:16px;
    line-height:0;
    top:2px;
    position:relative;
    display:inline-block;
    margin-left:3px
}
button.button.dark,input[type=button].dark,input[type=submit].dark,a.button.dark{
    background-color:#333;
    color:#fff;
    box-shadow:0 4px 12px rgba(0,0,0,.1)
}
button.button.gray,input[type=button].gray,input[type=submit].gray,a.button.gray{
    background-color:#eaeaea;
    color:#666;
    box-shadow:none
}
button.button.gray:hover,input[type=button].gray:hover,input[type=submit].gray:hover,a.button.gray:hover{
    background-color:#e0e0e0
}
body .button i.icon-material-outline-arrow-right-alt{
    font-size:22px;
    top:4px
}
.button.full-width{
    max-width:100%;
    width:100%;
    text-align:center;
    display:block
}
.button.big{
    font-size:18px;
    padding:13px 22px
}
body .button.big i{
    font-size:22px;
    top:3px;
    position:relative
}
.button.button-slide-out span{
    transform:translateY(0px);
    opacity:1;
    transition:.3s
}
.button.button-slide-out:hover span{
    transform:translateY(-10px);
    opacity:0;
    display:inline-block;
    transition:.3s
}
.button.button-slide-out i{
    transform:translateY(calc(-50% + 10px));
    opacity:0;
    display:inline-block;
    transition:.3s;
    position:absolute;
    left:0;
    right:0;
    font-size:18px;
    top:50%;
    height:20px
}
.button.button-slide-out:hover i{
    transform:translateY(calc(-50% + 0px));
    opacity:1
}
.move-on-hover{
    box-shadow:0 4px 12px rgba(102,103,107,.1);
    transform:translateY(0);
    transition:.3s
}
.move-on-hover:hover{
    box-shadow:0 4px 12px rgba(102,103,107,.2);
    transform:translateY(-2px)
}
.centered-button{
    text-align:center;
    display:block
}
.centered-button .button{
    margin:0 auto
}
span.bookmark-icon{
    font-size:20px;
    position:absolute;
    z-index:101;
    right:35px;
    top:35px;
    cursor:pointer;
    background-color:#eee;
    color:silver;
    display:block;
    height:39px;
    width:39px;
    border-radius:50%;
    transition:all .4s;
    line-height:27px
}
.bookmark-icon.bookmarked{
    animation:bookmarked-shadow .3s
}
@keyframes bookmarked-shadow{
    0%{
        box-shadow:0 0 0 0 rgba(254,179,66,.8)
    }
    100%{
        box-shadow:0 0 0 10px transparent
    }
}
.bookmark-icon:before{
    transition:transform .4s cubic-bezier(.8,-.41,.19,2.5);
    font-family:material-icons;
    position:absolute;
    right:0;
    left:0;
    text-align:center;
    top:6px;
    content:"\e988"
}
.bookmark-icon:hover{
    background-color:#333;
    color:#fff
}
.bookmark-icon.bookmarked{
    background-color:#feb342;
    color:#fff
}
.bookmark-icon.bookmarked:before{
    animation:bookmark-icon .5s
}
@keyframes bookmark-icon{
    0%{
        -webkit-transform:scale(.8);
        transform:scale(.8)
    }
    50%{
        -webkit-transform:scale(1.2);
        transform:scale(1.2)
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.bookmark-button{
    background-color:#404040;
    display:inline-block;
    padding:0;
    position:relative;
    height:44px;
    line-height:44px;
    color:#fff;
    padding:0 15px;
    padding-left:59px;
    border-radius:4px;
    transition:.4s;
    cursor:pointer;
    box-shadow:0 3px 12px rgba(0,0,0,.1)
}
.bookmark-button .bookmark-icon,.bookmark-button:hover .bookmark-icon{
    background-color:rgba(255,255,255,.05)
}
.bookmark-button .bookmark-icon{
    border-radius:4px;
    position:absolute;
    left:0;
    right:auto;
    top:auto;
    height:44px;
    width:44px;
    border-radius:4px 0 0 4px;
    pointer-events:none;
    transition:.4s;
    animation:none
}
.bookmark-button .bookmark-icon:before{
    top:8px;
    color:#fff;
    transition:.4s;
    font-size:18px
}
.bookmark-button.bookmarked{
    background-color:#feb342;
    color:#fff;
    box-shadow:0 3px 12px rgba(254,179,66,.2)
}
.bookmark-button.bookmarked .bookmark-icon:before,.bookmark-button:hover .bookmark-icon:before{
    color:#fff
}
.bookmark-button.bookmarked .bookmark-icon,.bookmark-button.bookmarked:hover .bookmark-icon{
    background-color:rgba(255,255,255,.16)
}
.bookmark-button.bookmarked .bookmarked-text,.bookmark-button .bookmark-text{
    display:block
}
.bookmark-button.bookmarked .bookmark-text,.bookmark-button .bookmarked-text{
    display:none
}
.button-sliding-icon{
    text-align:center
}
.button-sliding-icon i{
    opacity:0;
    max-width:0;
    transition:.25s;
    display:inline-block;
    transform:translateX(-20px)
}
.button-sliding-icon:hover i{
    max-width:20px;
    opacity:1;
    transform:translateX(0)
}
.button.button-sliding-icon{
    padding-left:20px;
    padding-right:10px
}
.button.button-sliding-icon:hover{
    padding-right:20px
}
.button.button-sliding-icon i{
    padding-right:5px
}
.button.button-sliding-icon:hover i{
    max-width:20px;
    opacity:1;
    transform:translateX(0)
}
.list-3,.list-2,.list-1{
    padding:3px 0 0;
    font-size:16px
}
.list-3 li,.list-2 li,.list-1 li{
    list-style:none;
    margin:10px 0;
    line-height:27px;
    margin-left:20px;
    position:relative
}
.list-3 li:first-child,.list-2 li:first-child,.list-1 li:first-child{
    margin-top:0
}
.list-4 li:before,.list-3 li:before,.list-2 li:before,.list-1 li:before{
    margin:0;
    position:relative;
    color:#66676b;
    float:left;
    margin-left:-20px;
    display:block
}
.list-1.gray li:before{
    color:#777
}
.list-2 li,.list-2 li{
    margin-left:28px
}
.list-3 li:before,.list-2 li:before{
    font-family:material-icons;
    content:"\e928";
    font-size:18px;
    font-weight:600;
    position:relative;
    top:-2px;
    margin-left:-28px
}
.list-3 li:before{
    content:"\e912";
    font-family:feather-icons;
    font-weight:500;
    font-size:18px
}
.list-1 li:before{
    content:"";
    height:6px;
    width:6px;
    background-color:#66676b;
    border-radius:2px;
    position:relative;
    top:9px
}
.numbered ol{
    counter-reset:li;
    list-style:none;
    padding:0;
    margin-left:18px;
    display:inline-block;
    font-size:16px
}
.numbered ol li{
    display:inline-block;
    padding:6px 0;
    width:100%
}
.numbered ol>li::before{
    content:counter(li);
    counter-increment:li;
    font-size:16px;
    line-height:35px;
    width:36px;
    height:36px;
    display:inline-block;
    border:1px solid #333;
    border-radius:50%;
    text-align:center;
    margin:0;
    margin-left:0;
    font-weight:500;
    color:#333;
    position:relative;
    float:left;
    left:-18px;
    font-size:15px;
    transform:translateY(-10%)
}
.numbered.color ol>li::before{
    border:1px solid #66676b;
    color:#66676b
}
.numbered.color.filled ol>li::before{
    border:1px solid #66676b;
    color:#fff;
    background-color:#66676b
}
mark{
    background-color:#fcf8e3;
    color:#8a803e;
    padding:1px 5px
}
mark.color{
    background-color:#66676b;
    border-radius:4px;
    color:#fff
}
#result .success,.notification{
    line-height:24px;
    margin-bottom:15px;
    position:relative;
    padding:20px 26px;
    padding-right:50px;
    border-radius:3px
}
.notification p{
    margin:0;
    font-size:15px
}
#result .success,.notification.success{
    background-color:#ebf6e0
}
#result .success,.notification.success,.notification.success a,.notification.success strong{
    color:#5f9025
}
.notification.error{
    background-color:#ffe9e9
}
.notification.error,.notification.error a,.notification.error strong{
    color:#de5959
}
.notification.warning{
    background-color:#fbfadd
}
.notification.warning,.notification.warning a,.notification.warning strong{
    color:#8f872e
}
.notification.notice h4{
    font-size:19px;
    margin:3px 0 15px
}
.notification.notice h4,.notification.notice,.notification.notice a,.notification.notice strong{
    color:#3184ae
}
.notification.notice{
    background-color:#e9f7fe
}
.notification.notice.large{
    padding:32px 36px
}
.notification strong{
    font-weight:700
}
.notification a{
    text-decoration:underline
}
body .notification strong{
    border:none
}
.notification.success .close,.notification.error .close,.notification.warning .close,.notification.notice .close{
    padding:0 9px;
    position:absolute;
    right:0;
    top:22px;
    display:block;
    height:8px;
    width:8px;
    cursor:pointer
}
.notification.notice p span i{
    font-weight:500
}
.notification a.button{
    float:right;
    color:#fff;
    margin-top:3px
}
.notification.notice a.button{
    background-color:#388fc5
}
.notification.warning a.button{
    background-color:#dfbe51
}
.notification.error a.button{
    background-color:#d34c4c
}
.notification.success a.button{
    background-color:#79ba38
}
.notification.closeable a.close:before{
    content:"\ea02";
    font-family:feather-icons;
    position:absolute;
    right:25px;
    top:0;
    cursor:pointer;
    font-weight:600
}
table.basic-table{
    width:100%;
    border-collapse:separate;
    border-spacing:0;
    border:none;
    margin-bottom:15px
}
table.basic-table th{
    background-color:#66676b;
    text-align:left;
    color:#fff;
    vertical-align:top;
    font-weight:500
}
table.basic-table th:first-child{
    border-radius:4px 0 0 4px
}
table.basic-table th:last-child{
    border-radius:0 4px 4px 0
}
table.basic-table th,table.basic-table td{
    padding:15px 28px
}
table.basic-table tr:nth-child(odd){
    background-color:#f4f4f4
}
table.basic-table{
    margin-bottom:0
}
@media screen and (max-width:600px){
    table{
        border:0
    }
    table th{
        display:none
    }
    table tr{
        display:block;
        margin-bottom:0
    }
    table td{
        border-bottom:1px solid #ddd;
        display:block;
        font-size:14px;
        text-align:right
    }
    table td:before{
        content:attr(data-label);
        float:left;
        font-weight:600
    }
    table td:last-child{
        border-bottom:0
    }
}
.accordion{
    font-size:16px;
    width:100%;
    margin:0 auto;
    border-radius:4px;
    overflow:hidden;
    box-shadow:0 4px 16px rgba(0,0,0,.08)
}
.accordion .accordion{
    border-radius:0;
    box-shadow:none
}
.accordion-header,.accordion-body{
    background:#fff
}
.accordion-header{
    padding:15px 25px;
    background:#66676b;
    color:#fff;
    cursor:pointer;
    font-size:16px;
    transition:all .3s;
    position:relative;
    box-shadow:0 -1px 0 rgba(255,255,255,.15)
}
.accordion .accordion .accordion-header{
    box-shadow:0 -1px 0 rgba(0,0,0,.07)
}
.accordion-header:before{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#fff;
    content:"";
    opacity:0;
    transition:.3s
}
.accordion-body__contents p:last-child{
    margin-bottom:0;
    padding-bottom:0
}
.accordion-body{
    background:#fff;
    color:#666;
    display:none
}
.accordion-body__contents{
    padding:25px;
    font-size:16px;
    line-height:28px
}
.accordion__item.active:last-child .accordion-header{
    border-radius:none
}
.accordion:first-child>.accordion__item>.accordion-header{
    border-bottom:1px solid transparent
}
.accordion__item>.accordion-header:after{
    content:"\e957";
    font-family:Material-Icons;
    font-size:19px;
    float:right;
    position:relative;
    top:-1px;
    transition:.3s all;
    transform:rotate(0deg)
}
.accordion__item.active>.accordion-header:after{
    transform:rotate(-180deg)
}
.accordion__item.active .accordion .accordion-header:before{
    opacity:0
}
.accordion__item .accordion__item .accordion-header{
    background:#f7f7f7;
    color:#666
}
.tabs ul{
    padding:0;
    list-style:none;
    margin:0
}
.tabs{
    z-index:15px;
    position:relative;
    background:#fff;
    width:100%;
    border-radius:4px;
    box-shadow:0 4px 18px rgba(0,0,0,.1);
    box-sizing:border-box;
    margin:0;
    overflow:hidden
}
.tabs-header{
    position:relative;
    background:#66676b;
    overflow:hidden
}
.tabs-header .tab-hover{
    position:absolute;
    bottom:0;
    left:0;
    background:#fff;
    width:auto;
    height:100%;
    transition:.3s ease;
    opacity:.08;
    z-index:90
}
.tabs-header ul{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    width:calc(100% - 100px);
    position:relative;
    z-index:100
}
.tabs-header li{
    transition:.3s ease
}
.tabs-header a{
    z-index:1;
    display:block;
    box-sizing:border-box;
    padding:15px 25px;
    color:#fff;
    font-weight:500;
    text-decoration:none
}
.tabs-nav{
    position:absolute;
    top:0;
    right:0;
    display:flex;
    align-items:center;
    height:100%;
    padding:0 15px;
    color:#fff;
    user-select:none;
    font-size:19px
}
.tabs-nav i{
    cursor:pointer;
    display:inline-block;
    padding:0;
    height:30px;
    width:30px;
    line-height:30px;
    background-color:rgba(255,255,255,.1);
    border-radius:4px;
    text-align:center;
    position:relative;
    z-index:101;
    margin-left:5px;
    transition:.3s
}
.tabs-nav i:hover{
    background-color:rgba(255,255,255,.15)
}
.tabs-content{
    position:relative;
    transition:.3s ease;
    overflow:hidden
}
.tabs-content .tab{
    padding:25px
}
.tabs-content .tab p:last-child{
    margin-bottom:0;
    padding-bottom:0
}
.tabs-content:after{
    content:'';
    position:absolute;
    bottom:-1px;
    left:0;
    display:block;
    width:100%;
    height:1px;
    box-shadow:0 0 20px 10px #fff
}
.tabs-content .tab{
    display:none
}
.tabs-content .tab.active{
    display:block
}
@media(max-width:992px){
    .tabs-nav{
        display:none
    }
    .tabs-header ul{
        flex-direction:column;
        width:100%
    }
    .tab-hover{
        display:none
    }
    .tabs-header a{
        box-shadow:0 -1px 0 rgba(255,255,255,.15)
    }
    .tabs-header ul li.active a{
        background-color:rgba(255,255,255,.07)
    }
}
.copy-url{
    display:flex
}
.copy-url input{
    border-radius:4px 0 0 4px;
    border-right:0
}
.copy-url .copy-url-button{
    min-width:48px;
    background-color:#66676b;
    color:#fff;
    border-radius:0 4px 4px 0
}
.share-buttons{
    display:block
}
.share-buttons-trigger{
    display:inline-block;
    height:44px;
    width:44px;
    line-height:44px;
    text-align:center;
    color:#a0a0a0;
    font-size:18px;
    background-color:#f0f0f0;
    border-radius:4px;
    transition:.4s;
    cursor:default
}
.share-buttons-trigger i{
    position:relative;
    top:1px
}
.share-buttons-content{
    display:inline-block;
    position:relative;
    width:calc(100% - 60px)
}
.share-buttons-content span{
    margin-left:10px;
    color:#888;
    cursor:default;
    padding:10px 0;
    display:inline-block;
    transition:.4s
}
.share-buttons-content span strong{
    color:#66676b;
    font-weight:600
}
.share-buttons:hover .share-buttons-content span{
    opacity:0;
    transition:.2s
}
.share-buttons-icons{
    position:absolute;
    left:5px;
    top:0;
    padding:0;
    margin:0;
    opacity:0;
    transform:translateX(-10px);
    transition:all .4s cubic-bezier(.5,-.41,.19,2)
}
.share-buttons:hover .share-buttons-icons{
    opacity:1;
    transform:translate(0)
}
.share-buttons-icons li{
    display:inline-block;
    float:left
}
.share-buttons-icons li:first-child a{
    border-radius:4px 0 0 4px
}
.share-buttons-icons li:last-child a{
    border-radius:0 4px 4px 0
}
.share-buttons-icons li a{
    height:44px;
    width:44px;
    display:inline-block;
    line-height:44px;
    text-align:center;
    background-color:#333;
    color:#fff;
    font-size:14px
}
.share-buttons-icons li a i{
    position:relative;
    top:1px
}
.job-listing-company .verified-badge,.job-listing .job-listing-footer ul li .verified-badge{
    position:relative;
    display:inline-block;
    transform:scale(.7);
    top:2px;
    margin-left:-2px
}
.verified-badge{
    position:relative;
    height:25px;
    width:25px;
    display:inline-block;
    background-color:#38b653;
    border-radius:50%;
    text-align:center;
    z-index:10;
    font-weight:500
}
.verified-badge:before{
    content:"\e92b";
    font-family:feather-icons;
    font-size:16px;
    color:#fff;
    position:relative;
    top:0;
    line-height:27px
}
.job-listing .job-listing-company-logo .verified-badge{
    position:absolute;
    bottom:0;
    right:0;
    transform:translate(7px,7px)
}
.foto-img {
    width: 35px;
    display: inline-block;
    margin:1px;
    margin-top: -8px;
    overflow: hidden;
    vertical-align: middle;
}
.verified-badge-with-title{
    position:relative;
    height:26px;
    display:flex;
    top:-1px;
    color:#fff;
    font-weight:500;
    font-size:14px;
    background-color:#30ab4a;
    text-align:center;
    z-index:10;
    font-weight:500;
    border-radius:4px;
    padding:0 8px 0 0;
    margin:0;
    overflow:hidden;
    padding-left:9px;
    line-height:27px
}
 
.star-rating{
    display:inline-block
}
.star-rating .star{
    display:inline-block;
    margin:0;
    padding:0;
    float:left;
    margin-right:0;
    position:relative
}
.star-rating .star.half:after,.star-rating .star:before{
    font-family:material-icons;
    content:"\e988";
    display:block;
    color:#febe42;
    font-size:22px
}
.star-rating .star.empty:before{
    color:#ddd
}
.rating:after{
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0
}
.star-rating .star.half:before{
    color:#ddd
}
.star-rating .star.half:after{
    color:#febe42;
    position:absolute;
    top:0;
    width:50%;
    display:block;
    height:100%;
    overflow:hidden
}
.star-rating:before{
    content:attr(data-rating);
    float:left;
    border-radius:4px;
    background-color:#febe42;
    color:#fff;
    font-size:14px;
    line-height:15px;
    font-weight:700;
    padding:5px 7px;
    position:relative;
    top:1px;
}
.star-rating.no-stars .star{
    display:none
}
.star-rating.no-stars:before{
    margin-right:0
}
.category-box-counter{
    width:auto;
    height:24px;
    font-size:14px;
    line-height:25px;
    border-radius:4px;
    padding:0 8px;
    color:#909090;
    background:rgba(0,0,0,.06);
    font-weight:600;
    display:inline-block;
    margin:0 auto;
    transition:.35s;
    margin-bottom:18px
}
.category-box-content h3{
    font-size:16px;
    font-weight:600;
    color:#333;
    margin:0;
    padding:0;
    transition:.35s
} 
.bidding-widget .bidding-signup{
    color:#666;
    font-size:14.7px;
    padding:16px 35px;
    text-align:center;
    border-top:1px solid #e0e0e0
}
.bidding-widget .bidding-signup a{
    font-weight:600
}
.bidding-widget button.button{
    margin-bottom:3px
}
.bidding-widget .bidding-detail{
    color:#888;
    display:block
}
.bidding-widget .bidding-detail strong{
    color:#333;
    font-weight:700
}
.dashboard-box .bidding-detail strong{
    font-weight:600
}
.bidding-widget .bidding-value{
    font-size:26px;
    font-weight:500;
    color:#333;
    margin:5px 0 20px
}
.bidding-widget .bidding-value{
    font-size:26px;
    font-weight:500;
    color:#333
}
.bidding-widget .button{
    box-shadow:0 4px 12px rgba(102,103,107,.15);
    transition:.3s;
    height:46px
}
.bidding-widget .button:hover{
    box-shadow:0 4px 12px rgba(102,103,107,.25);
    transform:translateY(-2px)
}
.slick-slider{
    position:relative;
    display:block;
    box-sizing:border-box;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-touch-callout:none;
    -khtml-user-select:none;
    -ms-touch-action:pan-y;
    touch-action:pan-y;
    -webkit-tap-highlight-color:transparent
}
.slick-list{
    position:relative;
    display:block;
    overflow:hidden;
    margin:0;
    padding:0
}
.slick-list:focus{
    outline:none
}
.slick-list.dragging{
    cursor:pointer;
    cursor:hand
}
.slick-slider .slick-track,.slick-slider .slick-list{
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.slick-track{
    position:relative;
    top:0;
    left:0;
    display:block;
    margin-left:auto;
    margin-right:auto
}
.slick-track:before,.slick-track:after{
    display:table;
    content:''
}
.slick-track:after{
    clear:both
}
.slick-loading .slick-track{
    visibility:hidden
}
.slick-slide{
    display:none;
    float:left;
    height:100%;
    min-height:1px
}
[dir=rtl] .slick-slide{
    float:right
}
.slick-slide img{
    display:block
}
.slick-slide.slick-loading img{
    display:none
}
.slick-slide.dragging img{
    pointer-events:none
}
.slick-initialized .slick-slide{
    display:block
}
.slick-loading .slick-slide{
    visibility:hidden
}
.slick-vertical .slick-slide{
    display:block;
    height:auto;
    border:1px solid transparent
}
.slick-arrow.slick-hidden{
    display:none
}
.slick-prev,.slick-next{
    font-size:0;
    line-height:0;
    position:absolute;
    top:50%;
    display:block;
    padding:0;
    -webkit-transform:translate(0,-50%);
    -ms-transform:translate(0,-50%);
    transform:translate(0,-50%);
    cursor:pointer;
    border:none;
    outline:none;
    background-color:#333;
    border-radius:4px;
    width:48px;
    height:48px;
    display:block;
    top:calc(50% - 15px);
    transform:translateY(-50%);
    transition:.3s;
    box-shadow:0 3px 12px rgba(0,0,0,.15);
    z-index:10
}
.slick-prev:hover,.slick-next:hover{
    color:transparent;
    outline:none;
    background:#66676b
}
.slick-prev:hover:before,.slick-next:hover:before{
    opacity:1
}
.slick-prev.slick-disabled,.slick-next.slick-disabled{
    pointer-events:none;
    cursor:default;
    background-color:#e8e8e8;
    box-shadow:none
}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{
    color:gray
}
.slick-prev:before,.slick-next:before{
    font-family:feather-icons;
    font-size:26px;
    line-height:1;
    opacity:1;
    transition:.3s;
    position:relative;
    color:#fff
}
.slick-prev{
    left:-85px
}
.slick-prev:before{
    content:'\e92f';
    left:-1px
}
.slick-next{
    right:-85px
}
.slick-next:before{
    content:'\e930';
    right:-1px
}
.slick-dots{
    margin:0 auto;
    padding:0;
    text-align:center
}
.slick-dots li{
    position:relative;
    display:inline-block;
    padding:0;
    margin:0 3px;
    cursor:pointer
}
.slick-dots li{
    font-size:0;
    line-height:0;
    cursor:pointer;
    color:transparent;
    border:0;
    position:relative;
    outline:none;
    display:inline-block;
    width:15px;
    height:15px;
    margin:0 3px;
    opacity:1;
    border-radius:50%;
    line-height:0;
    box-shadow:inset 0 0 0 2px silver;
    transition:all .3s
}
.slick-dots li.slick-active{
    box-shadow:inset 0 0 0 6px silver;
    transition:all .3s
}
.slick-dots li:after{
    display:block;
    height:13px;
    width:13px;
    content:"";
    position:absolute;
    top:1px;
    left:1px;
    background-color:transparent;
    border-radius:50%;
    transition:all .3s;
    opacity:0;
    background-color:silver
}
.slick-dots li.slick-active:after{
    opacity:1
}
.slick-slide{
    display:none;
    outline:none
}
.slick-initialized .slick-slide{
    display:block
}
.default-slick-carousel .slick-carousel-item{
    margin:15px
}
.default-slick-carousel{
    height:auto;
    width:calc(100% + 30px);
    left:-15px
}
.default-slick-carousel,.testimonial-carousel,.logo-carousel,.blog-carousel{
    display:none
}
.default-slick-carousel.slick-initialized,.testimonial-carousel.slick-initialized,.logo-carousel.slick-initialized,.blog-carousel.slick-initialized{
    display:block
}
.default-slick-carousel .freelancer{
    margin:15px;
    width:30%
}
.default-slick-carousel.slick-initialized .freelancer{
    width:auto
}
.default-slick-carousel .freelancer-details-list ul li{
    margin-right:22px
}
.default-slick-carousel .freelancer-details-list ul li:last-child{
    margin-right:0
}
.default-slick-carousel .freelancer:hover{
    box-shadow:0 2px 12px rgba(0,0,0,.12);
    transform:translateY(0px)
}
@media(min-width:1367px) and (max-width:1440px){
    .slick-prev{
        left:-65px
    }
    .slick-next{
        right:-65px
    }
}
@media(max-width:1290px){
    .slick-prev{
        left:-10px
    }
    .slick-next{
        right:-10px
    }
}
@media(max-width:1090px){
    .slick-prev{
        left:40px
    }
    .slick-next{
        right:40px
    }
}
.full-width-carousel-fix{
    overflow:hidden
}
.full-width-carousel-fix .slick-list{
    overflow:visible
}
[data-simplebar]{
    position:relative;
    z-index:0;
    overflow:hidden!important;
    max-height:inherit;
    -webkit-overflow-scrolling:touch
}
[data-simplebar=init]{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.simplebar-scroll-content{
    overflow-x:hidden!important;
    overflow-y:scroll;
    min-width:100%!important;
    max-height:inherit!important;
    -webkit-box-sizing:content-box!important;
    box-sizing:content-box!important
}
.simplebar-content{
    overflow-y:hidden!important;
    overflow-x:scroll;
    -webkit-box-sizing:border-box!important;
    box-sizing:border-box!important;
    min-height:100%!important
}
.simplebar-track{
    z-index:1;
    position:absolute;
    right:0;
    bottom:0;
    width:11px;
    height:calc(100% - 6px);
    margin-top:6px
}
.simplebar-scrollbar{
    position:absolute;
    right:6px;
    width:5px;
    min-height:10px
}
.simplebar-scrollbar:before{
    position:absolute;
    content:"";
    background:#000;
    border-radius:7px;
    left:0;
    right:0;
    opacity:0;
    transition:opacity .2s,background-color .3s;
    background-color:#d8d8d8
}
.simplebar-scrollbar:hover:before{
    background-color:#c8c8c8
}
.simplebar-track:hover .simplebar-scrollbar:before,.simplebar-track .simplebar-scrollbar.visible:before{
    opacity:1;
    -webkit-transition:opacity 0 linear;
    transition:opacity 0 linear
}
.simplebar-track.vertical{
    top:0
}
.simplebar-track.vertical .simplebar-scrollbar:before{
    top:2px;
    bottom:2px
}
.simplebar-track.horizontal{
    left:0;
    width:auto;
    height:11px;
    display:none
}
.simplebar-track.horizontal .simplebar-scrollbar:before{
    height:100%;
    left:2px;
    right:2px
}
.horizontal.simplebar-track .simplebar-scrollbar{
    right:auto;
    top:2px;
    height:7px;
    min-height:0;
    min-width:10px;
    width:auto
}
body.gray .dashboard-content-container .simplebar-scrollbar:before{
    background-color:#c9c9c9
}
body.gray .dashboard-content-container .simplebar-scrollbar:hover:before{
    background-color:#b9b9b9
}
.dashboard-box .simplebar-scrollbar:before{
    background-color:#d8d8d8
}
.dashboard-box .simplebar-scrollbarLhover:before{
    background-color:#c8c8c8
}
.tippy-tooltip.dark-theme{
    color:#fff;
    font-weight:500;
    font-size:14px;
    padding:6px 12px
}
.tippy-tooltip.dark-theme .tippy-backdrop{
    background-color:#333
}
.tippy-popper[x-placement^=top] .tippy-tooltip.dark-theme .tippy-arrow{
    border-top-color:#333
}
.tippy-popper[x-placement^=bottom] .tippy-tooltip.dark-theme .tippy-arrow{
    border-bottom-color:#333
}
.tippy-popper[x-placement^=right] .tippy-tooltip.dark-theme .tippy-arrow{
    border-right-color:#333
}
.tippy-popper[x-placement^=left] .tippy-tooltip.dark-theme .tippy-arrow{
    border-left-color:#333
}
.tippy-tooltip.dark-theme .tippy-arrow{
    transform:scale(.7)
}
.tippy-tooltip.light-theme{
    color:#333;
    font-weight:500;
    font-size:14px;
    box-shadow:0 3px 10px rgba(0,0,0,.1);
    padding:6px 12px;
    background-color:#fff
}
.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme .tippy-arrow{
    border-top-color:#fff
}
.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme .tippy-arrow{
    border-bottom-color:#fff
}
.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme .tippy-arrow{
    border-right-color:#fff
}
.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme .tippy-arrow{
    border-left-color:#fff
}
.mfp-bg{
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:2000;
    overflow:hidden;
    position:fixed;
    background:#111
}
.mfp-wrap{
    top:-10px;
    left:0;
    width:100%;
    height:100%;
    z-index:2001;
    position:fixed;
    outline:none!important;
    -webkit-backface-visibility:hidden
}
.mfp-container{
    height:100%;
    text-align:center;
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    padding:0 18px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.mfp-container:before{
    content:'';
    display:inline-block;
    height:100%;
    vertical-align:middle
}
.mfp-align-top .mfp-container:before{
    display:none
}
.mfp-content{
    position:relative;
    display:inline-block;
    vertical-align:middle;
    margin:0 auto;
    text-align:left;
    z-index:505
}
.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{
    width:100%;
    cursor:auto
}
.mfp-ajax-cur{
    cursor:progress
}
.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{
    cursor:-moz-zoom-out;
    cursor:-webkit-zoom-out;
    cursor:zoom-out
}
.mfp-zoom{
    cursor:pointer;
    cursor:-webkit-zoom-in;
    cursor:-moz-zoom-in;
    cursor:zoom-in
}
.mfp-auto-cursor .mfp-content{
    cursor:auto
}
.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.mfp-loading.mfp-figure{
    display:none
}
.mfp-hide{
    display:none!important
}
.mfp-preloader{
    color:#aaa;
    position:absolute;
    top:50%;
    width:auto;
    text-align:center;
    margin-top:-.8em;
    left:8px;
    right:8px;
    z-index:504
}
.mfp-preloader a{
    color:#ccc
}
.mfp-preloader a:hover{
    color:#fff
}
.mfp-s-ready .mfp-preloader{
    display:none
}
.mfp-s-error .mfp-content{
    display:none
}
.mfp-s-loading .mfp-arrow{
    display:none
}
button.mfp-close,button.mfp-arrow{
    overflow:visible;
    cursor:pointer;
    border:0;
    -webkit-appearance:none;
    display:block;
    padding:0;
    z-index:506
}
.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{
    right:0;
    top:-40px
}
.og-close,button.mfp-close{
    position:absolute;
    width:45px;
    height:45px;
    top:-20px;
    display:block;
    right:-12px;
    cursor:pointer!important;
    z-index:9999;
    color:#fff;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    border-radius:50%;
    margin:0;
    background-color:transparent;
    outline:none;
    transform:translate3d(0,0,0)
}
.mfp-iframe-holder .mfp-close{
    top:-50px;
    right:-12px;
    transform:translate3d(0,0,0)
}
.mfp-gallery .mfp-close{
    top:20px;
    right:10px
}
.mfp-gallery .mfp-content .mfp-close{
    display:none
}
.mfp-close::after,.mfp-close::before{
    top:0
}
.og-close{
    margin:17px;
    right:10px;
    background:0 0;
    color:#222
}
.og-close:before,.mfp-close:before{
    font-family:feather-icons;
    font-size:20px;
    top:2px;
    left:0;
    position:relative;
    height:10px
}
.og-close:before,.mfp-close:before{
    content:"\ea02"
}
#small-dialog .mfp-close,#small-dialog-1 .mfp-close,#small-dialog-2 .mfp-close,#small-dialog-3 .mfp-close,#small-dialog-4 .mfp-close,#sign-in-dialog,.mfp-close,.mfp-close:hover{
    color:#fff
}
#sign-in-dialog .mfp-close,#small-dialog-1 .mfp-close,#small-dialog-2 .mfp-close,#small-dialog-3 .mfp-close,#small-dialog-4 .mfp-close,#small-dialog .mfp-close{
    color:#666;
    background-color:#e4e4e4;
    border-radius:4px;
    top:28px;
    right:40px;
    width:40px;
    height:40px
}
#sign-in-dialog .mfp-close:hover,#small-dialog-1 .mfp-close:hover,#small-dialog-2 .mfp-close:hover,#small-dialog-3 .mfp-close:hover,#small-dialog-4 .mfp-close:hover,#small-dialog .mfp-close:hover{
    color:#fff;
    background-color:#66676b
}
.small-dialog-content input[type=submit]{
    width:100%;
    margin-top:26px;
    margin-bottom:10px
}
.small-dialog-content .divider{
    display:inline-block;
    width:100%;
    margin-top:15px;
    padding-bottom:0
}
.small-dialog-header{
    font-size:22px;
    width:calc(100% + 80px);
    position:relative;
    left:-40px;
    top:0;
    border-radius:4px 4px 0 0;
    display:inline-block;
    background-color:#f6f6f6;
    padding:35px 40px;
    margin-bottom:40px
}
.small-dialog-header h3{
    padding:0;
    margin:0;
    font-size:23px
}
.mfp-counter{
    position:absolute;
    top:0;
    right:0;
    color:#aaa;
    font-size:13px;
    line-height:18px
}
.mfp-arrow{
    opacity:1;
    margin:0 20px;
    top:50%;
    transform:translateY(-50%);
    z-index:9999;
    color:#fff;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    cursor:pointer;
    width:60px;
    height:60px;
    position:absolute;
    display:block;
    z-index:100;
    overflow:hidden;
    background:rgba(255,255,255,.15);
    border-radius:50%;
    outline:none
}
.mfp-arrow:hover{
    background:#66676b;
    color:#fff
}
.mfp-arrow.mfp-arrow-left,.mfp-arrow.mfp-arrow-right{
    font-family:simple-line-icons;
    font-size:20px
}
.mfp-arrow.mfp-arrow-right{
    right:15px
}
.mfp-arrow.mfp-arrow-left:before{
    content:"\e605";
    left:-1px;
    top:0;
    position:relative
}
.mfp-arrow.mfp-arrow-right:before{
    content:"\e606";
    left:1px;
    top:0;
    position:relative
}
.mfp-content:hover .mfp-arrow{
    opacity:1
}
.mfp-iframe-holder{
    padding-top:40px;
    padding-bottom:40px
}
.mfp-iframe-holder .mfp-content{
    line-height:0;
    width:100%;
    max-width:1180px
}
.mfp-iframe-scaler{
    width:100%;
    height:0;
    overflow:hidden;
    padding-top:54%
}
.mfp-iframe-scaler iframe{
    position:absolute;
    display:block;
    top:0;
    left:0;
    width:100%;
    height:100%;
    box-shadow:0 0 8px rgba(0,0,0,.6);
    background:#000
}
#sign-in-dialog,#small-dialog-1,#small-dialog-2,#small-dialog-3,#small-dialog-4,#small-dialog{
    background:#fff;
    padding:40px;
    padding-top:0;
    text-align:left;
    max-width:610px;
    margin:40px auto;
    position:relative;
    box-sizing:border-box;
    border-radius:4px;
    max-width:550px
}
#sign-in-dialog-1 span.line,#sign-in-dialog-2 span.line,#sign-in-dialog-3 span.line,#sign-in-dialog-4 span.line,#sign-in-dialog span.line,#small-dialog span.line{
    padding-top:0
}
.my-mfp-zoom-in .zoom-anim-dialog{
    opacity:0;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    -webkit-transform:scale(.8);
    -moz-transform:scale(.8);
    -ms-transform:scale(.8);
    -o-transform:scale(.8);
    transform:scale(.8)
}
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog{
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog{
    -webkit-transform:scale(.8);
    -moz-transform:scale(.8);
    -ms-transform:scale(.8);
    -o-transform:scale(.8);
    transform:scale(.8);
    opacity:0
}
.my-mfp-zoom-in.mfp-bg{
    opacity:.001;
    -webkit-transition:opacity .3s ease-out;
    -moz-transition:opacity .3s ease-out;
    -o-transition:opacity .3s ease-out;
    transition:opacity .3s ease-out
}
.my-mfp-zoom-in.mfp-ready.mfp-bg{
    opacity:.85
}
.my-mfp-zoom-in.mfp-removing.mfp-bg{
    opacity:0
}
.dupa{
    display:block;
    height:30px
}
img.mfp-img{
    width:auto;
    max-width:100%;
    height:auto;
    display:block;
    line-height:0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    margin:40px auto;
    border-radius:4px
}
.mfp-figure:after{
    content:'';
    position:absolute;
    left:0;
    top:40px;
    bottom:40px;
    display:block;
    right:0;
    width:auto;
    height:auto;
    z-index:-1;
    box-shadow:0 0 18px rgba(11,11,11,.6)
}
.mfp-figure{
    line-height:0
}
.mfp-bottom-bar{
    margin-top:-30px;
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    cursor:auto
}
.mfp-title{
    text-align:left;
    line-height:18px;
    color:#f3f3f3;
    word-break:break-word;
    padding-right:36px
}
.mfp-figure small{
    color:#bdbdbd;
    display:block;
    font-size:12px;
    line-height:14px
}
.mfp-image-holder .mfp-content{
    max-width:100%
}
.mfp-gallery .mfp-image-holder .mfp-figure{
    cursor:pointer
}
@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){
    .mfp-img-mobile .mfp-image-holder{
        padding-left:0;
        padding-right:0
    }
    .mfp-img-mobile img.mfp-img{
        padding:0
    }
    .mfp-img-mobile .mfp-figure:after{
        top:0;
        bottom:0
    }
    .mfp-img-mobile .mfp-bottom-bar{
        background:rgba(0,0,0,.6);
        bottom:0;
        margin:0;
        top:auto;
        padding:3px 5px;
        position:fixed;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box
    }
    .mfp-img-mobile .mfp-bottom-bar:empty{
        padding:0
    }
    .mfp-img-mobile .mfp-counter{
        right:5px;
        top:3px
    }
    .mfp-img-mobile .mfp-close{
        top:0;
        right:0;
        width:35px;
        height:35px;
        line-height:35px;
        background:rgba(0,0,0,.6);
        position:fixed;
        text-align:center;
        padding:0
    }
    .mfp-img-mobile .mfp-figure small{
        display:inline;
        margin-left:5px
    }
}
.mfp-ie7 .mfp-img{
    padding:0
}
.mfp-ie7 .mfp-bottom-bar{
    width:600px;
    left:50%;
    margin-left:-300px;
    margin-top:5px;
    padding-bottom:5px
}
.mfp-ie7 .mfp-container{
    padding:0
}
.mfp-ie7 .mfp-content{
    padding-top:44px
}
.mfp-ie7 .mfp-close{
    top:0;
    right:0;
    padding-top:0
}
.mfp-fade.mfp-bg{
    opacity:0;
    -webkit-transition:all .2s ease-out;
    -moz-transition:all .2s ease-out;
    transition:all .2s ease-out
}
.mfp-fade.mfp-bg.mfp-ready{
    opacity:.92;
    background-color:#111
}
.mfp-fade.mfp-bg.mfp-removing{
    opacity:0
}
.mfp-fade.mfp-wrap .mfp-content{
    opacity:0;
    -webkit-transition:all .2s ease-out;
    -moz-transition:all .2s ease-out;
    transition:all .2s ease-out
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content{
    opacity:1
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content{
    opacity:0
}
.feedback-yes-no strong{
    font-size:16px;
    font-weight:600;
    color:#333;
    display:block
}
.feedback-yes-no .radio{
    margin-right:15px
}
.feedback-yes-no{
    margin-bottom:15px
}
.feedback-yes-no .leave-rating{
    transform:scale(1.1);
    margin:3px 0 10px 3px
}
.popup-tabs-nav{
    list-style:none;
    margin:0;
    padding:0;
    width:100%;
    display:block;
    height:62px;
    background:#f8f8f8;
    border-radius:4px 4px 0 0;
    border-bottom:1px solid #e0e0e0
}
.popup-tabs-nav li{
    float:left;
    line-height:62px;
    height:62px;
    padding:0;
    margin-right:0;
    position:relative
}
.popup-tabs-nav li:first-child a{
    border-radius:4px 0 0 0
}
.popup-tabs-nav li a,.popup-tab-reviews{
    -webkit-transition:all .25s ease-in-out;
    transition:all .25s ease-in-out
}
.popup-tabs-nav li a{
    border:none;
    color:#777;
    display:inline-block;
    outline:none;
    padding:0;
    text-decoration:none;
    font-size:16px;
    z-index:10;
    position:relative;
    height:100%;
    padding:0 30px;
    border-right:1px solid transparent;
    border-left:1px solid transparent;
    transition:all .3s,font-weight 0s;
    border-right:1px solid #e0e0e0
}
.popup-tabs-nav li.active{
    background-color:#fff;
    position:relative
}
.popup-tabs-nav li a:hover{
    background-color:#f3f3f3;
    height:calc(100% - 1px);
    color:#333
}
.popup-tabs-nav li:last-child a:hover{
    border-right:1px solid #e0e0e0
}
.popup-tabs-nav li.active a:hover,.popup-tabs-nav li.active{
    background-color:#fff
}
.popup-tabs-nav li.active a{
    color:#66676b;
    font-weight:600
}
.popup-tabs-nav li.active:after{
    content:"";
    position:absolute;
    display:block;
    bottom:0;
    left:0;
    width:100%;
    height:1px;
    background-color:#fff;
    z-index:111
}
.popup-tabs-nav li:first-child.active{
    border-left:none;
    border-radius:4px 0 0 0
}
.popup-tab-content{
    padding:50px 35px;
    position:relative;
    z-index:10;
    display:inline-block;
    width:100%
}
.popup-tabs-container{
    overflow:hidden;
    width:100%
}
.popup-tab-content p:last-child{
    margin-bottom:0
}
.dialog-with-tabs#sign-in-dialog,.dialog-with-tabs#small-dialog-1,.dialog-with-tabs#small-dialog-2,.dialog-with-tabs#small-dialog-3,.dialog-with-tabs#small-dialog-4,.dialog-with-tabs#small-dialog{
    padding:0;
    color:#666;
    max-width:540px;
    box-shadow:0 0 25px rgba(0,0,0,.25)
}
#sign-in-dialog.dialog-with-tabs .mfp-close,#small-dialog.dialog-with-tabs .mfp-close,#small-dialog-1.dialog-with-tabs .mfp-close,#small-dialog-2.dialog-with-tabs .mfp-close,#small-dialog-3.dialog-with-tabs .mfp-close,#small-dialog-4.dialog-with-tabs .mfp-close{
    color:#888;
    background-color:#f8f8f8;
    border-left:1px solid #e0e0e0;
    border-radius:0 4px 0 0;
    top:0;
    right:0;
    width:62px;
    height:61px
}
#sign-in-dialog.dialog-with-tabs .mfp-close:hover,#small-dialog-1.dialog-with-tabs .mfp-close:hover,#small-dialog-2.dialog-with-tabs .mfp-close:hover,#small-dialog-3.dialog-with-tabs .mfp-close:hover,#small-dialog-4.dialog-with-tabs .mfp-close:hover,#small-dialog.dialog-with-tabs .mfp-close:hover{
    color:#333;
    background-color:#f2f2f2
}
.dialog-with-tabs .mfp-close:before,.dialog-with-tabs .mfp-close:before{
    font-size:24px
}
.dialog-with-tabs input:-webkit-autofill,.dialog-with-tabs input:focus:-webkit-autofill{
    border:1px solid #e0e0e0;
    -webkit-box-shadow:inset 0 0 0 9999px #fff,0 1px 4px rgba(0,0,0,.07)
}
.dialog-with-tabs input{
    margin-bottom:22px
}
.dialog-with-tabs .forgot-password{
    font-size:14px;
    color:#888;
    margin-top:-12px;
    display:block
}
.dialog-with-tabs .forgot-password:hover{
    color:#66676b
}
.dialog-with-tabs .button{
    height:48px;
    width:100%!important;
    margin-top:25px;
    box-shadow:0 4px 12px rgba(102,103,107,.15)
}
.welcome-text{
    display:block;
    text-align:center;
    color:gray;
    margin-bottom:33px
}
.welcome-text h3{
    display:block;
    font-weight:700;
    color:#333;
    font-size:24px
}
.welcome-text span a{
    font-weight:500
}
.welcome-text span{
    display:block;
    margin-top:4px
}
.social-login-separator{
    width:100%;
    display:block;
    text-align:center;
    position:relative;
    width:100%;
    margin:38px 0 15px;
    height:1px
}
.social-login-separator:before{
    width:100%;
    content:"";
    height:1px;
    display:block;
    background-color:#e0e0e0;
    position:absolute;
    top:0
}
.social-login-separator span{
    background-color:#fff;
    top:0;
    position:absolute;
    line-height:10px;
    top:-5px;
    margin-left:-15px;
    padding:0 10px;
    color:gray
}
.social-login-buttons{
    display:flex;
    width:calc(100% + 20px)
}
.social-login-buttons button{
    flex:1;
    text-align:center;
    border:1px solid #333;
    color:#333;
    border-radius:4px;
    margin-top:10px;
    margin-right:20px;
    font-size:14px;
    padding:9px 5px;
    max-width:50%;
    transition:.3s
}
.social-login-buttons button:hover{
    background-color:#333;
    color:#fff
}
.social-login-buttons button i{
    position:relative;
    top:1px;
    margin-right:7px;
    font-size:15px
}
.social-login-buttons .facebook-login{
    border-color:#3b5998;
    color:#3b5998
}
.social-login-buttons .facebook-login:hover{
    background-color:#3b5998;
    color:#fff
}
.social-login-buttons .google-login{
    border-color:#dd4b39;
    color:#dd4b39
}
.social-login-buttons .google-login:hover{
    background-color:#dd4b39;
    color:#fff
}
@media(max-width:768px){
    .social-login-separator{
        margin-bottom:25px
    }
    .social-login-buttons,.social-login-buttons a{
        width:100%;
        display:block;
        max-width:100%
    }
}
.account-type{
    display:flex;
    width:calc(100% + 20px);
    margin:0 0 20px
}
.account-type div{
    flex:1;
    margin-right:20px
}
.account-type label{
    border-radius:3px;
    border:none;
    background-color:#f2f2f2;
    width:100%
}
.account-type input.account-type-radio:empty{
    display:none
}
.account-type label i{
    position:relative;
    font-size:18px;
    top:2px;
    margin-right:2px
}
.account-type input.account-type-radio:empty~label{
    position:relative;
    float:left;
    padding:10px;
    text-align:center;
    padding-bottom:11px;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    border-radius:4px;
    color:#888;
    transition:.4s;
    height:48px;
    line-height:28px;
    overflow:hidden
}
.account-type input.account-type-radio~label:hover{
    color:#289c41;
    background-color:#e4f6e9
}
.account-type input.account-type-radio:checked~label{
    color:#fff;
    background-color:#47bb67
}
.account-type input.account-type-radio:empty~label:after,.account-type input.account-type-radio:empty~label:before{
    position:absolute;
    display:block;
    top:0;
    bottom:0;
    left:0;
    content:'';
    width:100%;
    height:100%;
    text-align:center;
    line-height:48px;
    border-radius:4px;
    font-size:22px;
    background:0 0;
    z-index:100;
    opacity:0
}
.account-type .ripple-effect-dark span.ripple-overlay{
    animation:ripple 1.2s;
    opacity:.03
}
@keyframes typeCheck{
    0%{
        opacity:0;
        transform:translateY(10px)
    }
    50%{
        opacity:1;
        transform:translateY(0px)
    }
    100%{
        opacity:0;
        transform:translateY(-10px)
    }
}
@keyframes typeBG{
    0%{
        opacity:0
    }
    50%{
        opacity:1
    }
    100%{
        opacity:0
    }
}
@media(max-width:480px){
    .popup-tabs-nav{
        padding-top:50px;
        height:50px
    }
    .mfp-container{
        padding:0 10px
    }
    .popup-tabs-nav li:first-child{
        border-top:1px solid #e0e0e0
    }
    .popup-tabs-nav li{
        border-bottom:1px solid #e0e0e0
    }
    .popup-tabs-nav li,.popup-tabs-nav li a{
        width:100%;
        text-align:center;
        height:50px;
        line-height:50px
    }
    .popup-tabs-nav li a:hover{
        background-color:transparent
    }
    #sign-in-dialog.dialog-with-tabs .mfp-close,#small-dialog.dialog-with-tabs .mfp-close,#small-dialog-1.dialog-with-tabs .mfp-close,#small-dialog-2.dialog-with-tabs .mfp-close,#small-dialog-3.dialog-with-tabs .mfp-close,#small-dialog-4.dialog-with-tabs .mfp-close{
        height:50px;
        width:50px
    }
    .account-type,.social-login-buttons{
        flex-direction:column
    }
    .social-login-buttons button{
        max-width:100%;
        width:100%;
        flex:auto
    }
    .uploadButton{
        flex-direction:column
    }
    .uploadButton .uploadButton-file-name{
        padding:0;
        margin:15px 0 0
    }
}
input.range-slider,input.default-slider{
    display:none
}
.slider{
    display:inline-block;
    vertical-align:middle;
    position:relative
}
.slider.slider-horizontal{
    width:calc(100% - 20px);
    margin-left:11px;
    height:20px
}
.slider.slider-horizontal .slider-track{
    height:3px;
    width:calc(100% + 18px);
    margin-top:-2px;
    top:50%;
    left:-9px
}
.slider.slider-horizontal .slider-selection,.slider.slider-horizontal .slider-track-low,.slider.slider-horizontal .slider-track-high{
    height:100%;
    top:0;
    bottom:0
}
.slider.slider-horizontal .slider-handle{
    margin-left:-11px
}
.slider.slider-horizontal .slider-tick-label-container{
    white-space:nowrap;
    margin-top:20px
}
.slider.slider-horizontal .tooltip{
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    position:absolute
}
.slider input{
    display:none
}
.slider .tooltip.top{
    margin-top:-40px
}
.slider .tooltip-inner{
    white-space:nowrap;
    max-width:none;
    background-color:#333;
    padding:4px 12px;
    line-height:21px;
    color:#fff;
    font-size:14px;
    border-radius:4px
}
.slider .tooltip-arrow{
    position:absolute;
    width:0;
    height:0;
    bottom:-6px;
    left:50%;
    transform:translateX(-50%);
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    border-top:6px solid #333
}
.tooltip.tooltip-min,.tooltip.tooltip-max{
    display:none
}
.slider .hide{
    display:none
}
.slider-track{
    position:absolute;
    cursor:pointer;
    border-radius:4px;
    background-color:#e0e0e0
}
.slider-selection{
    position:absolute;
    background-color:#66676b;
    box-sizing:border-box;
    border-radius:4px
}
.slider-track-low,.slider-track-high{
    position:absolute;
    background:0 0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    border-radius:4px
}
.slider-handle{
    position:absolute;
    top:0;
    width:20px;
    height:20px;
    border:2px solid #66676b;
    cursor:pointer;
    z-index:20;
    border-radius:50%
}
.slider-handle:after{
    position:absolute;
    content:"";
    height:100%;
    width:100%;
    top:0;
    left:0;
    background-color:#fff;
    border-radius:50%;
    z-index:30;
    display:block;
    box-shadow:0 0 0 6px rgba(102,103,107,.12);
    transition:.2s
}
.slider-handle:hover:after{
    box-shadow:0 0 0 8px rgba(102,103,107,.12)
}
.slider-handle.custom{
    position:absolute;
    top:-5px;
    width:40px;
    height:29px;
    border:none;
    cursor:pointer;
    z-index:20;
    border-radius:4px;
    background-color:#fff;
    box-shadow:0 1px 4px rgba(0,0,0,.15);
    text-align:center
}
.slider-handle.custom:after{
    display:none
}
.slider-handle.custom:before{
    content:"\e958 \e959";
    font-family:material-icons;
    letter-spacing:-10px;
    font-size:21px;
    color:#a0a0a0;
    margin-left:-10px;
    transition:.3s
}
.slider-handle.custom:hover:before{
    color:#333
}
.slider.slider-horizontal .slider-handle.custom{
    margin-left:-20px
}
select.bs-select-hidden,select.selectpicker{
    display:none!important
}
.bootstrap-select .btn{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.bootstrap-select>.dropdown-toggle{
    width:100%;
    padding-right:25px;
    z-index:1
}
.bootstrap-select>.dropdown-toggle.bs-placeholder,.bootstrap-select>.dropdown-toggle.bs-placeholder:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder:active{
    color:gray
}
.bootstrap-select>select{
    position:absolute!important;
    bottom:0;
    left:50%;
    display:block!important;
    width:.5px!important;
    height:100%!important;
    padding:0!important;
    opacity:0!important;
    border:none
}
.bootstrap-select>select.mobile-device{
    top:0;
    left:0;
    display:block!important;
    width:100%!important;
    z-index:2
}
.has-error .bootstrap-select .dropdown-toggle,.error .bootstrap-select .dropdown-toggle{
    border-color:#b94a48
}
.bootstrap-select.fit-width{
    width:auto!important
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){
    width:100%
}
.bootstrap-select.form-control{
    margin-bottom:0;
    padding:0;
    border:none
}
.bootstrap-select.form-control:not([class*=col-]){
    width:100%
}
.bootstrap-select.form-control.input-group-btn{
    z-index:auto
}
.bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child)>.btn{
    border-radius:0
}
.bootstrap-select.btn-group:not(.input-group-btn),.bootstrap-select.btn-group[class*=col-]{
    float:none;
    display:flex;
    margin-left:0
}
.bootstrap-select.btn-group.dropdown-menu-right,.bootstrap-select.btn-group[class*=col-].dropdown-menu-right,.row .bootstrap-select.btn-group[class*=col-].dropdown-menu-right{
    float:right
}
.form-inline .bootstrap-select.btn-group,.form-horizontal .bootstrap-select.btn-group,.checkbox .bootstrap-select.btn-group{
    margin-bottom:0
}
.checkbox-lg .bootstrap-select.btn-group.form-control,.checkbox-sm .bootstrap-select.btn-group.form-control{
    padding:0
}
.checkbox-lg .bootstrap-select.btn-group.form-control .dropdown-toggle,.checkbox-sm .bootstrap-select.btn-group.form-control .dropdown-toggle{
    height:100%;
    font-size:inherit;
    line-height:inherit;
    border-radius:inherit
}
.form-inline .bootstrap-select.btn-group .form-control{
    width:100%
}
.bootstrap-select.btn-group.disabled,.bootstrap-select.btn-group>.disabled{
    cursor:not-allowed
}
.bootstrap-select.btn-group.disabled:focus,.bootstrap-select.btn-group>.disabled:focus{
    outline:none!important
}
.bootstrap-select.btn-group.bs-container{
    position:absolute;
    height:0!important;
    padding:0!important
}
.bootstrap-select.btn-group.bs-container .dropdown-menu{
    z-index:1060
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option{
    overflow:hidden;
    width:100%;
    line-height:48px;
    text-align:left;
    white-space:nowrap;
    text-overflow:ellipsis;
    max-width:90%;
    float:left;
    height:48px;
    display:block
}
.bootstrap-select.btn-group .dropdown-menu li.hidden{
    display:none
}
.language-switcher.bootstrap-select.btn-group .dropdown-toggle .filter-option,.sort-by .bootstrap-select.btn-group .dropdown-toggle .filter-option{
    max-width:100%;
    float:left
}
.sort-by .bootstrap-select.btn-group .dropdown-toggle .filter-option{
    line-height:20px;
    height:auto
}
.bootstrap-select.btn-group .dropdown-toggle .caret{
    position:absolute;
    top:50%;
    right:20px;
    margin-top:-2px;
    vertical-align:middle;
    transition:.35s
}
.bootstrap-select.open .dropdown-toggle .caret{
    transform:rotate(180deg)
}
.bootstrap-select.btn-group[class*=col-] .dropdown-toggle{
    width:100%
}
.bootstrap-select.btn-group .dropdown-menu{
    min-width:100%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    font-size:16px
}
.bootstrap-select.btn-group .dropdown-menu.inner{
    position:static;
    float:none;
    border:0;
    padding:0 5px;
    border-radius:0;
    box-shadow:none
}
.bootstrap-select.btn-group .dropdown-menu li{
    position:relative;
    margin-bottom:1px
}
.bootstrap-select.btn-group .dropdown-menu li.disabled{
    opacity:.75
}
.bootstrap-select.btn-group .dropdown-menu li.active small{
    color:#fff
}
.bootstrap-select.btn-group .dropdown-menu li.disabled a{
    cursor:not-allowed
}
.bootstrap-select.btn-group .dropdown-menu li a{
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.bootstrap-select.btn-group .dropdown-menu li a span.text{
    display:inline-block
}
.bootstrap-select.btn-group .dropdown-menu li small{
    padding-left:7px;
    opacity:.8
}
.bootstrap-select.btn-group .dropdown-menu .notify{
    position:absolute;
    bottom:5px;
    width:calc(100% - 20px);
    margin:0;
    min-height:26px;
    padding:3px 5px;
    pointer-events:none;
    padding:5px 10px;
    background:#333;
    color:#fff;
    margin:5px;
    margin-bottom:5px;
    border-radius:4px;
    white-space:nowrap;
    font-size:14px;
    border:none
}
.bootstrap-select.btn-group .no-results{
    padding:5px 10px;
    background:#f6f6f6;
    margin:5px 0;
    margin-bottom:0;
    border-radius:4px;
    white-space:nowrap;
    font-size:14px
}
.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option{
    position:static
}
.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret{
    position:static;
    top:auto;
    margin-top:-1px
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text{
    white-space:normal
}
.bootstrap-select.show-menu-arrow.open>.dropdown-toggle{
    z-index:1061
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:before{
    content:'';
    border-left:7px solid transparent;
    border-right:7px solid transparent;
    border-bottom:7px solid rgba(204,204,204,.2);
    position:absolute;
    bottom:-4px;
    left:9px;
    display:none
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:after{
    content:'';
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    border-bottom:6px solid #fff;
    position:absolute;
    bottom:-4px;
    left:10px;
    display:none
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before{
    bottom:auto;
    top:-3px;
    border-top:7px solid rgba(204,204,204,.2);
    border-bottom:0
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after{
    bottom:auto;
    top:-3px;
    border-top:6px solid #fff;
    border-bottom:0
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before{
    right:12px;
    left:auto
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after{
    right:13px;
    left:auto
}
.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:before,.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:after{
    display:block
}
.bs-searchbox,.bs-actionsbox,.bs-donebutton{
    padding:0 5px
}
.bs-actionsbox{
    width:100%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding:0 5px;
    margin-bottom:10px;
    margin-top:-5px
}
.bs-actionsbox div{
    display:flex
}
.bootstrap-select.btn-group .bs-actionsbox div button{
    flex:1;
    background:#f6f6f6;
    box-shadow:none;
    padding:5px;
    height:36px;
    font-size:14px;
    color:#777;
    transition:.3s
}
.bootstrap-select.btn-group .bs-actionsbox div button:first-child{
    border-radius:4px 0 0 4px;
    background-color:#f0f0f0
}
.bootstrap-select.btn-group .bs-actionsbox div button:last-child{
    border-radius:0 4px 4px 0
}
.bootstrap-select.btn-group .bs-actionsbox div button:hover{
    background:#66676b;
    color:#fff
}
.bs-actionsbox .btn-group button{
    width:50%
}
.bs-donebutton{
    float:left;
    width:100%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
body .pac-item{
    font-size:12px;
    color:#999;
    cursor:pointer;
    transition:.2s;
    padding:5px 15px
}
body .pac-container{
    border-radius:0 0 4px 4px;
    border:none;
    box-sizing:content-box;
    margin-top:-2px;
    background-color:#fff;
    border-radius:0 0 4px 4px;
    box-shadow:0 2px 4px 0 rgba(0,0,0,.08);
    z-index:100
}
.infoBox{
    border-radius:4px;
    display:flex;
    flex-wrap:wrap;
    width:calc(100% + 30px);
    line-height:24px
}
.infoBox .job-listing{
    display:flex;
    flex-direction:column;
    justify-content:center;
    margin:0;
    box-shadow:none;
    width:100%
}
.infoBox .job-listing .job-listing-description{
    padding-top:0
}
.infoBox .job-listing:hover{
    transform:none
}
.infoBox .job-listing-details{
    flex-grow:1;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    padding:20px 25px
}
.infoBox .job-listing h4.job-listing-company{
    font-size:14px;
    position:relative;
    top:0
}
.infoBox .job-listing .verified-badge{
    transform:scale(.85);
    right:-7px;
    bottom:-7px
}
.infoBox .job-listing .not-verified-badge{
    display:none
}
.infoBox .job-listing-footer{
    flex-grow:0;
    padding:15px 25px;
    font-size:16px;
    display:none
}
 
.job-overview{
    border-radius:4px;
    background-color:#f9f9f9
}
.job-overview .job-overview-headline{
    color:#333;
    font-size:20px;
    padding:20px 35px;
    background-color:#f0f0f0;
    color:#333;
    position:relative;
    border-radius:4px 4px 0 0
}
.job-overview .job-overview-inner{
    padding:35px
}
.job-overview .job-overview-inner ul{
    padding:0;
    margin:0;
    list-style:none
}
.job-overview .job-overview-inner ul li{
    position:relative;
    display:block;
    font-size:16px;
    padding-left:38px;
    margin-bottom:25px
}
.job-overview .job-overview-inner ul li:last-child{
    margin-bottom:0
}
.job-overview .job-overview-inner ul li span{
    font-weight:600;
    color:#333;
    margin:0;
    padding:0;
    display:block
}
.job-overview .job-overview-inner ul li h5{
    font-weight:500;
    color:#666;
    font-size:16px;
    margin:0;
    padding:0;
    line-height:20px
}
.job-overview .job-overview-inner ul li i{
    position:absolute;
    left:0;
    top:0;
    font-size:24px;
    color:#66676b
}
a.apply-now-button{
    background-color:#66676b;
    color:#fff;
    text-align:center;
    font-size:18px;
    border-radius:4px;
    padding:14px 20px;
    margin-bottom:35px;
    box-shadow:0 2px 8px rgba(102,103,107,.15);
    transition:.3s;
    display:block
}