@charset "utf-8";
/* CSS Document */
@media only screen and (min-width: 0) {
html {
    font-size: 14px;
}
}
@media (min-width: 481px) {
.visible-mobile {
 display:none !important
}
}
@media (min-width: 576px) {
 .thumbnail > .work-steps {
 right: auto;
 left: -0.5rem;
 top: 0;
}
 ul.history-list ul > li:nth-child(1) {
 width:65%;
}
}
 @media (min-width: 768px) {
.banner-headline h1 {
 font-size: 2.25rem;
 font-weight: 700;
 line-height: 1.2;
}
.top-setting-bar h4 .backArrow {
 display:none
}
 #mainpage {
 min-height:700px
}
.mobile-menu {
 display:none
}
.banner .carousel-caption {
 right: 0;
 left: 0;
}
.menuA .navbar-default .navbar-nav > li > a {
 padding-top: 10px;
 padding-bottom: 10px
}
.menuA .navbar-form .form-control {
 min-width:265px
}
.signup {
 margin:40px 0
}
.ui.dropdown .jobform > .item {
 width: 50%;
}
.ui.selection.dropdown .jobform > .item:nth-child(2n) {
 border-left: 1px solid #ddd;
}
ul.cat-flex li {
 -ms-flex: 0 0 50%;
 flex: 0 0 50%;
 max-width: 50%;
}
.visible-under-767.98px {
 display:none
}
ul.parent_skill > li {
 flex: 0 0 33.333%;
 max-width: 33.333%;
}
.intro-stats li {
 flex:0 0 calc(33.333% - 1.5rem)
}

}

 @media (min-width: 992px) and (max-width: 1199.98px) {
.navbar-brand {
 max-width: 250px;
}
.intro-stats li:last-child {
 display:none
}
}
 @media (min-width: 992px) {
.container-fluid{
    padding-inline-start: 2rem;
    padding-inline-end: 2rem;
}
.visible-under-991{
	display:none;
}
 html {
 font-size: 15px;
}
.min-h {
 min-height:300px;
}
.wrapper-with-transparent-header .headline-after-login {
 padding-top:100px
}
.single-page-header {
 height: 260px;
}
.banner-headline h1 {
 font-size: 2.75rem
}
.how_it_work {
 position:relative;
 overflow: hidden;
 z-index: 1;
}
/*.how_it_work:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    z-index: -1;
}
.how_it_work:before {
    background-color: #f7f2f7
}*/
ul.cat-flex li {
 -ms-flex: 0 0 33.333333%;
 flex: 0 0 33.333333%;
 max-width: 33.333333%;
}
.dpl-0 {
 padding-left:0
}
.secondary_info {
 position:absolute;
}
.menuA .navbar-default .navbar-collapse {
 margin-top:10px
}
.not-found .text-404 {
 font-size: 200px;
 line-height: 200px;
}
.modal-sm {
 width: 350px;
}
.sec, .section {
 padding:2.5rem 0
}
.experts {
 min-height:500px;
}
/* BOOTSTRAP CUSTOMIZE */
.navbar-collapse.in {
 overflow-y: visible;
}
/* BOOTSTRAP CUSTOMIZE END */
.facts .facts-item {
 width: 180px;
 height: 180px;
}
.facts h2 {
 font-size:2.67rem;
}
.works-1 .paragraph {
 padding-left:0
}
.works-2 .paragraph {
 padding-right:0
}
.works:before, .works:after {
 content:'';
 position:absolute;
 height:100%;
 width: 50%;
 top:0;
}
.works-1:before {
 left:0;
}
.works-1:after {
 left:50%;
 background-color:#1bd7bb;
}
.works-2:before {
 left:50%;
}
.works-2:after {
 left:0%;
 background-color:#1bd7bb;
}
.ourTeam .freelancer {
 width: calc(100% * (1/3) - 2rem)
}
.projects {
 padding: 5rem 0
}
.intro-stats li {
 flex:0 0 calc(20% - 1.5rem)
}
#btn-filter{
    display: none;
}
}
 @media (min-width: 1200px) {
html {
 font-size: 16px;
}
.container-fluid {
 max-width:1366px
}
.banner-headline h1 {
 font-size: 3.5rem
}
.min-h {
 min-height:500px
}
.box-color {
 min-height: 150px;
}
}
 @media (max-width: 1199.98px) {
 .box-color {
 min-height: 120px;
}
}
 @media (max-width: 991.98px) {
.single-page-header {
    height: 140px;
}
.sidebar-filter {
    background-color: #fff;
    border-radius: 0.5rem 0.5rem 0 0;
    position: fixed;
    z-index: 1002;
    height: 80%;
    bottom: 0;
    left: 0;
    transition: 0.3s;
    width: 100%;
    display: none;
}	
.sidebar-filter .filter-body {
    overflow-x: scroll;
    height: calc(100% - 50px) !important;
    padding: 1rem;
} 
.dashboard-box ul.if-button .job-listing-details {
    max-width: 90%;
}
.messages-container-inner .message-content,
.message-bubble.me .message-avatar{
	display:none;
}
.banner .carousel-caption {
 left:15px;
 right:15px;
}
.banner .intro-banner {
 bottom:0;
}
.search_box .btn-site {
 border-radius: 0.25rem;
 display:block;
 height: 46px;
 width:100%;
}
.messages-container-inner {
 display: block;
}
.messages-container-inner .messages-inbox {
 max-width: 100%;
 border-bottom: 1px solid #e4e4e4;
 border-right: none;
 /*display:none*/
}
.modal-skill {
 max-width:100%;
 padding:0 1rem
}
.freelancer .media, .findtalent .freelancer-details {
 display: block;
 overflow: hidden;
}
.findtalent .freelancer-details {
 padding-left: 1rem;
}
.findtalent .media.desc .skills {
 margin-bottom:1rem
}
.intro-search-field .bootstrap-tagsinput input {
 padding: 0 20px;
}
.client_profile > .media-right {
 display:block
}
.table-responsive table {
 width: 100%;
 border-collapse: collapse;
 border-spacing: 0;
 display: block;
 position: relative;
}
.table-responsive table thead {
 border: 0;
 border-right: 1px solid #d0d0d0;
 display: block;
 float: left;
}
.table-responsive table thead tr {
 display: block;
 padding: 0 10px 0 0;
}
.table-responsive table th {
 display: block;
 text-align: right;
}
.table-responsive .table > thead > tr > th, .table-responsive .table > tbody > tr > th, .table-responsive .table > tbody > tr > td {
 border-bottom:0;
 margin: 0;
 vertical-align: top;
}
.table-responsive .table > thead > tr > th:last-child, .table-responsive .table > tbody > tr > td:last-child {
 border-bottom:1px solid #dee2e6;
}
.table-responsive table tbody {
 display: block;
 width: auto;
 position: relative;
 overflow-x: auto;
 white-space: nowrap;
}
.table-responsive table tr {
 padding: 0 10px;
}
.table-responsive table tbody tr {
 display: inline-block;
 vertical-align: top;
}
.table-responsive .table > tbody > tr > td {
 display: block;
 min-height: 1.25em;
 text-align: left;
}
.table-responsive .table > thead > tr > th {
 text-align:right
}
.table-responsive table tbody tr.blank_row {
 display:none
}
 table.basic-table th:first-child, table.basic-table th:last-child {
 border-radius: 0;
}
 .table>thead>tr>th {
 white-space: nowrap;
 text-overflow: ellipsis;
 overflow: hidden;
}
.facts .facts-item i {
 display:none
}
.works .col-lg-6.text-center {
 background-color:#1bd7bb;
}
.chooseAcc .type-1 {
 margin-bottom:1.5rem
}
.how-home .icon-box:before {
 display:none;
}
.table-contest th, .table-contest td{
	display:block;
	border-top:none;
}
.table-contest tr{
	border-bottom: 1px solid #dee2e6;
}
.table-contest tbody > tr > td:last-child{
	text-align:left;
}


}
 @media (min-width: 768px) and (max-width: 991.98px) {

/* BOOTSTRAP CUSTOMIZE */
.navbar-toggle {
 display: block
}
.navbar-collapse.collapse {
 display: none!important;
/*height: auto!important;
    padding-bottom: 0;
    overflow: visible!important;*/
}
.navbar-nav>li {
 float: none;
}
.navbar-nav {
 float: none;
}
.navbar-header {
 float: none;
}
.navbar-right {
 float: none!important;
 margin-right: 0;
}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
 margin-left: 0
}
/* BOOTSTRAP CUSTOMIZE END */
.card > .picture, .card > .picture .card-img-top {
 height:150px;
}
.works .col-lg-6.text-center:before, .works .col-lg-6.text-center:after {
 content:'';
 position:absolute;
 background-color:#1bd7bb;
 top: 0;
 height: 100%;
 width:25%
}
.works .col-lg-6.text-center:before {
 left:-25%
}
.works .col-lg-6.text-center:after {
 right:-25%
}
.sec, .section {
 padding:2.25rem 0;
}
.home .sec {
 padding:3rem 0;
}
.diamond-lg {
 width: 250px;
 height: 250px;
}
.diamond-lg h3 {
 font-size:16px;
 transform: translateY(70px);
}
.diamond-sm {
 width: 150px;
 height: 150px;
}
.diamond-sm h3 {
 font-size:15px;
 transform: translateY(40px);
}
.partner ul li {
 width:25%;
}
.findtalent ul.skills {
 max-width:550px
}
.listing .media-object {
 max-width: 96px;
}
.breadcrumb-classic h1 {
 font-size:36px;
}
.not-found .text-404 {
 font-size: 150px;
 line-height: 150px;
}
.facts .facts-item {
 width: 150px;
 height: 150px;
}
}
 @media (min-width: 481px) and (max-width: 767.98px) {
.col-50 {
 width:50%
}
.sec, .section {
 padding:2rem 0;
}
.partner ul li {
 width:33.3333%;
}
.intro-stats li {
 flex:0 0 calc(50% - 1.5rem)
}
}
 @media (max-width:767.98px) {
.container {
 max-width:100%
}
.navbar-collapse.in {
 overflow-y: visible;
}
.carousel-item > img {
 height: 450px;
 object-fit: cover;
}
.dashboard-box .headline .row > .col-md-6 h3, .dashboard-box .headline .row > .col-md-6 h4 {
 margin-bottom:1rem
}
.profile-imgEc {
 margin-left: 12px
}
.left_panel {
 display:none
}
.parallax-banner-sm {
 height:200px
}
.profile-section {
 margin-top: -130px
}
.happyClient .carousel-caption {
 position: unset;
}
.signup aside {
 padding-top: 40px;
 padding-bottom: 40px;
}
.signup {
 margin:40px 0;
 padding:0 !important
}
.general-form {
 padding: 20px;
}
.xs-block {
 display:block;
 width:100%
}
.menuA .xs-block {
 margin-top: 5px
}
.carousel-caption .btn {
 font-size:14px;
 height:auto;
 width:170px;
 margin-bottom: 10px;
 padding: 6px;
}
.pricing-table {
 display:block;
 overflow-x:scroll;
}
.pricing-table > .price {
 white-space: nowrap;
}
ul.skills {
 margin:0
}
.experts {
 background-color:#29b6f6;
 color:#fff;
}
.experts h3 {
 font-size:18px;
}
/* use parent class, effect other design */
.title {
 /*font-size:30px*/
}
.client .img-circle {
 max-width:80px;
}
.listing .media .media-object {
 max-width: 64px;
}
.not-found h3 {
}
.not-found .text-404 {
 font-size: 100px;
 line-height: 100px;
}
.labelBlock p > label {
 width:100%;
}
.labelBlock p > span {
 width:100%;
}
.widget-workroom {
 display: block;
 width: 100%;
 margin-bottom: 15px;
}
.start_time, .end_time, .dash_search {
 margin-bottom: 15px;
}
ul.sitemap li {
 width:100%
}
.facts {
 flex-wrap: wrap;
}
.nav-tabs {
 flex-wrap: nowrap;
 height: 39px;
 overflow-x: auto;
 overflow-y: hidden;
 white-space: nowrap;
}
.facts {
 flex-wrap: wrap;
 margin: auto;
}
.facts .facts-item {
 width: 150px;
 margin-top: 20px;
}
 .navbar-nav .open .dropdown-menu {
 position: inherit;
}
.full-width-carousel-fix .slick-track {
 left: 15px;
}
/* ************************************************************************************************************************************** */
/* adjust body when menu is open */
body.slide-active {
 overflow-x: hidden
}
.no-margin-top {
 margin-top: 0px!important
}
.navbar-header.slide-active {
 position: fixed;
 top: 0;
 width: 100%;
}

/* icon bar prettyup - optional */

.navbar-header {
 position: relative
}
/* un fix the navbar when active so that all the menu items are accessible */
.navbar.navbar-fixed-top.slide-active {
 position: relative
}
/* screw writing importants and shit, just stick it in max width since these classes are not shared between sizes */

	#slide-nav .container {
 margin: 0!important;
 padding: 0!important;
 height:100%;
}
 #slide-nav .navbar-header {
 margin: 0 auto;
}
 #slide-nav .navbar.slide-active {
 position: absolute;
 width: 80%;
 top: -1px;
 z-index: 1000;
}
 #slide-nav #slidemenu {
 background: #fff;
 left: -100%;
 width: 75%;
 min-width: 0;
 position: fixed;
 padding-left: 0;
 z-index: 2;
 top: 0;
 margin: 0;
 border-right: 1px solid #ddd;
 height: 100%;
}
 #slide-nav #slidemenu .navbar-nav {
 min-width: 0;
 width: 100%;
 margin: 0;
}
 #slide-nav #slidemenu .navbar-nav .dropdown-menu li a {
 min-width: 0;
 white-space: normal;
}
 #slide-nav {
 border-top: 0
}
 #slide-nav.navbar-inverse #slidemenu {
 background: #333
}
	/* this is behind the navigation but the navigation is not inside it so that the navigation is accessible and scrolls*/
	#navbar-height-col {
 position: fixed;
 top: 0;
 height: 100%;
 bottom:0;
 width: 100%;
 left: -100%;
 background-color: #fff;
 background-color:rgba(0, 0, 0, 0.5);
 z-index: 9;
}
 #navbar-height-col.inverse {
 background: #333;
 z-index: 1;
 border: 0;
}
 #slide-nav .navbar-form {
 width: 100%;
 margin: 8px 0;
 text-align: center;
}
 #slide-nav .navbar-form .input-group {
 display:block
}
 #slide-nav .navbar-form .form-control {
 text-align: center;
 border: 1px solid #ddd;
 margin: 5px 0;
}
 #slide-nav .navbar-form .btn, #slide-nav .dropdown-menu {
 width: 100%
}
 .navbar-collapse {
 padding:0
}
.profileSe {
 left:0 !important
}
.listing .media {
 flex-wrap: wrap
}
 .listing .media > .media-body {
 min-width:250px
}
 .box-color {
 min-height: 100px;
}

}
 @media (max-width: 600px) {
 #logo img {
 max-width: 150px;
}
 .listing .media > .media-left {
 height:64px;
 width:64px;
}
.milestone-list .list-group-item span:first-child{
	flex:100%;
}
.milestone-list.with-checkbox .list-group-item span:first-child{
    max-width: 100%;
}

}
 @media (max-width: 575px) {
 ul.transbox > li form .input-group {
 margin-bottom:1rem
}
 .thumbnail {
 max-width:300px
}
 .banner-headline h1 {
 font-size: 28px;
 line-height: 32px;
 letter-spacing: -0.5px;
}
 .banner h4 {
 font-size:16px;
}
/*.how_it_work .icon-box {
	text-align: center;
}
.how_it_work .for-employer{
	margin-bottom:2rem
}*/
.how_it_work .icon-box-circle {
 max-width:120px;
 margin: auto;
}
 ul.child_skill li {
 flex: 0 0 100%;
 max-width: 100%;
}
 .ourTeam .freelancer-overview .freelancer-avatar {
 max-width:128px;
}
 ul.history-list ul > li:nth-child(1) {
 width:100%;
}
.row-10.milestone{
	border-bottom: 1px dashed #ddd;
    margin-bottom: 1rem;
}
.row-10.milestone:last-child{
	border-bottom: none;
    margin-bottom: 0;
}
}
 @media (max-width: 480px) {
.sec, .section {
 padding:2rem 0;
}
.title {
 font-size:24px
}
.partner ul li {
 width:100%;
}
.twitter-timeline {
 width:100% !important;
}
.hidden-mobile {
 display:none !important
}
.listing .media > .media-body {
 min-width:170px
}
}
 @media (max-device-width: 480px) and (orientation: landscape) {
 .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
 max-height: 300px;
}
}