:root {    --white: #fff;    --black: #000;    --black_100: #1a1a1a;    --red: #fd3d3e;    --gray: #8b8b8b;    --gray_dark: #212121;}body {    min-width: 320px;}.member_body {    display: flex;    width: 100%;    flex-direction: column;    min-height: 100vh;}#main {    flex-grow: 1;}footer {    position: relative;}.container {    max-width: 1390px;    width: 100%;    padding: 0 15px;    margin: 0 auto;}.btn {    display: inline-block;    font-size: 22px;    line-height: 26px;    padding: 12px 55px;    border: 0;    background: var(--red);    color: var(--white);    transition: all .5s;}.btn:hover {    background: var(--black_100);}.btn--black {    background: var(--black_100);}.btn--black.btn--black:hover {    background: var(--red);}.title_element {    background: url('../images/titleLine.png') no-repeat left center;    margin-bottom: 16px;    padding-left: 17px;    line-height: 40px;    font-size: 29px;    letter-spacing: -0.01em;    color: #1b1b1b;    font-weight: 700;}.title_element_video {    margin-bottom: 16px;    padding-left: 17px;    line-height: 40px;    font-size: 29px;    letter-spacing: -0.01em;    color: #1b1b1b;    text-transform: capitalize;    font-weight: 700;    text-align: center;}.title_element_interactive {    margin-bottom: 16px;    padding-left: 17px;    line-height: 40px;    font-size: 26px;    letter-spacing: -0.01em;    color: #1b1b1b;    font-weight: 700;}/* header_member */.sign_out {    font-size: 23px;    float: right;    line-height: 71px;    color: var(--white);    margin-left: 28px;    position: relative;}.sign_out:before {    width: 0;    background-color: var(--white);    content: '';    height: 5px;    position: absolute;    left: 51%;    bottom: 0;    opacity: 0;}.sign_out:hover:before {    left: 0;    width: 100%;    opacity: 1;}/* member_topsection */@media screen and (min-device-width :240px) and (max-device-width: 900px) {    .btn_align_right {}    .video-thumbs_edite {        float: right;        /* width: 110px; */        margin-right: 7px;        /* height: 420px; */        cursor: pointer;    }}@media screen and (min-device-width :901px) {    .btn_align_right {        left: 0;        position: static;    }    .video-thumbs_edite {        float: right;        width: 110px;        margin-right: 7px;        height: 420px;        cursor: pointer;    }}.member_topsection {    margin: 0;}.member_topsection__panel {    padding: 42px 0 32px;    background: url('../images/bg-top-section.jpg') no-repeat 50% 50%;    background-size: cover;    text-align: center;}.member_topsection__container {    margin: 0 auto;    width: 97%;    max-width: 1358px;    padding-right: 30px;}.member_topsection__title_wrap {    padding: 0 0 0 440px;}.member_topsection__title {    margin: 0;    padding: 17px 99px;    display: inline-block;    vertical-align: top;    color: var(--white);    font-size: 29px;    line-height: 30px;    border-radius: 99px;    background: rgba(0, 0, 0, 0.4);}.member_topsection__holder {    display: flex;    justify-content: space-between;}.member_topsection__visual {    width: 440px;    min-width: 440px;    margin: -100px 0 0 0;}.member_topsection__wrap {    margin: 0 -115px 0 -12px;}.member_topsection__content {    padding: 127px 481px 0 60px;    color: var(--gray);    /* left: -23px; */    right: -28px;}.member_text_bloсk {    font-size: 16px;    line-height: 20px;}.member_text_bloсk p {    margin-bottom: 20px;}.member_list_parameter {    display: flex;    justify-content: flex-start;    flex-wrap: wrap;    margin: 0 -20px;    padding: 29px 0 0;}.member_list_parameter li {    width: calc(100% / 3);    display: flex;    align-items: center;    padding: 0 20px 53px;    text-align: center;}.member_list_parameter h5 {    font-size: 16px;    line-height: 20px;}.member_list_parameter__visual {    margin: 0 10px 0 0;    color: var(--red);    font-size: 41px;}.parametr {    color: var(--red);    font-size: 16px;    line-height: 20px;}.select_element mark {    color: var(--red);    background: none;}.member_twocolums {    overflow: hidden;    margin: 0 0 154px;    display: flex;    justify-content: center;}.member_twocolums .title_element {    margin-top: -8px;}.member_col {    width: 50%;}.member_col:first-child img {    max-width: none;    width: 100%;}.member_col:last-child {    padding: 0 80px 0 101px;}/* member_title_video */.member_videoHere {    position: relative;    margin-bottom: 92px;}.member_videoHere video {    display: block;    width: 100%;    height: auto;}.member_videoHere i {    background: url('../images/play.png') no-repeat;    width: 120px;    height: 120px;    position: absolute;    left: 50%;    top: 50%;    transform: translate(-50%, -50%);    cursor: pointer;}.member_title_video {    display: flex;    margin-bottom: 40px;    align-items: center;    justify-content: space-between;}.member_title_video .title_element {    margin: 0;}.member_title_video .button_sync {    margin-left: 15px;}.button_sync {    background: var(--red);    border-radius: 3px;    color: var(--white);    text-transform: uppercase;    display: inline-flex;    font-size: 22px;    line-height: 24px;}.button_sync:hover .button_sync__text {    color: var(--black);}.button_sync__icon {    border-radius: 3px;    width: 68px;    min-width: 68px;    text-align: center;    display: flex;    align-items: center;    justify-content: center;    background: var(--black);}.button_sync__text {    display: block;    padding: 13px 15px;    min-width: 255px;    text-align: center;    transition: color 0.3s;}/* related videos */.video_cards {    margin-bottom: 102px;}.video_cards .heading {    margin-bottom: 32px;}.list-cards-five {    margin: 0 -10px 15px;    padding: 0;    list-style: none;    display: -ms-flexbox;    display: flex;    flex-wrap: wrap;}.list-cards-five>li {    padding: 0 10px;    margin-bottom: 27px;    width: 20%;}.card2__img {    position: relative;    padding-top: 56%;}.card2__img img,.card2__img a {    position: absolute;    top: 0;    left: 0;    max-width: none;    width: 100%;    height: 100%;    object-fit: cover;}.card2__img a {    transition: opacity 0.5s;}.card2__img a:hover {    opacity: 0.7;}.card2__body {    padding: 12px 0;    display: -ms-flexbox;    display: flex;    align-items: center;    justify-content: space-between;}.card2__title {    margin: 0;    text-transform: uppercase;    font-weight: 400;    color: #8b8b8b;    font-size: 17px;    line-height: 1.1;}.card2__title a {    color: inherit;    transition: all 0.5s;}.card2__title a:hover {    color: var(--red);}.card2__code {    color: var(--red);}.card2__body {    display: block;    font-size: 16px;    line-height: 1.25;}.card2__title {    margin-bottom: 8px;    font-size: 16px;    line-height: 1.25;    text-transform: none;}.card2__title span {    display: block;}.card2__view {    color: var(--red);}/* pagination */.pagination {    padding: 50px 0;}.pagination_list {    margin: 0 -7px;    padding: 0;    list-style: none;    display: flex;    color: var(--white);    font-size: 16px;    line-height: 1;}.pagination_list>li {    padding: 0 7px;}.pagination_list>li>* {    display: flex;    align-items: center;    justify-content: center;    width: 40px;    height: 40px;}.pagination_list a {    color: inherit;    background: var(--gray_dark);    transition: background .5s;}.pagination_list span {    color: var(--gray);}.pagination_list a:hover {    background: var(--red);}.pagination_list .active>* {    color: var(--white);    background: var(--red);}.pagination_list .icon {    font-size: 26px;}.video_cards+.pagination {    padding-top: 0;    margin: -52px 0 30px;}/* interactive_cards */.interactive_cards {    margin-bottom: 72px;}.interactive_cards .interactive_row:nth-child(even) {    background: var(--white);}.interactive_cards .interactive_row:first-child {}.interactive_row {    /*  padding: 60px 0; */}.interactive_card {    display: grid;    grid-template-columns: 58% 42%;    align-items: center;}.interactive_card__images {    display: grid;    /* grid-template-columns: 67% 32%; */    grid-template-columns: repeat(3, 1fr);    grid-gap: 8px;    grid-template-areas: "a a b" "a a c" "a a d";}.interactive_card__image img {    position: absolute;    top: 0;    left: 0;    max-width: none;    width: 100%;    height: 94%;    object-fit: cover;}.interactive_card__image {    position: relative;    padding-top: 56%;}.interactive_card__image:first-child {    grid-row: span 2;    grid-column: span 3;    grid-area: a;}.interactive_card__image:nth-child(2) {    grid-row: span 2;    grid-column: span 3;    grid-area: b;}.interactive_card__image:nth-child(3) {    grid-row: span 2;    grid-column: span 3;    grid-area: c;}.interactive_card__content {    padding: 20px 15px 38px;    text-align: center;    color: var(--gray);}.interactive_card__content h4 {    margin: 0 0 12px;}.interactive_card__icon {    position: relative;    top: 5px;    font-size: 26px;    margin: -10px 10px -10px 0;    display: inline-block;    color: var(--red);}.interactive_card__content p {    margin: 0 0 7px;}.interactive_card__buttons {    text-transform: uppercase;    margin-bottom: 34px;}.interactive_card__buttons .btn {    border-radius: 4px;    padding: 12px 25px;    margin: 0 3px;}/* support */.member_support {    position: relative;    padding: 243px 0 60px;}.member_support:before {    content: '';    height: 138px;    position: absolute;    left: 0;    top: 0;    right: 0;    background: url('../images/bg-top-section.jpg');    background-size: cover;    background-position: 50% 50%;}.member_support__content {    max-width: 750px;    margin: 0 auto;    width: 100%;    text-align: center;    /* font-size: 16px; */    /* line-height: 1.25; */    color: var(--black);}.member_support__content h2 {    margin: 0 0 16px;    font-size: 29px;    line-height: 1.2;    font-weight: 700;    text-transform: uppercase;    letter-spacing: 1px;}.member_support__content p {    margin: 0 0 20px;}.member_support__content a {    color: var(--red);}.member_support__content a:hover {    text-decoration: underline;}/* games */.game_cards {    padding: 30px 0;}.list-cards-thre {    margin: 0 -13px;    padding: 0;    list-style: none;    display: flex;    flex-wrap: wrap;}.list-cards-thre>li {    padding: 0 13px 80px;    width: calc(100% / 3);    display: flex;}.game_card {    text-align: center;    color: var(--gray);    display: flex;    width: 100%;    flex-direction: column;}.game_card__img {    display: block;    position: relative;    width: 100%;    padding-top: 51%;}a.game_card__img:hover {    opacity: 0.7;}.game_card__img img {    position: absolute;    top: 0;    left: 0;    max-width: none;    width: 100%;    height: 100%;    object-fit: cover;    object-position: center;}.game_card__body {    padding: 15px 4% 0;    display: flex;    flex-direction: column;    width: 100%;    flex-grow: 1;}.game_card__text {    flex-grow: 1;}.game_card__title {    font-size: 29px;    line-height: 1.2;    margin: 0 0 6px;    font-weight: 700;    color: var(--black_100);    letter-spacing: 0.01em;}.game_card .btn {    min-width: 80%;    border-radius: 3px;}.game_card p {    margin-bottom: 16px;}@media only screen and (max-width:1590px) {}@media only screen and (max-width:1300px) {}@media only screen and (max-width: 1279px) {    .member_topsection__title {        font-size: 25px;        margin-bottom: 10px;        line-height: 36px;    }    .header_member .logo {        margin-right: 25px;    }    .header_member .searchBlock {        max-width: 220px;    }    .sign_out {        margin-left: 18px;        line-height: 60px;    }    .member_topsection__title {        padding: 17px 60px;    }    .member_col:last-child {        padding: 0 30px;    }    .member_list_parameter {        padding: 0;        margin-left: -10px;        margin-right: -10px;    }    .member_list_parameter li {        padding-left: 10px;        padding-right: 10px;        padding-bottom: 20px;    }    .member_videoHere i {        width: 100px;        height: 100px;        background-size: 100px;    }}@media only screen and (max-width: 1023px) {    .sign_out {        display: none;    }    .member_topsection__container {        padding: 0;    }    .member_topsection__title_wrap {        padding: 0;    }    .member_topsection__visual {        margin: -20px 0 0;        width: 300px;        min-width: 300px;    }    .member_topsection__wrap {        margin: 0 -50px 0 -40px;    }    .member_topsection__content {        padding: 50px 30px 0;    }    .member_list_parameter li {        width: 50%;    }    .member_twocolums {        margin-bottom: 50px;    }    .member_title_video {        display: block;    }    .member_title_video .button_sync {        margin: 15px 0 0;    }    .button_sync__text {        min-width: 200px;    }    .list-cards-five>li {        width: 25%;    }    .list-cards-thre>li {        width: 50%;    }}@media only screen and (max-width:992px) {}@media only screen and (max-width:767px) {    .member_topsection__title {        font-size: 22px;        line-height: 32px;    }    .member_twocolums {        display: block;    }    .member_col {        width: 100%;    }    .member_col:first-child {        margin-bottom: 20px;    }    .member_col:last-child {        padding: 0;    }    .member_topsection__title {        padding: 10px 15px;    }    .member_topsection__holder {        display: block;    }    .member_topsection__visual {        margin: -20px auto 0;        width: 100%;        max-width: 80%;        text-align: center;    }    .member_topsection__visual img {        display: inline-block;        vertical-align: top;    }    .member_topsection__content {        padding: 0 20px 30px;    }    .member_videoHere i {        width: 70px;        height: 70px;        background-size: 70px;    }    .list-cards-five>li {        width: calc(100% / 3);    }    .button_sync {        font-size: 16px;        line-height: 20px;    }    .button_sync__text {        padding: 10px 15px;    }    .member_videoHere {        margin-bottom: 30px;    }    .video_cards {        margin-bottom: 50px;    }    .pagination_list {        margin: 0 -2px;        font-size: 14px;    }    .pagination_list>li {        padding: 0 2px;    }    .pagination_list>li>* {        width: 30px;        height: 30px;    }    .pagination_list .icon {        font-size: 20px;    }    .video_cards+.pagination {        margin-top: 0;    }    .interactive_card {        display: block;    }    .interactive_cards .interactive_row:first-child {        padding-top: 30px;    }    .interactive_card__content {        padding-bottom: 0;    }    .interactive_card__content .title_element {        margin-bottom: 20px;    }    .interactive_card__content p:last-child {        margin-bottom: 0;    }    .member_support {        padding-top: 100px;    }    .member_support:before {        height: 60px;    }    .game_card__title {        font-size: 24px;    }}.btnPlay {    background: url(images/play.png);}@media only screen and (max-width:567px) {    .list-cards-five>li {        width: 50%;    }    .interactive_card__images {        grid-gap: 4px;        grid-template-columns: repeat(2, 1fr);        grid-template-areas: 'a a' 'b c';    }    .list-cards-thre>li {        width: 100%;        padding-bottom: 50px;    }}@media screen and (min-device-width :240px) and (max-device-width: 900px) {    .interactive_card__content .title_element {        display: inline-block;        vertical-align: top;        margin-bottom: 36px;    }}@media screen and (min-device-width :901px) {    .interactive_card__content .title_element {        display: inline-block;        vertical-align: top;        margin-bottom: 36px;        top: -92px;        right: 137px;    }}.btn_download {    display: inline-block;    font-size: 22px;    line-height: 0;    padding: 18px 11px;    border: 0;    background: #fd3d3e;    color: var(--white);    transition: all .5s;    border-radius: 7px;}.btn_download_vr {    display: inline-block;    font-size: 22px;    line-height: 0;    padding: 18px 11px;    border: 0;    background: #030202;    color: var(--white);    transition: all .5s;    border-radius: 7px;}#cards {    width: 100%;    padding-bottom: 20px;}@media screen and (min-device-width :240px) and (max-device-width: 900px) {    .information {        /* left: 650px; */        bottom: 83px;        left: 156px;    }    .video-img {        /* line-height: 0; */        /* float: left; */        position: relative;        width: 460px;        height: 427px;        margin-right: 6px;    }}@media screen and (min-device-width :901px) {    .information {        position: relative;        /* left: 650px; */        bottom: 53px;        left: 156px;    }    .video-img {        line-height: 0;        float: left;        position: relative;        width: 460px;        height: 427px;        margin-right: 6px;    }}.list-cards-five,.list-cards {    margin: 0 -10px 60px;    padding: 0;    list-style: none;    display: -ms-flexbox;    display: flex;    -ms-flex-wrap: wrap;    flex-wrap: wrap;}.list-cards-five>li,.list-cards>li {    padding: 0 10px;    margin-bottom: 23px;    width: 100%;}@media (min-width: 480px) {    .list-cards-five>li,    .list-cards>li {        width: 50%;    }}@media (min-width: 768px) {    .list-cards-five>li,    .list-cards>li {        width: calc(100% / 3);    }}@media (min-width: 992px) {    .list-cards-five>li,    .list-cards>li {        width: 25%;    }}.list-cards-five {    margin-bottom: 15px;}.list-cards-five:last-child {    margin-bottom: 60px;}@media (min-width: 992px) {    .list-cards-five>li {        width: 20%;    }}.card2__img,.card__img {    position: relative;    padding: 28%;}.card2__img img,.card2__img a,.card__img img,.card__img a {    position: absolute;    top: 0;    left: 0;    max-width: none;    width: 100%;    height: 100%;    object-fit: cover;    border-radius: 7%;}.card2__img a,.card__img a {    transition: opacity 0.5s;}.card2__img a:hover,.card__img a:hover {    opacity: 0.7;}.card2__body,.card__body {    padding: 12px 0;    display: -ms-flexbox;    display: flex;    -ms-flex-align: center;    align-items: center;    -ms-flex-pack: justify;    justify-content: space-between;}.card2__title,.card__title {    margin: 0;    text-transform: uppercase;    font-weight: 400;    color: #8b8b8b;    font-size: 17px;    line-height: 1.1;}.card2__title a,.card__title a {    color: inherit;    transition: all 0.5s;}.card2__title a:hover,.card__title a:hover {    color: #db3f40;}.card2__code,.card__code {    color: #db3f40;}.card2__body {    display: block;    font-size: 16px;    line-height: 1.25;}.card2__title {    margin-bottom: 8px;    font-size: 16px;    line-height: 1.25;    text-transform: none;}.card2__title span {    display: block;}.card2__view {    color: #db3f40;}.container_videoPlayer {    max-width: 1390px;    padding: 0 15px;    margin: 0 auto;}