/* ----------------------------------------------------

	sti slider

---------------------------------------------------- */

.sti_container {

	height: 514px;

}

.sti_items {

	position: relative;

	left: 50% !important;

	width: 1920px !important;

	margin-left: -960px;

}

/* ----------------------------------------------------

	sti prev/next / paginate

	

	

	bullets	

	<div class="sti_paginate">

		<div class="sti_page"></div>

	</div>

	

---------------------------------------------------- */

.sti_previous { 

	top:44%; left:102px; height:40px; width:40px; position:absolute; background: url(../images/arrow-prev.png) left top no-repeat; 

	opacity:1 !important ; cursor:pointer; z-index:2;

}

.sti_next { 

	top:44%; right:102px; height:40px; width:40px; position:absolute; background: url(../images/arrow-next.png) right top no-repeat; 

	opacity:1 !important ; cursor:pointer; z-index:2;

}

.sti_paginate {

	position: absolute;

    width: 100%;

    text-align: center;

    overflow: hidden;

    /*margin-left: 697px;*/

    left: 0 !important;

    top: 480px;

}

.sti_paginate .sti_page{

	width: 63px;

	margin:0 auto;

}

.sti_paginate .sti_btn {

	width: 7px;

	height: 7px;

	text-indent: -1000000000px;

    display:inline-block;

	zoom:1; *display:inline;

    padding: 0;

	margin-right: 10px;

    text-align: center;

    vertical-align: middle;

    cursor: pointer;

	background: #fff;

	outline:none;

}



.sti_paginate .active {

	color: #33ccff;

	background: #33ccff;

	border: 2px solid #33ccff !important;

}



.sti_paginate .bullets_page {

	border: 2px solid #33ccff;

	width:14px; 

	height:14px; 

	margin:0 7px 5px 0; 

	float:left; 

	outline:none;

	border-radius: 50%;

	background-color: #fff;

}

.sti_paginate .bullets_page_active {

	background: #33ccff;

	width:14px; 

	height:14px; 

	margin:0 7px 5px 0; 

	float:left; 

	border: 2px solid #33ccff;

	outline:none;

}