@charset "UTF-8";
/* CSS Document */

/* Main Slider
-------------------------------------------------- */
#feature_slider {
  height: 700px;
  height: 440px;
  background: #262626;
  background-image:url(../img/bg_lg.jpg);
  background-size:cover;
  z-index: -1;
  margin-bottom: 30px; }
  
  
  #feature_slider h1 {
    font-weight: 100;
    color: #ccc;
    font-size: 60px;
    line-height: 66px;
    text-align: center;
    position: absolute;
    top: 180px;
    width: 100%; }
	
	
    #feature_slider h1 strong {
      text-transform: uppercase;
      font-size: 14px;
      margin: 0 0 20px; }
	  
	  
  #feature_slider #pagination {
    position: absolute;
    top: 400px;
    z-index: 3333;
	margin-left:20px;
    margin: 0;
    padding: 0;
    display: none;
    list-style-type: none; }
	
	
    #feature_slider #pagination li {
      text-indent: -99999em;
      float: left;
      padding: 0 6px;
      cursor: pointer; }
	  
	  
      #feature_slider #pagination li a {
        width: 7px;
        height: 7px;
        box-shadow: 0px 0px 1px 2px #ccc;
        background: whote;
        border-radius: 10px;
        display: block;
        /*border: 1px solid #fff;*/
        opacity: .7;
        -webkit-transition: opacity .1s linear;
        -moz-transition: opacity .1s linear;
        transition: opacity .1s linear; }
		
		
      #feature_slider #pagination li.active a {
        background: #fff;
        box-shadow: none;
        width: 8px;
        height: 8px; }
		
		
      #feature_slider #pagination li:hover a {
        opacity: 1; }
		
		
  #feature_slider .slide {
    width: 100%;
    /*height: 720px;*/
    height: 480px;
    position: absolute;
    display: none;
    overflow: hidden;
    z-index: 1;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    /* Custom styles for each slide */
    /* Slide 1 */
    /* Slide 2 */
    /* Slide 3 */
    /* Slide 4 */ }
	
	
    #feature_slider .slide.previous {
      z-index: 100; }
	  
	  
    #feature_slider .slide.active {
      z-index: 200; }
	  
	  
    #feature_slider .slide.hidden {
      display: none; }
	  
	  
/*all slides*/	  
    #feature_slider .slide#showcasing .info {
      position: absolute;
      top: 140px;
      left: 55%;
      width: 45%;
      display: none;
      z-index: 10; }
	  
	  
      #feature_slider .slide#showcasing .info h2 {
        color:#000; 
        font-size: 15px;
        font-weight:normal;
		 text-transform:uppercase;
        line-height: 26px;
        
		 
		  }
		  
    span.mybig {
		 
		 
		font-size:23px;
		font-weight:bold;
		line-height:33px;
		
	}

 
		
		
	 #feature_slider .slide#showcasing .info h3 {
         
        font-size: 20px;
         color:#fff;
        line-height: 20px;
        }  
		
		
	 #feature_slider .slide#showcasing .info h5  {
     
         color:#fff;
        }
		
		
	 ul#feature_slider  {
     
         color:#fff;
        }  
		
		
		
		
		


/**** SLIDE BUTTONS ****/

.slidebtn {
   display:inline-block;
    font-family:'Open Sans', sans-serif;
    font-size:13px;
    line-height:20px;
    font-weight:600;
    padding:10px 10px 10px;
    -webkit-border-radius:6px;
    border-radius:6px;
    background:#537ab2;
    border:1px solid #ddd;
    border-color:#739cd7 #6790cc #3d5e8f;
    color:#666;
    text-shadow:none;
    background-image: linear-gradient(top, rgb(130,180,255) 0%, rgb(99,137,194) 100%);
    background-image: -o-linear-gradient(top, rgb(130,180,255) 0%, rgb(99,137,194) 100%);
    background-image: -moz-linear-gradient(top, rgb(130,180,255) 0%, rgb(99,137,194) 100%);
    background-image: -webkit-linear-gradient(top, rgb(130,180,255) 0%, rgb(99,137,194) 100%);
    background-image: -ms-linear-gradient(top, rgb(130,180,255) 0%, rgb(99,137,194) 100%);
    
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #EFEFEF),
        color-stop(1, #999)
    );
    text-shadow:#537ab2 0 -1px 0;
    box-shadow:rgba(0,0,0,0.2) 0 1px 1px;

}

.slidebtn:link, .slidebtn:visited {
    color:#666 !important;
}

.slidebtn:hover {
     background:#FFF;
    border-color:#3d5e8f #3d5e8f #6790cc;
    box-shadow:none;
    color:#666;
    text-decoration:none;
}

 


		
		
		
		
/*1*/		
	  #feature_slider .slide#showcasing .info {
      position: absolute;
      top: 140px;
      left: 55%;
      width: 45%;
      display: none;
      z-index: 10; }
	  
	  
      #feature_slider .slide#showcasing .info h2 {
        color:#000; 
        font-size: 15px;
        font-weight:normal;
		 text-transform:uppercase;
        line-height: 26px;
        
		 
		  }
		  
    span.mybig {
		 
		 
		font-size:23px;
		font-weight:bold;
		line-height:33px;
		
	}

 
		
		
	 #feature_slider .slide#showcasing .info h3 {
         
        font-size: 20px;
         color:#fff;
        line-height: 20px;
        }  
		
		
	 #feature_slider .slide#showcasing .info h5  {
     
         color:#fff;
        }
	 
	 
	 
/*2*/		
	 #feature_slider .slide#showcasingg .info {
      position: absolute;
      top: 140px;
      left: 55%;
      width: 45%;
      display: none;
      z-index: 10; }
	  
	  
      #feature_slider .slide#showcasingg .info h2 {
        color:#000; 
        font-size: 15px;
        font-weight:normal;
		 text-transform:uppercase;
        line-height: 26px;
        
		 
		  }
		  
    span.mybig {
		 
		 
		font-size:23px;
		font-weight:bold;
		line-height:33px;
		
	}

 
		
		
	 #feature_slider .slide#showcasingg .info h3 {
         
        font-size: 20px;
         color:#fff;
        line-height: 20px;
        }  
		
		
	 #feature_slider .slide#showcasingg .info h5  {
     
         color:#fff;
        }
		
	 
	 
	/*3*/		
	 #feature_slider .slide#showcasinggg .info {
      position: absolute;
      top: 140px;
      left: 55%;
      width: 45%;
      display: none;
      z-index: 10; }
	  
	  
      #feature_slider .slide#showcasinggg .info h2 {
        color:#000; 
        font-size: 15px;
        font-weight:normal;
		 text-transform:uppercase;
        line-height: 26px;
        
		 
		  }
		  
    span.mybig {
		 
		 
		font-size:23px;
		font-weight:bold;
		line-height:33px;
		
	}

 
		
		
	 #feature_slider .slide#showcasinggg .info h3 {
         
        font-size: 20px;
         color:#fff;
        line-height: 20px;
        }  
		
		
	 #feature_slider .slide#showcasinggg.info h5  {
     
         color:#fff;
        }
		 
	 
	 
	 
	 
	 
	 
		  
    #feature_slider .slide .info {
      display: none;
      z-index: 10; }
	  
	  
      #feature_slider .slide .info a:hover {
        opacity: .8; }
		
    #feature_slider .slide .asset, #feature_slider .slide .fade {
      position: absolute;
      display: none; }
	  
	  
  #feature_slider #slide-left {
    width: 31px;
    height: 37px;
    display: block;
    position: absolute;
    top: 250px;
    left: 0;
    background: url(../img/leftright-arrows.png) no-repeat;
    opacity: 1;
    -webkit-transition: opacity .1s linear;
    -moz-transition: opacity .1s linear;
    transition: opacity .1s linear;
    display: none;
    z-index: 2222; }
	
	
    #feature_slider #slide-left:hover {
      opacity: 1; }
	  
	  
  #feature_slider #slide-right {
    width: 31px;
    height: 37px;
    display: block;
    position: absolute;
    top: 250px;
    left: auto;
    right: 0;
    background: url(../img/leftright-arrows.png) no-repeat;
    background-position: -31px 0;
    opacity: 1;
    -webkit-transition: opacity .1s linear;
    -moz-transition: opacity .1s linear;
    transition: opacity .1s linear;
    display: none;
    z-index: 2222; }
	
	
    #feature_slider #slide-right:hover {
      opacity: 1; }
	  
	  
	  
	  
	  
@media screen and (min-width:651px) and (max-width:820px){
	
	
	
	
#feature_slider {
   
  height: 400px;
  width:100%;
  background: #262626;
  background-image:url(../img/bg_lg.jpg);
  background-size:cover;
  z-index: -1;
  margin-bottom: 20px;
  padding-top:40px;
   }
  
  
  #feature_slider h1 {
    font-weight: 100;
    color: #ccc;
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    position: absolute;
    top: 350px;
    width: 100%; }
	
	
    #feature_slider h1 strong {
      text-transform: uppercase;
      font-size: 12px;
      margin: 0 0 20px; }
	  
	  
  #feature_slider #pagination {
    position: absolute;
    top: 390px;
    z-index: 3333;
	margin-left:20px;
    margin: 0;
    padding: 0;
    display: none;
    list-style-type: none; }
	
	
    #feature_slider #pagination li {
      text-indent: -99999em;
      float: left;
      padding: 0 6px;
      cursor: pointer; }
	  
	  
      #feature_slider #pagination li a {
        width: 7px;
        height: 7px;
        box-shadow: 0px 0px 1px 2px #ccc;
        background: whote;
        border-radius: 10px;
        display: block;
        /*border: 1px solid #fff;*/
        opacity: .7;
        -webkit-transition: opacity .1s linear;
        -moz-transition: opacity .1s linear;
        transition: opacity .1s linear; }
		
		
      #feature_slider #pagination li.active a {
        background: #fff;
        box-shadow: none;
        width: 8px;
        height: 8px; }
		
		
      #feature_slider #pagination li:hover a {
        opacity: 1; }
		
		
  #feature_slider .slide {
    width: 100%;
    /*height: 720px;*/
    height: 480px;
    position: absolute;
    display: none;
    overflow: hidden;
    z-index: 1;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    /* Custom styles for each slide */
    /* Slide 1 */
    /* Slide 2 */
    /* Slide 3 */
    /* Slide 4 */ }
	
	
    #feature_slider .slide.previous {
      z-index: 100; }
	  
	  
    #feature_slider .slide.active {
      z-index: 200; }
	  
	  
    #feature_slider .slide.hidden {
      display: none; }
	  
	  
 
		
		
	 ul#feature_slider  {
     
         color:#fff;
        }  
			
	
	
	

		
/*1*/		
	  #feature_slider .slide#showcasing .info {
      position: absolute;
      top: 140px;
      left: 45%;
      width: 55%;
      display: none;
      z-index: 10; }
	  
	  
      #feature_slider .slide#showcasing .info h2 {
        color:#000; 
        font-size: 12px;
        font-weight:normal;
		 text-transform:uppercase;
        line-height: 16px;
        
		 
		  }
		  
    span.mybig {
		 
		 
		font-size:23px;
		font-weight:bold;
		line-height:33px;
		
	}

 
		
		
	 #feature_slider .slide#showcasing .info h3 {
         
        font-size: 20px;
         color:#fff;
        line-height: 20px;
        }  
		
		
	 #feature_slider .slide#showcasing .info h5  {
     
         color:#fff;
        }
	 
	 
	 
/*2*/		
	 #feature_slider .slide#showcasingg .info {
      position: absolute;
      top: 140px;
      left: 45%;
      width: 55%;
      display: none;
      z-index: 10; }
	  
	  
      #feature_slider .slide#showcasingg .info h2 {
        color:#000; 
        font-size: 12px;
        font-weight:normal;
		 text-transform:uppercase;
        line-height: 16px;
        
		 
		  }
		  
    span.mybig {
		 
		 
		font-size:23px;
		font-weight:bold;
		line-height:33px;
		
	}

 
		
		
	 #feature_slider .slide#showcasingg .info h3 {
         
        font-size: 20px;
         color:#fff;
        line-height: 20px;
        }  
		
		
	 #feature_slider .slide#showcasingg .info h5  {
     
         color:#fff;
        }
		
	 
	 
	/*3*/		
	 #feature_slider .slide#showcasinggg .info {
       position: absolute;
      top: 140px;
      left: 45%;
      width: 55%;
      display: none;
      z-index: 10; }
	  
	  
      #feature_slider .slide#showcasinggg .info h2 {
        color:#000; 
        font-size: 11px;
        font-weight:normal;
		 text-transform:uppercase;
        line-height: 16px;
        
		 
		  }
		  
    span.mybig {
		 
		 
		font-size:23px;
		font-weight:bold;
		line-height:33px;
		
	}

 
		
		
	 #feature_slider .slide#showcasinggg .info h3 {
         
        font-size: 20px;
         color:#fff;
        line-height: 20px;
        }  
		
		
	 #feature_slider .slide#showcasinggg.info h5  {
     
         color:#fff;
        }
		 
	 	
		
		
		
/*this will knock down the two categories below the slider on the right*/

 
  div#jobsearch{
	  display: block !important;
	  width:650px !important;
	   
	  
   }
 
 
   div#jobresult {
	  display: inline-block !important;
	  width:350px !important;
	   
	  
   }
   
    div#jobrbtn {
	 display: inline-block !important;
	  width:350px !important;
	   
	  
   }
		
	
	
	
}
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
@media   screen and (max-width:650px){
	
section#feature_slider {
	display:none !important;
	visibility: hidden !important;
	height:0px !important;
}

 
	
	
}