.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.isotope, .isotope .isotope-item {
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    -webkit-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height,  width;
    -moz-transition-property: height,  width;
    -ms-transition-property: height,  width;
    -o-transition-property: height,  width;
    transition-property: height,  width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform,  opacity;
    -moz-transition-property: -moz-transform,  opacity;
    -ms-transition-property: -ms-transform,  opacity;
    -o-transition-property: -o-transform,  opacity;
    transition-property: transform,  opacity;
}
.isotope.no-transition, .isotope.no-transition .isotope-item {
    -moz-transition-duration: 0;
    -o-transition-duration: 0;
    -webkit-transition-duration: 0;
    transition-duration: 0;
}
.isotope.infinite-scrolling {
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
}
html a.rounder, html a:visited.rounder {
    color:#fff;
	font-size: 0.8em;
}

.front-content .circle {
    width: 80px;
    height: 80px;
    border-radius: 100px;
    border: 2px solid #CCCCCC;
    /*margin: auto;*/
	margin: 0px 10px 10px 0px;
	float:left;
	background-color: #ffffff;
}
.circle_atlas {background:url('../../global/images/interactive/atlas.png') 59% 60%;background-size:cover;}
.circle_ng_navigator {background:url('/global/images/interactive/nat_gas_nav.png') 59% 60%;background-size:cover;}
.circle_ng_map {background:url('/global/images/interactive/nat_gas_map.png') 59% 60%;background-size:cover;}
.circle_ng_query {background:url('/global/images/interactive/nat_gas_query.png') 59% 60%;background-size:cover;}
.circle_pet_map {background:url('/global/images/interactive/petroleum_map.png') 59% 60%;background-size:cover;}
.circle_fossil_fuel {background:url('/global/images/interactive/fossil_fuel_map.png') 59% 60%;background-size:cover;}
.circle_disruptions {background:url('/global/images/interactive/disruptions.png') 59% 60%;background-size:cover;}
.circle_steo {background:url('../../global/images/interactive/steo.png') 59% 60%;background-size:cover;}
.circle_radio {background:url('/global/images/interactive/radio.png') 59% 60%;background-size:cover;}
.circle_totalenergy_mer {background:url('../../global/images/interactive/totalenergy_mer.png') 59% 60%;background-size:cover;}
.circle_elec_data {background:url('/global/images/interactive/elec_data_browse.png') 59% 60%;background-size:cover;}
.circle_coal_data {background:url('/global/images/interactive/coal_data_browse.png') 59% 60%;background-size:cover;}
.circle_renew_data {background:url('/global/images/interactive/renewables-map.jpg') 59% 60%;background-size:cover;}
.circle_crude_import_data {background:url('/global/images/interactive/crude_import_tool.png') 59% 60%;background-size:cover;}
.circle_aeo {background:url('/global/images/interactive/aeo.png') 59% 60%;background-size:cover;}
.circle_video {background:url('/global/images/interactive/video.png') 59% 60%;background-size:cover;}
.circle_nuclear_outages {background:url('/global/images/interactive/nuclear_outages2.png') 59% 60%;background-size:cover;}
.circle_afv {background:url('/global/images/interactive/afv.png') 59% 60%;background-size:cover;}
.circle_930 {background:url('/global/images/interactive/930.png') 59% 60%;background-size:cover;}

.circle_bulk {background:url('/global/images/interactive/bulk_download.png') 59% 60%;background-size:cover;}
.circle_excel {background:url('/global/images/interactive/excel.png') 59% 60%;background-size:cover;}
.circle_google {background:url('/global/images/interactive/google_sheets.png') 59% 60%;background-size:cover;}
.circle_flood {background:url('/global/images/interactive/flood.png') 59% 60%;background-size:cover;}
.circle_ieo {background:url('/global/images/interactive/ieo.png') 59% 60%;background-size:cover;}
.circle_intportal {background:url('/global/images/interactive/international.png') 59% 60%;background-size:cover;}
.circle_ies {background:url('/global/images/interactive/ies.png') 59% 60%;background-size:cover;}
.circle_gulf {background:url('/global/images/interactive/gulf.png') 59% 60%;background-size:cover;}
.circle_state {background:url('../../global/images/interactive/us.png') 59% 60%;background-size:cover;}
.circle_api {background:url('../../global/images/interactive/api.png') 59% 60%;background-size:cover;}
.circle_embed {background:url('/global/images/interactive/embed.png') 59% 60%;background-size:cover;}
.circle_calc {background:url('/global/images/interactive/calc.png') 59% 60%;background-size:cover;}
.circle_ph {background:url('/global/images/interactive/placeholder.png') 59% 60%;background-size:cover;}
.circle_play {background:url('/global/images/interactive/play.png') 59% 60%;background-size:cover;}
.circle_nat_gas_dashboard {background:url('/global/images/interactive/natural-gas-storage.png') 59% 60%;background-size:cover;}
.circle_new_england_dashboard {background:url('/global/images/interactive/new-england-dashboard.png') 59% 60%;background-size:cover;}
.circle_southern_california {background:url('/global/images/interactive/southern-california-der.png') 59% 60%;background-size:cover;}
.circle_recs {background:url('/global/images/interactive/recs-dashboard.png') 59% 60%;background-size:85%; background-repeat: no-repeat;}
.circle_rto {background:url('/global/images/interactive/rto.png') 59% 60%;background-size:85%; background-repeat: no-repeat;}

.filter-button-group button {
	border: 0px;
    background-color: #a33340;
    color: #FFF;
	text-transform:uppercase;
	font-weight:bold;
    padding: 10px;
    margin-right: 15px;
    min-width: 125px;
	cursor:pointer;

}

.filter-button-group button[data-filter=".maps"] {
    background-color: #189bd7;

}

.filter-button-group button[data-filter=".tools"] {
    background-color: #BD732A;
}

.filter-button-group button[data-filter=".databrowsers"] {
	background-color: #5d9732;
}

.filter-button-group button[data-filter=".dashboards"] {
	background-color: #513c7a;
}

.filter-button-group button:hover {
	opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
}

.filter-button-group {
    margin: 16px 0px;
}
.l-row.l-full-width-col.data-tools {
	padding-right: 0px;
}
.l-row.l-full-width-col .l-col {
	width: 100%;
}
.grid {
	margin-left: 8px;
}
.grid-item {
    width: 285px;
    height: 188px;
    border: 1px solid #ccc;
    border-top: 6px solid #189bd7;
    background-color: #fafafa;
    border-bottom: 2px solid #189bd7;
    margin: 0 14px 20px 14px;
    padding: 15px;
}

.maps { /*BD732A*/
    border-bottom-color: #189bd7;
    border-top-color: #189bd7;
}
.tools { 
    border-bottom-color: #BD732A;
    border-top-color: #BD732A;
}

.databrowsers {
    border-top-color: #5d9732;
    border-bottom-color: #5d9732;
}
.dashboards {
    border-top-color: #513c7a;
    border-bottom-color: #513c7a;
}

.front-content {
    overflow: hidden;
    border: none; 
    background: #fafafa;
    padding: 15px;  
}

.front-content h3 {
    font-size: 20px;
    color: #333;
	font-weight: 600;
	position: relative;
	top: 6px;
    border:none;
    text-align: left;
    margin-top: 20px;
	display:inline;
	text-transform:none;
	/*float:left;*/
}

.back-content {
    overflow: hidden;
    border: none; 
    padding: 15px;
    color: #fff;
}

.back-content .synopsis {
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 18px;
}

.card_front,
.card_back {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
	cursor:pointer;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.3s;
          transition: transform 0.3s;
}

.grid-item.effect__click.flipped .card_front {
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}

.grid-item.effect__click.flipped .card_back {
  -webkit-transform: rotateY(0);
          transform: rotateY(0);
}

.card_back {
  background: #189bd7;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}

.databrowsers .card_back {
  background: #5d9732;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}

.maps .card_back {
  background: #189bd7;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}

.tools .card_back {
  background: #BD732A;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}
.dashboards .card_back {
  background: #513c7a;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}

/*Mobile Portrait*/

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

	.grid {
		width: 100%;
		margin: 0 auto;
	}

	.grid-item {
		width: 100%;
		height: 160px;
		padding: 0;
		margin: 0 0 20px 0;
	}

	.filter-button-group {
		width: 100%;
	}

	.filter-button-group button {
		margin-bottom: 20px;
	}

	.filter-button-group button {
		min-width: 90px;
	}

}

/* Larger Mobile */

@media (min-width: 480px) and (max-width: 767px) {

	.grid {
		width: 100%;
	}

	.grid-item {
		width: 100%;
		height: 160px;
		padding: 0;
		margin: 0 0 20px 0;
	}

	.filter-button-group {
		width: 100%;
	}

	.filter-button-group button {
		margin-bottom: 20px;
	}

}

/*Tablets Portait*/

@media (min-width: 768px) and (max-width: 959px) {

	.grid {
		width: 100%;
	}

	.grid-item {
		width: 45%;
		height: 160px;
		padding: 0;
	}

}