* { transition:all ease-in 0.5s; }
body {
	padding:0;
	background:url("../img/main-bg.png") no-repeat fixed center top; background-size:auto auto;
	font-family:'Source Sans Pro' sans-serif;
}
	.container { max-width:1170px; position:relative; }
	a:active, a:focus {
	  outline: none;
	}

/* HEADER */

	header { padding:15px 0 25px; position:relative; background:#fff; }
		header .logo img { height:80px; width:auto; }
	
	#table-block { padding: 0 0 50px; }

/* END HEADER */

	
/* NAVBAR */

/* цвет фона и рамки навигационного меню */
#menu-top-menu {
	float:right;
	height:auto;
	margin:40px 0 0;
}
	#menu-top-menu li:first-child span { display:none; }

.navbar-default {
    background: none;
    border: none;
	padding:0;
	margin:0;
}
/* цвет текста, содержащий название сайта или бренда */
.navbar-default .navbar-brand {
    color: #ecf0f1;
}
/* цвет текста (название сайта или бренда), при поднесении к нему курсора мышки или при его нахождении в фокусе */
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #d1ffed;
}
.navbar-nav > li {
	float:left;
	margin:0;
}
.navbar-nav > li:nth-child(3n) { margin-bottom:0; }
.navbar-nav > li.active {
	margin:0;
}
/* Цвет пунктов навигационного меню */
.navbar-default .navbar-nav > li > a {
    color: #000;
	font:bold 16px/20px 'Source Sans Pro', Helvetica, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	padding:5px 10px;
	display:inline;
}
.navbar-default .navbar-nav > li > span { 
	color: #bcbcbc;
    font: 400 18px/18px "Source Sans Pro",Helvetica,sans-serif;
    margin: 0;
    width: 2px;
}

/* Цвет пункта меню, при поднесении к нему курсора мышки или при его нахождении в фокусе */
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #999;
	text-decoration:none;
}
/* Цвет и фон активного пункта меню, а также поднесении к нему курсора мышки или при его нахождении в фокусе */
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    background: #fff;
    color: #ED2939;
    padding: 0 10px;
    text-decoration: none;
}
/* Цвет и фон открытого пункта меню, а также поднесении к нему курсора мышки или при его нахождении в фокусе */
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color: #d1ffed;
    background-color: none;
}
/* Цвет стрелочки (треугольничка) у раскрывающихся пунктов меню */
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #ecf0f1;
    border-bottom-color: none;
}
/* Цвет стрелочки (треугольничка) при поднесении к нему курсора мышки или при его нахождении в фокусе */
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #d1ffed;
    border-bottom-color: #d1ffed;
}
/* Цвет стрелочки (треугольничка), открывшегося пункта меню */
.navbar-default .navbar-nav > .open > a .caret, 
.navbar-default .navbar-nav > .open > a:hover .caret, 
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #d1ffed;
    border-bottom-color: #d1ffed;
}
/* CSS стили для мобильных устройств */
/* Цвет рамки у кнопки, которая открывает меню */
.navbar-default .navbar-toggle {
    border-color: #999;
	margin:20px 14px 0 0;
}
/* Цвет фона кнопки (которая открывает меню) при поднесении к ней курсора мышки или при нахождении её в фокусе */
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background: #fff;
	color:#000;
}
/* Цвет полосочек в кнопочке, которая открывает меню */
.navbar-default .navbar-toggle .icon-bar {
    background-color: #999;
}
.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {
	background-color: #000;
}



/* Цвет пунктов меню в раскрывающихся списках */
@media (max-width: 767px) {
	
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #ecf0f1;
  }
/* Цвет и фон пункта меню в раскрывающихся списках, при поднесении к нему курсора мышки или при нахождении его в фокусе */
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #d1ffed;
        background-color: none;
    }
}

/* END NAVBAR */

#main-title { 
	color:#000;
	font:bold 60px/60px 'Source Sans Pro', serif;
	margin: 40px 0 30px;
	word-wrap:break-word;
}

/* TABLE */

.brand-list-at.main { margin:50px auto 0; }
	.brand-list-at.main .brand-item { background:rgba(255,255,255,0.8) }
		.brand-list-at.main .brand-item:hover { background:rgba(255,255,255,1) }
	
		.brand-list-at.main .brand-item .item-num { 
			width:26px; 
			height:50px; 
			line-height:48px; 
			margin-top:28px; 
			margin-left:-1px;
			box-shadow: 3px 3px 3px #b0b0b0; 
		}
		.brand-list-at.main .brand-item .item-logo { margin:15px 0; padding:0; }
			.brand-list-at.main .brand-item .item-logo img { border:4px solid #c4c4c4; }
		.brand-list-at.main .brand-item .item-spbonus { width:395px; padding-right:0; margin:16px 0 0; }
			.brand-list-at.main .brand-item .item-spbonus p {  
				font:bold 20px/20px 'Source Sans Pro', Helvetica, sans-serif;
				color:#000;
				height:40px;
			}
		.brand-list-at.main .brand-item .bonuses {  
			font:normal 14px/16px 'Source Sans Pro', Helvetica, sans-serif;
			color:#000;
			margin:10px 0 0;
		}
			.brand-list-at.main .brand-item .payout-block { display:inline; }
			.brand-list-at.main .brand-item .bonuses span { font-weight:bold; color:#ed2939; margin-right:20px; }
			.brand-list-at.main .brand-item .bonuses a { text-decoration:underline; }
				.brand-list-at.main .brand-item .bonuses a:hover { text-decoration:none; }
		.brand-list-at.main .brand-item .item-button { width:145px; height:56px; padding:0; margin: 25px 20px 0 0; float:right; }
			.brand-list-at.main .brand-item .item-button a { 
				background:url("../img/button-nl.png") no-repeat scroll left top;
				width:145px; 
				height:56px; 
				margin:0;
				box-shadow: 3px 3px 3px #b0b0b0; 
			}
			.brand-list-at.main .brand-item .item-button a:hover { 
				background-position:left bottom ;
				box-shadow: 3px 3px 3px #9c9c9c; 
			}

.brand-list-at { margin:10px 0; position:relative;  background: none; }
	.left_float {float:left; }
	.right_float {float:right; position:relative; }
	.brand-list-at .sep {
		background: rgba(255, 255, 255, 0.66) none repeat scroll 0 0;
		clear: both;
		float: none;
		height: 2px;
		margin: 15px auto;
	}
	.brand-list-at .brand-item { cursor:pointer; margin:15px 0 16px; padding:0; position:relative; transition:all ease-in 0.3s; border:none; background:rgba(0,0,0, 0.66); }	
	.brand-list-at .brand-item:hover { background:rgba(0,0,0, 0.9); }
		.brand-list-at .brand-item:hover a { text-decoration:none; }
	.brand-list-at .brand-item:last-child { border-bottom:1px solid #eee; } 
		.brand-list-at .brand-item:first-child .item-num{	background:#43a139; }
		.brand-list-at .brand-item .item-num {
			background:#43a139;
    		color: #fff;
			width: 32px;
			height:56px;
			float: left;
			position: relative;
			text-align: center;
			vertical-align: middle;
			font:bold 18px/56px 'Source Sans Pro', Helvetica, sans-serif;
			margin:35px 20px 0 0;
			padding:0;
			z-index:9999;
		}
		.brand-list-at .brand-item .item-logo { width:auto; float:left; position:relative; margin:25px 0; }
			.brand-list-at .brand-item .item-logo img {
				width:130px; 
				height:auto; 
				margin:0; 
				position:relative; 
				z-index:999; 
				border:6px solid #000;
				transition:0.5s ease all;
			}
			.brand-list-at .brand-item:hover .item-logo img {  border-color: #43A139; }	
			.brand-list-at .brand-item .item-logo a {
				width:150px;
				height:80px;
				font:normal 14px/42px 'Source Sans Pro', Helvetica, sans-serif; color:#fff;
				text-align:center;
				text-decoration:none;
			}
		.brand-list-at .brand-item .item-name { margin:35px 0 0; text-align:center; max-width:160px; padding-left:5px; }	
			.brand-list-at .brand-item .item-name a { font:bold 24px/24px 'Cuprum', 'Source Sans Pro', Helvetica, sans-serif; text-decoration:underline; color:#fff; }	
			.brand-list-at .brand-item:hover .item-name a { text-decoration:none; }
			.brand-list-at .brand-item .item-name img { margin:0 10px 0; padding:2px 0 0; }		
		.brand-list-at .brand-item .item-spbonus { color:#fff; margin:35px 0; }
			.brand-list-at .brand-item .item-spbonus p { display:table-cell; vertical-align:middle; height:auto; font:bold 24px/30px 'Source Sans Pro', Helvetica, sans-serif; margin:0; color:#fff; text-align:left; }
			.brand-list-at .brand-item .item-spbonus .device { direction:ltr; text-align:left; display:none; }
			
		.green-btn {
			background: url("../img/button.png") no-repeat scroll left top rgba(0, 0, 0, 0);;
			height:63px;
			width:162px;
			font:bold 30px/60px 'Source Sans Pro', Helvetica, sans-serif; color:#fff;
			text-align:center;
			text-decoration:none;
			display:block;
			margin:35px 0 0 0;
			padding:0;
		}
		.brand-list-at .brand-item .payout {
				position:absolute; 
				bottom:0; 
				left:0; 
				width:100%; 
				text-align:center;
				color:#fff;
				padding: 0;
				margin:0;
				font:normal 12px/22px 'Source Sans Pro', Helvetica, sans-serif;
			}
				.brand-list-at .brand-item .payout span {}
			
		.green-btn:hover {
			background-position:left bottom;
			color:#fff;
		}	
			
		
		.brand-list-at .brand-item .inside_block {
			text-align:center;
			color:#fff;
			margin:35px 0;
			font:bold 30px/30px 'Source Sans Pro', Helvetica, sans-serif;
			float:left;
			display:inline-block;
			padding:0 10px;
			direction:ltr;
		}
			.brand-list-at .brand-item .bonus .inside_block:last-child {
				/*background:#c9c9c9;
				border:1px solid #bcbaba;*/
				margin-left:-2px;
				min-width:150px;
			}
			.brand-list-at .brand-item .inside_block span { font-size:14px; display:block; line-height:26px; color:#fff; font-weight:normal; }
			
		.brand-list-at .brand-item .item-text { font:normal 12px/31px 'Source Sans Pro', Helvetica, sans-serif; margin:8px 0 0; color:#b0b0b0;}
			.brand-list-at .brand-item .item-text span { text-transform:none; font-weight:bold; font-size:14px; }
			.brand-list-at .brand-item .item-text img { margin:-5px 10px 0; }
			
		.item-sep { 
			/*background: url("../img/item-sep.png") no-repeat scroll center center rgba(0, 0, 0, 0);*/
			bottom: -1px;
			height: 2px;
			opacity: 0.2;
			position: absolute;
			width: 100%;
			z-index: 9999;
		}	
	#table-footer { 
		background:url("../img/tab-footer.png") no-repeat 0 0; 
		height:79px; 
		width:100%;
		position:absolute;
		bottom:-79px;
		left:-40px;
		padding: 0 80px 0 0;
	}

/* END TABLE */

/* HEADER RIGHT */

	.header-right { padding:0; margin:50px 0 0; }
		.header-right h4 { 
			font:bold 28px/28px 'Source Sans Pro', Helvetica, sans-serif;
			color:#fff; 
			text-align:center;
			text-transform:uppercase;
		}
		.jackpots, .last-winners { text-align:center; height:140px; overflow:hidden; }
			.jackpots *, .last-winners * { width:100% !important; } 
				.jackpotScroller-item { overflow:hidden; }
					.jackpotScroller-item a { text-decoration:none; line-height:0; font-size:0; }
					.jackpotScroller-item a:hover { text-decoration:none; }
				.jackpots .lw-name, .last-winners .lw-name {
					font:normal 18px/18px 'Source Sans Pro', Helvetica, sans-serif !important;	
					color:#fff !important;
					margin:10px 0 0 !important;
					display:block;
				}
				.jackpots .lw-currency, .last-winners .lw-currency {
					font:bold 38px/38px 'Source Sans Pro', Helvetica, sans-serif !important;	
					color:#fbd835 !important;
					margin:-15px 0 0 !important;
					display:block;
				}
		
	
		.header-right .right-text {  }
		.header-right .right-text p {  
			font:normal 14px/18px 'Source Sans Pro', Helvetica, sans-serif;
			color:#fff;
		}

/* END HEADER RIGHT */

/* BREADSCRUMB */

	.breadcrumbs { margin-top:20px; font:normal 14px/18px 'Source Sans Pro', Helvetica, sans-serif; }
		.breadcrumbs a { font:normal 14px/18px 'Source Sans Pro', Helvetica, sans-serif; text-decoration:underline; } 
		.breadcrumbs a:hover { text-decoration:none; }
			.breadcrumbs a span { color:#23458A; }
			.breadcrumbs span { color:#666; }

/* END BREADSCRUMB */

/* CONTENT */

	.main-block { background:#fff; padding:0 0 40px; }
	
	.white { color:#fff; text-shadow: 2px 2px 1px #000; }
	h2 { 
		font:bold 48px/48px 'Source Sans Pro', Helvetica, sans-serif; 
		margin:30px 0 15px; 
		color:#000;
		word-wrap:break-word;
	}
	h3 { 
		font:bold 36px/36px 'Source Sans Pro', Helvetica, sans-serif; 
		margin:10px 0 30px; 
		color:#000;
		text-align:center;
		word-wrap:break-word;
	}
	h6 { 
		font:bold 24px/28px 'Source Sans Pro', Helvetica, sans-serif; 
		margin:10px 0; 
		color:#000;
		word-wrap:break-word;
	}
	p { 
		font:normal 16px/22px 'Source Sans Pro', Helvetica, sans-serif; 
		margin:10px 0 15px; 
		color:#000;
	}
	ul { 
		font:normal 16px/22px 'Source Sans Pro', Helvetica, sans-serif; 
		color:#000;
		margin-bottom:20px;
	}
		ul li {
			margin-bottom:5px;
		}
	.content-block {}
		.content-block img { 
			display: block;
			height:100px;
			margin: 50px auto 30px;
			text-align: center;
		}
		.content-block img.big-img { 
			height:150px;
		}
	h3.final-link {
		background: #eee none repeat scroll 0 0;
		line-height: 64px;
		margin: 50px 0;
		padding: 20px 10px;
		text-align: center;
	}
		h3.final-link a {
			display: inline-block;
    		margin: 0 -20px 0 20px;
		}
	
/* END CONTENT */

/* BUTTON-BLOCK */

	#button-block { 
		background:url("../img/pattern.png") repeat scroll center top; 
		background-size:100% auto;
		text-align:center;
		margin:30px 0 0;
		padding:30px 0;
	}
		#button-block .col-lg-8 { float:left; }
		#button-block h2 { font-size:60px; font-weight:60px; }
		#button-block h6 { font-weight:normal; }
		#button-block .item-button { text-align:center; }
			#button-block .item-button a { margin:10px auto 0; }

/* END BUTTON-BLOCK */

/* FOOTER */
	#footer-at { background:#000; text-align:center; padding:40px 0; color:#666; }
		#footer-at p { color:#666; margin:20px 0 0; font-size:12px; }
/* END FOOTER */


@media (min-width: 1200px) {
	body { background-size:auto 1000px; }
}

@media (max-width: 1200px) {
	/* Блок всплывающего меню */
	.navbar-default .navbar-collapse {
		position:absolute;
		width:100%;
	}
	.navbar-collapse.in {
		overflow:visible;
		width:100%;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		border:none;
	}
		.navbar-default .navbar-collapse .navbar-nav#menu-top-menu {
			background: #fff none repeat scroll 0 0;
			margin:10px 0 0;
			padding: 20px;
			border-radius:5px;
			position: absolute;
			right: 0;
			top: 0;
			z-index: 9999;
			color:#000;
		}
			.navbar-default .navbar-collapse .navbar-nav#menu-top-menu li { margin-bottom:10px; }
			.navbar-default .navbar-collapse .navbar-nav#menu-top-menu li:last-child { margin-bottom:0; }
				.navbar-default .navbar-collapse .navbar-nav#menu-top-menu li a { 
					color:#000;
					line-height:24px;
				}
				.navbar-default .navbar-collapse .navbar-nav#menu-top-menu li span { line-height:24px; }
				
				.navbar-default .navbar-collapse .navbar-nav#menu-top-menu > .active > a, 
				.navbar-default .navbar-collapse .navbar-nav#menu-top-menu > .active > a:hover, 
				.navbar-default .navbar-collapse .navbar-nav#menu-top-menu > .active > a:focus {
					background:#000;
					color:#fff;
					margin-left:10px;
				}
				#menu-top-menu li:first-child span {
					display:inline-table;
				}
				.navbar-default .navbar-collapse .navbar-nav#menu-top-menu > .active span {
					display:none;
				}
				
				
	.brand-list-at .brand-item .inside_block { display:none; }
	
	.brand-list-at .brand-item .item-button { width:auto; float:right; }
	
	.header-right h4 { font: bold 20px/20px "Source Sans Pro", Helvetica, sans-serif; margin-bottom:0; }
	.jackpots, .last-winners { height:100px; }
			.jackpots *, .last-winners * {  } 
				.jackpotScroller-item {  }
					.jackpotScroller-item a {  }
					.jackpotScroller-item a:hover {  }
				.jackpots .lw-name, .last-winners .lw-name {
					font:normal 14px/14px 'Source Sans Pro', Helvetica, sans-serif !important;	
				}
				.jackpots .lw-currency, .last-winners .lw-currency {
					font:bold 30px/30px 'Source Sans Pro', Helvetica, sans-serif !important;	
				}
}
@media (max-width: 991px){	
	.navbar-default { 
		position:absolute;
		top:0;
		right:0;
		width:100%;
	}
		.navbar-collapse.in {
			overflow:visible;
			width:100%;
		}
			.navbar-nav > li {
				float:none;
			}
	
	.brand-list-at .brand-item .item-logo { padding:0; }
		
	.brand-list-at.main .brand-item .item-spbonus { max-width:345px; margin-top:20px; }	
		.brand-list-at.main .brand-item .payout-block { display:none; }
		.brand-list-at .brand-item .item-spbonus p { font-size:16px; line-height:24px; font-weight:normal; }
	
	.brand-list-at .brand-item .item-button { padding-left:0; }
	
		
}
@media (max-width: 740px){
	.brand-list-at .brand-item .item-name { display:none; }
	.brand-list-at.main .brand-item .item-spbonus { max-width:245px; margin:20px 0; }	
	
	.header-right { display:none; }
}
@media (max-width: 620px){
	.brand-list-at.main .brand-item .item-spbonus { max-width:200px; }	
	
	.brand-list-at.main .brand-item .item-button { float:left; margin: 25px 20px 0 0; width:127px; height:49px; }
}
@media (max-width: 570px){ 

	header { }

	.brand-list-at .brand-item .item-logo { }
	
	.brand-list-at.main .brand-item .item-spbonus { height:122px; }
		.brand-list-at.main .brand-item .item-spbonus p { line-height:24px; }
		.brand-list-at.main .brand-item .bonuses { line-height:20px; height:122px;  }

	.brand-list-at.main .brand-item .item-button { float:left; margin:-60px 0 10px 46px; width:127px; height:49px; }
		.brand-list-at.main .brand-item .item-button a { width:127px; height:49px; background-size:100% auto; }
}
@media (max-width: 450px) {	
	.brand-list-at.main .brand-item .item-spbonus { max-width:160px; }
	
	h3.final-link {

		line-height:44px;
	}
	h3.final-link a {
		margin:20px auto;
		display: block;
	}
}
@media (max-width: 400px) {	

	header {  }
		.navbar-default .navbar-toggle { margin-top:10px; }

	.logo {  }
		.logo a { }
			.logo a img { width: 100%; height:auto; }

	.brand-list-at .brand-item .item-logo { margin-top:30px; }
		.brand-list-at .brand-item .item-logo a { width:115px; }
			.brand-list-at .brand-item .item-logo img { width:115px; }
	.brand-list-at.main .brand-item .item-spbonus { max-width:140px; height:100px; }
		.brand-list-at.main .brand-item .item-spbonus p { font-size:16px; line-height:20px; }
	
	.brand-list-at.main .brand-item .item-button { float:left; margin:-50px 0 10px 46px; width:115px; height:44px; }
		.brand-list-at.main .brand-item .item-button a { width:115px; height:44px; background-size:100% auto; }
}

@media (max-width: 330px) {	

	.brand-list-at.main .brand-item .item-num { margin-right:10px; }

	.brand-list-at .brand-item .item-logo { margin-top:30px; }
		.brand-list-at.main .brand-item .item-logo a { width:115px; }
			.brand-list-at.main .brand-item .item-logo img { width:115px; }
	.brand-list-at.main .brand-item .item-spbonus { max-width:120px; }
		.brand-list-at.main .brand-item .item-spbonus p { font-size:14px; line-height:18px; font-weight:normal; }
		.brand-list-at.main .brand-item .bonuses { line-height:18px; font-size:14px;  }
		
	.brand-list-at.main .brand-item .item-button { margin-left:36px; }	
	
}