html {
    height:100%;
    overflow-y: scroll;

}

body {
    
    font-family: 'Open Sans', sans-serif !important;
    background:url(https://www.dutchessny.gov/DCNYPV-1Still-V-5.jpg) no-repeat center bottom;
    background-size:cover;

}

#cludo-search-form {
   margin-top:auto !important; 
 
}


.info-update-box {
background-color:#d4edda;
color:#000000;
font-family: 'Montserrat', sans-serif !important;
background-color: #d4edda;
padding-bottom:15px !important;
padding-left:10px;
margin-top:8px;
 cursor:pointer!important;
}

.info-box-button:hover {
    color: #fff;
    text-decoration:underline !important;
 cursor:pointer!important;
}


h5 {

font-size:21px !important;

}



 
.info-box-button {
font-family: 'Montserrat', sans-serif !important;
    color: #fff;
    background-color: #0066ff;
    border-color: #0066ff;
    font-size: 15px;
     cursor:pointer!important;
}

 



.info-update-box p {
color:#000000;
    font-weight: 300;
    font-size: 18px;
font-family: 'Montserrat', sans-serif !important;
}

.info-update-box i {
color:#000000;
}

#AddOfAlertsLarge {
color:#000000!important;

}

#AddOfAlertsSmall {

color:#000000!important;

}


#PublicAlerts p {

color:#000000 !important;

} 

.white-bg {
background-color:#ffffff!important;
}

.font-black {
color:#000000!important;
}

/* This alert is light green with black font*/

/*
.alert-bg-color {
    background-color:#dff0d8!important;
  
}*/

 



/* This alert is light blue  use black font with this alert*/
 
.alert-bg-color {
    background-color:#cce5ff!important;
} 


/* This alert is red  with white font*/


/* 
.alert-bg-color {
    background-color:#bf2c1f!important;
} 
*/





.parks-trails-logo:before{
content: url("https://www.dutchessny.gov/parks-trails-logo-hp-01.png");

}

.margin-top-neg-20 {
margin-top:-20px;
}

.text-pop-search {
color:#fff;
font-size:20px;
line-height:2rem;
text-shadow: 2px 0px 2px rgba(0, 0, 0, 3);
margin-bottom: 20px;
margin-top:35px;
}

.explore-location {
position:absolute;
right:0; 
bottom:0; 
left: 0;
text-align:center;
}

.border-email-opt-in {
border: solid 20px rgba(0,0,0,.5);
background-color:#fff;
}

.position-rel {
position:relative;
}

.park-trail-text {

font-size:17px;
font-weight:400;
color:#000000!important;
font-family: 'Montserrat', sans-serif !important; 
margin-top:-17px;
}

.black-font {
color:#000000!important;

}

.gray-bg-ea {
background-color:#eaeaea;

}

.stay-connected-heading {
font-size:35px;
}

.stay-connected-blurb {
font-size:21px;
line-height:38px;
}

.ce-spotlight {
height:55px;
margin-top:50px;
margin-right:-15px;
background-color:rgba(0, 0, 0, 0.5);
border-top-left-radius: 15px;
border-bottom-left-radius:15px;

}


.vimeo-wrapper {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: -1;
   pointer-events: none;
   overflow: hidden;
}
.vimeo-wrapper iframe {
   width: 100vw;
   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 100vh;
   min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}


video {

position: fixed;
top: 50%;
left:50%;
transform: translate(-50%, -50%);
opacity:0;
transition: opacity 1s;
z-index: -500;


}

.ce-top-right-font {
 
font-size:15px;
text-align:center;
font-weight:200;


}




body p { 
	font-size: 14px;
    font-family: 'Open Sans', sans-serif !important;
	line-height: 19px;
		}
body li { 
	font-size: 14px;
    font-family: 'Open Sans', sans-serif !important;
	line-height: 19px;
		}

	.top-icon {
    font-size:16px;
	font-family: 'Montserrat', sans-serif !important; 
	color:#0066FF;
	font-weight:300;
	line-height:1.5;
	text-align:center;		
		
	}
	


	
	
	
	h4 {
	 color:#fff;
	 text-shadow: 1px 1px #333;}
	 
	 .welcome {
	 font-size:60px;
	 font-family: 'Montserrat', sans-serif !important; 
	 color:#FFF;
	 
	 }

	
	h4:hover {
	text-decoration:underline;
	opacity:100 !important;

	}

	
	.footer-v1 .copyright {
    background: #172335;
 
  }
	
	
	.content-container {

	margin-top:18%;

	}
	
	.heading-md {
	
    text-shadow: 0 1px 10px rgba(0,0,0,0.75);
	   
	   }
	   

.scroll-down {
    position: absolute;
    bottom:-390px;
    left:0;
    display: block;
    z-index: 1;
    color: #FFF;
    width: 100%;
    text-align: center;
    font-weight: 100;
    font-size: 30px;
   
}
.white-footer { color:#ffffff;}

.white-footer a { color:#ffffff;}

select:focus {
 outline: 1px solid #eaeaea !important;

}

select:selected {
 outline: 1px solid #eaeaea !important;

}


a:focus {
  outline: 1px solid #4590F2 !important;
  color:#ffffff;
	
}

a:selected {
  outline: 1px solid #4590F2 !important;
    color:#ffffff;
	
}


a:active {
  outline: 1px solid #4590F2 !important;
	
}


.active-style {
  background-color:#041E42 !important;
  color:#fff;
}
.active-style a {
  color:#fff !important;
}	   
	   
	
	#cludo-search-form button:hover {
    border-color: #041E42 !important;
}
	
	.bg-dark {
    background-color:#041E42 !important;
}
	
	.form-inline .form-control {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    
    }
    
    .i.icon-custom {
    color: #041E42;
    width: 40px;
    height: 40px;
    font-size: 20px;
    line-height: 40px;
    margin-bottom: 5px;
    text-align: center;
    display: inline-block;
    border: solid 3px #;
}


	
	
	.btn-default {
	 color: #FFF;
    background-color: #0066FF;
    border-color: #0066FF;
   
	
	} 
		
	.btn-default:hover {
	 color: #FFF;
    background-color: #13294B;
    

	
	} 
	
	.footer {
	background-color:#041e42 !important;
    border-top: 2px solid #e4b41e !important;
	
	}
	


	
	.btn-lg {
    color: #FFF;
    background-color: #0066FF;
    border-color: #0066FF;
}
	



	.top-icon a {
		

	  font-size:17px;
	font-family: 'Montserrat', sans-serif !important; 
	color:#000 !important; 
	font-weight:400 !important; 
	line-height:1.5 !important; 
	text-align:center !important; 
		
		
		
	}
	
	
	.online-services {
	  background: #041E42;
      color: #041E42;
      height:292px;  

    
    }



	.focus:focus {
  outline: 1px solid #0066ff !important;
	
}
	
	.online-services:hover {
     background: url("https://www.dutchessny.gov/shared-services-code.jpg") no-repeat;
     cursor: pointer;
     background-size: cover;
     box-shadow: inset 0 0 75px rgba(0, 0, 0, 0.5);
    }
    
  
    
	
	.dc-muni {
	background: #041E42;
    color: #041E42;
    height:292px;
       
	}
	
	.dc-muni:hover {
	
	 background: url("https://www.dutchessny.gov/muni.jpg") no-repeat;
     cursor: pointer;
     background-size: cover;
     box-shadow: inset 0 0 75px rgba(0, 0, 0, 0.5);

	}
	
	
	.education {
	background: #041E42;
    color: #041E42;
    height:292px;
   
	
	}
	
	.education:hover {
	 background: url("https://www.dutchessny.gov/education.jpg") no-repeat;
     cursor: pointer;
     background-size: cover;
     box-shadow: inset 0 0 75px rgba(0, 0, 0, 0.5);
 
	
	}
	
	
	.education :hover p {
    color:#FFFFFF !important;
    }
    
	
	.farming {
	background: #041E42;
    color: #041E42;
    height:292px;

	
	}
	
	.farming:hover {
	 background: url("https://www.dutchessny.gov/farming.jpg") no-repeat;
      cursor: pointer;
       background-size: cover;
     box-shadow: inset 0 0 75px rgba(0, 0, 0, 0.5);
	
	}
	
	.culture  {
	background: #041E42;
    color: #041E42;
    height:292px;

	
	}
	
		
	.culture:hover {
	 background: url("https://www.dutchessny.gov/culture.jpg") no-repeat;
     cursor: pointer;
    background-size: cover;
   box-shadow: inset 0 0 75px rgba(0, 0, 0, 0.5);
	
	}
	
	.emerg-prep {
	background: #041E42;
     color: #041E42;
    height:292px;
   
	
	}
	
			
	.emerg-prep:hover {
	 background: url("https://www.dutchessny.gov/emerg-prep.jpg") no-repeat;
     background-size: cover;
     cursor: pointer;
     box-shadow: inset 0 0 75px rgba(0, 0, 0, 0.5);

	
	}
	
	.data {
	background: #041E42;
    color: #041E42;
    height:292px;
  
	
	}
	
	
	.data:hover {
    background: url("https://www.dutchessny.gov/data.jpg") no-repeat;
  
     cursor: pointer;
    background-size: cover;
    box-shadow: inset 0 0 75px rgba(0, 0, 0, 0.5);

	}
	
	.service-help {
     background-color:#041E42;
     cursor: pointer;
     background-size: cover;
     height:292px;
     
	
	}
	
	
	.service-help:hover {
	 background: url("https://www.dutchessny.gov/TD-Services.jpg") no-repeat;
  
     cursor: pointer;
     box-shadow: inset 0 0 75px rgba(0, 0, 0, 0.5);
     background-size: cover;
	
	}
	
		.forms {
     background-color:#041E42;
     cursor: pointer;
     background-size: cover;
     height:292px;
 
	
	}
	
	
	.forms:hover {
	 background: url("https://www.dutchessny.gov/forms.jpg") no-repeat;
     
     cursor: pointer;
     box-shadow: inset 0 0 75px rgba(0, 0, 0, 0.5);
     background-size: cover;
	
	}
	
	.accessibility {
	
	 background-color:#041E42;
     cursor: pointer;
     background-size: cover;
     height:292px;
     
	
	}
	
	
	.accessibility:hover {
	 background: url("https://www.dutchessny.gov/keyboard.jpg") no-repeat;
   
     cursor: pointer;
     box-shadow: inset 0 0 75px rgba(0, 0, 0, 0.5);
     background-size: cover;
	
	}
	
	.all-dept {
	
	 background-color:#041E42;
     cursor: pointer;
     background-size: cover;
     height:292px;
      
	
	}
	
	
	.all-dept:hover {
	 background: url("https://www.dutchessny.gov/dept.jpg") no-repeat;
       cursor: pointer;
     background-size: cover;
    box-shadow: inset 0 0 75px rgba(0, 0, 0, 0.5);
     
	
	}
	
		
	.gov {
	
	 background-color:#041E42;
     cursor: pointer;
     background-size: cover;
     height:292px;
 
	
	}
	
	
	.gov:hover {
	 background: url("https://www.dutchessny.gov/gov.jpg") no-repeat;
 
     cursor: pointer;
     background-size: cover;
    box-shadow: inset 0 0 75px rgba(0, 0, 0, 0.5);
	
	}
	
	
	

	

	
	i.icon-custom-resources {
     color: #fff; 
     font-size: 4em !imporant; 
     line-height: 40px; 
     margin-bottom: 10px; 
     text-align: center; 
     display: inline-block; 
     border:none !important; 
}

i.icon-line {
    font-size: 5em !important; 
}

		.top-icon a:hover {
		
	text-decoration:underline !important;
	opacity:100 !important;
		
		
	}

	
	.i.icon-color-light:hover {
    color: #0066ff;
  
}
			


body,td,th {color: #282828;}
.btn-u { background-color: #13294B; color:#FFFFFF;	}
.btn-u:hover { background-color: #5b697f;	}


/* 
.loginbar {
	background-color:rgba(255, 255, 255, 0.1) !important;
}

 */


#cludo-search-content-form button, #cludo-search-form button {
    background-color:#0066ff !important;}

	.video-headline {
		position: relative;	
		z-index: 99!important;		
		color:#FFFFFF !important;
		top:375px;
		font-family: 'Montserrat', sans-serif !important; 
	
	
		
	}
	
	.border-services {
	   border: 1px solid #041E42;
	}
	
	.service-block-blue {
    background: #041E42;
    color:#041E42;
 
}

.gov-del-input {

height:45px !important;
}
	
/*	
.service-block-blue:hover {
    background-color: #293241;
    
}	
*/
	
	.mega-menu-content {
	background-color:rgba(255, 255, 255, 0.1) !important;
	
	}

.mega-menu-bg-color {
    background-color:rgba(255, 255, 255, 0.1);
    }


.list-group-item-warning {
    background-color: rgba(0, 0, 0, 0.5);
	height: 80px;
	
}
.navbar-toggle {
	
	float:right;
	margin:0px !important;
	padding:0px !important;
}

		
.input-group {
    /* z-index: 9999; */
    border: solid 20px rgba(0,0,0,.5);
}

.fa {
	color:#fff;
	
	
}

#topcontrol:hover {
    background: #0066ff !important;
     border: 1px solid #0066ff;
}


.navbar {
  margin-bottom:0px !important; 
}



/*Video Styles - Do not delete*/



	
	.video-headline h1 {
		font-family: 'Montserrat', sans-serif !important; 
		font-size: 45px;
		font-weight: 700;
		color:#FFFFFF;
		text-shadow:2px 0px 2px rgba(0, 0, 0, 1);
		line-height:inherit;
		
	}




.label {

   font-weight:0 !important; 

}




.navbar-toggle {
 margin-right: 0px;    
}

.mobile-header h2 {
    text-shadow: 2px 0px 2px rgba(0, 0, 0, 1);	
	    font-family: 'Montserrat', sans-serif !important;
	
}




a { color: #FFFFFF;}

li {
	color: #FFFFFF;
	
}


.scrool-heading { font-size: 20px;
	color: #666666;


}

.search-shortcuts h3 {
text-shadow: 2px 0px 2px rgba(0, 0, 0, 1) !important;
	color:#FFF;

	
}

/* .search-shortcuts {
background-color:rgba(0,0,0,0.5) !important;
height:200px;
	
}

*/

.label-primary {
    background-color: #041E42;
}

.label-primary a {
   color: #FFFFFF;
}

span.label {
    font-size: 1.09rem;
	font-family: 'Open Sans', sans-serif;
	font-weight:700 !important;
	line-height: inherit;
   
}
.leg-block {

     background: url("https://www.dutchessny.gov/leg-services-duo.jpg") no-repeat;
     height:100%;
     border-right: 1px solid #FFF;
     background-size:cover;
     cursor:pointer;
     
     
}

.leg-block:hover {

       background:#041E42;
       cursor:pointer;
   
}

.news-block {

  background: url("https://www.dutchessny.gov/news-services-duo.jpg") no-repeat;
    height:100%;
     border-right: 1px solid #FFF;
     background-size:cover;
         cursor:pointer;
}

.news-block:hover {

    background:#041E42;
        cursor:pointer;
  
  
}


.calendar-block {
   background: url("https://www.dutchessny.gov/cal-services-duo.jpg") no-repeat;
   height:100%;
   background-size:cover;
       cursor:pointer;

}
.calendar-block:hover {
       background:#041E42;
   
       cursor:pointer;

}




.dropdown-menu h3  {
  color: #FFF!important;
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;

   }



.dropdown-menu li a  {
  color: #FFF!important;
 	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
   }
	






/* Global */
 

img { max-width:100%; }


    
a:hover {

    text-decoration: underline;
    color:#fff;
    cursor: pointer;
}


 


ul.thumbnails { 
    margin-bottom: 0px;
}







li { list-style-type:none;}



/* Footer =========================== */


.footer-default .footer {
    padding: 20px 0 30px !important;
}

.footer {

    padding: 20px 0 30px !important;
}

.headline-footer h2 {
    border-bottom: 2px solid #CF8F04;
    display: inline-block;
    margin: 0 0 -2px;
    padding-bottom: 5px;
	color:#FFFFFF;
}

.headline-footer {
    border-bottom: 1px dotted #e4e9f0;
    display: block;
    margin: 10px 0 25px;
}

.footer-default .copyright p {
    color: #000000;
    margin-top: 12px;
}

.footer-default .footer {
    background: #00233F none repeat scroll 0 0;
    color: #ebe4d3;
}


.footer-default .copyright {
    background: #eaeaea none repeat scroll 0 0;
    font-size: 12px;
    padding: 11px 0 7px;
}

.footer-default .footer a:hover {
	color: #CF8F04 !important;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.footer-default .footer a {
    color: #ebe4d3;
}

.footer-default .copyright a:hover {
	color: #390000;
}

.footer-default .copyright a  {
    color: #390000;
    margin: 0 5px;
}



::selection { background: #0066ff; color: #fff; text-shadow: 0; }
::-moz-selection { background: #0066ff; color: #FFf; }

.bar-bg {
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.5);
    padding: .5rem 1rem .5rem 1rem;
    border-radius: 100px 0 0 100px;
    position: relative;
    height: 110px;
 
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
    width: 15.5rem;
}

@media (max-width: 1024px) {	

}
.tab-1 {

 border: 1px solid #282828;

}

/* (1366x768) WXGA Display */
@media  screen and (max-width: 1366px) {
   .pop-search {
       display:none!important;
       }
       
       
        
}
     
  
    @media only screen and (max-width: 896px) and (orientation: landscape) { 
    #popular-searches {
    display:none!important;
    }
 }





@media only screen and (min-width: 768px) {

  {

	.search-block-v2 {
	
	    margin-top:-60%;
	    

	
}

.ce {display:none!important;}



} 


/* Start Media 40em =========================== */


@media only screen and (max-width: 40em) {


	
	.header .logo img {
    margin: 0px 0;
}

h1 {
	font-size: 40px!important;
	line-height: 50px important;
	 font-weight:700 important;

}


	
	.video-headline {
    top: 50px !important;
	font-family: 'Montserrat', sans-serif !important; 
}

.mega-menu-bg-color {
    background-color:#0C2639;
    }
    
.service-block2 {
    padding-top: 9px;
    padding-right: 30px;
    padding-bottom: 9px;
    padding-left: 30px;
}    
   
   .li-search {
    
        line-height:40px;
   
   }

	
}


    
    @media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

#popular-searches {
   display:none!important;
   }

}

 
 
 
 
 @media only screen 
and (min-device-width: 1280px) 
and (max-device-height: 800px) {
 #popular-searches {
   display:none!important;
   
   
   }
   
   }
   
  
    
   
   
   
   @media only screen 
and (min-device-height : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) {

#popular-searches {
	 display:none!important;}   
  
   .li-search {
    display:none!important;
      
   } 
 
  
}
   
   
   
   @media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {
  
  #popular-searches {
	 display:none!important;}
   
  
   .li-search {
    display:none!important;
      
   }
   
   .search-block-v2 {
    display:none!important;
      
   }

}