@font-face {
font-family: "Montserrat";
font-display: swap;
src: url(//supporter.gg/wp-content/themes/supporter/dist/fonts/Montserrat-Light.woff2) format("woff2"), url(//supporter.gg/wp-content/themes/supporter/dist/fonts/Montserrat-Light.woff) format("woff");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Montserrat";
font-display: swap;
src: url(//supporter.gg/wp-content/themes/supporter/dist/fonts/Montserrat-Regular.woff2) format("woff2"), url(//supporter.gg/wp-content/themes/supporter/dist/fonts/Montserrat-Regular.woff) format("woff");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Montserrat";
font-display: swap;
src: url(//supporter.gg/wp-content/themes/supporter/dist/fonts/Montserrat-SemiBold.woff2) format("woff2"), url(//supporter.gg/wp-content/themes/supporter/dist/fonts/Montserrat-SemiBold.woff) format("woff");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "Montserrat";
font-display: swap;
src: url(//supporter.gg/wp-content/themes/supporter/dist/fonts/Montserrat-Bold.woff2) format("woff2"), url(//supporter.gg/wp-content/themes/supporter/dist/fonts/Montserrat-Bold.woff) format("woff");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: "Montserrat";
font-display: swap;
src: url(//supporter.gg/wp-content/themes/supporter/dist/fonts/Montserrat-ExtraBold.woff2) format("woff2"), url(//supporter.gg/wp-content/themes/supporter/dist/fonts/Montserrat-ExtraBold.woff) format("woff");
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: "Montserrat";
font-display: swap;
src: url(//supporter.gg/wp-content/themes/supporter/dist/fonts/Montserrat-ExtraBoldItalic.woff2) format("woff2"), url(//supporter.gg/wp-content/themes/supporter/dist/fonts/Montserrat-ExtraBoldItalic.woff) format("woff");
font-weight: 800;
font-style: italic;
}
@font-face {
font-family: "Montserrat";
font-display: swap;
src: url(//supporter.gg/wp-content/themes/supporter/dist/fonts/Montserrat-Black.woff2) format("woff2"), url(//supporter.gg/wp-content/themes/supporter/dist/fonts/Montserrat-Black.woff) format("woff");
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: "Montserrat";
font-display: swap;
src: url(//supporter.gg/wp-content/themes/supporter/dist/fonts/Montserrat-BlackItalic.woff2) format("woff2"), url(//supporter.gg/wp-content/themes/supporter/dist/fonts/Montserrat-BlackItalic.woff) format("woff");
font-weight: 900;
font-style: italic;
}
* {
padding: 0px;
margin: 0px;
border: 0px;
}
*,
*:before,
*:after {
box-sizing: border-box;
}
:focus,
:active {
outline: none;
}
a:focus,
a:active {
outline: none;
}
aside,
nav,
footer,
header,
section {
display: block;
}
html {
font-size: 10px;
}
html,
body {
height: 100%;
min-width: 320px;
}
body {
line-height: 1;
font-family: "Montserrat";
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
input,
button,
textarea {
font-family: "Montserrat";
font-size: inherit;
}
input::-ms-clear {
display: none;
}
button {
cursor: pointer;
background-color: inherit;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
a,
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
ul li {
list-style: none;
}
img {
vertical-align: top;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: inherit;
font-size: inherit;
} body {
color: #3d3d3d;
}
body._lock {
overflow: hidden;
}
.wrapper {
width: 100%;
min-height: 100%;
overflow: hidden;
display: flex;
flex-direction: column;
}
._container {
max-width: none;
margin: 0 auto;
padding: 0 8%;
}
@media (max-width: 767.98px) {
._container {
max-width: none;
padding: 0 5%;
}
}
.form {
display: flex;
flex-direction: column;
}
.form__row {
display: flex;
}
.form__column {
display: flex;
flex-direction: column;
}
.form__line:not(:last-child) {
margin-bottom: 5%;
}
@media (min-width: 767.98px) {
.form__line:not(:last-child) {
margin-bottom: 3.5%;
}
}
.form__line_txta {
margin-bottom: 7% !important;
padding: 2.7% 20px;
box-shadow: rgba(242, 236, 233, 0.09) 0px -1px 0px 0px inset;
}
.form__line_txta textarea {
box-shadow: none;
}
@media (max-width: 767.98px) {
.form__button.button {
min-height: calc(40px + 128 * ((100vw - 320px) / 1600));
}
}
.button {
flex-shrink: 0;
display: inline-flex;
justify-content: center;
align-items: center;
min-height: calc(28px + 84 * ((100vw - 320px) / 1600));
padding: 0px 5%;
background-color: #d95252;
color: #fff;
border-radius: 167px;
font-weight: 600;
font-size: calc(10px + 34 * ((100vw - 320px) / 1600));
text-transform: uppercase;
transition: background-color 0.2s ease 0s, color 0.2s ease 0s;
}
@media (any-hover: hover) {
.button:hover {
background-color: #c43e3e;
}
}
@media (min-width: 767.98px) {
.button {
min-height: calc(18.66px + 37.34 * ((100vw - 320px) / 1600));
font-size: calc(8px + 8 * ((100vw - 320px) / 1600));
padding: 0px 2.571%;
}
}
.button._more {
padding: 0 5%;
}
@media (max-width: 767.98px) {
.button._more {
padding: 0 10%;
}
}
.button._fw {
width: 100%;
}
input[type=text],
input[type=email],
input[type=tel],
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
textarea:focus {
outline: none;
}
.input {
border-radius: 0 !important;
width: 100%;
display: block;
padding: 2.7% 20px;
color: #f2ece9;
background-color: #3d3d3d;
box-shadow: rgba(242, 236, 233, 0.09) 0px -1px 0px 0px inset;
font-size: calc(12px + 45 * ((100vw - 320px) / 1600));
}
@media (min-width: 767.98px) {
.input {
font-size: calc(6.333px + 12.667 * ((100vw - 320px) / 1600));
}
}
.input::-moz-placeholder {
color: #878483;
}
.input:-ms-input-placeholder {
color: #878483;
}
.input::placeholder {
color: #878483;
}
.input._error {
color: #c43e3e;
}
.input._error::-moz-placeholder {
color: #c43e3e;
}
.input._error:-ms-input-placeholder {
color: #c43e3e;
}
.input._error::placeholder {
color: #c43e3e;
}
textarea.input {
padding: 0px;
resize: vertical;
height: calc(16px + 53 * ((100vw - 320px) / 1600));
}
@media (min-width: 767.98px) {
textarea.input {
height: calc(7.666px + 15.334 * ((100vw - 320px) / 1600));
}
}
._h1 {
font-size: calc(50px + 190 * ((100vw - 320px) / 1600));
line-height: 0.9;
font-weight: 900;
font-style: italic;
text-transform: uppercase;
color: #04c4d9;
}
@media (min-width: 767.98px) {
._h1 {
font-size: calc(30px + 90 * ((100vw - 320px) / 1600));
}
}
._h2 {
font-size: calc(24px + 90 * ((100vw - 320px) / 1600));
text-transform: uppercase;
font-style: italic;
font-weight: 900;
line-height: 0.9;
color: #04c4d9;
}
@media (min-width: 767.98px) {
._h2 {
font-size: calc(14.25px + 42.75 * ((100vw - 320px) / 1600));
}
}
._h2._dynamic_adapt_ {
margin-bottom: 10%;
}
._h3 {
font-size: calc(15px + 31 * ((100vw - 320px) / 1600));
line-height: 1.3;
font-weight: 900;
font-style: italic;
text-transform: uppercase;
}
@media (min-width: 767.98px) {
._h3 {
line-height: 1.1;
font-weight: 800;
font-size: calc(7.66px + 15.34 * ((100vw - 320px) / 1600));
}
}
._p {
font-size: calc(12px + 26 * ((100vw - 320px) / 1600));
line-height: 1.7;
color: #000000cc;
}
@media (min-width: 767.98px) {
._p {
font-size: calc(6.33px + 12.67 * ((100vw - 320px) / 1600));
color: #3d3d3dcc;
}
}
._sm {
color: #3d3d3d80;
font-size: calc(9px + 21 * ((100vw - 320px) / 1600));
line-height: 1.5;
font-weight: 400;
}
@media (min-width: 767.98px) {
._sm {
font-size: calc(5px + 10 * ((100vw - 320px) / 1600));
}
}
@media (min-width: 767.98px) {
.rtl-sect ._container {
flex-direction: row-reverse;
}
}
.anchor {
padding-bottom: 25%;
margin-top: -25%;
}
@media (min-width: 767.98px) {
.anchor {
margin-top: calc(-42.66px + -85.34 * ((100vw - 320px) / 1600));
padding-bottom: 10%;
}
}
.anchor#market {
padding-bottom: 17%;
}
.anchor#service {
padding-bottom: 12%;
}
@media (max-width: 767.98px) {
.anchor#production, .anchor#global {
padding-bottom: 50%;
margin-top: -50%;
}
.anchor#communication {
margin-top: -25%;
padding-bottom: 25%;
}
.anchor#market {
padding-bottom: 40%;
margin-top: -40%;
}
.anchor#tournamets {
padding-bottom: 60%;
margin-top: -60%;
}
.anchor#service {
padding-bottom: 55%;
margin-top: -55%;
}
.anchor#talk {
margin-top: 13%;
padding-bottom: 0%;
}
}
.img-area {
position: relative;
}
.img-area-production._ibg {
flex: 1 0 auto;
padding-top: 100%;
}
@media (min-width: 767.98px) {
.img-area-production._ibg {
margin-top: 4%;
padding-top: 56%;
}
}
.img-area-production._ibg .production {
-o-object-fit: contain;
object-fit: contain;
top: 3%;
left: -5%;
}
.img-area-production._ibg .cube {
-o-object-fit: contain;
object-fit: contain;
top: 55%;
left: 36%;
width: 13.5%;
height: auto;
-webkit-animation: up-down 7s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
animation: up-down 7s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
}
.img-area-production._ibg .cube_sm {
-o-object-fit: contain;
object-fit: contain;
top: 7%;
left: 64%;
width: 9.5%;
height: auto;
-webkit-animation: down-up 7s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
animation: down-up 7s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
}
.img-area-communication._ibg {
flex: 0 0 40%;
padding-top: 80%;
}
@media (max-width: 767.98px) {
.img-area-communication._ibg {
padding-top: 95%;
margin: 7% 0;
}
}
.img-area-communication._ibg .users {
-o-object-fit: contain;
object-fit: contain;
}
.img-area-communication._ibg .dots {
-o-object-fit: contain;
object-fit: contain;
height: auto;
}
.img-area-communication._ibg .dots_left {
transform: scale(-1, 1);
width: 12%;
top: 7.5%;
left: 28.7%;
-webkit-animation: fade-in 4s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
animation: fade-in 4s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
}
@media (min-width: 767.98px) {
.img-area-communication._ibg .dots_left {
width: 16%;
top: 20.5%;
left: 19.7%;
}
}
@media (min-width: 767.98px) and (max-width: 901.98px) {
.img-area-communication._ibg .dots_left {
top: 22.5%;
}
}
.img-area-communication._ibg .dots_right {
width: 16%;
top: 22%;
left: 58.5%;
-webkit-animation: fade-out 4s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
animation: fade-out 4s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
}
@media (min-width: 767.98px) {
.img-area-communication._ibg .dots_right {
width: 22%;
left: 63.5%;
top: 31%;
}
}
.img-area-ecommerce._ibg {
flex: 1 0 auto;
padding-top: 60%;
}
@media (min-width: 767.98px) {
.img-area-ecommerce._ibg {
padding-top: 56%;
}
}
@media (max-width: 767.98px) {
.img-area-ecommerce._ibg {
margin-bottom: 15%;
}
}
.img-area-ecommerce._ibg .globe {
-o-object-fit: contain;
object-fit: contain;
top: calc(0px + -140 * ((100vw - 320px) / 1600));
-webkit-animation: down-up 7s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
animation: down-up 7s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
}
@media (min-width: 767.98px) {
.img-area-ecommerce._ibg .globe {
width: 85%;
}
}
.img-area-ecommerce._ibg .shadow {
-o-object-fit: contain;
object-fit: contain;
width: 75%;
top: 46%;
left: 11%;
}
@media (min-width: 767.98px) {
.img-area-ecommerce._ibg .shadow {
top: 30%;
left: 5%;
}
}
.img-area-research._ibg {
flex: 1 0 auto;
padding-top: 80%;
}
@media (min-width: 767.98px) {
.img-area-research._ibg {
padding-top: 47%;
}
}
.img-area-research._ibg .research {
-o-object-fit: contain;
object-fit: contain;
}
@media (min-width: 767.98px) {
.img-area-research._ibg .research {
top: calc(0px + -140 * ((100vw - 320px) / 1600));
left: calc(0px + 90 * ((100vw - 320px) / 1600));
}
}
.img-area-research._ibg .lens {
width: 33%;
top: -11%;
left: 21%;
-o-object-fit: contain;
object-fit: contain;
-webkit-animation: down-up 7s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
animation: down-up 7s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
}
@media (min-width: 767.98px) {
.img-area-research._ibg .lens {
width: 45%;
top: -29%;
left: 22%;
}
}
.img-area-tournaments._ibg {
flex: 1 0 auto;
padding-top: 73%;
}
@media (min-width: 767.98px) {
.img-area-tournaments._ibg {
padding-top: 50%;
}
}
.img-area-tournaments._ibg .tournaments {
-o-object-fit: contain;
object-fit: contain;
}
@media (min-width: 767.98px) {
.img-area-tournaments._ibg .tournaments {
top: calc(0px + 70 * ((100vw - 320px) / 1600));
left: calc(0px + -100 * ((100vw - 320px) / 1600));
}
}
.img-area-tournaments._ibg .goblet {
-o-object-fit: contain;
object-fit: contain;
top: -21%;
left: 32%;
width: 39%;
-webkit-animation: up-down 7s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
animation: up-down 7s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
}
@media (min-width: 767.98px) {
.img-area-tournaments._ibg .goblet {
top: -10%;
left: 16%;
width: 50%;
}
}
.img-area-bespoke._ibg {
flex: 1 0 auto;
}
@media (max-width: 767.98px) {
.img-area-bespoke._ibg {
padding-top: 57%;
margin-bottom: 30%;
}
}
.img-area-bespoke._ibg .bespoke {
-o-object-fit: contain;
object-fit: contain;
-webkit-animation: down-up 7s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
animation: down-up 7s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
}
@media (min-width: 767.98px) {
.img-area-bespoke._ibg .bespoke {
top: -17%;
left: 30%;
width: 60%;
}
}
.img-area-bespoke._ibg .shadow {
top: 69%;
left: 0%;
-o-object-fit: contain;
object-fit: contain;
}
@media (min-width: 767.98px) {
.img-area-bespoke._ibg .shadow {
width: 80%;
top: calc(60% - 70px);
left: 15%;
}
}
._ibg {
position: relative;
}
._ibg img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
}
body.ie ._ibg {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
body.ie ._ibg img {
width: 0;
height: 0;
opacity: 0;
visibility: hidden;
}
.mirror {
transform: scale(-1, 1);
}
@-webkit-keyframes cloud-slide {
0% {
transform: translateY(0) translateX(0);
}
50% {
transform: translateY(-7vh) translateX(7vh);
}
100% {
transform: translateY(0) translateX(0);
}
}
@keyframes cloud-slide {
0% {
transform: translateY(0) translateX(0);
}
50% {
transform: translateY(-7vh) translateX(7vh);
}
100% {
transform: translateY(0) translateX(0);
}
}
@-webkit-keyframes cloud-slide_long {
0% {
transform: translateY(0) translateX(0);
}
50% {
transform: translateY(-14vh) translateX(14vh);
}
100% {
transform: translateY(0) translateX(0);
}
}
@keyframes cloud-slide_long {
0% {
transform: translateY(0) translateX(0);
}
50% {
transform: translateY(-14vh) translateX(14vh);
}
100% {
transform: translateY(0) translateX(0);
}
}
@-webkit-keyframes up-down {
0% {
transform: translateY(0);
}
50% {
transform: translateY(3vh);
}
100% {
transform: translateY(0);
}
}
@keyframes up-down {
0% {
transform: translateY(0);
}
50% {
transform: translateY(3vh);
}
100% {
transform: translateY(0);
}
}
@-webkit-keyframes down-up {
0% {
transform: translateY(3vh);
}
50% {
transform: translateY(0);
}
100% {
transform: translateY(3vh);
}
}
@keyframes down-up {
0% {
transform: translateY(3vh);
}
50% {
transform: translateY(0);
}
100% {
transform: translateY(3vh);
}
}
@-webkit-keyframes fade-in {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fade-in {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes fade-out {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fade-out {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.header {
z-index: 50;
position: fixed;
width: 100%;
background-color: #fff;
border-bottom: 1px solid #3d3d3d15;
}
.header::before {
z-index: 5;
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: #fff;
}
@media (min-width: 767.98px) {
.header::before {
display: none;
}
}
.header__container {
display: flex;
align-items: center;
justify-content: space-between;
min-height: calc(60px + 196 * ((100vw - 320px) / 1600));
}
@media (min-width: 767.98px) {
.header__container {
min-height: calc(42.66px + 85.34 * ((100vw - 320px) / 1600));
}
}
.header__button {
z-index: 5;
}
@media (max-width: 479.98px) {
.header__button {
display: none;
}
}
@media (max-width: 767.98px) {
.header__button {
margin: 0px 30px 0px 0px;
}
}
@media (max-width: 767.98px) {
.menu {
order: 2;
}
}
.menu__body {
overflow: auto;
position: fixed;
top: -100%;
left: 0;
width: 100%;
height: 100%;
padding: 27% 6% 12%;
background-color: #d95252;
transition: all 0.7s ease-out 0s;
}
@media (min-width: 767.98px) {
.menu__body {
top: calc(42.66px + 85.34 * ((100vw - 320px) / 1600));
padding: 12% 6%;
width: 48%;
left: -100%;
}
}
.menu__body._active {
left: 0;
}
@media (max-width: 767.98px) {
.menu__body._active {
top: 0;
}
}
@media (max-width: 767.98px) {
.menu__list {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
}
.menu__item {
font-size: calc(14px + 40 * ((100vw - 320px) / 1600));
}
.menu__item:not(:last-child) {
margin: 0px 0px 1em 0px;
}
@media (min-width: 767.98px) {
.menu__item {
font-size: calc(9px + 18 * ((100vw - 320px) / 1600));
}
.menu__item:not(:last-child) {
margin: 0px 0px 0.7407407407em 0px;
}
}
.menu__link {
font-weight: 700;
text-transform: uppercase;
color: #fff;
transition: color 0.2s ease 0s;
}
@media (any-hover: hover) {
.menu__link:hover {
color: #c43e3e;
}
}
@media (max-width: 767.98px) {
.menu__link {
line-height: 1.3;
}
}
.logo {
z-index: 5;
display: flex;
justify-content: flex-start;
align-items: center;
color: #000;
}
@media (min-width: 767.98px) {
.logo {
justify-content: flex-end;
}
}
.logo__icon {
flex: 0 0 16%;
margin-right: 5%;
}
.logo__icon img {
max-width: 100%;
height: auto;
}
.logo__text {
font-size: calc(19px + 49 * ((100vw - 320px) / 1600));
font-weight: 900;
font-style: italic;
text-transform: uppercase;
}
@media (min-width: 767.98px) {
.logo__text {
font-size: calc(11.333px + 22.667 * ((100vw - 320px) / 1600));
}
}
.icon-menu {
position: relative;
display: block;
width: 41px;
height: 34px;
cursor: pointer;
z-index: 5;
}
@media (min-width: 767.98px) and (max-width: 1637px) {
.icon-menu {
width: 28px;
height: 22.667px;
}
}
@media (max-width: 479.98px) {
.icon-menu {
width: 28px;
height: 22.667px;
}
}
.icon-menu span {
transition: all 0.3s ease-in-out 0s;
top: calc(50% - 3px);
left: 0px;
position: absolute;
width: 100%;
height: 6px;
border-radius: 10px;
background-color: #000;
}
@media (max-width: 1637px) {
.icon-menu span {
top: calc(50% - 2px);
}
}
@media (max-width: 1637px) {
.icon-menu span {
height: 4px;
}
}
.icon-menu span:first-child {
top: 0px;
}
.icon-menu span:last-child {
top: auto;
bottom: 0px;
}
.icon-menu._active span {
transform: scale(0);
}
.icon-menu._active span:first-child {
transform: rotate(-45deg);
top: calc(50% - 3px);
}
@media (max-width: 1637px) {
.icon-menu._active span:first-child {
top: calc(50% - 2px);
}
}
.icon-menu._active span:last-child {
transform: rotate(45deg);
bottom: calc(50% - 3px);
}
@media (max-width: 1637px) {
.icon-menu._active span:last-child {
top: calc(50% - 2px);
}
}
.footer {
padding: 15% 0 10%;
background-color: #343434;
}
@media (min-width: 767.98px) {
.footer {
padding: 5% 0 7%;
}
}
.footer__container {
display: flex;
justify-content: space-between;
}
@media (max-width: 767.98px) {
.footer__container {
flex-direction: column;
align-items: center;
text-align: center;
}
}
@media (max-width: 767.98px) {
.footer__logo {
justify-content: center;
width: 100%;
margin-bottom: 7%;
}
}
@media (max-width: 767.98px) {
.footer__logo .logo__icon {
flex-basis: calc(37.333px + 74.667 * ((100vw - 320px) / 1600));
}
}
.footer__logo .logo__text {
color: #fff;
}
@media (max-width: 767.98px) {
.footer__logo .logo__text {
font-size: calc(22.666px + 45.334 * ((100vw - 320px) / 1600));
}
}
@media (min-width: 767.98px) {
.info-footer {
padding: 30px 0px 0px 0px;
padding-right: calc(0px + 100 * ((100vw - 320px) / 1600));
max-width: 28%;
}
}
@media (max-width: 767.98px) {
.info-footer {
display: flex;
flex-direction: column;
align-items: center;
}
}
.info-footer__title {
color: #fff;
font-weight: 800;
font-style: italic;
font-size: calc(12px + 26 * ((100vw - 320px) / 1600));
}
@media (min-width: 767.98px) {
.info-footer__title {
font-size: calc(6.333px + 12.667 * ((100vw - 320px) / 1600));
}
}
.info-footer__text {
color: #f2ece980;
}
@media (max-width: 767.98px) {
.info-footer__text {
// max-width: 78%;
color: #fff;
}
}
.page {
flex: 1 1 auto;
position: relative;
}
.page__bg {
z-index: -1;
content: "";
position: absolute;
height: 10%;
top: 0px;
left: 0px;
width: 100%;
transform: scaleX(-1);
opacity: 0.5;
background-repeat: no-repeat;
background-size: cover;
background-position: top;
}
@media (min-width: 767.98px) {
.page__bg {
height: 100%;
background-size: contain;
background-position: top 1% left;
}
}
.bicolor {
background-repeat: no-repeat;
background-position: center top 435px;
background-size: cover;
}
@media (min-width: 767.98px) {
.bicolor {
background-position: center top -100%;
}
}
.bicolor_second {
position: relative;
background: none;
padding-bottom: 20%;
}
.bicolor_second::before {
z-index: -1;
content: "";
position: absolute;
top: -27%;
left: 0px;
width: 100%;
height: 100%;
background: url(//supporter.gg/wp-content/themes/supporter/dist/img/icons/bicolor.svg) no-repeat left top/cover;
-webkit-animation: up-down 15s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
animation: up-down 15s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
}
@media (min-width: 767.98px) {
.bicolor_second::before {
top: -15%;
}
}
.bicolor__production {
margin-bottom: 15%;
}
.bicolor__communication {
position: relative;
}
@media (max-width: 767.98px) {
.bicolor__communication {
margin-bottom: 13%;
}
}
.bicolor__communication .bicolor-sect__title:not(:last-child) {
margin-bottom: 4%;
}
.bicolor__communication .bicolor-sect__text-block:last-of-type {
margin-bottom: 12.75%;
}
.bicolor__communication .cloud {
z-index: -1;
position: absolute;
width: 100%;
height: 100%;
}
.bicolor__communication .cloud img {
opacity: 0.5;
-o-object-fit: contain;
object-fit: contain;
width: 10%;
height: auto;
top: -13%;
left: 77%;
-webkit-animation: cloud-slide_long 35s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
animation: cloud-slide_long 35s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
}
.bicolor__support {
margin-bottom: 18%;
}
.bicolor__ecommerce {
margin-bottom: 17%;
}
@media (max-width: 767.98px) {
.bicolor__ecommerce {
margin-bottom: 10%;
}
.bicolor__ecommerce .content-block:first-of-type h3 {
text-align: center;
}
}
@media (max-width: 767.98px) {
.bicolor__research {
margin-bottom: 15%;
}
}
.bicolor__tournaments {
margin-bottom: 15%;
}
.bicolor__tournaments .bicolor-sect__title {
margin: 0px auto 2em !important;
}
@media (max-width: 767.98px) {
.bicolor__bespoke .bicolor-sect__title {
max-width: 85%;
}
}
.welcome__gaming {
margin-top: calc(60px + 196 * ((100vw - 320px) / 1600));
margin-bottom: 15%;
}
@media (min-width: 767.98px) {
.welcome__gaming {
margin-top: calc(60px + 68 * ((100vw - 320px) / 1600));
}
}
.welcome__management {
margin-bottom: 15%;
}
.gaming__body {
position: relative;
padding: 52.5% 0 12.5%;
}
@media (min-width: 767.98px) {
.gaming__body {
padding: 10.5% 0 11.77%;
}
}
.gaming__body .cloud {
z-index: -1;
position: absolute;
width: 100%;
height: 100%;
}
.gaming__body .cloud img {
opacity: 0.15;
-o-object-fit: contain;
object-fit: contain;
width: 24%;
height: auto;
top: -25%;
left: 65%;
-webkit-animation: cloud-slide 21s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
animation: cloud-slide 21s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
}
@media (min-width: 767.98px) {
.gaming__body .cloud img {
width: 5%;
top: 2%;
left: 24%;
}
}
.gaming__bg {
position: absolute;
top: 7%;
right: 0px;
width: 80%;
height: 100%;
}
.gaming__bg img {
-o-object-fit: contain;
object-fit: contain;
}
@media (max-width: 767.98px) {
.gaming__bg {
display: none;
}
}
.gaming__content {
display: flex;
flex-direction: column;
}
@media (min-width: 767.98px) {
.gaming__content {
max-width: calc(233.33px + 466.67 * ((100vw - 320px) / 1600));
}
}
.gaming__title:not(:last-child):not(:last-child) {
margin: 0px 0px 0.375em 0px;
}
@media (min-width: 767.98px) {
.gaming__title:not(:last-child):not(:last-child) {
margin: 0px 0px 0.25em 0px;
}
}
@media (max-width: 767.98px) {
.gaming__title {
text-align: center;
}
}
@media (min-width: 767.98px) {
.gaming__subtitle {
max-width: calc(186.66px + 373.34 * ((100vw - 320px) / 1600));
}
}
@media (max-width: 767.98px) {
.gaming__subtitle {
font-size: calc(12px + 34 * ((100vw - 320px) / 1600));
line-height: 1.3;
font-weight: 900;
text-align: center;
}
}
.management__container {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
}
.management__container .cloud {
z-index: -1;
position: absolute;
width: 100%;
height: 100%;
}
.management__container .cloud img {
opacity: 0.15;
-o-object-fit: contain;
object-fit: contain;
width: 11%;
height: auto;
top: 0%;
left: 77%;
-webkit-animation: cloud-slide 21s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
animation: cloud-slide 21s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
}
.management__title {
text-align: center;
}
.management__title:not(:last-child) {
margin: 0px 0px 2.2641509434em 0px;
}
@media (min-width: 767.98px) {
.management__title {
max-width: calc(200px + 700 * ((100vw - 320px) / 1600));
}
}
.grid-management {
display: grid;
grid-template-columns: repeat(2, 1fr);
row-gap: 10vh;
}
@media (min-width: 767.98px) {
.grid-management {
row-gap: calc(26.66px + 53.34 * ((100vw - 320px) / 1600));
-moz-column-gap: calc(16.66px + 33.34 * ((100vw - 320px) / 1600));
column-gap: calc(16.66px + 33.34 * ((100vw - 320px) / 1600));
}
}
@media (max-width: 767.98px) {
.grid-management {
grid-template-columns: 1fr;
}
}
.grid-management__item {
display: flex;
}
@media (max-width: 767.98px) {
.grid-management__item {
flex-direction: column;
align-items: center;
}
}
@media (min-width: 767.98px) {
.grid-management__icon {
flex: 0 0 13.3333333333%;
}
.grid-management__icon:not(:last-child) {
margin: 0px 30px 0px 0px;
}
}
@media (max-width: 767.98px) {
.grid-management__icon {
width: 30%;
margin-bottom: 7%;
}
}
.grid-management__icon img {
max-width: 100%;
height: auto;
}
.grid-management__content {
display: flex;
flex-direction: column;
}
@media (max-width: 767.98px) {
.grid-management__content {
align-items: center;
text-align: center;
}
}
.grid-management__title:not(:last-child) {
margin: 0px 0px 1.1111111111em 0px;
}
@media (min-width: 767.98px) {
.grid-management__title:not(:last-child) {
margin: 0px 0px 0.8695652174em 0px;
}
}
.bicolor-sect__container {
display: flex;
justify-content: space-between;
}
@media (max-width: 767.98px) {
.bicolor-sect__container {
flex-direction: column;
}
}
.bicolor-sect__image-area {
flex: 1 0 auto;
height: 100%;
}
.bicolor-sect__content {
flex: 0 0 49.5297805643%;
}
@media (max-width: 767.98px) {
.bicolor-sect__content {
display: flex;
flex-direction: column;
align-items: center;
}
}
@media (min-width: 767.98px) {
.bicolor-sect__title:not(:last-child) {
margin: 0px 0px 1.350877193em 0px;
}
}
@media (max-width: 767.98px) {
.bicolor-sect__title {
max-width: 90%;
text-align: center;
margin: 0 auto;
}
}
.content-block {
display: flex;
flex-direction: column;
}
.content-block:not(:last-child) {
margin-bottom: calc(40px + 40 * ((100vw - 320px) / 1600));
}
@media (min-width: 767.98px) {
.content-block:not(:last-child) {
margin-bottom: calc(13.33px + 26.67 * ((100vw - 320px) / 1600));
}
}
.content-block:last-of-type {
margin-bottom: calc(40px + 80 * ((100vw - 320px) / 1600));
}
@media (min-width: 767.98px) {
.content-block:last-of-type {
margin-bottom: calc(20px + 20 * ((100vw - 320px) / 1600));
}
}
.content-block__title:not(:last-child) {
margin: 0px 0px 1.1739130435em 0px;
}
.content-block__text {
white-space: pre-wrap;
}
.content-block__text:not(:last-child) {
margin: 0px 0px 1.6em 0px;
}
.support-solutions__container {
text-align: center;
}
.support-solutions__title {
margin: 0 auto 2.9824561404em;
}
@media (min-width: 767.98px) {
.support-solutions__title {
max-width: 50%;
}
}
.grid-support {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 7vh;
}
@media (max-width: 767.98px) {
.grid-support {
grid-template-columns: 1fr;
}
}
.item-support {
display: flex;
flex-direction: column;
align-items: center;
}
.item-support__icon {
width: 25%;
height: auto;
}
@media (min-width: 767.98px) {
.item-support__icon {
width: calc(35px + 70 * ((100vw - 320px) / 1600));
height: calc(35px + 70 * ((100vw - 320px) / 1600));
}
}
.item-support__icon:not(:last-child) {
margin-bottom: 7%;
}
@media (min-width: 767.98px) {
.item-support__icon:not(:last-child) {
margin-bottom: calc(16.666px + 33.334 * ((100vw - 320px) / 1600));
}
}
.item-support__icon img {
max-width: 100%;
}
.about__block {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 15% 0;
}
@media (min-width: 767.98px) {
.about__block {
padding: 6% 0;
}
}
.about-us {
background-color: #d95252;
}
@media (min-width: 767.98px) {
.about-us__container {
max-width: 83%;
}
}
.about-us__title {
color: #fff;
}
.about-us__title:not(:last-child) {
margin: 0px 0px 0.8771929825em 0px;
}
.about-us__text {
color: #fff;
}
.about-us__text:not(:last-child) {
margin: 0px 0px 2.6315789474em 0px;
}
@media (max-width: 767.98px) {
.about-us__title {
opacity: 1;
}
}
.download {
background-color: #fff;
}
@media (min-width: 767.98px) {
.download {
min-height: calc(21.333px + 42.667 * ((100vw - 320px) / 1600));
}
}
@media (any-hover: hover) {
.download:hover .download__title {
color: #fff;
}
.download:hover .download__icon {
fill: #fff;
}
}
.download__title {
flex-shrink: 0;
font-weight: 700;
color: #3d3d3d;
transition: color 0.2s ease 0s;
}
.download__title:not(:last-child):not(:last-child) {
margin-right: 1em;
}
.download__icon {
flex-basis: 10%;
transition: fill 0.2s ease 0s;
}
.download__icon img {
max-width: 100%;
height: auto;
}
.about-clients {
border-bottom: 1px solid #3d3d3d1a;
}
.about-clients__title:not(:last-child) {
margin-bottom: 2.1em;
}
@media (min-width: 767.98px) {
.about-clients__title:not(:last-child) {
margin: 0px 0px 1.7543859649em 0px;
}
}
.grid-about {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10vh;
}
@media (max-width: 767.98px) {
.grid-about {
grid-template-columns: 1fr;
}
}
.item-about {
display: flex;
flex-direction: column;
align-items: center;
}
.item-about__img {
width: 100%;
max-width: 320px;
padding-top: 13%;
margin-bottom: 6%;
}
.item-about__img img {
-o-object-fit: contain;
object-fit: contain;
}
.item-about__description {
max-width: 77%;
}
.item-about__text:not(:last-child) {
margin-bottom: 4%;
}
.about-partners__title:not(:last-child) {
margin: 0px 0px 1.7543859649em 0px;
}
.grid-partners {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10vh;
}
@media (max-width: 767.98px) {
.grid-partners {
grid-template-columns: 1fr;
}
}
.item-partners {
display: flex;
flex-direction: column;
align-items: center;
}
.item-partners__img {
width: 100%;
max-width: 320px;
padding-top: 25%;
margin-bottom: 3%;
}
.item-partners__img img {
-o-object-fit: contain;
object-fit: contain;
}
.item-partners__description {
max-width: 77%;
}
.item-partners__text:not(:last-child) {
margin: 0px 0px 2.6315789474em 0px;
}
.contact {
background-color: #3d3d3d;
padding: 10% 0 15%;
}
@media (min-width: 767.98px) {
.contact {
padding: 7% 0 5.5%;
}
}
.contact__body {
display: flex;
}
@media (max-width: 767.98px) {
.contact__body {
flex-direction: column;
}
}
.contact__title {
font-size: calc(52px + 167 * ((100vw - 320px) / 1600));
color: #f2ece9;
}
@media (min-width: 767.98px) {
.contact__title {
max-width: calc(133.33px + 266.67 * ((100vw - 320px) / 1600));
font-size: calc(24.333px + 48.667 * ((100vw - 320px) / 1600));
}
}
@media (max-width: 767.98px) {
.contact__title:not(:last-child) {
margin: 0px 0px 0.9132420091em 0px;
}
}
.contact__contacts {
flex: 1 0 auto;
}
@media (min-width: 767.98px) {
.contact__contacts {
padding-top: calc(23.333px + 46.667 * ((100vw - 320px) / 1600));
}
}
@media (max-width: 767.98px) {
.contact__contacts {
margin-bottom: 13%;
}
}
@media (min-width: 767.98px) {
.contact__form {
flex: 0 0 48.9028213166%;
}
}
.contacts__row {
display: flex;
}
@media (max-width: 767.98px) {
.contacts__row {
flex-direction: column;
}
}
.contacts__row:not(:last-child) {
margin-bottom: 10%;
}
@media (min-width: 767.98px) {
.contacts__row:not(:last-child) {
margin-bottom: calc(23.333px + 46.667 * ((100vw - 320px) / 1600));
}
}
@media (min-width: 767.98px) {
.contacts__row_double {
max-width: 700px;
}
}
.contacts__item {
flex: 1 0;
display: flex;
align-items: center;
}
@media (max-width: 767.98px) {
.contacts__item:not(:last-child) {
margin-bottom: 10%;
}
}
.contacts__icon {
flex-basis: 22%;
}
@media (min-width: 767.98px) {
.contacts__icon {
flex-basis: calc(26.25px + 52.5 * ((100vw - 320px) / 1600));
}
}
.contacts__icon:not(:last-child) {
margin-right: 5%;
}
@media (min-width: 767.98px) {
.contacts__icon:not(:last-child) {
margin-right: calc(8.333px + 16.667 * ((100vw - 320px) / 1600));
}
}
.contacts__icon img {
max-width: 100%;
}
.contacts__link {
font-size: calc(16px + 22 * ((100vw - 320px) / 1600));
line-height: 1.7;
color: #fff;
transition: color 0.2s ease 0s;
}
@media (min-width: 767.98px) {
.contacts__link {
font-size: calc(6.33px + 12.67 * ((100vw - 320px) / 1600));
}
}
@media (any-hover: hover) {
.contacts__link:hover {
color: #c43e3e;
}
}
.numbers {
display: flex;
flex-direction: column;
justify-content: space-between;
}
@media (min-width: 767.98px) {
.numbers {
flex-direction: row;
flex: 0 0 52.1472392638%;
}
}
.numbers__col {
display: flex;
flex-direction: column;
}
.numbers__col span {
font-size: calc(16px + 22 * ((100vw - 320px) / 1600));
color: #fff;
text-transform: uppercase;
line-height: 1.7;
}
@media (min-width: 767.98px) {
.numbers__col span {
font-size: calc(6.33px + 12.67 * ((100vw - 320px) / 1600));
}
}
body._lock .header {
padding-right: 17px;
}