Team Genesis | Genesis

.product-description { font-size: 16px; width: 100%; margin-left: auto; margin-right: auto; font-family: 'Montserrat', 'Arial', sans-serif; } .product-description img { max-width: 100%; } .product-description table { border: none !important; } .product-description td { border: none !important; } .product-description h3 { text-transform: uppercase; font-weight: 800; margin-bottom: 20px !important; font-size: 38px; line-height: 1.1; } .product-description h3 span { color: red; } .product-description .center { text-align: center; font: inherit; font-family: 'Open Sans', sans-serif; } .product-description .image { text-align: center; padding-top: 20px; padding-bottom: 20px; } .product-description .bold { font-weight: bold; } .product-description h1.h1 { display: block; font-size: 1.5em; font-weight: bold; color: #53585a; } .product-description .list2 { text-align: center; list-style-position: inside; list-style-type: circle; padding: 0; } .product-description p { vertical-align: top; font-size: 16px; margin-bottom: 1em; } .product-description-center { text-align: center; } .product-description-center-narrow { max-width: 50%; margin: 0 auto; } .product-description-section { margin: 0 0 30px 0 !important; text-align: center; overflow: hidden; } .product-description-section.product-description-section-without-margin { margin: 0 !important; padding: 0 !important; } .product-description-text-left { text-align: justify; padding-right: 10px; font-size: 14px; } .product-description-text { text-align: justify; font-size: 14px; } .product-description-text.product-description-center { text-align: center; } .product-description-column { border: none; width: 50%; } .product-description-column h3 { text-align: left; } .product-description-column-text-left { padding-right: 10px } .product-description-column-text-right { padding-left: 10px } .product-with-features { position: relative; display: inline-block; } .product-with-features--rwd { display: none; } .product-with-features__feature { cursor: pointer; position: absolute; min-width: 42px; min-height: 42px; color: white; transform: translateX(-50%) translateY(-50%); } .product-with-features__icon { width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; position: relative; background: rgba(0, 0, 0, 0, 0.23); border-radius: 50%; box-shadow: 0 3px 6px rgba(0, 0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0, 0.23); } .product-with-features__icon:after { content: '+'; font-size: 42px; position: relative; z-index: 2; transition: all .2s ease; } .product-with-features__icon:before { content: ' '; width: 42px; height: 42px; border-radius: 50%; position: absolute; top: 0; background: #e30615; left: 0; box-shadow: 0 0 0 rgba(227, 6, 21, 1); animation: pulse 2s infinite; transform: scale(1); } .product-with-features__feature:nth-child(2n) .product-with-features__icon:before { animation-delay: 400ms; } .product-with-features__feature:nth-child(3n) .product-with-features__icon:before { animation-delay: 800ms; } .product-with-features__feature:nth-child(4n) .product-with-features__icon:before { animation-delay: 1200ms; } .product-with-features__feature:nth-child(5n) .product-with-features__icon:before { animation-delay: 1600ms; } @keyframes pulse { 0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(227, 6, 21, 0.7); } 70% { transform: scale(1.1); box-shadow: 0 0 0 16px rgba(227, 6, 21, 0); } 100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(227, 6, 21, 0); } } .product-with-features__feature-container { z-index: 4; display: none; position: absolute; background: #505050; color: white; box-shadow: 0 3px 6px rgba(0, 0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); padding: 20px; text-align: left; width: 400px; user-select: none; } .product-with-features__feature-container--right { left: calc(100% + 20px); top: 50%; transform: translateY(-50%); } .product-with-features__feature-container--left { right: calc(100% + 20px); top: 50%; transform: translateY(-50%); } .product-with-features__feature-container--bottom { top: calc(100% + 20px); left: 50%; transform: translateX(-50%); } .product-with-features__feature-container--top { bottom: calc(100% + 20px); left: 50%; transform: translateX(-50%); } .product-with-features--rwd .product-with-features__feature { z-index: 3; position: static; transform: none; height: 0; min-height: auto; min-width: auto; } .product-with-features--rwd .product-with-features__icon { position: absolute; } .product-with-features--rwd .product-with-features__feature.active .product-with-features__feature-container { display: block; position: absolute; top: 50%; ширина: 80%; transform: translateY(-50%); margin-left: 10%; } .product-with-features--rwd .product-with-features__feature.active .product-with-features__feature-header { font-weight: bolder; } .product-with-features--rwd .product-with-features__feature.active .product-with-features__feature-body { font-size: 13px; font-weight: 500; white-space: pre-wrap; } .product-with-features--rwd .product-with-features__feature.active .product-with-features__icon:after { transform: rotate(45deg); } .product-with-features:not(.product-with-features--rwd) .product-with-features__feature.active { z-index: 3; } .product-with-features:not(.product-with-features--rwd) .product-with-features__feature.active .product-with-features__feature-container { display: block; } .product-with-features:not(.product-with-features--rwd) .product-with-features__feature.active .product-with-features__feature-header { font-weight: bolder; } .product-with-features:not(.product-with-features--rwd) .product-with-features__feature.active .product-with-features__feature-body { font-size: 13px; font-weight: 500; white-space: pre-wrap; } .product-with-features:not(.product-with-features--rwd) .product-with-features__feature.active .product-with-features__icon:after { transform: rotate(45deg); } .product-with-features__feature.active img { transform: rotate(45deg); } .product-with-features__feature.mousedown img { transform: scale(0.8); transition: all .3s ease; } .product-with-features__feature img { left: 0; top: 0; position: absolute; z-index: 3; переход: all .3s ease; }

.product-description__text { text-align: justify; } .text-on-image__title { text-transform: uppercase; font-weight: 800; margin-bottom: 20px; font-size: 38px; line-height: 1.1; } .text-on-image { position: relative; background: #121011; } .text-on-image__text { color: #fff; position: absolute; width: 30%; top: 0; left: 90px; height: 100%; text-align: left; display: flex; justify-content: center; flex-direction: column; } .text-on-image__text--right { left: auto; right: 90px; } .text-on-image__image--rwd-container { display: none; } @media only screen and (max-width: 1200px) { .text-on-image__title { font-size: 30px; } .text-on-image__text { font-size: 14px; } } @media only screen and (max-width: 1100px) { .text-on-image__title { margin-bottom: 7px; } .text-on-image__text { width: 45%; } } @media only screen and (max-width: 1000px) { .text-on-image__title { font-size: 24px; } } @media only screen and (max-width: 820px) { .text-on-image__image { display: none; } .text-on-image__title { text-align: center; } .text-on-image { display: flex; flex-wrap: wrap; background-image: none !important; } .product-description-center-narrow { max-width: 100%; text-align: justify!important; padding: 0 20px; } .product-description h3 { font-size: 24px; } .text-on-image__image--rwd-container { display: block; order: 1; flex: 0 0 100%; } .text-on-image__text { order: 2; flex: 1; position: initial; padding: 40px 20px; } .product-with-features { display: none; } .product-with-features--rwd { display: inline-block; } }

@import url('https://fonts.googleapis.com/css?family=Arimo:400,400i,700,700i&subset=latin-ext'); @import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500, 700,800,900&display=swap&subset=latin-ext');

ПРОСТО ПРИСОЕДИНЯЙТЕСЬ К КОМАНДЕ GENESIS!

Добро пожаловать в команду Genesis! В нашей команде рады каждому игроку, и наша главная цель - чтобы вы наслаждались своими любимыми играми! Чтобы получить максимальное удовольствие от игры, вам необходимо надежное игровое оборудование! Вы ищете мышь, которая поможет вам делать максимальное количество хедшотов? Вам нужны наушники, которые позволят вам услышать шаги приближающегося противника? Если да, то вы пришли по адресу!

СОЗДАЙТЕ БУДУЩЕЕ ИГР!

Знаете ли вы, как должно выглядеть идеальное геймерское кресло? А может быть, вы пользовались одной из клавиатур Genesis и хотели бы оставить нам свой отзыв? Для нас важно каждое мнение! Ваша поддержка позволяет нам разрабатывать более качественные и инновационные продукты для любительской и профессиональной игры. Вы оказываете реальное влияние на то, каким будет будущее игр!

ВЫИГРАЙТЕ ИГРОВОЕ ОБОРУДОВАНИЕ!

Полностью погрузитесь в мир лучших игр! Посетите наши каналы в социальных сетях и будьте в курсе информации о новом оборудовании и новостей из мира игр и технологий. И это еще не все! Примите участие в одном из многочисленных конкурсов, где вы можете выиграть клавиатуры, мыши, кресла и многое другое!

ПОДДЕРЖИВАЙТЕ КИБЕРСПОРТ ВМЕСТЕ С НАМИ!

Присоединяясь к Genesis, вы также поддерживаете развитие киберспорта! Уже много лет мы работаем на сцене в Counter-Strike: Global Offensive, будь то организация собственных профессиональных команд, поставка оборудования для турниров или финансирование призов. С Genesis вы переживете незабываемые моменты на виртуальных полях сражений!

РАСШИРЬТЕ СВОЙ КАНАЛ!

У вас есть свой канал на YouTube? Мы приглашаем вас к сотрудничеству! Для нас важно качество и преданность фанатов. У вас есть интересные идеи для роликов? Вы можете побудить зрителей комментировать и активно участвовать в веселье? Тогда вы можете рассчитывать на нашу поддержку!