.grid {}
.grid li {display: block;float: left;padding: 15px;width: 33%; opacity: 0;}
.grid li.shown,
.no-js .grid li,
.no-cssanimations .grid li {opacity: 1;}
.grid li a,
.grid li img {outline: none;border: none;display: block;max-width: 100%;}

/* Effect 6 flip*/
.grid.effect-6 {-webkit-perspective: 1300px;perspective: 1300px;}
.grid.effect-6 li.animate {-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transform-origin: 0% 0%;transform-origin: 0% 0%;-webkit-transform: rotateX(-80deg);transform: rotateX(-80deg);-webkit-animation: flip .8s ease-in-out forwards;animation: flip .8s ease-in-out forwards;}

@-webkit-keyframes flip {
0% { }
100% { -webkit-transform: rotateX(0deg); opacity: 1; }
}
@keyframes flip {
0% { }
100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; }
}

figure{position:relative;overflow:hidden; margin:0px;}
figure.effect-goliath{background:#ebf1f5;}
figure.effect-goliath figcaption{margin:0px;padding:0px;text-align:center;opacity:1;}
figure.effect-goliath img{-moz-transition: -webkit-transform 0.35s; -o-transition: -webkit-transform 0.35s;  -webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;position:relative;z-index:9;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
figure.effect-goliath h2{position:relative;_bottom:0;_left:0;padding:0px 0px 30px;width:100%;text-align:center;color:#000;}
figure.effect-goliath p {position: relative; bottom:0; left:0; padding:0px; width:100%; text-align:center; color:#000; font-weight:bold !important}
figure.effect-goliath h2{text-transform:uppercase;opacity:1;font-size:15px !important;font-weight:800 !important; height:55px;}
figure.effect-goliath p{text-transform:none;opacity:1;font-size:14px;font-weight:400; padding:10px; text-decoration:none !important; margin:0px;}
a:hover {text-decoration:none !important;}
a:hover p {color:#814e0d !important}
/*figure.effect-goliath:hover img {-webkit-transform: translate3d(0,-55px,0); transform: translate3d(0,-55px,0);}*/
/*figure.effect-goliath:hover h2{opacity:1;padding:10px; line-height:normal}*/
/*figure.effect-goliath:hover p{opacity:1;}
figure.effect-goliath figcaption{position:relative;bottom:0;left:0;padding:15px 10px;width:100%;text-align:center;color:#000;}*/
/*figure.effect-goliath:hover figcaption{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}*/
/*figure.effect-goliath h2{text-transform:uppercase;opacity:0;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s, all 0.35s;transition:opacity 0.35s, transform 0.35s, all 0.35s;-webkit-transform:translate3d(0,0px,0);transform:translate3d(0,0px,0);font-size:15px !important;font-weight:800 !important}
figure.effect-goliath p{text-transform:none;opacity:0;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0);font-size:14px;font-weight:400;}*/
/*figure.effect-goliath:hover h2{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}*/
/*figure.effect-goliath:hover p{opacity:1;-webkit-transform:translate3d(0,0px,0);transform:translate3d(0,0px,0);}*/

.grid-news li {display: block;float: left;padding: 15px;width: 49.5%; opacity: 1;}

.grid-shows {max-width: 69em;list-style: none;margin: 0px -1.5% auto;padding:0px 5px;}
.grid-shows li {display: block;float: left;padding: 1%;width: 32.6%; opacity: 0;}


@media (max-width: 1024px) {
.grid li {display: block;float: left;padding: 1.8%;width: 32.6%; opacity: 0;}
.grid-news li {display: block;float: left;padding: 15px;width: 32.6%; opacity: 1;}
}

@media (max-width: 992px) {
.grid li {display: block;float: left;padding: 1.8%;width: 32.6%; opacity: 0;}
.grid-news li {display: block;float: left;padding: 15px;width: 49%; opacity: 1;}
}

@media (max-width: 767px) {
.grid li {display: block;float: left;padding: 15px;width: 100%; opacity: 0;}
.grid-news li {display: block;float: left;padding:10px 0px;width: 100%; opacity: 1; left:0px !important;}
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
/*figure.effect-goliath:hover img {-webkit-transform:none; transform: none;}
figure.effect-goliath:hover h2{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
figure.effect-goliath h2{text-transform:uppercase;opacity:1;-webkit-transform:none;transform:none;}
figure.effect-goliath figcaption{position:absolute;bottom:-50px;left:0;padding:15px 10px;width:100%;text-align:center;color:#000; transition:all 0.6s ease; min-height:50px;}
figure.effect-goliath:hover figcaption{opacity:1;bottom:0px;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);background:rgba(255,255,255,0.85); z-index:9999;}*/
}