/* GRIDDER STYLES */
.gridder{margin:0px;padding:0px;list-style-type:none;text-align:center;}
.gridder-list{display:inline-block;vertical-align:top;position:relative;cursor:pointer;width:32%}
.gridder-list:hover{opacity:0.8}
.gridder-list:nth-child(n){margin-bottom:1%;margin-right:1%}
.gridder-list .image{background-color:#EEE;background-image:url("//cdn.ymaws.com/www.nomma.org/resource/resmgr/gridder/loading-spin.svg");background-size:cover;background-position:center;height:200px}
.gridder-list .overlay{position:absolute;left:5px;top:5px;color:#FFF; text-align: left; background-color: rgba(0, 0, 0, 0.45); padding-inline: 10%}
.gridder-list .overlay .title{font-weight:800;font-size:16px}
.gridder-list .overlay .description{font-weight:300;font-size:14px}

.gridder-list:nth-of-type(3n){margin-right:0;margin-bottom:0}


.gridder-show{float:left;display:block;width:100%;padding:0px;margin-bottom:20px;-webkit-box-shadow:inset 0px 0px 20px 5px rgba(0,0,0,0.16);-moz-box-shadow:inset 0px 0px 20px 5px rgba(0,0,0,0.16);box-shadow:inset 0px 0px 20px 5px rgba(0,0,0,0.16);position:relative;background:#EEE url("//cdn.ymaws.com/www.nomma.org/resource/resmgr/gridder/loading-spin.svg") no-repeat center}

.gridder-show.loading{background:#EEE url("//cdn.ymaws.com/www.nomma.org/resource/resmgr/gridder/loading-spin.svg") no-repeat center}

.gridder-navigation{z-index:1;position:absolute;top:0px;left:0px;padding:0px;text-align:center}
.gridder-navigation a{background:#FFF;display:inline-block;padding:15px;color:#000;text-decoration:none;font-size:24px;margin-right:0px;transition:all .3s ease-in-out}
.gridder-navigation a:hover{background:#000;color:#FFF}
.gridder-navigation a.disabled{opacity:0}
.gridder-expanded-content{animation-name:fadeIn;animation-duration:.3s;animation-fill-mode:both}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}

.gridder-expanded-content img{width: 100%;max-width: 100%;}

.gridder-show .description{position:absolute;top:60px;left:0px;right:0px;text-align:center;font-weight:300;font-size:16px;width:100%;line-height:170%;color:#FFF}
.gridder-show .description h2{display:inline-block;background:#000;color:#FFF;padding:5px;margin-bottom:5px;font-size:60px;font-weight:700;}
.gridder-show .description h3{display:inline-block;background:#000;color:#FFF;padding:5px;font-size:20px;margin-bottom:5px;font-weight:300;}


.gridder-content{display:none}
.gridder-navigation .gridder-nav.disabled{opacity:.5}
.hasSelectedItem .gridder-list{opacity:.5}
.hasSelectedItem .gridder-list.selectedItem{opacity:1}

.gridder.hasSelectedItem .gridder-list{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);opacity:0.5}
.gridder.hasSelectedItem .gridder-list.selectedItem{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:100}





@media (min-width:768px){.container.container-big{width:750px}}@media (min-width:960px){.container.container-big{width:900px}}@media (min-width:1200px){.container.container-big{width:1016px}}


@media all and (max-width:767px) {
	.container.container-big {width: 100%;}
	.gridder {margin: 0 auto;text-align: center;}
	.gridder-list {width: 47%; margin: 1% !important;}
	.gridder-list .image {height: auto;padding-top: 60%;}
	.gridder-show .description h2 {font-size: 40px;}
	.gridder-show .description h3 {font-size: 14px;}
	.gridder-navigation a {padding: 10px;font-size: 17px;}
}

@media all and (max-width:480px) {
	.gridder-list {width: 100%;margin: 0 auto 15px !important;}
}