body{
  background:#e9e9e9!important;
}

header{

}
header .navbar-light{
  background:#fff!important;
  padding-left: 100px;
  padding-right: 100px;
}
header .navbar-light .navbar-nav .nav-link{
  font-weight:bold;
  color:#000;
}
header .navbar-light .navbar-brand{
  margin-right:2rem;
}
.home-text{text-align:center; padding:20px 0px; color:#fff;     background-color: #720000}
.home-text b{color:#fff;}
.home-text a{color:#fff; }


a{color:#d60a0a; text-decoration: none;}
a:hover{color:#d60a0a;}


.btn-worki {
    color: #fff;
    background-color: #720000;
    border-color: #720000;
}
.btn-worki:hover{
  color:#fff;
}
/*Search Box*/
.home-container{max-width:1170px; margin:0 auto; margin-top:10px; padding-right: 15px;
    padding-left: 15px;}
.custom-container{max-width:800px; margin:0 auto; margin-top:10px;}
.search-box{max-width:800px; margin:0 auto;}
.search-box .skill-select{border-bottom:1px solid #efefef;  margin-top:20px;}
.search-box .skill-select h3{font-size:14px;}
.search-box .skill-select .skill-scroll{ max-height:150px; overflow:auto; border:1px solid #ccc; background:#efefef; padding:10px; border-radius:10px; }
.search-box .skill-select .inline-skill{display:inline-block; width:auto; cursor:pointer; margin:2px 5px;}
.search-box .skill-scroll{}

.skill-radio{
  background:#fff;
  color:#000;
  padding:1px 10px;
  border-radius:4px;
}
.skill-radio.active{
  background:#28ae61;
  color:#fff;
}

.skill-radio input{display:none;}



.job-loader{padding:20px; background:#efeef; text-align:center;}
.job-list{max-width:800px; margin:0 auto; margin-top:20px;}

.job-list .job{padding:10px; border:1px solid #dfdfdf; margin-bottom:10px; background:#fff; border-radius:10px; position: relative;}
.job-list .job.job-premium{
  background:#fffeed;
  border:4px solid #00ad45;
}
.job-list .job .logo img{
  max-width:100%;
  height:auto;
}
.job-list .job .check-verified{
  background:url('../img/check.png') center;
   background-size: cover;
  width:50px;
  height:50px;
  position:absolute;
  bottom:2px;
  right:2px;
}
.job-list .job:hover{background:#efefef; cursor:pointer;}
.job-list .job > a{color:#000; text-decoration: none; display:block;}
.job-list .job .title{font-weight:bold; padding-bottom:10px; color:#d60a0a;}
.job-list .job .info{margin-top:10px; padding-top:5px; border-top:1px dashed #efefef;}
.job-list .job .info .distance{display:inline-block; padding-left:50px;}
.job-list .job .expires{display:inline-block; padding-left:50px; font-size:12px;}
.job-list .job-info .inside{background:#fffae7; padding:10px;}
.job-list .job-info .small-skill-box{display:inline-block; padding:2px 10px; background:#efefef; margin:5px; font-size:12px; border-radius:5px;}
.job-list .job .address{
  font-weight:600;
}
.select2-container-multi.form-control{height:auto;}
.select2-container-multi .select2-search-choice{
  background:#efefef;
  color: #666;
  font-weight: 500;
}
.submit-job-title{font-size:24px; margin-bottom:15px; color:#000;}
.map-add-page{width:100%; height:300px;border:1px solid #efefef; padding:2px; margin-top:5px;}


.job-page{
  max-width:1100px; margin:0 auto;
  margin-top:20px;
  padding-right: 15px;
  padding-left: 15px;
}
.job-page .share-it{
  text-align:center;
}
.job-page h1{font-size:24px;}
.job-page h2{font-size:18px;}
.job-page h3{font-size:16px; margin-top:10px;}
.job-page .info{
  position:relative;
  padding:10px;  margin-bottom:10px; background:#fff;
  font-size:16px;
      -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2)
}
.job-page .info-contact{
  padding:10px; margin-bottom:10px; background:#fff;
  font-size:16px;

    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2)

}
.job-page .info-contact h3{
  padding:10px 0px;
}
.job-page .info-contact .logo{
  text-align:center;
}
.job-page .info-contact .logo img{
  max-width:100%;
  height:auto;
}
.job-page .info-contact{
  position:relative;
}
.job-page .info-contact h3{margin-top:0px; margin-bottom:10px;}
.job-page .show-favorite{
  font-size:24px;
}
.job-page .small-skill-box{display:inline-block; margin:2px 5px; padding:2px 5px; background:#d60a0a; color:#fff; border-radius:5px;}
.job-map{width:100%; height:200px; border:1px solid #ccc; position: relative;}
.job-map .ribbon{
  z-index:9999;
}

.job-page .address{
  text-align:right;
}

.job-page .budget{
  background:#efefef;
  border-radius:10px;
  padding:5px 10px;
  font-size:14px;

}

.show-phone{


  font-size:28px; cursor:pointer;
font-weight:bold;}
.show-phone i{color:#d60a0a;}


.footer{
padding-top:50px;
margin:0 auto;
max-width:900px;
}
.footer .text{margin-bottom:5px; text-align: center;}
.footer .copyright{text-align:center;}
.footer b{color:#d60a0a;}

/* Google Autocomplete Hide */
.pac-container:after {
    /* Disclaimer: not needed to show 'powered by Google' if also a Google Map is shown */

    background-image: none !important;
    height: 0px;
}

.container-add-wrap{max-width:700px; margin:0 auto; margin-top:10px;}
.container-add{
  padding:20px;  margin-bottom:10px; background:#fff;
  font-size:16px;
      -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2)
}
.container-add .form-group{
  margin-bottom:10px;
}
.container

/* How it works */
.how-it-works{

}
.how-it-works .jumbotron{
  background:url(../img/banner-1.jpg) center #2C3E50;
  color:#fff;
  text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}
.how-it-works .hiw-c{

}
.how-it-works .hiw-c .box{
   padding:20px;  margin-bottom:10px; background:#fff;
  font-size:16px;
      -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2)

}
.how-it-works h2{
  color:#30cc72;
  font-size:24px;
}



.content-white{
  display:block;
  max-width:1170px;
  margin:0 auto;
  padding:20px;
  background:#fff;
  border:1px solid rgba(0, 0, 0, .1);
    margin-top:20px;
}

.content-white-big{
  display:block;
  max-width:99%;
  margin:0 auto;
  padding:20px;
  background:#fff;
  border:1px solid rgba(0, 0, 0, .1);
    margin-top:20px;
}

.content-white h1{
  font-size: 32px;
    line-height: 32px;
    color: #2e2e2e;
    font-weight: 500;
    margin-bottom: 15px;
}



.listing-user{
  margin-bottom:10px;

}

.listing-user .buttons{
  padding:5px;
}


.dropdown-menu i{
  width:30px;
}

.btn-light{
  background:#efefef;
  border:1px solid #efefef;
}


.toolbar{
  float:right;
}


/* Upgrade Listing Form */
.upgrade-listing-form .price{
  font-weight:600;
  padding:20px;
  font-size:24px;
  color:green;
}

.upgrade-listing-form .form-group{
  margin-bottom:5px;
}




.review{
	margin-bottom:5px;
	border-bottom:1px solid #d6d6d6;
	padding:4px;
}

.review .fa-star{
	color:#ffb800;
	font-size:24px;
}

.review .name{
	font-weight:900;
}
.review .show-star-rating{
  float:right;
}


.show-favorite{
  cursor:pointer;
}



/* common */
.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
	z-index:9999;
}
.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #ccc;
}

.ribbon.ribbon-sale span{
	background-color: #fe86cd;
}
.ribbon.ribbon-best span{
	background-color: #52d58f;
}
.ribbon.ribbon-new span{
	background-color: #fc4d51;
}

.ribbon.ribbon-verified span{
	background-color: #00ad45;
}
.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 15px 0;
  background-color: #3498db;
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
  color: #fff;
  font: 700 18px/1 'Lato', sans-serif;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-transform: uppercase;
  text-align: center;
}

/* top left*/
.ribbon-top-left {
  top: -10px;
  left: -10px;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-top-left::before {
  top: 0;
  right: 0;
}
.ribbon-top-left::after {
  bottom: 0;
  left: 0;
}
.ribbon-top-left span {
  right: -25px;
  top: 30px;
  transform: rotate(-45deg);
}

/* top right*/
.ribbon-top-right {
  top: -10px;
  right: -10px;
}
.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent;
}
.ribbon-top-right::before {
  top: 0;
  left: 0;
}
.ribbon-top-right::after {
  bottom: 0;
  right: 0;
}
.ribbon-top-right span {
  left: -25px;
  top: 30px;
  transform: rotate(45deg);
}

/* bottom left*/
.ribbon-bottom-left {
  bottom: -10px;
  left: -10px;
}
.ribbon-bottom-left::before,
.ribbon-bottom-left::after {
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.ribbon-bottom-left::before {
  bottom: 0;
  right: 0;
}
.ribbon-bottom-left::after {
  top: 0;
  left: 0;
}
.ribbon-bottom-left span {
  right: -25px;
  bottom: 30px;
  transform: rotate(225deg);
}

/* bottom right*/
.ribbon-bottom-right {
  bottom: -10px;
  right: -10px;
}
.ribbon-bottom-right::before,
.ribbon-bottom-right::after {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.ribbon-bottom-right::before {
  bottom: 0;
  left: 0;
}
.ribbon-bottom-right::after {
  top: 0;
  right: 0;
}
.ribbon-bottom-right span {
  left: -25px;
  bottom: 30px;
  transform: rotate(-225deg);
}

.listings-container{
  padding-top:10px;
}


.check-blue{
  color:blue;
}

/*

.fa-tiktok:before {
    content: "\e07b";
}
*/

.container-register{
  max-width:600px;
  padding:40px;
}