/* body {
  padding-bottom: 1000px
} */

.gridder {
  margin: 0px;
  padding: 0px;
  list-style-type: none
}

.gridder-list {
  display: inline-block;
  vertical-align: top
}

.gridder-show {
  display: block;
  float: left;
  width: 100%;
  position: relative;
  background: #EEE url("../images/loading-spin.svg") no-repeat center
}

.gridder-show.loading {
  background: #EEE url("../images/loading-spin.svg") no-repeat center
}

.gridder-content {
  display: none
}

.gridder-list {
  width: 49.5%
}

.gridder-list:nth-child(n) {
  margin-bottom: 1%;
  margin-right: 1%
}

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

.gridder-show {
  padding: 20px;
  background: #EEE;
  margin-bottom: 1%
}

.gridder-navigation .gridder-nav.disabled {
  opacity: .5
}

.gridder-list {
  cursor: pointer
}

.gridder-list:hover {
  opacity: 0.8
}

.hasSelectedItem .gridder-list {
  opacity: .5
}

.hasSelectedItem .gridder-list.selectedItem {
  opacity: 1
}

@media screen and (min-width: 700px) {
  .gridder-list {
    width: 15.8333333333%
  }

  .gridder-list:nth-child(n) {
    margin-bottom: 1%;
    margin-right: 1%
  }

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

/*# sourceMappingURL=demo.css.map */




.container.container-big{width:80%}
        hr{margin:40px 0;border:0px;border-top:1px solid #EEE}
        img{width:100%;max-width:100%}
        h1{text-align:center}
        .headline{text-align:center}
        .paragraph{text-align:center;color:#000;font-family:'Arial', sans-serif;font-size:12px}
        .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}
        .gridder-list{display:inline-block;position:relative;cursor:pointer;width:32.66667%}
        .gridder-list:nth-child(n){margin-bottom:1%;margin-right:1%}
        .gridder-list:nth-of-type(3n){margin-right:0;margin-bottom:0}
        .gridder-list .overlay{position:absolute;left:15px;top:15px;color:#FFF}
        .gridder-list .overlay .title{font-weight:800;font-size:16px}
        .gridder-list .overlay .description{font-weight:300;font-size:14px}
        .gridder-list .image{background-color:#EEE;background-image:url("../images/loading-spin.svg");background-size:cover;background-position:center;height:250px}
        @media only screen and (max-width: 768px){
            .gridder-list{width:48%}
            .gridder-list .image{height:auto}
        }
        /* .gridder-show{float:left;display:block;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)} */
        .gridder-show .description{position:absolute;top:60px;left:0px;right:0px;text-align:center;font-family:Arial, serif;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;font-family:'Open Sans', sans-serif}
        .gridder-show .description h3{display:inline-block;background:#000;color:#FFF;padding:5px;font-size:20px;margin-bottom:5px;font-weight:300;font-family:'Open Sans', sans-serif}
        @media only screen and (max-width: 768px){
            .gridder-show{padding:15px}
        }
        .gridder-navigation{z-index:1;position:absolute;top:0px;right: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-navigation .gridder-nav span { display: block; height: 23px; width: 14px; }
        .gridder-navigation .gridder-nav.prev {  }
        .gridder-navigation .gridder-nav.prev span { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAXBAMAAADJv2OxAAAAMFBMVEX///+ZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZnHHh8xAAAAD3RSTlMAESIzRFVmd4iZqrvM3e5GKvWZAAAAdElEQVQI12NgAAH2v2CKsf83mJb8vxBEMe3/KQCitf83gLn3n4Flff8FgCjW90/A3Pw/BiBK4v0lMHf+bwUw/R/CZVj/SwBq5kaIQD1UAfv7yxCBuH8OYJrl/VWIgM3/AjDNdP45REDq/0SI+9b/gghw/AUAn68l+4HFkZUAAAAASUVORK5CYII=) center no-repeat; }
        .gridder-navigation .gridder-nav.next { -webkit-transform: scaleX(-1); transform: scaleX(-1); }
        .gridder-navigation .gridder-nav.next span { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAXBAMAAADJv2OxAAAAMFBMVEX///+ZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZnHHh8xAAAAD3RSTlMAESIzRFVmd4iZqrvM3e5GKvWZAAAAdElEQVQI12NgAAH2v2CKsf83mJb8vxBEMe3/KQCitf83gLn3n4Flff8FgCjW90/A3Pw/BiBK4v0lMHf+bwUw/R/CZVj/SwBq5kaIQD1UAfv7yxCBuH8OYJrl/VWIgM3/AjDNdP45REDq/0SI+9b/gghw/AUAn68l+4HFkZUAAAAASUVORK5CYII=) center no-repeat; }
        .gridder-navigation .gridder-nav:hover { background: #3d3d3d; }
        .gridder-navigation .gridder-close span { background: url(data:image/gif;base64,R0lGODlhFAAUAJEAAE1NTf///////wAAACH5BAEHAAIALAAAAAAUABQAAAIzBISpK+YMm5Enpodw1HlCfnkKOIqU1VXk55goVb2hi7Y0q95lfG70uurNaqLgTviyyUoFADs=) no-repeat center center; display: block; height: 23px; width: 30px; }
        .gridder-navigation .gridder-close:hover { background: #3d3d3d; color: #fff; }
        h3 { margin-top: 20px; }