#phoe-promo { background-color: #f5f5f5; height: 715px; position: relative; }
#phoe-promo .mouse-icon { width: 100%;left: 0; bottom: 20px; position: absolute; text-align: center; z-index: 10; }
#phoe-promo .mouse-icon img { cursor: pointer; height: 54px; }
.dli-box { 
    overflow: hidden; 
    cursor: pointer; 
    float: left; 
    background-color: #9d9fa2; 
    -webkit-box-shadow: -9px 6px 23px -2px #707070; 
    -moz-box-shadow: -9px 6px 23px -2px #707070; 
    box-shadow: -9px 6px 23px -2px #707070;
}
.dli-box:hover { background-color: #c7c8ca; }
.dli-box h2 { font-weight: normal; margin: 0; padding: 20px 0; text-align: center; font-family: gothamMedium; font-size: 24px; color: #11100e; }
.dli-box .dli-image { background-color: #f5f5f5; height: 235px; }

/* slider */
.swiper-container { position: absolute; top: 0; width: 100%; height: 100%; z-index: 15; }
.swiper-slide { background-position: center; background-size: cover; }
.swiper-slide h1 { font-family: gothamMedium; font-size: 46px; color: #fff; text-transform: uppercase; font-weight: normal; }
.swiper-button-prev, .swiper-button-next { box-sizing: border-box; width: 65px; height: 50px; background-image: url(../img/icon/spacer.png) !important; }
.swiper-button-prev { text-align: right; left: 20px !important; }
.swiper-button-next { right: 20px !important; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url(../img/icon/spacer.png) !important; }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { background-image: url(../img/icon/spacer.png); }
.slide-text span { color: inherit !important; }
.slide-text p {opacity: 0; font-size: 19px; font-family: gothamLight; padding: 0px 20px 20px 20px;}

.grayscale {
    -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(100%);
    filter: gray;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-box-shadow: -9px 6px 23px -2px #707070; 
    -moz-box-shadow: -9px 6px 23px -2px #707070; 
    box-shadow: -9px 6px 23px -2px #707070;
}