/* CSS Document */

.showcase-page{ background:#28292a;}
.showcase-page .body_main_section{padding:40px 0 40px;}

.showcase-page .section_title{ margin-bottom:10px; color:#adadad;}
.showcase-page .page_title{ font-size:43px; line-height:45px; color:#fff;}
.showcase-page .text-highlighted{ font-size:20px; color:#767676; line-height:30px;}

.showcase-page .like-share ol{ text-align:left;}
.showcase-page .like-share ol li,
.showcase-page .like-share ol li a{ color:#fff;}
.showcase-page .like-share ol li:first-child{ padding-left:20px;}
.showcase-page .like-share .like_cnt{ background-color:#fff; color:#767676;}


.showcase-slider figcaption{ font-size:14px; line-height:20px; color:#fff; min-height:125px; padding:10px 0;}

.slider-nav.slick-slider .slick-slide { outline:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
.slider-nav.slick-slider .slick-slide img{ transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; width:100%;}
.slider-nav.slick-slider .slick-current img{filter:grayscale(100%); -webkit-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); -moz-filter:grayscale(100%);}
.slider-nav.slick-slider .slick-current{ position:relative;}

.slider-nav.slick-slider  .slick-current .thumb-img{ position:relative;}
.slider-nav.slick-slider .slick-current .thumb-img:after{ content:''; position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.4); }
.slider-nav.slick-slider .slick-current .thumb-img:before{content:''; position:absolute;  left:0; right:0; top:0; bottom:0;box-shadow:inset 0 0 0 4px rgba(255,255,255,1); z-index:99;}

.thumb-img{ padding:4px; margin:5px;}

.showcase-lt{ padding-right:40px;}

.slick-prev.slick-arrow,
.slick-next.slick-arrow{ position:absolute; top:50%; z-index:9; background:url(../images/slide_arrow.png) no-repeat; height:30px; width:25px; text-indent:-999px; border:none; outline:none;}
.slick-prev.slick-arrow{ left:-30px; background-position:0 0;}
.slick-next.slick-arrow{ right:-30px; background-position:100% 0;}



@media all and (max-width:1440px){
 .showcase-page .body_main_section{ padding:25px 0;} 
}

@media all and (max-width:1180px){
.showcase-lt{ padding-right:0px;}
}


@media all and (max-width:767px){
.showcase-slider{ margin:30px 0;}
.showcase-page .page_title{font-size: 28px;line-height: 35px;}
}