/*

 * jQuery Nivo Slider v3.2

 * http://nivo.dev7studios.com

 *

 * Copyright 2012, Dev7studios

 * Free to use and abuse under the MIT license.

 * http://www.opensource.org/licenses/mit-license.php

 */

 

/* The Nivo Slider styles */

#slider {

	position: relative;

	z-index: 2;

	margin: 0 auto 30px auto;

	height: 400px;

	width: 100%;

	box-shadow: 0 10px 15px rgba(0, 0, 0, 0.5);

}

.nivoSlider {

	position: relative;

	z-index: 3;

	width: 100%;

	height: auto;

	overflow: hidden;

}

.nivoSlider img {

	position:absolute;

	top:0px;

	left:0px;

	max-width: none;

}

.nivo-main-image {

	display: block !important;

	position: relative !important; 

	width: 100% !important;

}



/* 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;

	background:white; 

	filter:alpha(opacity=0); 

	opacity:0;

}

/* The slices and boxes in the Slider */

.nivo-slice {

	display:block;

	position:absolute;

	z-index:5;

	height:100%;

	top:0;

}

.nivo-box {

	display:block;

	position:absolute;

	z-index:5;

	overflow:hidden;

}

.nivo-box img { display:block; }

/* ---------- Caption styles ---------- */

.nivo-caption {

	position:absolute;

	left:10%;

	bottom:5%;

	background: rgba(0, 0, 0, 0.6);	

	text-align:center;

    font-family: 'Philosopher', Garamond, serif;

    color: #fff;

    font-size: 30px;

    font-weight: normal;

    line-height: 1.2em;

	text-align: center;

    width: 80%;

    border-radius:10px;

	z-index: 8;

	padding: 5px;

	overflow: hidden;

	display: none;

	box-sizing: border-box;

}

.nivo-caption p {padding: 0; margin: 0;}

.nivo-caption h1 {color: #fff; font-size: 32px;}



.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;

		border-style: none;

	border-color: inherit;

	border-width: 0;

	display:block;

	width:30px;

	height:30px;

	text-indent:-9999px;

	opacity: 0;

	-webkit-transition: all 500ms ease-in-out;

    transition: all 500ms ease-in-out;



}

.nivo-prevNav {

	left:0px;

	display: none;

	}



.nivo-nextNav {

	right:0px;

	display: none;

	}





/* Control nav styles (e.g. 1,2,3...) */

.nivo-controlNav {

display: none;

}

.nivo-controlNav a {

position:relative;

z-index:99;

cursor:pointer;

display: none;}



.nivo-controlNav a.active {

font-weight:bold;

display: none;}





/* ===== TO RESIZE SLIDESHOW FOR MOBILE ===== */

/* ===== SMALL DEVICE 01 ===== */

@media screen and (max-width: 320px) {

   #slider {width: 96%; height: auto;}

	.nivo-caption {position:absolute; left:5%; top:2%; font-size: 18px; width: 90%;}

 	.nivo-caption h1 {font-size: 20px;}

}

/* =========================== */

/* ===== SMALL DEVICE 02 ===== */

/* =========================== */

@media screen and (min-width: 321px) and (max-width: 480px) {

    #slider {width: 96%; height: auto;}

	.nivo-caption {position:absolute; left:5%; top:20%; font-size: 18px; width: 90%;}

 	.nivo-caption h1 {font-size: 24px;}

}

/* =========================== */

/* ===== SMALL DEVICE 03 ===== */

/* =========================== */

@media screen and (min-width: 481px) and (max-width: 623px) {

    #slider {height: auto;}

	.nivo-caption {position:absolute; left:5%; top:20%; font-size: 22px; width: 90%;}

 	.nivo-caption h1 {font-size: 26px;}

}

/* =========================== */

/* ===== MID DEVICE 01 ======= */

/* =========================== */

@media screen and (min-width: 624px) and (max-width: 669px) {

    #slider {height: auto;}

	.nivo-caption {position:absolute; left:10%; top:20%; font-size: 22px; width: 80%;}

 	.nivo-caption h1 {font-size: 26px;}

}

/* =========================== */

/* ===== MID DEVICE 02 ======= */

/* =========================== */

@media screen and (min-width: 670px) and (max-width: 768px) {

    #slider {height: auto;}

	.nivo-caption {font-size: 26px;}

 	.nivo-caption h1 {font-size: 32px;}

}

/* =========================== */

/* ===== MID DEVICE 03 ======= */

/* =========================== */

@media screen and (min-width: 769px) and (max-width: 800px) {

    #slider {height: auto;}

	.nivo-caption {font-size: 28px;}

 	.nivo-caption h1 {font-size: 34px;}

}

/* =========================== */

/* ===== LARGE DEVICE 01 ===== */

/* =========================== */

@media screen and (min-width: 801px) and (max-width: 1024px) {

    #slider {height: auto;}

	.nivo-caption {font-size: 28px;}

}

/* =========================== */

/* ===== LARGE DEVICE 02 ===== */

/* =========================== */

@media screen and (min-width: 1025px) and (max-width: 1279px) {

    #slider {height: auto;}

}