/* roboto-regular - cyrillic-ext_latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url('../fonts/roboto-v49-cyrillic-ext_latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* roboto-500 - cyrillic-ext_latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url('../fonts/roboto-v49-cyrillic-ext_latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* roboto-700 - cyrillic-ext_latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url('../fonts/roboto-v49-cyrillic-ext_latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } * { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; background: transparent; font-size: 100%; vertical-align: baseline; } html { -webkit-text-size-adjust: 100%; font-size: 14px; } body { color: #c8c5d3; font: 400 18px/1.5em 'Roboto', sans-serif; background: #302d3b; } body.hidden { overflow: hidden; } @media (max-width: 999px) { body { font-size: 14px; } } img { width: auto; max-width: 100%; height: auto; } img.alignleft { float: left; margin: 20px 20px 20px 0; } @media (max-width: 414px) { img.alignleft { display: block; float: none; margin: 20px auto; } } img.alignright { float: right; margin: 20px 0 20px 20px; } @media (max-width: 414px) { img.alignright { display: block; float: none; margin: 20px auto; } } img.aligncenter { display: block; float: none; margin: 20px auto; } select, textarea, input, button { outline: none; } .transition { -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } a { color: #baa05e; font: 400 14px/1.5em 'Roboto', sans-serif; text-decoration: underline; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } a:visited { color: #fb6a89; } a:hover { color: #9f9ab2; } p { margin-bottom: 1em; } p:last-of-type { margin-bottom: 0; } ul { margin: 0; padding: 0; list-style: none; } h1, .h1 { color: #fff; font: 500 20px/1.5em 'Roboto', sans-serif; margin-bottom: 10px; text-transform: uppercase; } h2, .h2 { color: #fff; font: 500 18px/1.5em 'Roboto', sans-serif; margin-bottom: 10px; text-transform: uppercase; } h3, .h3 { color: #fff; font: 500 16px/1.5em 'Roboto', sans-serif; margin-bottom: 10px; text-transform: uppercase; } h4, .h4 { color: #fff; font: 500 14px/1.5em 'Roboto', sans-serif; margin-bottom: 10px; text-transform: uppercase; } section { position: relative; display: block; padding: 0; } .container-full { width: 100%; max-width: 100%; margin: 0 auto; padding-left: 15px; padding-right: 15px; } .container { width: 100%; max-width: 1030px; margin: 0 auto; padding-left: 15px; padding-right: 15px; } .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; margin-left: -15px; margin-right: -15px; padding-top: 24px; padding-bottom: 24px; } .row.no-padding { padding-top: 0; padding-bottom: 0; } .row.no-padding-top { padding-top: 0; } .row.no-padding-bottom { padding-bottom: 0; } .row.align-items-center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .row.justify-content-around { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .row.justify-content-between { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .col-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 100%; padding-left: 15px; padding-right: 15px; } .col-2-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; padding-left: 15px; padding-right: 15px; } .col-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; padding-left: 15px; padding-right: 15px; } .col-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.333%; -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; max-width: 33.333%; padding-left: 15px; padding-right: 15px; } .col-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.666%; -ms-flex: 0 0 41.666%; flex: 0 0 41.666%; max-width: 41.666%; padding-left: 15px; padding-right: 15px; } .col-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-left: 15px; padding-right: 15px; } .col-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.333%; -ms-flex: 0 0 58.333%; flex: 0 0 58.333%; max-width: 58.333%; padding-left: 15px; padding-right: 15px; } .col-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.667%; -ms-flex: 0 0 66.667%; flex: 0 0 66.667%; max-width: 66.667%; padding-left: 15px; padding-right: 15px; } .col-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; padding-left: 15px; padding-right: 15px; } .col-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-left: 15px; padding-right: 15px; } .enter { display: inline-block; color: #fff; font: 400 18px/1em 'Roboto', sans-serif; text-transform: uppercase; padding: 10px 25px; border: 1px solid #5e5874; border-radius: 20px; background: transparent; text-decoration: none; } .enter:hover { color: #fff; border-color: #fff; } .registration { display: inline-block; color: #fff; font: 900 18px/1em 'Roboto', sans-serif; text-transform: uppercase; text-shadow: 0 0 4px #630317; padding: 10px 18px; border: 0; border-radius: 20px; background: #f91f4e; box-shadow: 0 3px 0 #950423; text-decoration: none; } .registration:hover { color: #fff; background: #fa5176; box-shadow: 0 3px 0 #f14168; } header { padding: 12px 0; } header .header_content { position: relative; } header .header_content .home-link { display: block; } header .header_content .home-link img { display: block; } header .header_content .headmenu { flex: 1 0 auto; } @media (max-width: 999px) { header .header_content .headmenu { display: none; } } header .header_content .headmenu .menu { display: flex; flex-flow: row wrap; align-items: center; justify-content: flex-end; } header .header_content .headmenu .menu li { margin-left: 23px; } header .header_content .headmenu .menu li:first-child { margin-left: 0; } header .header_content .headmenu .menu li a { display: block; color: #e4e2e9; font: 400 18px/1.16em 'Roboto', sans-serif; text-decoration: none; } header .header_content .headmenu .menu li a:hover { color: #fb6a89; } header .header_content .headmenu .menu li span { display: block; color: #fb6a89; font: 400 18px/1.16em 'Roboto', sans-serif; } @media (max-width: 999px) { header .header_content .header-block { display: none; } } header .header_content .header-block a { margin-right: 20px; } header .header_content .header-block a:last-child { margin-right: 0; } header .header_content .mobile_menu { display: none; } @media (max-width: 999px) { header .header_content .mobile_menu { display: block; } } header .header_content .mobile_menu .mobile_button { position: relative; display: block; width: 37px; height: 26px; background: transparent; padding: 0; border: 0; outline: none; } header .header_content .mobile_menu .mobile_button span { position: absolute; left: 0; display: block; width: 100%; height: 3px; background: #fff; transform: rotate(0); -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } header .header_content .mobile_menu .mobile_button span:first-child { top: 0; } header .header_content .mobile_menu .mobile_button span:nth-child(2) { top: 11px; } header .header_content .mobile_menu .mobile_button span:last-child { bottom: 0; } header .header_content .mobile_menu .mobile_button.active span:first-child { transform: rotate(45deg); top: 11px; } header .header_content .mobile_menu .mobile_button.active span:nth-child(2) { width: 0; left: 50%; } header .header_content .mobile_menu .mobile_button.active span:last-child { transform: rotate(-45deg); bottom: 11px; } header .header_content .mobile_menu .menu_content { display: none; position: absolute; top: 100%; left: 0; width: 100%; background: #302d3b; padding: 30px 15px; border-bottom: 3px solid #393a50; z-index: 100; } @media (max-width: 999px) { header .header_content .mobile_menu .menu_content .search-from { display: block; } } header .header_content .mobile_menu .menu_content .headmenu { margin-bottom: 35px; } @media (max-width: 999px) { header .header_content .mobile_menu .menu_content .headmenu { display: block; } } header .header_content .mobile_menu .menu_content .headmenu .menu { display: block; } header .header_content .mobile_menu .menu_content .headmenu .menu li { margin-left: 0; margin-bottom: 13px; } header .header_content .mobile_menu .menu_content .headmenu .menu li:last-child { margin-bottom: 0; } header .header_content .mobile_menu .menu_content .header-block { display: flex; flex-flow: column wrap; align-items: center; justify-content: center; } header .header_content .mobile_menu .menu_content .header-block a { display: block; width: 100%; text-align: center; margin: 0; } header .header_content .mobile_menu .menu_content .header-block a:first-child { order: 1; margin-top: 30px; } header .header_content .mobile_menu .menu_content .header-block a:last-child { margin-bottom: 0; } .home_banner { position: relative; margin-bottom: 30px; } @media (max-width: 479px) { .home_banner .swiper-slide { display: flex; align-items: center; justify-content: center; overflow: hidden; } } .home_banner .swiper-slide img { display: block; } @media (max-width: 479px) { .home_banner .swiper-slide img { height: 109px; margin: 0 auto; max-width: 500%; } } .home_banner .swiper-navigation .container { display: flex; align-items: center; justify-content: flex-end; position: relative; top: -70px; } @media (max-width: 999px) { .home_banner .swiper-navigation .container { display: none; } } .home_banner .swiper-navigation .container .swiper-button-prev { position: relative; display: flex; align-items: center; justify-content: center; top: auto; left: auto; right: auto; margin: 0; background: transparent; width: 30px; height: 30px; border: 1px solid #6a6382; border-radius: 6px; opacity: 1; z-index: 100; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .home_banner .swiper-navigation .container .swiper-button-prev svg { display: block; fill: #6a6382; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .home_banner .swiper-navigation .container .swiper-button-prev:hover { border-color: #9f9ab2; } .home_banner .swiper-navigation .container .swiper-button-prev:hover svg { fill: #9f9ab2; } .home_banner .swiper-navigation .container .swiper-button-next { position: relative; display: flex; align-items: center; justify-content: center; top: auto; left: auto; right: auto; margin: 0 0 0 10px; background: transparent; width: 30px; height: 30px; border: 1px solid #6a6382; border-radius: 6px; opacity: 1; order: 1; z-index: 100; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .home_banner .swiper-navigation .container .swiper-button-next svg { display: block; fill: #6a6382; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .home_banner .swiper-navigation .container .swiper-button-next:hover { border-color: #9f9ab2; } .home_banner .swiper-navigation .container .swiper-button-next:hover svg { fill: #9f9ab2; } .home_banner .swiper-pagination { position: relative; bottom: auto; left: auto; display: flex; align-items: center; justify-content: center; margin-top: 15px; } .home_banner .swiper-pagination .swiper-pagination-bullet { display: block; width: 30px; height: 3px; background: #6a6382; margin-right: 7px; border-radius: 0; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .home_banner .swiper-pagination .swiper-pagination-bullet:last-child { margin-right: 0; } .home_banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #fb6a89; } .home_banner .header-block { display: none; } @media (max-width: 999px) { .home_banner .header-block { display: flex; align-items: center; justify-content: center; background: #23212b; padding: 10px 15px; } } .home_banner .header-block a:first-child { margin-right: 20px; } .breadcrumbs_section .breadcrumbs { display: flex; flex-flow: row wrap; align-items: flex-start; justify-content: flex-start; padding: 20px 0; } .breadcrumbs_section .breadcrumbs li { margin-right: 5px; } .breadcrumbs_section .breadcrumbs li:last-child { margin-right: 0; } .breadcrumbs_section .breadcrumbs li a, .breadcrumbs_section .breadcrumbs li span { font-size: 14px; text-decoration: none; } main .money_button { display: flex; align-items: center; justify-content: center; width: 540px; max-width: 100%; height: 40px; color: #fff; font: 900 18px/1.16em 'Roboto', sans-serif; text-transform: uppercase; margin: 20px auto; text-decoration: none; background: #d93126; border-radius: 20px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } main .money_button:hover { background: #fa5176; } main .main_content .left-main { flex: 0 0 730px; max-width: 730px; } @media (max-width: 999px) { main .main_content .left-main { flex: 0 0 100%; max-width: 100%; margin-bottom: 40px; } } main .main_content .left-main ul { list-style: inside; margin-bottom: 1em; padding-left: 20px; } main .main_content .left-main ol { list-style: none; margin-bottom: 1em; counter-reset: my-awesome-counter; padding-left: 20px; } main .main_content .left-main ol li { position: relative; counter-increment: my-awesome-counter; } main .main_content .left-main ol li:before { content: counter(my-awesome-counter) '.'; color: inherit; font: inherit; padding-right: 10px; } main .main_content .left-main iframe { display: block; width: 100%; height: 320px; } main .main_content .right-main { flex: 0 0 300px; max-width: 300px; } @media (max-width: 999px) { main .main_content .right-main { flex: 0 0 100%; max-width: 100%; } } .header-download__btn.download__btn { display: none; } .download__btn.registration { position: relative; width: 270px; display: flex; justify-content: center; align-items: center; font-weight: bold; font-size: 20px; line-height: 23px; text-transform: uppercase; color: #fff !important; margin-bottom: 30px; } .download__btn>span { position: absolute; right: 0; width: 70px; height: 70px; background: #f91f4e; border-radius: 100%; line-height: 75px; text-align: center; } .download__btn:hover>span { background: #fa5176; } .download__btn.header-download__btn { position: absolute; right: 87px; top: -5px; z-index: 111111; } .download__btn.header-download__btn>span { width: 40px; height: 40px; line-height: 54px; } @media (max-width: 999px) { .right-main .download__btn { display: none; } .header-download__btn.download__btn { display: block; } } .ia_games { margin-top: 30px; } .ia_games .slot { margin-bottom: 30px; } @media (max-width: 767px) { .ia_games .slot { flex: 0 0 50%; max-width: 50%; } } @media (max-width: 479px) { .ia_games .slot { flex: 0 0 234px; max-width: 234px; margin: 0 auto 30px; } } .ia_games .slot .slot_content { position: relative; background: #282631; border: 1px solid #393a50; border-radius: 6px; overflow: hidden; z-index: 1; transform: scale(1); -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .ia_games .slot .slot_content .content { position: relative; z-index: 1; } .ia_games .slot .slot_content .content .borderimg img { display: block; width: 100%; filter: blur(0); -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .ia_games .slot .slot_content .content .slot_title { display: block; color: #fff; font: 500 16px/1.18975em 'Roboto', sans-serif; text-align: center; padding: 10px; } .ia_games .slot .slot_content .slot_overflow { position: absolute; top: 0; left: 0; display: flex; flex-flow: column wrap; align-items: center; justify-content: center; width: 100%; height: 100%; background: rgba(22, 22, 38, 0.8); opacity: 0; z-index: 3; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } @media (max-width: 999px) { .ia_games .slot .slot_content .slot_overflow { opacity: 1; background: rgba(22, 22, 38, 0.35); } } .ia_games .slot .slot_content .slot_overflow .link { display: flex; align-items: center; justify-content: center; width: 164px; height: 40px; color: #fff; font: 900 18px/1em 'Roboto', sans-serif; text-transform: uppercase; text-decoration: none; border-radius: 20px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .ia_games .slot .slot_content .slot_overflow .link.play { text-shadow: 0 0 4px #435f14; background: #7db423; margin-bottom: 13px; } .ia_games .slot .slot_content .slot_overflow .link.play:hover { background: #a9de54; } .ia_games .slot .slot_content .slot_overflow .link.demo { border: 1px solid #fff; } .ia_games .slot .slot_content .slot_overflow .link.demo:hover { color: #6a6382; border-color: #6a6382; } .ia_games .slot .slot_content:hover { transform: scale(1.05); } .ia_games .slot .slot_content:hover .slot_content .borderimg img { filter: blur(4px); } .ia_games .slot .slot_content:hover .slot_overflow { opacity: 1; } .ia_games .has-btn { margin-bottom: 30px; } .ia_games .has-btn .loadmore { display: flex; align-items: center; justify-content: center; width: 164px; height: 40px; color: #847d9c; font: 400 18px/1em 'Roboto', sans-serif; text-transform: uppercase; background: transparent; border-radius: 20px; border: 1px solid #6a6382; margin: 0 auto; padding: 0; outline: none; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .ia_games .has-btn .loadmore:hover { color: #fff; border-color: #fff; } .search-from { margin-bottom: 30px; } @media (max-width: 999px) { .search-from { display: none; } } .search-from form { position: relative; } .search-from form input { display: block; position: relative; color: #fff; font: 500 14px/28px 'Roboto', sans-serif; padding: 10px 60px 10px 20px; width: 100%; z-index: 2; background: #282631; border: 1px solid #6a6382; border-radius: 6px; height: 50px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .search-from form button { position: absolute; top: 0; right: 0; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; background: #6a6382; border-radius: 0 6px 6px 0; border: 0; cursor: pointer; z-index: 3; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .search-from form button svg { display: block; fill: #fff; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .search-from form:hover input { border-color: #ada8bd; } .search-from form:hover button { background: #ada8bd; } .search-from form:hover button svg { fill: #302d3b; } .sidebar_banner { position: relative; background: #282631; border: 1px solid #6a6382; border-radius: 6px; overflow: hidden; margin-bottom: 30px; } @media (max-width: 999px) { .sidebar_banner { max-width: 270px; margin: 0 auto 30px; } } .sidebar_banner .banner_img { position: relative; display: block; z-index: 1; } .sidebar_banner .banner_overflow { position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px; z-index: 2; } .sidebar_banner .banner_overflow .banner_title { display: block; color: #fff; font: 900 18px/1.16em 'Roboto', sans-serif; text-transform: uppercase; text-shadow: 0 4px 4px #17161d; margin-bottom: 10px; } .sidebar_banner .banner_overflow .banner_link { display: flex; align-items: center; justify-content: center; width: 180px; height: 40px; color: #fff; font: 900 18px/1.16em 'Roboto', sans-serif; text-transform: uppercase; text-decoration: none; background: #d93126; border-radius: 20px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .sidebar_banner .banner_overflow .banner_link:hover { background: #fa5176; } .sidebar_slider { position: relative; background: #282631; border: 1px solid #6a6382; border-radius: 6px; overflow: hidden; margin-bottom: 30px; } @media (max-width: 999px) { .sidebar_slider { max-width: 270px; margin: 0 auto 30px; } } .sidebar_slider .title-slider { display: block; color: #fff; font: 900 18px/1.16em 'Roboto', sans-serif; background: #6a6382; text-align: center; padding: 10px 5px; } .sidebar_slider .b-vslider { height: 220px; padding: 0; overflow: hidden; } .sidebar_slider .b-vslider .b-vslider__list { padding: 0 10px; } .sidebar_slider .b-vslider .b-vslider__list .b-vslider__item { padding: 15px 0; border-bottom: 1px solid #3b3748; } .sidebar_slider .b-vslider .b-vslider__list .b-vslider__item:last-child { border-bottom: 0; } .sidebar_slider .b-vslider .b-vslider__list .b-vslider__item a { position: relative; display: block; text-decoration: none; padding-left: 70px; padding-top: 2px; } .sidebar_slider .b-vslider .b-vslider__list .b-vslider__item a img { position: absolute; top: 0; left: 0; display: block; width: 58px; height: 44px; border-radius: 6px; } .sidebar_slider .b-vslider .b-vslider__list .b-vslider__item a .short_name { display: block; color: #fff; font: 500 16px/1.1875em 'Roboto', sans-serif; margin-bottom: 2px; } .sidebar_slider .b-vslider .b-vslider__list .b-vslider__item a .winner_cost { display: block; color: #f91f4e; font: 900 16px/1.1875em 'Roboto', sans-serif; } .back_to_top { position: fixed; bottom: 170px; right: 150px; display: none; background: #6a6382; box-shadow: 0 4px 10px #221e33; border-radius: 6px; padding: 23.5px 16px; cursor: pointer; z-index: 105; } @media (max-width: 999px) { .back_to_top { right: 15px; } } .back_to_top svg { display: block; stroke: #302d3b; } .back_to_top:hover { background: #9f9ab2; } footer { position: relative; margin-top: 60px; } @media (max-width: 999px) { footer { padding-bottom: 50px; } } footer .top_footer { background: #23212b; padding: 17px 0; } footer .top_footer .top_footer_content .footer_logo img { display: block; } @media (max-width: 999px) { footer .top_footer .top_footer_content .footer_logo { position: absolute; bottom: 9px; left: 0; } } footer .top_footer .top_footer_content .footer_nav { flex: 1 0 auto; } footer .top_footer .top_footer_content .footer_nav .menu { display: flex; flex-flow: row wrap; align-items: center; justify-content: flex-end; } @media (max-width: 999px) { footer .top_footer .top_footer_content .footer_nav .menu { display: block; } } footer .top_footer .top_footer_content .footer_nav .menu li { margin-right: 23px; } @media (max-width: 999px) { footer .top_footer .top_footer_content .footer_nav .menu li { margin-right: 0; margin-bottom: 13px; } footer .top_footer .top_footer_content .footer_nav .menu li:last-child { margin-bottom: 0; } } footer .top_footer .top_footer_content .footer_nav .menu li:last-child { margin-right: 0; } footer .top_footer .top_footer_content .footer_nav .menu li a { display: block; color: #e4e2e9; font: 400 18px/1.16em 'Roboto', sans-serif; text-decoration: none; } footer .top_footer .top_footer_content .footer_nav .menu li a:hover { color: #fb6a89; } footer .top_footer .top_footer_content .footer_nav .menu li span { display: block; color: #fb6a89; font: 400 18px/1.16em 'Roboto', sans-serif; } footer .bottom_footer { background: #18161d; padding: 20px 0; } @media (max-width: 999px) { footer .bottom_footer { padding-bottom: 0; } } footer .bottom_footer .bottom_footer_content .brand_list { flex: 1 0 auto; order: 1; display: flex; flex-flow: row wrap; align-items: center; justify-content: flex-end; } @media (max-width: 999px) { footer .bottom_footer .bottom_footer_content .brand_list { flex: 0 0 100%; max-width: 100%; order: 0; justify-content: center; } } footer .bottom_footer .bottom_footer_content .brand_list .brand_item { margin-right: 20px; } @media (max-width: 999px) { footer .bottom_footer .bottom_footer_content .brand_list .brand_item { margin-bottom: 20px; } } footer .bottom_footer .bottom_footer_content .brand_list .brand_item:last-child { margin-right: 0; } footer .bottom_footer .bottom_footer_content .brand_list .brand_item img { display: block; filter: grayscale(0.75); -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } footer .bottom_footer .bottom_footer_content .brand_list .brand_item img:hover { filter: grayscale(0); } footer .bottom_footer .bottom_footer_content .copyright { display: block; color: #474257; font: 400 12px/1.16em 'Roboto', sans-serif; } @media (max-width: 999px) { footer .bottom_footer .bottom_footer_content .copyright { flex: 0 0 100%; max-width: 100%; text-align: right; position: absolute; bottom: 18px; right: 0; } }