html, body, div, span, applet, object, iframe,h1, h2, h3, h4, 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: 0px;padding: 0px;border: 0px;font-size: 100%;font-family: 'Roboto', Arial, Tahoma, "Sans-Serif" !important;} @font-face { font-family: 'Roboto'; src: url("/design/images/fonts/roboto/Roboto-Regular.ttf") format('truetype'); font-weight: normal; } @font-face { font-family: 'Roboto-Thin'; src: url("/design/images/fonts/roboto/Roboto-Thin.ttf") format('truetype'); } :root { --action-color: #302F2E; } .hidden{ display: none; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @keyframes fadein { 0%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 3.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 3.000); } 0% {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;} 100% {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;} } *, *:before, *:after { margin: 0; padding: 0; font: inherit; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .auto__mobile__telegram{ display: none; } @media only screen and (max-width: 1024px){ .auto__mobile__telegram{ display: block; position: absolute; top: 13px; left: 43vw; z-index: 4; } .auto__mobile__telegram:hover{ opacity: 0.4; } } @media only screen and (max-width: 480px){ .auto__mobile__telegram{ left: 40vw; } } /* Операторы */ .smart-a-operator li {width:85px;height:85px;float:left;cursor:pointer;margin:13px;} .smart-a-operator li.smart-a-mts {background:url(/design/images/action/2021/auto2021/mds-a-logo-mts_i_new.jpg) center no-repeat;background-size:84px;} .smart-a-operator li.smart-a-megafon {background:url(/design/images/action/2018/auto/mds-a-logo-mf-i.jpg) center no-repeat;background-size:84px;} .smart-a-operator li.smart-a-beeline {background:url(/design/images/action/2017/mnogodeneg2017/mds-a-logo-bee-i.jpg) center no-repeat;background-size:84px;} .smart-a-operator li.smart-a-tele2 {background:url(/design/images/action/2021/auto2021/mds-a-logo-tele-2_i_new.jpg) center no-repeat;background-size:84px;} .smart-a-operator li.smart-a-sotel {background:url(/design/images/action/2018/auto/mds-a-logo-sotel-i.jpg) center no-repeat;background-size:84px;} .smart-a-operator li.smart-a-motiv {background:url(/design/images/action/2021/auto2021/mds-a-logo-motiv_i_new.jpg) center no-repeat;background-size:84px;} .smart-a-operator li.smart-a-yota {background:url(/design/images/action/2019/masp/mds-a-logo-yota-i.jpg) center no-repeat;background-size:84px;} .smart-a-operator li.smart-a-other {background:url(/design/images/action/2019/masp/mds-a-logo-other-i.jpg) center no-repeat;background-size:84px;} .smart-a-operator li.active {-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;border:solid 1px red;} .smart-a-operator li.smart-a-mts.active{background:url(/design/images/action/2021/auto2021/mds-a-logo-mts_new.jpg) center no-repeat;background-size:84px;} .smart-a-operator li.smart-a-megafon.active{background:url(/design/images/action/2018/auto/mds-a-logo-mf.jpg) center no-repeat;background-size:84px;} .smart-a-operator li.smart-a-beeline.active {background:url(/design/images/action/2018/auto/mds-a-logo-bee.jpg) center no-repeat;background-size:84px;} .smart-a-operator li.smart-a-tele2.active {background:url(/design/images/action/2021/auto2021/mds-a-logo-tele-2_new.jpg) center no-repeat;background-size:84px;} .smart-a-operator li.smart-a-sotel.active {background:url(/design/images/action/2018/auto/mds-a-logo-sotel.jpg) center no-repeat;background-size:84px;} .smart-a-operator li.smart-a-motiv.active {background:url(/design/images/action/2021/auto2021/mds-a-logo-motiv_new.jpg) center no-repeat;background-size:84px;} .smart-a-operator li.smart-a-yota.active {background:url(/design/images/action/2019/masp/mds-a-logo-yota.jpg) center no-repeat;background-size:84px;} .smart-a-operator li.smart-a-other.active {background:url(/design/images/action/2019/masp/mds-a-logo-other.jpg) center no-repeat;background-size:84px;} .masp__operator-title {color:#999999;font-size:13px;text-align:center;margin-bottom:40px;} /* */ .smart-i-oper-tab {margin-top:20px;text-align:left;font-size:20px;color:#333;} .smart-i-oper-tab tr td{border-right:solid 1px #d6d6d6;border-bottom:solid 1px #d6d6d6;padding:10px 12px;} .smart-i-oper-tab tr td:last-child{border-right:solid 1px #ccc} .smart-i-oper-tab tr td.small{font-size:14px;} .smart-i-oper-tab tr td.nw {white-space:nowrap;width:142px;} .faq h2, #rrulet h2 {color: var(--action-color) !important;padding:30px 0px 30px 0px ;font-size:24px;text-align:center;font-family:'Roboto-Bold', Sans-serif !important;color:#FFDC23;font-weight:bold;} .smart-a-faq-list {color:#434343;font-size:1.3em;background:#d6d6d6;} .smart-a-faq-list ul { padding:0px 0px; } .smart-a-faq-list li {border-bottom:solid 1px #fff;border-left:solid 1px #d6d6d6;border-right:solid 1px #d6d6d6;border-top:solid 1px #d6d6d6;padding:10px 0px 10px 20px ;cursor:pointer;} .smart-a-faq-list li:hover , .smart-a-faq-list li.active {background:#fff;border:solid 1px #d6d6d6;-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;} .smart-a-faq-list li img.arrow {margin:10px 30px;} .smart-a-faq-list li div p{padding:20px 10px 20px 25px ;font-size:16px;color:#000;width:70%;cursor:default;} .smart-a-faq-list a {color:#434343;text-decoration:none;border-bottom:none;} .smart-a-faq-list ul.list {margin-top:10px;margin-left:50px;width:100%;} .smart-a-faq-list ul.list li {list-style-type:square;font-size:14px !important;padding:7px 2px;border:none;} .p-info {margin-top:10px;margin-bottom:5px;width:80%;display:block;font-size:14px !important;} .resultError{background-color: #d9534f; border: 1px solid #c12e2a; color: #FFFFFF; padding: 15px; margin-top: 20px;text-align: center;} /* форма проверки телефона */ .phone_form .item {margin:10px;} .phone_form .item:nth-child(1), .phone_form .item:nth-child(2) {width:23%;} .phone_form input[type='text'] {width:100%;margin:0 auto;border:solid 1px #000;font-size:1.3em;padding:5px;font-family: 'pts-r', Tahoma, 'Sans Serif', Arial !important;color:#666;margin-bottom:10px;} .phone_form .check_phone_button { background: url(/design/images/action/2018/auto/auto_check_phone.png) no-repeat; width: 174px; height: 41px; border: 0px; cursor: pointer; } .message {width:60%;margin:0 auto;color:#666;border-radius:10px;padding:10px;color:#000;display:none;} .message a{color:#fff;font-weight:bold;} .message.message_progress {background:rgba(215,215,215,.5);} .message.message_phone_found {background:rgba(206,255,101,.5);color:#666;} .message.message_phone_notfound {background:rgba(255,14,48,.5);color:#fff;} .message.message_phone_notfound a{font-size:1.1em;} .message.message_phone_notfound a:hover{color:#eb1900;} .auto_form .row {margin:10px;} .auto_form .row:nth-child(1), .auto_form .row:nth-child(2) {width:40%;} .auto_form .row:nth-child(3), .auto_form .row:nth-child(4), .auto_form .row:nth-child(5) {width:22%;} .auto_form .row:nth-child(6), .auto_form .row:nth-child(7) {width:34%;} .auto_form input[type='text'], .auto_form input[type='email'], .auto_form textarea, .auto_form select {width:100%;margin:0 auto;border:solid 1px #e5e5e5;font-size:1.3em;padding:5px;font-family: 'pts-r', Tahoma, 'Sans Serif', Arial !important;color:#666;margin-bottom:10px;} .auto_form select option{color:#666;} .next_step_gimn_button {background:url(/design/images/action/2018/auto/button_gimn.png) no-repeat;width:352px;height:40px;border:0px;margin-top:40px;cursor:pointer;} .next_step_back_button {background:url(/design/images/action/2018/auto/button_back.png) no-repeat;width:110px;height:40px;border:0px;margin-top:40px;cursor:pointer;} .next_step_reg_button {background:url(/design/images/action/2018/auto/button_reg.png) no-repeat;width:260px;height:40px;border:0px;margin-top:40px;cursor:pointer;} input.next_step_reg_button[disabled='disabled'] {opacity:0.3;filter: alpha(opacity=30);cursor:help;background:url(/design/images/action/2018/auto/button_reg_i.png) no-repeat;width:352px;height:40px;border:0px;cursor:pointer;} .buttons div{width:260px;text-align:center;} .buttons div:first-child{width:250px;} .next_step_reg_more_button {background:url(/design/images/action/2018/auto/button_return.png) no-repeat;width:356px;height:40px;border:0px;margin-top:40px;} #auto_game_close {font-size:2rem;cursor:pointer;} .pts-r {font-family: 'pts-r', Tahoma, 'Sans Serif', Arial !important;} .bebas {font-family: 'bebas', Tahoma, 'Sans Serif', Arial !important;} /*Фоновая обёртка начиная с остатка в банке*/ .masp__back-wrap { width:100%; background: url('/design/images/action/2019/masp/masp_bg.jpg?v=4') top center no-repeat; } .masp__content{ margin:0 auto; } /* разделы */ section {width:100%;} section.anonce { height:auto;margin:80px 0px 0px 0px;padding:0px 0px 0px 0px ; background:#fff; /*background: linear-gradient(90deg, #280C4B 0%, #040056 100%);*/ } section.bank { padding:40px 0px 0px 0px ; background: #314675; /*background: -webkit-linear-gradient(174.47deg, #314675 3.37%, #4C70AA 152.25%);;*/ /*background: linear-gradient(174.47deg, #314675 3.37%, #4C70AA 152.25%);;*/ background: var(--action-color); } section.bank .bank-title { font-size: 95.7px; text-transform:uppercase; font-family:'Roboto-Bold', Sans-serif !important; color:#fff; font-weight:bold; margin-left: -2px; } @media (max-width: 768px){ section.bank .bank-title {} } @media (max-width: 540px){ section.bank p { font-size: 12px !important;} } @media (max-width: 414px){ section.bank .bank-title {font-size: 64.7px;} } @media (max-width: 412px){ section.bank .bank-title {font-size: 64.7px;} } @media (max-width: 390px){ section.bank .bank-title {font-size: 64.7px;} } @media (max-width: 375px){ section.bank .bank-title {font-size: 64.7px;} } @media (max-width: 360px){ section.bank .bank-title {font-size: 61.9px;} } @media (max-width: 340px){ section.bank .bank-title {font-size: 58.9px;} } @media (max-width: 320px){ section.bank .bank-title {font-size: 54.9px;} } section.bank .summa-descr {font-weight:normal;padding:40px 160px;text-align:center;font-size:27px; line-height:29px;color: #fff;} @media (max-width: 1024px){ section.bank .summa-descr {font-weight:normal;padding:40px 60px;} } section.bank .summa {font-size:60px;text-transform:uppercase;color:#FFFFFF;} section.bank .summa-wrap{ width: 410px; margin:0 auto; /*background: #D6233F;*/ background: #FFAE11; padding:20px 0; margin-top: -32px; } @media (max-width: 540px){ section.bank .summa-wrap { margin-top: -26px !important; } } @media (max-width: 414px){ section.bank .summa-wrap { width: 281px !important; } } @media (max-width: 390px){ section.bank .summa-wrap { width: 278px !important; } } @media (max-width: 375px){ section.bank .summa-wrap { margin-top: -26px !important; } } section.bank .summa-all-prize{ font-size:60px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: stretch; } section.bank .summa-sign{ font-size:3rem; color:#FFFFFF; } .smart_static_icon{ margin-top:5px; } section.bank .bank_auto04{ position: absolute; z-index: 1; right:0px; top:0px; } section.bank .bank_auto03{ position: absolute; z-index: 1; left:0px; bottom:0px; } section.bank .bank_auto02{ position: absolute; z-index: 1; left:0px; bottom:0px; } section.bank .bank_auto02{ position: absolute; z-index: 1; left:0px; bottom:0px; } section.bank .bank_auto01{ position: absolute; z-index: 1; right:0px; bottom:0px; } @media (max-width: 1600px){ section.bank .bank_auto01, section.bank .bank_auto02 {width:400px;height:auto;} section.bank .bank_auto03, section.bank .bank_auto04 {width:100px;height:auto;} } @media (max-width: 1480px){ section.bank .bank_auto01, section.bank .bank_auto02 {width:300px;height:auto;} } @media (max-width: 1080px){ section.bank .bank_circle01, section.bank .bank_circle02 {display:none;} } section.bank .fond__timeline{ margin:60px 0; } /* остаток в банке */ .bank_balance{ margin:0 auto; width: 1603px; height: 280px; background: url('/design/images/action/2022/auto2022/bank_balance_elips.png?v=5') bottom center no-repeat; margin-bottom:0 !important; position: relative; z-index: 5; color: #FFFFFF; } .bank_balance-title{ font-family: "Roboto-Thin", Sans-Serif !important; font-size:40px; font-weight:normal; line-height: 45px; padding:40px 0 0px 0 ; } .bank_balance-title span{ font-size:30px; padding:0 0 5px 0; display: block; } .bank_balance-title b{ font-weight:bold; } .bank_balance_description{ color:#FFFFFF; font-size: 19px; line-height: 22px; } @media only screen and (max-width: 1080px){ .bank_balance_description{ width: 90%; margin:0 auto; } } .bank_balance-cout{ font-weight: bold; text-transform:uppercase; font-size: 44px; } .bank_balance-cout span{ text-transform:lowercase; } .bank_balance-star{ margin:10px 0; color:#50e0eb; color:#fff; text-align:left; font-weight: normal; /*text-shadow: 1px 1px 2px #a919fe;*/ font-size: 19px; white-space: normal; } .bank_balance-cout span{ font-family: "Roboto-Thin", Sans-Serif !important; } @media (max-width: 1080px){ .bank_balance{ width: 100% !important; height:400px; background-size: 100% 100%; display: flex; flex-direction: row-reverse; flex-wrap: wrap; justify-content: center; align-items: flex-end; align-content: flex-end; background: url('/design/images/action/2022/auto2022/bank_balance_elips1024_red.png?v=2') bottom center no-repeat; padding-bottom:20px; } .bank_balance-title{font-size:2rem;width:100%;} .bank_balance-cout{font-size:2rem;margin-bottom:20px;width:100%;} #bank .ma.tac , .bank_balance{ width: 100%; background-size: contain; } } @media (max-width: 768px){ .bank_balance-title{width:100%;} .bank_balance-cout{margin-bottom:20px;width:100%;} } @media (max-width: 560px){ .bank_balance{ height: 220px !important; } } /* график остатка */ .auto2021__bank_grafik{ margin: 0 auto; position: relative; width: 1000px; /*height: 189px;*/ height: 94px; } .auto2021__bank_grafik_00{ position: relative; z-index: 5; width: 1000px; height: auto; } .auto2021__bank_grafik_01{ position: absolute; z-index: 5; /*background: #D6233F;*/ background: #FFAE11; bottom:112px; right:32px; height: 6px; width: 936px; rotate: 180deg; display: flex; justify-items: flex-end; align-content: first baseline; } .auto2021__bank_grafik_02{ position: absolute; z-index: 2; background: #FFFFFF; bottom:112px; right:36px; height: 5px; width: 932px; } @media only screen and (max-width: 1024px){ .auto2021__bank_grafik, .bank_auto01, .bank_auto02, .bank_auto03, .bank_auto04{ display: none; } .bank_balance-star{ padding: 0 20px 0px 20px; margin:0 auto; } } /* Главный приз */ .main-gift__img { max-width: 100%; vertical-align: bottom; object-fit: cover; } .photo-gallery__content { /*transform: translateY(-100%);*/ margin: -10% 0 0; } .photo-gallery__list { display: flex; align-items: center; } .photo-gallery__list .slick-list { background: rgba(255, 255, 255, 0.64); padding: 17px 0; backdrop-filter: blur(5px); max-width: calc(100% - 110px); margin-inline: auto; } .photo-gallery__list :is(.slick-prev.slick-arrow, .slick-next.slick-arrow) { position: absolute !important; width: 55px !important; height: 100% !important; min-width: 55px !important; top: initial !important; left: initial !important; right: initial !important; bottom: initial !important; transform: none !important; background: #fff !important; } .photo-gallery__list .slick-next.slick-arrow { right: 0 !important; top: 0 !important; } .photo-gallery__list :is(.slick-prev, .slick-next)::before { position: absolute !important; width: 100% !important; height: 100% !important; top: 0 !important; left: 0 !important; content: '' !important; } .photo-gallery__list .slick-prev:before { background: url(/design/images/action/2022/auto2022/main-gift/arrow_prev.svg) no-repeat !important; background-position: center !important; background-size: auto !important; } .photo-gallery__list .slick-next:before { background: url(/design/images/action/2022/auto2022/main-gift/arrow_next.svg) no-repeat !important; background-position: center !important; background-size: auto !important; } .photo-gallery__img { object-fit: cover; vertical-align: bottom; cursor: pointer; } .photo-gallery__list .slick-slide + .slick-slide .photo-gallery__img { padding-right: 15px; } @media screen and (max-width: 1750px) { .photo-gallery__img { max-width: 100%; height: auto; aspect-ratio: 292/214; } } @media screen and (max-width: 1024px) { .photo-gallery__content { margin: -24% 0 0; } } @media screen and (max-width: 430px) { .main-gift__img, .photo-gallery__img { width: 100%; } .photo-gallery__content { margin: 0; } .photo-gallery__list .slick-list { padding: 17px 0; max-width: calc(100% - 50px); } .photo-gallery__list :is(.slick-prev, .slick-next) { display: block !important; } .photo-gallery__list .slick-slide + .slick-slide .photo-gallery__img { padding: 0 20px; } } /* terms */ .about__terms_container { background-image: url(/design/images/action/2022/auto2022/main-gift/terms__bg.png); background-image: url(/design/images/action/2022/auto2022/main-gift/terms__bg.png), linear-gradient(180deg, #D6233F -5.63%, #A31F31 117.45%); background-repeat: no-repeat; background-position: top center; background-size: cover; } .terms__list { max-width: 995px; display: flex; margin-inline: auto; justify-content: space-between; align-items: center; padding: 1rem 0; } .terms__item { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; row-gap: 20px; padding: 2rem 0; } .terms__paragraph { font-family: inherit; font-weight: 500; font-size: 15px; line-height: 18px; color: #fff; } @media screen and (max-width: 1024px) { .about__terms_container { background-image: url(/design/images/action/2022/auto2022/main-gift/terms__bg_tablet.png); background-image: url(/design/images/action/2022/auto2022/main-gift/terms__bg_tablet.png), linear-gradient(180deg, #D6233F -5.63%, #A31F31 117.45%); background-repeat: no-repeat; background-position: top center; background-size: cover; } .terms__list { max-width: 735px; } } @media screen and (max-width: 769px) { .about__terms_container { background: linear-gradient(180deg, #D6233F -5.63%, #A31F31 117.45%); } .terms__list { max-width: 100%; padding: 20px 2rem; flex-direction: column; row-gap: 29px; } .terms__item { row-gap: 10px; padding: 0; } .terms__ic { max-width: 50px; max-height: 50px; } } /* terms */ /* schemes */ .schemes__content { max-width: 995px; margin: 51px auto; display: flex; justify-content: center; column-gap: 20px; } .schemes__content img { vertical-align: bottom; max-width: 100%; } @media screen and (max-width: 1025px) { .schemes__content { max-width: 100%; padding: 0 15px; } } @media screen and (max-width: 911px) { .map__container { max-width: calc(50% - 10px); } .map__container iframe { max-width: 100%; } } @media screen and (max-width: 429px) { .schemes__content { padding: 0; margin: 0; flex-direction: column; } .schemes__content img { width: 100%; } .map__container { max-width: 100%; min-height: 300px; } .map__container iframe { height: 300px; } } /* schemes */ /* review */ .about__review_container { background: linear-gradient(174.47deg, #314675 3.37%, #4C70AA 152.25%); padding: 75px 0; } .section__header { font-weight: 700; font-size: 44px; line-height: 47px; text-transform: uppercase; text-align: center; margin: 0 0 40px; color: #fff; font-family: inherit; } .review__list { display: flex; justify-content: center; column-gap: 20px; flex-wrap: wrap; width: 1000px; margin: 0 auto; } .review__item { margin-bottom: 20px; max-width: 449px; height: 240px; width: 100%; background: rgba(0, 7, 43, 0.6); } .review__button { width: 100%; height: 100%; border: none; background: transparent url(/design/images/action/2022/auto2022/main-gift/play.svg) no-repeat; background-position: center; background-size: auto; cursor: pointer; } @media screen and (max-width: 1024px) { .review__list { max-width: 100%; padding: 0 51px; } .review__item { max-width: calc(50% - 12px); height: auto; aspect-ratio: 16/9; } } @media screen and (max-width: 630px) { .about__review_container { padding: 30px 0; } .section__header { font-size: 22px; margin: 0 0 10px; } .review__list { flex-direction: column; row-gap: 20px; } .review__item { max-width: 100%; } } /* review */ /* Главный приз */ section.rules .item {width:30%;padding-bottom:20px;} section.rules .item .instr_info{width:50%;} section.rules .item div.up{padding:20px;} section.how {padding:20px 0px 0px 0px ;min-height:760px;} section.how .how__info {margin-top:554px;} section.how .how__balance {background:#00617a;width:330px;padding:15px;color:#8be7ff;font-weight:bold;top:63%;left:80px;} section.how .how__balance .how__balance__index span{font-size: 16px !important;} section.how .how__balance .how__balance__index i{font-weight:normal;font-style:normal;font-size:0.95em;} section.how .how__balance .how__balance__text {font-size:1.6em;white-space:nowrap;} section.how .how__balance .how__balance__index{font-size:2.5em;white-space:nowrap;} section.rrulet { background: #fff !important; /*background: linear-gradient(90deg, #5C258D 0%, #4389A2 100%);*/ /*box-shadow: 0px 9.87654px 19.7531px rgba(0, 0, 0, 0.1);*/ min-height:345px; max-height:645px; } .rrulet-title{ font-family: 'Roboto-Bold', Sans-Serif; font-style: normal; font-weight: bold; font-size: 44px !important; line-height: 47px; text-align: center; /*color: #FFFFFF;*/ color:#224079 !important; text-transform: uppercase; } section.winners { /*background: url('/design/images/action/2022/auto2022/winners_bg.png?v=001') center center no-repeat;*/ background: url('/design/images/action/2022/auto2022/winners_bg_def.png') center center no-repeat; min-height:300px; border: solid 1px transparent; } @media only screen and (max-width: 1024px){ section.winners { background: linear-gradient(174.47deg, #314675 3.37%, #4C70AA 152.25%) url('/design/images/action/2022/auto2022/winners_bg1080.png') center center no-repeat; background-size: 100% 100%; } section.winners .winners-title {color: #FFFFFF !important;} } @media only screen and (max-width: 1023px){ section.winners { /*background: linear-gradient(174.47deg, #314675 3.37%, #4C70AA 152.25%);*/ background: var(--action-color); color: #FFFFFF !important; } section.winners .winners-title {color: #FFFFFF !important;} section.winners p, section.winners .superprize__owners-prize-nodetect, section.winners .white {color: #fff !important;} section.winners .smart__winners-btn {border: 1px solid #FFFFFF !important;color:#fff;} } section.winners .winners-title{ font-family: 'Roboto-Bold', Sans-Serif !important; text-transform: uppercase; font-weight: bold; font-size: 44px; line-height: 47px; } .smart__winners-btn { display: flex; justify-content: center; align-items: center; align-content: center; width: 280px; min-height:46px; max-height:80px; cursor:pointer; border: solid 1px currentColor; color: var(--action-color); text-align:center; border-radius: 20px; background: url('/design/images/action/2022/auto2022/keyboard_arrow_right_blue.png?v=2') right center no-repeat; font-size: 10px; padding: 0px 30px; transition: all 0.2s ease-in-out; text-decoration: none; margin:0 auto; margin-bottom:30px; text-transform: uppercase; font-weight: bold; } .smart__winners-btn:hover { background: #FFAE11 url('/design/images/action/2021/auto2021/keyboard_arrow_right.png?v=001') right center no-repeat; border-radius: 20px; color: #fff; border: none; text-align:center; border:none; transition: all 0.2s ease-in-out; border: none; } .winners_info_btn { display: flex; justify-content: center; align-items: center; align-content: center; width: 270px; min-height:46px; max-height:80px; cursor:pointer; border:solid 1px #000000; color: #999999; text-align:center; border-radius: 20px; background: url('/design/images/action/2020/smart/keyboard_arrow_left.png') left center no-repeat; font-size:14px; padding: 0px 30px; transition: all 0.2s ease-in-out; text-decoration: none; margin:0 auto; margin-bottom:30px; } .winners_info_btn:hover { background: #FFAE11 url('/design/images/action/2020/smart/keyboard_arrow_left.png') left center no-repeat; border-radius: 20px; color: #000000; text-align:center; border:none; transition: all 0.2s ease-in-out; } .roulette-winners-list { margin-bottom: 60px; } .roulette-winners-list li { display: inline-block; padding: 0 13px; border-right: 1px solid #737373; position: relative; cursor: pointer; margin-bottom: 20px; } .winner-blk a { color: #007087; } .winner-blk { display: block; margin-bottom: 50px; min-height: 311px; } .price-image { max-width: 100%; } .price-0, .price-1, .price-2, .price-3, .price-4 { display: none; } .show-mode { display: block !important; } .roulette-winners-list li.active .image-shadow { display: none; } .roulette-winners-list li.active .winner-blk { display: block !important; } .roulette-winners-list li:last-child { border-right: 0; } .roulette-winners-icon { width: 170px; height: 170px; border-radius: 50%; object-fit: cover; border: 1px solid #737373; margin-bottom: 15px; } .car-name, .roulette-winners-name{ color: #bbb; font-style: italic; font-size: 18px; } .roulette-winners-name { color: #fff; min-height: 23px; margin-bottom: 5px; } .winners-photos-list li { display: inline-block; width: 24%; } .winners-photos-image { height: 202px; width: 242px; max-width: 100%; object-fit: cover; } .comment-wrapper { text-align: center; color: #fff; margin-bottom: 25px; } .image-shadow { width: 170px; height: 170px; background: rgba(0,0,0,.5); position: absolute; top: 0; border-radius: 50%; } .price-wrapper { display: flex; } .price-blk { display: inline-block; width: 410px; margin: auto; } .pd-text { font-size: 27px; color: #fff; text-transform: uppercase; } .price-btn { margin: 25px 0; background: transparent; border: 2px solid #fff; font-size: 28px; color: #fff; text-transform: uppercase; padding: 13px 25px; cursor: pointer; } .price-btn:focus { outline: none; } .price-btn:active { box-shadow: inset 1px 2px 3px rgba(255,255,255,.4); transform: scale(.99); } /*Обладатели автомобилей*/ .superprize__owners{ margin:0 auto; width:750px !important; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; align-content: stretch; margin-top:40px; margin-bottom:40px !important; } @media (max-width: 1024px){ .car__owners{flex-wrap: wrap;} .superprize__owners { width:100% !important; flex-wrap: wrap; justify-content: center; } } .superprize__owners-item{ opacity: 1.0; width: 20%; } @media (max-width: 1024px){ .superprize__owners-item{ margin-bottom:60px; width: 48%; } } @media (max-width: 550px){ .superprize__owners-item{ margin-bottom:60px; width: 58%; } } .superprize__owners-item_fade{ opacity: 0.3; } .superprize__owners-foto{ display: block; width:136px; height: 136px; margin: 0 auto; border-radius: 136px; } .superprize__owners-img{ display: block; border-radius: 136px; width:136px; height: 136px; transition: all 0.2s ease-in-out; } .superprize__owners-item:hover .superprize__owners-img{ display: block; width:132px; height: 132px; padding:4px; transition: all 0.2s ease-in-out; } .superprize__owners-item .superprize__owners-img-fade{ display: block; width:132px; height: 132px; padding:4px; border:solid 1px #fff; transition: all 0.2s ease-in-out; } .superprize__owners-item:hover .superprize__owners-img-fade{ display: block; width:136px; height: 136px; padding:4px; border:solid 1px #fff; transition: all 0.2s ease-in-out; } .superprize__owners-name { text-align:center; /*color: #2A3555;*/ color: var(--action-color); font-size:16px; width:100%; margin: 0 auto; display: block; white-space: normal; } .superprize__owners-item_fade .superprize__owners-name{ font-size:14px; } .superprize__owners-prize{ color: var(--action-color); width:98%; font-size:19px; margin: 0 auto; display: block; margin-top:10px; padding:3px; text-align: center; font-weight: bold; } .superprize__owners-prize-nodetect{ color: var(--action-color); width:98%; font-size:19px; margin: 0 auto; display: block; margin-top:10px; padding:3px; text-align: center; } .smart__footer { /*background: linear-gradient(174.47deg, #314675 3.37%, #4C70AA 152.25%);*/ background: var(--action-color); } #sitestat {width:1px;} .smart__gamename { width:1px; height:1px; position: relative; left:-8000px;position:absolute; } .full, .wide {width: 100% !important;} .fix {width: 1004px !important;} .flex {display:flex; justify-content:center;flex-wrap:wrap;} .ma {margin: 0 auto} .pa {position:absolute;} .pr {position:relative;} .fl {float:left} .fr {float:right} .clear {height:1px;clear:both;} .red {color:red;} .brb {border:solid 1px red;} .errorfill {border:solid 1px red !important;} .systemAlert {max-width: 600px !important;} ul, li {list-style-type:none;} .bg000 {background:#000;} .bgfff {background:#fff;} .tac {text-align:center;} .tal {text-align:left;} .tar {text-align:right;} .block {display:block;} .black , a.black{color:#000;} .mt20 {margin-top:20px;} .mt40 {margin-top:40px;} .mt100 {margin-top:100px;} .mb20 {margin-bottom:20px;} .mb40 {margin-bottom:40px;} .mb100 {margin-bottom:100px;} .h40 {height:40px;} .h20 {height:20px;} .h100 {height:100px;} .white {color:#fff !important;} .dark {color: var(--action-color) !important;} .point {cursor:pointer;} .w60p {width:60%} .big {font-size:2em;} .extrabig {font-size:2.5em;} .notbig {font-size:1.2em;} strong.big {font-size:3em;} .up {text-transform:uppercase;} .blue , .blue label a{color:#007087 !important;} .m20 {margin:20px;} .ml20 {margin-left:20px;}.ml10 {margin-left:10px;} .p10 {padding:10px;}.p20 {padding:20px;} .middle_title {padding:30px;} .hide {overflow:hidden;} .fade:hover {opacity:0.7;filter: alpha(opacity=70); -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;} h1 {font-size:2em;margin-bottom:20px;} h2 {font-size:1.7em;margin-bottom:20px;} ul.disc li {list-style-type:disc ;margin-left:20px;} body.gamename {position:absolute;left:-1000px;width:1px;height:1px;} .alert-danger {background:#EEC0CD;color:#000;font-size:1em;text-align:center;margin:10px 0px 10px 0px;padding:10px 0px 10px 0px ;width:98%;} .alert-success {background:#D2E4C8;color:#000;font-size:1em;text-align:center;margin:10px 0px 10px 0px;padding:10px 0px 10px 0px ;width:98%;} .vk-comment-text {margin:15px 15px 15px 15px;-moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px;background:#f1f1f1;width:95%;padding:10px;font-size:15px;color:#000000;text-align:center;} .vk-comment-complaint {margin:0 auto;width:240px;text-align:center;background:#cccccc;background: linear-gradient(to top, #ffffff, #cccccc);border-radius:5px;padding:5px;box-shadow: 0px 0px 2px 0px #666666;-moz-box-shadow: 0px 0px 2px 0px #666666;-webkit-box-shadow: 0px 0px 2px 0px #666666;margin-top:10px;} .vk-comment-complaint a.none, .vk-comment-complaint a.none:hover{text-decoration:none;border-bottom:none;color:#666666 !important;} .vk-comment-complaint:hover {opacity:0.7;filter: alpha(opacity=70);} body{background:#fff;overflow-x: hidden !important; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased;} .auto__menu__wrap { top:0px;width:100%;height:80px; position:fixed;z-index:10; /*background: linear-gradient(174.47deg, #314675 3.37%, #4C70AA 152.25%);*/ background: var(--action-color); } .auto-a-menu {width:850px;} .auto-a.layout {min-height:2000px;} .menu { display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; margin-top:-5px; } .menu li a, .menu li { width:120px; font-size:12px; color:#fff; text-decoration:none; border-bottom:none; outline:none; text-align: center; text-transform: uppercase; } .menu li.logo.gazprombank { width:220px; padding:0 20px 0 20px; } .menu li:nth-child(1) { color:#fff; white-space: nowrap; text-align:center; position:relative; } .menu li:nth-child(1):after { position: absolute; content:''; z-index: 5; display: block !important; width:130px; height: 2px; border-radius: 0px; background: #FFAE11; top:22px; transition: all 200ms ease-in-out; } .menu li:nth-child(1):hover:after { position: absolute; content:''; z-index: 5; display: block !important; width:35px; height: 2px; border-radius: 0px; background: #FFAE11; top:22px; transition: all 200ms ease-in-out; } .menu li.active a{color:#ffc700; -webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;outline:none;} .menu li a:hover {color:#ffc700; -webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;outline:none;text-decoration:none;} .auto__menumobile__wrap { top: 0px; width: 100%; height: 85px; /*background: linear-gradient(174.47deg, #314675 3.37%, #4C70AA 152.25%);*/ background: var(--action-color); position: fixed; z-index: 10; } .mobile_menu { width: 52%; right: 0px; top: 85px; padding: 10px; font-size: 1.2em; position: absolute; /*background:#395284;*/ background: var(--action-color); } .mobile_menu li {padding:10px 5px;} .mobile_menu li.active a{color:#F5E5B2; -webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;outline:none;} .mobile_menu ul li a {color:#fff;} .main_menu_control.open {width :32px;height:32px;right:22px;top:28px;background:url('/design/images/action/2022/auto2022/auto_menu.png') no-repeat;background-size:32px;z-index:10;cursor:pointer;padding:5px 5px;} .main_menu_control.close {width :32px;height:32px;right:22px;top:28px;background:url('/design/images/action/2022/auto2022/auto_close.png') no-repeat;background-size:32px;z-index:10;cursor:pointer;padding:5px 5px;} #main_m_menu_close ul li:before {content:"»";margin-right:10px;color:#ffa200;} .tg_mobile_ico { display:inline-block; width: 18px; height: 18px; background: url('/design/images/action/2021/auto2021/telegram.png') center center no-repeat; background-size: contain; } .gp_logo_link{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: center; position: absolute; top: 23px; left: 130px; } /*Хочу участвовать*/ .start_game_btn{ display: block; width: 165px; height: 40px; background:url('/design/images/action/2020/smart/smart_startgame_btn.svg') center center no-repeat; background-size: 100% 100%; position: absolute; bottom:40px; left: 42%; transition: all 200ms ease-in-out; } .start_game_btn:hover{ display: block; width: 170px; height: 44px; position: absolute; bottom:38px; left: 42.5%; transition: all 200ms ease-in-out; } @media (max-width: 1080px){ .start_game_btn{display:none;} } .faq-title {color:var(--action-color);padding:30px 0px 30px 0px ;text-align:center;font-size: 44px;line-height: 47px;text-transform: uppercase;font-weight:bold;font-family: 'Roboto-Bold', Arial, Tahoma, "Sans-Serif" !important;} .mds-a-faq-list {color:#999;font-size:1.1em;background:transparent;margin-bottom:60px;} .mds-a-faq-list ul { padding:0px 0px; } .mds-a-faq-list li.faq_row {border-bottom:solid 1px #999;border-left:solid 1px transparent;border-right:solid 1px transparent;border-top:solid 1px transparent;padding:10px 0px 10px 10px ;cursor:pointer;} .mds-a-faq-list li.faq_row:hover , .mds-a-faq-list li.faq_row.active { /*background: linear-gradient(174.47deg, #314675 3.37%, #4C70AA 152.25%);*/ background: var(--action-color); transition: all 200ms ease-in-out; color:#fff;border:none; } .mds-a-faq-list li.faq_row img.arrow {margin:10px 30px;} .mds-a-faq-list li.faq_row div p{padding: 5px 15px 5px 15px;font-size:16px;color:#272727;cursor:default;white-space: normal;width: 98%;} .mds-a-faq-list li.faq_row:hover div p{padding: 5px 15px 5px 15px;font-size:16px;color:#fff;cursor:default;white-space: normal;width: 98%;} .mds-a-faq-list li.faq_row.active div p{color:#fff;} .mds-a-faq-list a {color:#999;text-decoration:underline;border-bottom:none;position:relative;z-index:3;} .mds-a-faq-list li.faq_row.active a, .mds-a-faq-list li.faq_row:hover a {color:#fff;} .mds-a-faq-list li.faq_row:not(:hover) span.faq-open-title{ color:#000; } .mds-a-faq-list li.faq_row:hover span.faq-open-title{ color:#fff; } .mds-a-faq-list li.faq_row span, .mds-a-faq-list li.faq_row div {white-space: normal;} .mds-a-faq-list ul.list {margin-top:10px;margin-left:50px;width:100%;} .mds-a-faq-list ul.list li.faq_row {list-style-type:square;font-size:14px !important;padding:7px 2px;border:none;} .p-info {margin-top:10px;margin-bottom:5px;width:80%;display:block;font-size:14px !important;} .mds-a-faq-list li.faq_row ul {margin-left:40px;} .mds-a-faq-list li.faq_row ul li {list-style-type:square;font-size:14px !important;padding:7px 2px;border:none;} /*Категории вопросов*/ .masp__faqcatlist{display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-around; align-items: center; align-content: center; margin-bottom: 20px; } .masp__faqcitem {display:flex; cursor:pointer;align-content: center;justify-content: center;border-right:solid 2px #C8C8C8;padding-left:20px;} .masp__faqcitem:nth-child(4){border-right:none !important;} .masp__faqcitem.active {border-bottom:none;} .masp__faqcitem:hover .masp__faqcitem-ico , .masp__faqcitem:hover .masp__faqcitem-title, .masp__faqcitem.active .masp__faqcitem-ico, .masp__faqcitem.active .masp__faqcitem-title {opacity:1.0 !important;transition: all 0.2s ease-in-out;} .masp__faqcitem-ico { width:45px !important; height:42px !important; background-size: 100% 100% !important; opacity:0.5; margin-top:4px; } .masp__faqcitem-title { margin:5px 25px 15px 15px; color:#000; font-size:17px; opacity:0.5; white-space:normal; } @media (max-width: 970px){ .masp__faqcitem-title {text-align:left;font-size:14px !important;width: 60%;} } @media (max-width: 756px){ .masp__faqcitem{width:100%;margin:0 auto;padding-left: 0px;} .masp__faqcitem-title {text-align:left;} .masp__faqcitem .masp__faqcitem-ico , .masp__faqcitem .masp__faqcitem-ico:hover{ width: 44px !important; height: 45px !important; background-size: 100% 100% !important; opacity: 0.5; margin: 14px 0 0 15px; background-color: none; background-position: 5px 2px; } .masp__faqcitem.active .masp__faqcitem-ico, .masp__faqcitem.active .masp__faqcitem-ico:hover{ width: 44px !important; height: 45px !important; background-size: 100% 100% !important; opacity: 0.5; margin: 14px 0 0 15px; background-color: #fff !important; background-position: 5px 2px; } } @media (max-width: 600px){ .masp__faqcatlist{flex-wrap:wrap;width:100%;margin:0 auto;margin-bottom:20px;} .masp__faqcitem.active{ /*background: linear-gradient(174.47deg, #314675 3.37%, #4C70AA 152.25%);*/ background: var(--action-color); } .masp__faqcitem .masp__faqcitem-title{width:80%;padding:18px;} .masp__faqcitem-ico {width: 40px; background:#fff;border-radius:50%;} .masp__faqcitem {padding-left: 20px;} .masp__faqcitem-title {text-align:left;margin-top:15px;} .masp__faqcitem.active .masp__faqcitem-title {color:#fff;} .masp__faqcitem-ico{margin-top:20px;} } .vk {padding-top:30px;} .invis, .for__mobile {display:none;} .prize_pic_wrap {width:999px;height:219px;} .prize_pic_wrap_link {width:100%;height:219px;z-index:15;} .prize_pic {z-index:1;top:0px;left:0px;} .vitara {width:30%;height:219px;display:block;} .sx {width:25%;height:219px;display:block;} .jimny {width:45%;height:219px;display:block;} .masp__prize-title {margin-top:40px;text-align:center;} @media (max-width: 1024px){ .masp__prize{height:300px;} .masp__prize-title {margin-top:20px;} } .prize_about01, .prize_about02, .prize_about03 {display:none;} /* .auto__top_img {width:100%;height:750px;z-index:1;padding-top:60px;background:url('/design/images/action/2021/auto2021/header2021_new9a.jpg?v=1') bottom center no-repeat;} */ /* .auto__top_img {width:100%;height:744px;z-index:1;padding-top:60px;background:url('/design/images/action/2022/auto2022/1920x750px.png?v=001') top center no-repeat;padding-bottom:50px;} */ /* .auto__top_img {width:100%;height:400px;z-index:1;padding-top:60px;background:url('/design/images/action/2022/auto2022/1920х400header_money.png') top center no-repeat;padding-bottom:50px;} */ /* .auto__top_img {width:100%;height:400px;z-index:1;padding-top:60px;background:url('/design/images/action/2022/auto2022/1920х400header_money.png?v=001') top center no-repeat;padding-bottom:50px;} */ /* .auto__top_img {width:100%;height:400px;z-index:1;padding-top:60px;background:url('/design/images/action/2022/auto2022/1920х400header_money_NY.png') top center no-repeat;padding-bottom:50px;} */ /* .auto__top_img {width:100%;height:400px;z-index:1;padding-top:60px;background:url('/design/images/action/2022/auto2022/1920x400_mnogo.png') top center no-repeat;padding-bottom:50px;} */ .auto__top_img {width:100%;height:400px;z-index:1;padding-top:60px;background:url('/design/images/action/2023/auto2023/30Years-1920x400.jpg') top center no-repeat;padding-bottom:50px;} @media (max-width: 1920px){ .auto__top_img {height: 420px;width:100% important;background-size:100% auto;} } @media (max-width: 1440px){ .auto__top_img {height: 400px;background:url('/design/images/action/2022/auto2022/1920x400_mnogo.png') top center no-repeat;} } @media (max-width: 1200px){ .auto__top_img {height: 410px;} } @media (max-width: 1080px){ .auto__top_img {height: auto;} } .auto__top_img-slide{ position: absolute; left: calc(100vw - 86%); top:250px; animation: plane 3s infinite; z-index: 10; } @keyframes plane { 0% { transform: translate3d(50px, 40px, 0px); animation-timing-function: ease-in-out; } 50% { transform: translate3d(50px, 50px, 0px); animation-timing-function:ease-in-out; } 100% { transform: translate3d(50px, 40px, 0px); animation-timing-function:ease-in-out; } } @media (min-width: 2400px){ .auto__top_img-slide{left: 22vw;} } @media (max-width: 1600px){ .auto__top_img-slide{left: 5vw;width: 200px;height:auto;transition: all 0.2s ease-in-out;} } @media (max-width: 1380px){ .auto__top_img-slide{width: 200px;height:auto;transition: all 0.2s ease-in-out;} } @media (max-width: 1080px){ .auto__top_img-slide{width: 130px;height:auto;transition: all 0.2s ease-in-out;top:100px;left: calc(100vw - 99%);} } .auto__top_img-mobile_bg{ width:100%; height:auto; } .auto__top_hide-link_auto{ position: absolute; top: 80px; right: 9%; z-index: 10; display: block; width: 300px; height: 220px; } @media only screen and (max-width: 768px){ .auto__top_hide-link_auto { position: absolute; top: 90px; right: 2%; z-index: 10; display: block; width: 100px; height: 120px; } .bank_balance { width: 100% !important; height: 300px; background-size: 100% 100%; display: flex; flex-direction: row-reverse; flex-wrap: wrap; justify-content: center; align-items: flex-end; align-content: flex-end; background: url('/design/images/action/2022/auto2022/bank_balance_elips768_red.png?v=2') bottom center no-repeat; background-size: contain; padding-bottom: 20px; } } .auto__top_hide-link_tv{ position: absolute; top:160px; left:20%; z-index: 1; display: block; width: 300px; height: 350px; } @media only screen and (max-width: 1600px){ .auto__top_hide-link_phone{ position: absolute; top:360px; left:40%; z-index: 10; display: block; width: 500px; height: 70px; } .auto__top_hide-link_tv{ position: absolute; top:160px; left:10%; z-index: 1; display: block; width: 300px; height: 350px; } } @media only screen and (max-width: 1280px){ .auto__top_hide-link_phone{ position: absolute; top:330px; left:40%; z-index: 10; display: block; width: 500px; height: 70px; } .auto__top_hide-link_tv{ position: absolute; top:160px; left:0%; z-index: 1; display: block; width: 400px; height: 350px; } } @media only screen and (max-width: 1080px){ .auto__top_hide-link_phone{ display: none; } .auto__top_hide-link_tv{ position: absolute; top:160px; left:0%; z-index: 1; display: block; width: 80%; height: 250px; } } @media only screen and (max-width: 768px){ .auto__top_hide-link_phone{ display: none; } .auto__top_hide-link_tv{ position: absolute; top:160px; left:0%; z-index: 1; display: block; width: 80%; height: 180px; } } @media only screen and (max-width: 620px){ .bank_balance-title { font-size: 1.4rem; width: 100%; } .bank_balance-title { width: 80%; font-size: 19px; line-height: 24px; } } @media only screen and (max-width: 480px){ .bank_balance-title { width: 70%; font-size: 14px; line-height: 16px; } } @media only screen and (max-width: 360px){ .auto__top_hide-link_tv{ position: absolute; top:100px; left:0%; z-index: 1; display: block; width: 80%; height: 140px; } } .auto__top_link {width:100%;z-index:2;right:355px;top:0px;position:absolute;width:28%;height:23%;} .prize_about {text-align:center;color:#fff;display:none;margin-bottom:60px;} .prize_about h1{text-align:center;color:#fff;font-size:3rem;} .footer { min-height:580px; } .footer.wide.mob {position:relative;width:103% !important; background: #348CAF;min-height:650px !important;overflow:hidden; } .footer.wide.mob .footer-block {font-size:0.6em;width:104% !important;} .footer.wide.mob .footer-block .age {right:30px !important;color:#fff;} .footer-block p.small, .footer-block p.small a { font-size:0.8em;color:#fff; padding-top:10px; } .footer-block a {color:#fff !important;} .footer-menu li {width:200px;} .footer-menu li a{font-size:0.9em;margin-bottom:7px!important;display:block;color:#fff !important;} .footer-menu li b{font-size:1.3em;margin-bottom:5px;display: block;color:#fff !important;} .info-block { margin-top:20px; height:160px;clear:both; } .info-block-small-height { height:15px !important; } .info-block .info-p {white-space:nowrap;overflow:hidden;} .info-block .info-p .media {white-space:nowrap; float:left; margin-left: 8px ; margin-top:10px; width:240px;height:130px; } .info-block .info-p .media , .info-block .info-p object { display:inline-block; width:240px;height:130px; margin: 5px 5px 0px 6px; } .spacer60 {width:60px;width:100%;display:block;} .info-block .info-p .flash:hover , .info-block .info-p .media:hover , .info-block .info-p object:hover , .uchastie:hover { opacity:0.7;filter: alpha(opacity=70); -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;cursor:pointer;} .age {width:30px;text-align:center;padding:2px;border:solid 1px #fff;top:120px;right:10px;} /* постраничник */ .pager {width: 100%; font-size: 16px; margin: 0 auto; margin-bottom:30px; } .pager a { margin: 2px 7px !important ; padding: 2px 3px !important ; color: #495793 !important; text-decoration: none; } .pager span { margin: 2px 7px !important; padding: 2px 3px !important ; color: #495793 !important; text-decoration: none; font-size: 16px !important; border-bottom: solid 2px #495793; } .pager a:hover { /*background: #495793 !important;*/ color: #495793 !important; text-decoration: none; border-bottom: solid 2px #495793; } @media (max-width:1024px){ .superprize__owners-prize,.superprize__owners-prize_name,.pager, .pager a, .pager span, .pager a:hover {color: #FFFFFF !important;} } @media (max-width: 1080px){ .howtoplay-wrap{width:100%;} } /*Как играть в 2021 году*/ .howtoplay{ width:100%; background: #fff; color:#000; } .howtoplay-wrap{ width:1000px; margin:0 auto; padding:60px 0px 30px 0px ; text-align:center; } @media (max-width: 1080px){ .howtoplay-wrap{width:100%;} } .howtoplay-title{ margin:40px 0; font-size: 45px; line-height: 47px; /*color:#224079;*/ color: var(--action-color); font-weight: bold; text-transform: uppercase; font-family: 'Roboto-Bold', Arial, Tahoma, "Sans-Serif" !important; } .howtoplay-wrap-img{ margin:0 auto; display: block; width: 95%; height: auto; } .howtoplay-mob-img{ display: none; } @media (max-width:768px){ .howtoplay-wrap-img{display:none;} .howtoplay-mob-img { display: block; margin:0 auto; width: 60%; height:auto; } } .howtoplay_btn{ display: flex; justify-content:center; align-items: center; width: 260px; min-height:46px; cursor:pointer; border :solid 1px currentColor; /*color:#224079;*/ color: var(--action-color); text-align:center; border-radius: 20px; background: url('/design/images/action/2022/auto2022/keyboard_arrow_right_blue.png') right center no-repeat; font-size:10px; padding: 5px 30px; transition: all 0.2s ease-in-out; text-decoration:none; margin:30px 0; text-transform: uppercase; font-weight: bold; } .howtoplay_btn:hover{ background: #FFAE11 url('/design/images/action/2021/auto2021/keyboard_arrow_right.png') right center no-repeat;; border-radius: 20px; color:#fff; text-align:center; border:none; transition: all 0.2s ease-in-out; } /* crossway */ .crossway{ width: 100%; } .crossway-wrap{ width: 1000px; margin:100px auto 100px auto; } .crossway-title{ margin:40px 0; font-size: 95px; color:#224079; font-weight: bold; text-transform: uppercase; font-family: 'Roboto-Bold', Arial, Tahoma, "Sans-Serif" !important; } .crossway-subtitle{ margin:40px 0; font-size: 44px; color:#FFAE11; font-weight: bold; text-transform: uppercase; font-family: 'Roboto-Bold', Arial, Tahoma, "Sans-Serif" !important; } .crossway__zu_wrap{ position: relative; background: url('/design/images/action/2021/auto2021/line_zu.png?v=4') top right no-repeat; background-size: contain; background-position-x: 220px; height:2650px; } .crossway__animation{ position: relative; z-index: 5; width: 1000px; height: 888px; display: block; } .crossway_img1{ position: relative; z-index: 1; } .marker{ position: absolute; width: 20px; height: 20px; border-radius: 20px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: stretch; } .marker_point{ position: relative; width: 20px; height: 20px; border-radius: 20px; background: #FFC700; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: stretch; } .marker_point:after{ content:''; width: 40px; height: 40px; border:solid 2px #FFC700; border-radius:50%; animation: pulse 1.2s infinite; position: absolute; cursor:pointer; } .marker_point:hover:after{ width: 60px; height: 60px; border:solid 3px #FFC700; animation: pulse 0.2s infinite; transition: all 0.2s ease-in-out; } @keyframes pulse { 0% { transform: scale(2); opacity: 1; } 50% { transform: scale(.15); opacity: 0.1; } 100% { transform: scale(2); opacity: 1; } } .marker_01{ top: 120px; right: 120px; z-index: 3; } .marker_02{ top: 260px; right: 170px; z-index: 3; } .marker_03{ top: 420px; left: 227px; z-index: 3; } .marker_04{ top: 440px; left: 487px; z-index: 2; } .marker_05{ top: 570px; left: 387px; z-index: 2; } .marker_06{ top: 97px; right: 290px; z-index: 2; } .crossway_info{ width: 1px; height: 1px; top: 0px; right: 0px; z-index: 3; } .crossway_info_01 { position: absolute; z-index: 4; opacity: 1; } .marker_01:hover .crossway_info_01, .marker_01:active .crossway_info_01{ z-index:2; width: auto; height: auto; opacity: 1; top:-80px; right: 90px; } .crossway_info_02 { position: absolute; z-index: 6; opacity: 1; } .marker_02:hover .crossway_info_02, .marker_02:active .crossway_info_02{ z-index: 10; width: auto; height: auto; opacity: 1; top:-80px; right: 50px; } .crossway_info_03 { position: absolute; z-index: 6; opacity: 1; } .marker_03:hover .crossway_info_03, .marker_03:active .crossway_info_03{ z-index: 11; width: auto; height: auto; opacity: 1; top:-80px; left: 50px; } .crossway_info_04 { position: absolute; z-index: 6; opacity: 1; } .marker_04:hover .crossway_info_04, .marker_04:active .crossway_info_04{ z-index: 10; width: auto; height: auto; opacity: 1; top:-80px; left: 50px; } .crossway_info_05 { position: absolute; z-index: 6; opacity: 1; } .marker_05:hover .crossway_info_05, .marker_05:active .crossway_info_05{ z-index: 10; width: auto; height: auto; opacity: 1; top:-80px; left: 50px; } .crossway_info_06 { position: absolute; z-index: 4; opacity: 1; } .marker_06:hover .crossway_info_06, .marker_06:active .crossway_info_06{ z-index:2; width: auto; height: auto; opacity: 1; top:-80px; right: 90px; } .crossway__slider{ width: 875px; margin:0 auto 150px auto; } .crossway__slider_item{ position: relative; width: 100%; height: 667px; } .crossway__slider_item-01{ background: url('/design/images/action/2021/auto2021/PEUGEOT/peugeot_01_ok.jpg'); } .crossway__slider_item-02{ background: url('/design/images/action/2021/auto2021/PEUGEOT/peugeot_02_ok.jpg'); } .crossway__slider_item-03{ background: url('/design/images/action/2021/auto2021/PEUGEOT/peugeot_03_ok.jpg'); } .crossway__slider_item-04{ background: url('/design/images/action/2021/auto2021/PEUGEOT/peugeot_04_ok.jpg'); } .crossway__slider_item-05{ background: url('/design/images/action/2021/auto2021/PEUGEOT/peugeot_05_ok.jpg'); } .crossway__slider_item-06{ background: url('/design/images/action/2021/auto2021/PEUGEOT/peugeot_06_ok.jpg'); } .crossway__slider_item-07{ background: url('/design/images/action/2021/auto2021/PEUGEOT/peugeot_07_ok.jpg'); } .crossway__slider_item-08{ background: url('/design/images/action/2021/auto2021/PEUGEOT/peugeot_08_ok.jpg'); } .crossway__slider_item-09{ background: url('/design/images/action/2021/auto2021/PEUGEOT/peugeot_09_ok.jpg'); } .crossway__slider_zoom, .crossway__slider_open {position:absolute; width: 80px;height: 80px;display:block;background-size:contain !important;z-index:4;transition: all 0.2s ease-in-out;cursor:pointer;} .crossway__slider_zoom{bottom:20px;right:110px;background:url('/design/images/action/2021/auto2021/PEUGEOT/image_zoom.png?v=2') no-repeat;} .crossway__slider_open{bottom:20px;right:20px;background:url('/design/images/action/2021/auto2021/PEUGEOT/image_open.png?v=2') no-repeat;} .crossway__slider_zoom:hover, .crossway__slider_open:hover {opacity:0.6;transition: all 0.2s ease-in-out;} @media only screen and (max-width: 768px){ .crossway__slider_zoom, .crossway__slider_open {position:absolute; width: 40px;height: 40px;} .crossway__slider_zoom{bottom:10px;right:70px;} .crossway__slider_open{bottom:10px;right:10px;} } @media only screen and (max-width: 480px){ .crossway__slider_zoom, .crossway__slider_open {position:absolute; width: 40px;height: 40px;} .crossway__slider_zoom{bottom:40px;left:10px;} .crossway__slider_open{bottom:40px;right:10px;} } .crossway__btn{ display: flex; justify-content:center; align-items: center; width: 260px; min-height:46px; cursor:pointer; border:solid 1px #224079; color:#224079; text-align:center; border-radius: 20px; background: url('/design/images/action/2021/auto2021/keyboard_arrow_right_blue.png') right center no-repeat; font-size:10px; padding: 5px 30px; transition: all 0.2s ease-in-out; text-decoration:none; margin:30px 0; text-transform: uppercase; } .crossway__btn:hover{ background: #FFAE11 url('/design/images/action/2021/auto2021/keyboard_arrow_right.png') right center no-repeat;; border-radius: 20px; color:#fff; text-align:center; border:none; transition: all 0.2s ease-in-out; } .crossway__slider_nav{ width: 1000px; margin:0 auto; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; align-content: stretch; } .crossway__slider_nav_img{ margin: 0 10px 0 10px !important; } .slick-slide.slick-current .crossway__slider_nav_img { opacity: 0.6; background:#fff; } .crossway__slider_nav .slick-slide { padding:3px; } @media only screen and (max-width: 1024px){ .crossway-title { font-size: 65px; } .crossway-subtitle { font-size: 34px; } .crossway__animation, .crossway-wrap, .crossway__slider, .crossway__slider_nav{ width: 768px; height: auto; } .crossway_img1, .crossway_img2{ width: 100%; height: auto; } .crossway__zu_wrap { height: 2250px; } .crossway__zu_wrap { background-position-x: 200px; background-size: 70% 100%; } .marker_01 { top: 90px; right: 90px; } .marker_02 { top: 183px; right: 125px; } .marker_03 { top: 306px; left: 170px; } .marker_04 { top: 330px; left: 387px; } .marker_05 { top: 450px; left: 297px; } .marker_01:hover .crossway_info_01, .marker_01:active .crossway_info_01{width:300px;} .marker_02:hover .crossway_info_02, .marker_02:active .crossway_info_02{width:300px;} .marker_03:hover .crossway_info_03, .marker_03:active .crossway_info_03{width:300px;} .marker_04:hover .crossway_info_04, .marker_04:active .crossway_info_04{width:300px;} .marker_05:hover .crossway_info_05, .marker_05:active .crossway_info_05{width:300px;} .marker_06:hover .crossway_info_06, .marker_06:active .crossway_info_06{width:300px;} } @media only screen and (max-width: 768px){ .crossway-title { font-size: 45px; } .crossway-subtitle { font-size: 24px; } .crossway__animation, .crossway-wrap, .crossway__slider, .crossway__slider_nav{ width: 560px; height: auto; } .crossway_img1, .crossway_img2{ width: 100%; height: auto; } .crossway__zu_wrap { height: 1850px; } .crossway__zu_wrap { background-position-x: 210px; background-size: 50% 100%; } .marker_01 { top: 60px; right: 70px; } .marker_02 { top: 133px; right: 85px; } .marker_03 { top: 226px; left: 120px; } .marker_04 { top: 240px; left: 287px; } .marker_05 { top: 323px; left: 207px; } .marker_06 { top: 60px; right: 170px; } .marker_01:hover .crossway_info_01, .marker_01:active .crossway_info_01{width:240px;} .marker_02:hover .crossway_info_02, .marker_02:active .crossway_info_02{width:240px;} .marker_03:hover .crossway_info_03, .marker_03:active .crossway_info_03{width:240px;} .marker_04:hover .crossway_info_04, .marker_04:active .crossway_info_04{width:240px;} .marker_05:hover .crossway_info_05, .marker_05:active .crossway_info_05{width:240px;} .marker_06:hover .crossway_info_06, .marker_06:active .crossway_info_06{width:300px;} } @media only screen and (max-width: 580px){ .slick-arrow{display:none !important;} .crossway-title { font-size: 45px; } .crossway-subtitle { font-size: 24px; } .crossway__animation, .crossway-wrap, .crossway__slider, .crossway__slider_nav{ width: 480px; height: auto; } .crossway__slider_item {height: 250px;background-size:contain;background-repeat:no-repeat;} .slick-dotted.slick-slider { margin-top: 150px; } .crossway_img1, .crossway_img2{ width: 100%; height: auto; } .crossway__zu_wrap { height: 1500px; } .crossway__zu_wrap { background-position-x: 210px; background-size: 50% 100%; } .marker_01 { top: 50px; right: 50px; } .marker_02 { top: 113px; right: 85px; } .marker_03 { top: 186px; left: 100px; } .marker_04 { top: 210px; left: 257px; } .marker_05 { top: 273px; left: 177px; } .marker_06 { top: 50px; right: 90px; } .marker_01:hover .crossway_info_01, .marker_01:active .crossway_info_01{width:200px;} .marker_02:hover .crossway_info_02, .marker_02:active .crossway_info_02{width:200px;} .marker_03:hover .crossway_info_03, .marker_03:active .crossway_info_03{width:200px;} .marker_04:hover .crossway_info_04, .marker_04:active .crossway_info_04{width:200px;} .marker_05:hover .crossway_info_05, .marker_05:active .crossway_info_05{width:200px;} .marker_06:hover .crossway_info_06, .marker_06:active .crossway_info_06{width:200px;} } @media only screen and (max-width: 480px){ .crossway-title { font-size: 35px; } .crossway-subtitle { font-size: 14px; } .crossway__animation, .crossway-wrap, .crossway__slider{ width: 320px; height: auto; } .crossway__slider_nav{ width: 100%; } .crossway__slider_nav .slick-list .slick-track{transform:inherit;} .crossway_img1, .crossway_img2{ width: 100%; height: auto; } .crossway__zu_wrap { height: 1160px; } .crossway__zu_wrap { background-position-x: 100px; background-size: 50% 100%; } .marker_01 { top: 26px; right: 30px; } .marker_02 { top: 73px; right: 55px; } .marker_03 { top: 126px; left: 60px; } .marker_04 { top: 130px; left: 167px; } .marker_05 { top: 183px; left: 107px; } .marker_06 { top: 26px; right: 80px; } .marker_01:hover .crossway_info_01, .marker_01:active .crossway_info_01{width:150px;} .marker_02:hover .crossway_info_02, .marker_02:active .crossway_info_02{width:150px;} .marker_03:hover .crossway_info_03, .marker_03:active .crossway_info_03{width:150px;} .marker_04:hover .crossway_info_04, .marker_04:active .crossway_info_04{width:150px;} .marker_05:hover .crossway_info_05, .marker_05:active .crossway_info_05{width:150px;} .marker_04:hover .crossway_info_04, .marker_04:active .crossway_info_04 {top: 30px;left: -20px;} .marker_05:hover .crossway_info_05, .marker_05:active .crossway_info_05 {top: 10px;left: 10px;} .marker_06:hover .crossway_info_06, .marker_05:active .crossway_info_06 {width:150px;left: -190px;top: -41px;} .marker_03:hover .crossway_info_03, .marker_03:active .crossway_info_03 {top: -130px;left: -10px;} .crossway__slider_nav > .slick-list.draggable { padding:inherit !important; } } /*Шаги формы*/ /*Шаг 1 - телефон*/ .smart__gamestep_01{ position:relative; background-color: #fff; color:#3C444C; margin:0 auto; text-align:center; padding-bottom:100px; padding-top: 100px; } .smart__gamestep_01-title{ font-size:28px; color:#224079; font-family:'Roboto-Bold', Sans-serif !important;font-weight:bold; text-transform: uppercase; } .smart__gamestep_01-number, .smart__gamestep_01-number:focus{ outline: none; width:380px; background:none; border-top:none !important; border-right:none !important; border-left:none !important; border-bottom:solid 2px #сссссс !important; font-size:44px; color:#3C444C; margin-bottom:40px; margin-top:40px; text-align: center; } .smart__gamestep_01-number:disabled { opacity: 0.5; cursor: not-allowed; } .smart__gamestep_01-number::-webkit-input-placeholder { color:#fff; opacity: 0.6; } .smart__gamestep_01-btn_wrap{ display: inline-block; /*width: 46px;*/ height:46px; } .smart__gamestep_01-btn{ display: inline-block; width: 46px; height:46px; border:none; cursor:pointer; } .smart__gamestep_01-btn.blue{ background:url('/design/images/action/2019/masp/masp__ico_blue.png?v=1') center center no-repeat; } .smart__gamestep_01-btn.green{ background:url('/design/images/action/2019/masp/masp__ico_green.png?v=1') center center no-repeat ; } .smart__gamestep_01-btn:disabled { display: none; } /*Шаг 2 - Операторы*/ .smart__gamestep_02{ background-color: #fff; color:#3C444C; margin:0 auto; text-align:center; padding-bottom:60px; padding-top:60px; } .smart__gamestep_02-title{ width: 50%; font-size:38px; font-weight: bold; /*background: linear-gradient(173.88deg, #00C9D6 17.66%, #A91EFF 80.48%);*/ /*background: -webkit-linear-gradient(45deg, #00C9D6 20%, #A91EFF 45%, #2126ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent;*/ color: #224079; text-align: center; margin:0 auto; } .smart__gamestep_02-number{ width:380px; background:none; border-top:none; border-right:none; border-left:none; border-bottom:solid 2px #3C444C; font-size:44px; color:#3C444C; margin-bottom:40px; margin-top:40px; } .smart__gamestep_02-btn_wrap{ display: inline-block; width: 70%; height:46px; margin:40px 0px; } .smart__gamestep_02-btn, .smart__gamestep_02-reg-another-btn{ display: inline-block; width: auto; min-height:46px; max-height:80px; cursor:pointer; border:solid 1px #999999; color:#999999; text-align:center; border-radius: 20px; background:none; font-size:22px; padding: 0px 30px; transition: all 0.2s ease-in-out; } .smart__gamestep_02-btn:disabled , .smart__gamestep_02-reg-another-btn:disabled { opacity: 0.25; cursor: not-allowed; } .smart__gamestep_02-btn:hover, .smart__gamestep_02-reg-another-btn:hover{ background:#FFAE11 ; border-radius: 20px; color:#fff; text-align:center; border:none; transition: all 0.2s ease-in-out; } .smart__gamestep_02-btn.hidden, .smart__gamestep_02-reg-another-btn.hidden{ display:none; } .smart__gamestep_02-reg-another-message { color : #333 } .smart__gamestep_02-message{ color:#999999; } .smart__gamestep_02-ok{ color:#0fb78d; margin:0 auto; font-size:22px; width:250px; } .smart__gamestep_02-ico{ padding:0px 0px 0px 0px; margin:0 auto; float:left; width:37px; height: 37px; background:url('/design/images/action/2019/masp/masp__ico_yes.png') no-repeat; } /* Шаг 3 - Регистрация */ .smart__gamestep_03{ background-color: #fff; color:#3C444C; margin:0 auto; text-align:center; padding-bottom:60px; padding-top:60px; } .smart__gamestep_03-title{ width: 50%; font-size:38px; font-weight: bold; background: #224079; /*-webkit-linear-gradient(45deg, #00C9D6 20%, #A91EFF 45%, #2126ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent;*/ color: #fff; text-align: center; margin:0 auto; } @media (max-width: 1024px){ .smart__gamestep_03-title{ width: 100%; } } .smart__gamestep_03-number{ width:380px; background:none; border-top:none; border-right:none; border-left:none; border-bottom:solid 2px #fff; font-size:44px; color:#3C444C; margin-bottom:40px; margin-top:40px; } .smart__gamestep_03-btn_wrap{ display: inline-block; width: 400px; height:46px; margin:40px 0px; } .smart__gamestep_03-btn{ display: inline-block; width: 400px; height:46px; cursor:pointer; color:#3C444C; text-align:center; background:none; font-size:22px; border:solid 1px #999999; color:#999999; border-radius: 20px; transition: all 0.2s ease-in-out; } .smart__gamestep_03-btn:disabled { opacity: 0.25; cursor: not-allowed; } .smart__gamestep_03-btn:hover{ background: #FFAE11; color:#fff; text-align:center; border:none; transition: all 0.2s ease-in-out; } .smart__gamestep_03-message, .smart__gamestep_03-link{ color:#3C444C; } .smart__gamestep_03-message { margin-top: 40px; font-size: 21px; color: #007087; } .smart__gamestep_03-section .row{ width:100%; } .smart__gamestep_03-section .row .form-control{ text-align: center; border:none; border-bottom:solid 1px #333; padding:7px; width:70%; font-size:23px; margin-bottom:20px; color:#3C444C; } .smart__gamestep_03-section select{ -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; } .sex-title{ padding:0px 20px 0px 0px; font-size:23px; color:#3C444C; } .option.grey{color:#f1f1f1 !important;} .smart__gamestep_03-section .row.row_nowrap{ display: flex; align-items: center; justify-content: center; flex-wrap: nowrap; width:82%; margin:0 auto; color:#000; } .container { display: inline-block; position: relative; padding-left: 35px; padding-right: 20px; margin-bottom: 15px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .container input { position: absolute; opacity: 0; cursor: pointer; } .checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee; border-radius: 50%; } .container:hover input ~ .checkmark { background-color: #ccc; } .container input:checked ~ .checkmark { background: #4a4e8d; background: -moz-linear-gradient(left, #4a4e8d 0%, #3093b2 100%); background: -webkit-linear-gradient(left, #4a4e8d 0%,#3093b2 100%); background: linear-gradient(to right, #4a4e8d 0%,#3093b2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a4e8d', endColorstr='#3093b2',GradientType=1 ); } .checkmark:after { content: ""; position: absolute; display: none; } .container input:checked ~ .checkmark:after { display: block; } .container .checkmark:after { top: 9px; left: 9px; width: 8px; height: 8px; border-radius: 50%; background: white; } .yearBirth-descr, .email-descr { font-size: 11px; color: #666; margin: -5px; position: relative; top: -13px; } /*Шаг 4 - Поздравление*/ .smart__gamestep_04{ position: relative; color:#3C444C; margin:0 auto; text-align:center; padding-bottom:60px; padding-top:60px; background: #fff ; background-size: contain; min-height:650px; } .smart__gamestep_04-bg{ position:absolute; z-index:1; margin:0 auto; } .smart__gamestep_04-wrap{ position: relative; z-index:2; display: flex; flex-wrap: nowrap; } @media (max-width: 768px){ .smart__gamestep_04-wrap{flex-wrap: wrap;padding: 0 10%;} } .smart__gamestep_04_img{ padding:60px; } .smart__gamestep_04-title{ font-size:68px; font-weight: bold; background: #FF9A00; background: -webkit-linear-gradient(to right, #FF9A00 0%, #ffc122 100%); background: -moz-linear-gradient(to right, #FF9A00 0%, #ffc122 100%); background: linear-gradient(to right, #FF9A00 0%, #ffc122 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: uppercase; text-align: left; } .smart__gamestep_04-number{ font-size: 19px; line-height: 22px; color: #747D88; text-align: left; } .smart__gamestep_04-btn_wrap{ display: inline-block; width: 400px; height:46px; margin:40px 0px; } .smart__gamestep_04-btn{ display: inline-block; width: 400px; height:46px; cursor:pointer; color:#3C444C; text-align:center; background:none; font-size:22px; border:solid 1px #999999; color:#999999; border-radius: 20px; transition: all 0.2s ease-in-out; } .smart__gamestep_04-btn:hover{ background: #FFAE11; color:#fff; text-align:center; border:none; transition: all 0.2s ease-in-out; } .smart__gamestep_04-message{ color:#999999; width: 450px; text-align:left; } /*Шаг XX - УДалёлн*/ .smart__gamestep_XX{ position: relative; color:#3C444C; margin:0 auto; text-align:center; padding-bottom:60px; padding-top:60px; background: #fff ; background-size: contain; min-height:650px; } .smart__gamestep_XX-bg{ position:absolute; z-index:1; margin:0 auto; } .smart__gamestep_XX_txt{ width: 100%; } .smart__gamestep_XX-wrap{ position: relative; z-index:2; display: flex; flex-wrap: wrap; margin:0 auto; } @media (max-width: 768px){ .smart__gamestep_XX-wrap{flex-wrap: wrap;padding: 0 10%;} } .smart__gamestep_XX_img{ padding: 60px 0 0 0; width: 100%; } .smart__gamestep_XX-title{ font-size:68px; font-weight: bold; background: #FF9A00; background: -webkit-linear-gradient(to right, #FF9A00 0%, #ffc122 100%); background: -moz-linear-gradient(to right, #FF9A00 0%, #ffc122 100%); background: linear-gradient(to right, #FF9A00 0%, #ffc122 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: uppercase; text-align: left; } .smart__gamestep_XX-number{ font-size: 19px; line-height: 22px; color: #747D88; text-align: left; } .smart__gamestep_XX-btn_wrap{ display: inline-block; width: 400px; height:46px; margin:40px 0px; } .smart__gamestep_XX-btn{ display: inline-block; width: 400px; height:46px; cursor:pointer; color:#3C444C; text-align:center; background:none; font-size:22px; border:solid 1px #999999; color:#999999; border-radius: 20px; transition: all 0.2s ease-in-out; } .smart__gamestep_XX-btn:hover{ background: #FFAE11; color:#fff; text-align:center; border:none; transition: all 0.2s ease-in-out; } .smart__gamestep_XX-message{ color:#999999; width: 450px; text-align:left; } /*** ПЛЕЕР Гимна ***/ .gimn__player{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: stretch; width: 400px; margin:0 auto; margin-top:40px; } .gimn__block{ margin-right:20px; width: 40px; height: 40px; } .gimn__description{ color:#2f57a0; font-weight: bold; } /***кнопка play_pause-***/ .gimn__player .mplayer-block-play .stop, .gimn__player .mplayer-block-play .play {display:block;width: 60px;height: 60px;} .gimn__player .mplayer-block-play .stop {color:#90C5F7;display:block;width: 60px;height: 60px;} .gimn__player .mplayer-block-play .stop:hover, .gimn__player .mplayer-block-play .play:hover {} .gimn__player .mplayer-block-play .stop:active, .gimn__player .mplayer-block-play .play:active {} .gimn__player .mplayer-block-play .play { background: url('/design/images/action/2021/auto2021/gimn_play.png') no-repeat; background-size: contain; width: 40px; height: 40px; } .gimn__player .mplayer-block-play .stop { background: url('/design/images/action/2021/auto2021/gimn_stop.png') no-repeat; background-size: contain; width: 40px; height: 40px; } /***каркас плеера-***/ .gimn__player .mplayer-wraper {width:60px;position:relative;height:60px;overflow:hidden;vertical-align:middle;} .gimn__player .mplayer-wraper:after, .gimn__player .mplayer-wraper:before {display: table;content: " ";-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;clear: both;} .gimn__player .mplayer-block-play {float:left; height:40px;} .gimn__player .mplayer-block-play {width:40px;text-align:center;} /* Генеральный спонсор */ .dreams__gazprombank{ /* background: #058FDB; */ background: linear-gradient(0deg, #3A5487, #3A5487), linear-gradient(174.47deg, #1A9FE6 3.37%, #FFFFFF 152.25%); width: 100%; display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: stretch; padding:15px 0 10px 0; margin: 10px auto 10px auto; } .dreams__gazprombank_link{ margin:0 auto; display: block; } .dreams__gazprombank_img{ width: 100%; height:auto; } @media (max-width: 1080px) { body{width: 100%;overflow-x: hidden !important;} .not__mobile{ display:none;} .for__mobile{ display:block;} .fix {width:100% !important;} .info-block {height:auto !important;} .info-p {display:flex; justify-content:center;flex-wrap:wrap;} .counters {width:1px;height:1px;overflow:hidden;} .mobile_logo{width: 99px;height:auto;} .mobile_logo25{width: 70px;height:auto;box-shadow: 0 0 20px rgba(76,78,141,0.7);} section.anonce {background:none;margin: 23px 0px 0px 0px;} section.anonce .auto__top_img {background:none;} section.rules .item {width:33%;padding-bottom:40px;} section.rules .item .instr_info{width:45%;} section.rules .item div.up{width:90%;margin:0 auto;font-size:1em;} section.how {background-size:150% !important;background-position:40% 5% !important;min-height:586px !important;} section.how .how__info {margin-top:450px;} section.how .how__balance {background:#00617a;width:220px;padding:5px;color:#8be7ff;font-weight:bold;top:61.8% !important;left:21% !important;} section.how .how__balance .how__balance__index span {font-size: 16px !important;} section.how .how__balance .how__balance__index i {font-weight:normal;font-style:normal;font-size:0.95em;} section.how .how__balance .how__balance__text {font-size:1.2em;} section.how .how__balance .how__balance__index {font-size:1.8em;} .middle_title {margin:0px;padding:0px;border-right:none;text-align:center;width:100%;} .prize_pic_wrap, .prize_pic {width:100%;height:auto;margin-bottom:40px;} .arrow {display:none;} .sponsor , .game_step, .bank_info {width:70%;height:auto !important;} section.rrulet {min-height:550px;} section.rrulet .video {width:70%;height:350px;} section.bank .summa { font-size: 3rem; } .smart-a-operator li {width:100px;height:100px;float:left;cursor:pointer;border:solid 1px #fff;border:solid 1px #d6d6d6;margin:5px;background-size:95px !important;} .next_step_gimn_button {width:40%;height:60px;background-size:100%;} .partner { margin-top: 300px;} .game_step {width:40%;height:auto !important;} .prize_pic_wrap_link , .prize_pic_wrap_link a{height:200px;z-index:15;} .suzuki_sound {float:none; width:100%;margin-top:30px;} .suzuki_player {background:url(/design/images/action/2018/auto/suzuki_sound.png) center center no-repeat;height:45px;width:70%;} .Vitara {width:80%;height:auto;} .suzuki_info li {width:100%;margin-top:20px;font-size:17px;} .z_h_btn_close {width:30%;height:auto;} .z_h_btn_open {width:60%;height:auto;} .howtoplay-item {width: 50%;text-align: center; padding: 70px 20px;} } /*Видео*/ section.smart_video { /*background:linear-gradient(174.47deg, #1A9FE6 3.37%, #FFFFFF 152.25%);*/ background: var(--action-color); margin-bottom:60px; } .smart_video-title{ font-family: 'Roboto-Bold', Arial, Tahoma, "Sans-Serif" !important; padding: 30px 0px 0px 0px; color:#fff; color: #000; font-size: 44px; line-height: 47px; text-transform: uppercase; } .smart_video-descr{ max-width: 868px; margin:0 auto; padding: 0px 0px 0px 0px; color:#fff; font-size: 19px; line-height: 22px; } .smart_video_list{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding:40px 0 40px 0; } .smart_video_list iframe{ width: 48%; height:270px; padding:10px; } @media (max-width: 970px){ .smart_video_list iframe{ width: 48%; height:200px !important; } } @media (max-width: 680px){ .smart_video_list iframe{ width: 98%; height:300px !important; } section.winners .winners-title { font-size: 26px; line-height: 36px; } .rrulet_video_frame{ height:300px; } .rrulet-title { font-size: 37px !important; line-height: 47px; } } @media (max-width: 540px){ .smart_video_list iframe{ width: 98%; height:220px !important; } } @media (max-width: 440px){ .smart_video_list iframe{ width: 98%; height:220px !important; } .bank_balance-title span { font-size: 20px; } .bank_balance-title b { font-size: 14px; line-height: 18px; } } @media (max-width: 412px){ .bank_balance-title { width: 60%; font-size: 20px; line-height: 17px; } } @media (max-width: 380px){ .smart_video_list iframe{ width: 98%; height:180px !important; } } /*Видео список*/ section.masp__video { background: url('/design/images/action/2019/masp/howtoplay_back.png'); min-height: 300px; max-height: auto; padding:5px 0px 40px 0px; } .masp__video_list{ display: flex; align-items: start; justify-content: center; flex-wrap: wrap; width:100%; height: auto; } .masp__video_item{ display: flex; align-items: center; justify-content: center; z-index: 1; position:relative; width:450px; height:253px; background-size: cover; margin:10px; } .masp__video_item::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .4; z-index: 2; background:rgba(255,255,255, 0.6 ) ; } .masp__video_item:hover::before{ transition: all 0.2s ease-in-out; background:rgba(255,255,255, 0.0 ) ; } ..masp__video_item iframe { position:relative; z-index:1000; } .masp__video_play{ position: relative; z-index: 10; cursor:pointer; width:75px; height:75px; background: url('/design/images/action/2019/masp/masp_ico_play.png'); background-size: contain !important; transition: all 0.2s ease-in-out; } .masp__video_item:hover .masp__video_play { width:100px; height:100px; transition: all 0.2s ease-in-out; } .masp__video-load_link{ text-align:center; width:80px; height: 70px; text-decoration: none; margin:0 auto; margin-top:40px; display: block; background:url('/design/images/action/2019/masp/masp_ico_playmore.png') bottom center no-repeat; } .masp__video-load_link:hover{ height: 75px; transition: all 0.2s ease-in-out; } /*Отзывы победителей*/ .winner__feedback_wrap{ width:100%; background:rgba(255,255,255, 0.1); padding:40px 0px; } .winner__feedback{ width:80%; margin:0 auto; } .winner__feedback-item{ display: flex !important; align-items: start; justify-content: center; flex-wrap: nowrap; } .winner__feedback-foto_wrap{ display: block; background: url('/design/images/action/2019/masp/feedback/masp_feedback_lavr.png') no-repeat; width: 336px; height:272px; position: relative; margin-top:1.5%; } .winner__feedback-text_wrap{ width:70% !important; margin:0 auto; color:#fff; padding:30px; } .winner__feedback-foto{ position:absolute; border-radius: 50%; z-index:3; display: block; width: 200px; height: 200px; top: 14px; left: 61px; background-size: contain; } .winner__feedback-text{ font-style:italic; font-size:19px; } .winner__feedback_winner_prize{ text-align: center; width:120px; float:left; margin:0 auto ; margin-top:20px; } .winner__feedback_lable{ font-weight:bold; padding:10px; } .winner__feedback_winner_carpic, .slick-slide img{ display: inline !important; } .winner__feedback_winner_blk{ float:right; margin-top:60px; } /* баннер мобильного приложения */ .app__new2022{ width:100%; height:auto; margin: 40px 0px 40px 0; } .app__new2022_link{ width: 100%; height: 523px; background:url('/design/images/action/2022/auto2022/app1920.png?v=3') top center no-repeat; display: block; cursor:pointer; } @media (max-width: 970px){ .app__new2022_link{ } .app__new2022_link { background-size: contain; } } @media (max-width: 1024px){ .winner__feedback-item{ flex-wrap: wrap; } .winner__feedback-text_wrap{width:90% !important;} .slick-prev::before, .slick-next::before{ position: relative !important; color:inherit !important; width: 84px !important; height: 84px !important; } .slick-arrow{ position: absolute !important; width: 84px !important; height: 84px !important; } .slick-prev.slick-arrow{ top: 140px !important; z-index:10 !important; } .slick-prev { left: -70px !important; } .slick-next { right: -50px !important; } .slick-next.slick-arrow{ top: 140px !important; } .slick-next:before { right: 10px; top: 180px; background: url(/design/images/action/2021/auto2021/arr_right.png) center center no-repeat !important; width: 84px !important; height: 84px !important; position: absolute !important; transition: all 0.2s ease-in-out; } .slick-next:hover:before { background: url(/design/images/action/2021/auto2021/arr_right_a.png) center center no-repeat !important; transition: all 0.2s ease-in-out; } .slick-prev:before { left: 20px; top: 180px; background: url(/design/images/action/2021/auto2021/arr_left.png) center center no-repeat !important; width: 84px !important; height: 84px !important; position: absolute !important; transition: all 0.2s ease-in-out; } .slick-prev:hover:before { background: url(/design/images/action/2021/auto2021/arr_left_a.png) center center no-repeat !important; transition: all 0.2s ease-in-out; } .slick-dots li.slick-active button::before { font-size: 9px; opacity: 1.0 !important; color: #f1f1f1 !important; } .slick-dots li button::before{ opacity: 1.0 !important; color: #f1f1f1 !important; } .slick-dots li { margin: 0 1px !important;} .slick-prev::before, .slick-next::before { opacity: 1.0 !important; } .slick-slider {z-index: 1;} .slick-dots { bottom: 15px !important; } /* баннер мобильного приложения */ .app__new2022_link{ width: 100%; height: 472px; min-height:472px; background:url('/design/images/action/2022/auto2022/app1024.png?v=3') center center no-repeat; display: block; cursor:pointer; background-size: cover; } } @media (max-width: 900px) { section.how .how__balance {background:#00617a;width:200px;padding:5px;color:#8be7ff;font-weight:bold;top:52% !important;left:21% !important;} section.rules .item {width:33%;padding-bottom:40px;} section.rules .item .instr_info{width:45%;} section.rules .item div.up{width:90%;margin:0 auto;font-size:1em;} .next_step_gimn_button {width:50%;height:60px;background-size:100%;} .auto_videolist .fix {display:flex;justify-content:center;flex-wrap:wrap;} .auto_videolist .fix iframe {width:95%;height:auto;margin-bottom:40px;} .phone_form .item:nth-child(1) {width:60%;} .phone_form .item:nth-child(2) {width:100%;} } @media (max-width: 800px) { section.how .how__balance {background:#00617a;width:200px;padding:5px;color:#8be7ff;font-weight:bold;top:52% !important;left:21% !important;} section.how .how__info {margin-top:340px;} section.rules .item {width:33%;padding-bottom:40px;} section.rules .item .instr_info{width:45%;} section.rules .item div.up{width:90%;margin:0 auto;font-size:1em;} .auto_form .row {width:80% !important;} .game_step {width:50% !important;} .next_step_gimn_button {width:60%;height:60px;background-size:100%;} .smart__gamestep_02-btn_wrap, .smart__gamestep_03-btn_wrap {display: inline-block;width: 80%;} .smart__gamestep_02-btn, .smart__gamestep_02-reg-another-btn, .smart__gamestep_03-btn {width: auto;height: 60px;white-space: normal;} } @media (max-width: 768px){ /* баннер мобильного приложения */ .app__new2022_link{ width: 100%; height: 472px; min-height:472px; background:url('/design/images/action/2022/auto2022/app1024.png?v=2') center center no-repeat; display: block; cursor:pointer; background-size: contain; } } @media (max-width: 700px) { section.how {background-size:160% !important;background-position:40% 5% !important;min-height:586px !important;} section.how .how__balance {background:#00617a;width:200px;padding:5px;color:#8be7ff;font-weight:bold;top:43% !important;left:21% !important;} section.how .how__info {margin-top:350px;} section.rules .item {width:33%;padding-bottom:40px;} section.rules .item .instr_info{width:45%;} section.rules .item div.up{width:90%;margin:0 auto;font-size:1em;} .auto_form .row {width:90% !important;} .prize_pic_wrap_link , .prize_pic_wrap_link a{height:130px;z-index:15;} .howtoplay-item {width: 70%;text-align: center; padding: 40px 20px;} .smart__gamestep_03-section .row .form-control {width: 98%;} .smart__gamestep_03-section .row.row_nowrap{width: 95%;} .container {font-size: 18px;} .smart__gamestep_03-section .row .form-control {font-size: 17px;} .masp__winners-btn {width:98%;} section.bank .summa-wrap {width: 90%;} section.bank .summa-wrap { width: 74%; } section.bank .summa-wrap { width: 410px; margin: 0 auto; margin-top: 0px; /*background: #D6233F;*/ background: #FFAE11; padding: 10px 0; margin-top: -36px; } .app__new2022 { width: 100%; height: 180px; margin-top: 10px; margin-top: -170px; margin-bottom: 250px; } } @media (max-width:600px) { section.how .how__balance {background:#00617a;width:200px;padding:5px;color:#8be7ff;font-weight:bold;top:35% !important;left:21% !important;} .auto_form .row {width:100% !important;} .partner {margin-top: 134px;} .winners-photos-list li {display: inline-block;width: 48%;} .mobile_menu { width: 80%; } section.rrulet {min-height: 370px;} .app__new2022 { width: 100%; height: 180px; margin-top: 10px; margin-top: -170px; margin-bottom: 170px; } } @media (max-width:500px) { section.how .how__balance {background:#00617a;width:200px;padding:5px;color:#8be7ff;font-weight:bold;top:30% !important;left:21% !important;} .auto_form .row {width:90% !important;} .smart__gamestep_01-number { width: 80%;font-size: 34px;} .smart__gamestep_01-number:focus{ width:80%; font-size: 34px; } .bank_balance-title { width: 60%; font-size: 24px; line-height: 24px; } .bank_balance-cout { margin-bottom: 10px; font-size: 1.8rem; } .smart__gamestep_04-title { font-size: 48px; } .smart__gamestep_02-title, .smart__gamestep_03-title, .smart__gamestep_06-title{ font-size: 28px !important; width: 90%; } .smart-a-operator li { width: 70px; height: 70px; background-size: contain !important; } .smart-a-operator{ margin-top:20px; } .smart__gamestep_03-message { margin-top: 20px; font-size: 12px; } .smart-i-oper-tab tr td.nw, .smart-i-oper-tab tr td{ font-size: 14px; } .smart-a-faq-list li { font-size: 15px !important; } .auto__menumobile__wrap {top:0px;width:100%;} .smart__gamestep_01-message { width: 84%; margin: 10px auto; font-size: 13px; } .bank_balance-star { padding: 20px 20px !important; margin-bottom: 40px; font-size: 12px; width: 90%; } html{ width: 100vw; overflow-x: hidden; } } @media (max-width: 400px) { .mobile_logo { width: 74px; height: auto; margin-top: 8px; } .gp_logo_link { left: 103px; } .gp_logo{ width: 132px; height: auto; margin-top: 6px; } .uchastie {width:80%;} .bank_info {width:80%;height:auto;} section.how {background-size:190% !important;background-position:50% 10% !important;min-height:550px;} section.how .how__info {margin-top:250px;} section.how .how__balance {background:#00617a;width:200px;padding:5px;color:#8be7ff;font-weight:bold;top:35% !important;left:5%;} section.how .how__balance .how__balance__index span {font-size: 16px !important;} section.how .how__balance .how__balance__index i {font-weight:normal;font-style:normal;font-size:0.95em;} section.how .how__balance .how__balance__text {font-size:1.2em;} section.how .how__balance .how__balance__index {font-size:1.8em;} section.rules .item {width:100%;padding-bottom:20px;} section.rules .item .instr_info{width:25%;float:left;margin-left:20px;} section.rules .item div.up{width:52%;margin:0px;font-size:1em; float:left;text-align:left;} .auto_form .row {width:90% !important;} } @media screen and (max-width: 417px) { .roulette-winners-list li { border: none; } } @media (max-width:414px) { .uchastie {width:70%;} .bank_info {width:75%;height:auto;} section.how {background-size:190% !important;background-position:50% 10% !important;min-height:450px !important;} section.how .how__info {margin-top:230px !important;} section.how .how__balance {background:#00617a;width:200px;padding:5px;color:#8be7ff;font-weight:bold;top:36% !important;left:7% !important;} .auto_form .row {width:90% !important;} .next_step_gimn_button {width:90%;height:60px;background-size:100%;} } @media (max-width:375px) { section.bank .summa-wrap { width: 74% !important; } section.bank .summa-wrap { width: 410px; margin: 0 auto; margin-top: 0px; background: #D6233F; padding: 10px; margin-top: -36px; } .bank_balance-star{ padding:20px 20px !important; margin-bottom:40px; font-size:12px; } #rrulet iframe{ height:200px; } /* баннер мобильного приложения */ .app__new2022_link{ width: 100%; height: 173px !important; background:url('/design/images/action/2022/auto2022/app375.png?v=4') center center no-repeat; display: block; cursor:pointer; margin:5px auto 5px auto; } .bank_balance-title { font-size: 1.4rem; width: 100%; } .bank_balance-title span { font-size: 20px; padding: 0 0 5px 0; } .bank_balance-title { width: 80%; font-size: 14px; line-height: 24px; } } @media (max-width:320px) { section.how {background-size:190% !important;background-position:50% 15% !important;min-height:450px !important;} section.how .how__balance {background:#00617a;width:200px;padding:5px;color:#8be7ff;font-weight:bold;top:33% !important;left:1% !important;} section.how .how__balance .how__balance__index span {font-size: 14px !important;} .auto_form .row {width:90% !important;} section.bank div {padding:10px 0px 10px 0px;} .smart__gamestep_01-number { font-size: 30px;} .smart__gamestep_02-title {width: 100%;} .smart-i-oper-tab tr td.nw { white-space: wrap; width: auto;} }