/*************************************************************************/
/* newsSlider   */

#newsSliderPlacer {
    margin:0 auto;
    position:relative;
    width:90%;
}
#newsSliderBox .newsBox{
	transition: all 0.5s ease-in-out;
}
#newsSliderBox .newsBox:hover{
	opacity: .6;
}
#newsSliderBox .newsBox img{
	width: 100%;
	height: auto;
}
#newsSliderBox .postTxt{
	height: 45px;
}
#newsSliderBox .postTxt h3{
	font-size: 22px;
	line-height: 160%;
	margin-top: 10px;
}

.next,
.previous {
    width:20px;
    height:20px;
    cursor:pointer
}
.carousel-indicators {
    position:absolute;
    bottom:-30px;
    left:50%;
    z-index:15;
    width:60%;
    padding-left:0;
    margin-left:-30%;
    text-align:center;
    list-style:none
}
.carousel-indicators .active {
    background-color:#ccc;
    width:10px;
    height:10px;
    margin:1px
}
.carousel-control.right,#newsSlider .carousel-control.right:hover,#newsSlider .carousel-control.left,#newsSlider .carousel-control.left:hover {
    background:none
}
.carousel-control {
    text-shadow:none
}



/*************************************************************************/
/* Custom Carousel fpr News Slider  */

.overlayer {
  background: none repeat scroll 0 0 rgba(0, 0, 0, .4);
  height: 100%;
  position: absolute;
  top: 0;
  transition: all 0.3s ease-out 0s;
  width: 100%;
  opacity: .4;
}
.item .post-carousel-item {
	position: relative;
}
.item a:hover {
	opacity: 1;
}
.item a:hover .overlayer {
	opacity: 1;
}
.carousel {
	padding: 30px 30px;	
}
.container-fluid > .carousel {
	padding-left: 100px;
	padding-right: 100px;
}
.carousel-indicators {
    bottom: -30px;
}
.carousel-indicators li {
	margin: 5px;
	border: none;
	background-color: #e6e6e6;
}
.carousel-indicators .active {
	background-color: #cdcdcd;
	margin: 5px;
	height: 10px;
	width: 10px;
}
.controls .left {
  height: 100%;
  left: -20px;
  position: absolute;
  top: 0;
  width: 60px;
}
.container-fluid > .carousel .controls .left {
	left: 60px;
}
#newsSliderPlacer .arrow-left {
  left: 0;
  border-right: 1px solid black;
  border-top: 1px solid black;
  display: inline-block;
  height: 20px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  transform: rotate(-135deg);
  width: 20px;
}

#newsSliderPlacer .controls .right {
  height: 100%;
  right: -20px;
  position: absolute;
  top: 40%;
  width: 60px;
}

.container-fluid > .carousel .controls .right {
	right: 60px;
}

#newsSliderPlacer.arrow-right {
   right: 0;
  border-right: 1px solid black;
  border-top: 1px solid black;
  display: inline-block;
  height: 20px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  transform: rotate(45deg);
  width: 20px;
}



/* Carousel Fade */
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}


@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}



@media only screen and (max-width: 1199px) {
	
.controls .left {
	left: 10px;	
}

.controls .right {
	right: 10px;	
}

.magnifier {
  font-size: 32px;
  height: 32px;
  left: 50%;
  margin-left: -16px;
  margin-top: -16px;
  position: absolute;
  top: 50%;
  width: 32px;
}
	
	
}

@media only screen and (max-width: 999px) {
	


}

@media only screen and (max-width: 767px) {



.carousel {
	padding: 30px 0 50px 0;	
}		

.controls .left {
	margin-top: -12px;
}

.controls .right {
	margin-top: -12px;
}	

.magnifier {
  font-size: 20px;
  height: 20px;
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  width: 20px;
}

.carousel-indicators {
  bottom: 0;
}	
	
}