/*General Styles*******************************************/
body,html{
	display:block;
	height:100%;
	clear:both;
}

div.status{
	text-align:center;
	position:relative;
	z-index:102;
}

div.clear{
	clear:both;

}

.active{
	display:block;
}

.inactive{
	display:none;
}


footer{
	background-color:#000;
	color:#fff;
	padding:0px 30px;
	padding-left:150px;
	
}

footer p{
	margin:0;
}

a:hover{
	text-decoration:none;
}

body{
	font-size:16px!important;
	font-family: 'Source Sans Pro', sans-serif!important;
	font-weight:300;
}

h1{ 
	font-family:'Abril Fatface', serif;
	font-size:2em;
	color:#000;
 }

h2{
	font-family:'Source Sans Pro', sans-serif;
	font-size:1.5em;
	color:#000;
}


div.rightContainer{
	width:90%;
	padding:0px 100px 50px 50px;
	float:right;
	display:block;
	min-height:1080px;
}	

div.leftContainer{
	width:10%;
	padding:50px;
	float:left;
	display:block;
}

div.mainContentWrapper{
	display:block;
	min-height:calc(100vh - 200px);
}

/*Site Guideline Styles*/


.siteBtn{
	display:inline-block;
	text-transform:uppercase;
	text-align:center;
	color:#fff;
	padding:10px 15px;
	background-color:#41c0bf;
	transition: background-color .5s ease;
}

.siteBtn:hover{
	text-decoration:none;
	background-color:#000;
	color:#fff;
}

.siteLink{
	border-left:2px solid #41c0bf;
	color:#000;
	padding:10px;
}

.siteLink:hover{
	text-decoration:none;
	background-color:#41c0bf;
	color:#fff;
}

section{
	margin-top:50px;
	clear:both;
}

/*Menu Styles*******************************************/
div.menuDiv{
	width:125px;
	height:100px;
	border:5px solid #000;
	background-color:#fff;
	display:block;
	position:fixed;
	left:35px;
	top:30px;
	margin-bottom:15px;
	z-index:100;

}

div.menuDiv a img{
	width:100px;
	text-align:center;
	display:block;
	margin:0 auto;
	margin-top:30px;
}

div.navMenu{
	width:100px;
	display:block;
	position:fixed;
	top:155px;
	height:35px;
	padding: 5px;
	z-index:100;
	left:30px;
}

div.navMenu:hover{
	cursor:pointer;
}

div.navMenu p{
	text-align:center;
	margin:0;
}

div.navMenu span{
	padding-right:10px;
	
}

div.navMenu p img{
	width:25px;
}


/*Tool Menu Styles*****************************/
ul.tools{
	position:fixed;
	right:35px;
	top:30px;
	width:75px;
	list-style:none;
	z-index:101;
	margin-top:0px;
}

ul.tools li{
	width:35px;
	height:35px;
	margin-bottom:15px;
	padding:5px;
	background-color:#fff;
}

ul.tools li:hover{
	cursor:pointer;
}

ul.tools li img{
	width: 25px;
	text-align:center;
}

/*Social Media Icons**************************************************/
div.social{
	display:inline-block;
	width:50px;
	position:fixed;
	left:35px;
	bottom:5px;
	z-index:50;
}

div.social ul{
	list-style:none;
	padding:0;
}

div.social ul li{
	
	display:inline-block;
}

div.social ul li svg{
	width:35px;
	margin-bottom:-10px;
}

/*Pop-out Navigation Styles********************/
div.slideNav{
	height:100%;
	overflow:hidden;
	position:fixed;
	top:0;
	width:200px;
	z-index:50;
	padding:75px 0px 30px 0px;
	transition:0.5s;
}


div.navLogo{
	width:150px;
	margin:0 auto;
	display:block;
}

div.closeSlide{
	display:block;
	width:35px;
	height:35px;
	position:absolute;
	top: 155px;
	left: 135px;
	z-index:101;
}

div.closeSlide img{
	width:35px;
}

div.closeSlide img:hover{
	cursor:pointer;
}

div.slideNav nav ul{
	margin-top:100px;
	list-style:none;
	text-transform:uppercase;
}

div.slideNav nav ul li{
	line-height:175%;
}

div.slideNav nav ul li a{
	color:#000;
	transition: color .5s;
}

div.slideNav nav ul li a:hover{
	text-decoration:none;
	color:#ff5242;
	font-weight:700;
	
}

img.mobileLogo{
		display:none;
	}

/*Banner Styles*********************************/
div.banner{
	display:block;
	width:100%;
	height:300px;
	background-color: #eef6f6;
	margin-top:100px;
	overflow:hidden;
	padding:30px;
	position:relative;
}



/*Landing Banner Styles*************************/
div.bannerContent{
	width:65%;
	display:inline-block;
	float:left;

}

h1.bannerTitle{
	font-family: 'Abril Fatface', serif;
	font-size:3.5em;
	letter-spacing:8px;
	margin:0px;
	line-height:1em;
}

div.bannerContent p.bannerP p{
	line-height:20px;
	color:#999;
	margin-bottom:40px;
}

div.banner img.landingBannerImg{
	float:right;
	width:250px;
}

div.bannerContent a{
	position:absolute;
	bottom:30px;
	left:30px;
	z-index:49;
	display:inline-block;
	text-transform:uppercase;
	text-align:center;
	color:#fff;
	padding:10px 15px;
	background-color:#41c0bf;
	transition: background-color .5s ease;
}

div.bannerContent a:hover{
	background-color:#000;
	text-decoration:none;
}

/*Search Section Styles***************************/

div.searchSection{
	height:90px;
	position:fixed;
	background-color:#fff;
	z-index:50;
	top:0px;
	width:90%;
	padding-right:150px;
	padding-top:30px;
}

div#edit-actions.form-actions.js-form-wrapper.form-wrapper {
	display:inline-block;
	width:17%;
	float:right;

}

div.js-form-item.form-item.js-form-type-search.form-item-keys.js-form-item-keys.form-no-label{
	display:inline-block;
	width:85%;
}

input.searchField{
	width:100%;
	padding: 0px 15px;
	height:42px;
	box-sizing:border-box;
	-moz-box-sizing: border-box;

}

input.searchSubmit{
	padding:10px;
	box-sizing:border-box;
	-moz-box-sizing: border-box;
	background-color:#41c0bf;
	color:#fff;
	border:none;
	width:100%;
	text-transform:uppercase;
	transition: background-color .5s ease;
}

input.searchSubmit:hover{
	background-color:#000;
	color:#fff;
}

input[type="search"]{
	box-sizing:border-box!important;
	-moz-box-sizing: border-box!important;
}

div.searchBlock{
	width:60%;
	float:left;
}



div.views-exposed-form.contextual-region{
		width:70%;
		float:left;
}

div.js-form-item.form-item.js-form-type-textfield.form-item-term.js-form-item-term.form-no-label{
	display:inline-block;
	width:80%;
	float:left;
}

div.js-form-item.form-item.js-form-type-textfield.form-item-term.js-form-item-term.form-no-label input{
	width:100%;
	padding:5px 15px;
	box-sizing:border-box;
	height:42px;
	margin-right:15px;
}


div.mobileSearch{
	display:none;
}




/*Popular Links*****************************************/
section.popular{
	margin-bottom:50px;
}

div.searchLinks ul{
	list-style:none;
	padding-left:0px;
	margin:0px;
}

div.searchLinks ul li{
	display:inline-block;
}

div.searchLinks ul li.popular{
	position:relative;
}

 ul.popularLinks{
    z-index: 50;
    padding: 15px!important;
    /*height: 200px;
    overflow: auto;*/
    background-color:rgb(22,81,231);
    position:absolute;
    top:42px;
    left:0px;
    width:250px;


   }

  div.searchLinks ul li ul.popularLinks li{
  	display:block;
  	padding-bottom:5px;
  }

  ul.popularLinks li a{
  	color:#fff;
 
  	padding-bottom:5px;
  	tranisition:color ease .5s;
  }

  li.siteLink a{
  	color:#000;
  	
  	display:inline-block;
  }

  li.siteLink a:hover{
  	color:#fff;
  	text-decoration:none;
  }

  ul.popularLinks li a:hover{
  	opacity:.8;
  	text-decoration:none;
  	
  }

/*Scrollbar styles***************************************/
/*::-webkit-scrollbar {
    width: 12px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
    /*background-color:#ff5242; *//*
}*/

/*Search Links******************************************/
div.searchLinks{
	height:35px;
	float:right;
}

div.searchLinks a.siteLink{
	display:inline-block;
	margin-right:15px;
	padding:10px 15px;
}

div.searchLinks a.siteLink:last-child{
	margin-right:0px;
}
/*Feature Section on Home page**************************/

div.featureBx1,div.featureBx2,div.featureBx3{
	width:100%;
	height:250px;
	background-color:#fff;
	position:relative;
	overflow:hidden;
	margin-bottom:15px;
}

div.featureBG{
	height:250px;
}



img.betaHova{
	position:absolute;
	right:15px;
	bottom:15px;
	width:35px;
	opacity:.8;
}

div.featureBG:hover > img.betaHova{
	display:none;
}

div.featureBoxHover{
	opacity:0;
	z-index:2;
	position:relative;
	padding:15px;
	text-align:center;
	background-color:rgba(22,81,231,.6);
	color:#fff;
	height:100%;
	-webkit-transition: opacity 2s; /* Safari */
    transition: opacity .5s;
}

div.featureBoxHover:hover{
	opacity:1;
	
}



img.featureImage{
	position:absolute;
	top:0;
	z-index:0;
}

h2.featureTitle{
	font-family: 'Abril Fatface', serif;
	letter-spacing:2px;
	color:#fff;
	margin:0px 0px 5px 0px;
}

span.featureLink div a{
	background-color:#41c0bf;
	color:#fff;
	padding:10px 15px;
	position:relative;
	bottom:-15px;
}

p.featureP{
	margin-top:-5px;
}

/*Popular Services***********************************************/


div.popularServices a{
	text-decoration:none;
}

.sectionTitle{
	font-family:'Abril Fatface', serif;
	text-transform:uppercase;
	text-align:center;
	background-color:#fff;
	padding:15px;
	font-size:3em;
	position:relative;
	z-index:2;
	width:700px;
	margin:0 auto;
	letter-spacing:5px;
}

div.titleLine{
	display:block;
	height:3px;
	background-color:#000;
	position:relative;
	top:-55px;
}

div.popularServices span.anchor-wrap{
	position:relative;
	display:block;
	padding:15px;
	margin-bottom:15px;
}

div.popularServices span.wrapBG{
	display:inline-block;
	position:absolute;
	left:0;
	top:0;
	width:3px;
	-webkit-transition: width 1s;
	background-color:#41c0bf;
	height:50px;
}

div.popularServices span.anchor-wrap:hover span.wrapBG{
	width:100%;
}

div.popularServices span.aText{
	text-decoration:none;
	color:#000;
	position:relative;
	z-index:3;
}

div.popularServices span.anchor-wrap:hover span.aText{
	color:#fff;
}



span.moreBtn a{
	display:inline-block;
	text-transform:uppercase;
	text-align:center;
	color:#fff;
	padding:10px 15px;
	background-color:#41c0bf;
	float:right;
	margin-bottom: 30px;
	position:relative;
	z-index:50;
	transition: background-color .5s ease;
}

span.moreBtn a:hover{
	background-color:#000;
	color:#fff;
	text-decoration:none;
}

/*OWl Carousel*********************************************************/

div.owl-carousel{
	clear:both;
}

section.owlGoesHoot{
	padding:30px 0px;
	margin-bottom:70px;
}

div.hoot{
	height:200px;
	padding:15px;
	border: 1px solid #000;
	margin: 0px 1px;
	transition: background-color ease .5s;
}

div.hoot:hover{
	background-color:rgb(22,81,231);
}



div.hoot img{
	width:100px!important;
	height:100px;
	margin:0 auto;
}

div.hoot a{
	color:#000;
}

div.hoot a:hover{
	opacity:.8;
	text-decoration:none;

}

div.owl-nav{
	float:right;
	margin-top:30px;
	position:relative;
	top:-15px;
	right:0px;
}

div.owl-prev{
	background-color:#41c0bf;
	color:#fff;
	padding:10px 15px;
	display:inline-block;
	margin-right:15px;
	text-align:center;
	transition: background-color .5s ease;
}


div.owl-next{
	background-color:#41c0bf;
	color:#fff;
	padding:10px 15px;
	display:inline-block;
	text-align:center;
	transition: background-color .5s ease;
}

div.owl-prev:hover, div.owl-next:hover{
	background-color: #000;
	color:#fff;
	text-decoration:none;
}

div.hoot p{
	display:none;
}

div.hoot h2{
	text-align:center;
	line-height:22px;
}

/*Budget Breakdown**************************************************/
div.budget{
	background-color:#eef6f6;
	padding:15px;
}

div.budget h1.sectionTitle{
	background-color:#eef6f6;
}

div.pieCont{
	text-align:center;
}

div.budget h2 a{
	color:#000;
}

div.budget h2 a:hover{
	color:#000;
	opacity:.8;
	text-decoration:none;
}

/*Your Mississippi*********************************************/
section.MS{
	padding: 30px 0px 0px 0px;
	/*background-image: url('../images/yourMS.jpg');
	background-attachment:fixed;
	background-size:cover;
	background-position:center top;*/
}


div.msBorder div.row{
	margin-top:-50px;
}

div.msBorder h2{
	font-family:'Source Sans Pro', sans-serif;
	text-transform: uppercase;
	padding:15px;
	position:relative;
	top:-130px;
	
	margin:0 auto;
	text-align:center;
	font-size:3em;
	color:#000;
}

div.msBorder h3{
	font-family:'Abril Fatface', serif;
	font-size:3.5em;
	color:#000;
	text-align:center;
	margin:0px;

}

div.msBorder div.infoContent{
	background-color:#eef6f6 ;
	padding:30px;
	min-height:250px;
	margin-bottom:15px;
}

div.msBorder span{
	font-weight:700;
	margin-top:15px;
	display:inline-block;
}

div.msBorder p{
	color:#000;
	text-align:center;
}

div.msBorder a{
	color:rgb(22,81,231);
}

div.msBorder a:hover{
	text-decoration:none;
	color:#ff5242;
}

/*Elected Officials Styles********************************************/
h2.OfficialTitle{
	line-height:1em;
	margin-bottom:15px!important;

}

p.OfficialBio{
	margin-top:0px;
}

ul.ElectedSocial{
	list-style:none;
	padding-left:0px!important;
	clear:both;
	height:50px;
	margin-bottom:0px;
}

ul.ElectedSocial li:first-child{
	margin-left:-15px;

}


ul.ElectedSocial li{
	float:left;
	padding-left:10px;
}

ul.ElectedSocial img{
	width:35px;
}

#block-views-block-elected-officials-block-1 div.views-row{
	padding:30px;
	background-color:#f7f8f9;
	margin-bottom:15px;
}

#block-views-block-elected-officials-block-1 div.views-row:hover{
	box-shadow:0 15px 20px rgba(0,0,0,0.2);
}

span.OfficialWebsite a{
	padding:10px 15px;
	background-color:#41c0bf;
	color:#fff;
	display:inline-block;
	margin-top:15px;
	transition: background-color 1s ease;
}

span.OfficialWebsite a:hover{
	text-decoration:none;
	background-color:#000;
}


/*AGency Listing****************************************/
span.agencyWebsite a{
	padding:10px 15px;
	background-color:#41c0bf;
	color:#fff;
	display:inline-block;
	margin-top:15px;
	transition: background-color 1s ease;
}

span.agencyWebsite a:hover{
	text-decoration:none;
	background-color:#000;
}

p.agencyDesc {
	margin-top:0px;
}

div.agencyListing{
	position:relative;
}

div.agencyListing div.agencyLogo{
	text-align:center;
	position:absolute;
	top:115px;
	right:30px;
	left:30px;
}

div.agencyListing div.agencyLogo img{
	width:175px;
	height:175px;
}

div.agencyListing p.agencyPhone{
	position:absolute;
	top:305px;
}

div.agencyListing p.agencyEmail{
	position:absolute;
	top:330px;
}

form#views-exposed-form-agency-alphabet-page-1{
margin-bottom:50px;
}

form#views-exposed-form-agency-alphabet-page-1 div label{
	padding-right:15px;
}

div.agencyListing div.agencySocial{
	position:absolute;
	top:360px;
}

div.agencyListing span.agencyWebsite{
	position:absolute;
	top:415px;
}

h2.alphTitle{
	display:inline-block;
	padding:5px;
}

div.views-element-container header a{
	margin-bottom:30px;
	display:inline-block;
	text-transform:uppercase;
	text-align:center;
	color:#fff;
	padding:10px 15px;
	background-color:#41c0bf;
	transition: background-color .5s ease;
}

div.views-element-container header a:hover{
	text-decoration:none;
	background-color:#000;
	color:#fff;
}

div.subFeatureBx.same{
	height: 355px;
}

/*Footer Links***************************/
section.footerLinks ul{
	list-style:none;
	padding-left:0px;
}

section.footerLinks h3{
	font-size: 1.5em;
	font-weight:700;
	font-family:'Source Sans Pro', sans-serif;
	border-bottom:2px solid #fff;
	margin-bottom:0px;
	color:#fff;
}

section.footerLinks ul li{
	padding-bottom:5px;
}

section.footerLinks ul li a{
	color:#fff;
	font-weight:300;
	transition: color .5s ease;
}

section.footerLinks ul li a:hover{
	color:#ff5242;
	text-decoration:none;
}

footer div{
	position:relative;
	z-index:50;
}

/*Sub Page Styles*************************************/
div.subTitle{
	margin-top:75px;
}

div #block-msdotgov-page-title h1{
	font-size:4em;
	letter-spacing:5px;
	margin: 15px 0px;
	padding-bottom:15px;
	margin-bottom:30px;
	line-height:65px;
}

/*Technology Page Styles*******************************/

div.tech{
	margin:15px 0px;
}

div.image{
	display:block;
	height:300px;
	width:100%;
	background-color:#000;
}

/*Fast Section Styles on Subpages**************************/
img.aboutMap{
	float:right;
	padding-left:15px;
}

div.fastWrapper{
	display:block;
	margin-bottom:30px;
}

div.fastBox1{
	width:50%;
	height:430px;
	display:inline-block;
	float:left;
	padding-right:15px;
	overflow:hidden;
	position:relative;
}

div.fastBox2{
	width:50%;
	height:215px;
	display:inline-block;
	padding-left:15px;
	padding-bottom:15px;
	overflow:hidden;
	position:relative;
}

div.fastBox3{
	width:50%;
	height:215px;
	display:inline-block;
	padding-left:15px;
	padding-top:15px;
	overflow:hidden;
	position:relative;
}

div.jumboFast:hover > img.betaHova{
	display:none;
}

div.jumboFast{
	display:block;
	height:100%;
	width:100%;
}

div.fastLinks{
	padding:15px;
	background-color:rgb(22,81,231);
	margin-top:30px;
	
}
div.intFastLinks{
	border:1px solid #fff;
	padding:15px;
}

div.fastLinks h1{
	color:#fff;
	text-align:center;
	border-bottom:1px solid #fff;
	padding-bottom:15px;
	margin-top:0px;
}

div.fastLinks a{
	color:#fff;
	transition:color .5s;
	display:inline-block;
	padding-bottom:5px;
}

div.fastLinks a:hover{
	color:#ff5242;
	text-decoration:none;
}

a.featureLink{
	
	color:#fff;
	padding:10px 15px;
	display:inline-block;
	transition:background-color .5s;
}

a.featureLink:hover{
	background-color:#000;
	text-decoration:none;
	color:#fff;
}

span.featureLink div a{
	transition:background-color .5s ease;
}

span.featureLink div a:hover{
	text-decoration:none;
	background-color:#000;
}

/*Subpage Sidebar*************************************/

div#block-booknavigation ul{
	list-style:none;
	padding-left:0px;
	margin:0px;

}

div#block-booknavigation ul li{
	margin-bottom:15px;
}

div#block-booknavigation ul li a{
	text-align:center;
	padding:10px;
	background-color:#41c0bf;
	color:#fff;
	display:inline-block;
	width:100%;
	-webkit-transition: background-color 1s ease;
	transition: background-color 1s ease;
}

div#block-booknavigation ul li a:hover{
	text-decoration:none;
	background-color:#000;
	
}



div#block-booknavigation ul ul{
	list-style:none;
	padding-left:20px;
	margin-top:15px;
	border-left:5px solid #000;
}

div#block-booknavigation ul ul li a{
	display:inline-block;
}

#block-msdotgov-content article nav{
	display:none;
}

/*Sub Page Feature Box************************************/
div.subFeatureBx{
	padding:30px;
	background-color:#f7f8f9;
	border-top:15px solid #000;
	margin-bottom:15px;
	position:relative;
}

div.subFeatureBxFr{
	padding:30px;
	background-color:#f7f8f9;
	border-top:15px solid #000;
	margin-bottom:15px;
	position:relative;
	overflow:hidden;
}

.min{
	height:260px;
}


div.heightToggle{
	background-color:#f6f7f8;
	position:absolute;
	width:100%;
	right:0px;
	bottom:0px;
	text-align:center;
	padding:5px;
	height:35px;
	display:block;
}

div.heightToggle.active:after{
	content:"\f068";
	font-size:15px;
	font-family:FontAwesome;
	color:#000;
}

div.heightToggle.inactive:after{
	content:"\f067";
	font-size:15px;
	font-family:FontAwesome;
	color:#000;
}



div.heightToggle:hover{
	cursor:pointer;
}

div.heightToggle img{
	width:35px;
}


div.subFeatureBx ul li{
	padding-bottom:10px;
}

div.subFeatureBx ul li a{
	transition: color .5s;
}

div.subFeatureBx ul li a:hover{
	color:#ff5242;
	text-decoration:none;
}

div.subFeatureBx:hover{
	box-shadow:0 15px 20px rgba(0,0,0,0.2);
}

div.subFeatureBx h2{
	margin:0px;
}

div.subFeatureBxFr h2{
	margin:0px!important;
}

div.subFeatureBx ul{
	padding-left:20px;
}

/*div.fastWrapper div.featureBoxHover{
	opacity:1;
}*/

/*Sub Page Section Styles**********************************/
 div.subSection{
 	padding:30px;
 	background-color:rgb(22,81,231);
 	color:#fff;
 	margin:15px 0px;
 }

 div.subSection h2{
 	color:#fff;
 }

 div.subSection a{
 	color:#fff;
 	background-color:#41c0bf;
 	padding:10px;
 	display:inline-block;
 	margin-top:15px;

 }

  div.subSection a:hover{
 	opacity:.8;
 }

/*Sub Page Content Styles********************************/
div.subContent{
	margin-bottom:15px;
	padding-bottom:30px;
	border-bottom:1px solid #000;
}

div.subContent h2{
	margin:0px;
}

div.subContent div.right{
	width:40%;
	float:right;
}

div.subContent div.left{
	width:55%;
	float:left;
}

ul.sidebarLinks{
	margin-top:0px;
	padding-left:0px;
}


ul.sidebarLinks li{
	margin-bottom:15px;
	list-style:none;
}

ul.sidebarLinks li a{
	text-align: center;
    padding: 10px;
    background-color: #41c0bf;
    color: #fff;
    display: inline-block;
    width: 100%;
    transition: background-color .5s;
}

ul.sidebarLinks li a:hover{
	background-color:#000;
	text-decoration:none;
}



/*Agency Styles********************************************/
form#views-exposed-form-agency-listings-page-1.views-exposed-form {
	margin-bottom:50px;
}

form#views-exposed-form-agency-listings-page-1.views-exposed-form div.js-form-item.form-item.js-form-type-textfield.form-item-title.js-form-item-title{
	display:inline-block;
	margin-right:30px;
}

form#views-exposed-form-agency-listings-page-1.views-exposed-form div.js-form-item.form-item.js-form-type-select.form-item-field-agency-category-target-id.js-form-item-field-agency-category-target-id{
	display:none;
}


form#views-exposed-form-agency-listings-page-1.views-exposed-form div.js-form-item.form-item.js-form-type-textfield.form-item-title.js-form-item-title label{
	margin-right:15px;
}

form#views-exposed-form-agency-listings-page-1.views-exposed-form div.js-form-item.form-item.js-form-type-select.form-item-field-agency-category-target-id.js-form-item-field-agency-category-target-id label{
	margin-right:15px;
}

form#views-exposed-form-agency-listings-page-1.views-exposed-form div.js-form-item.form-item.js-form-type-textfield.form-item-title.js-form-item-title input{
	padding:10px;
}

form#views-exposed-form-agency-listings-page-1.views-exposed-form div.js-form-item.form-item.js-form-type-select.form-item-field-agency-category-target-id.js-form-item-field-agency-category-target-id select{
	padding:10px;
}

form#views-exposed-form-agency-listings-page-1.views-exposed-form div#edit-actions.form-actions.js-form-wrapper.form-wrapper{
	float:none;
}

span.agencyDetailWeb a{
	display:inline-block;
	text-transform:uppercase;
	text-align:center;
	color:#fff;
	padding:10px 15px;
	background-color:#41c0bf;
	transition: background-color .5s ease;
	margin-bottom:15px;
}

span.agencyDetailWeb a:hover{
	text-decoration:none;
	background-color:#000;
	color:#fff;
}

/*Service Styles*************************************************/
div.serviceListing{
	
	height:600px;
}

div.serviceListing label{
	font-weight:700;
	display:block;
}

div.js-form-item.form-item.js-form-type-textfield.form-item-field-agency-affiliation-value.js-form-item-field-agency-affiliation-value{
	display:inline-block;
	/*margin-right:15px;*/
}

div.js-form-item.form-item.js-form-type-select.form-item-field-agency-category-target-id.js-form-item-field-agency-category-target-id{
	display:inline-block;
	margin-right:15px;
}

div.js-form-item.form-item.js-form-type-select.form-item-field-agency-keywords-target-id.js-form-item-field-agency-keywords-target-id{
	display:inline-block;
	margin-right:15px;
}

form#views-exposed-form-service-listings-page-1{
	margin-bottom:50px;
}

span.moreBtn div a{
	position:relative;
	z-index:50;
}

span.moreBtn div a:hover{
	position:relative;
	z-index:50;
	background-color:#000;
	text-decoration:none;
	color:#fff;
}


/*SubFeatureBox Styles
div.subFeatureBx{
	max-height:300px;
	overflow:hidden;

}

div.subFeatureBx:hover{
	overflow:auto;
}
*/

/*MobileSocial*/
div.mobileSocial{
	visibility:hidden;
}

div.mobileSocial ul{
	list-style:none;
}

div.mobileSocial ul li{
	float:left;
	padding-right:15px;
	margin-bottom:15px;
}

div.mobileSocial ul li img{
	width:35px;
}


/*Drupal Subscribe*/

a.feed-icon{
	display:none;
}
/*Report Issue Styles*/
/*#reportIssue a{
  position:fixed;
  right:30px;
  bottom:50px;
  z-index:200;
  background-color:red;
  color:#fff;
  padding:15px;
  text-decoration:none;
}
*/

/*Agencies, Services and Awards
div.agencyListing.subFeatureBx{
	overflow:none;
	max-height:none;

}

div.serviceListing.subFeatureBx{
	overflow:none;
	max-height:none;
	
}

div.awards div.subFeatureBx{
	overflow:none;
	max-height:none;
}
*/

div.agencyListing{
	overflow:hidden;
	min-height:540px;
}

div.agencyListing p{
	margin:5px 0px;
}

p.OfficialAddress{
	margin-top:15px;
}

p.OfficialBio{
	margin-top:0px;
}

span.website a{
	margin:15px 0px;
	display:inline-block;
	text-transform:uppercase;
	text-align:center;
	color:#fff;
	padding:10px 15px;
	background-color:#41c0bf;
	transition: background-color .5s ease;
}

span.website a:hover{
	text-decoration:none;
	background-color:#000;
	color:#fff;
}

/*Search Form*/
div.views-exposed-form{
	width:70%;
}

/*Award Styles******************************************/
div.awardBox{
	height:475px;
}

/*Plugin Styles********************************************/

/*****myMS*************************************************/
li#toggleTacks span.active{
	display:inline-block;
}

li#toggleTacks span.inactive{
	display:none;
}

div#myMsTarget button#mainMyMsButton{
	display:none!important;
}

div#govSettings button#mainAppButton{
	display:none!important;
}



/*****Budget Charts****************************************/

div.budget canvas{
	margin:0 auto;
}

div#line-legend, div#donut-legend{
	display:none;
}


/*****Bot***************************************************/

/*Typed.js*************************************************/
.typed-cursor{
	opacity: 1;
	font-size:4.5em;
	-webkit-animation: blink 0.7s infinite;
	-moz-animation: blink 0.7s infinite;
	animation: blink 0.7s infinite;
	color:#000;
}
@keyframes blink{
	0% { opacity:1; }
	50% { opacity:0; }
	100% { opacity:1; }
}
@-webkit-keyframes blink{
	0% { opacity:1; }
	50% { opacity:0; }
	100% { opacity:1; }
}
@-moz-keyframes blink{
	0% { opacity:1; }
	50% { opacity:0; }
	100% { opacity:1; }
}

div#typed-strings p{
	font-size:3.5em;
	letter-spacing:4px;
	font-family:'Abril Fatface', serif;
	color:#000;
	line-height:60px;
	opacity:0;
}

span#typed {
	font-size:4.5em;
	letter-spacing:4px;
	font-family:'Abril Fatface', serif;
	color:#000;
	line-height:1em;
	}

/*Agency Alphabetized*/
div.form-item-field-sort-alphabetically-value{
	display:inline-block;
	
}

div.js-form-type-textfield{
	display:inline-block;
	padding-right:15px;
}

form#views-exposed-form-agency-listings-page-2{
	margin-bottom:50px;
}


/*Scroll Reveal Styles****************************/
/*****Ensure elements load hidden before ScrollReveal runs */
  
.fade1{
	visibility:hidden;
}


/*Book Tree Navigation*************************************/
div.lookAlike{
	text-align:center;
	padding:10px;
	background-color:#000;
	color:#fff;
	display:inline-block;
	width:100%;
	-webkit-transition: background-color 1s ease;
	transition: background-color 1s ease;
	margin-bottom:15px;
}

div.lookAlike p{
	margin:0px;
	display:inline-block;
	padding-right:15px;
}

div.lookAlike.con:after{
	content: "\f078";
	font-size:15px;
	font-family:FontAwesome;
	color:#fff;
}

div.lookAlike.exp:after{
	content: "\f077";
	font-size:15px;
	font-family:FontAwesome;
	color:#fff;
}
div.lookAlike span.active{
	display:inline-block;
}

/*Media Query Styles***************************************/

@media screen and (min-width:767px){
	div#bookNav.inactive{
		display:block;
	}

	div.lookAlike{
		display:none;
	}
}

@media screen and (min-width:900px){
	div.navMenu{
		display:none;
	}

	div.closeSlide{
		display:none;
	}

}


@media screen and (max-width: 1750px) {
	div.msBorder h3{
		font-size:3em;
	}

}

@media screen and (max-width: 1600px) {
	div.searchBlock{
		width:50%;
	}

	div.featureBx3 img{
		bottom:0;
	}

	div.views-exposed-form.contextual-region{
		width:550px;

	}

	div.msBorder h3{
	
	font-size:3em;
	

}

}

@media screen and (max-width: 1500px) {
	div.fastBox1{
		width:100%;
		padding-right:0px;
		height:300px;
	}

	div.fastBox2{
		padding-left:0px;
		padding-right:15px;
		padding-bottom:0;
		float:left;
		margin:30px 0px;
	}

	div.fastBox3{
		padding-left:0px;
		padding-left:15px;
		padding-top:0;
		float:right;
		margin:30px 0px;
	}

	div.fastLinks{
		clear:both;

	}

}

@media screen and (max-width:1450px){
	div.js-form-item.form-item.js-form-type-search.form-item-keys.js-form-item-keys.form-no-label{
	display:inline-block;
	width:75%;
}

div.views-exposed-form.contextual-region{
		width:450px;
	}

div.msBorder h3{
	font-size:1.75em;
}


}

@media screen and (max-width: 1370px){
	span#typed {
	font-size:4em;
	
	}

	.typed-cursor{
	font-size:3.5em;
}
}


@media screen and (max-width: 1360px){
	div.slideNav nav ul{
		margin-top:80px;
		padding-left:20px;
}

	div.social{
		bottom:-5px;
	}

	div#block-search-form-block{
		width:55%;
	}

	

}

@media screen and (max-width:1350px){
	div.searchBlock{
		width:40%;
	}

	div.serviceListing{
	
	height:800px;
}
	div.fastBox1{
		height:250px;
	}

	span#typed {
	font-size:3.5em;
	line-height:.8em;
	}

.typed-cursor{
	font-size:3.5em;
}

}

@media screen and (max-width:1250px){
	h1.bannerTitle{
		font-size:2.5em;
		letter-spacing:4px;
	}

	

	div.rightContainer{
		padding:0px 30px 50px 50px;
	}

	ul.tools{
		right:5px;
		padding-left:0px;
		top:5px;
		width:125px;
		z-index:2;
	}

	ul.tools li{
		float:left;
	}


	div.menuDiv{
		left:15px;
	}

	div.social{
		left:15px;
		margin-bottom: 15px;
	}

	div.navMenu{
		left:10px;
	}

	div.closeSlide{
		left:115px;
	}

}

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

	div.popularLinks{
	top:415px;
    left:200px;
    width:350px;
   }

	div.searchBlock{
		width:100%;
		float:none;
	}

	div.searchLinks{
		
		height:60px;
	}

	div.searchSection{
		width:85%;
		padding-right:60px;
	}

	div.rightContainer{
		width:85%;
		padding:0px 30px 50px 30px;
	}

}

@media screen and (max-width:1015px){
	div.bannerContent{
		width:50%;
	}

	div.bannerContent p{
		display:none;
	}

	a.siteBtn{
		margin-top:30px;
	}

	div.subContent div.right{
	width:100%;
	float:none;
}

div.subContent div.left{
	width:100%;
	float:none;
}

span#typed {
	font-size:3em;
	
	}

.typed-cursor{
	font-size:3em;
}

div.subFeatureBx{
	max-height:none;
	overflow:none;

}

div.subFeatureBx:hover{
	
	overflow:none;

}

}


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

	img.betaHova{
		display:none;
	}

	div.infoContent1{
		margin-top:15px;
	}

	div.views-exposed-form.contextual-region{
		width:350px;
	}

	div.featureBoxHover{
		opacity:1;
	}
		
	div.fastBox2{
		padding:0px;
		width:100%;
		height:300px;

	}

	div.fastBox3{
		padding:0px;
		width:100%;
		height:300px;
		margin-top:0px;
	}

	/*div.fastBox1{
		margin-top:15px;
	}*/

	img.servicesImage{
		margin-bottom:15px;
	} 

	div.msBorder h3{
		font-size:3em;
	}

}

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

	div.agencyListing{
		min-height:auto;
	}

	div.serviceListing{
		height:auto;

	}

	div.serviceImage img{
		width:100%;
		height:100%;
	}

	footer{
		padding-left:30px;
	}

	div.searchLinks{
		float:left;
	}

	div.mobileSearch{
		display:block;
		position:fixed;
		right:30px;
		top:75px;
		z-index:104;
		width:150px;
	}

	div.mobileSearch p{
		float:right;
		text-transform:uppercase;
	}

	div.searchSection{
		display:none;
		top:115px;
		background-color:#f6f7f8;
		padding: 15px 30px;
		width:100%;
		left:0px;
		height:auto;
		z-index:60;
	}

	div#block-search-form-block{
		width:100%;
	}

	div.slideNav nav ul{
		margin-top:30px;
	}

	div#govNav{
		display:none;
	}


	div.popularLinks{
		top:522px;
		left:30px;
	}

	div.subSpace{
		display:block;
		height:75px;
	}

	div.mobileSocial{
		visibility:visible;
	}

	div.leftContainer{
		width:100%;
		float:none;
	}

	div.menuDiv{
		top:15px;
		left:30px;
		height:auto;
		
	}

	div.menuDiv a img{
		margin:10px;
	}

	div.navMenu{
		border:none;
		top:85px;
		z-index:104;
	}

	ul.tools{
		top:20px;
		right:30px;
		left:auto;
		width:105px;
		z-index:104;
	}

	ul.tools li{
		float:right;
		margin-right:0px;
		border:none;
	}

	div.social{
		display:none;
	}

	div.social ul li{
		float:left;
		margin-right:15px;
	}

	div.social ul li img{
		width:25px;
	}


	div.rightContainer{
		width:100%;
	}

	div.leftContainer{
		height:120px;
		padding:0px;
		background-color:#fff;
		position:fixed;
		top:0;
		z-index:103;
	}

	div.banner{
		margin-top:100px;
	}

	div.slideNav{
		background-color:#fff;
		z-index:105;
	}
	img.mobileLogo{
		display:block;
		width:150px;
		margin:0 auto;
	}

	h1.sectionTitle{
		font-size: 2em;
		width:400px;
	}
	div.slideNav{
		box-shadow:0px 7px 14px 0px rgba(0,0,0,0.32)
	}

	div.closeSlide{
		left:155px;
		top:15px;
	}

	nav#block-msdotgov-main-menu-menu ul{
		margin-top:100px;
	}

	nav#block-msdotgov-main-menu-menu ul li{
		line-height:300%;
	}

	div.popularServices span.wrapBG{
		width:100%;
	}

	div.popularServices span.aText{
		text-align:center;
		color:#fff;
		display:inline-block;
		width:100%;
	}

	img.servicesImage{
		margin-bottom: 15px;
	}

	div.navMenu{
		left:30px;
	}

	

	div#line-legend, div#donut-legend{
	display:block;
	}

	ul.popularLinks{
    height: 200px;
    overflow: auto;
    
   }


}



@media screen and (max-width:750px){
	div.banner img.landingBannerImg{
		width:150px;
		position:absolute;
		bottom:-210px;
		right:45px;
	}

	div.bannerContent{
		padding-top:15px;
	}

	div.subTitle{
		margin-top:30px;
	}

}

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

	form#views-exposed-form-site-search-search{
		width:100%;
	}

	input.searchSubmit{
		width:100%;
	}

	img.landingBannerImg{
		width:150px;
	}

	div.searchLinks a.siteLink{
		margin-right:0px;
		padding:10px 5px;
	}

	div #block-msdotgov-page-title h1{
	font-size:3.5em;
	
	line-height:65px;
}

div.views-exposed-form{
	width:100%;
}
}

@media screen and (max-width:560px){
	form#views-exposed-form-service-listings-page-1{
		min-height:215px;
	}

	input#edit-field-agency-affiliation-value{
		margin-bottom:15px;
		width:100%;
	}

	select#edit-field-agency-category-target-id{
		width:100%;
		margin-bottom:15px;
	}

	select#edit-field-agency-keywords-target-id{
		width:100%;
		margin-bottom:5px;
	}

	div.bannerContent{
		width:100%;
	}

	h1.bannerTitle{
		font-size:2em;
	}

	section.MS{
		padding: 0px;
		background-color:#fff;
	}

	div.msBorder h2{
		background-color:#fff;
	}

}

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

	div.msBorder h3{
		font-size:1.75em;
	}

	div.agencyLogo img{
		width:100px;
		height:100px;
	}

	div.popularLinks{
	top: 520px;
    width:325px;
   }

	div.views-exposed-form.contextual-region{
		width:100%;
	}

	div.searchLinks a.siteLink{
		display:block;
		width:100%;
		background-color:#41c0bf;
		text-align:center;
		color:#fff;
		margin-bottom:15px;
	}

	div.js-form-item.form-item.js-form-type-textfield.form-item-term.js-form-item-term.form-no-label{
		width:100%;
	}


	a.siteLink{
		border:none;
	}



	a.siteBtn{
		position:relative;
		bottom:-50px;
		
	}

	h1.sectionTitle{
		font-size:1em;
		width:200px;
		top:-20px;
		letter-spacing: 2px;
	}

	div.titleLine{
		top:-50px;
	}

	div.js-form-item.form-item.js-form-type-search.form-item-keys.js-form-item-keys.form-no-label{
		width:100%;
		margin-bottom:15px;
	}
	div#edit-actions.form-actions.js-form-wrapper.form-wrapper{
		width:100%;
	}

	h2.featureTitle{
		margin-top:0px;
	}

	div.msBorder h2{
		font-size:24px;
		top: -65px;
		width:auto;
	}

	span#typed {
	font-size:1.75em;
	
	}

.typed-cursor{
	font-size:1.75em;
}
div.banner img.landingBannerImg{
		
		right:15px;
	}

input#edit-term{
	margin-bottom:15px;
}

input.searchSubmit{
	margin: 15px 0px;
}

	
}

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

	div.searchLinks li.siteLink{
		padding:5px;
	}

	ul li.siteLink a{
		font-size:14px;
	}
	ul.popularLinks{
		top:30px;
	}

	div #block-msdotgov-page-title h1{
	font-size:1.5em;
	
	line-height:30px;
		}

	div.subTitle{
		margin-top:30px;
	}

	div #block-msdotgov-page-title h1{
		margin-bottom:0px;
	}




	}

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

	div.searchLinks li.siteLink{
		padding:2px;
	}

	.siteLink{
		border-left: 1px solid #41c0bf;
	}

	ul li.siteLink a{
		font-size:14px;
	}





	}