@font-face {     	font-family: "proxima_nova_condensedSBdIt";     	font-style: normal;     	font-weight: 400;     	src: url(/uploads/941/proxima_nova_condensed_semibold_italic-webfont.eot) format("embedded-opentype"), url(/uploads/941/proxima_nova_condensed_semibold_italic-webfont.woff) format("woff"), url(/uploads/941/proxima_nova_condensed_semibold_italic-webfont.ttf) format("truetype");     }     @font-face {     	font-family: "proxima_nova_cn_ltsemibold";     	font-style: normal;     	font-weight: 400;     	src: url(/uploads/941/mark_simonson_-_proxima_nova_condensed_semibold-webfont.eot) format("embedded-opentype"), url(/uploads/941/mark_simonson_-_proxima_nova_condensed_semibold-webfont.woff) format("woff"), url(/uploads/941/mark_simonson_-_proxima_nova_condensed_semibold-webfont.ttf) format("truetype");     }     @font-face {     	font-family: "arial black";     	font-style: normal;     	font-weight: 400;     	src: url(/uploads/941/ariblk-webfont.eot) format("embedded-opentype"), url(/uploads/941/ariblk-webfont.woff) format("woff"), url(/uploads/941/ariblk-webfont.ttf) format("truetype");     }     html {     	font-family: sans-serif;     	position: relative;     }     aside,footer,header,main,nav,section {     	display: block;     }     a {     	cursor: pointer;     	background: rgba(0, 0, 0, 0) none repeat scroll 0px center;     	outline: 0px none !important;     	color: rgb(39, 191, 248);     	text-decoration: none;     }     a:active,a:focus,a:hover {     	outline: 0px none !important;     }     img {     	border: 0px none;     	max-width: 100%;     }     ul {     	list-style-type: none;     	padding: 0px;     	margin: 0px;     }     menu,nav {     	padding: 0px;     	margin: 0px;     }     .clearfix::after,.clearfix::before {     	content: " ";     	display: table;     }     .clearfix::after {     	clear: both;     }     .pull-right {     	float: right !important;     }     .pull-left {     	float: left !important;     }     .table-cell {     	display: table-cell;     	vertical-align: middle;     }     .grid-col__2-12 {     	width: 16.6667%;     }     .grid-col__6-12 {     	width: 50%;     }     .grid-col__10-12 {     	width: 83.3333%;     }     .grid-col__10-12,.grid-col__2-12,.grid-col__6-12 {     	position: relative;     	min-height: 1px;     }     .grid-wrapper-cols > [class^="grid-col__"] {     	float: left;     	box-sizing: border-box;     }     .grid-wrapper-cols.pd-sm-both {     	margin-left: -10px;     	margin-right: -10px;     }     .grid-wrapper-cell {     	width: 100%;     	display: table;     }     .grid-wrapper-cell > [class^="grid-col__"] {     	float: none;     	display: table-cell;     	vertical-align: middle;     }     .grid-wrapper-cols::after,.grid-wrapper-cols::before,.grid-wrapper::after,.grid-wrapper::before {     	content: " ";     	display: table;     }     .grid-wrapper-cols::after,.grid-wrapper::after {     	clear: both;     }     .grid-col__auto {     	width: auto !important;     }     p {     	font-family: Arial, Helvetica Neue, Helvetica, Verdana, sans-serif;     	font-size: 16px;     	line-height: 21px;     	color: rgb(194, 196, 204);     	margin: 20px 0px 25px;     	text-align: justify;     }     a:hover {     	text-decoration: underline;     }     h1 {     	color: rgb(250, 250, 250);     	font-weight: 500;     	text-transform: uppercase;     	margin: 20px 0px;     	position: relative;     	font-size: 24px;     	line-height: 1.5;     	text-align: center;     }     h1:first-child {     	margin-top: 10px;     }     .text-yellow {     	color: rgb(255, 192, 0);     }     .user-name {     	display: inline-block;     	overflow: hidden;     	text-overflow: ellipsis;     	white-space: nowrap;     	margin-right: 3px;     }     body,html {     	height: 100%;     	background: rgb(0, 0, 0) none repeat scroll 0% 0%;     }     body {     	padding: 0px;     	margin: 0px;     	font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;     	font-size: 13px;     	line-height: 18px;     }     .layout {     	background: rgb(0, 0, 0) url(/uploads/941/cnt-strip.jpg) repeat-y scroll 50% 0px;     	position: relative;     	min-width: 1100px;     	min-height: 100%;     	height: auto;     	overflow: hidden;     	z-index: 2;     }     .wrapper {     	width: 1000px;     	float: none !important;     	display: block;     	margin-left: auto;     	margin-right: auto;     }     .header {     	position: relative;     }     .header-top {     	height: 100px;     	position: relative;     	z-index: 2;     }     .header-top::after,.header-top::before {     	content: "";     	position: absolute;     	top: 0px;     	right: auto;     	bottom: auto;     	left: 50%;     }     .header-top::before {     	content: "";     	width: 1100px;     	height: 172px;     	margin-left: -550px;     	background: rgba(0, 0, 0, 0) url(/uploads/941/head-bg.png) no-repeat scroll 50% 0px;     	z-index: 1;     }     .header-middle {     	height: 275px;     	position: relative;     	z-index: 1;     }     .logo {     	width: 220px;     	height: 184px;     	margin: -3px 0px -100% -7px;     	display: block;     	background: rgba(0, 0, 0, 0) url(/uploads/941/normal_logo_bg.png) no-repeat scroll 0px 0px;     	position: relative;     	z-index: 2;     }     .layout:not(.game-layout) .logo-royal {     	margin: 0px 0px -100% -22px;     }          @media not all, (min-resolution: 192dpi) {          	.logo {     		background: rgba(0, 0, 0, 0) url(/uploads/941/retina_logo_bg.png) no-repeat scroll 0px 0px / cover;     	}     }          .container {     	position: relative;     	z-index: 2;     	padding-bottom: 20px;     	background: rgba(0, 0, 0, 0) url(/uploads/941/cnt-img.jpg) no-repeat scroll 50% 100%;     }     .container-wrapper {     	min-height: 1700px;     	position: relative;     	padding: 6px;     	border: 1px solid rgb(33, 37, 46);     	background: rgba(0, 0, 0, 0) url(/uploads/941/wrapper-pattern.jpg) repeat scroll 0px 0px;     }     .content {     	float: left;     	width: 687px;     }     .cnt-text {     	background-color: rgb(14, 22, 31);     	border: 2px solid rgb(9, 9, 9);     	border-radius: 3px;     	box-shadow: 0px 0px 0px 1px rgb(27, 33, 40) inset, 0px 0px 0px 1px rgb(45, 49, 55);     	margin-bottom: 25px;     }     .cnt-text__inner {     	padding: 20px;     }     .cnt-text__inner > :first-child {     	margin-top: 0px !important;     }     .cnt-text__inner > :last-child {     	margin-bottom: 0px !important;     }     .cnt-main {     	border: 2px solid rgb(9, 9, 9);     	border-radius: 3px;     	box-shadow: 0px 0px 0px 1px rgba(60, 65, 71, 0.4) inset, 0px 0px 0px 1px rgb(23, 30, 39);     	background: rgba(0, 0, 0, 0) url(/uploads/941/content-pattern.jpg) repeat scroll 50% 0px;     	padding: 0px 20px 20px;     }     .cnt-main > :last-child {     	margin-bottom: 0px !important;     }     .cnt-top {     	height: 75px;     }     .cnt-main .cnt-top {     	margin: 0px -20px 80px;     }     .cnt-top__title {     	float: left;     	padding: 27px 4px 28px 12px;     	font-size: 11px;     	font-weight: 700;     	letter-spacing: -0.5px;     	line-height: 12px;     	color: rgb(65, 83, 103);     	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.75);     	text-transform: uppercase;     }     .cnt-top__module {     	padding-top: 2px;     }     .cnt-middle {     	padding-top: 20px;     }     .light-header {     	height: 63px;     	position: relative;     	z-index: 1;     	text-align: center;     	text-transform: uppercase;     	border-radius: 20px;     	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.9);     	white-space: nowrap;     }     .light-header::after,.light-header::before {     	content: "";     	height: 93px;     	position: absolute;     	top: -18px;     	background-image: url(/uploads/941/sprite-lights.png);     	background-repeat: no-repeat;     	z-index: -1;     }     .light-header::before {     	left: -12px;     	right: 50%;     	background-position: 0px -2px;     }     .light-header::after {     	right: -12px;     	left: 50%;     	background-position: 100% -2px;     }     .sidebar-block .light-header {     	margin: -15px -10px 15px;     }     .light-header__twinkle_1 {     	height: inherit;     	position: absolute;     	top: 0px;     	right: 0px;     	bottom: 0px;     	left: 0px;     	display: none;     	z-index: 1;     }     .light-header__twinkle_1::after,.light-header__twinkle_1::before {     	content: "";     	height: 93px;     	position: absolute;     	top: -18px;     	background-image: url(/uploads/941/sprite-lights.png);     	background-repeat: no-repeat;     	z-index: -1;     }     .light-header__twinkle_1::before {     	left: -12px;     	right: 50%;     	background-position: 0px -96px;     }     .light-header__twinkle_1::after {     	right: -12px;     	left: 50%;     	background-position: 100% -96px;     }     .light-header__twinkle_2 {     	height: inherit;     	position: absolute;     	top: 0px;     	right: 0px;     	bottom: 0px;     	left: 0px;     	animation: 1s ease 0s normal none infinite running blinking-full;     	transition: opacity 100ms linear 0s;     	display: none;     	z-index: 2;     }     .light-header__twinkle_2::after,.light-header__twinkle_2::before {     	content: "";     	height: 93px;     	position: absolute;     	top: -18px;     	background-image: url(/uploads/941/sprite-lights.png);     	background-repeat: no-repeat;     	z-index: -1;     }     .light-header__twinkle_2::before {     	left: -12px;     	right: 50%;     	background-position: 0px -190px;     }     .light-header__twinkle_2::after {     	right: -12px;     	left: 50%;     	background-position: 100% -190px;     }     .light-header__title {     	font-family: "arial black";     	font-size: 18px;     	height: inherit;     	line-height: 58px;     	letter-spacing: 0.02em;     	color: rgb(219, 8, 26);     	text-shadow: 1px 1px 0px rgb(0, 26, 165), -1px -1px 0px rgb(0, 26, 165), -1px 1px 0px rgb(0, 26, 165), 1px -1px 0px rgb(0, 26, 165), -2px -2px 10px rgb(38, 183, 238), 2px 2px 10px rgb(38, 183, 238);     	display: block;     	position: relative;     	z-index: 3;     }     .light-header.animate .light-header__twinkle_1 {     	display: block;     	opacity: 1;     	animation: 1s ease 0s normal none infinite running blinking-full-revert;     	transition: opacity 100ms linear 0s;     }     .light-header.animate .light-header__twinkle_2 {     	display: block;     	opacity: 0;     }     .sidebar {     	float: right;     	width: 294px;     }     .sidebar-block {     	border: 2px solid rgb(9, 9, 9);     	border-radius: 3px;     	box-shadow: 0px 0px 0px 1px rgba(56, 86, 120, 0.4) inset, 0px 0px 0px 1px rgb(23, 30, 39);     	background: rgba(0, 0, 0, 0) url(/uploads/941/bg-sidebar-block.jpg) repeat scroll 50% 0px;     	margin-bottom: 25px;     	position: relative;     	padding: 7px 7px 12px;     }     .sidebar-block.cnt-top + .sidebar-block {     	top: 12px;     }     .sidebar-block:last-child {     	margin-bottom: 20px;     }     .sidebar-btns {     	margin: 8px auto;     	max-width: 256px;     }     .sidebar-btns .btn {     	margin: 2px auto 10px;     }     .sidebar-spikes i::after,.sidebar-spikes i::before {     	content: "";     	position: absolute;     	width: 12px;     	height: 12px;     }     .sidebar-spikes i::before {     	left: 5px;     	background-image: url(/uploads/941/spr-icons.png);     	background-repeat: no-repeat;     	background-position: -15px -22px;     }     .sidebar-spikes i::after {     	right: 5px;     	background-image: url(/uploads/941/spr-icons.png);     	background-repeat: no-repeat;     	background-position: -29px -22px;     }     .sidebar-spikes__top::after,.sidebar-spikes__top::before {     	top: 5px;     }     .sidebar-spikes__center::after,.sidebar-spikes__center::before {     	top: 50%;     	margin-top: -6px;     }     .sidebar-spikes__bottom::after,.sidebar-spikes__bottom::before {     	bottom: 5px;     }     .sidebar-promo {     	width: 242px;     	padding: 6px;     	margin: 0px auto 10px;     	border-radius: 6px;     }     .sidebar-promo-sm {     	min-height: 70px;     	background-image: url(/uploads/941/sprite-thumb.png);     	background-position: -2px -524px;     	background-repeat: repeat-x;     }     .sidebar-promo-md {     	height: 195px;     	background-image: url(/uploads/941/sprite-thumb.png);     	background-position: -2px -313px;     	background-repeat: repeat-x;     }     .sidebar-promo__img {     	border-radius: 2px;     	margin-bottom: 2px;     	overflow: hidden;     }     .sidebar-promo__img img {     	display: block;     }     .sidebar-promo-sm .sidebar-promo__img {     	height: 64px;     }     .sidebar-promo-md .sidebar-promo__img {     	height: 175px;     }     .sidebar-promo__title {     	font-size: 14px;     	line-height: 18px;     	color: rgb(255, 255, 255);     	text-align: center;     	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);     	max-width: 100%;     	overflow: hidden;     	text-overflow: ellipsis;     	white-space: nowrap;     }     .sidebar-promo__link {     	display: block;     	text-decoration: none;     }     .sidebar-promo__link:hover {     	text-decoration: none;     }     .sidebar-fond {     	max-width: 254px;     	margin: 0px auto;     }     .sidebar-fond__head {     	padding: 5px 0px;     	text-align: center;     }     .sidebar-fond__head p {     	text-align: center;     	color: rgb(199, 199, 199);     	margin: 0px;     }     .sidebar-fond__head div {     	font-size: 30px;     	line-height: 1.1;     	letter-spacing: 0.001em;     	overflow: hidden;     	text-overflow: ellipsis;     	white-space: nowrap;     }     .footer {     	border: 1px solid rgb(33, 36, 46);     	box-shadow: 0px 62px 22px rgb(0, 0, 0) inset;     	background: rgba(0, 0, 0, 0) url(/uploads/941/content-pattern.jpg) repeat scroll 50% 0px;     }     .footer p {     	font-size: 14px;     	line-height: 20px;     	color: rgb(138, 141, 153);     	margin: 0px 0px 15px;     }     .footer-top {     	height: 40px;     	position: relative;     	z-index: 2;     }     .footer-payments {     	width: 1067px;     	height: 78px;     	position: absolute;     	top: -20px;     	right: -34px;     	bottom: auto;     	left: -33px;     	background: rgba(0, 0, 0, 0) url(/uploads/941/footer-payments.png) no-repeat scroll 50% 0px;     }     .footer-middle {     	padding: 25px;     	background-color: rgba(16, 41, 63, 0.18);     }     .footer-bottom {     	height: 40px;     	padding: 11px 25px 9px;     	border-top: 1px solid rgb(33, 36, 46);     	background-color: rgb(8, 15, 21);     }     .footer-bottom p {     	font-size: 11px;     	color: rgb(138, 141, 153);     	line-height: 14px;     	padding: 0px;     	margin: 0px;     }     .footer-bottom .table-cell {     	height: 40px;     }     .footer-rules {     	width: 334px;     	height: 38px;     	background-image: url(/uploads/941/sprite.png);     	background-position: 0px 0px;     	background-repeat: no-repeat;     }     .user-bar {     	position: relative;     	z-index: 3;     }     .user-bar__wrapper * {     	font-family: Roboto, Arial, Helvetica, Verdana, Tahoma, sans-serif;     	font-weight: 700;     }     .user-bar__wrapper a {     	text-decoration: none;     }     .user-bar__header {     	position: relative;     	height: 44px;     	margin: 0px -4px 0px -6px;     	padding: 8px 0px 12px;     }     .user-bar__header .user-bar__wrapper {     	width: 100%;     	float: left;     	margin: 0px 0px 0px 30px;     	position: relative;     }     .user-bar__header .user-bar__enter {     	margin-left: 16px;     }     .user-bar__header .user-bar__block {     	float: left;     	min-width: 90px;     	max-width: 181px;     }     .user-bar__header .user-bar__block .btn-blue {     	margin-bottom: 0px;     	width: 120px;     	margin-left: 3px;     	height: 40px;     	box-sizing: border-box;     }     .user-bar__wrapper {     	float: left;     }     .user-bar__btns {     	position: absolute;     	top: 9px;     	right: 25px;     	bottom: auto;     	left: auto;     }     .user-bar__btns.social-login {     	top: 12px;     }     .user-bar .social {     	display: inline-block;     	vertical-align: middle;     	margin-right: 13px !important;     }     .user-bar__logto {     	display: inline-block;     	position: relative;     	top: 2px;     	margin-right: 19px;     	padding: 1px 10px;     	background: rgb(23, 33, 42) linear-gradient(0deg, rgba(0, 0, 0, 0) 0px, rgb(0, 0, 0) 100%) repeat scroll 0% 0%;     	box-shadow: 0px 0px rgba(255, 255, 255, 0.1), 0px 1px 1px 0px rgb(0, 0, 0) inset;     	border-radius: 10px;     	font-weight: 700;     	font-size: 12px;     	font-style: italic;     	color: rgb(58, 72, 91);     	letter-spacing: 0px;     	text-shadow: 0px 1px 0px rgb(0, 0, 0);     }     .user-bar__logto::after {     	content: "";     	position: absolute;     	top: -20px;     	bottom: 0px;     	left: 20px;     	background: rgb(0, 0, 0) none repeat scroll 0% 0%;     	width: 1px;     	height: 60px;     	z-index: -1;     }     .user-bar__logto::before {     	content: "";     	position: absolute;     	top: -20px;     	bottom: 0px;     	left: 21px;     	width: 1px;     	height: 60px;     	opacity: 0.1;     	background: rgb(255, 255, 255) none repeat scroll 0% 0%;     	z-index: -1;     }     .user-bar__block {     	height: 40px;     	padding: 2px 0px 0px;     }     .user-bar__reg {     	margin: 2px 0px 0px 56px;     	padding: 2px;     	border: 1px solid rgb(132, 96, 35);     	background-color: rgb(17, 25, 32);     	position: relative;     	width: 254px;     	height: 34px;     	box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.5);     }     .user-bar__reg,.user-bar__reg span {     	float: left;     	font-size: 15px;     	line-height: 34px;     	text-align: center;     }     .user-bar__reg-title {     	display: block;     	border-width: 1px 0px;     	font-weight: 700;     	text-align: center;     	background-image: url(/uploads/941/sprite-btns.png);     	background-position: 0px -750px;     	width: 100%;     	padding: 0px;     	background-repeat: no-repeat;     	border-top-color: rgb(204, 1, 3);     	border-bottom-color: rgb(158, 1, 3);     	color: rgb(255, 255, 255);     }     .user-bar__reg-title--regular {     	font-weight: 300;     	font-style: normal;     }     .user-bar__reg:hover {     	text-decoration: none;     	border-color: rgb(132, 96, 35);     }     .user-bar__reg:hover .user-bar__reg-title {     	background-position: -31px -793px;     	border-top-color: rgb(77, 45, 0);     	border-bottom-color: rgb(114, 67, 0);     }     .user-bar__reg:active {     	border-color: rgb(132, 96, 35);     }     .user-bar__reg:active .user-bar__reg-title {     	background-position: -31px -840px;     	border-top-color: rgb(124, 0, 1);     	border-bottom-color: rgb(95, 0, 1);     }     .social {     	text-align: center;     	height: auto;     	font-size: 0px;     	line-height: 0;     	color: transparent;     	text-shadow: none;     	background-color: transparent;     	border: 0px none;     	white-space: nowrap;     }     .user-bar__header .social {     	margin: 4px 18px 0px 0px;     }     .social-item {     	display: inline-block;     }     .user-bar__header .social-item + .social-item {     	margin: 0px 0px 0px 10px;     }     .social-item a {     	display: block;     	width: 30px;     	height: 30px;     	border-radius: 2px;     	background-image: url(/uploads/941/sociale-icons.png);     	background-repeat: no-repeat;     	opacity: 1;     	position: relative;     }          @media not all, not all {          	.social-item a {     		background-image: url('sociale-icons@2.png');     		background-size: 230px 108px;     	}     }          .social-item a.vk {     	background-position: -2px 3px;     }     .social-item a.vk:hover {     	background-position: -2px -36px;     }     .social-item a.vk:active {     	background-position: -2px -76px;     }     .social-item a.ok {     	background-position: -81px 3px;     }     .social-item a.ok:hover {     	background-position: -81px -36px;     }     .social-item a.ok:active {     	background-position: -81px -76px;     }     .social-item a.mru {     	background-position: -41px 3px;     }     .social-item a.mru:hover {     	background-position: -41px -36px;     }     .social-item a.mru:active {     	background-position: -41px -76px;     }     .social-item a.fb {     	background-position: -161px 3px;     }     .social-item a.fb:hover {     	background-position: -161px -36px;     }     .social-item a.fb:active {     	background-position: -161px -76px;     }     .social-item a.ya {     	background-position: -121px 3px;     }     .social-item a.ya:hover {     	background-position: -121px -36px;     }     .social-item a.ya:active {     	background-position: -121px -76px;     }     .social-item a.tw {     	background-position: -201px 3px;     }     .social-item a.tw:hover {     	background-position: -201px -36px;     }     .social-item a.tw:active {     	background-position: -201px -76px;     }     .social-item a:hover {     	opacity: 1 !important;     }     .social-item a:active {     	top: 1px;     }     .nav {     	position: relative;     	z-index: 2;     }     .nav li {     	text-align: center;     }     .nav__header {     	padding: 2px 36px 3px 48px;     }     .nav__header li {     	display: inline-block;     	margin-right: 13.2px;     }     .nav__header li:last-child {     	margin-right: 0px;     }     .nav__header li a {     	padding: 0px 10px;     	font-family: Roboto, Arial, Helvetica, Verdana, Tahoma, sans-serif;     	font-weight: 500;     	letter-spacing: 0.5px;     }     .nav-list {     	max-width: 702px;     	padding-left: 35px;     }     .nav__main {     	margin: -17px 19px -32px;     	padding: 1px 0px 22px;     	height: 70px;     	background-image: url(/uploads/941/sprite-strips.png);     	background-position: 0px 0px;     	background-repeat: repeat-x;     	z-index: 2;     }     .nav__main::after,.nav__main::before {     	content: "";     	width: 89px;     	height: 123px;     	position: absolute;     	top: 0px;     }     .nav__main::before {     	left: -89px;     	background-image: url(/uploads/941/sprite-strips.png);     	background-position: -84px -94px;     	background-repeat: no-repeat;     }     .nav__main::after {     	right: -89px;     	background-image: url(/uploads/941/sprite-strips.png);     	background-position: 0px -94px;     	background-repeat: no-repeat;     }     .nav__main .nav-list {     	position: relative;     	z-index: 1;     	margin: 5px -33px 0px -32px;     }     .nav__main .nav-list li {     	padding: 0px 10px;     	position: relative;     }     .nav__main .nav-list li::after {     	content: "";     	z-index: -1;     	position: absolute;     	top: auto;     	right: 30px;     	bottom: 1px;     	left: 30px;     	height: 40px;     	border-radius: 20px;     	box-shadow: 0px 10px 13px 1px rgba(202, 120, 0, 0.5);     	opacity: 0;     }     .nav__main .nav-list li:hover::after {     	opacity: 1;     }     .nav-link {     	display: inline-block;     	height: 35px;     	padding: 3px 0px 0px;     	border-top: 1px solid rgb(56, 20, 126);     	border-bottom: 1px solid rgb(22, 58, 109);     	background-color: rgb(2, 12, 23);     	box-shadow: 0px 2px 0px rgb(0, 0, 0);     	position: relative;     	margin-left: 18px;     	margin-right: 18px;     }     .nav-link::after,.nav-link::before {     	content: "";     	width: 18px;     	height: 44px;     	position: absolute;     	top: -2px;     	z-index: 1;     }     .nav-link::before {     	left: -18px;     	background-image: url(/uploads/941/sprite-strips.png);     	background-position: 0px -255px;     	background-repeat: no-repeat;     }     .nav-link::after {     	right: -18px;     	background-image: url(/uploads/941/sprite-strips.png);     	background-position: -155px -255px;     	background-repeat: no-repeat;     }     .nav-link__title {     	display: block;     	height: 35px;     	line-height: 34px;     	padding: 0px 10px;     	background-image: url(/uploads/941/sprite-strips.png);     	background-position: 50% -218px;     	background-repeat: repeat-x;     	position: relative;     	margin-left: 5px;     	margin-right: 5px;     	z-index: 2;     }     .nav-link__title::after,.nav-link__title::before {     	content: "";     	width: 15px;     	height: 35px;     	position: absolute;     	top: 0px;     }     .nav-link__title::before {     	left: -15px;     	background-image: url(/uploads/941/sprite-strips.png);     	background-position: -41px -256px;     	background-repeat: no-repeat;     }     .nav-link__title::after {     	right: -15px;     	background-image: url(/uploads/941/sprite-strips.png);     	background-position: -118px -256px;     	background-repeat: no-repeat;     }     .nav-link__spike {     	height: 12px;     	margin-left: 0px;     	margin-right: 0px;     	position: absolute;     	top: 12px;     	right: 12px;     	bottom: auto;     	left: 12px;     	z-index: 2;     }     .nav-link__spike::after,.nav-link__spike::before {     	content: "";     	width: 12px;     	height: 12px;     	position: absolute;     	top: 2px;     }     .nav-link__spike::before {     	left: -12px;     	background-image: url(/uploads/941/spr-icons.png);     	background-repeat: no-repeat;     	background-position: -15px -22px;     }     .nav-link__spike::after {     	right: -12px;     	background-image: url(/uploads/941/spr-icons.png);     	background-repeat: no-repeat;     	background-position: -29px -22px;     }     .nav-link:hover {     	border-top-color: rgb(221, 164, 3);     	border-bottom-color: rgb(202, 119, 0);     }     .nav-link:hover::before {     	background-position: -20px -255px;     }     .nav-link:hover::after {     	background-position: -135px -255px;     }     .nav a {     	display: block;     	font-weight: 700;     	font-size: 13px;     	line-height: 36px;     	color: rgb(164, 175, 187);     	text-align: center;     	text-decoration: none;     	text-transform: uppercase;     	text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);     }     .nav a:hover {     	color: rgb(204, 204, 204);     }     .nav a:active {     	position: relative;     	top: 1px;     }     .container-wrapper .nav__main {     	position: absolute;     	top: 80px;     	right: 19px;     	bottom: auto;     	left: 19px;     	margin: 0px;     }     .carousel {     	position: relative;     	min-height: 200px;     }     .carousel-slider,.carousel-slider img {     	width: 1000px;     	height: 275px;     }     .carousel-slider .carousel-inner {     	width: inherit;     	height: inherit;     }     .carousel-slider .carousel-image {     	font-size: 0px;     	line-height: 0;     	color: transparent;     	text-shadow: none;     	background-color: transparent;     	border: 0px none;     	display: block;     	position: relative;     	z-index: 1;     }     .carousel-slider .carousel-caption {     	max-width: 420px;     	position: absolute;     	left: 30px;     	top: 70px;     	z-index: 2;     }     .carousel-slider .carousel-caption .btn {     	width: 290px;     	position: absolute;     	top: 112px;     }     .carousel-slider .carousel-title {     	font-family: proxima_nova_cn_ltsemibold;     	font-size: 30px;     	font-weight: 400;     	line-height: 30px;     	text-align: left;     	text-transform: uppercase;     	color: rgb(255, 255, 255);     	text-shadow: 3px 3px 1px rgba(15, 11, 65, 0.25), -1px -1px 0px rgb(17, 14, 74), 1px -1px 0px rgb(17, 14, 74), -1px 1px 0px rgb(17, 14, 74), 1px 1px 0px rgb(17, 14, 74), -2px -2px 2px rgba(17, 14, 74, 0.75), 2px -2px 2px rgba(17, 14, 74, 0.75), -2px 2px 2px rgba(17, 14, 74, 0.75), 2px 2px 2px rgba(17, 14, 74, 0.75);     	margin: 0px;     }     .carousel-slider .carousel-subtitle {     	font-size: 22px;     	font-weight: 400;     	text-align: left;     	line-height: 36px;     	color: rgb(255, 192, 0);     	margin: 0px 0px 10px;     }     .carousel-inner {     	height: 100%;     	position: relative;     	z-index: 1;     	overflow: hidden;     }     .carousel .item {     	position: absolute;     	top: 0px;     	right: 0px;     	bottom: auto;     	left: 0px;     	opacity: 0;     	transition: opacity 0.35s ease-in 0s;     	z-index: 1;     }     .carousel .item.active {     	z-index: 2;     	opacity: 1;     }     .jackpot {     	display: block;     	height: 40px;     	position: relative;     	text-align: center;     	font-size: 0px;     	line-height: 0;     	padding: 12px 10px;     	margin: 0px -2px;     	white-space: nowrap;     }     .jackpot-block {     	text-align: center;     	padding: 5px 0px 10px;     	overflow: hidden;     }     .jackpot::before {     	content: "";     	height: 52px;     	position: absolute;     	top: 6px;     	right: 5px;     	bottom: auto;     	left: 6px;     	border-radius: 9px;     	box-shadow: -1px 1px 0px rgba(255, 255, 255, 0.2), 0px 0px 0px 1px rgba(255, 255, 255, 0.1);     	background-color: rgb(16, 15, 15);     	z-index: 1;     }     .jackpot > * {     	position: relative;     	z-index: 2;     }     .jackpot-el {     	opacity: 0;     	display: inline-block;     	vertical-align: top;     	margin: 0px -2px;     	position: relative;     	height: 40px;     	width: 25px;     	background-image: url(/uploads/941/sprite-jackpot.png);     	background-repeat: no-repeat;     	background-position: 0px -1px;     }     .jackpot-el::after {     	position: absolute;     	top: auto;     	right: 2px;     	bottom: -5px;     	left: auto;     	content: "";     	width: 11px;     	height: 13px;     	background-image: url(/uploads/941/sprite.png);     	background-position: -28px -98px;     	background-repeat: no-repeat;     	display: none;     }     .jackpot-el:nth-last-child(3) {     	padding-right: 11px;     }     .jackpot-el:nth-last-child(3)::after {     	display: block;     }     .jackpot-el:nth-last-child(6),.jackpot-el:nth-last-child(9) {     	padding-right: 11px;     }     .jackpot-el:nth-last-child(6)::after,.jackpot-el:nth-last-child(9)::after {     	display: block;     	background-position: -28px -78px;     }     .jackpot-el:last-child {     	padding-right: 27px;     }     .jackpot-el:last-child::after {     	display: block;     	background-position: 0px -77px;     	height: 40px;     	width: 25px;     	margin: 0px 0px 0px 6px;     	right: 2px;     	top: 0px;     }     .jackpot__tenge .jackpot-el:last-child::after {     	background-position: 0px -120px;     }     .timer-pair {     	float: left;     	margin-right: 16px;     	width: 62px;     	text-align: center;     	border: 1px solid rgb(9, 9, 9);     	box-shadow: 0px 0px 0px 1px rgb(30, 46, 62);     	position: relative;     }     .timer-pair::after {     	content: "";     	background-image: url(/uploads/941/spr-icons.png);     	background-repeat: no-repeat;     	background-position: -119px -198px;     	position: absolute;     	width: 7px;     	height: 21px;     	top: 13px;     	right: -12px;     	animation: 1s ease 0s normal none infinite running blinking;     }     .timer-pair:last-child {     	margin-right: 0px !important;     }     .timer-pair:last-child::after {     	display: none;     }     .timer-digit {     	float: left;     	text-align: center;     	width: 29px;     	height: 44px;     	line-height: 46px;     	color: rgb(255, 255, 255);     	font-size: 42px;     	text-shadow: 0px 3px 1px rgba(0, 0, 0, 0.3);     	background: rgb(30, 46, 62) none repeat scroll 0% 0%;     	border: 1px solid rgb(9, 9, 9);     }     .timer-names {     	font-size: 10px;     	font-weight: 700;     	line-height: 14px;     	text-transform: uppercase;     	color: rgb(66, 84, 103);     	position: absolute;     	top: auto;     	right: auto;     	bottom: -18px;     	left: 50%;     	transform: translateX(-50%);     }     .timer.hide-seconds .timer-pair:last-child {     	display: none;     }     .timer.hide-seconds .timer-pair:nth-child(3) {     	margin-right: 0px !important;     }     .timer.hide-seconds .timer-pair:nth-child(3)::after {     	display: none;     }     .timer {     	margin: 0px auto 5px;     	padding-bottom: 18px;     	overflow: hidden;     	width: 304px;     }     .timer.hide-seconds {     	width: 224px;     }     .carousel-winners {     	padding: 5px;     }     .carousel-winners,.carousel-winners .carousel-inner {     	min-height: 72px;     }     .carousel-winners .item::before {     	content: "";     	height: 52px;     	position: absolute;     	top: 6px;     	right: 5px;     	bottom: auto;     	left: 6px;     	border-radius: 9px;     	box-shadow: -1px 1px 0px rgba(255, 255, 255, 0.2), 0px 0px 0px 1px rgba(255, 255, 255, 0.1);     	background-color: rgb(16, 15, 15);     	z-index: -1;     }     .carousel-winners__img {     	float: left;     	width: 93px;     	height: 52px;     	margin: 0px -105px 0px 0px;     	padding: 6px 8px 8px 7px;     	background-image: url(/uploads/941/sprite.png);     	background-position: -225px -41px;     	background-repeat: no-repeat;     }     .carousel-winners__img img {     	max-width: 100%;     }     .carousel-winners__data {     	position: relative;     	z-index: 1;     	margin-left: 105px;     	padding: 10px;     }     .carousel-winners__user {     	font-size: 14px;     	line-height: 18px;     	color: rgb(255, 255, 255);     	max-width: 115px;     	overflow: hidden;     	text-overflow: ellipsis;     	white-space: nowrap;     	margin: 0px 0px 3px;     }     .carousel-winners__user .user-name {     	max-width: 85px;     	display: inline-block;     	vertical-align: top;     }     .carousel-winners__win {     	font-size: 20px;     	font-weight: 700;     	line-height: 20px;     	color: rgb(255, 192, 0);     	max-width: 115px;     	overflow: hidden;     	text-overflow: ellipsis;     	white-space: nowrap;     }     .carousel-winners__win span {     	font-size: 15px;     	color: rgb(0, 151, 236);     }     .btn {     	display: block;     	position: relative;     	margin: 0px 0px 20px;     	border-width: 1px;     	border-style: solid;     	padding: 2px;     	color: rgb(255, 255, 255);     }     .btn,.btn:hover,.btn:hover > *,.btn > * {     	text-decoration: none;     }     .btn span {     	display: block;     	border-width: 1px 0px;     	border-style: solid;     	font-family: proxima_nova_cn_ltsemibold;     	text-align: center;     	background-image: url(/uploads/941/sprite-btns.png);     	background-position: 50% 0px;     	background-repeat: repeat-x;     }     .btn-red {     	border-color: rgb(201, 118, 0);     	background-color: rgb(51, 0, 0);     }     .btn-red span {     	border-top-color: rgb(204, 1, 3);     	border-bottom-color: rgb(158, 1, 3);     	text-shadow: -1px -1px 0px rgb(123, 0, 1), 1px -1px 0px rgb(123, 0, 1), -1px 1px 0px rgb(123, 0, 1), 1px 1px 0px rgb(123, 0, 1), -2px -2px 2px rgba(255, 255, 255, 0.25), 2px -2px 2px rgba(255, 255, 255, 0.25), -2px 2px 2px rgba(255, 255, 255, 0.25), 2px 2px 2px rgba(255, 255, 255, 0.25);     }     .btn-red:hover span {     	border-top-color: rgb(208, 2, 3);     	border-bottom-color: rgb(164, 2, 3);     }     .btn-red:active span {     	border-top-color: rgb(124, 0, 1);     	border-bottom-color: rgb(95, 0, 1);     }     .btn-blue {     	border-color: rgb(52, 68, 83);     	background-color: rgb(0, 18, 51);     }     .btn-blue span {     	border-top-color: rgb(0, 81, 180);     	border-bottom-color: rgb(0, 57, 152);     	text-shadow: -1px -1px 0px rgb(0, 45, 122), 1px -1px 0px rgb(0, 45, 122), -1px 1px 0px rgb(0, 45, 122), 1px 1px 0px rgb(0, 45, 122), -2px -2px 2px rgba(0, 45, 122, 0.5), 2px -2px 2px rgba(0, 45, 122, 0.5), -2px 2px 2px rgba(0, 45, 122, 0.5), 2px 2px 2px rgba(0, 45, 122, 0.5);     }     .btn-blue:hover span {     	border-top-color: rgb(9, 88, 183);     	border-bottom-color: rgb(7, 63, 161);     }     .btn-blue:active span {     	border-top-color: rgb(1, 43, 101);     	border-bottom-color: rgb(1, 37, 86);     }     a.btn-md {     	height: 34px;     }     .btn-md span {     	font-size: 22px;     	line-height: 32px;     	height: 32px;     }     a.btn-lg {     	height: 44px;     }     .btn-lg span {     	font-size: 27px;     	line-height: 42px;     	height: 42px;     }     .btn-md.btn-blue span {     	background-position: 50% 0px;     }     .redesign .btn-md.btn-blue span {     	background-position: 50% -666px;     }     .btn-md.btn-blue:hover span {     	background-position: 50% -33px;     }     .redesign .btn-md.btn-blue:hover span {     	background-position: 50% -709px;     }     .btn-md.btn-blue:active span {     	background-position: 50% -66px;     }     .btn-lg.btn-red span {     	background-position: 50% -327px;     }     .btn-lg.btn-red:hover span {     	background-position: 50% -370px;     }     .btn-lg.btn-red:active span {     	background-position: 50% -413px;     }     .btn-engage {     	width: 40px;     	height: 77px;     	position: absolute;     	top: -24px;     	right: -30px;     	bottom: auto;     	left: auto;     	background-image: url(/uploads/941/sprite.png);     	background-position: -47px -77px;     	background-repeat: no-repeat;     }     .btn:hover .btn-engage {     	background-position: -91px -77px;     }     .btn:active .btn-engage {     	background-position: -132px -77px;     }     .btn-redesign {     	display: block;     	position: relative;     	margin: 0px;     	border-width: 1px;     	border-style: solid;     	padding: 2px;     	color: rgb(255, 255, 255);     	box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.5);     }     .btn-redesign,.btn-redesign:hover,.btn-redesign:hover > *,.btn-redesign > * {     	text-decoration: none;     }     .btn-redesign span {     	display: block;     	border-width: 0px;     	border-style: solid;     	text-align: center;     	background-image: url(/uploads/941/sprite-btns.png);     	background-position: 50% 0px;     	background-repeat: repeat-x;     }     .btn-redesign.btn-md span {     	height: 34px;     	line-height: 34px;     	font-size: 15px;     	font-weight: 700;     	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);     }     .btn-redesign.btn-md.btn-blue span {     	background-position: 50% -889px;     }     .btn-redesign.btn-md.btn-blue:hover span {     	background-position: 50% -666px;     }     .btn-redesign.btn-md.btn-blue:active span {     	background-position: 50% -707px;     }          @media screen and (max-height: 721px) {          	.sidebar-promo {     		margin-bottom: 0px;     	}     }          @font-face {     	font-family: "ArialTenge";     	font-style: normal;     	font-weight: 400;     	src: url(/uploads/941/arial-tenge.eot) format("☺"), url(/uploads/941/arial-tenge.woff) format("woff"), url(/uploads/941/arial-tenge.ttf) format("truetype"), url(/uploads/941/arial-tenge.svg) format("svg");     }     @font-face {     	font-family: "ArialTenge";     	font-style: italic;     	font-weight: 400;     	src: url(/uploads/941/ariali-tenge.eot) format("☺"), url(/uploads/941/ariali-tenge.woff) format("woff"), url(/uploads/941/ariali-tenge.ttf) format("truetype"), url(/uploads/941/ariali-tenge.svg) format("svg");     }     @font-face {     	font-family: "ArialTenge";     	font-style: normal;     	font-weight: 700;     	src: url(/uploads/941/arialbd-tenge.eot) format("☺"), url(/uploads/941/arialbd-tenge.woff) format("woff"), url(/uploads/941/arialbd-tenge.ttf) format("truetype"), url(/uploads/941/arialbd-tenge.svg) format("svg");     }     @font-face {     	font-family: "ArialTenge";     	font-style: italic;     	font-weight: 700;     	src: url(/uploads/941/arialbi-tenge.eot) format("☺"), url(/uploads/941/arialbi-tenge.woff) format("woff"), url(/uploads/941/arialbi-tenge.ttf) format("truetype"), url(/uploads/941/arialbi-tenge.svg) format("svg");     }     @font-face {     	font-family: "Roboto";     	font-style: normal;     	font-weight: 700;     	src: url(/uploads/941/robotobold.eot);     }     @font-face {     	font-family: "Roboto";     	font-style: normal;     	font-weight: 400;     	src: url(/uploads/941/roboto.eot);     }     @font-face {     	font-family: "Roboto";     	font-style: normal;     	font-weight: 300;     }     .layout-royal .footer-payments {     	background: rgba(0, 0, 0, 0) url(/uploads/941/footer-payments-royal.png) no-repeat scroll 50% 0px;     } .cnt-text__inner ul {     color: rgb(194, 196, 204);     margin-bottom: 15px;     font-size: 16px;     list-style-position: inside;     padding-left: 15px;       list-style-type: disc; }     h1, h2 {     color: rgb(250, 250, 250);     font-weight: 500;     text-transform: uppercase;     margin: 20px 0px;     position: relative; } h2 {     font-size: 18px;     text-align: left; } .mob-btn{   width: 29px;   height: 18px;   display: none;   flex-direction: column;   justify-content: space-between;   cursor: pointer;   position: relative; } .mob-btn span{   width: 100%;   height: 2px;   display: block;   background: #fff;   transition: all .4s ease; } .mob-btn.active span:nth-child(1){   transform: rotate(45deg);   position: absolute; } .mob-btn.active span:nth-child(2){   display: none; } .mob-btn.active span:nth-child(3){   transform: rotate(-45deg); } .burger{   display: none;   width: 100%;   height: 40px;   position: relative;   justify-content: flex-end;   align-items: center; }     @media screen and (max-width: 1024px) {          	body,html {     		width: 100%;     		overflow-x: hidden;     	}     	.wrapper,.layout,.container-wrapper,.content,.game-list {     		width: auto;     		min-width: unset;     		min-height: unset;     		height: auto;     	}     	.user-bar__logto {     		top: 4px;     		margin-right: 7px;     	}     	.user-bar__header .social {     		margin: 2px 0px 0px 0px;     		margin-right: 0 !important;     	}     	.user-bar__header .social-item + .social-item {     		margin: 0px 0px 0px 0px;     	}     	.social-item a {     		width: 25px;     		height: 28px;     	}     	.layout:not(.game-layout) .logo-royal {     		margin: 2px 0px -100% 10px;     	}       .nav__header li {     margin-right: 0; }       .nav__header li a {     padding: 0px 5px; }       .user-bar__header .user-bar__enter {     margin-left: 6px; }     .user-bar__reg {     margin: 2px 0px 0px 50px;     width: 200px; }         .carousel-slider .carousel-image, .carousel-slider img  {     object-position: center;     width: auto !important;     max-width: 100%;     object-fit: cover; }       .carousel-slider{     width: 100%; }       .nav__main::after, .nav__main::before{         display: none;       }       .container-wrapper .nav__main {     position: relative;     top: auto;     right: auto;     bottom: auto;     left: auto;     margin: 0px;     padding: 0;     width: auto; }    .nav__main .nav-list {     position: relative;     z-index: 1;     margin: 0 auto;     padding: 0;     width: auto; }       .footer-payments {     width: 100%;     position: relative;     top: auto;     right: auto;     bottom: auto;     left: auto; }   .container-wrapper .nav__main {     position: relative;     top: auto;     right: auto;     bottom: auto;     left: auto;     margin: 0px;     padding: 0;     width: auto; }       .nav__main .nav-list {     position: relative;     z-index: 1;     margin: 0;     padding: 0;     width: 100%;     max-width: unset; }  .container-wrapper .nav__main .grid-wrapper-cell {     display: flex;     flex-wrap: wrap;     margin: 0;     padding: 0;     width: 100%; }      .container-wrapper .nav__main a.nav-link{       font-size: 11px;       padding: 3px 0px 0px;       }           .nav__main .nav-list li {     padding: 5px 0px; } .cnt-main .cnt-top {     margin: 0 0 10px; } .game-list {     min-width: unset;     margin: 0 0 10px;     display: flex;     flex-wrap: wrap;     justify-content: center; } .sidebar {     display: none; }           .header-top .wrapper {     width: auto;     float: none !important; }       img, video, iframe{         max-width: 100;       }        }         @media screen and (max-width: 768px) {   .mob-btn{       display: flex;       z-index: 9999;     cursor: pointer;   }   .mob-btn.active{     margin-top: 10px;   }   .nav__header {     padding: 0;     position: static; }   .nav__header .nav-list{     display: none;     position: absolute;     width: 100%;     height: auto;     left: 0;     top: 100%;     background: #18222d;     z-index: 9999;     max-width: unset;     padding-left: 0;     padding: 0;     margin: 0;   }   .nav__header li a {     padding: 0;     width: 100%;     text-align: left;     line-height: 22px; }   .nav__header li {     margin: 0;     display: inline-block;     width: 100%;     text-align: left;     line-height: 22px;     padding: 5px 15px;     border-bottom: 1px solid rgba(0, 0, 0, .1);     box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, .1); }         .grid-wrapper-cols::after, .grid-wrapper-cols::before, .grid-wrapper::after, .grid-wrapper::before{     display: none;   }   .header-top {     height: auto; }   .header-top .wrapper .grid-wrapper-cols {     display: flex;     flex-direction: column; }   .header-top .wrapper .grid-wrapper-cols .grid-col__2-12:first-child{ 	width: 100%;     display: flex;     justify-content: center; }   .header-top .wrapper .grid-wrapper-cols .grid-col__2-12:first-child > a{         display: block; }     .header-top .wrapper .grid-wrapper-cols .grid-col__10-12.redesign{ 	width: 100%;     display: flex;     justify-content: center;     flex-wrap: wrap;     padding: 0 10px; }   .layout:not(.game-layout) .logo-royal {     margin: 0; }   .user-bar__header {     height: auto;     margin: 0;     padding: 0;     display: flex;     flex-wrap: wrap;     width: 88%;     justify-content: space-between;     align-items: center; }   .user-bar__header .user-bar__wrapper{     margin: 0;         width: 68%;   }   .user-bar__btns {     position: relative;     top: auto !important;     right: auto;     bottom: auto;     left: auto; }   .user-bar__btns {     position: relative;     top: auto !important;     right: auto;     bottom: auto;     left: auto;     display: flex;     align-items: center; }   .user-bar__reg {     margin: 0; }   .burger{   	display: flex;     padding: 10px 15px;     width: 5%;   }      .user-bar__logto{     display: none;   }   .user-bar__header .user-bar__enter {     margin-left: 0px;     padding: 0; }   .container-wrapper .nav__main{     height: auto;   }   .container-wrapper{     padding: 0;   }   .container-wrapper .nav__main {     height: auto;     background: #112466; }   .container-wrapper .nav__main .grid-wrapper-cell {     justify-content: center; }   .nav__main .nav-list li::after{     top: 0px;   }   .footer-payments{     display: flex;   }   .cnt-top {     height: auto; }   .cnt-main .cnt-top .grid-wrapper-cols {     display: flex;      }   .cnt-top__module {     padding-top: 0;     width: 100%; }   .cnt-main .cnt-top .grid-wrapper-cols .grid-col__6-12 {     width: 50%;     display: flex;     flex-direction: column;     align-items: center; }   .cnt-top__title br{     display: none   }   .footer {     display: flex;     flex-wrap: wrap; }   .footer-bottom {     width: 100%; }         img, video{         height: auto;       } } @media screen and (max-width: 580px) {     .header-top .wrapper .grid-wrapper-cols .grid-col__10-12.redesign{       padding: 0;   }   .burger {     display: flex;     padding: 5px 15px;     width: 100%;     background: #15003a;     justify-content: flex-end; }   .user-bar__header {     width: 100%;     padding: 0 15px 15px;     justify-content: center;     align-items: center; }   .cnt-main {     padding: 0px 10px 20px; }   .cnt-main .cnt-top {     margin: 0 0 10px; }   .cnt-main .cnt-top .grid-wrapper-cols {     display: flex;     flex-direction: column;     align-items: center;     justify-content: flex-start; }   .cnt-main .cnt-top .grid-wrapper-cols .grid-col__6-12 {     width: 100%;     display: flex;     flex-direction: row;     align-items: center; }   .user-bar__header .user-bar__wrapper {     margin: 0;     width: 90%; }   .user-bar__btns.social-login{     margin-top: 10px;   }   .footer-bottom {     width: 100%;     height: auto;     display: flex;     flex-direction: column;     align-items: flex-start; }   .footer-bottom .pull-left{ order: 1; }   .footer-bottom .pull-right{ order: 0; }       } @media screen and (max-width: 425px) { .footer-rules {     width: 300px;     height: 32px;     background-size: 90%; }   .user-bar__header .user-bar__block .btn-blue {     width: 100px; }   .user-bar__reg {     width: 192px; }   .user-bar__header .user-bar__wrapper {     width: 100%;     display: flex;     justify-content: space-between;     align-items: center; }   .carousel-slider .carousel-caption .btn {     width: 270px;     left: -20px; }   .cnt-main .cnt-top .grid-wrapper-cols .grid-col__6-12 {     flex-direction: column; }   .cnt-top__title {     padding: 15px 4px 0px 12px;   }   .cnt-text__inner {     padding: 10px; } }