/*
# News Show SP2 - News display/Slider module by JoomShaper.com
# Author    JoomShaper http://www.joomshaper.com
# Copyright (C) 2010 - 2015 JoomShaper.com. All Rights Reserved.
# @license - GNU/GPL V2 or later
# Websites: http://www.joomshaper.com
*/
h4.ns2-title {font-size: 20px; font-weight: normal; margin: 276px 0 0; position: absolute; text-transform: capitalize; }
.ns2-inner .ns2-title a{color: #0724BE;}
a.ns2-readmore span,span.ns2-hits,a.ns2-comments {margin:0 5px 0 0;font-size:0.9em;}
a.ns2-readmore span {color: #000; font-size: 14px; padding: 0; text-decoration: underline; text-transform: uppercase; }
span.ns2-hits {color:#666666;background:url(../images/hits.png) no-repeat 0 0;padding:0 0 0 14px}
a.ns2-comments {background:url(../images/comments.png) no-repeat 0 0;padding:0 0 0 18px}

img.ns2-image {max-width:100%;height:auto;

		  opacity:1;
  transform:scale(1,1);
}

img.ns2-image:hover
{
  
   opacity:1;
  transform:scale(1,1);
		/*-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);*/
}

div.box{
    border: 2px solid black;
}
.ns2-inner:hover{
-moz-box-shadow: 0 0 10px #ccc; -webkit-box-shadow: 0 0 10px #ccc; box-shadow: 0 0 0px #ccc;
}

.ns2-introtext {
  color:#000;
  line-height: 22px;
  font-weight: normal;
  font-size: 14px;
  margin: 60px 0 15px;
  position: relative;
  padding: 0 20px 0 0px;
}
/*Blog type date*/
	.ns2-date-blog {float:left;margin:0 10px 0 0;background:#333;padding:6px 10px;text-align:center;color:#999}
	.ns2_date_day{font-size:14px;font-weight:700}
	.ns2_date_month_year{display:block;text-transform:uppercase}
	.ns2_date_month_year span{display:block}
	span.ns2_date_month{font-size:11px;line-height:120%}
	span.ns2_date_year{font-size:10px}

/*Article tools*/
div.ns2-tools{color:#999;font-size:0.9em}
div.ns2-tools span {margin:0 5px 0 0}
div.ns2-author,
div.ns2-created,

/*Rating*/
div.ns2-rating{height:22px;white-space:nowrap;margin:291px 0 0;position: absolute; color: black;}
div.ns2-rating-bar,div.ns2-rating-bar div{height:16px;background-image:url(../images/transparent_star.png);background-repeat:repeat-x}
div.ns2-rating-bar{width:80px;overflow:hidden;background-position:0 0}
div.ns2-rating-bar div{background-position:0 -16px;display:block}

/*Newly added*/
div.nssp2 .flt-left {float:left}
div.nssp2 .col-1 {width:100%}
div.nssp2 .col-2 {width:50%}
div.nssp2 .col-3 {width:33.333%;margin:0 0 50px;}
div.nssp2 .col-4 {width:25%}
div.nssp2 .col-5 {width:20%}
div.nssp2 .col-6 {width:16.666%}
div.nssp2 .col-7 {width:14.256%}
div.nssp2 .col-8 {width:12.5%}
div.nssp2 .col-9 {width:11.111%}
div.nssp2 .col-10 {width:10%}

/*Animation Area*/
div.ns2-page {overflow:hidden;}

div.nssp2-default .ns2-art-controllers, div.nssp2-default .ns2-links-controllers {float:right}
div.nssp2-default .ns2-art-pagination, div.nssp2-default .ns2-links-pagination{float:left;margin:0 10px}
		
	.ns2-art-prev, .ns2-links-prev,
	.ns2-art-play, .ns2-links-play,
	.ns2-art-pause, .ns2-links-pause,
	.ns2-art-next, .ns2-links-next,
	.ns2-art-pagination span, .ns2-links-pagination span {
		cursor: pointer;
		display: inline-block;
	}
	
	.ns2-art-pagination, .ns2-links-pagination {
		display:inline-block;	
	}
		
	div.nssp2-default .ns2-art-prev, div.nssp2-default .ns2-links-prev,
	div.nssp2-default .ns2-art-play, div.nssp2-default .ns2-links-play,
	div.nssp2-default .ns2-art-pause, div.nssp2-default .ns2-links-pause,
	div.nssp2-default .ns2-art-next, div.nssp2-default .ns2-links-next,
	div.nssp2-default .ns2-art-pagination span, div.nssp2-default .ns2-links-pagination span{
		background-image:url(../images/nav-buttons.png);
		background-repeat:no-repeat;
		width:8px;
		height:9px;
		float:left;
		text-indent:-999em;
		margin:0 2px;
	}
	
	div.nssp2-default .ns2-art-prev, 
	div.nssp2-default .ns2-links-prev {background-position:0 0}
	div.nssp2-default .ns2-art-prev:hover, 
	div.nssp2-default .ns2-links-prev:hover {background-position:0 -9px}
	div.nssp2-default .ns2-art-next, 
	div.nssp2-default .ns2-links-next {background-position:-8px 0}
	div.nssp2-default .ns2-art-next:hover, 
	div.nssp2-default .ns2-links-next:hover {background-position:-8px -9px}
	div.nssp2-default .ns2-art-play, 
	div.nssp2-default .ns2-links-play {background-position:-24px 0}
	div.nssp2-default .ns2-art-play:hover, 
	div.nssp2-default .ns2-links-play:hover {background-position:-24px -9px}
	div.nssp2-default .ns2-art-pause, 
	div.nssp2-default .ns2-links-pause {background-position:-32px 0}
	div.nssp2-default .ns2-art-pause:hover, 
	div.nssp2-default .ns2-links-pause:hover {background-position:-32px -9px}
	div.nssp2-default .ns2-art-pagination span, 
	div.nssp2-default .ns2-links-pagination span{background-position:-16px 0}
	div.nssp2-default .ns2-art-pagination span:hover, 
	div.nssp2-default .ns2-links-pagination span:hover, 
	div.nssp2-default .ns2-art-pagination span.active, 
	div.nssp2-default .ns2-links-pagination span.active{background-position:-16px -10px}
	
/*Share*/
div.nssp2 .ns2-social {}
div.nssp2 .ns2-social span.ns2-share-icon {display:inline-block;margin-left:10px}
div.nssp2 .ns2-social span:first-child {margin-left:0}



/*Slide*/
.nssp2-slide{
	overflow: hidden;
}
.nssp2-slide .nss2-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding:0px;
}
.nssp2-slide .nss2-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: .6s ease-in-out left;
  	transition: .6s ease-in-out left;
}
.nssp2-slide .nss2-inner > .item > img,
.nssp2-slide .nss2-inner > .item > a > img {
  line-height: 1;
}
.nssp2-slide .nss2-inner > .active,
.nssp2-slide .nss2-inner > .next,
.nssp2-slide .nss2-inner > .prev {
  display: block;
}
.nssp2-slide .nss2-inner > .active {
  left: 0;
}
.nssp2-slide .nss2-inner > .next,
.nssp2-slide .nss2-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.nssp2-slide .nss2-inner > .next {
  left: 100%;
}
.nssp2-slide .nss2-inner > .prev {
  left: -100%;
}
.nssp2-slide .nss2-inner > .next.left,
.nssp2-slide .nss2-inner > .prev.right {
  left: 0;
}
.nssp2-slide .nss2-inner > .active.left {
  left: -100%;
}
.nssp2-slide .nss2-inner > .active.right {
  left: 100%;
}


/*Fade*/
.nssp2-fade,
.nssp2-fade .nnsp2-inner,
.nssp2-fade .nssp2-inner .item {
  height: 100%;
}

.nssp2-fade .nss2-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  	-moz-transition-property: opacity;
  		-ms-transition-property: opacity;
  			-o-transition-property: opacity;
  				transition-property: opacity;
}
.nssp2-fade .nss2-inner .active {
  opacity: 1;
}
.nssp2-fade .nss2-inner .active.left,
.nssp2-fade .nss2-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.nssp2-fade .nss2-inner .next.left,
.nssp2-fade .nss2-inner .prev.right {
  opacity: 1;
}
.nssp2-fade .nss2-control {
  z-index: 2;
}

/*No Effect*/
.nssp2-noeffect .nssp2-inner .item {
  display: none;
}

.nssp2-noeffect .nssp2-inner .item.active {
  display: block;
}

.prev-arrow .ns2-art-prev{
	background: url(../images/prev-selector.png) no-repeat !important;
	height: 40px !important;
    width: 25px !important;
}
.next-arrow .ns2-art-next{
	background: url(../images/next-selector.png) no-repeat !important;
	height: 40px !important;
    width: 25px !important;
}
.prev-arrow {
  background: #ffffff;
  left: 3px;
  opacity: 0.7;
  position: absolute;
  top: 25%;
  z-index: 99;
}
.next-arrow {
  background: #ffffff;
  position: absolute;
  right: 36px;
  opacity: 0.7;
  z-index: 99;
  top: 25%;
}
.ns2-art-wrap {
  position: relative;
}
@media (min-width: 768px) and (max-width: 959px) {
.next-arrow{right: 21px;}
.prev-arrow{left: 32px;}
}

@media (min-width: 720px) and (max-width: 768px) {
div.nssp2 .col-3 {
  width: 50%;
  float:left;
}
.next-arrow{right: 10px;}
.prev-arrow{left: 32px;}

}
@media (min-width: 480px) and (max-width: 720px) {
div.nssp2 .col-3 {
  width: 50%;
  float:left;
}
.next-arrow,.prev-arrow{display: none !important;}

}

@media (min-width: 300px) and (max-width: 480px) {
.ns2-row-inner{width:100%;}
div.nssp2 .col-3 {
  width: 100%;
}
.next-arrow,.prev-arrow{display: none !important;}

}

@media (min-width: 260px) and (max-width: 300px) {
div.nssp2 .col-3 {
  width: 100%;
}
.next-arrow,.prev-arrow{display: none !important;}
}