body{
  background-color:#fafafa;
}


.btn-search{
	margin:15px 15px;
	padding:8px 20px;
	font-size:16px;
	font-weight:bold;
	background-color:#bed860;
  border-radius:3px;

	      transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
}

.btn-search:hover{

	background-color:#edb200;

	      transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
}

.iii-wrapper{
 	background-image: url(../img/searchback2.jpg);
    background-position: center top;
    background-size: cover;
    border-bottom: 1em solid #bed860;
    height: 460px;
}
@media only screen and (max-width: 767px){
.iii-wrapper{
  background-image: url(../img/searchback2.jpg);
    background-position: center top;
    background-size: cover;
    border-bottom: 1em solid #bed860;
    height: 660px;
}
input[type=text] {
    width:90%;
}
}
.iii-wrapper .iii {
    height: 360px;
    padding-top: 50px;
    width: 100%;
    }




.iii-wrapper .search {
    margin:20px;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 8px;
    padding: 1.2em 2.5em;
}

.search_result{

  margin:20px;
  border:1px #d6d6d6 solid;
         border-radius: 8px;
    padding: 1.2em 2.5em;
    background-color:#fff;
    -webkit-box-shadow: 0px 15px 34px -16px rgba(0,0,0,0.38);
-moz-box-shadow: 0px 15px 34px -16px rgba(0,0,0,0.38);
box-shadow: 0px 15px 34px -16px rgba(0,0,0,0.38);
}

.search select{
  width:100%;
}

.search label{
      font-size:calc(100% + 1vw);
  color:white;
    
    font-weight:100;
}
.search_result select{
  width:100%;
}

.search_result label{
  color:black;
    font-size:calc(100% + 1vw);
    font-weight:100;
}

.position_size{
  font-size:calc(100% + 1vw);
}

.divider_result{
  margin:15px;
  border-top:1px solid #a6a6a6;
}
.truncate-ellipsis {
    display: table;
    table-layout: fixed;
    width: 100%;
    white-space: nowrap;
}
 
.truncate-ellipsis > * {
    display: table-cell;
    overflow: hidden;
    text-overflow: ellipsis;
}

a {
  cursor:pointer;
}

.btn-applyMail{

}

.btn-submit{
  margin-top:10px;
  padding:5px 30px;
  font-size:20px;
  color:white;
  font-weight:bold;
  background-color:#fcc66f;
}
.btn-submit:hover{
  color:white;
}

.panel ul {
  list-style:none;
}

.panel li {
  font-weight:bold;
  margin:15px;
  font-size:12px;
}

.panel-map .panel-body{
  padding:25px;
}
 .panel-map >.panel-heading{
    color: #fff;
  background-color: background: rgb(143,199,62); /* Old browsers */
background: -moz-linear-gradient(top, rgba(143,199,62,1) 0%, rgba(155,196,94,1) 50%, rgba(184,212,50,1) 51%, rgba(184,212,50,1) 51%, rgba(184,212,50,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(143,199,62,1)), color-stop(50%,rgba(155,196,94,1)), color-stop(51%,rgba(184,212,50,1)), color-stop(51%,rgba(184,212,50,1)), color-stop(100%,rgba(184,212,50,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(143,199,62,1) 0%,rgba(155,196,94,1) 50%,rgba(184,212,50,1) 51%,rgba(184,212,50,1) 51%,rgba(184,212,50,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(143,199,62,1) 0%,rgba(155,196,94,1) 50%,rgba(184,212,50,1) 51%,rgba(184,212,50,1) 51%,rgba(184,212,50,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(143,199,62,1) 0%,rgba(155,196,94,1) 50%,rgba(184,212,50,1) 51%,rgba(184,212,50,1) 51%,rgba(184,212,50,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(143,199,62,1) 0%,rgba(155,196,94,1) 50%,rgba(184,212,50,1) 51%,rgba(184,212,50,1) 51%,rgba(184,212,50,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc73e', endColorstr='#b8d432',GradientType=0 ); /* IE6-9 */;
  border-color: #dddddd;
 }

.panel li a{
  color:#66CC00;
 }

.mapbox{
  border:solid 2px #bfbfbf;
  border-radius:15px;
  margin:10px 10px;
  padding:10px 40px;

 transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
}

.mapbox:hover{
    -webkit-box-shadow: 0px 3px 11px -2px rgba(0,0,0,0.23);
-moz-box-shadow: 0px 3px 11px -2px rgba(0,0,0,0.23);
box-shadow: 0px 3px 11px -2px rgba(0,0,0,0.23);
 transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
}

.stateBox{

  /* Location of the image */
  background-image: url(../img/iiimapback3.jpg);
  
  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Background image doesn't tile */
  background-repeat: no-repeat;
  

  
  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;
  
  /* Set a background color that will be displayed
     while the background image is loading */
  background-color: #ffffff;
  border:2px solid #bfbfbf;
  border-radius:15px;
  margin:20 0 20 0;
  padding:10px;
   transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
}

.animateState {
position:relative;
 -webkit-animation: mythird .5s  forwards; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: mythird .5s  forwards; /* Firefox < 16 */
        -ms-animation: mythird .5s  forwards; /* Internet Explorer */
         -o-animation: mythird .5s  forwards; /* Opera < 12.1 */
            animation: mythird .5s  forwards;
        
}

/* Chrome, Safari, Opera */
@-webkit-keyframes mythird {
   0% { 
        opacity: 0; 
        webkit-transform: scale(.3); 
    } 
    50% { 
        opacity: 1; 
        webkit-transform: scale(1); 
    } 
    100% { 
        webkit-transform: scale(1); 
    } 
}

/* Standard syntax */
@keyframes mythird {
   0% { 
        opacity: 0; 
        transform: scale(.3); 
    } 
    50% { 
        opacity: 1; 
        transform: scale(1); 
    } 
    100% { 
        transform: scale(1); 
    } 

}

.stateBox a{

  color:#337ab7;
}
.stateBox a:hover{
  text-decoration:underline;
  color:#23527c;;
}

.stateBox h2{
  margin-top:0px;
}
#map{
  height:400px;
  width:600px
}


@media only screen and (max-width: 700px){

#map{
  display:none;
}
#clicked-state{
  display:none;
}
.mapSearch{
  display:none;
}
}

.iii-location{

    border-bottom: 1em solid #656565;
    height: 500px;

}
/*different backgrounds */
.Atl{
    background-image: url(../img/atlanta.jpg);

  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  background-size:cover;
  /* Background image doesn't tile */
  background-repeat: no-repeat;
}

.Cin{
    background-image: url(../img/cincinnati.jpg);

  /* Background image is centered vertically and horizontally at all times */
  background-position: center bottom;
  background-size:cover;
  /* Background image doesn't tile */
  background-repeat: no-repeat;
}
.NewYork{
    background-image: url(../img/newyork.jpg);

  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  background-size:cover;
  /* Background image doesn't tile */
  background-repeat: no-repeat;
}
.WDC{
    background-image: url(../img/washingtondc.jpg);

  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  background-size:cover;
  /* Background image doesn't tile */
  background-repeat: no-repeat;
}
.Chic{
    background-image: url(../img/chicago.jpg);

  /* Background image is centered vertically and horizontally at all times */
  background-position: center bottom;
  background-size:cover;
  /* Background image doesn't tile */
  background-repeat: no-repeat;
}
.Michigan{
    background-image: url(../img/michigan.jpg);

  /* Background image is centered vertically and horizontally at all times */
  background-position: center bottom;
  background-size:cover;
  /* Background image doesn't tile */
  background-repeat: no-repeat;
}
.Houston{
    background-image: url(../img/houston.jpg);

  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  background-size:cover;
  /* Background image doesn't tile */
  background-repeat: no-repeat;
}
.Seattle{
    background-image: url(../img/seattle.jpg);

  /* Background image is centered vertically and horizontally at all times */
  background-position: center bottom;
  background-size:cover;
  /* Background image doesn't tile */
  background-repeat: no-repeat;
}
.silV{
    background-image: url(../img/siliconvalley.jpg);

  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  background-size:cover;
  /* Background image doesn't tile */
  background-repeat: no-repeat;
}
.los{
    background-image: url(../img/losangeles.jpg);

  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  background-size:cover;
  /* Background image doesn't tile */
  background-repeat: no-repeat;
}
.orangecounty{
    background-image: url(../img/orangecounty.jpg);

  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  background-size:cover;
  /* Background image doesn't tile */
  background-repeat: no-repeat;
}
.sandiego{
    background-image: url(../img/sandiego.jpg);

  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  background-size:cover;
  /* Background image doesn't tile */
  background-repeat: no-repeat;
}
.honolulu{
    background-image: url(../img/honolulu.jpg);

  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  background-size:cover;
  /* Background image doesn't tile */
  background-repeat: no-repeat;
}
.tokyo{
    background-image: url(../img/tokyo.jpg);

  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  background-size:cover;
  /* Background image doesn't tile */
  background-repeat: no-repeat;
}
.dallas{
    background-image: url(../img/dallas.jpg);

  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  background-size:cover;
  /* Background image doesn't tile */
  background-repeat: no-repeat;
}
/*end different backgrounds */

.darkGreenButton{
    margin:auto;
  word-wrap:break-word;
  color:white;
  background-color:#8fa02a;
}
.darkGreenButton:active, .darkGreenButton:hover{
    margin:auto;
  word-wrap:break-word;
  color:white;
  background-color:#adbf40;
}

.iii-location .darkArea {

    background-color: rgba(0, 0, 0, 0.5);
    padding:30px;
    width:auto;
    height:100%;

}
.darkArea h3{
  font-size:350%;
}
.darkArea h4{
  font-size:150%;
}
.iii-location h4, .iii-location h3, .iii-location p{
  color:white;
  text-shadow: 0px 0px 10px rgba(255, 255, 255, 1);


}

.loading{

    height:     100%;
    width:      100%;
    background-image: url(../img/spinner.gif);

  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;

  /* Background image doesn't tile */
  background-repeat: no-repeat;
}


.notAvail{
  list-style-type:none;
  color:#a1a1a1;
  background-color:#ededed;
  border-radius:15px;
  margin:10px 0px;
  padding:10px 10px;
     transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
}

.avail {
  list-style-type:none;
  background-color:#c1deb6;
  border-radius:15px;
  margin:10px 0px;
  padding:10px 10px;
     transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
}


.avail:hover{
  cursor:hand;
  list-style-type:none;
  background-color:#a8cc9b;
  border-radius:5px;
  margin:10px 0px;
  padding:10px 10px;
     transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
}




@media only screen and (max-width: 767px){
.iii-location{

	padding-top: 30px;
    height: 550px;
}
.darkGreenButton{
  font-size:14px;
  color:white;
  background-color:#8fa02a;
}

.notAvail{
  font-size:12px;
  list-style-type:none;
  background-color:#ededed;
  border-radius:15px;
  margin:10px 0px;
  padding:10px 10px;
}

.avail {
    font-size:12px;
  list-style-type:none;
  background-color:#c1deb6;
  border-radius:15px;
  margin:10px 0px;
  padding:10px 10px;
}
.marginFix{
  margin:15px;
}

.darkArea h3{
  font-size:250%;
}
}

@media screen and (min-width: 1300px) {
.iii-location{
  width:70%;
    margin:30px auto 20px;
    height: 500px;
    border-left:1px solid #bfbfbf;
    border-right:1px solid #bfbfbf;

}
.iii-location .darkArea {
    margin:auto;
    background-color: rgba(0, 0, 0, 0.5);
    padding:30px 20px 20px 20px;
    width:auto;
}
}

.wrapperButton{
  margin-top:200px;
}

.infoContainer{
  border: 2px solid #ededed;
  border-radius:5px;
  padding:15px;
  background-color:#fff;
}

.jobContainer{
  border: 2px solid #ededed;
  border-radius:5px;
  padding:15px;
  background-color:#fff;

  /* Location of the image */
  background-image: url(../img/iiimapback3.jpg);
  
  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Background image doesn't tile */
  background-repeat: no-repeat;

  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;
}

.jobContainer li{
  text-align:center;
  list-style:none;
  padding:4px auto;
}

.jobContainer h3{
 text-align:center;
 padding:0px;
 margin:5px;
}


.jobContainer ul{
  padding-left:0;
}

.jobContainer a {
  text-decoration:none;
  color: #337ab7;
}


.toggleDrawer {
  text-decoration:none;
  padding:10px;
  clear:both; 

}

#about,#climate,#transportation,#industry,#food,#lifestyle {
  padding:10px;
  display:none;
    border-top:1px solid #bfbfbf;


}
.drawer{
  border-bottom:1px solid #bfbfbf;
  transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -webkit-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
}
.drawer a{
  text-decoration:none;
  color:#000;
}
.hoverdrawer{

  transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -webkit-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
}
.hoverdrawer:hover{

  background-color:#ededed;
  transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -webkit-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;

}



/*For the Arrow to turn downward*/
.rotateRight .arrow{
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -moz-transform: rotate(180deg);

  transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s;
}

.arrow{
    transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s;
  font-size:17;
  font-weight:normal;
}

.unButton{
  border:none;
  background-color:transparent;
  color:#337ab7;
}

.locBox{
  padding:10px 15px 0px;
  border:1px solid #99b827;
  text-align:center;
  height:100px;
  white-space:nowrap;
  border-bottom:0px;
}



.divider{
  margin:5px auto;
  padding-top:5px;
  width:90%;
  border-top:1px solid #a6a6a6;

}

.locBox p b{
font-size:20px;

}
a .locBox, .locBox{
  color:#656565;
  text-decoration:none;
}
.locBox p{
  font-size:1.1em;
}
.capStone{
  background-color:#bed860;
  margin:0px;
  padding:10px 15px;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  border-top: 1px solid #bed860;
  border-right: 1px solid #bed860;
  border-left: 1px solid #bed860;
  text-align:center;

}
.capStone h4{

color:#656565;

}


.animateBack2{
  background-color:#ffffff;
  padding-top:10px;
       transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;  
      background-position: center;
        background-size:30%;
}

.animateBack2:hover{
background-color:#efefef;
    border-radius:5px;
     transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out; 
         background-image: url(../img/iii.png); 
           /* Background image doesn't tile */
  background-repeat: no-repeat;
  background-position: center;
  background-size:20%;
}

.animateBack3{
  background-color:#e3e3e3;
  padding-top:10px;
       transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;  
      background-position: center;
        background-size:30%;
}

.animateBack3:hover{
background-color:#efefef;
    border-radius:5px;
     transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out; 
         background-image: url(../img/iii.png); 
           /* Background image doesn't tile */
  background-repeat: no-repeat;
  background-position: center;
  background-size:20%;
}

@media only screen and (max-width: 979px){
.locBox{
  padding:10px 15px 0px;
  border:1px solid #99b827;
  text-align:center;
  height:120px;
  white-space:nowrap;
  border-bottom:5px;

}
.locBox p{
  font-size:1em;
}
.animateBack3{
  background-color:#ffffff;
  padding-top:10px;
       transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;  
      background-position: center;
        background-size:30%;
}

.animateBack3:hover{
background-color:#efefef;
    border-radius:5px;
     transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out; 
         background-image: url(../img/iii.png); 
           /* Background image doesn't tile */
  background-repeat: no-repeat;
  background-position: center;
  background-size:20%;
}
}

.contactBack{
  background-image:url('/img/contactBackground.jpg');
  background-position: center center;
  width:100%;
  background-size:cover;
  repeat:none;
  height:200px;
    border-left:1px solid #bfbfbf;
  border-right:1px solid #bfbfbf;
  border-bottom:10px solid #bfbfbf;
}
.contactBack p.main,.shachoMessageBack p.main {
  font-size:3em;
  font-weight:bold;
  font-family:"Helvetica",sans-serif;
  color:#fff;
  text-shadow: 0px 2px 0px rgba(0, 0, 0, 1);

}
.contactBack p,.shachoMessageBack p {
  font-size:1.2em;
  font-family:"Helvetica",sans-serif;
  color:#fff;
  text-shadow: 0px 2px 0px rgba(0, 0, 0, 1);

}