.block-explore-world { background:#edefed; padding:50px 0; }
.block-explore-world .block-title { text-align:center; padding-bottom:20px; }
.block-explore-world .block-title h3 { font-size:34px; color:#565a5c; font-weight:600; }
.block-explore-world .block-title p { font-size:17px; color:#565a5c; }
.block-explore-world figure{background:#000;margin:0;cursor:pointer;float:left;margin:20px 0;max-height:330px;overflow:hidden;position:relative;text-align:center;width:100%;}
.block-explore-world figure img {position:relative;display:block;/*min-height:100%;max-width:100%;*/opacity:0.8;}
.block-explore-world figure figcaption {padding:2em 0.5em;color:#fff;text-transform:uppercase;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden; }

.block-explore-world figure figcaption::before,.block-explore-world figure figcaption::after{pointer-events:none;}
.block-explore-world figure figcaption,.block-explore-world figure figcaption > a {position:absolute;top:0;left:0;width:100%;height:100%;}
.block-explore-world figure figcaption > a{z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0;}
.block-explore-world figure h4 {font-size:30px; line-height:100%;font-weight:600;color:#ffffff;padding-top:30%;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(0,-20px,0);transform: translate3d(0,-20px,0);}
.block-explore-world .col-sm-8 figure h4 { padding-top:20%;}
.block-explore-world figure h4,.block-explore-world figure p {margin:0;}
.block-explore-world figure p {letter-spacing:1px;font-size:68.5%;padding: 20px 2.5em;opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(0,20px,0);transform: translate3d(0,20px,0);}
.block-explore-world figure img {opacity: 0.7;-webkit-transition: opacity 0.35s;transition: opacity 0.35s;}
.block-explore-world figure:hover img {opacity: 0.4;}
.block-explore-world figure figcaption::before,
.block-explore-world figure figcaption::after { display:none; position: absolute;top: 30px;right: 30px;bottom: 30px;left: 30px;content: '';opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
.block-explore-world figure figcaption::before { border-top: 1px solid #fff;border-bottom: 1px solid #fff;	-webkit-transform: scale(0,1);transform: scale(0,1);}
.block-explore-world figure figcaption::after {border-right: 1px solid #fff;border-left: 1px solid #fff;-webkit-transform: scale(1,0);transform: scale(1,0);}
.block-explore-world figure h4 {-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(0,-10px,0);transform: translate3d(0,-10px,0);}
.block-explore-world figure:hover figcaption::before,.block-explore-world figure:hover figcaption::after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.block-explore-world figure:hover h4,.block-explore-world figure:hover p {opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}

.block-community { background:#f5f5f5; padding:50px 0 20px; }
.block-community .block-title { text-align:center; padding-bottom:20px; }
.block-community .block-title h3 { font-size:34px; color:#565a5c; font-weight:600; }
.block-community .block-title p { font-size:17px; color:#565a5c; }
.block-community figure{margin:0;cursor:pointer;float:left;margin:20px 0;max-height:490px;overflow:hidden;position:relative;text-align:center;width:100%;}
.block-community figure img{position:relative;display:block;/*min-height:100%;max-width:100%;*/}
.block-community figure figcaption{padding:2em;color:#fff;text-transform:uppercase;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.block-community figure figcaption::before,
.block-community figure figcaption::after{pointer-events:none;}
.block-community figure figcaption,.block-community figure figcaption > a{position:absolute;top:0;left:0;width:100%;height:100%;}
.block-community figure figcaption > a{z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0;}
.block-community figure h4{font-size:30px; line-height:100%; font-weight:600; color:#ffffff;}
.block-community figure h4,.block-community figure p{margin:0;}
.block-community figure p{letter-spacing:1px;font-size:68.5%;}
figure.block-community-holidays,figure.block-community-holidays p{background:#d9ba2b;}
figure.block-community-story,figure.block-community-story p{background:#7fb254;}
.block-community figure img,.block-community figure h4{-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;}
.block-community figure img{-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.block-community figure h4,.block-community figure p{position:absolute;bottom:0;left:0;right:0;padding:30px;}
.block-community figure p{text-transform:none;font-size:90%;opacity:0;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0);}
.block-community figure:hover img{-webkit-transform:translate3d(0,-65px,0);transform:translate3d(0,-65px,0);}
.block-community figure:hover h4{-webkit-transform:translate3d(0,-75px,0);transform:translate3d(0,-75px,0);}
.block-community figure:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}

@media (max-width: 991px){
	.block-explore-world figure { max-height:350px; }
	.block-explore-world figure figcaption h4 { padding-top:20%; }
	.block-community figure img { width:100%; }
}
@media (max-width: 767px){
	.banner-text h2 { font-size:30px; }
	.banner-text p { font-size:14px; }
	.block-explore-world figure { float:none; margin:0px auto; background:none; text-align:center; }
	.block-explore-world figure img { display:block;opacity:1; }
	.block-explore-world figure .backbutton,.block-explore-world figure .submit{ padding:4px 15px; font-size:12px; }
	.block-explore-world figure figcaption::before,.block-explore-world figure figcaption::after { display:none; }
	.block-explore-world .block-title h3,
	.block-community .block-title h3 { font-size:24px; }
	.block-explore-world figure h4,
	.block-community figure h4 { font-size:30px; }
	.block-community figure p { padding:15px; }
}
@media (max-width: 480px) {
	.block-explore-world figure { float:none; margin:0px auto; }
	.block-explore-world figure figcaption h4 { padding-top:18%; font-size:20px; }
}
