@charset "utf-8";
body {
font-family: "Clear Sans", "Helvetica Neue", Arial, sans-serif;
background-color:#FFF;

	background-image: url(../img/splash.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;

 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
a{
text-decoration:none;
}
p {
display: flex;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}
#container
{
position: absolute;
width:100%;
height:100%;
left:0px;
top:0px;
z-index:1;
overflow-x:hidden;
}

#header
{
position : fixed;
display:flex;
width:100%;
left: 0px;
height: 16%;
z-index:3;
}
#s1,#s2
{
position: absolute;
height: 50%;
width: 100%;
left: 0px;
}
#s1{
top:0;
background-color: #79BE07;
display: flex;
}
#s2{
top: 50%;
background-color: #000;
opacity: 0.8;
}

#s21,#s22,#s23
{
display: flex;
align-items: center;/*vertical*/
justify-content: center;/*horisontal*/
height: 100%;
width: 33%;
float: left;
color:#FFF;
}
#separator{
float: left;
height:65%;
margin-top: 1.5vh;
width: 1px;
background-color:#46443D;
}
.selected_div
{
 -webkit-box-shadow:inset 0px -1vh #79BE07;
 -moz-box-shadow:inset 0px -1vh #79BE07;
 box-shadow:inset 0px -1vh #79BE07;
}
#logo_cont{
display: flex;
align-items: center;/*vertical*/
//justify-content: center;/*horisontal*/
width:60%;
height: 100%;
}
#logo
{
color:#FFF;
//margin:0;
margin-left: 10px;
//background-color:#f7f7f7;
}
.yellow
{
color:#FFDE00;
}
.green
{
color:#B1FF00;
}

#bts_cont{
display: flex;
align-items: center;/*vertical*/
flex-direction: row;
justify-content: flex-end;/*horisontal*/

height:100%;
width:40%;
}
#bt{
display: flex;
align-items: center;/*vertical*/
justify-content: center;/*horisontal*/

background-color:#FFF;
margin-right:6px;

width:12vw;
height:7vh;

-webkit-border-radius: 6%;
-moz-border-radius: 6%;
-o-border-radius: 6%;
border-radius: 6%;
}
#bt:hover{
background-color:#105603;
}
#bt:hover > #caption
{
color:#FFF;
}
#caption
{
color:#79be07;
font-weight:bold;
padding-left: 20%;
padding-right: 20%;
padding-bottom:25%;
padding-top:25%;
margin:0;
}


#search_results,#search,#jobs,#comp,#comp_jobs,#settings
{
position: absolute;

display:flex;
flex-direction: column;
width:100%;
margin-top: 16vh;
z-index:2;
}
#search_results{
left: -100%;
}
#search{
align-items: center;/*vertical*/
justify-content: center;/*horisontal*/
left:0%;
height:84%;
background-color:rgba(34, 34,34, 0.5);
}
#jobs{
left:100%;
display:flex;
align-items: center;/*vertical*/
justify-content: center;/*horisontal*/
height:84%;
}
#comp{
left:200%;
}
#settings{
display:flex;
align-items: center;/*vertical*/
justify-content: center;/*horisontal*/
left:300%;
height:84%;
}
#settings_title{
color:##2B2C29;
margin: 0;
}
/* search form css*/
#f1{
}
#key
{
/*
background-color:rgba(0,0,0,0);
border: 0 1px solid;*/
}
.holo{
	color:#EEE;
    width: 80vw;
    font-family: "Roboto", "Droid Sans", sans-serif;
    margin: 0 0 3vh 0;
    padding: 8px 8px 6px 8px;
    position: relative;
    display: block;
    outline: none;
    border: none;
    background: bottom left linear-gradient(#a9a9a9, #a9a9a9) no-repeat, bottom center linear-gradient(#a9a9a9, #a9a9a9) repeat-x, bottom right linear-gradient(#a9a9a9, #a9a9a9) no-repeat;
    background-size: 0.5vw 1vh, 1px 0.2vh, 0.5vw 1vh;
}
.holo:hover,.holo:focus {
    background: bottom left linear-gradient(#0099cc, #0099cc) no-repeat, bottom center linear-gradient(#0099cc, #0099cc) repeat-x, bottom right linear-gradient(#0099cc, #0099cc) no-repeat;
    background-size: 1vh 6px, 1px 1px, 1px 6px; 
} 

#s_bt{
display:flex;
align-items: center;/*vertical*/
justify-content: center;/*horisontal*/
 background-color:rgba(0, 173, 239,255);
 color:#FFF;
 width: 80vw;
 height:10vh;
 margin: 3vh 0 0 0;
 border: none;
 -webkit-border-radius: 6vw;
-moz-border-radius: 6vw;
-o-border-radius: 6vw;
border-radius: 2vw;
}

/*   saved jobs css  */
#no_jobs{
display:flex;
align-items: center;/*vertical*/
justify-content: center;/*horisontal*/
 background-color:rgba(0,0,0,0.5);
 color:#FFF;
 width: 60vw;
 margin: -10vh 0 0 0;
 border: none;
 -webkit-border-radius: 3vw;
-moz-border-radius: 3vw;
-o-border-radius: 3vw;
border-radius: 3vw;
}


.one, .two{
display:flex;
flex-direction: row;
padding: 2vh 0px;
width:100%;
min-height: 11vh;
}
.one{
background-color:rgba(255,255,255,0.9);
}
.two{
background-color:rgba(215, 255, 198, 1);
}
#load_more_cont{
background-color:#79BE07;
display: flex;
align-items: center;
justify-content: center;
//padding: 4vh 0;
}
#load_more_bt{
background-color:#FFF;
color:#79BE07;
padding:10% 15%;
margin:5%;
font-weight:bold;

-webkit-border-radius: 3%;
-moz-border-radius: 3%;
-o-border-radius: 3%;
border-radius: 3%;
}
#load_more_bt:hover{
background-color:#105603;
color:#FFF;
}
#left{
display:flex;
flex-direction: column;
width:25%;
height:100%;
}
#job_logo
{
display:flex;
align-items: center;/*vertical*/
justify-content: center;/*horisontal*/

float:left;
height:80%;
width:100%;
//background-color:#f77;
}
#pnn{
width:80%;
}

#options{
display:flex;
align-items: center;/*vertical*/
justify-content: center;/*horisontal*/

height:20%;
width:100%;
}
#save_job,#saved_job{
display:flex;
align-items: center;/*vertical*/
justify-content: center;/*horisontal*/
 
color:#FFF;
width: 120%;
height: 5vh;

border: none;
 
 -webkit-border-radius: 1.5vw;
-moz-border-radius: 1.5vw;
-o-border-radius: 1.5vw;
border-radius: 1.5vw;
}
#save_job{background-color:#79BE07;}
#saved_job{background-color:#222;}
#txt{
width:97%;
}
#title,#location,#expr,#salary,#descr
{
display:inline-block;
width:95%;
margin:0;
float:left;
margin-left: 15px;
}
#title
{
margin-top: 6px;
color:#333;
font-weight:bold;
}
#location
{
color:#5e5e5e;
}
#descr
{
color:#5e5e5e;
margin-top:3px;
margin-bottom:10px;
}
#expr
{
color:#333;
}
#salary
{
color:#111;
font-size:10px;
}

/*** companies css **/
#comp_logo
{
display:flex;
align-items: center;/*vertical*/
justify-content: center;/*horisontal*/

float:left;
height:80%;
width:25%;
}
#bluebold
{
font-weight:bold;
color:#2095E3;
}
/* msg css*/
#msg{


}