.slidercontainer{
	background: transparent;/*e6e2dd*/
	display: block;
	float: left;
	margin: 10px 0 0; 
	padding: 0;
	height: 318px;
	color: #FFF;
}

.carousel-inner .item img{
	max-width: none; /* Important for Allignment purpose */
}

.background_image{
	position: relative;
}

.static_content,
.slide_caption{
	position: absolute;
	top: 20px;
	left: 20px;
}
.slider{
   position: relative;
}

.slider ul{
	list-style: none;
}

.slider h1{
	font-size: 32px;
}

.slider .static{
	font-weight: 110;
	font-size: 13px;
}

.slider .static h1{
	font-size: 24px;
	font-weight: 400;
	text-shadow: 0 1px 0 #444;
}

.slider .static h3{
	font-size: 16px;
	font-weight: 200;
	text-shadow: 0 1px 0 #444;
}

.left_prev,.right_next{
	text-indent: -9999px;
	background: url('../img/slide_arrows.png') no-repeat left top;
	width: 11px;
	height: 16px;
	border: none;
	opacity: 1;
	position: absolute;
	top: 50%;
	margin-top: -10px;
	opacity: 0.4;
}

.left_prev{
	float: left;
	left: 10px;
}

.right_next{
	left: 100%;
	margin-left: -20px;
	background-position: 0 -17px;
}

.slide_caption{
 width: 90%;
}



/*==== slides CSS EDIT YOUR CSS HERE ====*/
.slide_title,.slide_content,.slide_action{
	position: absolute;
	opacity: 0;
}
.slide1 .slide_caption{
	padding: 0px;
}

.slide1 .slide_title{
	color: #FFF;
	padding: 0px 0px;
	top: 0px;
	left: 0px;
	font-size: 24px;
	font-weight: 100;
}

.slide1 .slide_content{
	color: #FEFEFE;
	padding: 82px 0px;
	top: 65px;
	width: 87%;
	left: 0px;
	font-size: 19px;
	line-height: 16px;
}

.slide1 .slide_action{
	top : 150px;
	left: 420px;
}


.slide2 .slide_title{
	color: #000;
	padding: 8px 14px;
	top: 0px;
	left: 80px;
	font-size: 24px;
	font-weight: 100;
}



.slide2 .slide_content{
	color: #000;
	padding: 60px 14px;
	top: 20px;
	left: 80px;
	font-size: 24px;
	font-weight: 100;
}

.slide2 .slide_action{
	color: #000;
	padding: 130px 14px;
	top: 20px;
	left: 80px;
	font-size: 24px;
	font-weight: 100;
}


@media (max-width: 767px) {

.slidercontainer{
	background: transparent;/*e6e2dd*/
	display: block;
	float: none;
	margin: 10px 0 0; 
	padding: 0;
	height: auto;
	color: #FFF;
}
}

@media (max-width: 480px) { 
	
	.slide1 .slide_title,
	.slide2 .slide_title{
		top: 0px;
		left: 40px;
		font-size: 18px;
	}
	
	.slide1 .slide_content,
	.slide2 .slide_content{
		top: 60px;
		left: 40px;
		width: 70%;
	}
	
	.slide1 .slide_action{
			top : 135px;
			left: 40px;
		}
	 .slide2 .slide_action{
	        top : 155px;
			left: 40px;
	        }

}

/* === Some Important Changes for Contact Form , Do not Edit/Delte == */
a.error_icon{
	background:url('../img/warning.png') no-repeat left top;
	width: 8px;
	width: 12px\0/;
	height: 12px;
	display: block;
	margin: -26px 5px;
	opacity: 1;
}

input.error_input{
	padding: 10px 0 6px 24px;
	width: 90%;
	border: 1px solid #de5a49;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.disabled{
	box-shadow: inset 0 1px 5px #333;
}
/* === End == */

