body{
  background:#fff!important;
  font-family: 'Open Sans', sans-serif;
  font-size:14px;
}

header{

}
header .navbar-light{
  background:#fff!important;
}
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: #27AE60}
.home-text b{color:#fff;}
.home-text a{color:#fff; }





.btn-worki {
    color: #fff;
    background-color: #007bff;
    border-color: #003d82;
}
.btn-worki:hover{
  color:#fff;
}
/*Search Box*/
.home-container{margin-top:10px;}
.custom-container{max-width:800px; margin:0 auto; margin-top:10px;}
.search-box{margin:0 auto;}
.search-box .skill-select{ margin-top:20px;}
.search-box .skill-select h3{font-size:14px;}
.search-box .skill-select .skill-scroll{ height: auto;
    max-height: 150px;
    overflow: auto;
    background: #f7f7f7;
    padding: 3px;}
.search-box .skill-select .inline-skill{display:inline-block; width:auto; cursor:pointer; margin:2px 2px;}
.search-box .skill-scroll{}

.skill-radio{
  background:#fff;
  color:#000;
  padding:1px 10px;
  border-radius:4px;
}
.skill-radio.active{
  background:#007bff;
  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-left:5px solid #2ECC71;}
.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:#2ECC71;}
.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;}

.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;}

.submit-job-form h5{
  font-size:18px;
  padding:10px 0px;
  color:#007bff;
}

.job-page{
  max-width:1150px; margin:0 auto;
  margin-top:20px;
  padding-right: 15px;
  padding-left: 15px;
}
.job-page .event-image {
    background-size:cover;
    height:600px;
}



.job-page h1{font-size:24px; color:#717171;}
.job-page h2{font-size:18px;}
.job-page h3{font-size:16px; margin-top:10px;}
.job-page .info{
  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{margin-top:0px; margin-bottom:10px;}
.job-page .small-skill-box{display:inline-block; margin:2px 5px; padding:2px 5px; background:#2ECC71; color:#fff; border-radius:5px;}
.job-map{width:100%; height:200px;margin-top:20px; border:1px solid #ccc;}
.job-page .budget{
  background:#efefef;
  border-radius:10px;
  padding:5px 10px;
  font-size:14px;

}

.show-phone{  background:#efefef;
  border-radius:5px;
  padding:2px 10px;
  font-size:16px; cursor:pointer;
font-weight:500;}
.show-phone i{color:#2ECC71;}
.show-phone a{
  text-decoration: none;
}


.footer{
background:#323232;
color:#fff;
padding:20px;
font-size:14px;
}


/* 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)
}


/* 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;
}



.events-list{
 margin-top:20px;
}

.event-item{
  display:block;
  height:380px;
  background-size:cover;
  background-position: center;
  position:relative;
  margin-bottom:15px;
  transition: all 0.5s ease;
}
.event-item:hover{
  transform: scale(1.05);
}
.event-item .overlay{
  display:block;
  width:100%;
  height:100%;
  background:rgba(0, 0, 0, 0.32);
}
.event-item .date{
  text-align:center;
  color:#fff;
  position:absolute;
  right:10px;
  top:5px;
  text-transform: uppercase;
}
.event-item .date .day{
  font-size:34px;
  font-weight:bold;
  color:#fff;
}

.event-item .bottom-info{
  color:#fff;
  position:absolute;
  top:auto;
  bottom:10px;
  text-transform: uppercase;
  width:100%;
  padding:10px;
}

.event-item .bottom-info .title{
  font-size:18px;
  font-weight:bold;
}


.page-404{
  width:1130px;
  margin:0 auto;
  text-align:center;
}



/* Event Page */
.event-page{
  margin-bottom:50px;
}
.event-page .container{
    border:1px solid #efefef;
}
.event-page .grey{
  background:#efefef;
}
.event-page .event-image {
    background-size:cover;
    height:300px;
    width:100%:
}
.event-page .event-date-over{
  position:absolute;
  bottom:10px;
  right:10px;
  text-align: center;
  text-shadow: 0 1px 0 black;
  display:none;
}

.event-page .event-date-over .date{
  text-align:center;
  color:#fff;
  text-transform: uppercase;
  font-size:14px;
  font-weight:600;
  margin-bottom:20px;
}
.event-page .event-date-over .date .day{
  font-size:24px;
  font-weight:bold;
  color:#fff;
}

.event-page .event-info-right h1{
  font-size:16px;
  text-transform:uppercase;
  font-weight:600;
}

.event-page .event-info-right .date{
  text-align:left;
  color:#e55c00;
  text-transform: uppercase;
  font-size:14px;
  font-weight:600;
  margin-bottom:20px;
}
.event-page .event-info-right .date .day{
  font-size:24px;
  font-weight:bold;
  color:#007bff;
}

.event-page .event-info-right .price{
  position:absolute;
  bottom:20px;
  width:100%;
  left:0px;
  padding:10px;
}
.event-page .event-toolbar{
  border-bottom:1px solid #efefef;
  margin-bottom:20px;
}
.event-page  h2, .event-page h3{
  font-size:14px;
  font-weight:600;
  text-transform: uppercase;
}

.event-page .event-description{
  font-size:14px;
  font-weight:400;
}

.event-page .job-map{width:100%; height:300px;margin-top:20px;}
.event-page .event-map .location{
  text-align:center;
  font-weight:400;
  color:#525252;
  padding:10px;
}
.event-page .event-map .location h4{
  font-size:16px;
  margin-bottom:0px;
  font-weight:700;
}
.event-page .event-map .location h5{
  font-size:14px;
  font-weight:700;
}

.grouped-ico {
    list-style-type: none;
    padding-left: 0;
    text-align: center;
}

.grouped-ico li {
    display: inline;
    list-style-type: none;
    margin-left: .15em;
    font-size:12px;
}


.event-page .event-phone{
  padding:20px 0px;
}





/* buttons */

#share a {
	width: 50px;
  	height: 50px;
  	display: inline-block;
  	margin: 8px;
  	border-radius: 50%;
  	font-size: 24px;
  	color: #fff;
	opacity: 0.75;
	transition: opacity 0.15s linear;
  text-align: center;
}

#share a:hover {
	opacity: 1;
}

/* icons */

#share i {
  	position: relative;
  	top: 40%;
  	transform: translateY(-50%);
}

/* colors */

.facebook {
 	background: #3b5998;
}

.twitter {
  	background: #55acee;
}

.googleplus {
  	background: #dd4b39;
}

.linkedin {
  	background: #0077b5;
}

.pinterest {
  	background: #cb2027;
}

.back-button{
  position:fixed;
  bottom:10px;
  left:10px;
  font-size:36px;
  cursor:pointer;
  color:#e55c00;
  display:none;
}


.home-banner{
  margin-bottom:10px;
  max-width:400px;
  margin:0 auto;
  margin-bottom:10px;
  margin-top:-70px;
}

/* Mobile*/
@media (max-width:600px){
  .home-banner{
    margin-top:0px;
  }
  .event-page .event-info-right .price{
    display:block;
    position:relative;
    bottom:auto;
  }

  #share a{
    width:30px;
    height:30px;
    font-size:18px;
  }

  .event-page .event-info-right .date{
    display:none;
  }
  .event-page .event-info-right h1{
    padding-top:10px;
  }

  .event-page .event-date-over{
    display:block;
  }
  .back-button{
    display:block;
  }



}