﻿
#icon-container {
display: inline-block;
vertical-align: top;
width: 100%;
position: relative;
background: #fff;
min-height: 325px;
height: 100%;
border-bottom: 3px solid #378ec4;
margin-bottom: 5em;
}

#panel-container {
padding: 0;
text-align: center;
}

#icon-container ul.tab-nav {
background: #fff;
display: inline-block;
width: 100%;
text-align: center;
border-bottom: 3px solid #378ec4;
}

#icon-container ul.tab-nav li.active {
background: #378ec4;

}

#icon-container ul.tab-nav li.active a,
#icon-container ul.tab-nav li.active h2 {
color: #fff;
}


#icon-container ul li {
display: inline-block;
width: 100%;
position: relative;
padding-left: 0;
text-align: center;
height: 100%;
padding:0;
}

#icon-container ul li h2 {
color: #333333;
font-size: 1.8em;
}

#icon-container ul li a {
font-size: inherit;
display: inline-block;
position: relative;
width: 100%;
padding:15px 15px 10px 15px;
}

#icon-container ul li .fa {
font-size: 6em;
padding: 10px;
}

#icon-container .bx-wrapper{ max-width: 1300px !important; background: #fff; display: inline-block; text-align: center; }

#icons_business,#icons_residents, #icons_visitors {
display: inline-block;
vertical-align: middle;
text-align: center;
height: 100%;
position: relative;
margin: 20px 0 40px 0;
background: white;
width: 92%;	
}

#icons_business .bx-wrapper, #icons_residents .bx-wrapper, #icons_visitors .bx-wrapper {margin:0px;}

#icons_business #carousel a,
#icons_residents #carousel a,
#icons_visitors #carousel a {text-align:center;width:100%;display:block;line-height: 0.9em; font-weight: normal; color: #333333; white-space: normal;padding:15px 0; }

#icons_business #carousel,
#icons_residents #carousel,
#icons_visitors #carousel {font-size:0.8em;}

#icons_business ul li a img,
#icons_residents ul li a img,
#icons_visitors ul li a img { display: block;  margin: 0 auto;  max-width: 90%; height:64px;}

#icons_business .tray-resources,
#icons_residents .tray-resources,
#icons_visitors .tray-resources {
bottom: 2px;
color: #FFFFFF !important;
display: block;
font-size: 1.4em;
font-weight: bold;
position: absolute;
right: 2em;
}

#icons_business .bx-viewport,
#icons_residents .bx-viewport,
#icons_visitors .bx-viewport{
height: 100% !important;
width: 100% !important;
margin: 0 auto !important;
padding: 14px 0 0 0;
}

#icons_business #carousel span,
#icons_residents #carousel span,
#icons_visitors #carousel span {
max-width: 200px;
font-size: 1.8em;
height: auto;
display: inline-block;
padding-top: 15px;
line-height: 24px;
}

#icons_business #carousel li,
#icons_residents #carousel li,
#icons_visitors #carousel li {
font-size: 1.4em;
line-height: 24px;
padding: 0 15px;
margin: 0;
width: 165px !important;
display: inline-block;
vertical-align: top;
}

#icons_business .bx-wrapper .bx-controls-direction a,
#icons_residents .bx-wrapper .bx-controls-direction a,
#icons_visitors .bx-wrapper .bx-controls-direction a {
height: 100%;
outline: 0 none;
position: absolute;
text-indent: -9999px;
top: 0;
line-height: 22px;
width: 60px;
z-index: 50;
margin-top:0px;
visibility: hidden;
}

#icons_business .bx-wrapper .bx-prev,
#icons_residents .bx-wrapper .bx-prev,
#icons_visitors .bx-wrapper .bx-prev{
left: 0px;
background: url('/img/00/arrows_icon_home.png') no-repeat left center  #fff !important;

transition: opacity .3s ease-in-out; 
-o-transition: opacity .3s ease-in-out; 
-moz-transition: opacity .3s ease-in-out; 
-webkit-transition: opacity .3s ease-in-out;
}

#icons_business .bx-wrapper .bx-next,
#icons_residents .bx-wrapper .bx-next,
#icons_visitors .bx-wrapper .bx-next {
right: 0px;
background: url('/img/00/arrows_icon_home.png') no-repeat right center #fff !important;

transition: opacity .3s ease-in-out; 
-o-transition: opacity .3s ease-in-out; 
-moz-transition: opacity .3s ease-in-out; 
-webkit-transition: opacity .3s ease-in-out;
}

.bx-default-pager { visibility: hidden; height: 0px; width: 0px;}

#icons_business .bx-wrapper .bx-prev:hover,
#icons_residents .bx-wrapper .bx-prev:hover,
#icons_visitors .bx-wrapper .bx-prev:hover {
background-position: left center;
opacity: 0.6;
}

#icons_business .bx-wrapper .bx-next:hover,
#icons_residents .bx-wrapper .bx-next:hover,
#icons_visitors .bx-wrapper .bx-next:hover {
background-position: right center 0;
opacity: 0.6;
}

#icons_business .tray-resources,
#icons_residents .tray-resources,
#icons_visitors .tray-resources {display:none;}

p.mobile-help {
display: inline-block;
margin: 20px 0;
}

@media only screen and (min-width: 768px) {

	#icons_business #carousel,
	#icons_residents #carousel,
	#icons_visitors #carousel a {margin: 0;}

	#icon-container ul li {
	width: 141px;
	}

	p.mobile-help {
	display: none;
	}

	#icons_business #carousel li,
	#icons_residents #carousel li,
	#icons_visitors #carousel li {
	width: 196px !important;
	}

	#icons_business .bx-wrapper .bx-controls-direction a,
	#icons_residents .bx-wrapper .bx-controls-direction a,
	#icons_visitors .bx-wrapper .bx-controls-direction a { visibility: visible; }

}

@media only screen and (min-width: 1030px) {


}