body, ul { margin: 0px; padding: 0px; } .clearfix::after, .header .nav li a::before, .wrapper_1::before { content: ""; } .title, .view_mode a.active, .view_mode a:hover { text-shadow: 1px 1px 4px rgb(197, 4, 4), -1px 1px 4px rgb(197, 4, 4), 1px -1px 4px rgb(197, 4, 4), -1px -1px 4px rgb(197, 4, 4); } .appear_banner, .slick-slider, .wrapper { box-sizing: border-box; } .r_s, .slick-list, .social li a { overflow: hidden; } .slick-list:focus, a, div, input { outline: 0px none; } @font-face { 	font-family: "Roboto"; 	font-style: normal; 	font-weight: 400; 	src: local("Roboto"), local("Roboto-Regular"), url(/uploads/380/zn7gbfwfmp4ua6ar0hcolq.ttf) format("truetype"); } body { min-width: 320px; font-family: Roboto,Arial,sans-serif; font-size: 20px; background: rgb(0, 0, 0) none repeat scroll 0% 0%; color: rgb(131, 131, 130); } a { color: rgb(253, 216, 137); text-decoration: none; } img { border: medium none; width: 100%; } ul { list-style: outside none none; } .clearfix::after { clear: both; display: table; } .wrapper { max-width: 1100px; margin: 60px auto 0px; padding: 0px 12px; } .card, .card .game_image, .header_right_bottom > div { max-width: 150px; text-align: center; } .wrapper_1 { position: relative; border-left: 1px solid red; border-right: 1px solid red; padding: 0px 15px; margin-bottom: 15px; } .wrapper_1::before { position: absolute; top: 0px; left: -1px; width: 325px; height: 39px; background-color: rgb(0, 0, 0); } .wrapper_2 { border: 4px solid rgb(255, 168, 0); border-radius: 4px; } .container { margin: 0px 30px; } .header { position: relative; margin-bottom: 14px; } .header_left { position: relative; float: left; width: 254px; } .header .logo { position: absolute; top: -58px; left: -25px; width: 273px; } .header .nav { width: 188px; padding-top: 85px; font-size: 0.75em; line-height: 40px; letter-spacing: 1px; } .header .nav li { padding-left: 47px; } .header .nav li:not(:last-of-type) { border-bottom: 1px solid rgb(255, 96, 0); } .header .nav li a { position: relative; } .header .nav li a::before { position: absolute; left: -38px; top: -7px; background: transparent url(/uploads/380/nav_img.png) no-repeat scroll 0% 0% / cover ; width: 32px; height: 32px; } .header .nav li:nth-child(1) a::before { background-position: 0px 0px; } .header .nav li:nth-child(2) a::before { background-position: 0px -30px; } .header .nav li:nth-child(3) a::before { background-position: 0px -58px; } .header .nav li:nth-child(4) a::before { background-position: 0px -90px; } .header .nav li:nth-child(5) a::before { background-position: 0px -122px; } .header .nav li:nth-child(6) a::before { background-position: 0px -152px; } .header .nav li:nth-child(7) a::before { background-position: 0px -182px; } .header .nav li:nth-child(8) a::before { background-position: 0px -216px; } .header .nav a { color: rgb(255, 255, 255); } .header .nav a:hover, .header_right .menu > li:hover > a, .header_right .menu > li > ul > li > a:hover { color: rgb(253, 216, 137); border-bottom: 1px solid rgb(253, 216, 137); } .header_right { padding-left: 254px; } .header_right_top { margin-left: 54px; padding-top: 8px; } .header_right .menu { display: flex; justify-content: space-between; flex-wrap: wrap; font-size: 0.75em; border-bottom: 2px solid rgb(255, 103, 0); padding-bottom: 11px; } .header_right .menu > li { position: relative; letter-spacing: 1px; } .header_right .menu > li:not(:last-of-type)::after { position: absolute; display: block; content: ""; width: 3px; height: 3px; border-radius: 50%; border: 2px solid rgb(255, 228, 156); right: -14px; top: 7px; } .header_right .menu > li > a { color: rgb(255, 103, 0); } .header_right .menu > li > ul { display: none; position: absolute; top: 18px; background-color: rgba(0, 0, 0, 0.7); border: 1px solid rgb(253, 216, 137); border-radius: 3px; padding: 11px 0px 15px 13px; box-sizing: border-box; font-size: 0.8em; line-height: 18px; width: 100%; } .header_right .menu li:hover > ul { display: block; } .header_right_bottom { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 12px 18px 0px 67px; border-left: 3px solid rgb(255, 168, 0); } .header_right_bottom .label { text-align: center; margin-bottom: 3px; height: 66px; } .header_right_bottom .label img { width: 75%; } .card > a { display: block; text-align: center; } .btn, .card .game_image, .card .game_name, .content_block .text { display: inline-block; } .card .game_image { height: 200px; line-height: 200px; background-size: 100% 100%; } .card .game_image img { width: 100%; vertical-align: middle; } .card .game_name { margin-top: 6px; font-size: 0.8em; color: rgb(253, 216, 137); } .btn { border: 2px solid rgb(255, 74, 74); color: rgb(189, 151, 69); padding: 5px; } .card .btn { margin-top: 7px; min-width: 90px; text-align: center; } .btn:hover, .card:hover .btn { background-color: rgb(64, 0, 0); } .content_block { position: relative; border-top: 1px solid rgb(255, 96, 0); padding-top: 2px; text-align: justify; } .content_block ul { list-style: inherit; padding-left: 40px; } .content_block:last-of-type { border-bottom: 1px solid rgb(255, 96, 0); } .title { text-align: center; margin: 3px 0px 6px; font-size: 1.3em; font-weight: 700; color: rgb(231, 126, 61); } .fav_btn a::before, .slot_btn a::before { content: ""; width: 65px; height: 65px; position: absolute; left: -10px; top: -20px; } .fav_btn a:nth-of-type(1)::before, .slot_btn a:nth-of-type(1)::before { background: transparent url(/uploads/380/like.png) no-repeat scroll 0% 0% / contain ; } .fav_btn a:nth-of-type(2)::before, .slot_btn a:nth-of-type(2)::before { background: transparent url(/uploads/380/dislike.png) no-repeat scroll 0% 0% / contain ; } .slot_btn a:nth-of-type(3)::before { background: transparent url(/uploads/380/hand.png) no-repeat scroll 0% 0% / contain ; } .fav_btn a:nth-of-type(3)::before, .slot_btn a:nth-of-type(4)::before { background: transparent url(/uploads/380/star.png) no-repeat scroll 0% 0% / contain ; } .buttons, .items { justify-content: space-between; } .news .fav_btn a::before { width: 53px; height: 53px; top: auto; bottom: -14px; left: 2px; } .items { display: flex; flex-wrap: wrap; margin-top: 10px; } .items .card { margin: 0px 10px 17px; } .grid, .list { display: none; } .list .card { max-width: inherit; text-align: left; margin-bottom: 50px; } .list .card > a { float: left; } .list .card > a .game_image { margin-right: 23px; } .list .card span { display: block; vertical-align: top; margin-top: 0px; font-size: 0.9em; } .list .card span.game_name { font-size: 1em; margin-bottom: 5px; } .list .card span.description { margin-top: 11px; line-height: 24px; text-align: justify; } .list .links { font-size: 0.9em; } .list .card:hover .btn { background: transparent none repeat scroll 0px 0px; } .list .card .btn:hover { background: rgb(64, 0, 0) none repeat scroll 0% 0%; } .grid.active { display: flex; } .view_mode { right: 0px; } .view_mode a { margin-left: 17px; } .view_mode a.active, .view_mode a:hover { color: rgb(231, 126, 61); } .view_mode a.active .grid_icon, .view_mode a:hover .grid_icon { background: transparent url(/uploads/380/grid_icon_active.png) no-repeat scroll 0% 0% / contain ; filter: drop-shadow(0px 0px 2px rgb(197, 4, 4)); box-shadow: 0px 0px 5px 1px rgb(197, 4, 4); } .grid_icon { width: 17px; height: 17px; background: transparent url(/uploads/380/grid_icon.png) no-repeat scroll 0% 0% / contain ; }  .block, .footer_nav { justify-content: space-between; } .links { margin-top: 8px; } .links a { color: rgb(231, 126, 62); margin-right: 25px; } .footer { margin: 30px 0px 7px; } .block { display: flex; margin-bottom: 27px; } .block > div { display: inline-block; } .footer_nav { display: inline-flex; flex-wrap: wrap; font-size: 0.85em; width: 83%; }  .footer_menu > ul { line-height: 23px; vertical-align: top; } .footer_menu > ul:not(:last-of-type) { margin-right: 76px; } .footer_menu a, .games_list a { color: rgb(131, 131, 130); font-size: 0.73em; }  .footer_logo { position: relative; top: -14px; width: 200px; margin-bottom: -23px; } .games_list a::before { position: absolute; display: block; content: ""; width: 3px; height: 3px; border-radius: 50%; border: 2px solid rgb(255, 228, 156); left: 0px; top: 5px; } .appear_banner_himself::before, .appear_close::before { content: ""; display: block; } .copyright { text-align: center; font-size: 0.62em; margin-top: 36px; } .r_s, figure { padding: 10px; } .video_block iframe, .video_frame iframe, figure { border: 1px solid rgb(51, 37, 9); display: block; } figure { max-width: 660px; margin: 13px auto 33px; } figure figcaption { font-size: 0.8em; font-style: italic; } .appear_close::before { width: 0px; height: 0px; border-width: 1px 10px 10px; border-style: solid; border-color: transparent transparent rgb(255, 255, 255); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; } #iframe_game.show .appear_close::before { border-top: 10px solid rgb(255, 255, 255); border-bottom: medium none; } .appear_banner_himself::before { margin: 0px auto; width: 100%; background: transparent url(/uploads/380/text.png) no-repeat scroll center center / auto 100%; min-height: 30px; } #iframe_game.show .appear_banner_himself::before { display: none; } .slick-track::after, .slick-track::before { display: table; content: ""; } .slick-track::after { clear: both; } #_atssh { width: 1px !important; height: 1px !important; border: 0px none !important; } @media screen and (max-width: 400px) { } @media screen and (max-height: 700px) and (max-width: 400px) { } .at-branding-info::before { content: "i"; font-family: Times New Roman; }              /*23.02.2018 by Roman*/       @media screen and (max-width: 992px) { .header_right .menu > li { width: 45%; text-align: center; } .header_right .menu > li:not(:last-of-type)::after { display: none; } .footer_nav { width: 100%; flex-direction: column; } .footer_nav li { text-align:         center; padding: 5px; } } @media screen and (max-width: 768px) {.header_right_bottom {display: inline-block; width: 100%; text-align: center;}.header_right_bottom > div {display: inline-block; } .wrapper, .header_right { padding: 0; } .container { margin: 0 10px; } .header_right .menu { display: block; } .header_right .menu > li, .header_left { width: 100%; } .menu {   display: block; margin: 0} .header .nav { margin: 0 auto; } .header_right_bottom { display: block; padding: 0; } .card, .card .game_image, .header_right_bottom > div { margin: 10px auto; } } @media screen and (max-width: 480px) { .items .card { margin: 0 auto; } }