/*BxSlider*/
.slider {
  margin-bottom: 30px;
      position: relative;
}
.bx-prev {
position: absolute;
  top: 50%;
  left: 175px;
  z-index: 99;
}

.bx-next {
position: absolute;
  top: 50%;
  right: 175px;
  z-index: 99;
}

.infoBlock {
position: absolute;
  top: 70px;
  right: auto;
  left: 22%;
  text-align: center;
  overflow: hidden;
  bottom: 0;
  -webkit-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
  width: 42%;
  color:#fff;
}

.infoBlock h4 {
   font-size: 48px;
  margin: 0;
  padding-bottom: 3px;
  text-align: left;
  font-weight: bold;
  font-family: 'Ubuntu', sans-serif;
}

.infoBlock p {
  font-size: 16px;
  margin: 4px 0 0;
  text-align: left;
  font-weight: normal;  
}

.infoBlock a {
    color: #FFF;
    margin-top: 10px;
    background-color: #1d1d1d!important;
    background-image: none;
    border: none;
    float: left;
    text-align: center;
    padding: 15px 30px;
    font-size: 18px;
    font-weight: 300;
    text-decoration: none!important;
}

/*Slider Haberler*/
.newsBox {
    background: #a50d2d;
    padding: 0 10px 10px;
    margin: 0 -15px;
    height:300px;
}

.newsBoxTitle a {
    color: #fff;
    padding: 10px 0;
    display: block;
    font-size: 14px;
    font-weight: 600;
}

.newsBox ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.newsBox li {
    display: block;
    /* padding: 5px 10px; */
    margin-bottom: 10px;
    border: 1px solid #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
     -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.newsBox li:hover {
    background:#fff;
     -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.newsBox li:hover a {
    color:#a50d2d;
     -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.newsBox li a {
    display: block;
    font-size: 12px;
    padding: 5px;
    color: #fff;
    letter-spacing: 0;
    text-decoration:none !important;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.newsBox li a img {
	float: left;
    width: 18px;
    margin: 5px 5px 5px 0
}
.newsBox li a img.grey-icon {
	display:none;
}
.newsBox li a img.white-icon{
	display:inline-block;
}
.newsBox li a:hover img.white-icon {
	display:none;
}
.newsBox li a:hover img.grey-icon{
	display:inline-block;
}

.newsBox li a p {
	    margin: 0;
    font-size:12px;
    line-height:13px;
  height:26px;
    overflow:hidden;
    overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;

}
.newsBox li a strong{
    margin: 0;
    font-size:12px;
    line-height:16px;
    max-height:16px;
    overflow:hidden;
    overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
 right:10px !important;
 bottom:10px !important;
}
@media only screen and (max-width : 480px) {
  .infoBlock  {
	max-width:100% !important;
	width:100% !important;
	left:0 !important;
	 top: 180px !important;
	 padding:10px 0 10px 10px !important;
    
  
	}
	.bx-wrapper img{
	height:300px;
}
	
	.infoBlock h4{
	font-size:13px !important;
}
.infoBlock a {
    margin-top: 5px !important;
    float: left !important;
    padding: 10px 10px !important;
    font-size: 10px !important;
}
 .bx-pager{
	bottom:0 !important;
}
}

/*BxSlider End*/


/*Dashboard*/
.dashboard-item {
border: 1px solid #546e7a;
  height: 90px;
  margin-bottom: 30px;
  border-radius: 4px;
  text-align: center;
  line-height: 90px;
  
}
 /*Dashboard End*/
 @media only screen and (min-width : 1024px) and (max-width : 1200px) {
 .newsBox {
	height:245px;
}
.newsBoxTitle a {
	padding:3px 0;
}
	.newsBox li {
	margin-bottom:5px;
}
.newsBox li a {
	padding:3px 5px;
}

}
 @media only screen and  (max-width : 1024px){
 .bx-wrapper {
	margin:0 auto 20px !important;
}
	.newsBox {
	margin:0;
	height:auto;
}
}