/* Wrapper for page content to push down footer */
      #wrap {
        min-height: 100%;
        height: auto !important;
        height: 100%;
        /* Negative indent footer by it's height */
        margin: 0 auto;
      }

      /* Set the fixed height of the footer here */
      #push,
      #footer {
        height: 60px;
      }
      #footer {
        /*background-color: #f6f6f6;*/
/*background: #ffffff;  Old browsers */
/*background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 40%); /* FF3.6+ 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(40%,#e5e5e5)); /* Chrome,Safari4+ 
background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 40%); /* Chrome10+,Safari5.1+ 
background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 40%); /* Opera 11.10+ 
background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 40%); /* IE10+ 
background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 40%); /* W3C 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */

      }

      /* Lastly, apply responsive CSS fixes as necessary */
      @media (max-width: 767px) {
        #footer {
          margin-left: -20px;
          margin-right: -20px;
          padding-left: 20px;
          padding-right: 20px;
        }
      }

      .form-signin {
        max-width: 500px;
        padding: 19px 29px 29px;
        margin: 0 auto 20px;
        background-color: #fff;
        border: 1px solid #e5e5e5;
        -webkit-border-radius: 6px;
           -moz-border-radius: 6px;
                border-radius: 6px;
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
           -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
                box-shadow: 0 1px 2px rgba(0,0,0,.05);
      }
      .form-signin .form-signin-heading,
      .form-signin .checkbox {
        margin-bottom: 10px;
      }
      .form-signin input[type="text"]{
        font-size: 16px;
        height: auto;
        margin-bottom: 15px;
        padding: 7px 9px;
      }

	  .white-font{
	  	color: #FFFFFF;	  	
	  }
	  .shade{
		text-shadow: 1px 0px 0px #000000;
        
	  }
      /* Custom page CSS
      -------------------------------------------------- */
      /* Not required for template or sticky footer method. */

      #wrap > .container {
        padding-top: 60px;
      }
      .container .credit {
        margin: 15px 0;
      }
      
      
   .hero-board {        
        
        background-color: #222222;
        min-height: 850px; /*1400px      actual: 1257 x 837 */
        height: auto;
        min-width: 1024px;
        background-size:100%;
        background-position: top left;
        background-repeat:no-repeat;
        background-image:url('../img/referatalent-talent.jpg');      
      
}
.heffect{
	font-family: 'Open Sans', Georgia, Times, sans-serif;
	font-weight: 600;
	color: #ffffff;
	text-shadow: 0px 1px 1px #fff;
	padding-top: 5px;
	padding-bottom: 5px;	
}

.heffect_level_1{
	font-family: 'Open Sans', Georgia, Times, sans-serif;
	font-size:  48px;
	font-weight: 300;
	color: #08F820;
	text-shadow: 0px 1px 1px #fff;
	padding-top: 5px;
	padding-bottom: 5px;	
}

.heffect_level_2{
	font-family: 'Open Sans', Georgia, Times, sans-serif;
	font-size:  24px;
	font-weight: 300;
	color: #FFFFFF;
	text-shadow: 0px 1px 1px #fff;
	padding-top: 5px;
	padding-bottom: 5px;	
}

.box_title{
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:  24px;
	color: #FFFFFF;
}

.box_title_black{
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:  20px;
	text-align:center;
	color: #000000;	
}
.box_emp_title_black{
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:  40px;
	text-align:center;
	color: #000000;		
}

.take_action{
	padding-top: 5px;
	padding-bottom: 5px;	 	
}

.take_action_text{
	font-size:  14px;
	color: #FFFFFF;		 	
}


.shadow_pic {
	-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
}

.section_divider {
	border-bottom: 1px solid #ddd;
}

.section_padding{	
	padding-top: 20px;
	padding-bottom: 10px;	
}


h1,h2,h3,h4, h5, h6 {
    font-family: 'Open Sans', Georgia, Times, sans-serif;
}
p, div {
    font-family: 'Nobile', Helvetica, Arial, sans-serif;
}

.howto {
	font-family: 'Lobster', cursive;
	font-size:30px;
	font-weight: 400;
	color: #333;
	margin-top: 3px;
	text-shadow: 0 1px 0 #fff;
}

.about_box{
    -moz-box-shadow:inset 0 0 4px 0px #000000;
	-webkit-box-shadow:inset 0 0 4px 0px black;
	box-shadow:inset 0 0 4px 0px black;
	 /* (4.4) */
	-moz-border-radius: 15px;
	border-radius: 15px;
    padding: 19px 29px 29px;
    margin: 0 auto 20px;
	background-color:#FFFFFF
}

.howto_pic {
	font-family: 'Lobster', cursive;
	font-size:36px;
	font-weight: 400;
	color: #333;
	margin-top: 15px;
	text-shadow: 0 1px 0 #fff;
}

.align_center {
	text-align: center;
}
.align_left {
	text-align: left;
}
.align_right {
	text-align: right;
}

.box_margin{
	margin-left: 30px;
	margin-right: 30px;
}

.panel {
    margin: 0 auto;
    margin-top: 15px;
	padding-top: 20px;
	padding-bottom: 10px;   
    background: url(../../employer/resources/pattern.jpg) repeat 0 0;
    -moz-box-shadow:
        0 5px 15px 0 rgba(0,0,0,.05) inset,
        0 -5px 15px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow:
        0 5px 15px 0 rgba(0,0,0,.05) inset,
        0 -5px 15px 0 rgba(0,0,0,.05) inset;
    box-shadow:
        0 5px 15px 0 rgba(0,0,0,.05) inset,
        0 -5px 15px 0 rgba(0,0,0,.05) inset;
}

/* ----- What we do ----- */

.what-we-do {
    margin-top: 50px;
}

.what-we-do .service {
	padding-bottom: 5px;
    padding-bottom: 13px;
    background: #f8f8f8;
    border-bottom: 2px solid #68A5DC;
}

.what-we-do .service:hover {
    box-shadow:
        0 5px 15px 0 rgba(0,0,0,.05),
        0 1px 25px 0 rgba(0,0,0,.05) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
}

.what-we-do .service .icon-awesome {
    margin-top: 15px;
    font-size: 50px;
    line-height: 50px;
    color: #5d5d5d;
}

.what-we-do .service h4 {
    margin-top: 5px;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #5d5d5d;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255,255,255,.7);
}

.what-we-do .service p {
    padding-bottom: 10px;
    line-height: 24px;
}

.what-we-do .service a {
    padding: 5px 22px;
    background: #68A5DC;
    color: #fff;
    font-style: italic;
    text-decoration: none;
    -moz-box-shadow:
        0 1px 25px 0 rgba(0,0,0,.05) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow:
        0 1px 25px 0 rgba(0,0,0,.05) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    box-shadow:
        0 1px 25px 0 rgba(0,0,0,.05) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
}

.what-we-do .service a:hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.what-we-do .service a:active {
    -moz-box-shadow:
        0 5px 10px 0 rgba(0,0,0,.15) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow:
        0 5px 10px 0 rgba(0,0,0,.15) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    box-shadow:
        0 5px 10px 0 rgba(0,0,0,.15) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
}

.login_btn {
  background-color: hsl(214, 100%, 25%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0063e5", endColorstr="#00377f");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#0063e5), to(#00377f));
  background-image: -moz-linear-gradient(top, #0063e5, #00377f);
  background-image: -ms-linear-gradient(top, #0063e5, #00377f);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0063e5), color-stop(100%, #00377f));
  background-image: -webkit-linear-gradient(top, #0063e5, #00377f);
  background-image: -o-linear-gradient(top, #0063e5, #00377f);
  background-image: linear-gradient(#0063e5, #00377f);
  border-color: #00377f #00377f hsl(214, 100%, 20%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
  -webkit-font-smoothing: antialiased;
}