/*
 * jQuery Nivo Slider v2.5.2
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
    display: -webkit-flex;
	display: flex;
    -webkit-flex-direction: column;
	flex-direction: column;
}

.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

/* top page*/
#top-slider {
	width: 468px;
	height: 276px;
	margin-bottom: 24px;
}
#top-slider .nivo-controlNav {
	position: absolute;
	right: -238px;
}
#top-slider .nivo-controlNav {
	width: 226px;
	height: 276px;
}
#top-slider .nivo-control {
	display: block;
	height: 132px;
	margin-bottom: 12px;
}

#top-slider .nivo-controlNav a.active {
	display: none;
}

/* top page 4*/
#top-slider_4 {
	width: 468px;
	height: 276px;
	margin-bottom: 24px;
}
#top-slider_4 .nivo-controlNav {
	position: absolute;
	right: -170px;
}
#top-slider_4 .nivo-controlNav img {
	height: 90px;
}
#top-slider_4 .nivo-controlNav {
	width: 166px;
	height: 276px;
}
#top-slider_4 .nivo-control {
	display: block;
	height: 90px;
	margin-bottom: 3px;
}

#top-slider_4 .nivo-controlNav a.active {
	display: none;
}

/* top page 5*/
#top-slider_5_1 {
	width: 720px;
	margin-bottom: 24px;
}
#top-slider_5_1 .nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}
#top-slider_5_1 .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
#top-slider_5_1 .nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}
#top-slider_5_1 .nivo-controlNav {
    -webkit-flex-direction: row;
	flex-direction: row;
}
#top-slider_5_1 .nivo-controlNav a.active {
	display: none;
}
/* If an image is wrapped in a link */
#top-slider_5_1 .nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:708px;
	height:255px;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
#top-slider_5_1 .nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
#top-slider_5_1 .nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
#top-slider_5_1 .nivo-box img { display:block; }


/* Control nav styles (e.g. 1,2,3...) */
	
#top-slider_5_1 .nivo-controlNav a {
		text-decoration: none;
		border: 0 none;
		margin:268px 12px 0 0;
		display: block;
		vertical-align: bottom;
		white-space: nowrap;
		float: left;
		width: auto;
}
#top-slider_5_1 .nivo-controlNav a img{
		position: relative;
		width: 168px;
		margin-right: 0;
		display: block;
}
/* gallery page*/
.section.slider { height: 448px; }

#slider {
	width: 564px;
	height: 376px;
}

#slider .nivo-controlNav {
	position:absolute;
	bottom:-75px; /* Put the nav below the slider */
}
#slider .nivo-controlNav { margin-right: -12px; }
#slider .nivo-controlNav img {
	display:inline; /* Unhide the thumbnails */
	position:relative;
	margin-right:6px;
}
#slider .nivo-controlNav a.active img {
	border: solid 2px #e8e8e8/*#148BCA*/;
	margin: -2px 4px -2px -2px;
	}
