

/** STEP SLIDER **/
.step-slider											{ padding:0px 0px 0px 0px; position:relative; overflow:hidden; clear:both; font-size:1.3em; }
.step-slider .jcarousel-wrapper 						{ margin:0px auto; position:relative; z-index:2; }
.step-slider .jcarousel									{ position:relative; overflow:hidden; width:100%; }
.step-slider .jcarousel ul								{ position:relative; list-style:none; margin:0; padding:0; }
.step-slider .jcarousel li								{ position:relative; float:left; width:100%; overflow:hidden; z-index:2; padding:60px 0px; }
.step-slider .jcarousel li .slide						{ width:100%; max-width:960px; margin:0px auto; }
.step-slider .step-left									{ text-transform:uppercase; float:left; max-width:300px; }
.step-slider .step-left .step							{ font-size:4.5em; font-weight:600; line-height:0.8em; }
.step-slider .step-left h2								{ margin:10px 0px 0px 0px; }
.step-slider .step-right								{ float:right; width:65%; }
.step-slider .step-right h3								{ text-transform:uppercase; margin:0px 0px 10px 0px; padding:0px 0px 10px 0px; font-size:2em; }
.step-slider .step-right strong							{ text-transform:uppercase; font-size:1.1em; }
.step-slider .btn										{ margin:30px 0px 0px 0px; }
.step-slider hr											{ margin:10px 0px; padding:0px; }
.step-slider .jcarousel-control-prev,
.step-slider .jcarousel-control-next					{ position:absolute; top:50%; margin:-30px 0px 0px 0px; padding:10px 20px; font-size:2em; z-index:3; }
.step-slider .jcarousel-control-prev					{ left:20px; }
.step-slider .jcarousel-control-next					{ right:20px; }

.step-slider											{ background:#BE1522; color:#FFFFFF; }
.step-slider .step-left h2								{ color:#3D0000; }
.step-slider .step-right h3								{ border-bottom:1px solid #3D0000; }
.step-slider .step-right strong							{ color:#3D0000; }
.step-slider .btn										{ background:#FFFFFF; color:#BE1522; }
.step-slider .btn:hover									{ background:#3D0000; color:#FFFFFF; }
.step-slider hr											{ border-bottom:1px solid #3D0000; }
.step-slider .jcarousel-control-prev,
.step-slider .jcarousel-control-next					{ border:2px solid #FFFFFF; background:transparent; color:#FFFFFF; }
.step-slider .jcarousel-control-prev:hover,
.step-slider .jcarousel-control-next:hover				{ border:2px solid #FFFFFF; background:#FFFFFF; color:#BE1522; }




/** RESPSONVIE **/
@media screen and (max-width:1100px){
	
	.step-slider											{ padding:0px 0px 60px 0px; }
	.step-slider .jcarousel-control-prev,
	.step-slider .jcarousel-control-next					{ bottom:0px; top:auto; }
	
}

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

	.step-slider .step-left									{ max-width:250px; }
	.step-slider .step-left .step							{ font-size:4em; line-height:0.8em; }
	
}

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

	.step-slider .step-left				{ float:none; max-width:none; }
	.step-slider .step-left .step		{ font-size:3em; }
	.step-slider .step-right			{ float:none; clear:both; width:100%; margin:40px 0px 0px 0px; }
	
}



