#HABER_VE_SOSYAL_MEDYA_STYLE_BASLANGIC{}
.bg-title{height:40px;border-radius:6px;background:#000;color:#FFF;position:relative;line-height:40px;margin:0 0 30px}
.bg-title.orange{background:#e78315}
.bg-title.red{background:#b64f03}
.bg-title.canli-kirmizi{background:#ff0032}
.bg-title.black{background:black}

.bg-title .right{position:absolute;right:15px;top:0}
.bg-title h2{float:left;margin:0 0 0 10px;line-height:40px;display:block;padding:0;font-style:normal;font-variant:normal;font-weight:400;font-size:16px;font-family:Oswald}
.bg-title .right.arrows a{color:#FFF;margin-left:15px;font-size:18px;}
.bg-title .right.navigation a{color:#FFF}
.bg-title .right.navigation{color:#FFF;font-size:12px}
.bg-title .right .navigation,.bg-title .right .navigation a{color:#FFF;font-size:12px}
.bg-title .right .navigation span{color:#000;text-decoration:underline}
.bg-title .right.navigation span{text-decoration:underline}
.bg-title .right .navigation span{text-shadow:0 0 0 transparent}

.ob-list .item{border:0;}
.ob-list .item a.img{float:left;margin:0 10px 0 0}
.ob-list .item a.img img{border-radius:6px}
.ob-list .item .info a.title{color:#000;font:14px Oswald;display:block;vertical-align:top;text-align:left;margin:-5px 0 5px 0px;padding-bottom:8px;border-bottom: 1px solid  #EBEBEB;}
.ob-list .item .info span.desc{color:#72777f;font-size:14px;line-height:16px;max-height:48px;text-align:left}
.ob-list .item .info a.more{color:#D15202;display:block;font-size:12px;text-decoration:underline}
.ob-item{border:1px solid #DDD;padding:8px;border-radius:6px;margin:0 0 15px;background-color:white}

.carousel-inner.vertical{height:100%}
.carousel-inner.vertical > .item{-webkit-transition:.2s ease-in-out top;-moz-transition:.2s ease-in-out top;-ms-transition:.2s ease-in-out top;-o-transition:.2s ease-in-out top;transition:.2s ease-in-out top}
.carousel-inner.vertical > .item.next,.carousel-inner.vertical > .item.active.right{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);top:0}
.carousel-inner.vertical > .item.prev,.carousel-inner.vertical > .item.active.left{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);top:0}
.carousel-inner.vertical > .item.next.left,.carousel-inner.vertical > .item.prev.right,.carousel-inner.vertical > .item.active{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);top:0}
.carousel-inner.vertical > .active{top:0}
.carousel-inner.vertical > .next,.carousel-inner.vertical > .prev{top:0;height:100%;width:auto}
.carousel-inner.vertical > .next{left:0;top:50%;right:0}
.carousel-inner.vertical > .prev{left:0;top:-50%;right:0}
.carousel-inner.vertical > .next.left,.carousel-inner.vertical > .prev.right{top:0}
.carousel-inner.vertical > .active.left{left:0;top:-50%;right:0}
.carousel-inner.vertical > .active.right{left:0;top:50%;right:0}
#carousel-pager .carousel-control.left{bottom:initial;width:100%}
#carousel-pager .carousel-control.right{top:initial;width:100%}
@media all{
/*@media all and (transform-3d),(-webkit-transform-3d) {*/
.carousel-inner.vertical > .item{-webkit-transition:-webkit-transform .8s ease-in-out;-o-transition:-o-transform .8s ease-in-out;transition:transform .8s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000px}
}