/*

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

.nivoSlider {

	position:relative;

	width:100%;

	height:auto;

	overflow: hidden;

	max-width: 100%;

	margin: 0px 0px 30px;

}

.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:0px;

	bottom:0px;

	background:#777777;

	color:#fff;

	width:100%;

	z-index:8;

	padding: 10px 10px;

	opacity: 0.8;

	-webkit-opacity: 0.8;

	overflow: hidden;

	display: none !important;

	-moz-opacity: 0.8;

	filter:alpha(opacity=8);

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

	-moz-box-sizing: border-box;    /* Firefox, other Gecko */

	box-sizing: border-box;         /* Opera/IE 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: 50%;

	z-index:9;

	cursor:pointer;

	font-size: 0px;

	text-align: center;

	transition: all 0.3s ease;

	-webkit-transition: all 0.3s ease;

	-moz-transition: all 0.3s ease;

	-ms-transition: all 0.3s ease;

	-o-transition: all 0.3s ease;

}



.nivo-prevNav {

	left: -50px;

}

.nivo-prevNav:before {

	content: "\f104";

	font-family: "FontAwesome";

	font-size: 26px;

	border: 2px solid #ffcddb;

	padding: 3px 15px 3px 45px;

	color: #ffffff;

	background: #ffcddb;

	transition: all 0.3s ease;

	-webkit-transition: all 0.3s ease;

	-moz-transition: all 0.3s ease;

	-ms-transition: all 0.3s ease;

	-o-transition: all 0.3s ease;

}

.nivo-prevNav:hover:before, .nivo-prevNav:focus:before {

	color: #191919;

}

.nivo-nextNav {

	right: -50px;

}

.nivo-nextNav:before {

	content: "\f105";

	font-family: "FontAwesome";

	font-size: 26px;

	border: 2px solid #ffcddb;

	padding: 3px 45px 3px 15px;

	color: #ffffff;

	background: #ffcddb;

	transition: all 0.3s ease;

	-webkit-transition: all 0.3s ease;

	-moz-transition: all 0.3s ease;

	-ms-transition: all 0.3s ease;

	-o-transition: all 0.3s ease;

}

.nivo-nextNav:hover:before, .nivo-nextNav:focus:before {

	color: #191919;

}

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

.nivo-controlNav {

	text-align: center;

	position: absolute;

	bottom: 15px;

	z-index: 9;

	left: 0;

    right: 0;

}

.nivo-controlNav a {

	cursor: pointer;

	padding: 6px;

	border: 2px solid #ffffff;

	margin: 0px 5px;

	font-size: 0px;

	transition: all 0.3s ease;

	-webkit-transition: all 0.3s ease;

	-moz-transition: all 0.3s ease;

	-ms-transition: all 0.3s ease;

	-o-transition: all 0.3s ease;

}

.nivo-controlNav a.active, .nivo-controlNav a:hover {

	font-weight: 700;

	border-color: #ffcddb;

	background-color: #ffcddb;

}



.nivoSlider .caption {

  position: absolute;

  left: 5%;

  top: 45%;

  color: #ffffff;

}



.nivoSlider .caption .slider-title {

  color: #ffffff;

}



.nivoSlider .caption .slider-description {

  width: 80%;

}



.nivoSlider .caption .slider-description, .nivoSlider .caption p {

  color: #ffffff;

  font-size: 15px;

}



.lang-rtl .nivoSlider .caption {

	right: 5%;

}



.slider-wrapper {

	position: relative;

	clear: both;

}



@media (max-width: 991px) {



	.nivoSlider {

		margin: 0px 0px 20px;

	}



	.nivo-prevNav {

		left: 0px;

	}



	.nivo-nextNav {

		right: 0px;

	}



}



@media (max-width: 767px) {



	.nivo-directionNav a {

		opacity: 1;

		-webkit-opacity: 1;

		-moz-opacity: 1;

	}



	.nivo-directionNav a {

		top: 50%;

		display: none;

	}



}