﻿/*
* 	Owl Carousel Owl Demo Theme 
*	v1.24
*/

.owl-theme .owl-controls{
margin-top: 10px;
text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
color: #FFF;
display: inline-block;
zoom: 1;
*display: inline;/*IE7 life-saver */
margin: 5px;
padding: 3px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
background: #869791;
filter: Alpha(Opacity=50);/*IE7 fix*/
opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
filter: Alpha(Opacity=100);/*IE7 fix*/
opacity: 1;
text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
display: inline-block;
zoom: 1;
*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
display: block;
width: 40px;
height:2px;
margin:5px 7px;
filter:Alpha(Opacity=50);/*IE7 fix*/
opacity:0.5;
background: #fff;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
filter: Alpha(Opacity=100);/*IE7 fix*/
opacity: 1;
}

.owl-theme .owl-controls .owl-page span.owl-numbers{
height: auto;
width: auto;
color: #fff;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
min-height: 150px;
background: url(AjaxLoader.gif) no-repeat center center
}

#banner{ margin-top:0px; overflow:hidden;}
#banner .owl-item img{
width: 100%;
height: auto;
}
#banner .owl-controls{ position:absolute; width:100%; bottom:20px; right:0px; margin:10px 0px 10px 0px;}
#banner .owl-controls span{margin:4px; width:40px; height:2px; background:#fff; opacity:1;}
#banner .owl-controls .active span{ background:#00a2e9;}

#n-box{ margin-top:0px; overflow:auto;}
#n-box .owl-item .item{ margin:0px 40px;}
#n-box .owl-item img{width: 100%;height: auto;}
#n-box .owl-item a{ display:inline-block; width:100%; font-size:16px; color:#333; margin-bottom:15px;}
#n-box .owl-item a:hover{ color:#00a2e9;}
#n-box .owl-item p{ display:inline-block; width:100%; font-size:14px; color:#666; margin-bottom:25px;
display: block;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
#n-box .owl-item span{ display:inline-block; font-size:15px; line-height:40px; color:#666; border-top:2px solid #00a2e9;}

#n-box .owl-controls{ width:100%;  margin:10px 0px;}
#n-box .owl-controls span{ position:relative; z-index:1; margin:4px; width:18px; height:18px; border:none; background:none; opacity:1;}
#n-box .owl-controls span:after{ content:""; position: absolute;  z-index:-1;width: 6px;height: 6px;bottom: 50%;left: 50%; margin-left:-3px; margin-bottom:-3px; background-color:#999; border-radius:50%;}

#n-box .owl-controls .active span{ border:1px solid #e0e0e0;}
@media(max-width:992px) {
#banner{margin-top:60px;}  
#n-box .owl-item .item{ margin:0px 15px;}
}

@media (max-width:560px) {
  .wap-head{padding:10px 20px;}
  #banner .owl-controls{bottom:0;}
  #banner .owl-controls span{width:25px; height:2px; margin:0 5px 0 0;}
}