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, 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, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

h2 { margin-top: 25pt; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

* { -webkit-box-sizing: border-box; box-sizing: border-box; }

html, body { position: relative; }

body { width: 100%; background: url(../images/fon-repeat.jpg) center repeat-y; background-color: #d6d3e6; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #0c0902; }

a { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; color: #0f0e15; text-decoration: none; }

a:hover { text-decoration: none; }

p { margin-bottom: 20px; }

h1, h2, h3 { color: #1a2229; margin-bottom: 20px; line-height: 1.2; font-family: 'Open Sans', sans-serif; font-weight: 600; text-transform: uppercase; }

h1 { font-size: 24px; }

h2 { font-size: 20px; }

h3 { font-size: 16px; }

table { width: 100%; margin-bottom: 15px; }
table td { border-collapse: collapse; padding: 8px 15px; border: 1px solid rgba(0, 0, 0, 0.8); }
table tr:nth-child(even) { background: rgba(255, 255, 255, 0.2); }

img { max-width: 100%; }

caption { margin-bottom: 15px; }

select { background: #e9e7f0; border: 1px solid #aca7c2; min-width: 220px; color: #000; padding: 13px 40px 13px 20px; position: relative; -webkit-appearance: none; background-image: url(../images/dropdown-icon.png); background-position: right 10px center; background-repeat: no-repeat; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; -ms-appearance: none; appearance: none !important; cursor: pointer; }

input, textarea { background-color: #e9e7f0; border: 1px solid #aca7c2; color: #000; padding: 13px 30px; position: relative; font-size: 14px; min-width: 220px; font-family: 'Open Sans', sans-serif; -webkit-transition: 0.3s; transition: 0.3s; }
input:focus, textarea:focus { background-color: #fff; border: 1px solid #ac8899; -webkit-box-shadow: 0px 0px 15px 0px rgba(229, 4, 129, 0.4); box-shadow: 0px 0px 15px 0px rgba(229, 4, 129, 0.4); }

button, .button { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; cursor: pointer; padding: 14px 45px; border: 2px solid #242b2e; color: #0f151a; position: relative; z-index: 1; text-align: center; font-family: 'Open Sans', sans-serif; font-size: 14px; }
button:hover, .button:hover { background-color: #fff; }

.button { display: inline-block; text-decoration: none; }

.black-button { background: #200d15; color: #fff; }
.black-button:hover { background: rgba(0, 0, 0, 0.8); color: #fff; }

:focus { outline: none; }

::-webkit-input-placeholder { color: #000; }

::-moz-placeholder { color: #000; }

:-moz-placeholder { color: #000; }

:-ms-input-placeholder { color: #000; }

.container { position: relative; max-width: 1250px; width: 100%; margin: 0 auto; height: 100%; }

.flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.flex-c { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.flex-s { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.flex-s-c { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.flex-c-c { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.bright:hover { -webkit-filter: brightness(120%); filter: brightness(120%); }

.header { background: url(../images/header-bg.jpg) center top no-repeat; background-size: cover; height: 711px; }

.news { background: url(../images/news-bg.jpg) center top no-repeat; background-size: cover; height: 748px; }
.news .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 220px; }
.news .container > div { width: calc(50% - 15px); }

.carousel { background: url(../images/carousel-bg.jpg) center top no-repeat; background-size: cover; height: 690px; position: relative; }

.footer { background: url(../images/footer-bg.jpg) center top no-repeat; background-color: #d8d4e7; background-size: cover; height: 830px; border-top: 1px solid rgba(0, 0, 0, 0.07); }

.topPanel { width: 100%; height: 90px; position: fixed; top: 0px; left: 0px; right: 0px; z-index: 14; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0px 40px; background: rgba(255, 255, 255, 0); -webkit-transition: 0.3s; transition: 0.3s; }
.topPanel:after { content: ""; position: absolute; background: #c4bacb; left: 0px; height: 1px; width: 100%; bottom: 0px; }
.topPanel-left { display: -webkit-box; display: -ms-flexbox; display: flex; height: 90px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.topPanel-right { display: -webkit-box; display: -ms-flexbox; display: flex; }
.topPanel .menu { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 50px; }
.topPanel .menu li { position: relative; padding: 0px 35px; -webkit-transition: 0.3s; transition: 0.3s; }
.topPanel .menu li a { color: #000; font-size: 19px; height: 90px; line-height: 90px; padding: 0px 15px; display: block; position: relative; z-index: 1; text-transform: uppercase; font-size: 16px; }
.topPanel .menu li a::first-letter { font-size: 18px; }
.topPanel .menu li a:hover:after { content: ""; position: absolute; bottom: 0px; left: 0px; background: #c1216b; height: 2px; width: 100%; }
.topPanel .menu li .active:after { content: ""; position: absolute; bottom: 0px; left: 0px; background: #c1216b; height: 2px; width: 100%; }
.topPanel .dropDown-menu { display: none; position: absolute; top: 0px; left: -1px; width: 100%; padding-top: 100px; padding-bottom: 100px; background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(255, 255, 255, 0.9)), color-stop(70%, rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0))); background: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0)); }
.topPanel .dropDown-menu li { text-align: center; padding: 0px 0px; }
.topPanel .dropDown-menu li a { padding: 15px 5px; height: auto; line-height: 1; font-size: 16px; display: block; text-transform: uppercase; }
.topPanel .dropDown-menu li a::first-letter { font-size: 17px; }
.topPanel .dropDown-menu li a:after { display: none; }
.topPanel .dropDown-menu li a:hover { background: rgba(0, 0, 0, 0.1); }

.menu-a { cursor: pointer; }
.menu-a:before { content: ""; position: absolute; background: url(../images/dropdown-icon.png) no-repeat; height: 6px; width: 11px; top: 50%; margin-top: -2px; right: -15px; }
.menu-a.show:after { content: ""; position: absolute; bottom: 0px; left: 0px; background: #c1216b; height: 2px; width: 100%; }

.langBlock { position: relative; height: 90px; line-height: 90px; }
.langBlock:after { content: ""; background: url(../images/lang-icon.png) no-repeat; position: absolute; width: 18px; height: 18px; left: -15px; top: 50%; margin-top: -9px; }
.langBlock .menu-a { color: #000; padding: 0px 15px; display: block; position: relative; z-index: 1; text-transform: uppercase; font-size: 16px; }
.langBlock .menu-a:first-letter { font-size: 18px; }
.langBlock .dropDown-menu { line-height: 1; left: -40px; width: calc(100% + 80px); }

.game-start-top { opacity: 0; color: #fff; background: #9f1f5b; height: 90px; line-height: 90px; font-size: 0px; font-weight: bold; padding: 0px 0px; text-transform: uppercase; margin-left: 0px; }

.topPanel-top { background: rgba(255, 255, 255, 0.9); padding: 0px 0px 0px 20px; }
.topPanel-top:after { display: none; }
.topPanel-top .game-start-top { display: block; font-size: 20px; padding: 0px 60px; opacity: 1; margin-left: 40px; }

.headerBlock { position: absolute; right: 0px; bottom: 150px; width: 320px; z-index: 7; }

.headerBlock2 { position: static; right: 0px; bottom: 50px; width: 320px; z-index: 7; display:inline-block; margin-bottom: 30px; margin-top: 30px;}


.gameStart { display: block; text-align: center; color: #fff; background: #a72160; width: 100%; font-size: 30px; font-weight: 700; text-transform: uppercase; padding: 40px 0px 85px 0px; position: relative; -webkit-box-shadow: 0px 0px 30px 0px rgba(149, 29, 85, 0.8); box-shadow: 0px 0px 30px 0px rgba(149, 29, 85, 0.8); }
.gameStart span { font-size: 36px; display: block; margin-top: 3px; }
.gameStart p { margin-bottom: 0px; font-weight: normal; text-transform: none; position: absolute; background: rgba(0, 0, 0, 0.35); left: 0px; bottom: 0px; width: 100%; text-align: center; height: 45px; line-height: 45px; font-size: 12px; color: #dddee0; }

.icon { position: relative; display: inline-block; width: 17px; height: 17px; margin: 0px 3px -2px 3px; }
.icon.download-icon { background: url(../images/download-icon.png) center no-repeat; }

.personalBlock { background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #602f4f), color-stop(90%, #312d3d)); background: linear-gradient(to bottom, #602f4f 10%, #312d3d 90%); padding: 60px 45px; }
.personalBlock .pers-button { display: block; background: #2a1825; color: #cfcece; font-size: 14px; padding: 15px 0px; width: 100%; text-align: center; margin-bottom: 30px; }
.personalBlock p { color: #dde1f6; text-align: center; font-size: 13px; margin-bottom: 0px; }
.personalBlock p a { color: #82afd1; }
.personalBlock p a:hover { color: #fff; }

.header-swiper { width: 100%; height: 710px; margin-left: 0px; position: absolute; }


.header-swiper .swiper-pagination .swiper-pagination-bullet { width: 52px; height: 4px; background: #838394; opacity: 1; border-radius: 0px; margin: 0px 4px; }
.header-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #010001; }
.header-swiper .swiper-slide { background-position: right bottom; background-repeat: no-repeat; }
.header-swiper .swiper-slide.swiper-slide-active .header-swiper-info { left: 0px; top: 0px; }
.header-swiper .hero-pag { position: relative; width: 100%; max-width: 1250px; margin: 0 auto; }

.hero-swiper { position: absolute; right: 0px; bottom: 0px; }
.hero-swiper .swiper-slide { height: 711px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.header-swiper-info { position: relative; z-index: 4; top: -100px; left: 0px; -webkit-transition: 1.5s; transition: 1.5s; }
.header-swiper-info h2 { color: #693631; font-size: 36px; font-weight: normal; text-transform: uppercase; }
.header-swiper-info h3 { font-size: 70px; font-weight: normal; margin-bottom: 25px; }

.swiperSlideBlock { height: 100%; width: 100%; max-width: 1250px; margin: 0 auto; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.swiper-hero { position: absolute; right: 280px; bottom: 0px; }

.serverBlock { background: #211e2b; position: absolute; width: 100%; bottom: -160px; z-index: 8; -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.4); }

.onlineBlock { width: 50%; padding: 60px 90px 60px 170px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; position: relative; }
.onlineBlock:nth-child(1):after { content: ""; position: absolute; background: #3a3843; width: 1px; height: 80px; top: 50%; margin-top: -40px; right: 0px; }
.onlineBlock.server_1 { background: url(../images/server-icon_1.png) top -15px left -15px no-repeat; }
.onlineBlock.server_2 { background: url(../images/server-icon_2.png) top -24px left -18px no-repeat; }

.onlineBlock-info p { font-weight: bold; margin-bottom: 14px; }
.onlineBlock-info .server-online { font-size: 24px; }

.about { color: #fff; text-transform: uppercase; font-size: 16px; background: #1e1b26; border: 2px solid #18141a; border-radius: 2px; padding: 15px 40px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.about:hover { border: 2px solid rgba(255, 255, 255, 0.6); }

.nav-icon { display: inline-block; background: url(../images/nav-icon.png) no-repeat; width: 6px; height: 11px; margin-left: 35px; }

.serverBlock-online { border-bottom: 1px solid #3a3543; }

.allServer { padding: 30px 0px; text-align: center; }
.allServer a { color: #fff; }

.nav-icon-b { -webkit-transform: rotate(90deg); transform: rotate(90deg); margin-left: 10px; }

.color-blue { color: #6efff6; }

.newsBlock h2 { font-size: 36px; font-weight: normal; border-bottom: 1px solid #b4b2b9; padding-bottom: 25px; padding: 0px 20px 25px 20px; margin-bottom: 35px; position: relative; }
.newsBlock h2 .l-news { color: #8a889a; right: 15px; top: 2px; position: absolute; font-size: 42px; }
.newsBlock h2 .l-news:hover { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.swiper-news .swiper-slide { height: 305px; background-size: cover; background-repeat: no-repeat; background-position: center; }
.swiper-news .swiper-slide .swiperNewsInfo { background: rgba(41, 29, 45, 0.75); position: absolute; left: 0px; bottom: 0px; width: 100%; padding: 20px 35px; }
.swiper-news .swiper-slide .swiperNewsInfo p { margin-bottom: 0px; color: #fff; line-height: 1.4; }
.swiper-news .swiper-slide .swiperNewsInfo span { float: right; color: #bfbfbf; }
.swiper-news .swiper-button-next { right: 0px; }
.swiper-news .swiper-button-next:after { font-size: 14px; }
.swiper-news .swiper-button-prev { left: auto; right: 47px; }
.swiper-news .swiper-button-prev:after { font-size: 14px; }

.swiper-news .swiper-button-next, .swiper-news .swiper-button-prev { color: #fff; background: rgba(0, 0, 0, 0.6); width: 45px; height: 45px; top: 0px; margin-top: 0px; }

.newsList li { position: relative; padding: 20px 20px; border-bottom: 1px solid #bcbac8; }
.newsList li:last-child { border-bottom: none; }
.newsList li a { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 18px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.newsList-type { color: #42414e; margin-right: 10px; }
.newsList-title { color: #0f0e15; position: relative; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; padding: 3px 30px 3px 0px; margin-right: 80px; }
.newsList-title:after { content: "N"; background-color: #dc2279; color: #fff; padding: 3px 5px; font-size: 12px; position: absolute; right: 0; }
.newsList-date { color: #42414e; position: absolute; right: 10px; font-size: 14px; top: 24px; }

.carousel { padding-top: 100px; }
.carousel h2 { text-align: center; color: #fff; font-size: 48px; margin-bottom: 10px; }
.carousel h3 { text-align: center; color: #726e7d; font-size: 16px; }

.swiperSlide-contentHover { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; bottom: -20px; width: 340px; left: 50%; margin-left: -170px; height: 230px; background-color: rgba(86, 31, 84, 0.9); z-index: 10; opacity: 0; visibility: hidden; text-align: center; color: #fff; font-size: 20px; padding: 70px; line-height: 1.4; -webkit-transition: 0.3s; transition: 0.3s; }
.swiperSlide-contentHover .l-more { background: #000; color: #fff; padding: 15px 25px; font-size: 14px; }

.swiperSlide-content { width: 302px; height: 270px; margin: 0 auto; position: relative; }
.swiperSlide-content p { color: #fff; font-size: 18px; position: absolute; bottom: 30px; margin-bottom: 0px; text-align: center; width: 100%; z-index: 3; }
.swiperSlide-content:after { content: ""; position: absolute; bottom: 0px; right: 0px; z-index: 2; }
.swiperSlide-content.update { background: url(../images/content-bg_1.jpg) bottom no-repeat; }
.swiperSlide-content.update:after { background: url(../images/content-img_1.png) no-repeat; width: 291px; height: 260px; }
.swiperSlide-content.bosses { background: url(../images/content-bg_2.jpg) bottom no-repeat; }
.swiperSlide-content.bosses:after { content: ""; background: url(../images/content-img_2.png) no-repeat; width: 302px; height: 270px; }
.swiperSlide-content.solo { background: url(../images/content-bg_3.jpg) bottom no-repeat; }
.swiperSlide-content.solo:after { content: ""; background: url(../images/content-img_3.png) no-repeat; width: 272px; height: 253px; left: 0px; right: auto; }
.swiperSlide-content.pvp { background: url(../images/content-bg_4.jpg) bottom no-repeat; }
.swiperSlide-content.pvp:after { content: ""; background: url(../images/content-img_4.png) no-repeat; width: 284px; height: 253px; }
.swiperSlide-content.servers { background: url(../images/content-bg_5.jpg) bottom no-repeat; }
.swiperSlide-content.servers:after { content: ""; background: url(../images/content-img_5.png) no-repeat; width: 302px; height: 253px; }
.swiperSlide-content.servers2 { background: url(../images/content-bg_6.jpg) bottom no-repeat; }
.swiperSlide-content.servers2:after { content: ""; background: url(../images/content-img_6.png) no-repeat; width: 302px; height: 253px; }

.cont-swiper { padding-bottom: 120px; }
.cont-swiper .swiper-pagination { top: auto; bottom: 0px; }
.cont-swiper .swiper-pagination .swiper-pagination-progressbar-fill { background: #951d55; }
.cont-swiper .swiper-slide { position: relative; }
.cont-swiper .swiper-slide:hover .swiperSlide-contentHover { opacity: 1; visibility: visible; }

.scrollIcon { background: url(../images/scroll-icon.png) no-repeat; width: 17px; height: 43px; position: absolute; bottom: 130px; left: 50%; margin-left: -8px; display: block; z-index: 3; }
.scrollIcon a { display: block; }
.scrollIcon-div { width: 17px; height: 26px; position: relative; overflow: hidden; }
.scrollIcon-div span { width: 2px; height: 5px; background: #b0a289; display: block; position: absolute; top: 2px; margin-left: -1px; left: 50%; -webkit-animation: scroll 2s linear infinite; animation: scroll 2s linear infinite; }

@-webkit-keyframes scroll { 0% { top: 2px; opacity: 1; }
  50% { top: 38px; opacity: 1; }
  51% { top: 38px; opacity: 0; }
  52% { top: -10px; opacity: 0; }
  100% { top: -10px; opacity: 1; } }

@keyframes scroll { 0% { top: 2px; opacity: 1; }
  50% { top: 38px; opacity: 1; }
  51% { top: 38px; opacity: 0; }
  52% { top: -10px; opacity: 0; }
  100% { top: -10px; opacity: 1; } }
.footerMenu { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.footerMenu-container { height: 430px; }

.footer .container { height: auto; }

.footerMenu-block { margin: 0px 50px; }
.footerMenu-block h3 { font-size: 24px; margin-bottom: 45px; text-transform: uppercase; }
.footerMenu-block li { padding: 8px 0px; }
.footerMenu-block li a { color: #625f6b; font-size: 16px; }
.footerMenu-block li a:hover { color: #000; text-decoration: underline; }

.copyBlock { background: rgba(172, 171, 200, 0.4); padding: 100px 0px 140px 0px; height: 400px; }

.copyBlock-container { text-align: center; }

.footerLogo { margin-bottom: 40px; }

.lineage { color: #000; font-size: 16px; font-weight: 600; margin-bottom: 25px; text-transform: uppercase; }

.lineageCopy { text-transform: uppercase; color: #000; line-height: 1.3; }

.modal_div { width: 420px; min-height: 300px; background: #f3f0fa; position: fixed; top: 15%; left: 50%; margin-left: -210px; display: none; opacity: 0; z-index: 999; padding: 50px; }

.modal_div .modal_close { width: 21px; height: 21px; position: absolute; top: 00px; right: -40px; cursor: pointer; display: block; color: #fff; font-size: 30px; }

#overlay { z-index: 888; position: fixed; background-color: #000; opacity: 0.8; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer; display: none; }

.modalContainer { text-align: center; width: 100%; }
.modalContainer h2 { font-size: 24px; margin-bottom: 30px; }
.modalContainer p { position: relative; }

.password-icon { background-image: url(../images/password-icon.png); background-position: right 20px center; background-repeat: no-repeat; }

.border { height: 1px; width: 100%; position: relative; background: #c0bdc5; margin-bottom: 35px; }
.border::after { content: ""; background: #000; height: 2px; width: 70px; position: absolute; left: 50%; margin-left: -35px; bottom: 0px; }

.modalForm input { width: 100%; }
.modalForm select { width: 100%; }
.modalForm button, .modalForm .button { width: 100%; }

.agreement { margin-bottom: 30px; padding-top: 10px; }

.check-container { display: block; position: relative; padding-left: 35px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.check-container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }

.checkmark { position: absolute; top: -8px; left: 5px; height: 16px; width: 16px; background: #fff; border-radius: 50%; border: 1px solid #a31655; }

.check-container input:checked ~ .checkmark { background: url(../images/check.png) no-repeat; border: none; }

.btn { display: block; position: absolute; left: 10px; -webkit-transition: 0.3s; transition: 0.3s; z-index: 14; }
.btn span { display: block; width: 28px; height: 4px; background: #000; margin: 3px 0px; -webkit-transition: 0.3s; transition: 0.3s; position: relative; }
.btn.active { left: 270px; top: 40px; }
.btn.active span:nth-child(1) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.btn.active span:nth-child(2) { display: none; }
.btn.active span:nth-child(3) { -webkit-transform: rotate(45deg); transform: rotate(45deg); bottom: 6px; }

.main { background: #d6d3e6; }

.content { padding-top: 50px; padding-bottom: 20px; line-height: 1.5; }
.content a { color: #c1216b; }
.content a:hover { color: #fff; }
.content ul { margin-bottom: 15px; padding-left: 40px; }
.content ul li { list-style-type: circle; padding: 2px 0px; }

.promo .topPanel { background: #fff; padding: 0px 0px 0px 40px; }
.promo .topPanel .game-start-top { display: block; font-size: 20px; padding: 0px 60px; opacity: 1; margin-left: 40px; }

.promo-swiper .swiper-slide { min-height: 2000px; }
.promo-swiper .swiper-slide_1 { background: url(../images/server-icon-big-1.png) top 20px center no-repeat, url(../images/bg_1.jpg) top center no-repeat; }
.promo-swiper .swiper-slide_2 { background: url(../images/server-icon-big-2.png) top 20px center no-repeat, url(../images/bg_2.jpg) top center no-repeat; }

.promo-container { width: 100%; max-width: 1050px; margin: 0 auto; position: relative; text-align: center; }

.promo-logo { padding-top: 250px; margin-bottom: 80px; }
.promo-logo.promo-logo_1 img { -webkit-filter: drop-shadow(0px 0px 15px #73aded); filter: drop-shadow(0px 0px 15px #73aded); }
.promo-logo.promo-logo_2 img { -webkit-filter: drop-shadow(0px 0px 15px #a243d5); filter: drop-shadow(0px 0px 15px #a243d5); }

.promoTitle { color: #fff; font-size: 90px; text-transform: uppercase; margin-bottom: 70px; }
.promoTitle p { font-size: 24px; margin-bottom: 10px; }
.promoTitle.promoTitle_1 p { color: #96fcfb; }
.promoTitle.promoTitle_2 p { color: #f88bff; }

.promo-border { height: 1px; width: 100%; position: relative; background: rgba(255, 255, 255, 0.1); margin-bottom: 35px; max-width: 750px; margin: 0 auto; margin-bottom: 80px; }
.promo-border::after { content: ""; background: #fff; height: 2px; width: 140px; position: absolute; left: 50%; margin-left: -70px; bottom: 0px; }

.promoInfo { color: #fff; text-transform: uppercase; font-size: 18px; margin-bottom: 50px; }
.promoInfo p { font-size: 48px; }

.promoVideo { display: block; background: url(../images/play-icon.png) center no-repeat; background-color: #fff; width: 100px; height: 100px; border-radius: 50%; margin: 0 auto; margin-bottom: 15px; }
.promoVideo:hover { -webkit-transform: scale(1.1); transform: scale(1.1); }

.promoBlock { height: 1000px; padding-top: 620px; }
.promoBlock.promoBlock_1 { background: url(../images/hero_2.png) center top no-repeat; }
.promoBlock.promoBlock_2 { background: url(../images/hero_1.png) center top no-repeat; }
.promoBlock h2 { font-size: 60px; }
.promoBlock p { font-size: 18px; margin-bottom: 35px; }

.freeBlock h2 { font-size: 72px; margin-bottom: 70px; }

.promo-border-dark { background: rgba(0, 0, 0, 0.1); }
.promo-border-dark:after { background: black; }

.freeButton { margin-bottom: 170px; }
.freeButton span { font-size: 24px; display: block; margin: 0px 70px; text-transform: uppercase; }

.free-button { display: block; border: 3px solid #9f1f5b; border-radius: 10px; color: #9f1f5b; font-size: 36px; padding: 35px 90px; }
.free-button:hover { color: #fff; background-color: #9f1f5b; }

.promoArrow { width: 100%; max-width: 1050px; position: relative; margin: 0 auto; bottom: 260px; }
.promoArrow > div { color: #000; border: 1px solid #000; padding: 25px 35px; width: 80px; height: 70px; -webkit-transition: 0.3s; transition: 0.3s; }
.promoArrow > div:after { font-size: 26px; }
.promoArrow > div:hover { background-color: #000; color: #fff; }

.socBlock { position: fixed; right: 30px; top: 40%; z-index: 11; }
.socBlock a { display: block; width: 55px; height: 55px; background-image: url(../images/soc-icons.png); background-repeat: no-repeat; background-color: #000; border-radius: 50%; margin: 6px 0px; }
.socBlock a:hover { background-color: #fff; }
.socBlock a.fb { border: 1px solid #046dbd; background-position: left 17px top 19px; }
.socBlock a.dc { border: 1px solid #60a6b4; background-position: left 17px top -45px; }

.toTop { background: url(../images/top-icon.jpg) no-repeat; position: fixed; bottom: 30px; right: 30px; width: 49px; height: 43px; cursor: pointer; display: none; }

/*# sourceMappingURL=style.css.map */

.img-container img{

   -webkit-transition: -webkit-transform .5s ease;
   transition: transform .5s ease;
}

.img-container:hover img{
   -webkit-transform: scale(1.1);
   transform: scale(1.1);
}