/*=== Custom Slider Styles ===*/

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

#slider-wrapper {

	 float:left; 

	 width: 100%; 

	 height: 500px; 

	 position: relative; 

	 z-index:0; margin: 0 auto; 

	 -moz-box-shadow: 1px 1px 0 #c5c5c5;

	-webkit-box-shadow: 1px 1px 0 #c5c5c5;

	box-shadow: 1px 1px 0 #c5c5c5;
    background: url(../img/sliderbackground.png) no-repeat;
    background-size: cover;

	overflow:hidden;

}

.slider-container
{
	background-color:#dddddd6b ;
}

#slider {

	position:relative;
background-position: bottom right !important ;
background-size:contain;


    width:88% !important;
    height:500px !important;
	margin: 0 auto;
}

#slider img {

	position:absolute;

	top:0px;

	left:0px;
	width:600px;

	display:none;

}

#slider a {

	

	/*display:block;*/

}



.nivo-controlNav {

	position:absolute;

	left:260px;

	bottom:-42px;

}

.nivo-controlNav a {

	display:block;

	width:22px;

	height:22px;

	background:url(../img/bullets.png) no-repeat;

	text-indent:-9999px;

	border:0;

	margin-right:3px;

	float:left;

}

.nivo-controlNav a.active {

	background-position:0 -22px;

}

a.nivo-prevNav {
    padding: 11px 13px !important;
}

.nivo-directionNav a {

	display:block;

	width: 40px;
    height: 40px;
    padding: 11px 15px;
    border-radius: 56px;
	border: 1px solid #b3040f;
	color:#545454;
}

.nivo-directionNav a:hover
{
	background: #b3040f;
    color: white;
}

a.nivo-nextNav {	background-position: right top;	right: -4px;	}

a.nivo-nextNav:hover {	background-position: right bottom;}

a.nivo-prevNav {	background-position: left top;	left: -4px;}

a.nivo-prevNav:hover {	background-position: left bottom;}



.nivo-caption {

    text-shadow:none;

}

.nivo-caption a { 

/*    text-decoration:underline;*/

}



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

/*=== Other Styles ===*/

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

.clear {

	clear:both;

}



/* The Nivo Slider styles */

.nivoSlider {

	position:relative;
background-position: bottom right !important ;
background-size:contain !important;


}

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

	display:none;

}

/* The slices in the Slider */

.nivo-slice {

	position:absolute;

	z-index:50;
		height:100%;
background-position: bottom right !important ;
background-size:contain !important;


}



/* Direction nav styles (e.g. Next & Prev) */

.nivo-directionNav a {

	position:absolute;

	top:40%;

	z-index:99;

	cursor:pointer;

}

.nivo-prevNav {

	left:0px;

}

.nivo-nextNav {

	right:0px;

}

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

.nivo-controlNav a {

	position:relative;

	z-index:99;

	cursor:pointer;

}

.nivo-controlNav a.active {

	font-weight:bold;

}



/* Caption styles */

.nivo-caption {

	display:block;  

	float: left; 

	margin-left:70px;

	width:485px; 

	z-index:100; 

	position:relative; 

	background:none; 

	color:#fff;

}

.nivo-caption button
{
	margin-top:20px;
}

.nivo-caption p {

	/*padding:5px;*/

	margin:0;
	color:gray;

}

.nivo-caption a {

/*	display:inline !important;*/

}

.nivo-html-caption {

    display:none;

}

.nivo-caption { 

	display:block;  

	float: left; 

	margin-left:70px;

	top: 50%;
    transform: translate(0%, -50%); 

	width:488px; 

	z-index:100; 

	position:relative; 

	background:none; 

	color:#fff;   

}

.nivo-caption  h2 {     

	color: black;    

	font-family: Poppins;
	font-style: normal;
	font-weight: 500;
	font-size: 24px;
	line-height: 26px; 

	margin-top: 0;    

	margin-bottom: 15px; 

	text-transform: uppercase;

}

.nivo-caption span { 

	float:left; 

	color: #767676;;

	font-family: Roboto;
	font-style: normal;
	font-weight: 300;
	font-size: 22px;
	line-height: 35px;
	border-radius: 20px;

	margin-bottom:30px;

	width:100%;  

}

.nivo-caption a.bt {

	margin-top: 20px;
	border-radius:50px;

}

/*.nivo-caption a.bt.dark span {

	color: #fff;

}*/

/*.nivo-caption .bt span {  margin-bottom:0; line-height:24px; }*/

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

	#slider-wrapper
	{
		width:100%;
		height: 200px;
		margin-bottom: 30px;
		background-size: cover;
	}
	#slider
	{
		width:100%;
		height: 200px !important;
background-position: bottom right !important ;
	background-size:contain !important;

			}
	.nivo-caption
	{
		top: 50%;
    		transform: translate(0, -50%);
		margin-left:20px;
		width:130px;
	}

	.nivo-caption h2 {
		font-size: 14px;
		line-height: 16px;
	}

	.nivo-caption span {
		font-size: 12px;
		line-height: 12px;
		display: none;
		
	}


	.nivo-slice {
			background-position: bottom right !important ;	
			background-size:contain !important;

	}

	.nivo-directionNav a {

	display:none;

}

}

@media (min-width:600px) and (max-width:1019px)
{

	#slider-wrapper
	{
		width:100%;
		height: 350px;
		margin-bottom: 50px;
		background-size: cover;
	}
	#slider
	{
		width:100%;
		height: 350px !important;
			}

	.nivo-slice {
				background-position: bottom right !important ;
				background-size:contain !important;
	}

	.nivo-caption
	{
		top: 50%;
    transform: translate(0%, -50%);
		width:280px;
	}

.nivo-directionNav a {

	display:none;

}
.nivo-caption
{
	margin-left:2em;
}
.nivo-caption  h2 {     

	color: black;    

	font-size:1.5em;    

	line-height: 28px;

	margin-top: 0;    

	margin-bottom: 15px; 

	text-transform: uppercase;

}

.nivo-caption span {
    float: left;
    color: gray;
    font-size: 1.1em;
    line-height: 18px;
    border-radius: 20px;
    /* margin-bottom: 20px; */
    width: 100%;
display:none;
}

}
