/*Fonts Install*/
@font-face {
    font-family: one;
    src: url(../fonts/cabin.otf);
}
@font-face {
    font-family: two;
    src: url(../fonts/monteerrat.ttf);
}
@font-face {
    font-family: three;
    src: url(../fonts/queen-of-camelot.otf);
}
body{
    font-family:one;
}
/*------MAIN-------*/
.body-main{
    background-image:url('http://hellohajur.com/themes/hellohajur/assets/img/bg.jpg');
  /*  background-color:rgba(241,150,53,1);*/
    background-size:cover;
    background-position:center;
    color:#fff;
    font-size:12px;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif;
}
.fbLikeBox {position:fixed; bottom:20px; color:#ffffff;}
.col{
    padding-right:2px;
    padding-left:2px;
}
.center{
    text-align:center;
}
.location_display{
    min-height:35px;
    margin-top:5px;
}
.result-container{
    width:75%;
    margin-left:4%;
    padding-right:0;
}

.ad-holder-side{
    width:20%;
}


/*--------------------Navigation Bar-Home-page--------------------------*/
.navbar-default {
  background-color:rgba(255,255,255,0);
  color:#fff;
  background-image: none;
  background-repeat: no-repeat;
  border-color:rgba(255,255,255,0);
 }
 .navbar-default .navbar-nav > li > a {
    color: #fff;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: rgba(255,255,255,0);
}
.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #fff;
    white-space: nowrap;
}
@media (max-width: 767px){
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
}
}
@media (min-width: 768px){
.navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
}
.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
}
.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
}
a {
    color: #428bca;
    text-decoration: none;
}
a {
    color: #333;
    text-decoration: none;
}
a {
    background-color: transparent;
}
}
/*-----------------------------SEARCH-BAR------------------------*/

.search-form{
     background-color:rgba(255,255,255,0.25);
     padding-top:15px;
     padding-bottom:30px;
     height:120px;
}
.glyphicon.glyphicon-search {
    font-size: 30px;
    padding-top:25px;
    margin-bottom:20px;
}
.top-row{
    padding-top:200px;
}
@media (max-width: 767px){
    .top-row{
    padding-top:20px;
    }
    .logo-main{
    display:none;
    }
}

.logo-main{
    float:left;
}
.row-logo{
    text-align:center;
}
.checkbox-row{
    text-align:right;
    margin-bottom:10px;
}

.checkboxtext{
    display:inline;
    position: relative;
    top: -4px;
}

/*----------------------FOOTER----------------------*/
.footer-main a div:hover {
    background-color:rgba(255,255,255,0.5);
}
.footer-main a div {min-height:90px;}

.footer-main{
    z-index:80;
    background-color:rgba(255,255,255,0.25); 
    font-size:11px;
    position:fixed;
    bottom:20px;
    width:100%;
    text-align:center;
}
.footer{
    list-style:none;
}
.bottom-menu{
    display:none;
}
@media (max-width: 767px){
.footer-main{
    display:none;
    }
}
.footer{
    list-style:none;
}

.footer-main div img{
    width:60px;
}
.copyright-info{
    text-align:center;
    position:fixed;
    bottom:0px;
    height:20px;
    padding-top:5px;
    background-color:rgba(22, 22, 22, 0.5);
    width:100%;
}
.copyright-info a{
    color:#8e8e8e;
}
.copyright-info a:hover{
    color:#ffffff;
}
.logo-main{
    /*background-color:rgb(255,255,255)*/
    
}
.submit{
    background-color:rgba(255,255,255,0);
    border:none;
}
.selected { color: red; }

/*------------ SEARCH and PROFILE-CSS--------------------*/

.body-main1{
    padding-top:20px;
    color:#000;
    font-size:12px;
}

.profile{
 
   margin-top:5px;
}
.p1{
 margin-left:5px;
 margin-right:5px;
    
}
.profile-image{
    border:5px solid #fff;
   
    margin-right:10px;
}
.profile-name{
    text-align:center;
color:#951c15;
}

.name-image{
    margin-bottom: 10px;
}

.iccon{
    font-size:16px;
    float:right;
    background-color:#ff9c00;
}
.top-right{
    margin-top: -20px;
    margin-right: -20px;
}

.top{
    padding-top:10px;
}
.occupation{
    text-align:left;
}
#text-center{
    padding-left:20px;
    padding-bottom:2px;
    color:#2C6700;
}
#text-center1{
    padding-left:20px;
    padding-bottom:2px;
    color:#2C6700;
}

.search-form1{
     background-color:rgba(255,255,255,0.25);
     padding-top:15px;
     padding-bottom:30px;
     height:120px;
     color:#951c15;
}
.submit1{
    background-color:rgba(255,255,255,255);
    border:none;
}
 .footer-main1{
    z-index:40;
    /*background-color:rgba(2, 177, 5, 0.6);*/
    font-size:10px;
    width:100%;
   
}
.footer1{
     list-style:none;
}
@media (max-width: 767px){
.footer-main1{
   /* position:static;
    text-align:center;
    width:100%;
    list-style:none;*/
    display:none;
}
.quick-box{
    display:none;
}
.bubble{display:none;}
.profile-col-2{
    background-color:#dfdfdf;
}
.ad-holder-side {
    width: 100%;
}
}
.footer-main1 a div:hover {
    background-color:rgba(0,0,0,0);
}
.footer-icons img{
    width:60px;
}
@media (min-width: 1200px){
.col1-page1{
    width: 9%;
    text-align:center;
    height:100px;
}

.col3-page1 {
    width: 32%;
    margin-bottom:10px;
}
}
.more-view{
    color:#951c15;
}

.first-profile-image{
    border:5px solid #fff;
}
.hj-sidebar{
    max-width:100%;
    margin-bottom:5px;
}
.profile-image1{
  padding-top:25px;
}
.quick-box{
   background-color:rgb(149, 28, 21);
   margin-bottom:10px;
   /*rgba(0, 0, 0, 0.15);*/
   /* padding: 10px 0 10px 0;*/
    color:#fff;
}
/*colours*/
.secondary-color{
    color:#fff;
}
/***ACTIVE CLASS WORKERS **/
.worker-active li a div img:hover {
    background-color:#fff;
    border-radius: 50%;
}
a div{
    /*color:#fff;*/
    color:#fff;
}

.active a div img{
    padding:3px;
    background-color:rgba(255, 255, 255,255);
    border:#ffc497 solid 3px;
    border-radius: 50%;
    /*border-bottom:3px #FFF solid;*/
    }
/*---img*/
.img-round{
	background-color: #ff9c00;
	border:#ffc497 solid 3px;
	border-radius: 50%;
}
.profile-view div{
    font-size: 14px;
    min-height: 25px;
    color: #951c15;
}
.profile-view{
    margin-top:5px;
}
.button{
    
    background-color:#ff9c00;
    color:#fff;
}    

.button.focus, .button:focus, .button:hover {
   color: #fff;
    text-decoration: none;
    background-color: #951c15;
}

.profile-icon{
    margin-top:5px;
}

.align-right{
    text-align:right;
}
.align-left{
    text-align:left;
}
.align-center{
    text-align:center;
}

 #worker-name{
     padding-top:3px;
     display:none;}
.worker-active li a div:hover #worker-name{display:block;}

/* HOME PAGE BACKGROUND ANIMATIONS */
.bubble{
	position:fixed;
    width:150px;
	height:150px;
	opacity: 0.6;
	background-image: url('http://hellohajur.com/themes/hellohajur/assets/img/bubble.png');
	background-size: cover;
	background-position: center;
	animation-iteration-count: infinite;

}
.web-icon{
	width:90%;
	position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
}
.web-cloud1{
	width:100%;
	position: relative;
        left: -65%;
    top: -55%;
    display: none;
   /* transform: translate(-30%, -30%);*/
}
.web-cloud2{
	width:100%;
	position: relative;
    left: 65%;
    top: -55%;
    display: none;
   /* transform: translate(-30%, -30%);*/
}

.bubble1{
	
	/*border:2px solid #dd2222;*/
	-webkit-animation-name: bubble1; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 20s; /* Chrome, Safari, Opera */
    animation-name: bubble1;
    animation-duration: 20s;
    bottom:59%;
    left:45%;			
}

.bubble2{
	
	/*border:2px solid #dd2222;*/
	-webkit-animation-name: bubble2; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 15s; /* Chrome, Safari, Opera */
    animation-name: bubble2;
    animation-duration: 15s;
    bottom:10%;
    left:5%;			
}

.bubble3{
	
	/*border:2px solid #dd2222;*/
	-webkit-animation-name: bubble3; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 24s; /* Chrome, Safari, Opera */
    animation-name: bubble3;
    animation-duration: 24s;
    bottom:65%;
    left:20%;			
}

.bubble4{
	
	/*border:2px solid #dd2222;*/
	-webkit-animation-name: bubble4; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 25s; /* Chrome, Safari, Opera */
    animation-name: bubble4;
    animation-duration: 25s;
    bottom:20%;
    left:80%;			
}

.bubble5{
	
	/*border:2px solid #dd2222;*/
	-webkit-animation-name: bubble5; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 20s; /* Chrome, Safari, Opera */
    animation-name: bubble5;
    animation-duration: 20s;
    bottom:10%;
    left:28%;			
}

.bubble6{
	
	/*border:2px solid #dd2222;*/
	-webkit-animation-name: bubble6; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 17s; /* Chrome, Safari, Opera */
    animation-name: bubble6;
    animation-duration: 17s;
    bottom:15%;
    left:44%;			
}

.bubble7{
	
	/*border:2px solid #dd2222;*/
	-webkit-animation-name: bubble7; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 22s; /* Chrome, Safari, Opera */
    animation-name: bubble7;
    animation-duration: 22s;
    bottom:60%;
    left:87%;			
}

.bubble8{
	
	/*border:2px solid #dd2222;*/
	-webkit-animation-name: bubble8; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 27s; /* Chrome, Safari, Opera */
    animation-name: bubble8;
    animation-duration: 27s;
    bottom:65%;
    left:65%;			
}




/* Chrome, Safari, Opera */
@-webkit-keyframes bubble1 {
    0%   {width:20px; height:20px; bottom:-10%; }
    100% {width:150px; height:150px; bottom:59%; }
}

/* Standard syntax */
@keyframes bubble1 {
     0%   {width:20px; height:20px; bottom:-10%; }
    100% {width:150px; height:150px; bottom:59%; }
}

/* Chrome, Safari, Opera */
@-webkit-keyframes bubble2 {
    0%   {width:20px; height:20px; bottom:-10%; }
    100% {width:150px; height:150px; bottom:10%; }
}

/* Standard syntax */
@keyframes bubble2 {
     0%   {width:20px; height:20px; bottom:-10%; }
    100% {width:150px; height:150px; bottom:10%; }
}

/* Chrome, Safari, Opera */
@-webkit-keyframes bubble3 {
    0%   {width:20px; height:20px; bottom:-10%; }
    100% {width:150px; height:150px; bottom:65%; }
}

/* Standard syntax */
@keyframes bubble3 {
     0%   {width:20px; height:20px; bottom:-10%; }
    100% {width:150px; height:150px; bottom:65%; }
}

/* Chrome, Safari, Opera */
@-webkit-keyframes bubble4 {
    0%   {width:20px; height:20px; bottom:-10%; }
    100% {width:150px; height:150px; bottom:20%; }
}

/* Standard syntax */
@keyframes bubble4 {
     0%   {width:20px; height:20px; bottom:-10%; }
    100% {width:150px; height:150px; bottom:20%; }
}

/* Chrome, Safari, Opera */
@-webkit-keyframes bubble5 {
    0%   {width:20px; height:20px; bottom:-10%; }
    100% {width:150px; height:150px; bottom:10%; }
}

/* Standard syntax */
@keyframes bubble5 {
     0%   {width:20px; height:20px; bottom:-10%; }
    100% {width:150px; height:150px; bottom:10%; }
}

/* Chrome, Safari, Opera */
@-webkit-keyframes bubble6 {
    0%   {width:20px; height:20px; bottom:-10%; }
    100% {width:150px; height:150px; bottom:15%; }
}

/* Standard syntax */
@keyframes bubble6 {
     0%   {width:20px; height:20px; bottom:-10%; }
    100% {width:150px; height:150px; bottom:15%; }
}

/* Chrome, Safari, Opera */
@-webkit-keyframes bubble7 {
    0%   {width:20px; height:20px; bottom:-10%; }
    100% {width:150px; height:150px; bottom:60%; }
}

/* Standard syntax */
@keyframes bubble7 {
     0%   {width:20px; height:20px; bottom:-10%; }
    100% {width:150px; height:150px; bottom:60%; }
}

/* Chrome, Safari, Opera */
@-webkit-keyframes bubble8 {
    0%   {width:20px; height:20px; bottom:-10%; }
    100% {width:150px; height:150px; bottom:65%; }
}

/* Standard syntax */
@keyframes bubble8 {
     0%   {width:20px; height:20px; bottom:-10%; }
    100% {width:150px; height:150px; bottom:65%; }
}