* { 	margin: 0; 	padding: 0; }  html { 	font-size: 15px; 	font-family: Arial, sans-serif; 	color: #0b0907; 	line-height: 20px; }  body { 	background-image: url(/wp-content/themes/grand---casinoz.online/shared/2576/bg-body.png); 	background-repeat: repeat; }  .page { 	width: 1280px; 	margin: 0 auto; }  .flex { 	display: flex; 	justify-content: space-between; }  a { 	text-decoration: none; 	outline: none;   	transition: all .3s; }  .text-panel h1 { 	font-size: 26px; 	margin-bottom: 15px; 	color: #761717; 	text-transform: uppercase;   line-height: 32px; }  .text-panel h2 { 	font-size: 24px; 	margin: 10px 0;   line-height: 26px; }  .text-panel h3 { 	font-size: 20px; 	margin: 7px 0;   line-height: 22px; }  .text-panel p { 	margin-bottom: 5px; }  .text-panel ul { 	margin: 10px 0 10px 30px; }  .text-panel img { 	max-width: 100%; 	height: auto; 	margin: 15px auto; 	display: flex; 	justify-content: center; }  header { 	background: rgba(28, 23, 19, .9); 	height: auto; 	padding: 8px 30px; 	position: fixed; 	width: calc(100% - 60px); 	z-index: 999; }  header .flex {   flex-direction: row;   align-items: center; }  header .logo { 	width: 16%; 	height: 63px; }  header .logo img { 	width: 100%; 	height: auto; }  header .top-menu li {   list-style: none;    margin: 0 20px; }  header .top-menu li a {   color: #f5efbe;   font-size: 16px;   background: #2e271f;   line-height: 30px;    padding: 0 20px;   border-radius: 5px;   display: block;   border: 1px solid #524434; }  header .top-menu li a:hover {   color: #f2eec0;   background-image: linear-gradient(to right, #27211b, #524434, #27211b); }  header .control_panel .enter_button { 	height: 39px; }  header .control_panel .registration_button { 	height: 39px; }  header .control_panel .bottom_panel_button { 	flex-direction: unset; 	justify-content: space-evenly; 	font-size: 20px;   	padding: 0 20px; }  header .control_panel .panel_button_primary, header .control_panel .panel_button_secondary { 	background: linear-gradient(to top, #1c1713, #2a1f15); 	box-shadow: inset 0 0 10px 2px rgba(0, 0, 0, 1); 	border-radius: 6px; 	height: 100%; 	display: flex; 	align-items: center; 	justify-content: center; }  header .control_panel .panel_button_secondary { 	background: linear-gradient(to top, #421515, #b01a1a); }  header .control_panel .panel_button_primary:before, header .control_panel .panel_button_secondary:before { 	background: linear-gradient(to top, #421515, #b01a1a); 	box-shadow: inset 0 0 10px 2px rgba(0, 0, 0, 1); 	border-radius: 6px; 	height: calc(100% - 4px); 	width: calc(100% - 4px); 	position: absolute; 	top: 2px; 	left: 2px; 	content: ""; 	opacity: 0; 	transition: opacity .1s ease-out; }  header .control_panel .panel_button_primary div, header .control_panel .panel_button_secondary div { 	z-index: 1; }  header .control_panel .icon_login { 	width: 24px; 	height: 24px; 	background: url(/wp-content/themes/grand---casinoz.online/shared/2576/login.svg) no-repeat; 	margin-right: 15px; }  header .control_panel .icon_registration { 	width: 24px; 	height: 24px; 	background: url(/wp-content/themes/grand---casinoz.online/shared/2576/registration.svg) no-repeat; 	margin-right: 15px; }  header .control_panel .panel_button { 	background: -webkit-linear-gradient(to bottom, #967e47, #fbf7c8, #b39558); 	color: #f2eec0; 	font-size: 15px; 	background: linear-gradient(to bottom, #967e47, #fbf7c8, #b39558); 	box-shadow: 0 5px 3px 0 rgba(0, 0, 0, .5); 	position: relative; 	padding: 2px; 	border-radius: 8px; 	text-align: center; 	cursor: pointer;   	margin-left: 10px; }  header .control_panel .panel_button_secondary:before { 	background: linear-gradient(to top, #884617, #ffb523); }  header .control_panel .panel_button_primary:hover:before, header .control_panel .panel_button_secondary:hover:before { 	opacity: 1; }  .main { 	padding-top: 90px; 	margin-bottom: 20px; }  .main .page { 	background-color: #dbd9ba; 	padding: 30px 20px; 	border-radius: 10px; }  .main .content {   	min-height: 400px; }  .main .content .category-panel { 	margin-bottom: 30px; }  .main .content .category-panel .title { 	position: relative; 	background-image: -webkit-linear-gradient(left, #27211b, #524434, #27211b); 	background-image: linear-gradient(to right, #27211b, #524434, #27211b); 	text-align: center; 	display: inline-block; 	line-height: 50px; 	overflow: hidden; 	color: #faf6c7; 	font-size: 18px; 	text-shadow: 0 1px 0 #000; 	border-radius: 5px; 	margin: 20px 0; 	text-transform: uppercase; 	width: 100%; }  .main .content .category-panel .games { 	-webkit-flex-wrap: wrap; 	-webkit-justify-content: center; 	display: -webkit-flex; 	display: flex; 	flex-wrap: wrap; 	justify-content: center; }  .main .content .category-panel .games .game { 	position: relative; 	padding: 5px; 	background-image: -webkit-linear-gradient(#c5a865, #fbf7c8 40%, #b48c37); 	background-image: linear-gradient(#c5a865, #fbf7c8 40%, #b48c37); 	box-shadow: -1px 1px 0 rgba(0, 0, 0, .1), 1px 1px 0 rgba(0, 0, 0, .1); 	height: 123px; 	margin: 10px; }  .main .content .category-panel .games .game .game_title { 	position: absolute; 	bottom: 4px; 	width: calc(100% - 20px); 	padding: 5px 5px 3px; 	background: #29231c; 	color: #fbf7c8; 	font-size: 13px; 	line-height: 1; 	text-align: center; }  .main .content .category-panel .games .game .game_image { 	position: relative; }  .main .content .category-panel .games .game .game_image .wrap_play_button { 	-webkit-transition: opacity .1s linear; 	visibility: hidden; 	position: absolute; 	top: 0; 	left: 0; 	width: 100%; 	height: 100%; 	background: rgba(0, 0, 0, .7); 	opacity: 0; 	transition: opacity .1s linear; }  .main .content .category-panel .games .game:not(.disabled):hover .wrap_play_button { 	visibility: visible; 	opacity: 1; }  .main .content .category-panel .games .game .wrap_play_button .button { 	-webkit-transform: translate(-50%, -50%); 	position: absolute; 	top: 50px; 	transform: translate(-50%, -50%); }  .main .content .category-panel .games .game .button { 	display: inline-block; 	height: 25px; 	padding: 8px 18px 0; 	overflow: hidden; 	border: 3px solid #231b14; 	border-image-outset: 0; 	border-image-repeat: stretch; 	border-image-slice: 100%; 	border-image-source: none; 	border-image-width: 1; 	border-image: url(/wp-content/themes/grand---casinoz.online/shared/2576/button_border_image.png) 3 stretch; 	background-image: -webkit-linear-gradient(#281e15, #1f1913); 	background-image: linear-gradient(#281e15, #1f1913); 	box-shadow: 0 0 2px 1px rgba(88, 88, 88, .38), inset 0 0 10px rgba(0, 0, 0, .7); 	color: #f4e9c8; 	font-size: 16px; 	font-weight: 400; 	line-height: 1; 	text-align: center; 	text-decoration: none; 	text-shadow: 0 1px 0 #000; 	white-space: nowrap; 	cursor: pointer; 	position: absolute; 	transform: translate(-50%, -50%); 	left: 85px; }  .main .content .category-panel .games .game .button_secondary { 	background-image: -webkit-linear-gradient(#b01a1a, #421515); 	background-image: linear-gradient(#b01a1a, #421515); }  .main .content .category-panel .games .game .button_secondary:not([disabled]):not(.disabled):hover { 	background-image: -webkit-linear-gradient(#991616, #2a0d0d); 	background-image: linear-gradient(#991616, #2a0d0d); }  footer { 	background: #0d0a08; 	padding: 20px 20px 50px; 	border-top-left-radius: 10px; 	border-top-right-radius: 10px; }  footer.flex { 	display: -webkit-box; 	display: -moz-box; 	display: -ms-flexbox; 	display: -webkit-flex; 	-webkit-flex-flow: row wrap; }  footer ul.payments { 	width: 100%; 	margin-bottom: 50px; }  footer ul.payments li.item { 	width: 40px; 	height: 40px; 	background-size: contain; 	background-repeat: no-repeat; 	background-position: center; }  footer ul.payments li.item-visa { 	background-image: url(/wp-content/themes/grand---casinoz.online/shared/2576/visa.svg); }  footer ul.payments li.item-mastercard { 	background-image: url(/wp-content/themes/grand---casinoz.online/shared/2576/mastercard.svg); }  footer ul.payments li.item-maestro { 	background-image: url(/wp-content/themes/grand---casinoz.online/shared/2576/maestro.svg); }  footer ul.payments li.item-cirrus { 	background-image: url(/wp-content/themes/grand---casinoz.online/shared/2576/cirrus.svg); }  footer ul.payments li.item-qiwi { 	background-image: url(/wp-content/themes/grand---casinoz.online/shared/2576/qiwi.svg); }  footer ul.payments li.item-yandex { 	background-image: url(/wp-content/themes/grand---casinoz.online/shared/2576/yandexmoney.svg); }  footer ul.payments li.item-alfa { 	background-image: url(/wp-content/themes/grand---casinoz.online/shared/2576/alfabank.svg); }  footer ul.payments li.item-webmoney { 	background-image: url(/wp-content/themes/grand---casinoz.online/shared/2576/webmoney.svg); }  footer ul.payments li.item-sberbank { 	background-image: url(/wp-content/themes/grand---casinoz.online/shared/2576/shape.svg); }  footer .subscribe { 	width: 30%; 	color: #fff; }  footer .subscribe form { 	display: flex; 	flex-direction: column; }  footer .subscribe p { 	font-size: 18px; 	margin-bottom: 10px; 	line-height: 24px; }  footer .subscribe input[type="email"] { 	border: none; 	box-shadow: none; 	background: #dbd9ba; 	color: #000; 	padding: 10px 15px; 	font-size: 16px; 	border-radius: 5px; 	margin-bottom: 10px; }  footer .subscribe input[type="submit"] { 	color: #f2eec0; 	box-shadow: 0 5px 3px 0 rgba(0, 0, 0, .5); 	position: relative; 	border-radius: 8px; 	text-align: center; 	cursor: pointer; 	background: linear-gradient(to top, #1c1713, #2a1f15); 	font-size: 20px; 	padding: 5px; }  footer .subscribe input[type="submit"]:hover { 	background: linear-gradient(to top, #421515, #b01a1a); }  footer .right { 	width: 60%; }  footer .right .copyright { 	width: 100%; 	color: #9e9d9c; 	line-height: 24px; }  footer .right .pull { 	width: 100%; 	margin-top: 60px; }  footer .right .pull.flex { 	justify-content: flex-start; }  footer .right .pull .wp { 	width: 95px; 	height: 37px; 	background-size: contain; 	background-repeat: no-repeat; 	background-position: center; 	background-image: url(/wp-content/themes/grand---casinoz.online/shared/2576/sprite.png); 	margin-right: 15px; }  footer .right .pull .rules { 	width: 325px; 	height: 37px; 	background-size: contain; 	background-repeat: no-repeat; 	background-position: center; 	background-image: url(/wp-content/themes/grand---casinoz.online/shared/2576/sprite-2.png); }  a.menu-lines { 	display: none; }  .text-panel {   margin-top: 20px; }  .block-comments .title { margin-bottom: 20px; font-size: 26px; } .block-comments .comments .row { background: #f5f3d4; padding: 10px; margin-bottom: 20px; border-radius: 10px; } .block-comments .comments .row .user-name { font-size: 16px; color: #241c14; font-weight: bold; } .block-comments .comments .row .date { font-size: 12px; color: #241c14; padding: 5px 0 0; } .block-comments .comments .row .text { padding: 5px 0 0; border-top: 1px solid #99814a; } .block-comments .leave-comment { margin-top: 40px; } .block-comments .leave-comment input[type="text"] { width: calc(50% - 46px); padding: 10px 20px; color: #fff; font-size: 16px; margin-bottom: 20px;  box-shadow: 0 5px 3px 0 rgba(0, 0, 0, .5); border-radius: 8px; color: #f2eec0; background: linear-gradient(to top, #1c1713, #2a1f15); } .block-comments .leave-comment textarea { width: calc(100% - 42px); padding: 10px 20px; color: #fff; font-size: 16px; margin-bottom: 20px;  box-shadow: 0 5px 3px 0 rgba(0, 0, 0, .5); border-radius: 8px; color: #f2eec0; background: linear-gradient(to top, #1c1713, #2a1f15); } .block-comments .leave-comment input[type="submit"] { color: #f2eec0; position: relative; border-radius: 8px; 	box-shadow: 0 5px 3px 0 rgba(0, 0, 0, .5); text-align: center; cursor: pointer;    	background: linear-gradient(to top, #421515, #b01a1a); font-size: 20px; padding: 5px 30px; } .block-comments .leave-comment input[type="submit"]:hover { background: linear-gradient(to top, #1c1713, #2a1f15); }   @media only screen and (max-width: 1400px) { 	.page { 		width: 1100px; 	} 	header .panel_button { 		margin-right: 5px; 		line-height: 14px; 	} }  @media only screen and (max-width: 1200px) { 	.page { 		width: 900px; 	} 	header .logo { 		width: 18%; 	} 	.main .content { 		width: 100%; 	} 	footer .right .pull { 		margin-top: 40px; 	}   	header .control_panel .bottom_panel_button {     	font-size: 18px;       	padding: 0 15px;   	}   header .top-menu li {     margin: 0 5px;   }   header .control_panel .icon_login, header .control_panel .icon_registration {     width: 20px;     height: 20px;   }   header .control_panel .enter_button, header .control_panel .registration_button {     height: 30px;   } }  @media only screen and (max-width: 992px) { 	.page { 		width: 700px; 	} 	header .logo { 		width: 20%; 		height: 43px; 	} 	.main .content .category-panel .title { 		margin-top: 0; 	} 	footer ul.payments li.item { 		height: 30px; 	} 	footer .subscribe { 		width: 35%; 	} 	footer .right .pull { 		margin-top: 38px; 	}   header .top-menu {     display: none;   } 	a.menu-lines { 		display: block; 		width: 35px; 		padding: 10px; 		margin-right: 20px; 		color: #f2eec0; 		box-shadow: 0 5px 3px 0 rgba(0, 0, 0, .5); 		position: relative; 		border-radius: 8px; 		text-align: center; 		cursor: pointer; 		background: linear-gradient(to top, #1c1713, #2a1f15); 		font-size: 20px; 	} 	a.menu-lines .line { 		height: 4px; 		width: 35px; 		background: #dbd9ba; 		margin-bottom: 5px; 		border-radius: 5px; 	} 	a.menu-lines:hover { 		background: linear-gradient(to top, #421515, #b01a1a); 	}   header > .flex {     display: -webkit-box;     display: -moz-box;     display: -ms-flexbox;     display: -webkit-flex;     -webkit-flex-flow: row wrap;   }   header .control_panel {     width: 100%;     justify-content: center;   }   header .page {     position: relative;   }   header .top-menu {     position: absolute;     top: 85px;     right: 0;     background: #3a3026;     padding: 10px;     border-bottom-left-radius: 10px;     border-bottom-right-radius: 10px;   }   header .top-menu li {     margin: 5px 0;   } }  @media only screen and (max-width: 768px) {   	.block-comments .leave-comment input[type="text"] { width: calc(100% - 46px); } 	.page { 		width: 580px; 	} 	header { 		position: relative; 	} 	header > .flex { 		display: -webkit-box; 		display: -moz-box; 		display: -ms-flexbox; 		display: -webkit-flex; 		-webkit-flex-flow: row wrap; 	} 	header .logo { 		width: 25%; 		margin-bottom: 10px; 	} 	.main { 		padding-top: 20px; 	} 	.main .content .category-panel .games .game { 		margin: 10px 5px; 	} 	.main .content .category-panel .title { 		line-height: 40px; 	} 	footer.flex { 		justify-content: center; 	} 	footer ul.payments { 		margin-bottom: 30px; 	} 	footer .subscribe { 		width: 60%; 		margin-bottom: 30px; 		text-align: center; 	} 	footer .right { 		width: 100%; 	} 	footer .right .copyright { 		text-align: center; 	} 	footer .right .pull { 		margin-top: 30px; 	} 	footer .right .pull.flex { 		justify-content: center; 	}   header .top-menu {     top: 95px;   }   a.menu-lines {     padding: 5px 10px;   } }  @media only screen and (max-width: 640px) { 	.page { 		width: 460px; 	} 	header .logo { 		width: 30%; 	} }  @media only screen and (max-width: 525px) { 	.page { 		width: 380px; 	} 	header .logo { 		width: 35%; 	} 	.main { 		padding-top: 10px; 	} 	.main .page { 		padding: 20px 15px; 	} 	.main .content .category-panel .games .game { 		margin: 5px 4px; 	} 	footer ul.payments li.item { 		height: 20px; 	} 	footer .subscribe { 		width: 100%; 	} }  @media only screen and (max-width: 440px) { 	.page { 		width: 300px; 	} 	header .logo { 		width: 40%; 	} 	.main .content .category-panel .title { 		line-height: 35px; 		font-size: 16px; 	} 	.text-panel h1 { 		font-size: 24px;       line-height: 28px; 	} 	.text-panel h2 { 		font-size: 20px;       line-height: 22px; 	} 	.text-panel h3 { 		font-size: 18px;       line-height: 20px; 	} 	.text-panel p { 		margin-bottom: 5px; 	} 	.text-panel ul { 		margin-left: 20px; 	} 	footer ul.payments.flex { 		display: -webkit-box; 		display: -moz-box; 		display: -ms-flexbox; 		display: -webkit-flex; 		-webkit-flex-flow: row wrap; 		justify-content: center; 	} 	footer ul.payments li.item { 		margin: 0 5px 5px; 	} 	footer .subscribe input[type="submit"] { 		font-size: 18px; 	} 	footer .right .copyright { 		line-height: 20px; 	} 	footer { 		padding-bottom: 30px; 	} 	a.menu-lines { 		margin-right: 5px; 		width: 30px; 	} 	a.menu-lines .line { 		width: 30px; 		height: 3px; 		margin-bottom: 6px; 	} 	header .control_panel .panel_button { 		width: auto; 	} 	header .control_panel .bottom_panel_button { 		padding: 0 10px; 	} }  @media only screen and (max-width: 360px) { 	.page { 		width: 260px; 	} 	header .logo { 		width: 50%; 	} 	header .control_panel.flex { 		display: -webkit-box; 		display: -moz-box; 		display: -ms-flexbox; 		display: -webkit-flex; 		-webkit-flex-flow: row wrap; 		justify-content: center; 	} 	header .control_panel .enter_button { 		width: 100%; 		margin-bottom: 10px; 	} 	header .control_panel .registration_button { 		width: 100%; 	} 	a.menu-lines { 		margin-bottom: 10px; 	}   header .top-menu {     top: 139px;   } }