/*======= VIAN CONTENT SLIDER ========*/
.vian-cs {
	position: relative;
	border: none;
}
.slides_container {
	overflow: hidden;
	position: relative;
}
.vian-cs h3 {
	color: #d67901;
	line-height: 37px;
	text-indent: 15px;
	text-transform: uppercase;
	background: url(../images/bg-header.png) repeat-x;
	height: 37px;
	border: 1px solid #cfcfcf;
	margin: 0 !important;
}

/*
	Handles - Next/prev buttons
*/
.vian-cs .next,.vian-cs .prev {
	display: none;
	width: 40px;
	height: 100%;
	top:0;
	opacity:0.7;
}
.vian-cs:hover .next, .vian-cs:hover .prev{
	display:block;
}
.vian-cs .next:hover, .vian-cs .prev:hover{
	opacity:1;
}
.vian-cs a.next {
	background: url(../images/re-right.png) right center no-repeat !important;
	text-indent: -9999px;
	position:absolute;
	z-index:100;
	margin:0;
	padding:0;
	right:0;
}
.vian-cs a.prev {
	background: url(../images/re-left.png) left center no-repeat !important;
	text-indent: -9999px;
	position:absolute;
	z-index:999;
	margin:0;
	padding:0;
	left:0;
}

/*bullet */
.vian-cs .vian_handles {
	border: 1px solid red;
	position: absolute !important;
	margin:  0 !important;
	padding: 0 !important;
	border: 0 !important;
	z-index:101;
}
.vian-cs .vian_handles li {
	float: left;
	margin: 0 1px!important;
	list-style:none;
	padding:0px!important;
	background:none!important;
}
.vian_handles li a {
	display: block !important;
	width: 12px;
	height: 0;
	padding-top: 12px;
	background-image: url(../images/pagination.png);
	background-position: 0 0;
	float: left;
	padding: 12px 0 0 0 !important;
	overflow: hidden;
}
.vian_handles li.current a {
	background-position: 0 -12px;
}

/*numbering */
.vian-cs .vian_handles_num {
	border: 1px solid red;
	position: absolute !important;
	margin:  0 !important;
	padding: 0 !important;
	border: 0 !important;
	z-index:101;
}
.vian-cs .vian_handles_num li {
	float: left;
	margin: 0 1px!important;
	list-style:none;
	padding:0px!important;
	background:none!important;
}
.vian_handles_num li a {
	display: block !important;
	width:12px;
	height:15px;
	line-height:15px;
	background:grey;
	float: left;
	padding:0!important;
	overflow: hidden;
	text-align:center;
	text-decoration:none;
	color:#fff;
	font-size:10px;
}
.vian_handles_num li a:hover{
	opacity:0.8;
}
.vian_handles_num li.current a {
	background:orange;
}

/*** CSS STYLE FOR ITEM ****/
.vian-cs .vian-row {
	float: left;
	position: relative;
	overflow: hidden;
	padding: 8px 0;
}
.vian-cs .vian-inner {
	margin: 0;
	position: relative;
	padding: 0 10px;
}
.vian-cs .vian-inner a {
	text-decoration: none;
}
.vian-cs .vian-inner img {	
	max-width:100%;
	margin:0;
}
.vian-cs .vian-inner .vian-title {
	clear: both;
	color: #d67900;
	font-weight: bold;
	text-transform: uppercase;
	line-height:150%;font-size:12px;
}
.vian-cs .vian-inner .vian-category {
	clear: both;
	color: #4a4a4a;
	font-weight: bold;
	line-height:150%;

}
.vian-cs .vian-center{
	text-align:center;
}
.vian-cs .vian-extra {
	clear: both;
	margin-top: 5px;
}
.vian-cs .vian-date,.vian-cs .vian-author {
	font-weight: normal;
	font-size: 80%;
}
.vian-row-separate {
	clear: both;
	height: 1px;
	border-bottom: 1px dotted #e5e5e5;
	margin: 0px 10px;
	margin-bottom: 15px;
}
  a.hoverimages {
    border: 1px solid #e7e7e7;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.15);
    display: block;
    margin:0 2% 0 0;
    padding: 1%;
    position: relative;
    text-align: center;    
	float:left;
}
a.hoverAni {
    border: 1px solid #e7e7e7;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
    display: block;
    margin:4% 0;
    padding: 2%;
    position: relative;
    text-align: center;
    width: 96%;
}
a.hoverAni .link-hover, a.hoverAni .image-hover,a.hoverimages .link-hover{
    background: url("../images/hover-link.png") no-repeat scroll center center rgba(255, 255, 255, 0.5);
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale(0);
    width: 100%;
    z-index: 10;
	transition: all 250ms ease-in-out 0s; ; 
		-moz-transition: all 250ms ease-in-out 0s; ; 
		-o-transition: all 250ms ease-in-out 0s; ; 
		-webkit-transition: all 250ms ease-in-out 0s; ;
}
a.hoverAni:hover .link-hover,a.hoverimages:hover .link-hover, a.hoverAni:hover .image-hover{transform: scale(1);
        transition: all 250ms ease-in-out 0s; ; 
		-moz-transition: all 250ms ease-in-out 0s; ; 
		-o-transition: all 250ms ease-in-out 0s; ; 
		-webkit-transition: all 250ms ease-in-out 0s; ;
}

@media(min-width:1200px){
  
   .vian-cs .vian-inner .vian-title {
	clear: both;
	color: #d67900;
	font-weight: bold;
	text-transform: uppercase;
	line-height:150%;font-size:12px;
   }
 

}

@media(min-width:768px) and (max-width:1024px){
  .vian-cs .vian-inner .vian-title {
	clear: both;
	color: #d67900;
	font-weight: normal;
	text-transform: none;
	line-height:180%;
	font-size:12px;
  }

}

@media(max-width:979px){
 .vian-cs .vian-inner .vian-title {
	clear: both;
	color: #d67900;
	font-weight: normal;
	text-transform: none;
	line-height:150%;font-size:12px;
  }
  .vian-row{width:50% !important;}
  .vian-row-last{display:none !important}
}

@media(min-width:768px) and (max-width:979px){
 .vian-cs .vian-inner .vian-title {
	clear: both;
	color: #d67900;
	font-weight: none;
	text-transform: none;
	line-height:150%;font-size:12px;
  }
  .vian-row,a.hoverimages{width:50% !important;}
  .vian-row-last{display:none !important}
}

@media(width:360px){
  .vian-cs .vian-inner .vian-title {
	clear: both;
	color: #d67900;
	font-weight: none;
	text-transform: none;
	line-height:150%;font-size:12px;
  }
  .vian-row{width:100% !important;}
   a.hoverimages{width:97% !important;clear: both;}
}
@media(width:320px){
 .vian-cs .vian-inner .vian-title {
	clear: both;
	color: #d67900;
	font-weight: none;
	text-transform: none;
	line-height:150%;font-size:12px;
  }
  .vian-row{width:100% !important;}
   a.hoverimages{width:97% !important;clear: both;margin:0}
  a.hoverimages img{width:100% !important;margin:0}
}
@media(width:240px){
  .vian-cs .vian-inner .vian-title {
	clear: both;
	color: #d67900;
	font-weight: none;
	text-transform: none;
	line-height:150%;font-size:12px;
  }
	.vian-row{width:100% !important;}
	 a.hoverimages, a.hoverimages img{max-width:100%!important;clear: both;}

}