.providers {
	width: 100%;
	text-align: center;
	margin-right: -1500px;
}

body.lang-ar .providers {
	margin-left: -1500px;
	margin-right: 0;
}
.providers-widget {
    position: relative;
    overflow: hidden;
    width: 100%;
	max-width: 1100px;
	height: 138px;
	display:inline-block;
}

.providers-widget ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
	left: -500px;
}
body.lang-ar .providers-widget ul {
	left: auto;
	right: -500px;
}
.providers-widget li {
    width: 185px;
    float: left;
	/*    border: 1px solid #fff;
		border: 1px solid black;*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

	height: 138px;
}
body.lang-ar .providers-widget li{
	float: right;
}

.providers-widget img {
    display: block;
    max-width: 100%;
    height: auto !important;
}

/** Carousel Controls **/
a:hover.forward, a:hover.backward, a:hover.forward span, a:hover.backward span {
	color: #000;
}
a.forward span, a.backward span {
	color: #b7b7b7;
	line-height: 138px;
}
a:active.forward, a:active.backward, a:focus.forward, a:focus.backward,a:hover.forward, a:hover.backward {
	padding:0;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: 0;
	outline-offset: 0;
}

.backward,
.forward {
    position: absolute;
	/*    top: 50%;*/
	/*    margin-top: -15px;*/
    width: 30px;
    height: 138px;
    text-align: center;
    background: #EFEFEF;
	/*    color: #fff;*/
    text-decoration: none;
	/*    text-shadow: 0 0 1px #000;
		font: 24px/27px Arial, sans-serif;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow: 0 0 4px #F0EFE7;
    -moz-box-shadow: 0 0 4px #F0EFE7;
		box-shadow: 0 0 4px #F0EFE7;*/
}
.backward:hover,.forward:hover {
	text-decoration:none;
	cursor:pointer;
}
.backward {
    left: 0px;
}

.forward {
    right: 0px;
}

/** Carousel Pagination **/

.providers-widget-pagination {
    position: absolute;
    bottom: -40px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 0;
}
body.lang-ar .providers-widget-pagination {
    left: -50%;
    -webkit-transform: translate(50%, 0);
    -ms-transform: translate(50%, 0);
    transform: translate(50%, 0);
}
.providers-widget-pagination a {
    text-decoration: none;
    display: inline-block;

    font-size: 11px;
    height: 10px;
    width: 10px;
    line-height: 10px;

    background: #fff;
    color: #4E443C;
    border-radius: 10px;
    text-indent: -9999px;

    margin-right: 7px;


    -webkit-box-shadow: 0 0 2px #4E443C;
    -moz-box-shadow: 0 0 2px #4E443C;
    box-shadow: 0 0 2px #4E443C;
}

.providers-widget-pagination a.active {
    background: #4E443C;
    color: #fff;
    opacity: 1;

    -webkit-box-shadow: 0 0 2px #F0EFE7;
    -moz-box-shadow: 0 0 2px #F0EFE7;
    box-shadow: 0 0 2px #F0EFE7;
}


.provider-list a {
	display: inline-block;
	width: 180px;
	height: 100%;
	background-color: transparent;
}

.provider-skrill {
	background: url('/lte/img/providers/skrill_grey.png') no-repeat center;
}
a:hover.provider-skrill {
	background: url('/lte/img/providers/skrill_color.png') no-repeat center;
}
.provider-neteller {
	background: url('/lte/img/providers/neteller_grey.png') no-repeat center;
}
a:hover.provider-neteller {
	background: url('/lte/img/providers/neteller_color.png') no-repeat center;
}
.provider-visa {
	background: url('/lte/img/providers/visa_grey.png') no-repeat center;
}
a:hover.provider-visa {
	background: url('/lte/img/providers/visa_color.png') no-repeat center;
}
.provider-mastercard {
	background: url('/lte/img/providers/mastercard_grey.png') no-repeat center;
}
a:hover.provider-mastercard {
	background: url('/lte/img/providers/mastercard_color.png') no-repeat center;
}
.provider-bankwire {
	background: url('/lte/img/providers/bankwire_grey.png') no-repeat center;
}
a:hover.provider-bankwire {
	background: url('/lte/img/providers/bankwire_color.png') no-repeat center;
}
.provider-maestro {
	background: url('/lte/img/providers/maestro_grey.png') no-repeat center;
}
a:hover.provider-maestro {
	background: url('/lte/img/providers/maestro_color.png') no-repeat center;
}
.provider-unionpay {
	background: url('/lte/img/providers/unionpay_grey.png') no-repeat center;
}
a:hover.provider-unionpay {
	background: url('/lte/img/providers/unionpay_color.png') no-repeat center;
}
.provider-fasapay {
	background: url('/lte/img/providers/fasapay_grey.png') no-repeat center;
}
a:hover.provider-fasapay {
	background: url('/lte/img/providers/fasapay_color.png') no-repeat center;
}
.provider-dotpay {
	background: url('/lte/img/providers/dotpay_grey.png') no-repeat center;
}
a:hover.provider-dotpay {
	background: url('/lte/img/providers/dotpay_color.png') no-repeat center;
}
.provider-moto {
	background: url('/lte/img/providers/moto_grey.png') no-repeat center;
}
a:hover.provider-moto {
	background: url('/lte/img/providers/moto_color.png') no-repeat center;
}


/** xs **/
@media(max-width:767px){
	/* deposit list */
	.providers, .provider-list a {
		height: 95px;
		line-height: 95px;
	}
	.providers-widget {
		height: 95px;
	}
	a.forward, a.backward {
		height: 95px;
		width: 35px;
	}
	a.forward span, a.backward span {
		line-height: 95px;
	}

	li.provider-list {
		width: 85px;
	}
	.provider-list a {
		line-height: 95px;
		margin-bottom: 0;
		margin-top: 0;
		width: 85px;
	}
	.provider-list a:hover, .provider-list a {
		background-size: 60px auto;
	}
	.cont-au .providers-widget {
		max-width: 400px;
		padding-left: 25px;
	}
}
/** sm **/
@media(min-width:768px){
	.cont-au .providers-widget {
		max-width: 768px;
		padding-left: 0px;
	}
}
/** md **/
@media(min-width:992px){
	.cont-au .providers-widget {
		max-width: 750px;
	}
}
/** lg **/
@media(min-width:1200px){
	.providers {
	}
	.cont-au .providers-widget {
		max-width: 750px;
	}
	body.lang-ar .providers {
		padding-right: 120px;
		padding-left: 0px;
		/*		max-width: 820px;
				max-width: 80%;*/
	}
}