.old-site-root-element html{
background: none;
}
.old-site-root-element .mainMenu{
min-height: 100vw;
}
.old-site-root-element .closeMainMenu{
position: absolute;
width: 32px;
height: 32px;
right: 20px;
top: 20px;
cursor: pointer;
}
.old-site-root-element .closeMainMenu:before,
.old-site-root-element .closeMainMenu:after{
content: '';
display: block;
position: absolute;
width: 100%;
height: 2px;
top: calc(50% - 1px);
left: 0;
transform-origin: center center;
background: #fff;
}
.old-site-root-element .closeMainMenu:before{
transform: rotate(45deg);
}
.old-site-root-element .closeMainMenu:after{
transform: rotate(-45deg);
}
/************************************************************
H E A D E R
************************************************************/
.old-site-root-element .page-header{
display: flex;
position: relative;
flex-direction: column;
align-items: center;
justify-content: flex-start;
box-sizing: border-box;
padding: 48px 48px 24px;
min-height: 104px;
box-sizing: border-box;
z-index: 1;
}
@media (max-width: 1080px){
.old-site-root-element .page-header{
min-height: 84px;
padding: 36px 48px 24px;
}
}
@media (max-width: 800px){
.old-site-root-element .page-header{
padding: 0 20px;
}
}
@media (max-width: 640px){
.old-site-root-element .page-header{
min-height: 68px;
}
}
.old-site-root-element .page-header>*{
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
max-width: 1440px;
width: 100%;
flex-grow: 1;
}
@media (max-width: 640px){
.old-site-root-element .page-header>*{
justify-content: space-between;
}
}
.old-site-root-element .page-header .logo{
flex-shrink: 0;
width: 107px;
height: 16px;
background: url(/new/assets/img/upd/logo.svg) no-repeat left center/contain;
}
.osago_body .old-site-root-element .page-header{
position: relative;
}
.old-site-root-element .page-header .city{
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
font-family: Roboto;
font-size: 12px;
line-height: 16px;
color: #172126;
padding: 0 36px;
min-width: 250px;
box-sizing: border-box;
z-index: 1;
}
@media (max-width: 1440px){
.old-site-root-element .page-header .city{
min-width: 230px;
}
.old-site-root-element .page-header.logged-in .city{
padding: 0 20px;
min-width: 200px;
}
}
@media (max-width: 1200px){
.old-site-root-element .page-header .city{
min-width: 220px;
}
}
@media (max-width: 1080px){
.old-site-root-element .page-header .city{
flex-grow: 1;
}
}
@media (max-width: 640px){
.old-site-root-element .page-header .city{
display: none;
}
}
.old-site-root-element .page-header .city .city-inner{
display: flex;
position: relative;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}
.old-site-root-element .page-header .city .city-link{
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
cursor: pointer;
transition: opacity 100ms ease;
will-change: opacity;
}
.old-site-root-element .page-header .city.expanded .city-link{
transition: opacity 100ms ease 100ms;
opacity: 0;
}
.old-site-root-element .page-header .city.expanded .city-link,
.old-site-root-element .page-header .city.expanded .city-link *{
pointer-events: none;
}
.old-site-root-element .page-header .city .city-link:after{
content: '';
display: block;
width: 24px;
height: 24px;
background: url(/new/assets/img/upd/dropdown.svg) no-repeat center center/contain;
}
.old-site-root-element .page-header .city .city-chooser{
position: absolute;
left: 0;
top: calc(50% - 20px);
width: 260px;
opacity: 0;
transition: opacity 200ms ease;
will-change: opacity;
}
@media (max-width: 1080px){
.old-site-root-element .page-header .city .city-chooser{
left: calc(50% - 130px);
}
}
.old-site-root-element .page-header .city.expanded .city-chooser{
opacity: 1;
}
.old-site-root-element .page-header .city .city-chooser,
.old-site-root-element .page-header .city .city-chooser *{
pointer-events: none;
}
.old-site-root-element .page-header .city.expanded .city-chooser,
.old-site-root-element .page-header .city.expanded .city-chooser *{
pointer-events: initial;
}
.old-site-root-element .page-header .nav{
display: flex;
position: relative;
flex-direction: row;
align-items: center;
justify-content: space-between;
flex-grow: 1;
}
@media (max-width: 1080px){
.old-site-root-element .page-header .nav{
display: none;
}
}
.old-site-root-element .page-header .nav>*{
display: flex;
position: relative;
flex-direction: row;
align-items: center;
justify-content: flex-start;
font-family: Circe-Bold;
font-size: 12px;
line-height: 24px;
letter-spacing: .08em;
text-transform: uppercase;
color: #172126;
white-space: pre;
}
.old-site-root-element .page-header .nav>*+*{
margin-left: 24px;
}
@media (max-width: 1380px){
.old-site-root-element .page-header .nav .nav-item__about{
display: none;
}
}
@media (max-width: 1280px){
.old-site-root-element .page-header .nav .nav-item__job{
display: none;
}
}
@media (max-width: 1150px){
.old-site-root-element .page-header .nav .nav-item__bonus{
display: none;
}
}
.old-site-root-element .page-header .nav .nav-item__liquids:before,
.old-site-root-element .page-header .nav .nav-item__cond:before,
.old-site-root-element .page-header .nav .nav-item__diag:before,
.old-site-root-element .page-header .nav .nav-item__tirefitting:before{
content: '';
display: block;
position: relative;
width: 24px;
height: 24px;
top: -2px;
margin-right: 8px;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}
.old-site-root-element .page-header .nav .nav-item__cond:before{
background-image: url(/new/assets/img/upd/header-nav/cond.svg);
}
.old-site-root-element .page-header .nav .nav-item__diag:before{
top: 0;
background-image: url(/new/assets/img/upd/header-nav/diag.svg);
}
.old-site-root-element .page-header .nav .nav-item__tirefitting:before{
background-image: url(/new/assets/img/upd/header-nav/tirefitting.svg);
}
.old-site-root-element .page-header .nav .nav-item__liquids:before{
background-image: url(/new/assets/img/upd/header-nav/liquids.svg);
}
.old-site-root-element .page-header .account{
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
font-family: Roboto;
font-size: 16px;
line-height: 24px;
color: #172126;
cursor: pointer;
max-width: 200px;
margin-left: 76px;
}
.old-site-root-element .page-header.logged-in .account{
margin-left: 38px;
}
@media (max-width: 1440px){
.old-site-root-element .page-header .account{
margin-left: 66px;
}
.old-site-root-element .page-header.logged-in .account{
margin-left: 33px;
max-width: 160px;
}
}
@media (max-width: 1200px){
.old-site-root-element .page-header .account{
margin-left: 60px;
}
.old-site-root-element .page-header.logged-in .account{
margin-left: 30px;
}
}
@media (max-width: 1080px){
.old-site-root-element .page-header .account,
.old-site-root-element .page-header.logged-in .account{
margin-left: 0;
}
.old-site-root-element .page-header.logged-in .account{
max-width: 200px;
}
}
@media (max-width: 640px){
.old-site-root-element .page-header .account{
display: none;
}
}
.old-site-root-element .page-header .account.empty{
max-width: initial;
}
.old-site-root-element .page-header .account.empty>*{
display: none;
}
.old-site-root-element .page-header .account:before{
content: '';
display: block;
width: 32px;
height: 32px;
background: url(/new/assets/img/upd/account.svg) no-repeat center center/contain;
margin-right: 12px;
flex-shrink: 0;
}
.old-site-root-element .page-header .account.empty:before{
margin-right: 0;
}
.old-site-root-element .page-header .account span{
max-width: 150px;
display: inline-block;
vertical-align: top;
overflow: hidden;
text-overflow: ellipsis;
}
@media (max-width: 1440px){
.old-site-root-element .page-header.logged-in .account span{
max-width: 110px;
}
}
@media (max-width: 1080px){
.old-site-root-element .page-header.logged-in .account span{
max-width: 150px;
}
}
.old-site-root-element .page-header .nav-button{
/*display: none;*/
width: 32px;
height: 32px;
background: url(/new/assets/img/upd/nav.svg) no-repeat center center/contain;
cursor: pointer;
margin-left: 48px;
flex-shrink: 0;
}
/*
.page-header .empty+.nav-button{
margin-left: 48px;
}
*/
.old-site-root-element .page-header.logged-in .nav-button{
margin-left: 24px;
}
@media (max-width: 1440px){
.old-site-root-element .page-header .nav-button{
margin-left: 32px;
}
.old-site-root-element .page-header.logged-in .nav-button{
margin-left: 16px;
}
}
@media (max-width: 1200px){
.old-site-root-element .page-header .nav-button{
margin-left: 24px;
}
.old-site-root-element .page-header.logged-in .nav-button{
margin-left: 12px;
}
}
@media (max-width: 1080px){
.old-site-root-element .page-header .nav-button{
margin-left: 48px;
}
.old-site-root-element .page-header.logged-in .nav-button{
margin-left: 24px;
}
}
@media (max-width: 640px){
.old-site-root-element .page-header .nav-button,
.old-site-root-element .page-header.logged-in .nav-button{
margin-left: 0;
}
}
/************************************************************
B A S I C S
************************************************************/
.old-site-root-element .start-contents{
position: relative;
z-index: 0;
}
.old-site-root-element .start-contents .section{
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
box-sizing: border-box;
padding: 0 48px;
}
@media (max-width: 800px){
.old-site-root-element .start-contents .section{
padding: 0 20px;
}
}
.old-site-root-element .start-contents .section>*{
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: flex-start;
flex-grow: 1;
width: 100%;
max-width: 1440px;
}
/************************************************************
T O P
************************************************************/
.old-site-root-element .start-contents .section-top{}
.old-site-root-element .start-contents .section-top>*{
position: relative;
border-radius: 20px;
background: url(/new/assets/img/upd/top.png) no-repeat right center/auto 100%, #172126;
box-sizing: border-box;
padding: 144px 120px 128px;
color: #fff;
}
@media (max-width: 1280px){
.old-site-root-element .start-contents .section-top>*{
padding: 72px 60px;
}
}
@media (max-width: 800px){
.old-site-root-element .start-contents .section-top>*{
background-position: center center;
padding: 32px 24px;
}
}
.old-site-root-element .start-contents .section-top .info{
max-width: 650px;
}
@media (max-width: 1280px){
.old-site-root-element .start-contents .section-top .info{
max-width: 410px;
}
}
.old-site-root-element .start-contents .section-top .info .caption{
font-family: Circe-Bold;
font-size: 80px;
line-height: 80px;
color: #fff;
}
@media (max-width: 1280px){
.old-site-root-element .start-contents .section-top .info .caption{
font-size: 48px;
line-height: 48px;
}
}
@media (max-width: 800px){
.old-site-root-element .start-contents .section-top .info .caption{
font-size: 32px;
line-height: 36px;
}
}
.old-site-root-element .start-contents .section-top .info .actions{
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
margin-top: 48px;
}
@media (max-width: 1280px){
.old-site-root-element .start-contents .section-top .info .actions{
margin-top: 32px;
}
}
@media (max-width: 800px){
.old-site-root-element .start-contents .section-top .info .actions{
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
margin-top: 100px;
}
}
.old-site-root-element .start-contents .section-top .info .actions .to-service{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background: #F47D32;
box-shadow: 0px 18px 40px -24px rgba(70, 119, 149, 0.32);
border-radius: 12px;
font-family: Circe-Bold;
font-size: 12px;
line-height: 24px;
letter-spacing: .08em;
text-transform: uppercase;
color: #fff;
height: 72px;
min-width: 215px;
}
@media (max-width: 1280px){
.old-site-root-element .start-contents .section-top .info .actions .to-service{
height: 56px;
min-width: 190px;
}
}
.old-site-root-element .start-contents .section-top .info .actions .cancel{
margin-left: 32px;
font-family: Circe-Bold;
font-size: 12px;
line-height: 24px;
letter-spacing: .08em;
text-transform: uppercase;
color: #586066;
border-bottom: 1px solid #586066;
cursor: pointer;
}
@media (max-width: 800px){
.old-site-root-element .start-contents .section-top .info .actions .cancel{
margin: 24px 0 0;
}
}
/************************************************************
T O P
************************************************************/
.old-site-root-element .start-contents .section-search{
position: relative;
margin-top: 32px;
z-index: 1;
}
@media (max-width: 1280px){
.old-site-root-element .start-contents .section-search{
margin-top: 24px;
}
}
.old-site-root-element .start-contents .section-search>*{
position: relative;
}
.old-site-root-element .start-contents .section-search .panel{
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
}
@media (max-width: 800px){
.old-site-root-element .start-contents .section-search .panel{
flex-direction: column;
}
}
.old-site-root-element .start-contents .section-search .panel .search{
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: flex-start;
border: 1px solid #172126;
box-sizing: border-box;
border-radius: 12px;
height: 56px;
min-width: 400px;
}
@media (max-width: 1280px){
.old-site-root-element .start-contents .section-search .panel .search{
min-width: initial;
}
}
@media (max-width: 800px){
.old-site-root-element .start-contents .section-search .panel .search{
order: 1;
}
}
@media (max-width: 460px){
.old-site-root-element .start-contents .section-search .panel .search{
width: 100%;
}
}
.old-site-root-element .start-contents .section-search .panel .search input{
padding: 0 16px;
box-sizing: border-box;
flex-grow: 1;
font-family: Roboto;
font-size: 16px;
line-height: 24px;
color: #586066;
}
.old-site-root-element .start-contents .section-search .panel .search:after{
content: '';
display: block;
width: 24px;
height: 24px;
background: url(/new/assets/img/upd/search.svg) no-repeat center center/contain;
margin-right: 12px;
align-self: center;
}
.old-site-root-element .start-contents .section-search .panel .tags{
margin: 0 -24px -24px 24px;
flex-grow: 1;
flex-basis: 0;
}
@media (max-width: 1280px){
.old-site-root-element .start-contents .section-search .panel .tags{
margin: 0 -16px -16px 24px;
}
}
@media (max-width: 800px){
.old-site-root-element .start-contents .section-search .panel .tags{
order: 3;
margin: 24px 0 0;
flex-basis: initial;
}
.old-site-root-element .newStartCarRecordingBlock{
order: 2;
}
}
@media (max-width: 480px){
.old-site-root-element .start-contents .section-search .panel .tags{
position: relative;
width: calc(100% + 40px);
left: -20px;
overflow: hidden;
}
}
.old-site-root-element .start-contents .section-search .panel .tags>*{}
.old-site-root-element .start-contents .section-search .panel .tags>*>*{
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
width: 100%;
}
@media (max-width: 480px){
.old-site-root-element .start-contents .section-search .panel .tags>*>*{
max-width: 650px;
width: auto;
}
}
.old-site-root-element .start-contents .section-search .panel .tags>*>*>*{
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
font-family: Circe-Regular;
font-size: 18px;
line-height: 24px;
color: #172126;
margin: 0 24px 24px 0;
padding: 0 24px;
height: 56px;
border-radius: 28px;
background: #F2F6F7;
width: auto;
}
@media (max-width: 1280px){
.old-site-root-element .start-contents .section-search .panel .tags>*>*>*{
margin: 0 16px 16px 0;
}
}
@media (max-width: 800px){
.old-site-root-element .start-contents .section-search .panel .tags>*>*>*{
margin: 0 16px 16px 0;
padding: 0 16px;
height: 40px;
border-radius: 20px;
}
}
@media (max-width: 480px){
.old-site-root-element .start-contents .section-search .panel .tags>*>*>*{
/*margin: 0;*/
}
}
.old-site-root-element .start-contents .section-search .panel .tags>*>*>*.more{
box-sizing: border-box;
width: 72px;
}
.old-site-root-element .start-contents .section-search .panel .tags>*>*>*.more:before{
content: '';
display: block;
width: 24px;
height: 24px;
background: url(/new/assets/img/upd/more.svg) no-repeat center center/contain;
}
.old-site-root-element .start-contents .section-search .result{
position: absolute;
top: 56px;
left: 0;
width: 100%;
z-index: 1;
}
.old-site-root-element .start-contents .section-search .result.hidden{
display: none;
}
.old-site-root-element .start-contents .section-search .result>*{
position: absolute;
top: 0;
left: -16px;
width: calc(100% + 32px);
padding: 0;
box-sizing: border-box;
}
@media (max-width: 800px){
.old-site-root-element .start-contents .section-search .result>*{
padding: 0;
}
}
.old-site-root-element .start-contents .section-search .result>*>*{
padding: 16px;
background: #fff;
border-radius: 16px;
box-shadow: 0px 42px 42px -28px rgb(61 79 89 / 32%);
box-sizing: border-box;
}
.old-site-root-element .start-contents .section-search .result>*>*>*{
display: block;
position: relative;
font-family: Circe-Bold;
font-size: 18px;
line-height: 24px;
color: #1a1a1a;
cursor: pointer;
min-height: 48px;
padding: 12px 32px 12px 0;
cursor: pointer;
}
.old-site-root-element .start-contents .section-search .result>*>*>*:before{
content: '';
display: block;
position: absolute;
width: 24px;
height: 24px;
background: url(/new/assets/img/start/search/dropdown.svg) no-repeat center center/24px auto;
transform: rotate(-90deg);
pointer-events: none;
right: 0;
top: calc(50% - 12px);
}
/************************************************************
T O P
************************************************************/
.old-site-root-element .start-contents .section-discounts{
position: relative;
margin-top: 72px;
z-index: 0;
}
@media (max-width: 1280px){
.old-site-root-element .start-contents .section-discounts{
margin-top: 56px;
}
}
@media (max-width: 800px){
.old-site-root-element .start-contents .section-discounts{
margin-top: 64px;
}
}
.old-site-root-element .start-contents .section-discounts>*{}
.old-site-root-element .start-contents .section-discounts .header{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.old-site-root-element .start-contents .section-discounts .header .title{
font-family: Circe-Bold;
font-size: 48px;
line-height: 48px;
color: #172126;
}
@media (max-width: 1280px){
.old-site-root-element .start-contents .section-discounts .header .title{
font-size: 32px;
line-height: 36px;
}
}
.old-site-root-element .start-contents .section-discounts .header .more{
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
font-family: Circe-Bold;
font-size: 12px;
line-height: 12px;
letter-spacing: .08em;
text-transform: uppercase;
color: #172126;
}
.old-site-root-element .start-contents .section-discounts .header .more:after{
content: '';
display: block;
background: url(/new/assets/img/upd/follow.svg) no-repeat center center/contain;
width: 32px;
height: 32px;
}
.old-site-root-element .start-contents .section-discounts .grid{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr;
grid-auto-flow: column;
grid-column-gap: 32px;
grid-row-gap: 32px;
margin-top: 32px;
font-family: Circe-Bold;
color: #fff;
}
@media (max-width: 1280px){
.old-site-root-element .start-contents .section-discounts .grid{
grid-column-gap: 24px;
grid-row-gap: 24px;
margin-top: 24px;
}
}
@media (max-width: 1150px){
.old-site-root-element .start-contents .section-discounts .grid{
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr 1fr;
}
}
@media (max-width: 700px){
.old-site-root-element .start-contents .section-discounts .grid{
grid-template-columns: 1fr;
grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
grid-column-gap: 0;
grid-row-gap: 20px;
}
}
.old-site-root-element .start-contents .section-discounts .grid>*{
display: block;
box-sizing: border-box;
padding: 32px;
border-radius: 16px;
min-height: 224px;
box-shadow: 0px 42px 42px -28px rgba(61, 79, 89, .32);
color: #fff;
}
@media (max-width: 1280px){
.old-site-root-element .start-contents .section-discounts .grid>*{
min-height: 212px;
padding: 24px;
}
}
@media (max-width: 1150px){
.old-site-root-element .start-contents .section-discounts .grid>*{
min-height: 200px;
}
}
@media (max-width: 700px){
.old-site-root-element .start-contents .section-discounts .grid>*{
min-height: 160px;
padding: 20px;
}
}
@media (min-width: 701px){
.old-site-root-element .start-contents .section-discounts .grid>*:nth-child(3){
grid-row-start: 1;
grid-row-end: 3;
}
}
.old-site-root-element .start-contents .section-discounts .grid .title{
font-family: Circe-Bold;
font-size: 24px;
line-height: 28px;
max-width: 210px;
}
@media (max-width: 700px){
.old-site-root-element .start-contents .section-discounts .grid .title{
font-size: 16px;
line-height: 24px;
max-width: 170px;
}
}
.old-site-root-element .start-contents .section-discounts .grid .title span{
color: #F47D32;
}
.old-site-root-element .start-contents .section-discounts .grid .review{
font-family: Roboto;
font-size: 12px;
line-height: 16px;
max-width: 210px;
margin-top: 8px;
}
.old-site-root-element .start-contents .section-discounts .grid #start-promo--lynxauto{}
/* .start-contents .section-discounts .grid #start-promo--cond--06-22{
background: url(/new/assets/img/upd/discounts/cond-06.22/1920.jpg) no-repeat center center/cover;
}
*/
.old-site-root-element .start-contents .section-discounts .grid #start-promo--14-let{
background: url(/new/assets/img/upd/discounts/14let/1920.jpg) no-repeat center center/cover;
}
.old-site-root-element .start-contents .section-discounts .grid #start-promo--halva--06-22{
background: url(/new/assets/img/upd/discounts/halva-06.22/1920.jpg) no-repeat center center/cover;
color: #172126;
}
.old-site-root-element .start-contents .section-discounts .grid #start-promo--diag--06-22{
background: url(/new/assets/img/upd/discounts/50-06.22/1920.jpg) no-repeat center center/cover;
}
.old-site-root-element .start-contents .section-discounts .grid #start-promo--liquids--06-22{
background: url(/new/assets/img/upd/discounts/liquids-06.22/1920.jpg) no-repeat center center/cover;
}
.old-site-root-element .start-contents .section-discounts .grid #start-promo--liquids-kz--06-22{
background: url(/new/assets/img/upd/discounts/liquids-kz-06.22/1920.jpg) no-repeat center center/cover;
}
.old-site-root-element .start-contents .section-discounts .grid #start-promo--dvs--06-22{
background: url(/new/assets/img/upd/discounts/dvs-06.22/1920.jpg) no-repeat center center/cover;
color: #172126;
}
@media (max-width: 1280px){
/* .start-contents .section-discounts .grid #start-promo--cond--06-22{
background: url(/new/assets/img/upd/discounts/cond-06.22/1280.jpg) no-repeat center center/cover;
}
*/
.old-site-root-element .start-contents .section-discounts .grid #start-promo--14-let{
background: url(/new/assets/img/upd/discounts/14let/1280.jpg) no-repeat center center/cover;
}
.old-site-root-element .start-contents .section-discounts .grid #start-promo--halva--06-22{
background: url(/new/assets/img/upd/discounts/halva-06.22/1280.jpg) no-repeat center center/cover;
}
.old-site-root-element .start-contents .section-discounts .grid #start-promo--diag--06-22{
background: url(/new/assets/img/upd/discounts/50-06.22/1280.jpg) no-repeat center center/cover;
}
.old-site-root-element .start-contents .section-discounts .grid #start-promo--liquids--06-22{
background: url(/new/assets/img/upd/discounts/liquids-06.22/1280.jpg) no-repeat center center/cover;
}
.old-site-root-element .start-contents .section-discounts .grid #start-promo--liquids-kz--06-22{
background: url(/new/assets/img/upd/discounts/liquids-kz-06.22/1280.jpg) no-repeat center center/cover;
}
.old-site-root-element .start-contents .section-discounts .grid #start-promo--dvs--06-22{
background: url(/new/assets/img/upd/discounts/dvs-06.22/1280.jpg) no-repeat center center/cover;
}
}
@media (max-width: 1150px){
/* .start-contents .section-discounts .grid #start-promo--cond--06-22{
background: url(/new/assets/img/upd/discounts/cond-06.22/768.jpg) no-repeat center center/cover;
order: 1;
}
*/
.old-site-root-element .start-contents .section-discounts .grid #start-promo--14-let{
background: url(/new/assets/img/upd/discounts/14let/768.jpg) no-repeat center center/cover;
}
.old-site-root-element .start-contents .section-discounts .grid #start-promo--halva--06-22{
background: url(/new/assets/img/upd/discounts/halva-06.22/768.jpg) no-repeat center center/cover;
order: 2;
}
.old-site-root-element .start-contents .section-discounts .grid #start-promo--diag--06-22{
background: url(/new/assets/img/upd/discounts/50-06.22/768.jpg) no-repeat center center/cover;
order: 4;
}
.old-site-root-element .start-contents .section-discounts .grid #start-promo--liquids--06-22{
background: url(/new/assets/img/upd/discounts/liquids-06.22/768.jpg) no-repeat center center/cover;
order: 3;
}
.old-site-root-element .start-contents .section-discounts .grid #start-promo--liquids-kz--06-22{
background: url(/new/assets/img/upd/discounts/liquids-kz-06.22/768.jpg) no-repeat center center/cover;
order: 3;
}
.old-site-root-element .start-contents .section-discounts .grid #start-promo--dvs--06-22{
background: url(/new/assets/img/upd/discounts/dvs-06.22/768.jpg) no-repeat center center/cover;
order: 5;
}
}
@media (max-width: 700px){
/* .start-contents .section-discounts .grid #start-promo--cond--06-22{
background: url(/new/assets/img/upd/discounts/cond-06.22/360.jpg) no-repeat center center/cover;
order: 2;
}
*/
.old-site-root-element .start-contents .section-discounts .grid #start-promo--14-let{
background: url(/new/assets/img/upd/discounts/14let/360.jpg) no-repeat center center/cover;
}
.old-site-root-element .start-contents .section-discounts .grid #start-promo--halva--06-22{
background: url(/new/assets/img/upd/discounts/halva-06.22/360.jpg) no-repeat center center/cover;
order: 3;
}
.old-site-root-element .start-contents .section-discounts .grid #start-promo--diag--06-22{
background: url(/new/assets/img/upd/discounts/50-06.22/360.jpg) no-repeat center center/cover;
order: 1;
}
.old-site-root-element .start-contents .section-discounts .grid #start-promo--liquids--06-22{
background: url(/new/assets/img/upd/discounts/liquids-06.22/360.jpg) no-repeat center center/cover;
order: 4;
}
.old-site-root-element .start-contents .section-discounts .grid #start-promo--liquids-kz--06-22{
background: url(/new/assets/img/upd/discounts/liquids-kz-06.22/360.jpg) no-repeat center center/cover;
order: 4;
}
.old-site-root-element .start-contents .section-discounts .grid #start-promo--dvs--06-22{
background: url(/new/assets/img/upd/discounts/dvs-06.22/360.jpg) no-repeat center center/cover;
order: 5;
}
}
/************************************************************
T O P
************************************************************/
.old-site-root-element .start-contents .section-services{
margin-top: 160px;
}
@media (max-width: 1280px){
.old-site-root-element .start-contents .section-services{
margin-top: 120px;
}
}
.old-site-root-element .start-contents .section-services>*{
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
}
@media (max-width: 1280px){
.old-site-root-element .start-contents .section-services>*{
position: relative;
flex-direction: column;
align-items: stretch;
}
}
.old-site-root-element .start-contents .section-services .aside{
width: 415px;
}
@media (max-width: 1280px){
.old-site-root-element .start-contents .section-services .aside{
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
width: auto;
}
}
.old-site-root-element .start-contents .section-services .aside .caption{
font-family: Circe-Bold;
font-size: 48px;
line-height: 48px;
color: #172126;
}
@media (max-width: 1280px){
.old-site-root-element .start-contents .section-services .aside .caption{
font-size: 32px;
line-height: 36px;
width: 50%;
}
}
.old-site-root-element .start-contents .section-services .aside .info{
margin-top: 20px;
}
@media (max-width: 1280px){
.old-site-root-element .start-contents .section-services .aside .info{
margin-top: 0;
max-width: 215px;
}
}
@media (max-width: 800px){
.old-site-root-element .start-contents .section-services .aside .info{
display: none;
}
}
.old-site-root-element .start-contents .section-services .aside .info .text{
font-family: Circe-Regular;
font-size: 32px;
line-height: 36px;
color: #172126;
}
@media (max-width: 1280px){
.old-site-root-element .start-contents .section-services .aside .info .text{
font-size: 18px;
line-height: 24px;
}
}
.old-site-root-element .start-contents .section-services .aside .info .more{
display: inline-flex;
align-items: center;
justify-content: center;
vertical-align: top;
margin-top: 38px;
border: 2px solid #F47D32;
box-sizing: border-box;
border-radius: 12px;
font-family: Circe-Bold;
font-size: 12px;
line-height: 24px;
letter-spacing: .08em;
text-transform: uppercase;
color: #F47D32;
padding: 0 24px;
height: 56px;
cursor: pointer;
}
@media (max-width: 1280px){
.old-site-root-element .start-contents .section-services .aside .info .more{
border: none;
height: auto;
padding: 0;
margin-top: 8px;
font-size: 12px;
line-height: 24px;
margin-top: 8px;
}
}
.old-site-root-element .start-contents .section-services .contents{
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: flex-start;
margin-left: 80px;
flex-grow: 1;
flex-basis: 0;
}
@media (max-width: 1280px){
.old-site-root-element .start-contents .section-services .contents{
margin-left: 0;
margin-top: 24px;
flex-basis: initial;
}
}
@media (max-width: 800px){
.old-site-root-element .start-contents .section-services .contents{
margin-top: 0;
}
}
.old-site-root-element .start-contents .section-services .contents .more{
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
align-self: flex-end;
font-family: Circe-Bold;
font-size: 12px;
line-height: 24px;
letter-spacing: .08em;
text-transform: uppercase;
color: #172126;
}
@media (max-width: 1280px){
.old-site-root-element .start-contents .section-services .contents .more{
position: absolute;
right: 0;
top: 0;
}
}
.old-site-root-element .start-contents .section-services .contents .more:after{
content: '';
display: block;
background: url(/new/assets/img/upd/follow.svg) no-repeat center center/contain;
width: 32px;
height: 32px;
}
.old-site-root-element .start-contents .section-services .contents .caption{
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
padding: 0 0 16px;
margin-top: 20px;
font-family: Circe-Regular;
font-size: 10px;
line-height: 24px;
text-transform: uppercase;
flex-grow: 1;
color: #90979C;
border-bottom: 1px solid #C2C9CC;
}
@media (max-width: 1280px){
.old-site-root-element .start-contents .section-services .contents .caption{
padding: 0 0 8px;
}
}
.old-site-root-element .start-contents .section-services .contents .caption>*{
flex-grow: 1;
}
@media (max-width: 1280px){
.old-site-root-element .start-contents .section-services .contents .caption>*{
width: 50%;
flex-grow: initial;
}
}
.old-site-root-element .start-contents .section-services .contents .caption>*+*{
margin-left: 36px;
}
@media (max-width: 1280px){
.old-site-root-element .start-contents .section-services .contents .caption>*+*{
margin-left: 0;
}
}
@media (min-width: 1281px){
.old-site-root-element .start-contents .section-services .contents .caption>*:nth-child(1){
max-width: 390px;
}
}
@media (max-width: 800px){
.old-site-root-element .start-contents .section-services .contents .caption>*+*{
display: none;
}
}
.old-site-root-element .start-contents .section-services .contents .variants{
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: flex-start;
}
.old-site-root-element .start-contents .section-services .contents .variants>*{
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
min-height: 100px;
transition: background 200ms ease;
will-change: background;
}
@media (max-width: 1280px){
.old-site-root-element .start-contents .section-services .contents .variants>*{
min-height: 80px;
}
}
@media (max-width: 800px){
.old-site-root-element .start-contents .section-services .contents .variants>*{
position: relative;
flex-direction: column;
align-items: stretch;
min-height: 100px;
justify-content: center;
box-sizing: border-box;
padding-right: 36px;
}
}
.old-site-root-element .start-contents .section-services .contents .variants>*:hover{
background: rgba(242,246,247,.5);
}
.old-site-root-element .start-contents .section-services .contents .variants>*>*{
flex-grow: 1;
}
@media (max-width: 1280px){
.old-site-root-element .start-contents .section-services .contents .variants>*>*{
flex-grow: initial;
width: 50%;
}
}
@media (max-width: 800px){
.old-site-root-element .start-contents .section-services .contents .variants>*>*{
width: 100%;
}
}
.old-site-root-element .start-contents .section-services .contents .variants>*>*+*{
margin-left: 36px;
flex-basis: 0;
}
@media (max-width: 1280px){
.old-site-root-element .start-contents .section-services .contents .variants>*>*+*{
margin-left: 0;
flex-basis: initial;
}
}
@media (max-width: 1280px){
.old-site-root-element .start-contents .section-services .contents .variants>*>*+*{
margin-top: 8px;
}
}
.old-site-root-element .start-contents .section-services .contents .variants>*>*:nth-child(1){
font-family: Circe-Bold;
font-size: 32px;
line-height: 36px;
color: #172126;
max-width: 390px;
}
@media (max-width: 1280px){
.old-site-root-element .start-contents .section-services .contents .variants>*>*:nth-child(1){
font-size: 24px;
line-height: 28px;
max-width: initial;
}
}
.old-site-root-element .start-contents .section-services .contents .variants>*>*:nth-child(2){
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
font-family: Roboto;
font-size: 12px;
line-height: 16px;
color: #586066;
}
.old-site-root-element .start-contents .section-services .contents .variants>*>*:nth-child(2)>*{
max-width: 480px;
}
@media (max-width: 1280px){
.old-site-root-element .start-contents .section-services .contents .variants>*>*:nth-child(2)>*{
max-width: 380px;
}
}
.old-site-root-element .start-contents .section-services .contents .variants>*>*:nth-child(2):after{
content: '';
display: block;
min-width: 32px;
height: 32px;
background: url(/new/assets/img/upd/big-follow.svg) no-repeat center right/32px 32px;
flex-grow: 1;
}
@media (max-width: 1280px){
.old-site-root-element .start-contents .section-services .contents .variants>*>*:nth-child(2):after{
position: absolute;
right: 0;
top: calc(50% - 16px);
}
}
/************************************************************
T O P
************************************************************/
.old-site-root-element .start-contents .section-bonus{
margin-top: 200px;
overflow: hidden;
}
@media (max-width: 1340px){
.old-site-root-element .start-contents .section-bonus{
margin-top: 120px;
padding-right: 0;
}
}
@media (max-width: 900px){
.old-site-root-element .start-contents .section-bonus{
padding-right: 20px;
}
}
.old-site-root-element .start-contents .section-bonus>*{
display: flex;
position: relative;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
background: #F2F6F7;
border-radius: 20px;
padding: 144px 72px;
}
@media (max-width: 1340px){
.old-site-root-element .start-contents .section-bonus>*{
padding: 48px;
border-radius: 20px 0 0 20px;
}
}
@media (max-width: 900px){
.old-site-root-element .start-contents .section-bonus>*{
padding: 24px 20px;
border-radius: 20px;
}
}
.old-site-root-element .start-contents .section-bonus .image{
display: block;
flex-grow: 1;
max-width: 450px;
background: url(/new/assets/img/upd/card.jpg) no-repeat center left/contain;
margin-left: 36px;
}
@media (max-width: 1340px){
.old-site-root-element .start-contents .section-bonus .image{
margin-right: -24%;
max-width: 410px;
}
}
@media (max-width: 980px){
.old-site-root-element .start-contents .section-bonus .image{
margin-right: -30%;
}
}
@media (max-width: 950px){
.old-site-root-element .start-contents .section-bonus .image{
max-width: 340px;
}
}
@media (max-width: 900px){
.old-site-root-element .start-contents .section-bonus .image{
position: absolute;
margin-left: 0;
right: 15px;
top: 24px;
width: 175px;
height: 108px;
}
}
.old-site-root-element .start-contents .section-bonus .image:before{
content: '';
display: block;
width: 100%;
padding-bottom: 63%;
}
.old-site-root-element .start-contents .section-bonus .info{
flex-grow: 1;
flex-basis: 0;
}
@media (max-width: 1340px){
.old-site-root-element .start-contents .section-bonus .info{
margin-left: 0;
}
}
.old-site-root-element .start-contents .section-bonus .info .header{
font-family: Circe-Bold;
font-size: 72px;
line-height: 72px;
color: #172126;
}
@media (max-width: 1340px){
.old-site-root-element .start-contents .section-bonus .info .header{
font-size: 48px;
line-height: 48px;
}
}
@media (max-width: 900px){
.old-site-root-element .start-contents .section-bonus .info .header{
font-size: 32px;
line-height: 36px;
padding-right: 110px;
}
}
.old-site-root-element .start-contents .section-bonus .info .header span{
display: inline-block;
position: relative;
vertical-align: top;
top: 7px;
font-family: Circe-Regular;
font-size: 18px;
line-height: 24px;
color: #172126;
max-width: 365px;
margin-left: 10px;
}
@media (max-width: 1340px){
.old-site-root-element .start-contents .section-bonus .info .header span{
display: block;
margin: 24px 0 0;
max-width: 380px;
}
}
@media (max-width: 900px){
.old-site-root-element .start-contents .section-bonus .info .header span{
margin: 24px -90px 0 0;
max-width: initial;
}
}
.old-site-root-element .start-contents .section-bonus .info .actions{
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
margin-top: 48px;
}
@media (max-width: 900px){
.old-site-root-element .start-contents .section-bonus .info .actions{
flex-direction: column;
margin-top: 32px;
}
}
.old-site-root-element .start-contents .section-bonus .info .actions>*{
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
border-radius: 12px;
height: 56px;
font-family: Circe-Bold;
font-size: 16px;
line-height: 24px;
letter-spacing: .08em;
text-transform: uppercase;
padding: 0 24px;
color: #fff;
}
.old-site-root-element .start-contents .section-bonus .info .actions>*+*{
margin-left: 24px;
}
@media (max-width: 900px){
.old-site-root-element .start-contents .section-bonus .info .actions>*{
white-space: nowrap;
}
.old-site-root-element .start-contents .section-bonus .info .actions>*+*{
margin-left: 0;
margin-top: 24px;
}
}
.old-site-root-element .start-contents .section-bonus .info .actions .private{
box-shadow: 0px 18px 40px -15px rgba(255, 99, 0, 0.4);
background: #F47D32;
}
.old-site-root-element .start-contents .section-bonus .info .actions .corp{
background: #172126;
box-sizing: 0px 18px 40px -24px rgba(70, 119, 149, 0.32);
}
/************************************************************
T O P
************************************************************/
.old-site-root-element .start-contents .section-job{
margin-top: 200px;
}
@media (max-width: 1280px){
.old-site-root-element .start-contents .section-job{
margin-top: 120px;
}
}
.old-site-root-element .start-contents .section-job>*{
position: relative;
}
.old-site-root-element .start-contents .section-job .caption{
font-family: Circe-Bold;
font-size: 48px;
line-height: 48px;
color: #172126;
}
@media (max-width: 1280px){
.old-site-root-element .start-contents .section-job .caption{
font-size: 32px;
line-height: 36px;
}
}
.old-site-root-element .start-contents .section-job .nav{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
margin-top: 56px;
}
@media (max-width: 1280px){
.old-site-root-element .start-contents .section-job .nav{
margin-top: 48px;
}
}
.old-site-root-element .start-contents .section-job .nav .tabs{
display: flex;
background: #F2F6F7;
border-radius: 12px;
padding: 2px;
font-family: Circe-Regular;
font-size: 32px;
line-height: 36px;
color: #172126;
}
@media (max-width: 1280px){
.old-site-root-element .start-contents .section-job .nav .tabs{
font-size: 24px;
line-height: 28px;
}
}
@media (max-width: 800px){
.old-site-root-element .start-contents .section-job .nav .tabs{
font-size: 17px;
line-height: 28px;
width: 100%;
text-align: center;
}
}
.old-site-root-element .start-contents .section-job .nav .tabs>*{
border-radius: 12px;
padding: 16px 48px;
cursor: pointer;
}
@media (max-width: 1280px){
.old-site-root-element .start-contents .section-job .nav .tabs>*{
padding: 16px 20px;
}
}
@media (max-width: 800px){
.old-site-root-element .start-contents .section-job .nav .tabs>*{
width: 50%;
}
}
.old-site-root-element .start-contents .section-job .nav .tabs>*.active{
background: #172126;
box-shadow: 0px 18px 40px -24px rgba(70, 119, 149, 0.32);
font-family: Circe-Bold;
color: #fff;
}
.old-site-root-element .start-contents .section-job .nav .more{
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
font-family: Circe-Bold;
font-size: 12px;
line-height: 24px;
letter-spacing: .08em;
text-transform: uppercase;
color: #172126;
}
@media (max-width: 1280px){
.old-site-root-element .start-contents .section-job .nav .more{
position: absolute;
right: 0;
top: 0;
}
}
@media (max-width: 800px){
.old-site-root-element .start-contents .section-job .nav .more{
display: none;
}
}
.old-site-root-element .start-contents .section-job .nav .more:after{
content: '';
display: block;
background: url(/new/assets/img/upd/follow.svg) no-repeat center center/contain;
width: 32px;
height: 32px;
}
.old-site-root-element .start-contents .section-job .more-v2{
display: none;
flex-direction: row;
align-items: center;
justify-content: flex-start;
font-family: Circe-Bold;
font-size: 12px;
line-height: 24px;
letter-spacing: .08em;
text-transform: uppercase;
color: #172126;
margin-top: 36px;
}
@media (max-width: 800px){
.old-site-root-element .start-contents .section-job .more-v2{
display: flex;
}
}
.old-site-root-element .start-contents .section-job .more-v2:after{
content: '';
display: block;
background: url(/new/assets/img/upd/follow.svg) no-repeat center center/contain;
width: 32px;
height: 32px;
}
.old-site-root-element .start-contents .section-job .list{
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: flex-start;
flex-wrap: wrap;
width: calc(100% + 48px);
margin-top: 32px;
margin-bottom: -48px;
}
@media (max-width: 1280px){
.old-site-root-element .start-contents .section-job .list{
width: calc(100% + 32px);
margin-top: 24px;
margin-bottom: -32px;
}
}
@media (max-width: 800px){
.old-site-root-element .start-contents .section-job .list{
width: 100%;
margin-top: 32px;
margin-bottom: -16px;
}
}
.old-site-root-element .start-contents .section-job .list>*{
display: flex;
flex-direction: column-reverse;
align-items: stretch;
justify-content: flex-start;
width: 33.33%;
box-sizing: border-box;
padding-right: 48px;
margin-bottom: 48px;
}
@media (max-width: 1280px){
.old-site-root-element .start-contents .section-job .list>*{
width: 50%;
padding-right: 32px;
margin-bottom: 32px;
}
}
@media (max-width: 800px){
.old-site-root-element .start-contents .section-job .list>*{
width: 100%;
padding-right: 0;
margin-bottom: 16px;
}
}
.old-site-root-element .start-contents .section-job .list>*>*{
position: relative;
border: 1px solid #C2C9CC;
box-sizing: border-box;
border-radius: 16px;
padding: 32px;
cursor: pointer;
flex-grow: 1;
}
@media (max-width: 800px){
.old-site-root-element .start-contents .section-job .list>*>*{
position: relative;
padding: 16px 24px;
}
.old-site-root-element .start-contents .section-job .list>*>*:before{
content: '';
display: block;
position: absolute;
background: url(/new/assets/img/upd/big-follow.svg) no-repeat center center/contain;
width: 32px;
height: 32px;
top: 8px;
right: 16px;
}
}
.old-site-root-element .start-contents .section-job .list>*>*>*{
position: relative;
z-index: 1;
pointer-events: none;
}
.old-site-root-element .start-contents .section-job .list .link{
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 0;
pointer-events: initial;
}
.old-site-root-element .start-contents .section-job .list .title{
font-family: Circe-Bold;
font-size: 18px;
line-height: 24px;
color: #172126;
}
.old-site-root-element .start-contents .section-job .list .review{
font-family: Roboto;
font-size: 16px;
line-height: 24px;
color: #90979C;
margin-top: 12px;
}
@media (max-width: 800px){
.old-site-root-element .start-contents .section-job .list .review{
font-size: 12px;
line-height: 16px;
margin-top: 8px;
}
}
.old-site-root-element .start-contents .section-job .list .more{
font-family: Circe-Bold;
font-size: 12px;
line-height: 24px;
letter-spacing: .08em;
text-transform: uppercase;
color: #F47D32;
margin-top: 48px;
}
@media (max-width: 800px){
.old-site-root-element .start-contents .section-job .list .more{
display: none;
}
}
/************************************************************
T O P
************************************************************/
.old-site-root-element .start-contents .section-about{
margin-top: 200px;
}
@media (max-width: 1280px){
.old-site-root-element .start-contents .section-about{
margin-top: 160px;
}
}
@media (max-width: 800px){
.old-site-root-element .start-contents .section-about{
margin-top: 120px;
}
}
.old-site-root-element .start-contents .section-about>*{
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
position: relative;
min-height: 50vw;
padding: 48px 0;
}
@media (max-width: 1280px){
.old-site-root-element .start-contents .section-about>*{
padding: 32px 0;
min-height: initial;
height: 100vh;
max-height: 1024px;
}
}
@media (max-width: 800px){
.old-site-root-element .start-contents .section-about>*{
height: auto;
max-height: initial;
padding: 120px 20px;;
}
.old-site-root-element .start-contents .section-about.playing>*{
max-height: 57vw;
overflow: hidden;
}
}
.old-site-root-element .start-contents .section-about>*>*{
opacity: 1;
transition: opacity 200ms ease;
will-change: opacity;
}
.old-site-root-element .start-contents .section-about>*>*.hide{
pointer-events: none;
opacity: 0;
}
.old-site-root-element .start-contents .section-about .video{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 0;
overflow: hidden;
}
.old-site-root-element .start-contents .section-about .video video{
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.old-site-root-element .start-contents .section-about .poster{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
background: url(/new/assets/img/upd/poster.jpg) no-repeat center center/cover;
}
.old-site-root-element .start-contents .section-about .info{
position: relative;
z-index: 2;
color: #fff;
padding: 0 200px 0 39%;
}
@media (max-width: 1280px){
.old-site-root-element .start-contents .section-about .info{
padding: 0 48px 0 26%;
}
}
@media (max-width: 800px){
.old-site-root-element .start-contents .section-about .info{
padding: 0;
}
}
.old-site-root-element .start-contents .section-about .info .caption{
font-family: Circe-Bold;
font-size: 72px;
line-height: 72px;
color: #FFFFFF;
max-width: 540px;
}
@media (max-width: 1280px){
.old-site-root-element .start-contents .section-about .info .caption{
font-size: 48px;
line-height: 48px;
max-width: 305px;
}
}
.old-site-root-element .start-contents .section-about .info .contents{
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
margin-top: 30px;
}
@media (max-width: 1280px){
.old-site-root-element .start-contents .section-about .info .contents{
box-sizing: border-box;
padding-left: 60px;
}
}
@media (max-width: 800px){
.old-site-root-element .start-contents .section-about .info .contents{
flex-direction: column;
padding: 0;
margin: 24px 0 0;
}
}
.old-site-root-element .start-contents .section-about .info .contents .play{
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
font-family: Circe-Bold;
font-size: 12px;
line-height: 24px;
letter-spacing: .08em;
text-transform: uppercase;
color: #F2F6F7;
white-space: nowrap;
cursor: pointer;
}
@media (max-width: 800px){
.old-site-root-element .start-contents .section-about .info .contents .play{
flex-direction: row;
}
}
.old-site-root-element .start-contents .section-about .info .contents .play:before{
content: '';
display: block;
width: 72px;
height: 72px;
background: url(/new/assets/img/upd/play.svg) no-repeat center center/contain;
margin-bottom: 16px;
}
@media (max-width: 800px){
.old-site-root-element .start-contents .section-about .info .contents .play:before{
width: 32px;
height: 32px;
background-image: url(/new/assets/img/upd/play-small.svg);
margin: 0 16px 0 0;
}
}
.old-site-root-element .start-contents .section-about .info .text-wrapper{
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: flex-start;
flex-grow: 1;
margin-left: 48px;
}
@media (max-width: 1280px){
.old-site-root-element .start-contents .section-about .info .text-wrapper{
margin-left: 60px;
}
}
@media (max-width: 800px){
.old-site-root-element .start-contents .section-about .info .text-wrapper{
margin-left: 0;
}
}
.old-site-root-element .start-contents .section-about .info .text-wrapper .text{
font-family: Circe-Regular;
font-size: 18px;
line-height: 32px;
color: #fff;
max-width: 540px;
}
@media (max-width: 800px){
.old-site-root-element .start-contents .section-about .info .text-wrapper .text{
font-size: 16px;
line-height: 24px;
margin-top: 48px;
}
}
.old-site-root-element .start-contents .section-about .info .text-wrapper .more{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
align-self: flex-start;
margin-top: 56px;
height: 72px;
padding: 0 36px;
font-family: Circe-Bold;
font-size: 16px;
line-height: 24px;
letter-spacing: .08em;
text-transform: uppercase;
color: #fff;
background: #F47D32;
box-shadow: 0px 18px 40px -15px rgba(255, 99, 0, 0.4);
border-radius: 12px;
cursor: pointer;
}
@media (max-width: 800px){
.old-site-root-element .start-contents .section-about .info .text-wrapper .more{
height: 56px;
}
}
/************************************************************
T O P
************************************************************/
.old-site-root-element .start-contents .section-bonus-card{
background: #172126;
color: #fff;
padding-top: 160px;
}
@media (max-width: 1280px){
.old-site-root-element .start-contents .section-bonus-card{
padding-top: 120px;
}
}
.old-site-root-element .start-contents .section-bonus-card>*{
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
border-bottom: 1px solid #2F3A40;
padding-bottom: 96px;
}
@media (max-width: 1280px){
.old-site-root-element .start-contents .section-bonus-card>*{
padding-bottom: 72px;
}
}
@media (max-width: 800px){
.old-site-root-element .start-contents .section-bonus-card>*{
flex-direction: column;
}
}
.old-site-root-element .start-contents .section-bonus-card .left{
max-width: 490px;
flex-grow: 1;
}
.old-site-root-element .start-contents .section-bonus-card .left .caption{
font-family: Circe-Bold;
font-size: 18px;
line-height: 24px;
color: #586066;
}
.old-site-root-element .start-contents .section-bonus-card .left .header{
font-family: Circe-Bold;
font-size: 48px;
line-height: 48px;
color: #fff;
margin-top: 24px;
}
@media (max-width: 1280px){
.old-site-root-element .start-contents .section-bonus-card .left .header{
font-size: 32px;
line-height: 36px;
}
}
@media (max-width: 800px){
.old-site-root-element .start-contents .section-bonus-card .left .header{
margin-top: 16px;
}
}
.old-site-root-element .start-contents .section-bonus-card .right{
flex-grow: 1;
flex-basis: 0;
}
@media (max-width: 800px){
.old-site-root-element .start-contents .section-bonus-card .right{
flex-basis: initial;
}
}
.old-site-root-element .start-contents .section-bonus-card .right .text{
font-family: Roboto;
font-size: 16px;
line-height: 24px;
color: #90979C;
margin-top: 48px;
}
@media (max-width: 800px){
.old-site-root-element .start-contents .section-bonus-card .right .text{
margin-top: 32px;
}
}
.old-site-root-element .start-contents .section-bonus-card .right .app{
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
margin-top: 56px;
}
@media (max-width: 1280px){
.old-site-root-element .start-contents .section-bonus-card .right .app{
margin-top: 48px;
}
}
@media (max-width: 800px){
.old-site-root-element .start-contents .section-bonus-card .right .app{
flex-direction: column;
}
}
.old-site-root-element .start-contents .section-bonus-card .right .app>*{}
.old-site-root-element .start-contents .section-bonus-card .right .app>*+*{
margin-left: 32px;
}
@media (max-width: 800px){
.old-site-root-element .start-contents .section-bonus-card .right .app>*+*{
margin-top: 24px;
margin-left: 0;
}
}
.old-site-root-element .start-contents .section-bonus-card .right .app>*.appstore{
width: 178px;
height: 56px;
background: url(/new/assets/img/upd/appstore.svg) no-repeat center center/contain;
}
.old-site-root-element .start-contents .section-bonus-card .right .app>*.playmarket{
width: 203px;
height: 56px;
background: url(/new/assets/img/upd/playmarket.svg) no-repeat center center/contain;
}
/************************************************************
F O O T E R
************************************************************/
.old-site-root-element .page-footer{
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
box-sizing: border-box;
padding: 0 48px 200px;
background: #172126;
color: #fff;
overflow: hidden;
flex-shrink: 0;
}
@media (max-width: 1280px){
.old-site-root-element .page-footer{
padding-bottom: 120px;
}
}
@media (max-width: 800px){
.old-site-root-element .page-footer{
padding: 0 20px 120px;
}
}
.old-site-root-element .page-footer>*{
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: flex-start;
max-width: 1440px;
width: 100%;
flex-grow: 1;
padding: 74px 0 0;
}
@media (max-width: 800px){
.old-site-root-element .page-footer>*{
padding: 48px 0 0;
}
}
.old-site-root-element .page-footer .stretch{
flex-basis: 0;
flex-grow: 1;
min-width: 0;
min-height: 0;
}
.old-site-root-element .page-footer .top{
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: flex-start;
}
@media (max-width: 800px){
.old-site-root-element .page-footer .top{
flex-direction: column;
align-items: stretch;
}
}
.old-site-root-element .page-footer .top .left{
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: flex-start;
width: 350px;
flex-shrink: 0;
}
@media (max-width: 1280px){
.old-site-root-element .page-footer .top .left{
width: 50%;
}
.old-site-root-element .page-footer .top .left .stretch{
display: none;
}
}
@media (max-width: 800px){
.old-site-root-element .page-footer .top .left{
width: 100%;
}
}
.old-site-root-element .page-footer .top .left>*{}
@media (max-width: 800px){
.old-site-root-element .page-footer .top .left>*{
order: 3;
}
}
.old-site-root-element .page-footer .top .left .caption{
font-family: Circe-Bold;
font-size: 24px;
line-height: 28px;
color: #586066;
}
@media (max-width: 1280px){
.old-site-root-element .page-footer .top .left .caption{
font-size: 18px;
line-height: 24px;
}
}
@media (max-width: 800px){
.old-site-root-element .page-footer .top .left .caption{
margin-top: 32px;
}
}
.old-site-root-element .page-footer .top .left .contact{
margin-top: 20px;
}
.old-site-root-element .page-footer .top .left .contact+.contact{
margin-top: 16px;
}
.old-site-root-element .page-footer .top .left .contact>*{
display: block;
}
.old-site-root-element .page-footer .top .left .contact>*+*{
margin-top: 2px;
}
.old-site-root-element .page-footer .top .left .contact .title{
font-family: Roboto;
font-weight: bold;
font-size: 16px;
line-height: 24px;
color: #90979C;
}
.old-site-root-element .page-footer .top .left .contact .phone{
font-family: Roboto;
font-size: 16px;
line-height: 24px;
color: #90979C;
}
.old-site-root-element .page-footer .top .left .contact .email{
font-family: Roboto;
font-size: 16px;
line-height: 24px;
color: #90979C;
}
.old-site-root-element .page-footer .top .left .messangers{
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
margin-top: 56px;
}
@media (max-width: 800px){
.old-site-root-element .page-footer .top .left .messangers{
order: 1;
margin-top: 0;
}
}
.old-site-root-element .page-footer .top .left .messangers>*{
width: 40px;
height: 40px;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}
.old-site-root-element .page-footer .top .left .messangers>*+*{
margin-left: 16px;
}
.old-site-root-element .page-footer .top .left .messangers>*.viber{
background-image: url(/new/assets/img/start_new/viber.svg);
}
.old-site-root-element .page-footer .top .left .messangers>*.telegram{
background-image: url(/new/assets/img/start_new/telegram.svg);
}
.old-site-root-element .page-footer .top .left .messangers>*.whatsapp{
background-image: url(/new/assets/img/start_new/whatsapp.svg);
}
.old-site-root-element .page-footer .top .left .socials{
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
margin-top: 56px;
}
@media (max-width: 800px){
.old-site-root-element .page-footer .top .left .socials{
order: 2;
margin-top: 32px;
}
}
.old-site-root-element .page-footer .top .left .socials>*{
width: 24px;
height: 24px;
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
}
.old-site-root-element .page-footer .top .left .socials>*+*{
margin-left: 24px;
}
.old-site-root-element .page-footer .top .left .socials>*.vk{
background-image: url(/new/assets/img/upd/socials/vk.svg);
}
.old-site-root-element .page-footer .top .left .socials>*.youtube{
background-image: url(/new/assets/img/upd/socials/youtube.svg);
}
.old-site-root-element .page-footer .top .left .socials>*.odnoklassniki{
background-image: url(/new/assets/img/upd/socials/odnoklassniki.svg);
}
.old-site-root-element .page-footer .top .right{
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: flex-start;
flex-grow: 1;
flex-basis: 0;
margin-left: 150px;
margin-right: -110px;
/*margin-bottom: -56px;*/
min-width: 0;
}
@media (max-width: 1280px){
.old-site-root-element .page-footer .top .right{
width: 50%;
margin: 0 -32px -48px 0;
}
.old-site-root-element .page-footer .top .right .stretch{
display: none;
}
}
@media (max-width: 800px){
.old-site-root-element .page-footer .top .right{
width: 100%;
margin: 32px 0 0;
flex-basis: initial;
}
}
.old-site-root-element .page-footer .top .right .columns{
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
}
.old-site-root-element .page-footer .top .right .columns>*{
width: 33.33%;
padding-right: 110px;
margin-bottom: 56px;
flex-basis: 33.33%;
}
@media (max-width: 1280px){
.old-site-root-element .page-footer .top .right .columns>*{
width: 50%;
flex-basis: 50%;
padding-right: 32px;
margin-bottom: 48px;
}
}
@media (max-width: 800px){
.old-site-root-element .page-footer .top .right .columns>*{
width: 100%;
flex-basis: initial;
padding: 0;
margin: 0;
}
.old-site-root-element .page-footer .top .right .columns>*+*{
margin-top: 32px;
}
}
.old-site-root-element .page-footer .top .right .columns .column{}
.old-site-root-element .page-footer .top .right .columns .column .caption{
font-family: Circe-Bold;
font-size: 24px;
line-height: 28px;
color: #586066;
}
@media (max-width: 1280px){
.old-site-root-element .page-footer .top .right .columns .column .caption{
font-size: 18px;
line-height: 24px;
}
}
.old-site-root-element .page-footer .top .right .columns .column .items{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
line-height: 24px;
color: #90979C;
margin-top: 20px;
}
@media (max-width: 1280px){
.old-site-root-element .page-footer .top .right .columns .column .items{
margin-top: 16px;
}
}
.old-site-root-element .page-footer .top .right .columns .column .items>*{
display: block;
}
.old-site-root-element .page-footer .top .right .columns .column .items>*+*{
margin-top: 16px;
}
.old-site-root-element .page-footer .top .right .columns .stations{}
.old-site-root-element .page-footer .top .right .columns .stations .caption{
font-family: Roboto;
font-weight: bold;
font-size: 16px;
line-height: 24px;
color: #90979C;
}
.old-site-root-element .page-footer .top .right .columns .stations .slider{
width: 100%;
margin-top: 16px;
overflow: hidden;
}
.old-site-root-element .page-footer .top .right .columns .stations .slider>*{
width: 100%;
}
.old-site-root-element .page-footer .top .right .columns .stations .slider>*>*{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
line-height: 24px;
color: #90979C;
}
.old-site-root-element .page-footer .top .right .columns .stations .slider .address{}
.old-site-root-element .page-footer .top .right .columns .stations .slider .phone{}
.old-site-root-element .page-footer .top .right .columns .stations .slider .mode{}
.old-site-root-element .page-footer .top .right .columns .stations .nav{
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
margin-top: 16px;
}
.old-site-root-element .page-footer .top .right .columns .stations .nav>*{
width: 32px;
height: 32px;
background: url(/new/assets/img/upd/next.svg) no-repeat center center/contain;
cursor: pointer;
}
.old-site-root-element .page-footer .top .right .columns .stations .nav>*+*{
margin-left: 16px;
}
.old-site-root-element .page-footer .top .right .columns .stations .nav>*.prev{
transform-origin: center center;
transform: rotate(180deg);
}
.old-site-root-element .page-footer .top .right .columns .payment{}
.old-site-root-element .page-footer .top .right .columns .payment .caption{
font-family: Roboto;
font-weight: bold;
font-size: 16px;
line-height: 24px;
color: #90979C;
}
.old-site-root-element .page-footer .top .right .columns .payment .variants{
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
margin: 24px -16px -16px 0;
}
.old-site-root-element .page-footer .top .right .columns .payment .variants>*{
margin: 0 16px 16px 0;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
height: 34px;
}
@media (max-width: 800px){
.old-site-root-element .page-footer .top .right .columns .payment .variants>*{
height: 24px;
}
}
.old-site-root-element .page-footer .top .right .columns .payment .variants>*.mastercard{
width: 68px;
background: url(/new/assets/img/upd/payment/mastercard.png) no-repeat center center/contain;
}
.old-site-root-element .page-footer .top .right .columns .payment .variants>*.visa{
width: 68px;
background: url(/new/assets/img/upd/payment/visa.png) no-repeat center center/contain;
}
.old-site-root-element .page-footer .top .right .columns .payment .variants>*.mir{
width: 68px;
background: url(/new/assets/img/upd/payment/mir.png) no-repeat center center/contain;
}
.old-site-root-element .page-footer .top .right .columns .payment .variants>*.halva{
width: 91px;
background: url(/new/assets/img/upd/payment/halva.svg) no-repeat center center/contain;
}
@media (max-width: 800px){
.old-site-root-element .page-footer .top .right .columns .payment .variants>*{
height: 24px;
}
.old-site-root-element .page-footer .top .right .columns .payment .variants>*.mastercard{
width: 49px;
}
.old-site-root-element .page-footer .top .right .columns .payment .variants>*.visa{
width: 49px;
}
.old-site-root-element .page-footer .top .right .columns .payment .variants>*.mir{
width: 49px;
}
.old-site-root-element .page-footer .top .right .columns .payment .variants>*.halva{
width: 64px;
}
}
.old-site-root-element .page-footer .top .right .columns .special-links{
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
font-family: Roboto;
font-size: 16px;
line-height: 24px;
color: #90979C;
}
@media (max-width: 800px){
.old-site-root-element .page-footer .top .right .columns .special-links{
align-items: stretch;
margin-top: 40px;
}
}
.old-site-root-element .page-footer .top .right .columns .special-links>*{
padding: 24px 20px;
border: 1px solid #586066;
border-radius: 16px;
box-sizing: border-box;
}
.old-site-root-element .page-footer .top .right .columns .special-links>*>*{
display: block;
}
.old-site-root-element .page-footer .top .right .columns .special-links>*>*+*{
margin-top: 16px;
}
.old-site-root-element .page-footer .top .right .about{
box-sizing: border-box;
padding-right: 110px;
}
@media (max-width: 1280px){
.old-site-root-element .page-footer .top .right .about{
display: none;
}
}
.old-site-root-element .page-footer .top .right .about .info{
font-family: Roboto;
font-size: 12px;
line-height: 16px;
color: #586066;
}
.old-site-root-element .page-footer .top .right .about .copyright{
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
margin-top: 24px;
}
.old-site-root-element .page-footer .top .right .about .copyright .logo{
width: 107px;
height: 16px;
background: url(/new/assets/img/upd/logo-gray.svg) no-repeat center center/contain;
}
.old-site-root-element .page-footer .top .right .about .copyright .text{
font-family: Roboto;
font-weight: bold;
font-size: 16px;
line-height: 24px;
color: #586066;
margin-left: 48px;
}
.old-site-root-element .page-footer .bottom{
display: none;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
margin-top: 56px;
}
@media (max-width: 1280px){
.old-site-root-element .page-footer .bottom{
display: flex;
}
}
@media (max-width: 800px){
.old-site-root-element .page-footer .bottom{
flex-direction: column-reverse;
margin-top: 32px;
}
}
.old-site-root-element .page-footer .bottom .copyright{
width: 50%;
}
@media (max-width: 800px){
.old-site-root-element .page-footer .bottom .copyright{
margin-top: 32px;
width: auto;
}
}
.old-site-root-element .page-footer .bottom .copyright .logo{
display: block;
vertical-align: initial;
width: 107px;
height: 16px;
background: url(/new/assets/img/upd/logo-gray.svg) no-repeat center center/contain;
}
.old-site-root-element .page-footer .bottom .copyright .text{
font-family: Roboto;
font-weight: bold;
font-size: 16px;
line-height: 24px;
color: #586066;
margin-top: 16px;
}
@media (max-width: 800px){
.old-site-root-element .page-footer .bottom .copyright .text{
width: 100%;
}
}
.old-site-root-element .page-footer .bottom .info{
flex-grow: 1;
flex-basis: 0;
min-width: 0;
margin-left: 150px;
}
@media (max-width: 1280px){
.old-site-root-element .page-footer .bottom .info{
flex-grow: initial;
flex-basis: initial;
width: 50%;
margin-left: 0;
}
}
@media (max-width: 800px){
.old-site-root-element .page-footer .bottom .info{
flex-basis: initial;
width: 100%;
}
}
.old-site-root-element .page-footer .bottom .info>*{
font-family: Roboto;
font-weight: normal;
font-size: 12px;
line-height: 16px;
color: #586066;
max-width: 940px;
}
/************************************************************
F O O T E R
************************************************************/
.old-site-root-element .promo-bonus-card{
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
box-sizing: border-box;
padding: 0 48px;
background: #172126;
color: #fff;
overflow: hidden;
}
@media (max-width: 800px){
.old-site-root-element .promo-bonus-card{
padding: 0 20px;
}
}
.old-site-root-element .promo-bonus-card>*{
display: flex;
position: relative;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
width: 100%;
box-sizing: border-box;
max-width: 1440px;
padding: 190px 0 160px;
border-bottom: 1px solid #2F3A40;
}
@media (max-width: 800px){
.old-site-root-element .promo-bonus-card>*{
padding: 90px 0;
}
}
.old-site-root-element .promo-bonus-card .image{
display: block;
/*position: absolute;*/
margin-left: 0;
right: 0px;
top: 0;
width: 550px;
height: 320px;
background: url(/new/assets/img/upd/promo-banner.png) no-repeat center left/contain;
}
@media (max-width: 1280px){
.old-site-root-element .promo-bonus-card .image{
position: absolute;
top: 190px;
right: 0;
}
}
@media (max-width: 1150px){
.old-site-root-element .promo-bonus-card .image{
right: -160px;
}
}
@media (max-width: 990px){
.old-site-root-element .promo-bonus-card .image{
right: -320px;
}
}
@media (max-width: 800px){
.old-site-root-element .promo-bonus-card .image{
top: 90px;
right: -400px;
}
}
.old-site-root-element .promo-bonus-card .image:before{
content: '';
display: block;
width: 100%;
padding-bottom: 63%;
}
.old-site-root-element .promo-bonus-card .info{
/*flex-grow: 1;*/
/*flex-basis: 0;*/
}
.old-site-root-element .promo-bonus-card .info .header{
font-family: Circe-Bold;
font-size: 72px;
line-height: 72px;
}
@media (max-width: 1280px){
.old-site-root-element .promo-bonus-card .info .header{
font-size: 48px;
line-height: 48px;
}
}
@media (max-width: 800px){
.old-site-root-element .promo-bonus-card .info .header{
font-size: 32px;
line-height: 36px;
padding-right: 110px;
}
}
.old-site-root-element .promo-bonus-card .info .header span{
display: inline-block;
position: relative;
vertical-align: top;
top: 7px;
font-family: Circe-Regular;
font-size: 18px;
line-height: 24px;
max-width: 365px;
margin-left: 10px;
}
@media (max-width: 1280px){
.old-site-root-element .promo-bonus-card .info .header span{
display: block;
margin: 24px 0 0;
max-width: 450px;
}
}
@media (max-width: 800px){
.old-site-root-element .promo-bonus-card .info .header span{
margin: 24px 0 0;
max-width: 320px;
}
}
.old-site-root-element .promo-bonus-card .info .actions{
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
margin-top: 48px;
}
@media (max-width: 800px){
.old-site-root-element .promo-bonus-card .info .actions{
flex-direction: column;
margin-top: 32px;
}
}
.old-site-root-element .promo-bonus-card .info .actions>*{
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
border-radius: 12px;
height: 56px;
font-family: Circe-Bold;
font-size: 16px;
line-height: 24px;
letter-spacing: .08em;
text-transform: uppercase;
padding: 0 24px;
color: #fff;
}
.old-site-root-element .promo-bonus-card .info .actions>*+*{
margin-left: 24px;
}
@media (max-width: 800px){
.old-site-root-element .promo-bonus-card .info .actions>*{
white-space: nowrap;
}
.old-site-root-element .promo-bonus-card .info .actions>*+*{
margin-left: 0;
margin-top: 24px;
}
}
.old-site-root-element .promo-bonus-card .info .actions .private{
box-shadow: 0px 18px 40px -15px rgba(255, 99, 0, 0.4);
background: #F47D32;
}
.old-site-root-element .promo-bonus-card .info .actions .corp{
background: #fff;
color: #172126;
/*box-sizing: 0px 18px 40px -24px rgba(70, 119, 149, 0.32);*/
}
.old-site-root-element .page-scroll-to-top{
display: flex;
position: fixed;
flex-direction: column;
align-items: center;
justify-content: center;
right: 36px;
bottom: 36px;
width: 72px;
height: 72px;
z-index: 2;
background: #fff;
box-shadow:
0px 0 10px -4px rgba(70, 119, 149, .16),
0px 12px 20px 0px rgba(70, 119, 149, .16)
;
border-radius: 36px;
cursor: pointer;
transition: opacity 200ms ease;
will-change: opacity;
opacity: 0;
pointer-events: none;
}
@media(max-width: 800px){
.personal_html .old-site-root-element .page-scroll-to-top{
display: none;
}
}
@media(max-width: 599px){
.old-site-root-element .page-scroll-to-top{
right: 16px;
bottom: 16px;
width: 56px;
height: 56px;
}
}
.old-site-root-element .page-scroll-to-top.shown{
opacity: 1;
pointer-events: initial;
}
.old-site-root-element .page-scroll-to-top:before{
content: '';
display: block;
background: url(/new/assets/img/upd/dropdown.svg) no-repeat center center/contain;
width: 24px;
height: 24px;
transform: rotate(180deg);
}
.old-site-root-element .fitservice-contact-widget{
right: 48px;
bottom: 36px;
z-index: 10;
transition: bottom 200ms ease;
will-change: bottom;
}
@media(max-width: 800px){
.personal_html .old-site-root-element .fitservice-contact-widget{
bottom: 100px;
}
}
.old-site-root-element .page-scroll-to-top.shown + .fitservice-contact-widget{
bottom: 134px;
}
@media(max-width: 599px){
.old-site-root-element .fitservice-contact-widget{
width:35px;
right: 26px;
bottom: 26px;
}
.old-site-root-element .page-scroll-to-top.shown + .fitservice-contact-widget{
bottom: 96px;
}
.old-site-root-element .fitservice-contact-widget-link{
margin-bottom: 10px;
}
}
.old-site-root-element .start-contents .section-osago{
padding-top: 160px;
overflow: hidden;
padding-bottom: 160px;
margin-bottom: -160px;
}
@media (max-width: 1360px){
.old-site-root-element .start-contents .section-osago{
padding-top: 120px;
padding-bottom: 120px;
margin-bottom: -120px;
padding-right: 0;
}
}
@media (max-width: 800px){
.old-site-root-element .start-contents .section-osago{
padding-right: 20px;
}
}
.old-site-root-element .start-contents .section-osago>*{
display: flex;
position: relative;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
padding: 92px 0 60px 72px;
background: #F2F6F7;
border-radius: 20px;
}
@media (max-width: 1360px){
.old-site-root-element .start-contents .section-osago>*{
border-radius: 20px 0 0 20px;
padding: 48px;
}
}
@media (max-width: 800px){
.old-site-root-element .start-contents .section-osago>*{
border-radius: 20px;
padding: 24px 20px;
}
}
.old-site-root-element .start-contents .section-osago .info{
position: relative;
max-width: 680px;
z-index: 1;
}
.old-site-root-element .start-contents .section-osago .info .header{
font-family: Circe-Bold;
font-size: 72px;
line-height: 72px;
color: #172126;
}
@media (max-width: 1360px){
.old-site-root-element .start-contents .section-osago .info .header{
font-size: 48px;
line-height: 48px;
}
}
@media (max-width: 800px){
.old-site-root-element .start-contents .section-osago .info .header{
font-size: 32px;
line-height: 36px;
}
}
.old-site-root-element .start-contents .section-osago .info .text{
font-family: Circe-Bold;
font-size: 32px;
line-height: 36px;
color: #172126;
margin-top: 56px;
}
@media (max-width: 1360px){
.old-site-root-element .start-contents .section-osago .info .text{
font-size: 24px;
line-height: 28px;
margin-top: 48px;
max-width: 465px;
}
}
@media (max-width: 800px){
.old-site-root-element .start-contents .section-osago .info .text{
font-size: 18px;
line-height: 24px;
margin-top: 48px;
max-width: 465px;
}
}
.old-site-root-element .start-contents .section-osago .info .car-number{
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
margin-top: 24px;
}
@media (max-width: 1360px){
.old-site-root-element .start-contents .section-osago .info .car-number{
margin-top: 32px;
}
}
@media (max-width: 800px){
.old-site-root-element .start-contents .section-osago .info .car-number{
flex-direction: column;
align-items: flex-start;
margin-top: 20px;
}
}
.old-site-root-element .start-contents .section-osago .info .car-number .value{
background: #fff;
border: 1px solid #C2C9CC;
border-radius: 12px;
box-sizing: border-box;
overflow: hidden;
height: 56px;
flex-grow: 1;
max-width: 440px;
}
@media (max-width: 800px){
.old-site-root-element .start-contents .section-osago .info .car-number .value{
width: 100%;
}
}
.old-site-root-element .start-contents .section-osago .info .car-number .value input{
display: block;
font-family: Roboto;
font-size: 16px;
line-height: 56px;
color: #172126;
text-indent: 16px;
width: 100%;
text-transform: uppercase;
}
.old-site-root-element .start-contents .section-osago .info .car-number .value input::placeholder{
color: #586066;
text-transform: initial;
}
.old-site-root-element .start-contents .section-osago .info .car-number .continue{
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
text-align: center;
background: #F47D32;
box-shadow: 0px 18px 40px -15px rgba(255, 99, 0, 0.4);
border-radius: 12px;
height: 56px;
padding: 0 24px;
margin-left: 24px;
}
.old-site-root-element .start-contents .section-osago .info .car-number .continue.disabled{
background: #bbb;
box-shadow: none;
pointer-events: none;
}
@media (max-width: 800px){
.old-site-root-element .start-contents .section-osago .info .car-number .continue{
margin-left: 0;
margin-top: 32px;
}
}
.old-site-root-element .start-contents .section-osago .info .car-number .continue:before{
content: 'продолжить';
font-family: Circe-Bold;
font-size: 16px;
line-height: 24px;
letter-spacing: .08em;
text-transform: uppercase;
color: #FFF;
}
.old-site-root-element .start-contents .section-osago .info .go-to{
font-family: Roboto;
font-size: 12px;
line-height: 16px;
color: #586066;
margin-top: 16px;
}
.old-site-root-element .start-contents .section-osago .info .go-to.v2{
display: none;
}
@media (max-width: 800px){
.old-site-root-element .start-contents .section-osago .info .go-to{
display: none;
}
.old-site-root-element .start-contents .section-osago .info .go-to.v2{
display: block;
}
}
.old-site-root-element .start-contents .section-osago .info .mono-go{
display: inline-flex;
flex-direction: row;
align-items: center;
justify-content: center;
align-self: flex-start;
text-align: center;
background: #F47D32;
box-shadow: 0px 18px 40px -15px rgba(255, 99, 0, 0.4);
border-radius: 12px;
height: 56px;
padding: 0 24px;
margin-top: 32px;
}
.old-site-root-element .start-contents .section-osago .info .mono-go:before{
content: 'Рассчитать';
font-family: Circe-Bold;
font-size: 16px;
line-height: 24px;
letter-spacing: .08em;
text-transform: uppercase;
color: #FFF;
}
.old-site-root-element .start-contents .section-osago .image{
display: block;
position: absolute;
z-index: 0;
right: -50px;
top: 50%;
height: calc(100% + 200px);
transform: translate(0,-50%);
}
@media (max-width: 1360px){
.old-site-root-element .start-contents .section-osago .image{
right: -140px;
}
}
@media (max-width: 800px){
.old-site-root-element .start-contents .section-osago .image{
right: auto;
left: calc(100% - 210px);
top: -30px;
transform: none;
}
}
.old-site-root-element .start-contents .section-recomm{
margin: 96px 0 -64px;
overflow: hidden;
}
@media (max-width: 800px){
.old-site-root-element .start-contents .section-recomm{
margin: 120px 0 -28px;
}
}
.old-site-root-element .start-contents .section-recomm>*{
position: relative;
}
.old-site-root-element .start-contents .section-recomm .header{
font-family: Circe-Bold;
font-size: 48px;
line-height: 48px;
color: #172126;
}
@media (max-width: 800px){
.old-site-root-element .start-contents .section-recomm .header{
font-size: 32px;
line-height: 36px;
}
}
.old-site-root-element .start-contents .section-recomm .slide-to{
position: absolute;
width: 32px;
height: 32px;
top: 160px;
border: 1px solid #F2F6F7;
border-radius: 12px;
background: url(/new/assets/img/upd/discounts/slide-next.svg) no-repeat center center/24px auto;
box-sizing: border-box;
cursor: pointer;
transition: opacity 200ms ease;
will-change: opacity;
}
.old-site-root-element .start-contents .section-recomm .slide-to.prev{
left: -64px;
transform-origin: center center;
transform: rotate(180deg);
}
.old-site-root-element .start-contents .section-recomm .slide-to.next{
right: -64px;
}
.old-site-root-element .start-contents .section-recomm .slide-to.hide{
opacity: 0;
pointer-events: none;
}
@media (max-width: 1600px){
.old-site-root-element .start-contents .section-recomm .slide-to.prev{
left: -40px;
}
.old-site-root-element .start-contents .section-recomm .slide-to.next{
right: -40px;
}
}
@media (max-width: 800px){
.old-site-root-element .start-contents .section-recomm .slide-to{
display: none;
}
}
.old-site-root-element .start-contents .section-recomm .slider{
width: 100%;
margin-top: 32px;
overflow: hidden;
}
@media (max-width: 800px){
.old-site-root-element .start-contents .section-recomm .slider{
margin-top: 24px;
}
}
@media (max-width: 640px){
.old-site-root-element .start-contents .section-recomm .slider{
overflow: visible;
}
}
.old-site-root-element .start-contents .section-recomm .slider>*{}
.old-site-root-element .start-contents .section-recomm .slider>*>*{
width: 304px;
position: relative;
}
@media (max-width: 800px){
.old-site-root-element .start-contents .section-recomm .slider>*>*{
width: 192px;
}
}
.old-site-root-element .start-contents .section-recomm .slider>*>*>*{
position: relative;
pointer-events: none;
z-index: 1;
}
.old-site-root-element .start-contents .section-recomm .slider .link{
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: initial;
cursor: pointer;
z-index: 0;
}
.old-site-root-element .start-contents .section-recomm .slider .banner{
height: 192px;
border-radius: 16px;
box-sizing: border-box;
overflow: hidden;
}
.old-site-root-element .start-contents .section-recomm .slider .caption{
font-family: Circe-Regular;
font-size: 18px;
line-height: 24px;
color: #172126;
margin-top: 24px;
}
@media (max-width: 800px){
.old-site-root-element .start-contents .section-recomm .slider .caption{
margin-top: 20px;
}
}
.old-site-root-element .start-contents .section-recomm #fit-recomm-halva{}
.old-site-root-element .start-contents .section-recomm #fit-recomm-halva .banner{
background: url(/new/assets/img/start/recomm/halva-logo.svg) no-repeat center center/208px auto , #F04E53;
}
@media (max-width: 800px){
.old-site-root-element .start-contents .section-recomm #fit-recomm-halva .banner{
background-size: 140px auto;
}
}
.old-site-root-element .start-contents .section-recomm #fit-recomm-osago{}
.old-site-root-element .start-contents .section-recomm #fit-recomm-osago .banner{
background: url(/new/assets/img/start/recomm/sravni_ru-logo.svg) no-repeat center center/208px auto, #eaeaea;
}
@media (max-width: 800px){
.old-site-root-element .start-contents .section-recomm #fit-recomm-osago .banner{
background-size: 140px auto;
}
}
/*
.start-contents .section-recomm #fit-recomm-carprice{}
.start-contents .section-recomm #fit-recomm-carprice .banner{
background: url(/new/assets/img/start/recomm/carprice-bg.jpg) no-repeat center center/cover;
}
.start-contents .section-recomm #fit-recomm-carprice .banner:before{
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(to top, rgba(23, 33, 38, 0.8) 0%, rgba(23, 33, 38, 0) 50%);
mix-blend-mode: luminosity;
z-index: 0;
}
.start-contents .section-recomm #fit-recomm-carprice .banner:after{
content: '';
display: block;
position: absolute;
width: 92px;
height: 15px;
background: url(/new/assets/img/start/recomm/carprice-logo.svg) no-repeat left bottom/contain;
left: 20px;
bottom: 20px;
z-index: 1;
}
@media (max-width: 800px){
.start-contents .section-recomm #fit-recomm-carprice .banner{
background: url(/new/assets/img/start/recomm/carprice-bg-mobile.jpg) no-repeat center center/cover;
}
}
*/
.old-site-root-element .start-contents .section-recomm #fit-recomm-techinspect{}
.old-site-root-element .start-contents .section-recomm #fit-recomm-techinspect .banner{
background: url(/new/assets/img/start/recomm/techinspect-bg.jpg) no-repeat center center/cover;
padding: 20px 0 0 20px;
}
.old-site-root-element .start-contents .section-recomm #fit-recomm-techinspect .banner:before{
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(to bottom, rgba(23, 33, 38, 0.6) 0%, rgba(23, 33, 38, 0) 75.94%);
mix-blend-mode: luminosity;
z-index: 0;
}
.old-site-root-element .start-contents .section-recomm #fit-recomm-techinspect .banner:after{
content: 'Технический осмотр';
display: block;
position: relative;
font-family: Circe-Bold;
font-size: 24px;
line-height: 28px;
max-width: 220px;
color: #fff;
padding-right: 36px;
z-index: 1;
}
@media (max-width: 800px){
.old-site-root-element .start-contents .section-recomm #fit-recomm-techinspect .banner{
background: url(/new/assets/img/start/recomm/techinspect-bg-mobile.jpg) no-repeat center center/cover;
}
.old-site-root-element .start-contents .section-recomm #fit-recomm-techinspect .banner:before{
background: linear-gradient(to bottom, rgba(23, 33, 38, 0.8) 0%, rgba(23, 33, 38, 0) 77.36%);
}
.old-site-root-element .start-contents .section-recomm #fit-recomm-techinspect .banner:after{
padding-right: 0;
}
}
.old-site-root-element .start-contents .section-recomm #fit-recomm-evak{}
.old-site-root-element .start-contents .section-recomm #fit-recomm-evak .banner{
background: url(/new/assets/img/start/recomm/evak-bg.png) no-repeat right bottom/contain, #F2F6F7;
padding: 20px 0 0 20px;
}
.old-site-root-element .start-contents .section-recomm #fit-recomm-evak .banner:before{
content: 'Эвакуатор';
display: block;
font-family: Circe-Bold;
font-size: 24px;
line-height: 28px;
color: #172126;
}
@media (max-width: 800px){
.old-site-root-element .start-contents .section-recomm #fit-recomm-evak .banner{
background: url(/new/assets/img/start/recomm/evak-bg-mobile.png) no-repeat right bottom/contain, #F2F6F7;
}
}
.old-site-root-element .start-contents .section-recomm #fit-recomm-avarkom{}
.old-site-root-element .start-contents .section-recomm #fit-recomm-avarkom .banner{
background: url(/new/assets/img/start/recomm/avarkom-bg.png) no-repeat right bottom/contain, #F2F6F7;
padding: 20px 0 0 20px;
}
.old-site-root-element .start-contents .section-recomm #fit-recomm-avarkom .banner:before{
content: 'Аварком';
display: block;
font-family: Circe-Bold;
font-size: 24px;
line-height: 28px;
color: #172126;
}
@media (max-width: 800px){
.old-site-root-element .start-contents .section-recomm #fit-recomm-avarkom .banner{
background: url(/new/assets/img/start/recomm/avarkom-bg-mobile.png) no-repeat right bottom/contain, #F2F6F7;
}
}
.old-site-root-element .start-contents .section-recomm #fit-recomm-dtp{}
.old-site-root-element .start-contents .section-recomm #fit-recomm-dtp .banner{
background: url(/new/assets/img/start/recomm/dtp-bg.png) no-repeat right bottom/contain, #F2F6F7;
padding: 20px 0 0 20px;
}
.old-site-root-element .start-contents .section-recomm #fit-recomm-dtp .banner:before{
content: 'Горячая линия ДТП';
display: block;
font-family: Circe-Bold;
font-size: 24px;
line-height: 28px;
color: #172126;
padding-right: 48px;
max-width: 200px;
}
@media (max-width: 800px){
.old-site-root-element .start-contents .section-recomm #fit-recomm-dtp .banner{
background: url(/new/assets/img/start/recomm/dtp-bg-mobile.png) no-repeat right bottom/contain, #F2F6F7;
}
.old-site-root-element .start-contents .section-recomm #fit-recomm-dtp .banner:before{
padding-right: 0;
}
}
.old-site-root-element .start-contents .section-recomm #fit-recomm-rekpp{}
.old-site-root-element .start-contents .section-recomm #fit-recomm-rekpp .banner{
background: url(/new/assets/img/start/recomm/rekpp-bg.jpg) no-repeat center center/cover;
padding: 20px 0 0 20px;
}
.old-site-root-element .start-contents .section-recomm #fit-recomm-rekpp .banner:before{
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(to bottom, rgba(23, 33, 38, 0.8) 0%, rgba(23, 33, 38, 0) 66.98%);
mix-blend-mode: luminosity;
z-index: 0;
}
.old-site-root-element .start-contents .section-recomm #fit-recomm-rekpp .banner:after{
content: 'Восстановленные АКПП';
display: block;
position: relative;
font-family: Circe-Bold;
font-size: 24px;
line-height: 28px;
color: #fff;
z-index: 1;
}
@media (max-width: 800px){
.old-site-root-element .start-contents .section-recomm #fit-recomm-rekpp .banner{
background: url(/new/assets/img/start/recomm/rekpp-bg-mobile.jpg) no-repeat center center/cover;
}
.old-site-root-element .start-contents .section-recomm #fit-recomm-rekpp .banner:before{
background: linear-gradient(to bottom, rgba(23, 33, 38, 0.8) 0%, rgba(23, 33, 38, 0) 55.19%)
}
.old-site-root-element .start-contents .section-recomm #fit-recomm-rekpp .banner:after{
font-size: 18px;
line-height: 24px;
}
}
.old-site-root-elementhtml{
background: none;
}
.old-site-root-element.mainMenu{
min-height: 100vw;
}
.old-site-root-element.closeMainMenu{
position: absolute;
width: 32px;
height: 32px;
right: 20px;
top: 20px;
cursor: pointer;
}
.old-site-root-element.closeMainMenu:before,
.old-site-root-element.closeMainMenu:after{
content: '';
display: block;
position: absolute;
width: 100%;
height: 2px;
top: calc(50% - 1px);
left: 0;
transform-origin: center center;
background: #fff;
}
.old-site-root-element.closeMainMenu:before{
transform: rotate(45deg);
}
.old-site-root-element.closeMainMenu:after{
transform: rotate(-45deg);
}
/************************************************************
H E A D E R
************************************************************/
.old-site-root-element.page-header{
display: flex;
position: relative;
flex-direction: column;
align-items: center;
justify-content: flex-start;
box-sizing: border-box;
padding: 48px 48px 24px;
min-height: 104px;
box-sizing: border-box;
z-index: 1;
}
@media (max-width: 1080px){
.old-site-root-element.page-header{
min-height: 84px;
padding: 36px 48px 24px;
}
}
@media (max-width: 800px){
.old-site-root-element.page-header{
padding: 0 20px;
}
}
@media (max-width: 640px){
.old-site-root-element.page-header{
min-height: 68px;
}
}
.old-site-root-element.page-header>*{
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
max-width: 1440px;
width: 100%;
flex-grow: 1;
}
@media (max-width: 640px){
.old-site-root-element.page-header>*{
justify-content: space-between;
}
}
.old-site-root-element.page-header .logo{
flex-shrink: 0;
width: 107px;
height: 16px;
background: url(/new/assets/img/upd/logo.svg) no-repeat left center/contain;
}
.osago_body .old-site-root-element.page-header{
position: relative;
}
.old-site-root-element.page-header .city{
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
font-family: Roboto;
font-size: 12px;
line-height: 16px;
color: #172126;
padding: 0 36px;
min-width: 250px;
box-sizing: border-box;
z-index: 1;
}
@media (max-width: 1440px){
.old-site-root-element.page-header .city{
min-width: 230px;
}
.old-site-root-element.page-header.logged-in .city{
padding: 0 20px;
min-width: 200px;
}
}
@media (max-width: 1200px){
.old-site-root-element.page-header .city{
min-width: 220px;
}
}
@media (max-width: 1080px){
.old-site-root-element.page-header .city{
flex-grow: 1;
}
}
@media (max-width: 640px){
.old-site-root-element.page-header .city{
display: none;
}
}
.old-site-root-element.page-header .city .city-inner{
display: flex;
position: relative;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}
.old-site-root-element.page-header .city .city-link{
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
cursor: pointer;
transition: opacity 100ms ease;
will-change: opacity;
}
.old-site-root-element.page-header .city.expanded .city-link{
transition: opacity 100ms ease 100ms;
opacity: 0;
}
.old-site-root-element.page-header .city.expanded .city-link,
.old-site-root-element.page-header .city.expanded .city-link *{
pointer-events: none;
}
.old-site-root-element.page-header .city .city-link:after{
content: '';
display: block;
width: 24px;
height: 24px;
background: url(/new/assets/img/upd/dropdown.svg) no-repeat center center/contain;
}
.old-site-root-element.page-header .city .city-chooser{
position: absolute;
left: 0;
top: calc(50% - 20px);
width: 260px;
opacity: 0;
transition: opacity 200ms ease;
will-change: opacity;
}
@media (max-width: 1080px){
.old-site-root-element.page-header .city .city-chooser{
left: calc(50% - 130px);
}
}
.old-site-root-element.page-header .city.expanded .city-chooser{
opacity: 1;
}
.old-site-root-element.page-header .city .city-chooser,
.old-site-root-element.page-header .city .city-chooser *{
pointer-events: none;
}
.old-site-root-element.page-header .city.expanded .city-chooser,
.old-site-root-element.page-header .city.expanded .city-chooser *{
pointer-events: initial;
}
.old-site-root-element.page-header .nav{
display: flex;
position: relative;
flex-direction: row;
align-items: center;
justify-content: space-between;
flex-grow: 1;
}
@media (max-width: 1080px){
.old-site-root-element.page-header .nav{
display: none;
}
}
.old-site-root-element.page-header .nav>*{
display: flex;
position: relative;
flex-direction: row;
align-items: center;
justify-content: flex-start;
font-family: Circe-Bold;
font-size: 12px;
line-height: 24px;
letter-spacing: .08em;
text-transform: uppercase;
color: #172126;
white-space: pre;
}
.old-site-root-element.page-header .nav>*+*{
margin-left: 24px;
}
@media (max-width: 1380px){
.old-site-root-element.page-header .nav .nav-item__about{
display: none;
}
}
@media (max-width: 1280px){
.old-site-root-element.page-header .nav .nav-item__job{
display: none;
}
}
@media (max-width: 1150px){
.old-site-root-element.page-header .nav .nav-item__bonus{
display: none;
}
}
.old-site-root-element.page-header .nav .nav-item__liquids:before,
.old-site-root-element.page-header .nav .nav-item__cond:before,
.old-site-root-element.page-header .nav .nav-item__diag:before,
.old-site-root-element.page-header .nav .nav-item__tirefitting:before{
content: '';
display: block;
position: relative;
width: 24px;
height: 24px;
top: -2px;
margin-right: 8px;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}
.old-site-root-element.page-header .nav .nav-item__cond:before{
background-image: url(/new/assets/img/upd/header-nav/cond.svg);
}
.old-site-root-element.page-header .nav .nav-item__diag:before{
top: 0;
background-image: url(/new/assets/img/upd/header-nav/diag.svg);
}
.old-site-root-element.page-header .nav .nav-item__tirefitting:before{
background-image: url(/new/assets/img/upd/header-nav/tirefitting.svg);
}
.old-site-root-element.page-header .nav .nav-item__liquids:before{
background-image: url(/new/assets/img/upd/header-nav/liquids.svg);
}
.old-site-root-element.page-header .account{
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
font-family: Roboto;
font-size: 16px;
line-height: 24px;
color: #172126;
cursor: pointer;
max-width: 200px;
margin-left: 76px;
}
.old-site-root-element.page-header.logged-in .account{
margin-left: 38px;
}
@media (max-width: 1440px){
.old-site-root-element.page-header .account{
margin-left: 66px;
}
.old-site-root-element.page-header.logged-in .account{
margin-left: 33px;
max-width: 160px;
}
}
@media (max-width: 1200px){
.old-site-root-element.page-header .account{
margin-left: 60px;
}
.old-site-root-element.page-header.logged-in .account{
margin-left: 30px;
}
}
@media (max-width: 1080px){
.old-site-root-element.page-header .account,
.old-site-root-element.page-header.logged-in .account{
margin-left: 0;
}
.old-site-root-element.page-header.logged-in .account{
max-width: 200px;
}
}
@media (max-width: 640px){
.old-site-root-element.page-header .account{
display: none;
}
}
.old-site-root-element.page-header .account.empty{
max-width: initial;
}
.old-site-root-element.page-header .account.empty>*{
display: none;
}
.old-site-root-element.page-header .account:before{
content: '';
display: block;
width: 32px;
height: 32px;
background: url(/new/assets/img/upd/account.svg) no-repeat center center/contain;
margin-right: 12px;
flex-shrink: 0;
}
.old-site-root-element.page-header .account.empty:before{
margin-right: 0;
}
.old-site-root-element.page-header .account span{
max-width: 150px;
display: inline-block;
vertical-align: top;
overflow: hidden;
text-overflow: ellipsis;
}
@media (max-width: 1440px){
.old-site-root-element.page-header.logged-in .account span{
max-width: 110px;
}
}
@media (max-width: 1080px){
.old-site-root-element.page-header.logged-in .account span{
max-width: 150px;
}
}
.old-site-root-element.page-header .nav-button{
/*display: none;*/
width: 32px;
height: 32px;
background: url(/new/assets/img/upd/nav.svg) no-repeat center center/contain;
cursor: pointer;
margin-left: 48px;
flex-shrink: 0;
}
/*
.page-header .empty+.nav-button{
margin-left: 48px;
}
*/
.old-site-root-element.page-header.logged-in .nav-button{
margin-left: 24px;
}
@media (max-width: 1440px){
.old-site-root-element.page-header .nav-button{
margin-left: 32px;
}
.old-site-root-element.page-header.logged-in .nav-button{
margin-left: 16px;
}
}
@media (max-width: 1200px){
.old-site-root-element.page-header .nav-button{
margin-left: 24px;
}
.old-site-root-element.page-header.logged-in .nav-button{
margin-left: 12px;
}
}
@media (max-width: 1080px){
.old-site-root-element.page-header .nav-button{
margin-left: 48px;
}
.old-site-root-element.page-header.logged-in .nav-button{
margin-left: 24px;
}
}
@media (max-width: 640px){
.old-site-root-element.page-header .nav-button,
.old-site-root-element.page-header.logged-in .nav-button{
margin-left: 0;
}
}
/************************************************************
B A S I C S
************************************************************/
.old-site-root-element.start-contents{
position: relative;
z-index: 0;
}
.old-site-root-element.start-contents .section{
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
box-sizing: border-box;
padding: 0 48px;
}
@media (max-width: 800px){
.old-site-root-element.start-contents .section{
padding: 0 20px;
}
}
.old-site-root-element.start-contents .section>*{
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: flex-start;
flex-grow: 1;
width: 100%;
max-width: 1440px;
}
/************************************************************
T O P
************************************************************/
.old-site-root-element.start-contents .section-top{}
.old-site-root-element.start-contents .section-top>*{
position: relative;
border-radius: 20px;
background: url(/new/assets/img/upd/top.png) no-repeat right center/auto 100%, #172126;
box-sizing: border-box;
padding: 144px 120px 128px;
color: #fff;
}
@media (max-width: 1280px){
.old-site-root-element.start-contents .section-top>*{
padding: 72px 60px;
}
}
@media (max-width: 800px){
.old-site-root-element.start-contents .section-top>*{
background-position: center center;
padding: 32px 24px;
}
}
.old-site-root-element.start-contents .section-top .info{
max-width: 650px;
}
@media (max-width: 1280px){
.old-site-root-element.start-contents .section-top .info{
max-width: 410px;
}
}
.old-site-root-element.start-contents .section-top .info .caption{
font-family: Circe-Bold;
font-size: 80px;
line-height: 80px;
color: #fff;
}
@media (max-width: 1280px){
.old-site-root-element.start-contents .section-top .info .caption{
font-size: 48px;
line-height: 48px;
}
}
@media (max-width: 800px){
.old-site-root-element.start-contents .section-top .info .caption{
font-size: 32px;
line-height: 36px;
}
}
.old-site-root-element.start-contents .section-top .info .actions{
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
margin-top: 48px;
}
@media (max-width: 1280px){
.old-site-root-element.start-contents .section-top .info .actions{
margin-top: 32px;
}
}
@media (max-width: 800px){
.old-site-root-element.start-contents .section-top .info .actions{
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
margin-top: 100px;
}
}
.old-site-root-element.start-contents .section-top .info .actions .to-service{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background: #F47D32;
box-shadow: 0px 18px 40px -24px rgba(70, 119, 149, 0.32);
border-radius: 12px;
font-family: Circe-Bold;
font-size: 12px;
line-height: 24px;
letter-spacing: .08em;
text-transform: uppercase;
color: #fff;
height: 72px;
min-width: 215px;
}
@media (max-width: 1280px){
.old-site-root-element.start-contents .section-top .info .actions .to-service{
height: 56px;
min-width: 190px;
}
}
.old-site-root-element.start-contents .section-top .info .actions .cancel{
margin-left: 32px;
font-family: Circe-Bold;
font-size: 12px;
line-height: 24px;
letter-spacing: .08em;
text-transform: uppercase;
color: #586066;
border-bottom: 1px solid #586066;
cursor: pointer;
}
@media (max-width: 800px){
.old-site-root-element.start-contents .section-top .info .actions .cancel{
margin: 24px 0 0;
}
}
/************************************************************
T O P
************************************************************/
.old-site-root-element.start-contents .section-search{
position: relative;
margin-top: 32px;
z-index: 1;
}
@media (max-width: 1280px){
.old-site-root-element.start-contents .section-search{
margin-top: 24px;
}
}
.old-site-root-element.start-contents .section-search>*{
position: relative;
}
.old-site-root-element.start-contents .section-search .panel{
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
}
@media (max-width: 800px){
.old-site-root-element.start-contents .section-search .panel{
flex-direction: column;
}
}
.old-site-root-element.start-contents .section-search .panel .search{
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: flex-start;
border: 1px solid #172126;
box-sizing: border-box;
border-radius: 12px;
height: 56px;
min-width: 400px;
}
@media (max-width: 1280px){
.old-site-root-element.start-contents .section-search .panel .search{
min-width: initial;
}
}
@media (max-width: 800px){
.old-site-root-element.start-contents .section-search .panel .search{
order: 1;
}
}
@media (max-width: 460px){
.old-site-root-element.start-contents .section-search .panel .search{
width: 100%;
}
}
.old-site-root-element.start-contents .section-search .panel .search input{
padding: 0 16px;
box-sizing: border-box;
flex-grow: 1;
font-family: Roboto;
font-size: 16px;
line-height: 24px;
color: #586066;
}
.old-site-root-element.start-contents .section-search .panel .search:after{
content: '';
display: block;
width: 24px;
height: 24px;
background: url(/new/assets/img/upd/search.svg) no-repeat center center/contain;
margin-right: 12px;
align-self: center;
}
.old-site-root-element.start-contents .section-search .panel .tags{
margin: 0 -24px -24px 24px;
flex-grow: 1;
flex-basis: 0;
}
@media (max-width: 1280px){
.old-site-root-element.start-contents .section-search .panel .tags{
margin: 0 -16px -16px 24px;
}
}
@media (max-width: 800px){
.old-site-root-element.start-contents .section-search .panel .tags{
order: 3;
margin: 24px 0 0;
flex-basis: initial;
}
.old-site-root-element.newStartCarRecordingBlock{
order: 2;
}
}
@media (max-width: 480px){
.old-site-root-element.start-contents .section-search .panel .tags{
position: relative;
width: calc(100% + 40px);
left: -20px;
overflow: hidden;
}
}
.old-site-root-element.start-contents .section-search .panel .tags>*{}
.old-site-root-element.start-contents .section-search .panel .tags>*>*{
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
width: 100%;
}
@media (max-width: 480px){
.old-site-root-element.start-contents .section-search .panel .tags>*>*{
max-width: 650px;
width: auto;
}
}
.old-site-root-element.start-contents .section-search .panel .tags>*>*>*{
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
font-family: Circe-Regular;
font-size: 18px;
line-height: 24px;
color: #172126;
margin: 0 24px 24px 0;
padding: 0 24px;
height: 56px;
border-radius: 28px;
background: #F2F6F7;
width: auto;
}
@media (max-width: 1280px){
.old-site-root-element.start-contents .section-search .panel .tags>*>*>*{
margin: 0 16px 16px 0;
}
}
@media (max-width: 800px){
.old-site-root-element.start-contents .section-search .panel .tags>*>*>*{
margin: 0 16px 16px 0;
padding: 0 16px;
height: 40px;
border-radius: 20px;
}
}
@media (max-width: 480px){
.old-site-root-element.start-contents .section-search .panel .tags>*>*>*{
/*margin: 0;*/
}
}
.old-site-root-element.start-contents .section-search .panel .tags>*>*>*.more{
box-sizing: border-box;
width: 72px;
}
.old-site-root-element.start-contents .section-search .panel .tags>*>*>*.more:before{
content: '';
display: block;
width: 24px;
height: 24px;
background: url(/new/assets/img/upd/more.svg) no-repeat center center/contain;
}
.old-site-root-element.start-contents .section-search .result{
position: absolute;
top: 56px;
left: 0;
width: 100%;
z-index: 1;
}
.old-site-root-element.start-contents .section-search .result.hidden{
display: none;
}
.old-site-root-element.start-contents .section-search .result>*{
position: absolute;
top: 0;
left: -16px;
width: calc(100% + 32px);
padding: 0;
box-sizing: border-box;
}
@media (max-width: 800px){
.old-site-root-element.start-contents .section-search .result>*{
padding: 0;
}
}
.old-site-root-element.start-contents .section-search .result>*>*{
padding: 16px;
background: #fff;
border-radius: 16px;
box-shadow: 0px 42px 42px -28px rgb(61 79 89 / 32%);
box-sizing: border-box;
}
.old-site-root-element.start-contents .section-search .result>*>*>*{
display: block;
position: relative;
font-family: Circe-Bold;
font-size: 18px;
line-height: 24px;
color: #1a1a1a;
cursor: pointer;
min-height: 48px;
padding: 12px 32px 12px 0;
cursor: pointer;
}
.old-site-root-element.start-contents .section-search .result>*>*>*:before{
content: '';
display: block;
position: absolute;
width: 24px;
height: 24px;
background: url(/new/assets/img/start/search/dropdown.svg) no-repeat center center/24px auto;
transform: rotate(-90deg);
pointer-events: none;
right: 0;
top: calc(50% - 12px);
}
/************************************************************
T O P
************************************************************/
.old-site-root-element.start-contents .section-discounts{
position: relative;
margin-top: 72px;
z-index: 0;
}
@media (max-width: 1280px){
.old-site-root-element.start-contents .section-discounts{
margin-top: 56px;
}
}
@media (max-width: 800px){
.old-site-root-element.start-contents .section-discounts{
margin-top: 64px;
}
}
.old-site-root-element.start-contents .section-discounts>*{}
.old-site-root-element.start-contents .section-discounts .header{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.old-site-root-element.start-contents .section-discounts .header .title{
font-family: Circe-Bold;
font-size: 48px;
line-height: 48px;
color: #172126;
}
@media (max-width: 1280px){
.old-site-root-element.start-contents .section-discounts .header .title{
font-size: 32px;
line-height: 36px;
}
}
.old-site-root-element.start-contents .section-discounts .header .more{
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
font-family: Circe-Bold;
font-size: 12px;
line-height: 12px;
letter-spacing: .08em;
text-transform: uppercase;
color: #172126;
}
.old-site-root-element.start-contents .section-discounts .header .more:after{
content: '';
display: block;
background: url(/new/assets/img/upd/follow.svg) no-repeat center center/contain;
width: 32px;
height: 32px;
}
.old-site-root-element.start-contents .section-discounts .grid{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr;
grid-auto-flow: column;
grid-column-gap: 32px;
grid-row-gap: 32px;
margin-top: 32px;
font-family: Circe-Bold;
color: #fff;
}
@media (max-width: 1280px){
.old-site-root-element.start-contents .section-discounts .grid{
grid-column-gap: 24px;
grid-row-gap: 24px;
margin-top: 24px;
}
}
@media (max-width: 1150px){
.old-site-root-element.start-contents .section-discounts .grid{
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr 1fr;
}
}
@media (max-width: 700px){
.old-site-root-element.start-contents .section-discounts .grid{
grid-template-columns: 1fr;
grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
grid-column-gap: 0;
grid-row-gap: 20px;
}
}
.old-site-root-element.start-contents .section-discounts .grid>*{
display: block;
box-sizing: border-box;
padding: 32px;
border-radius: 16px;
min-height: 224px;
box-shadow: 0px 42px 42px -28px rgba(61, 79, 89, .32);
color: #fff;
}
@media (max-width: 1280px){
.old-site-root-element.start-contents .section-discounts .grid>*{
min-height: 212px;
padding: 24px;
}
}
@media (max-width: 1150px){
.old-site-root-element.start-contents .section-discounts .grid>*{
min-height: 200px;
}
}
@media (max-width: 700px){
.old-site-root-element.start-contents .section-discounts .grid>*{
min-height: 160px;
padding: 20px;
}
}
@media (min-width: 701px){
.old-site-root-element.start-contents .section-discounts .grid>*:nth-child(3){
grid-row-start: 1;
grid-row-end: 3;
}
}
.old-site-root-element.start-contents .section-discounts .grid .title{
font-family: Circe-Bold;
font-size: 24px;
line-height: 28px;
max-width: 210px;
}
@media (max-width: 700px){
.old-site-root-element.start-contents .section-discounts .grid .title{
font-size: 16px;
line-height: 24px;
max-width: 170px;
}
}
.old-site-root-element.start-contents .section-discounts .grid .title span{
color: #F47D32;
}
.old-site-root-element.start-contents .section-discounts .grid .review{
font-family: Roboto;
font-size: 12px;
line-height: 16px;
max-width: 210px;
margin-top: 8px;
}
.old-site-root-element.start-contents .section-discounts .grid #start-promo--lynxauto{}
/* .start-contents .section-discounts .grid #start-promo--cond--06-22{
background: url(/new/assets/img/upd/discounts/cond-06.22/1920.jpg) no-repeat center center/cover;
}
*/
.old-site-root-element.start-contents .section-discounts .grid #start-promo--14-let{
background: url(/new/assets/img/upd/discounts/14let/1920.jpg) no-repeat center center/cover;
}
.old-site-root-element.start-contents .section-discounts .grid #start-promo--halva--06-22{
background: url(/new/assets/img/upd/discounts/halva-06.22/1920.jpg) no-repeat center center/cover;
color: #172126;
}
.old-site-root-element.start-contents .section-discounts .grid #start-promo--diag--06-22{
background: url(/new/assets/img/upd/discounts/50-06.22/1920.jpg) no-repeat center center/cover;
}
.old-site-root-element.start-contents .section-discounts .grid #start-promo--liquids--06-22{
background: url(/new/assets/img/upd/discounts/liquids-06.22/1920.jpg) no-repeat center center/cover;
}
.old-site-root-element.start-contents .section-discounts .grid #start-promo--liquids-kz--06-22{
background: url(/new/assets/img/upd/discounts/liquids-kz-06.22/1920.jpg) no-repeat center center/cover;
}
.old-site-root-element.start-contents .section-discounts .grid #start-promo--dvs--06-22{
background: url(/new/assets/img/upd/discounts/dvs-06.22/1920.jpg) no-repeat center center/cover;
color: #172126;
}
@media (max-width: 1280px){
/* .start-contents .section-discounts .grid #start-promo--cond--06-22{
background: url(/new/assets/img/upd/discounts/cond-06.22/1280.jpg) no-repeat center center/cover;
}
*/
.old-site-root-element.start-contents .section-discounts .grid #start-promo--14-let{
background: url(/new/assets/img/upd/discounts/14let/1280.jpg) no-repeat center center/cover;
}
.old-site-root-element.start-contents .section-discounts .grid #start-promo--halva--06-22{
background: url(/new/assets/img/upd/discounts/halva-06.22/1280.jpg) no-repeat center center/cover;
}
.old-site-root-element.start-contents .section-discounts .grid #start-promo--diag--06-22{
background: url(/new/assets/img/upd/discounts/50-06.22/1280.jpg) no-repeat center center/cover;
}
.old-site-root-element.start-contents .section-discounts .grid #start-promo--liquids--06-22{
background: url(/new/assets/img/upd/discounts/liquids-06.22/1280.jpg) no-repeat center center/cover;
}
.old-site-root-element.start-contents .section-discounts .grid #start-promo--liquids-kz--06-22{
background: url(/new/assets/img/upd/discounts/liquids-kz-06.22/1280.jpg) no-repeat center center/cover;
}
.old-site-root-element.start-contents .section-discounts .grid #start-promo--dvs--06-22{
background: url(/new/assets/img/upd/discounts/dvs-06.22/1280.jpg) no-repeat center center/cover;
}
}
@media (max-width: 1150px){
/* .start-contents .section-discounts .grid #start-promo--cond--06-22{
background: url(/new/assets/img/upd/discounts/cond-06.22/768.jpg) no-repeat center center/cover;
order: 1;
}
*/
.old-site-root-element.start-contents .section-discounts .grid #start-promo--14-let{
background: url(/new/assets/img/upd/discounts/14let/768.jpg) no-repeat center center/cover;
}
.old-site-root-element.start-contents .section-discounts .grid #start-promo--halva--06-22{
background: url(/new/assets/img/upd/discounts/halva-06.22/768.jpg) no-repeat center center/cover;
order: 2;
}
.old-site-root-element.start-contents .section-discounts .grid #start-promo--diag--06-22{
background: url(/new/assets/img/upd/discounts/50-06.22/768.jpg) no-repeat center center/cover;
order: 4;
}
.old-site-root-element.start-contents .section-discounts .grid #start-promo--liquids--06-22{
background: url(/new/assets/img/upd/discounts/liquids-06.22/768.jpg) no-repeat center center/cover;
order: 3;
}
.old-site-root-element.start-contents .section-discounts .grid #start-promo--liquids-kz--06-22{
background: url(/new/assets/img/upd/discounts/liquids-kz-06.22/768.jpg) no-repeat center center/cover;
order: 3;
}
.old-site-root-element.start-contents .section-discounts .grid #start-promo--dvs--06-22{
background: url(/new/assets/img/upd/discounts/dvs-06.22/768.jpg) no-repeat center center/cover;
order: 5;
}
}
@media (max-width: 700px){
/* .start-contents .section-discounts .grid #start-promo--cond--06-22{
background: url(/new/assets/img/upd/discounts/cond-06.22/360.jpg) no-repeat center center/cover;
order: 2;
}
*/
.old-site-root-element.start-contents .section-discounts .grid #start-promo--14-let{
background: url(/new/assets/img/upd/discounts/14let/360.jpg) no-repeat center center/cover;
}
.old-site-root-element.start-contents .section-discounts .grid #start-promo--halva--06-22{
background: url(/new/assets/img/upd/discounts/halva-06.22/360.jpg) no-repeat center center/cover;
order: 3;
}
.old-site-root-element.start-contents .section-discounts .grid #start-promo--diag--06-22{
background: url(/new/assets/img/upd/discounts/50-06.22/360.jpg) no-repeat center center/cover;
order: 1;
}
.old-site-root-element.start-contents .section-discounts .grid #start-promo--liquids--06-22{
background: url(/new/assets/img/upd/discounts/liquids-06.22/360.jpg) no-repeat center center/cover;
order: 4;
}
.old-site-root-element.start-contents .section-discounts .grid #start-promo--liquids-kz--06-22{
background: url(/new/assets/img/upd/discounts/liquids-kz-06.22/360.jpg) no-repeat center center/cover;
order: 4;
}
.old-site-root-element.start-contents .section-discounts .grid #start-promo--dvs--06-22{
background: url(/new/assets/img/upd/discounts/dvs-06.22/360.jpg) no-repeat center center/cover;
order: 5;
}
}
/************************************************************
T O P
************************************************************/
.old-site-root-element.start-contents .section-services{
margin-top: 160px;
}
@media (max-width: 1280px){
.old-site-root-element.start-contents .section-services{
margin-top: 120px;
}
}
.old-site-root-element.start-contents .section-services>*{
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
}
@media (max-width: 1280px){
.old-site-root-element.start-contents .section-services>*{
position: relative;
flex-direction: column;
align-items: stretch;
}
}
.old-site-root-element.start-contents .section-services .aside{
width: 415px;
}
@media (max-width: 1280px){
.old-site-root-element.start-contents .section-services .aside{
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
width: auto;
}
}
.old-site-root-element.start-contents .section-services .aside .caption{
font-family: Circe-Bold;
font-size: 48px;
line-height: 48px;
color: #172126;
}
@media (max-width: 1280px){
.old-site-root-element.start-contents .section-services .aside .caption{
font-size: 32px;
line-height: 36px;
width: 50%;
}
}
.old-site-root-element.start-contents .section-services .aside .info{
margin-top: 20px;
}
@media (max-width: 1280px){
.old-site-root-element.start-contents .section-services .aside .info{
margin-top: 0;
max-width: 215px;
}
}
@media (max-width: 800px){
.old-site-root-element.start-contents .section-services .aside .info{
display: none;
}
}
.old-site-root-element.start-contents .section-services .aside .info .text{
font-family: Circe-Regular;
font-size: 32px;
line-height: 36px;
color: #172126;
}
@media (max-width: 1280px){
.old-site-root-element.start-contents .section-services .aside .info .text{
font-size: 18px;
line-height: 24px;
}
}
.old-site-root-element.start-contents .section-services .aside .info .more{
display: inline-flex;
align-items: center;
justify-content: center;
vertical-align: top;
margin-top: 38px;
border: 2px solid #F47D32;
box-sizing: border-box;
border-radius: 12px;
font-family: Circe-Bold;
font-size: 12px;
line-height: 24px;
letter-spacing: .08em;
text-transform: uppercase;
color: #F47D32;
padding: 0 24px;
height: 56px;
cursor: pointer;
}
@media (max-width: 1280px){
.old-site-root-element.start-contents .section-services .aside .info .more{
border: none;
height: auto;
padding: 0;
margin-top: 8px;
font-size: 12px;
line-height: 24px;
margin-top: 8px;
}
}
.old-site-root-element.start-contents .section-services .contents{
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: flex-start;
margin-left: 80px;
flex-grow: 1;
flex-basis: 0;
}
@media (max-width: 1280px){
.old-site-root-element.start-contents .section-services .contents{
margin-left: 0;
margin-top: 24px;
flex-basis: initial;
}
}
@media (max-width: 800px){
.old-site-root-element.start-contents .section-services .contents{
margin-top: 0;
}
}
.old-site-root-element.start-contents .section-services .contents .more{
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
align-self: flex-end;
font-family: Circe-Bold;
font-size: 12px;
line-height: 24px;
letter-spacing: .08em;
text-transform: uppercase;
color: #172126;
}
@media (max-width: 1280px){
.old-site-root-element.start-contents .section-services .contents .more{
position: absolute;
right: 0;
top: 0;
}
}
.old-site-root-element.start-contents .section-services .contents .more:after{
content: '';
display: block;
background: url(/new/assets/img/upd/follow.svg) no-repeat center center/contain;
width: 32px;
height: 32px;
}
.old-site-root-element.start-contents .section-services .contents .caption{
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
padding: 0 0 16px;
margin-top: 20px;
font-family: Circe-Regular;
font-size: 10px;
line-height: 24px;
text-transform: uppercase;
flex-grow: 1;
color: #90979C;
border-bottom: 1px solid #C2C9CC;
}
@media (max-width: 1280px){
.old-site-root-element.start-contents .section-services .contents .caption{
padding: 0 0 8px;
}
}
.old-site-root-element.start-contents .section-services .contents .caption>*{
flex-grow: 1;
}
@media (max-width: 1280px){
.old-site-root-element.start-contents .section-services .contents .caption>*{
width: 50%;
flex-grow: initial;
}
}
.old-site-root-element.start-contents .section-services .contents .caption>*+*{
margin-left: 36px;
}
@media (max-width: 1280px){
.old-site-root-element.start-contents .section-services .contents .caption>*+*{
margin-left: 0;
}
}
@media (min-width: 1281px){
.old-site-root-element.start-contents .section-services .contents .caption>*:nth-child(1){
max-width: 390px;
}
}
@media (max-width: 800px){
.old-site-root-element.start-contents .section-services .contents .caption>*+*{
display: none;
}
}
.old-site-root-element.start-contents .section-services .contents .variants{
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: flex-start;
}
.old-site-root-element.start-contents .section-services .contents .variants>*{
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
min-height: 100px;
transition: background 200ms ease;
will-change: background;
}
@media (max-width: 1280px){
.old-site-root-element.start-contents .section-services .contents .variants>*{
min-height: 80px;
}
}
@media (max-width: 800px){
.old-site-root-element.start-contents .section-services .contents .variants>*{
position: relative;
flex-direction: column;
align-items: stretch;
min-height: 100px;
justify-content: center;
box-sizing: border-box;
padding-right: 36px;
}
}
.old-site-root-element.start-contents .section-services .contents .variants>*:hover{
background: rgba(242,246,247,.5);
}
.old-site-root-element.start-contents .section-services .contents .variants>*>*{
flex-grow: 1;
}
@media (max-width: 1280px){
.old-site-root-element.start-contents .section-services .contents .variants>*>*{
flex-grow: initial;
width: 50%;
}
}
@media (max-width: 800px){
.old-site-root-element.start-contents .section-services .contents .variants>*>*{
width: 100%;
}
}
.old-site-root-element.start-contents .section-services .contents .variants>*>*+*{
margin-left: 36px;
flex-basis: 0;
}
@media (max-width: 1280px){
.old-site-root-element.start-contents .section-services .contents .variants>*>*+*{
margin-left: 0;
flex-basis: initial;
}
}
@media (max-width: 1280px){
.old-site-root-element.start-contents .section-services .contents .variants>*>*+*{
margin-top: 8px;
}
}
.old-site-root-element.start-contents .section-services .contents .variants>*>*:nth-child(1){
font-family: Circe-Bold;
font-size: 32px;
line-height: 36px;
color: #172126;
max-width: 390px;
}
@media (max-width: 1280px){
.old-site-root-element.start-contents .section-services .contents .variants>*>*:nth-child(1){
font-size: 24px;
line-height: 28px;
max-width: initial;
}
}
.old-site-root-element.start-contents .section-services .contents .variants>*>*:nth-child(2){
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
font-family: Roboto;
font-size: 12px;
line-height: 16px;
color: #586066;
}
.old-site-root-element.start-contents .section-services .contents .variants>*>*:nth-child(2)>*{
max-width: 480px;
}
@media (max-width: 1280px){
.old-site-root-element.start-contents .section-services .contents .variants>*>*:nth-child(2)>*{
max-width: 380px;
}
}
.old-site-root-element.start-contents .section-services .contents .variants>*>*:nth-child(2):after{
content: '';
display: block;
min-width: 32px;
height: 32px;
background: url(/new/assets/img/upd/big-follow.svg) no-repeat center right/32px 32px;
flex-grow: 1;
}
@media (max-width: 1280px){
.old-site-root-element.start-contents .section-services .contents .variants>*>*:nth-child(2):after{
position: absolute;
right: 0;
top: calc(50% - 16px);
}
}
/************************************************************
T O P
************************************************************/
.old-site-root-element.start-contents .section-bonus{
margin-top: 200px;
overflow: hidden;
}
@media (max-width: 1340px){
.old-site-root-element.start-contents .section-bonus{
margin-top: 120px;
padding-right: 0;
}
}
@media (max-width: 900px){
.old-site-root-element.start-contents .section-bonus{
padding-right: 20px;
}
}
.old-site-root-element.start-contents .section-bonus>*{
display: flex;
position: relative;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
background: #F2F6F7;
border-radius: 20px;
padding: 144px 72px;
}
@media (max-width: 1340px){
.old-site-root-element.start-contents .section-bonus>*{
padding: 48px;
border-radius: 20px 0 0 20px;
}
}
@media (max-width: 900px){
.old-site-root-element.start-contents .section-bonus>*{
padding: 24px 20px;
border-radius: 20px;
}
}
.old-site-root-element.start-contents .section-bonus .image{
display: block;
flex-grow: 1;
max-width: 450px;
background: url(/new/assets/img/upd/card.jpg) no-repeat center left/contain;
margin-left: 36px;
}
@media (max-width: 1340px){
.old-site-root-element.start-contents .section-bonus .image{
margin-right: -24%;
max-width: 410px;
}
}
@media (max-width: 980px){
.old-site-root-element.start-contents .section-bonus .image{
margin-right: -30%;
}
}
@media (max-width: 950px){
.old-site-root-element.start-contents .section-bonus .image{
max-width: 340px;
}
}
@media (max-width: 900px){
.old-site-root-element.start-contents .section-bonus .image{
position: absolute;
margin-left: 0;
right: 15px;
top: 24px;
width: 175px;
height: 108px;
}
}
.old-site-root-element.start-contents .section-bonus .image:before{
content: '';
display: block;
width: 100%;
padding-bottom: 63%;
}
.old-site-root-element.start-contents .section-bonus .info{
flex-grow: 1;
flex-basis: 0;
}
@media (max-width: 1340px){
.old-site-root-element.start-contents .section-bonus .info{
margin-left: 0;
}
}
.old-site-root-element.start-contents .section-bonus .info .header{
font-family: Circe-Bold;
font-size: 72px;
line-height: 72px;
color: #172126;
}
@media (max-width: 1340px){
.old-site-root-element.start-contents .section-bonus .info .header{
font-size: 48px;
line-height: 48px;
}
}
@media (max-width: 900px){
.old-site-root-element.start-contents .section-bonus .info .header{
font-size: 32px;
line-height: 36px;
padding-right: 110px;
}
}
.old-site-root-element.start-contents .section-bonus .info .header span{
display: inline-block;
position: relative;
vertical-align: top;
top: 7px;
font-family: Circe-Regular;
font-size: 18px;
line-height: 24px;
color: #172126;
max-width: 365px;
margin-left: 10px;
}
@media (max-width: 1340px){
.old-site-root-element.start-contents .section-bonus .info .header span{
display: block;
margin: 24px 0 0;
max-width: 380px;
}
}
@media (max-width: 900px){
.old-site-root-element.start-contents .section-bonus .info .header span{
margin: 24px -90px 0 0;
max-width: initial;
}
}
.old-site-root-element.start-contents .section-bonus .info .actions{
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
margin-top: 48px;
}
@media (max-width: 900px){
.old-site-root-element.start-contents .section-bonus .info .actions{
flex-direction: column;
margin-top: 32px;
}
}
.old-site-root-element.start-contents .section-bonus .info .actions>*{
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
border-radius: 12px;
height: 56px;
font-family: Circe-Bold;
font-size: 16px;
line-height: 24px;
letter-spacing: .08em;
text-transform: uppercase;
padding: 0 24px;
color: #fff;
}
.old-site-root-element.start-contents .section-bonus .info .actions>*+*{
margin-left: 24px;
}
@media (max-width: 900px){
.old-site-root-element.start-contents .section-bonus .info .actions>*{
white-space: nowrap;
}
.old-site-root-element.start-contents .section-bonus .info .actions>*+*{
margin-left: 0;
margin-top: 24px;
}
}
.old-site-root-element.start-contents .section-bonus .info .actions .private{
box-shadow: 0px 18px 40px -15px rgba(255, 99, 0, 0.4);
background: #F47D32;
}
.old-site-root-element.start-contents .section-bonus .info .actions .corp{
background: #172126;
box-sizing: 0px 18px 40px -24px rgba(70, 119, 149, 0.32);
}
/************************************************************
T O P
************************************************************/
.old-site-root-element.start-contents .section-job{
margin-top: 200px;
}
@media (max-width: 1280px){
.old-site-root-element.start-contents .section-job{
margin-top: 120px;
}
}
.old-site-root-element.start-contents .section-job>*{
position: relative;
}
.old-site-root-element.start-contents .section-job .caption{
font-family: Circe-Bold;
font-size: 48px;
line-height: 48px;
color: #172126;
}
@media (max-width: 1280px){
.old-site-root-element.start-contents .section-job .caption{
font-size: 32px;
line-height: 36px;
}
}
.old-site-root-element.start-contents .section-job .nav{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
margin-top: 56px;
}
@media (max-width: 1280px){
.old-site-root-element.start-contents .section-job .nav{
margin-top: 48px;
}
}
.old-site-root-element.start-contents .section-job .nav .tabs{
display: flex;
background: #F2F6F7;
border-radius: 12px;
padding: 2px;
font-family: Circe-Regular;
font-size: 32px;
line-height: 36px;
color: #172126;
}
@media (max-width: 1280px){
.old-site-root-element.start-contents .section-job .nav .tabs{
font-size: 24px;
line-height: 28px;
}
}
@media (max-width: 800px){
.old-site-root-element.start-contents .section-job .nav .tabs{
font-size: 17px;
line-height: 28px;
width: 100%;
text-align: center;
}
}
.old-site-root-element.start-contents .section-job .nav .tabs>*{
border-radius: 12px;
padding: 16px 48px;
cursor: pointer;
}
@media (max-width: 1280px){
.old-site-root-element.start-contents .section-job .nav .tabs>*{
padding: 16px 20px;
}
}
@media (max-width: 800px){
.old-site-root-element.start-contents .section-job .nav .tabs>*{
width: 50%;
}
}
.old-site-root-element.start-contents .section-job .nav .tabs>*.active{
background: #172126;
box-shadow: 0px 18px 40px -24px rgba(70, 119, 149, 0.32);
font-family: Circe-Bold;
color: #fff;
}
.old-site-root-element.start-contents .section-job .nav .more{
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
font-family: Circe-Bold;
font-size: 12px;
line-height: 24px;
letter-spacing: .08em;
text-transform: uppercase;
color: #172126;
}
@media (max-width: 1280px){
.old-site-root-element.start-contents .section-job .nav .more{
position: absolute;
right: 0;
top: 0;
}
}
@media (max-width: 800px){
.old-site-root-element.start-contents .section-job .nav .more{
display: none;
}
}
.old-site-root-element.start-contents .section-job .nav .more:after{
content: '';
display: block;
background: url(/new/assets/img/upd/follow.svg) no-repeat center center/contain;
width: 32px;
height: 32px;
}
.old-site-root-element.start-contents .section-job .more-v2{
display: none;
flex-direction: row;
align-items: center;
justify-content: flex-start;
font-family: Circe-Bold;
font-size: 12px;
line-height: 24px;
letter-spacing: .08em;
text-transform: uppercase;
color: #172126;
margin-top: 36px;
}
@media (max-width: 800px){
.old-site-root-element.start-contents .section-job .more-v2{
display: flex;
}
}
.old-site-root-element.start-contents .section-job .more-v2:after{
content: '';
display: block;
background: url(/new/assets/img/upd/follow.svg) no-repeat center center/contain;
width: 32px;
height: 32px;
}
.old-site-root-element.start-contents .section-job .list{
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: flex-start;
flex-wrap: wrap;
width: calc(100% + 48px);
margin-top: 32px;
margin-bottom: -48px;
}
@media (max-width: 1280px){
.old-site-root-element.start-contents .section-job .list{
width: calc(100% + 32px);
margin-top: 24px;
margin-bottom: -32px;
}
}
@media (max-width: 800px){
.old-site-root-element.start-contents .section-job .list{
width: 100%;
margin-top: 32px;
margin-bottom: -16px;
}
}
.old-site-root-element.start-contents .section-job .list>*{
display: flex;
flex-direction: column-reverse;
align-items: stretch;
justify-content: flex-start;
width: 33.33%;
box-sizing: border-box;
padding-right: 48px;
margin-bottom: 48px;
}
@media (max-width: 1280px){
.old-site-root-element.start-contents .section-job .list>*{
width: 50%;
padding-right: 32px;
margin-bottom: 32px;
}
}
@media (max-width: 800px){
.old-site-root-element.start-contents .section-job .list>*{
width: 100%;
padding-right: 0;
margin-bottom: 16px;
}
}
.old-site-root-element.start-contents .section-job .list>*>*{
position: relative;
border: 1px solid #C2C9CC;
box-sizing: border-box;
border-radius: 16px;
padding: 32px;
cursor: pointer;
flex-grow: 1;
}
@media (max-width: 800px){
.old-site-root-element.start-contents .section-job .list>*>*{
position: relative;
padding: 16px 24px;
}
.old-site-root-element.start-contents .section-job .list>*>*:before{
content: '';
display: block;
position: absolute;
background: url(/new/assets/img/upd/big-follow.svg) no-repeat center center/contain;
width: 32px;
height: 32px;
top: 8px;
right: 16px;
}
}
.old-site-root-element.start-contents .section-job .list>*>*>*{
position: relative;
z-index: 1;
pointer-events: none;
}
.old-site-root-element.start-contents .section-job .list .link{
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 0;
pointer-events: initial;
}
.old-site-root-element.start-contents .section-job .list .title{
font-family: Circe-Bold;
font-size: 18px;
line-height: 24px;
color: #172126;
}
.old-site-root-element.start-contents .section-job .list .review{
font-family: Roboto;
font-size: 16px;
line-height: 24px;
color: #90979C;
margin-top: 12px;
}
@media (max-width: 800px){
.old-site-root-element.start-contents .section-job .list .review{
font-size: 12px;
line-height: 16px;
margin-top: 8px;
}
}
.old-site-root-element.start-contents .section-job .list .more{
font-family: Circe-Bold;
font-size: 12px;
line-height: 24px;
letter-spacing: .08em;
text-transform: uppercase;
color: #F47D32;
margin-top: 48px;
}
@media (max-width: 800px){
.old-site-root-element.start-contents .section-job .list .more{
display: none;
}
}
/************************************************************
T O P
************************************************************/
.old-site-root-element.start-contents .section-about{
margin-top: 200px;
}
@media (max-width: 1280px){
.old-site-root-element.start-contents .section-about{
margin-top: 160px;
}
}
@media (max-width: 800px){
.old-site-root-element.start-contents .section-about{
margin-top: 120px;
}
}
.old-site-root-element.start-contents .section-about>*{
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
position: relative;
min-height: 50vw;
padding: 48px 0;
}
@media (max-width: 1280px){
.old-site-root-element.start-contents .section-about>*{
padding: 32px 0;
min-height: initial;
height: 100vh;
max-height: 1024px;
}
}
@media (max-width: 800px){
.old-site-root-element.start-contents .section-about>*{
height: auto;
max-height: initial;
padding: 120px 20px;;
}
.old-site-root-element.start-contents .section-about.playing>*{
max-height: 57vw;
overflow: hidden;
}
}
.old-site-root-element.start-contents .section-about>*>*{
opacity: 1;
transition: opacity 200ms ease;
will-change: opacity;
}
.old-site-root-element.start-contents .section-about>*>*.hide{
pointer-events: none;
opacity: 0;
}
.old-site-root-element.start-contents .section-about .video{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 0;
overflow: hidden;
}
.old-site-root-element.start-contents .section-about .video video{
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.old-site-root-element.start-contents .section-about .poster{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
background: url(/new/assets/img/upd/poster.jpg) no-repeat center center/cover;
}
.old-site-root-element.start-contents .section-about .info{
position: relative;
z-index: 2;
color: #fff;
padding: 0 200px 0 39%;
}
@media (max-width: 1280px){
.old-site-root-element.start-contents .section-about .info{
padding: 0 48px 0 26%;
}
}
@media (max-width: 800px){
.old-site-root-element.start-contents .section-about .info{
padding: 0;
}
}
.old-site-root-element.start-contents .section-about .info .caption{
font-family: Circe-Bold;
font-size: 72px;
line-height: 72px;
color: #FFFFFF;
max-width: 540px;
}
@media (max-width: 1280px){
.old-site-root-element.start-contents .section-about .info .caption{
font-size: 48px;
line-height: 48px;
max-width: 305px;
}
}
.old-site-root-element.start-contents .section-about .info .contents{
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
margin-top: 30px;
}
@media (max-width: 1280px){
.old-site-root-element.start-contents .section-about .info .contents{
box-sizing: border-box;
padding-left: 60px;
}
}
@media (max-width: 800px){
.old-site-root-element.start-contents .section-about .info .contents{
flex-direction: column;
padding: 0;
margin: 24px 0 0;
}
}
.old-site-root-element.start-contents .section-about .info .contents .play{
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
font-family: Circe-Bold;
font-size: 12px;
line-height: 24px;
letter-spacing: .08em;
text-transform: uppercase;
color: #F2F6F7;
white-space: nowrap;
cursor: pointer;
}
@media (max-width: 800px){
.old-site-root-element.start-contents .section-about .info .contents .play{
flex-direction: row;
}
}
.old-site-root-element.start-contents .section-about .info .contents .play:before{
content: '';
display: block;
width: 72px;
height: 72px;
background: url(/new/assets/img/upd/play.svg) no-repeat center center/contain;
margin-bottom: 16px;
}
@media (max-width: 800px){
.old-site-root-element.start-contents .section-about .info .contents .play:before{
width: 32px;
height: 32px;
background-image: url(/new/assets/img/upd/play-small.svg);
margin: 0 16px 0 0;
}
}
.old-site-root-element.start-contents .section-about .info .text-wrapper{
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: flex-start;
flex-grow: 1;
margin-left: 48px;
}
@media (max-width: 1280px){
.old-site-root-element.start-contents .section-about .info .text-wrapper{
margin-left: 60px;
}
}
@media (max-width: 800px){
.old-site-root-element.start-contents .section-about .info .text-wrapper{
margin-left: 0;
}
}
.old-site-root-element.start-contents .section-about .info .text-wrapper .text{
font-family: Circe-Regular;
font-size: 18px;
line-height: 32px;
color: #fff;
max-width: 540px;
}
@media (max-width: 800px){
.old-site-root-element.start-contents .section-about .info .text-wrapper .text{
font-size: 16px;
line-height: 24px;
margin-top: 48px;
}
}
.old-site-root-element.start-contents .section-about .info .text-wrapper .more{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
align-self: flex-start;
margin-top: 56px;
height: 72px;
padding: 0 36px;
font-family: Circe-Bold;
font-size: 16px;
line-height: 24px;
letter-spacing: .08em;
text-transform: uppercase;
color: #fff;
background: #F47D32;
box-shadow: 0px 18px 40px -15px rgba(255, 99, 0, 0.4);
border-radius: 12px;
cursor: pointer;
}
@media (max-width: 800px){
.old-site-root-element.start-contents .section-about .info .text-wrapper .more{
height: 56px;
}
}
/************************************************************
T O P
************************************************************/
.old-site-root-element.start-contents .section-bonus-card{
background: #172126;
color: #fff;
padding-top: 160px;
}
@media (max-width: 1280px){
.old-site-root-element.start-contents .section-bonus-card{
padding-top: 120px;
}
}
.old-site-root-element.start-contents .section-bonus-card>*{
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
border-bottom: 1px solid #2F3A40;
padding-bottom: 96px;
}
@media (max-width: 1280px){
.old-site-root-element.start-contents .section-bonus-card>*{
padding-bottom: 72px;
}
}
@media (max-width: 800px){
.old-site-root-element.start-contents .section-bonus-card>*{
flex-direction: column;
}
}
.old-site-root-element.start-contents .section-bonus-card .left{
max-width: 490px;
flex-grow: 1;
}
.old-site-root-element.start-contents .section-bonus-card .left .caption{
font-family: Circe-Bold;
font-size: 18px;
line-height: 24px;
color: #586066;
}
.old-site-root-element.start-contents .section-bonus-card .left .header{
font-family: Circe-Bold;
font-size: 48px;
line-height: 48px;
color: #fff;
margin-top: 24px;
}
@media (max-width: 1280px){
.old-site-root-element.start-contents .section-bonus-card .left .header{
font-size: 32px;
line-height: 36px;
}
}
@media (max-width: 800px){
.old-site-root-element.start-contents .section-bonus-card .left .header{
margin-top: 16px;
}
}
.old-site-root-element.start-contents .section-bonus-card .right{
flex-grow: 1;
flex-basis: 0;
}
@media (max-width: 800px){
.old-site-root-element.start-contents .section-bonus-card .right{
flex-basis: initial;
}
}
.old-site-root-element.start-contents .section-bonus-card .right .text{
font-family: Roboto;
font-size: 16px;
line-height: 24px;
color: #90979C;
margin-top: 48px;
}
@media (max-width: 800px){
.old-site-root-element.start-contents .section-bonus-card .right .text{
margin-top: 32px;
}
}
.old-site-root-element.start-contents .section-bonus-card .right .app{
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
margin-top: 56px;
}
@media (max-width: 1280px){
.old-site-root-element.start-contents .section-bonus-card .right .app{
margin-top: 48px;
}
}
@media (max-width: 800px){
.old-site-root-element.start-contents .section-bonus-card .right .app{
flex-direction: column;
}
}
.old-site-root-element.start-contents .section-bonus-card .right .app>*{}
.old-site-root-element.start-contents .section-bonus-card .right .app>*+*{
margin-left: 32px;
}
@media (max-width: 800px){
.old-site-root-element.start-contents .section-bonus-card .right .app>*+*{
margin-top: 24px;
margin-left: 0;
}
}
.old-site-root-element.start-contents .section-bonus-card .right .app>*.appstore{
width: 178px;
height: 56px;
background: url(/new/assets/img/upd/appstore.svg) no-repeat center center/contain;
}
.old-site-root-element.start-contents .section-bonus-card .right .app>*.playmarket{
width: 203px;
height: 56px;
background: url(/new/assets/img/upd/playmarket.svg) no-repeat center center/contain;
}
/************************************************************
F O O T E R
************************************************************/
.old-site-root-element.page-footer{
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
box-sizing: border-box;
padding: 0 48px 200px;
background: #172126;
color: #fff;
overflow: hidden;
flex-shrink: 0;
}
@media (max-width: 1280px){
.old-site-root-element.page-footer{
padding-bottom: 120px;
}
}
@media (max-width: 800px){
.old-site-root-element.page-footer{
padding: 0 20px 120px;
}
}
.old-site-root-element.page-footer>*{
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: flex-start;
max-width: 1440px;
width: 100%;
flex-grow: 1;
padding: 74px 0 0;
}
@media (max-width: 800px){
.old-site-root-element.page-footer>*{
padding: 48px 0 0;
}
}
.old-site-root-element.page-footer .stretch{
flex-basis: 0;
flex-grow: 1;
min-width: 0;
min-height: 0;
}
.old-site-root-element.page-footer .top{
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: flex-start;
}
@media (max-width: 800px){
.old-site-root-element.page-footer .top{
flex-direction: column;
align-items: stretch;
}
}
.old-site-root-element.page-footer .top .left{
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: flex-start;
width: 350px;
flex-shrink: 0;
}
@media (max-width: 1280px){
.old-site-root-element.page-footer .top .left{
width: 50%;
}
.old-site-root-element.page-footer .top .left .stretch{
display: none;
}
}
@media (max-width: 800px){
.old-site-root-element.page-footer .top .left{
width: 100%;
}
}
.old-site-root-element.page-footer .top .left>*{}
@media (max-width: 800px){
.old-site-root-element.page-footer .top .left>*{
order: 3;
}
}
.old-site-root-element.page-footer .top .left .caption{
font-family: Circe-Bold;
font-size: 24px;
line-height: 28px;
color: #586066;
}
@media (max-width: 1280px){
.old-site-root-element.page-footer .top .left .caption{
font-size: 18px;
line-height: 24px;
}
}
@media (max-width: 800px){
.old-site-root-element.page-footer .top .left .caption{
margin-top: 32px;
}
}
.old-site-root-element.page-footer .top .left .contact{
margin-top: 20px;
}
.old-site-root-element.page-footer .top .left .contact+.contact{
margin-top: 16px;
}
.old-site-root-element.page-footer .top .left .contact>*{
display: block;
}
.old-site-root-element.page-footer .top .left .contact>*+*{
margin-top: 2px;
}
.old-site-root-element.page-footer .top .left .contact .title{
font-family: Roboto;
font-weight: bold;
font-size: 16px;
line-height: 24px;
color: #90979C;
}
.old-site-root-element.page-footer .top .left .contact .phone{
font-family: Roboto;
font-size: 16px;
line-height: 24px;
color: #90979C;
}
.old-site-root-element.page-footer .top .left .contact .email{
font-family: Roboto;
font-size: 16px;
line-height: 24px;
color: #90979C;
}
.old-site-root-element.page-footer .top .left .messangers{
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
margin-top: 56px;
}
@media (max-width: 800px){
.old-site-root-element.page-footer .top .left .messangers{
order: 1;
margin-top: 0;
}
}
.old-site-root-element.page-footer .top .left .messangers>*{
width: 40px;
height: 40px;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}
.old-site-root-element.page-footer .top .left .messangers>*+*{
margin-left: 16px;
}
.old-site-root-element.page-footer .top .left .messangers>*.viber{
background-image: url(/new/assets/img/start_new/viber.svg);
}
.old-site-root-element.page-footer .top .left .messangers>*.telegram{
background-image: url(/new/assets/img/start_new/telegram.svg);
}
.old-site-root-element.page-footer .top .left .messangers>*.whatsapp{
background-image: url(/new/assets/img/start_new/whatsapp.svg);
}
.old-site-root-element.page-footer .top .left .socials{
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
margin-top: 56px;
}
@media (max-width: 800px){
.old-site-root-element.page-footer .top .left .socials{
order: 2;
margin-top: 32px;
}
}
.old-site-root-element.page-footer .top .left .socials>*{
width: 24px;
height: 24px;
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
}
.old-site-root-element.page-footer .top .left .socials>*+*{
margin-left: 24px;
}
.old-site-root-element.page-footer .top .left .socials>*.vk{
background-image: url(/new/assets/img/upd/socials/vk.svg);
}
.old-site-root-element.page-footer .top .left .socials>*.youtube{
background-image: url(/new/assets/img/upd/socials/youtube.svg);
}
.old-site-root-element.page-footer .top .left .socials>*.odnoklassniki{
background-image: url(/new/assets/img/upd/socials/odnoklassniki.svg);
}
.old-site-root-element.page-footer .top .right{
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: flex-start;
flex-grow: 1;
flex-basis: 0;
margin-left: 150px;
margin-right: -110px;
/*margin-bottom: -56px;*/
min-width: 0;
}
@media (max-width: 1280px){
.old-site-root-element.page-footer .top .right{
width: 50%;
margin: 0 -32px -48px 0;
}
.old-site-root-element.page-footer .top .right .stretch{
display: none;
}
}
@media (max-width: 800px){
.old-site-root-element.page-footer .top .right{
width: 100%;
margin: 32px 0 0;
flex-basis: initial;
}
}
.old-site-root-element.page-footer .top .right .columns{
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
}
.old-site-root-element.page-footer .top .right .columns>*{
width: 33.33%;
padding-right: 110px;
margin-bottom: 56px;
flex-basis: 33.33%;
}
@media (max-width: 1280px){
.old-site-root-element.page-footer .top .right .columns>*{
width: 50%;
flex-basis: 50%;
padding-right: 32px;
margin-bottom: 48px;
}
}
@media (max-width: 800px){
.old-site-root-element.page-footer .top .right .columns>*{
width: 100%;
flex-basis: initial;
padding: 0;
margin: 0;
}
.old-site-root-element.page-footer .top .right .columns>*+*{
margin-top: 32px;
}
}
.old-site-root-element.page-footer .top .right .columns .column{}
.old-site-root-element.page-footer .top .right .columns .column .caption{
font-family: Circe-Bold;
font-size: 24px;
line-height: 28px;
color: #586066;
}
@media (max-width: 1280px){
.old-site-root-element.page-footer .top .right .columns .column .caption{
font-size: 18px;
line-height: 24px;
}
}
.old-site-root-element.page-footer .top .right .columns .column .items{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
line-height: 24px;
color: #90979C;
margin-top: 20px;
}
@media (max-width: 1280px){
.old-site-root-element.page-footer .top .right .columns .column .items{
margin-top: 16px;
}
}
.old-site-root-element.page-footer .top .right .columns .column .items>*{
display: block;
}
.old-site-root-element.page-footer .top .right .columns .column .items>*+*{
margin-top: 16px;
}
.old-site-root-element.page-footer .top .right .columns .stations{}
.old-site-root-element.page-footer .top .right .columns .stations .caption{
font-family: Roboto;
font-weight: bold;
font-size: 16px;
line-height: 24px;
color: #90979C;
}
.old-site-root-element.page-footer .top .right .columns .stations .slider{
width: 100%;
margin-top: 16px;
overflow: hidden;
}
.old-site-root-element.page-footer .top .right .columns .stations .slider>*{
width: 100%;
}
.old-site-root-element.page-footer .top .right .columns .stations .slider>*>*{
font-family: Roboto;
font-weight: normal;
font-size: 16px;
line-height: 24px;
color: #90979C;
}
.old-site-root-element.page-footer .top .right .columns .stations .slider .address{}
.old-site-root-element.page-footer .top .right .columns .stations .slider .phone{}
.old-site-root-element.page-footer .top .right .columns .stations .slider .mode{}
.old-site-root-element.page-footer .top .right .columns .stations .nav{
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
margin-top: 16px;
}
.old-site-root-element.page-footer .top .right .columns .stations .nav>*{
width: 32px;
height: 32px;
background: url(/new/assets/img/upd/next.svg) no-repeat center center/contain;
cursor: pointer;
}
.old-site-root-element.page-footer .top .right .columns .stations .nav>*+*{
margin-left: 16px;
}
.old-site-root-element.page-footer .top .right .columns .stations .nav>*.prev{
transform-origin: center center;
transform: rotate(180deg);
}
.old-site-root-element.page-footer .top .right .columns .payment{}
.old-site-root-element.page-footer .top .right .columns .payment .caption{
font-family: Roboto;
font-weight: bold;
font-size: 16px;
line-height: 24px;
color: #90979C;
}
.old-site-root-element.page-footer .top .right .columns .payment .variants{
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
margin: 24px -16px -16px 0;
}
.old-site-root-element.page-footer .top .right .columns .payment .variants>*{
margin: 0 16px 16px 0;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
height: 34px;
}
@media (max-width: 800px){
.old-site-root-element.page-footer .top .right .columns .payment .variants>*{
height: 24px;
}
}
.old-site-root-element.page-footer .top .right .columns .payment .variants>*.mastercard{
width: 68px;
background: url(/new/assets/img/upd/payment/mastercard.png) no-repeat center center/contain;
}
.old-site-root-element.page-footer .top .right .columns .payment .variants>*.visa{
width: 68px;
background: url(/new/assets/img/upd/payment/visa.png) no-repeat center center/contain;
}
.old-site-root-element.page-footer .top .right .columns .payment .variants>*.mir{
width: 68px;
background: url(/new/assets/img/upd/payment/mir.png) no-repeat center center/contain;
}
.old-site-root-element.page-footer .top .right .columns .payment .variants>*.halva{
width: 91px;
background: url(/new/assets/img/upd/payment/halva.svg) no-repeat center center/contain;
}
@media (max-width: 800px){
.old-site-root-element.page-footer .top .right .columns .payment .variants>*{
height: 24px;
}
.old-site-root-element.page-footer .top .right .columns .payment .variants>*.mastercard{
width: 49px;
}
.old-site-root-element.page-footer .top .right .columns .payment .variants>*.visa{
width: 49px;
}
.old-site-root-element.page-footer .top .right .columns .payment .variants>*.mir{
width: 49px;
}
.old-site-root-element.page-footer .top .right .columns .payment .variants>*.halva{
width: 64px;
}
}
.old-site-root-element.page-footer .top .right .columns .special-links{
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
font-family: Roboto;
font-size: 16px;
line-height: 24px;
color: #90979C;
}
@media (max-width: 800px){
.old-site-root-element.page-footer .top .right .columns .special-links{
align-items: stretch;
margin-top: 40px;
}
}
.old-site-root-element.page-footer .top .right .columns .special-links>*{
padding: 24px 20px;
border: 1px solid #586066;
border-radius: 16px;
box-sizing: border-box;
}
.old-site-root-element.page-footer .top .right .columns .special-links>*>*{
display: block;
}
.old-site-root-element.page-footer .top .right .columns .special-links>*>*+*{
margin-top: 16px;
}
.old-site-root-element.page-footer .top .right .about{
box-sizing: border-box;
padding-right: 110px;
}
@media (max-width: 1280px){
.old-site-root-element.page-footer .top .right .about{
display: none;
}
}
.old-site-root-element.page-footer .top .right .about .info{
font-family: Roboto;
font-size: 12px;
line-height: 16px;
color: #586066;
}
.old-site-root-element.page-footer .top .right .about .copyright{
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
margin-top: 24px;
}
.old-site-root-element.page-footer .top .right .about .copyright .logo{
width: 107px;
height: 16px;
background: url(/new/assets/img/upd/logo-gray.svg) no-repeat center center/contain;
}
.old-site-root-element.page-footer .top .right .about .copyright .text{
font-family: Roboto;
font-weight: bold;
font-size: 16px;
line-height: 24px;
color: #586066;
margin-left: 48px;
}
.old-site-root-element.page-footer .bottom{
display: none;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
margin-top: 56px;
}
@media (max-width: 1280px){
.old-site-root-element.page-footer .bottom{
display: flex;
}
}
@media (max-width: 800px){
.old-site-root-element.page-footer .bottom{
flex-direction: column-reverse;
margin-top: 32px;
}
}
.old-site-root-element.page-footer .bottom .copyright{
width: 50%;
}
@media (max-width: 800px){
.old-site-root-element.page-footer .bottom .copyright{
margin-top: 32px;
width: auto;
}
}
.old-site-root-element.page-footer .bottom .copyright .logo{
display: block;
vertical-align: initial;
width: 107px;
height: 16px;
background: url(/new/assets/img/upd/logo-gray.svg) no-repeat center center/contain;
}
.old-site-root-element.page-footer .bottom .copyright .text{
font-family: Roboto;
font-weight: bold;
font-size: 16px;
line-height: 24px;
color: #586066;
margin-top: 16px;
}
@media (max-width: 800px){
.old-site-root-element.page-footer .bottom .copyright .text{
width: 100%;
}
}
.old-site-root-element.page-footer .bottom .info{
flex-grow: 1;
flex-basis: 0;
min-width: 0;
margin-left: 150px;
}
@media (max-width: 1280px){
.old-site-root-element.page-footer .bottom .info{
flex-grow: initial;
flex-basis: initial;
width: 50%;
margin-left: 0;
}
}
@media (max-width: 800px){
.old-site-root-element.page-footer .bottom .info{
flex-basis: initial;
width: 100%;
}
}
.old-site-root-element.page-footer .bottom .info>*{
font-family: Roboto;
font-weight: normal;
font-size: 12px;
line-height: 16px;
color: #586066;
max-width: 940px;
}
/************************************************************
F O O T E R
************************************************************/
.old-site-root-element.promo-bonus-card{
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
box-sizing: border-box;
padding: 0 48px;
background: #172126;
color: #fff;
overflow: hidden;
}
@media (max-width: 800px){
.old-site-root-element.promo-bonus-card{
padding: 0 20px;
}
}
.old-site-root-element.promo-bonus-card>*{
display: flex;
position: relative;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
width: 100%;
box-sizing: border-box;
max-width: 1440px;
padding: 190px 0 160px;
border-bottom: 1px solid #2F3A40;
}
@media (max-width: 800px){
.old-site-root-element.promo-bonus-card>*{
padding: 90px 0;
}
}
.old-site-root-element.promo-bonus-card .image{
display: block;
/*position: absolute;*/
margin-left: 0;
right: 0px;
top: 0;
width: 550px;
height: 320px;
background: url(/new/assets/img/upd/promo-banner.png) no-repeat center left/contain;
}
@media (max-width: 1280px){
.old-site-root-element.promo-bonus-card .image{
position: absolute;
top: 190px;
right: 0;
}
}
@media (max-width: 1150px){
.old-site-root-element.promo-bonus-card .image{
right: -160px;
}
}
@media (max-width: 990px){
.old-site-root-element.promo-bonus-card .image{
right: -320px;
}
}
@media (max-width: 800px){
.old-site-root-element.promo-bonus-card .image{
top: 90px;
right: -400px;
}
}
.old-site-root-element.promo-bonus-card .image:before{
content: '';
display: block;
width: 100%;
padding-bottom: 63%;
}
.old-site-root-element.promo-bonus-card .info{
/*flex-grow: 1;*/
/*flex-basis: 0;*/
}
.old-site-root-element.promo-bonus-card .info .header{
font-family: Circe-Bold;
font-size: 72px;
line-height: 72px;
}
@media (max-width: 1280px){
.old-site-root-element.promo-bonus-card .info .header{
font-size: 48px;
line-height: 48px;
}
}
@media (max-width: 800px){
.old-site-root-element.promo-bonus-card .info .header{
font-size: 32px;
line-height: 36px;
padding-right: 110px;
}
}
.old-site-root-element.promo-bonus-card .info .header span{
display: inline-block;
position: relative;
vertical-align: top;
top: 7px;
font-family: Circe-Regular;
font-size: 18px;
line-height: 24px;
max-width: 365px;
margin-left: 10px;
}
@media (max-width: 1280px){
.old-site-root-element.promo-bonus-card .info .header span{
display: block;
margin: 24px 0 0;
max-width: 450px;
}
}
@media (max-width: 800px){
.old-site-root-element.promo-bonus-card .info .header span{
margin: 24px 0 0;
max-width: 320px;
}
}
.old-site-root-element.promo-bonus-card .info .actions{
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
margin-top: 48px;
}
@media (max-width: 800px){
.old-site-root-element.promo-bonus-card .info .actions{
flex-direction: column;
margin-top: 32px;
}
}
.old-site-root-element.promo-bonus-card .info .actions>*{
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
border-radius: 12px;
height: 56px;
font-family: Circe-Bold;
font-size: 16px;
line-height: 24px;
letter-spacing: .08em;
text-transform: uppercase;
padding: 0 24px;
color: #fff;
}
.old-site-root-element.promo-bonus-card .info .actions>*+*{
margin-left: 24px;
}
@media (max-width: 800px){
.old-site-root-element.promo-bonus-card .info .actions>*{
white-space: nowrap;
}
.old-site-root-element.promo-bonus-card .info .actions>*+*{
margin-left: 0;
margin-top: 24px;
}
}
.old-site-root-element.promo-bonus-card .info .actions .private{
box-shadow: 0px 18px 40px -15px rgba(255, 99, 0, 0.4);
background: #F47D32;
}
.old-site-root-element.promo-bonus-card .info .actions .corp{
background: #fff;
color: #172126;
/*box-sizing: 0px 18px 40px -24px rgba(70, 119, 149, 0.32);*/
}
.old-site-root-element.page-scroll-to-top{
display: flex;
position: fixed;
flex-direction: column;
align-items: center;
justify-content: center;
right: 36px;
bottom: 36px;
width: 72px;
height: 72px;
z-index: 2;
background: #fff;
box-shadow:
0px 0 10px -4px rgba(70, 119, 149, .16),
0px 12px 20px 0px rgba(70, 119, 149, .16)
;
border-radius: 36px;
cursor: pointer;
transition: opacity 200ms ease;
will-change: opacity;
opacity: 0;
pointer-events: none;
}
@media(max-width: 800px){
.personal_html .old-site-root-element.page-scroll-to-top{
display: none;
}
}
@media(max-width: 599px){
.old-site-root-element.page-scroll-to-top{
right: 16px;
bottom: 16px;
width: 56px;
height: 56px;
}
}
.old-site-root-element.page-scroll-to-top.shown{
opacity: 1;
pointer-events: initial;
}
.old-site-root-element.page-scroll-to-top:before{
content: '';
display: block;
background: url(/new/assets/img/upd/dropdown.svg) no-repeat center center/contain;
width: 24px;
height: 24px;
transform: rotate(180deg);
}
.old-site-root-element.fitservice-contact-widget{
right: 48px;
bottom: 36px;
z-index: 10;
transition: bottom 200ms ease;
will-change: bottom;
}
@media(max-width: 800px){
.personal_html .old-site-root-element.fitservice-contact-widget{
bottom: 100px;
}
}
.old-site-root-element.page-scroll-to-top.shown + .fitservice-contact-widget{
bottom: 134px;
}
@media(max-width: 599px){
.old-site-root-element.fitservice-contact-widget{
width:35px;
right: 26px;
bottom: 26px;
}
.old-site-root-element.page-scroll-to-top.shown + .fitservice-contact-widget{
bottom: 96px;
}
.old-site-root-element.fitservice-contact-widget-link{
margin-bottom: 10px;
}
}
.old-site-root-element.start-contents .section-osago{
padding-top: 160px;
overflow: hidden;
padding-bottom: 160px;
margin-bottom: -160px;
}
@media (max-width: 1360px){
.old-site-root-element.start-contents .section-osago{
padding-top: 120px;
padding-bottom: 120px;
margin-bottom: -120px;
padding-right: 0;
}
}
@media (max-width: 800px){
.old-site-root-element.start-contents .section-osago{
padding-right: 20px;
}
}
.old-site-root-element.start-contents .section-osago>*{
display: flex;
position: relative;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
padding: 92px 0 60px 72px;
background: #F2F6F7;
border-radius: 20px;
}
@media (max-width: 1360px){
.old-site-root-element.start-contents .section-osago>*{
border-radius: 20px 0 0 20px;
padding: 48px;
}
}
@media (max-width: 800px){
.old-site-root-element.start-contents .section-osago>*{
border-radius: 20px;
padding: 24px 20px;
}
}
.old-site-root-element.start-contents .section-osago .info{
position: relative;
max-width: 680px;
z-index: 1;
}
.old-site-root-element.start-contents .section-osago .info .header{
font-family: Circe-Bold;
font-size: 72px;
line-height: 72px;
color: #172126;
}
@media (max-width: 1360px){
.old-site-root-element.start-contents .section-osago .info .header{
font-size: 48px;
line-height: 48px;
}
}
@media (max-width: 800px){
.old-site-root-element.start-contents .section-osago .info .header{
font-size: 32px;
line-height: 36px;
}
}
.old-site-root-element.start-contents .section-osago .info .text{
font-family: Circe-Bold;
font-size: 32px;
line-height: 36px;
color: #172126;
margin-top: 56px;
}
@media (max-width: 1360px){
.old-site-root-element.start-contents .section-osago .info .text{
font-size: 24px;
line-height: 28px;
margin-top: 48px;
max-width: 465px;
}
}
@media (max-width: 800px){
.old-site-root-element.start-contents .section-osago .info .text{
font-size: 18px;
line-height: 24px;
margin-top: 48px;
max-width: 465px;
}
}
.old-site-root-element.start-contents .section-osago .info .car-number{
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
margin-top: 24px;
}
@media (max-width: 1360px){
.old-site-root-element.start-contents .section-osago .info .car-number{
margin-top: 32px;
}
}
@media (max-width: 800px){
.old-site-root-element.start-contents .section-osago .info .car-number{
flex-direction: column;
align-items: flex-start;
margin-top: 20px;
}
}
.old-site-root-element.start-contents .section-osago .info .car-number .value{
background: #fff;
border: 1px solid #C2C9CC;
border-radius: 12px;
box-sizing: border-box;
overflow: hidden;
height: 56px;
flex-grow: 1;
max-width: 440px;
}
@media (max-width: 800px){
.old-site-root-element.start-contents .section-osago .info .car-number .value{
width: 100%;
}
}
.old-site-root-element.start-contents .section-osago .info .car-number .value input{
display: block;
font-family: Roboto;
font-size: 16px;
line-height: 56px;
color: #172126;
text-indent: 16px;
width: 100%;
text-transform: uppercase;
}
.old-site-root-element.start-contents .section-osago .info .car-number .value input::placeholder{
color: #586066;
text-transform: initial;
}
.old-site-root-element.start-contents .section-osago .info .car-number .continue{
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
text-align: center;
background: #F47D32;
box-shadow: 0px 18px 40px -15px rgba(255, 99, 0, 0.4);
border-radius: 12px;
height: 56px;
padding: 0 24px;
margin-left: 24px;
}
.old-site-root-element.start-contents .section-osago .info .car-number .continue.disabled{
background: #bbb;
box-shadow: none;
pointer-events: none;
}
@media (max-width: 800px){
.old-site-root-element.start-contents .section-osago .info .car-number .continue{
margin-left: 0;
margin-top: 32px;
}
}
.old-site-root-element.start-contents .section-osago .info .car-number .continue:before{
content: 'продолжить';
font-family: Circe-Bold;
font-size: 16px;
line-height: 24px;
letter-spacing: .08em;
text-transform: uppercase;
color: #FFF;
}
.old-site-root-element.start-contents .section-osago .info .go-to{
font-family: Roboto;
font-size: 12px;
line-height: 16px;
color: #586066;
margin-top: 16px;
}
.old-site-root-element.start-contents .section-osago .info .go-to.v2{
display: none;
}
@media (max-width: 800px){
.old-site-root-element.start-contents .section-osago .info .go-to{
display: none;
}
.old-site-root-element.start-contents .section-osago .info .go-to.v2{
display: block;
}
}
.old-site-root-element.start-contents .section-osago .info .mono-go{
display: inline-flex;
flex-direction: row;
align-items: center;
justify-content: center;
align-self: flex-start;
text-align: center;
background: #F47D32;
box-shadow: 0px 18px 40px -15px rgba(255, 99, 0, 0.4);
border-radius: 12px;
height: 56px;
padding: 0 24px;
margin-top: 32px;
}
.old-site-root-element.start-contents .section-osago .info .mono-go:before{
content: 'Рассчитать';
font-family: Circe-Bold;
font-size: 16px;
line-height: 24px;
letter-spacing: .08em;
text-transform: uppercase;
color: #FFF;
}
.old-site-root-element.start-contents .section-osago .image{
display: block;
position: absolute;
z-index: 0;
right: -50px;
top: 50%;
height: calc(100% + 200px);
transform: translate(0,-50%);
}
@media (max-width: 1360px){
.old-site-root-element.start-contents .section-osago .image{
right: -140px;
}
}
@media (max-width: 800px){
.old-site-root-element.start-contents .section-osago .image{
right: auto;
left: calc(100% - 210px);
top: -30px;
transform: none;
}
}
.old-site-root-element.start-contents .section-recomm{
margin: 96px 0 -64px;
overflow: hidden;
}
@media (max-width: 800px){
.old-site-root-element.start-contents .section-recomm{
margin: 120px 0 -28px;
}
}
.old-site-root-element.start-contents .section-recomm>*{
position: relative;
}
.old-site-root-element.start-contents .section-recomm .header{
font-family: Circe-Bold;
font-size: 48px;
line-height: 48px;
color: #172126;
}
@media (max-width: 800px){
.old-site-root-element.start-contents .section-recomm .header{
font-size: 32px;
line-height: 36px;
}
}
.old-site-root-element.start-contents .section-recomm .slide-to{
position: absolute;
width: 32px;
height: 32px;
top: 160px;
border: 1px solid #F2F6F7;
border-radius: 12px;
background: url(/new/assets/img/upd/discounts/slide-next.svg) no-repeat center center/24px auto;
box-sizing: border-box;
cursor: pointer;
transition: opacity 200ms ease;
will-change: opacity;
}
.old-site-root-element.start-contents .section-recomm .slide-to.prev{
left: -64px;
transform-origin: center center;
transform: rotate(180deg);
}
.old-site-root-element.start-contents .section-recomm .slide-to.next{
right: -64px;
}
.old-site-root-element.start-contents .section-recomm .slide-to.hide{
opacity: 0;
pointer-events: none;
}
@media (max-width: 1600px){
.old-site-root-element.start-contents .section-recomm .slide-to.prev{
left: -40px;
}
.old-site-root-element.start-contents .section-recomm .slide-to.next{
right: -40px;
}
}
@media (max-width: 800px){
.old-site-root-element.start-contents .section-recomm .slide-to{
display: none;
}
}
.old-site-root-element.start-contents .section-recomm .slider{
width: 100%;
margin-top: 32px;
overflow: hidden;
}
@media (max-width: 800px){
.old-site-root-element.start-contents .section-recomm .slider{
margin-top: 24px;
}
}
@media (max-width: 640px){
.old-site-root-element.start-contents .section-recomm .slider{
overflow: visible;
}
}
.old-site-root-element.start-contents .section-recomm .slider>*{}
.old-site-root-element.start-contents .section-recomm .slider>*>*{
width: 304px;
position: relative;
}
@media (max-width: 800px){
.old-site-root-element.start-contents .section-recomm .slider>*>*{
width: 192px;
}
}
.old-site-root-element.start-contents .section-recomm .slider>*>*>*{
position: relative;
pointer-events: none;
z-index: 1;
}
.old-site-root-element.start-contents .section-recomm .slider .link{
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: initial;
cursor: pointer;
z-index: 0;
}
.old-site-root-element.start-contents .section-recomm .slider .banner{
height: 192px;
border-radius: 16px;
box-sizing: border-box;
overflow: hidden;
}
.old-site-root-element.start-contents .section-recomm .slider .caption{
font-family: Circe-Regular;
font-size: 18px;
line-height: 24px;
color: #172126;
margin-top: 24px;
}
@media (max-width: 800px){
.old-site-root-element.start-contents .section-recomm .slider .caption{
margin-top: 20px;
}
}
.old-site-root-element.start-contents .section-recomm #fit-recomm-halva{}
.old-site-root-element.start-contents .section-recomm #fit-recomm-halva .banner{
background: url(/new/assets/img/start/recomm/halva-logo.svg) no-repeat center center/208px auto , #F04E53;
}
@media (max-width: 800px){
.old-site-root-element.start-contents .section-recomm #fit-recomm-halva .banner{
background-size: 140px auto;
}
}
.old-site-root-element.start-contents .section-recomm #fit-recomm-osago{}
.old-site-root-element.start-contents .section-recomm #fit-recomm-osago .banner{
background: url(/new/assets/img/start/recomm/sravni_ru-logo.svg) no-repeat center center/208px auto, #eaeaea;
}
@media (max-width: 800px){
.old-site-root-element.start-contents .section-recomm #fit-recomm-osago .banner{
background-size: 140px auto;
}
}
/*
.start-contents .section-recomm #fit-recomm-carprice{}
.start-contents .section-recomm #fit-recomm-carprice .banner{
background: url(/new/assets/img/start/recomm/carprice-bg.jpg) no-repeat center center/cover;
}
.start-contents .section-recomm #fit-recomm-carprice .banner:before{
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(to top, rgba(23, 33, 38, 0.8) 0%, rgba(23, 33, 38, 0) 50%);
mix-blend-mode: luminosity;
z-index: 0;
}
.start-contents .section-recomm #fit-recomm-carprice .banner:after{
content: '';
display: block;
position: absolute;
width: 92px;
height: 15px;
background: url(/new/assets/img/start/recomm/carprice-logo.svg) no-repeat left bottom/contain;
left: 20px;
bottom: 20px;
z-index: 1;
}
@media (max-width: 800px){
.start-contents .section-recomm #fit-recomm-carprice .banner{
background: url(/new/assets/img/start/recomm/carprice-bg-mobile.jpg) no-repeat center center/cover;
}
}
*/
.old-site-root-element.start-contents .section-recomm #fit-recomm-techinspect{}
.old-site-root-element.start-contents .section-recomm #fit-recomm-techinspect .banner{
background: url(/new/assets/img/start/recomm/techinspect-bg.jpg) no-repeat center center/cover;
padding: 20px 0 0 20px;
}
.old-site-root-element.start-contents .section-recomm #fit-recomm-techinspect .banner:before{
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(to bottom, rgba(23, 33, 38, 0.6) 0%, rgba(23, 33, 38, 0) 75.94%);
mix-blend-mode: luminosity;
z-index: 0;
}
.old-site-root-element.start-contents .section-recomm #fit-recomm-techinspect .banner:after{
content: 'Технический осмотр';
display: block;
position: relative;
font-family: Circe-Bold;
font-size: 24px;
line-height: 28px;
max-width: 220px;
color: #fff;
padding-right: 36px;
z-index: 1;
}
@media (max-width: 800px){
.old-site-root-element.start-contents .section-recomm #fit-recomm-techinspect .banner{
background: url(/new/assets/img/start/recomm/techinspect-bg-mobile.jpg) no-repeat center center/cover;
}
.old-site-root-element.start-contents .section-recomm #fit-recomm-techinspect .banner:before{
background: linear-gradient(to bottom, rgba(23, 33, 38, 0.8) 0%, rgba(23, 33, 38, 0) 77.36%);
}
.old-site-root-element.start-contents .section-recomm #fit-recomm-techinspect .banner:after{
padding-right: 0;
}
}
.old-site-root-element.start-contents .section-recomm #fit-recomm-evak{}
.old-site-root-element.start-contents .section-recomm #fit-recomm-evak .banner{
background: url(/new/assets/img/start/recomm/evak-bg.png) no-repeat right bottom/contain, #F2F6F7;
padding: 20px 0 0 20px;
}
.old-site-root-element.start-contents .section-recomm #fit-recomm-evak .banner:before{
content: 'Эвакуатор';
display: block;
font-family: Circe-Bold;
font-size: 24px;
line-height: 28px;
color: #172126;
}
@media (max-width: 800px){
.old-site-root-element.start-contents .section-recomm #fit-recomm-evak .banner{
background: url(/new/assets/img/start/recomm/evak-bg-mobile.png) no-repeat right bottom/contain, #F2F6F7;
}
}
.old-site-root-element.start-contents .section-recomm #fit-recomm-avarkom{}
.old-site-root-element.start-contents .section-recomm #fit-recomm-avarkom .banner{
background: url(/new/assets/img/start/recomm/avarkom-bg.png) no-repeat right bottom/contain, #F2F6F7;
padding: 20px 0 0 20px;
}
.old-site-root-element.start-contents .section-recomm #fit-recomm-avarkom .banner:before{
content: 'Аварком';
display: block;
font-family: Circe-Bold;
font-size: 24px;
line-height: 28px;
color: #172126;
}
@media (max-width: 800px){
.old-site-root-element.start-contents .section-recomm #fit-recomm-avarkom .banner{
background: url(/new/assets/img/start/recomm/avarkom-bg-mobile.png) no-repeat right bottom/contain, #F2F6F7;
}
}
.old-site-root-element.start-contents .section-recomm #fit-recomm-dtp{}
.old-site-root-element.start-contents .section-recomm #fit-recomm-dtp .banner{
background: url(/new/assets/img/start/recomm/dtp-bg.png) no-repeat right bottom/contain, #F2F6F7;
padding: 20px 0 0 20px;
}
.old-site-root-element.start-contents .section-recomm #fit-recomm-dtp .banner:before{
content: 'Горячая линия ДТП';
display: block;
font-family: Circe-Bold;
font-size: 24px;
line-height: 28px;
color: #172126;
padding-right: 48px;
max-width: 200px;
}
@media (max-width: 800px){
.old-site-root-element.start-contents .section-recomm #fit-recomm-dtp .banner{
background: url(/new/assets/img/start/recomm/dtp-bg-mobile.png) no-repeat right bottom/contain, #F2F6F7;
}
.old-site-root-element.start-contents .section-recomm #fit-recomm-dtp .banner:before{
padding-right: 0;
}
}
.old-site-root-element.start-contents .section-recomm #fit-recomm-rekpp{}
.old-site-root-element.start-contents .section-recomm #fit-recomm-rekpp .banner{
background: url(/new/assets/img/start/recomm/rekpp-bg.jpg) no-repeat center center/cover;
padding: 20px 0 0 20px;
}
.old-site-root-element.start-contents .section-recomm #fit-recomm-rekpp .banner:before{
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(to bottom, rgba(23, 33, 38, 0.8) 0%, rgba(23, 33, 38, 0) 66.98%);
mix-blend-mode: luminosity;
z-index: 0;
}
.old-site-root-element.start-contents .section-recomm #fit-recomm-rekpp .banner:after{
content: 'Восстановленные АКПП';
display: block;
position: relative;
font-family: Circe-Bold;
font-size: 24px;
line-height: 28px;
color: #fff;
z-index: 1;
}
@media (max-width: 800px){
.old-site-root-element.start-contents .section-recomm #fit-recomm-rekpp .banner{
background: url(/new/assets/img/start/recomm/rekpp-bg-mobile.jpg) no-repeat center center/cover;
}
.old-site-root-element.start-contents .section-recomm #fit-recomm-rekpp .banner:before{
background: linear-gradient(to bottom, rgba(23, 33, 38, 0.8) 0%, rgba(23, 33, 38, 0) 55.19%)
}
.old-site-root-element.start-contents .section-recomm #fit-recomm-rekpp .banner:after{
font-size: 18px;
line-height: 24px;
}
}