Slider

} .featured-slider-wrap { position: relative; padding: 15px; overflow: hidden; background: #ffffff; border: 1px solid #eee; margin: 15px auto !important; } #label_with_thumbs .widget-thumb { position: relative; width: 100%; height: 350px; overflow: hidden; display: block; vertical-align: middle; margin: 0!important; } #label_with_thumbs .widget-thumb .label_thumb { position: relative; height:100%; width: 100%; display: block; } #label_with_thumbs .widget-con { position: absolute; left: 0; bottom: 0; width: 100%; padding: 20px 10px; z-index: 2; box-sizing: border-box; text-align: center; background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 75%,rgba(0,0,0,.8) 100%); background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 75%,rgba(0,0,0,.8) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 75%,rgba(0,0,0,.8) 100%); background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 75%,rgba(0,0,0,.8) 100%); background: linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 75%,rgba(0,0,0,.8) 100%); } #label_with_thumbs .post-tag { color: #fff; text-transform: capitalize; letter-spacing: 1px; font-weight: 400; font-style: normal; border: 1px solid #fff; padding: 4px 8px; margin-right: 8px; border-radius: 2px; font-size: 12px; display: inline-block; margin-bottom: 2px; text-align: center; } #label_with_thumbs { float: left; width: 100%; min-height: 70px; margin:0; padding: 0; } #label_with_thumbs li { width: 100%; float: left; margin-left: 0; border:none; position:relative; margin-top: -15px; list-style-type: none; } #label_with_thumbs li .widget-sum { display: none; font-size: 16px; line-height: 1.5em; font-weight: 400; margin: 7px 0 3px; color: #fff; text-align: justify; } #label_with_thumbs .recent-title { overflow: hidden; font-weight: 400; font-size: 17px; line-height: 1.4em; text-transform: uppercase; margin: 5px 0 4px; padding: 0; letter-spacing: 1px; } #label_with_thumbs .recent-title a { color: #fff; transition: color .3s; } #label_with_thumbs li:nth-child(1) .widget-meta, #label_with_thumbs li:nth-child(1) .widget-meta a { color:#ffffff; } .widget-meta { color: #030303; font-size: 11px; font-weight: 400; } .img-overlay { position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; -webkit-box-shadow: 0 0 20px rgba(0,0,0,.8); box-shadow: 0 0 20px rgba(0,0,0,.8); background-color: #000; opacity: 0.3; } .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .grabbing, .grabbing a, .grabbing * { cursor: e-resize!important; } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-prev, .owl-next { top: 50%; color: #fff; font-family: FontAwesome; position: absolute; z-index: 1; display: block; padding: 0; cursor: pointer; padding: 0; text-align: center; overflow: hidden; width: 40px; height: 40px; line-height: 50px; background:#131313; } .label_with_thumbs .owl-prev, .label_with_thumbs .owl-next { margin-top: 0px; font-size: 17px; transition: all .0s ease; -webkit-transition: all .0s ease; -moz-transition: all .0s ease; -o-transition: all .0s ease; } .label_with_thumbs .owl-prev { left: -60px; border-right: none; } .label_with_thumbs .owl-next { right: -60px; } .label_with_thumbs:hover .owl-prev { left: 0; } .label_with_thumbs:hover .owl-next { right: 0; } .label_with_thumbs .owl-dots { bottom: 10px } .owl-next:before { font-family: fontawesome; } .owl-prev:before { font-family: fontawesome; } .owl-carousel { padding: 5px 0; } .label_with_thumbs .owl-carousel { border: 0; padding: 0; } .label_with_thumbs .owl-item li { margin: 0; padding: 0; } .label_with_thumbs .owl-prev:hover, .label_with_thumbs .owl-next:hover { opacity: .9; background: #FFCC0D; color: #131313; } .owl-next:before { content: "\f101"; font-family: fontawesome; } .owl-prev:before { content: "\f100"; font-family: fontawesome; } .owl-carousel .owl-item { float: left; margin-right:4px; } .box-title .owl-controls { float: right; } .label_with_thumbs .owl-item li img { height: auto; width: 100%; } .label_with_thumbs .owl-item li .thumb-hover { content: no-close-quote; position: absolute; bottom: -5px; width: 100%; background: url(http://2.bp.blogspot.com/-_IyTmlpHtg8/Vmi5pkn5ZAI/AAAAAAAACVI/G4Kylbm3CDo/s1600-r/gradient.png) repeat-x 0 -1px; opacity: .8; left: 0; opacity: .9; background-size: 200px 100%; height: 200px; }