/* Тарифы */
.max-width {
max-width: 1170px;
}
.rates {
/* padding: 60px; */
}
.rates__header {
margin-top: 40px;
padding: 0px;
font-style: normal;
font-weight: 400;
font-size: 32px;
line-height: 91%;
letter-spacing: -0.02em;
color: #4FADEA;
text-align: center;
}
.rates__header_orange{
margin-top: 40px;
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 100%;
letter-spacing: 0.004em;
text-transform: uppercase;
color: #ED702D;
}
.rates__subheader {
/* margin-top: 24px; */
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 141.5%;
color: #7B7C80;
}
.rates__region {
margin-top: 45px;
}
.rates-region__title {
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 100%;
text-transform: uppercase;
color: #000000;
}
.rates-region__input {
margin-top: 18px;
width: 900px;
background: #FFFFFF;
box-shadow: 0px 2px 14px rgba(66, 66, 78, 0.09);
position: relative;
}
.rates-region__input.active::before {
transform: rotate(-180deg);
}
.rates-region-input__button-open {
width: 100%;
height: 50px;
padding: 13px 20px;
text-align: left;
background: transparent;
border: 0px;
font-family: 'OpenSans-Regular',sans-serif;
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 127.5%;
color: #000;
position: relative;
}
.rates-region__input::before {
position: absolute;
top: 19.23px;
right: 22px;
width: 20px;
height: 11.77px;
background-image: url(images/arrow_bottom.svg);
content: "";
transition: all 0.2s linear;
}
.rates-region-input__content {
position: absolute;
top: 50px;
left: 0px;
max-height: 400px;
width: 100%;
list-style-type: none;
display: none;
background: #FFFFFF;
box-shadow: 0px 2px 14px rgba(66, 66, 78, 0.09);
z-index: 10;
overflow-y: scroll;
}
.rates-region-input__button {
width: 100%;
height: 50px;
padding: 13px 20px;
text-align: left;
background: transparent;
border: 0px;
font-family: 'OpenSans-Regular',sans-serif;
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 127.5%;
color: #000;
position: relative;
}
.input {
height: 50px;
border-radius: 6px;
border-bottom-left-radius: 0px;
position: relative;
}
.input__slider {
width: 20px;
height: 100%;
border-bottom: 1px solid #ED702D;
position: relative;
z-index: 2;
}
.input-slider__circle {
position: absolute;
right: 0;
bottom: -11.5px;
width: 23px;
height: 23px;
background: #ED702D;
border-radius: 50%;
border: none;
}
.input-slider-circle__top {
position: absolute;
left: -38.5px;
bottom: 23px;
width: 100px;
justify-content: center;
display: none;
}
.input-slider-circle__bottom {
position: absolute;
top: 23px;
left: -38.5px;
width: 100px;
justify-content: center;
font-style: normal;
font-weight: bold;
font-size: 32px;
line-height: 100%;
color: #ED702D;
display: none;
position: relative;
}
.fare-region{
display: flex;
align-items: center;
flex-wrap: wrap;
}
.fare-region__icon{
width: 18px;
height: 18px;
}
.fare-region__area{
margin-left: 16px;
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 127.5%;
color: #000000;
}
.fare-region__link{
margin-left: 9px;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 127.5%;
color: #ED702D;
cursor: pointer;
}
.detailed-tariff-right__price{
font-style: normal;
font-weight: 600;
font-size: 64px;
line-height: 91%;
color: #4FADEA;
white-space: nowrap;
}
.detailed-tariff-right__units{
padding-left: 5px;
font-weight: 400;
font-size: 30px;
line-height: 91%;
letter-spacing: 0em;
color: #878787;
white-space: nowrap;
}
.detailed-tariff-right__units > span{
font-family: Arial;
}
.tarifs{
margin: auto;
max-width: 1170px;
}
.input-slider__circle:hover .input-slider-circle__top {
display: flex;
}
.input-slider__circle:hover .input-slider-circle__bottom {
display: flex;
}
.input.enters .input-slider-circle__bottom {
display: block;
top: 28px;
font-style: normal;
font-weight: normal;
font-size: 24px;
line-height: 100%;
letter-spacing: 0.002em;
color: #AEABAB;
}
.input-signature {
margin-top: 18px;
display: flex;
justify-content: space-between;
}
.input-signature__left {
font-style: normal;
font-weight: normal;
font-size: 24px;
line-height: 100%;
letter-spacing: 0.002em;
color: #AEABAB;
}
.input-signature__right {
font-style: normal;
font-weight: normal;
font-size: 24px;
line-height: 100%;
letter-spacing: 0.002em;
color: #AEABAB;
}
.input-slider__text {
position: absolute;
top: 13px;
left: 7px;
display: flex;
align-items: center;
}
.input-slider-text__sign {
margin-right: 4px;
font-style: normal;
font-weight: normal;
font-size: 24px;
line-height: 100%;
letter-spacing: 0.002em;
color: #000000;
}
.input-slider-text__meaning {
font-style: normal;
font-weight: normal;
font-size: 24px;
line-height: 100%;
letter-spacing: 0.002em;
color: #000000;
}
.input-slider-text__designation {
margin-left: 4px;
font-style: normal;
font-weight: normal;
font-size: 24px;
line-height: 100%;
letter-spacing: 0.002em;
color: #000000;
}
.input.enters {
width: 130px;
background-color: #ED702D;
border-radius: 6px;
}
.input.enters .input-slider__text {
top: 0px;
left: 0px;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.input.enters .input-slider__circle {
background-color: #DEDEDE;
border: 1px solid #ED702D;
}
.input.enters .input__slider {
border: none;
}
.input.additional {
margin-left: -12px;
width: calc(100% - 367px);
background-color: none;
}
.input.additional .input-background {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: #fff;
border-radius: 12px;
z-index: 0;
}
.input.additional .input-signature__left {
opacity: 0;
}
.input.optimizer {
width: 100%;
background-color: #F1F1F1;
}
.rates__satellite {
margin: -20px -20px;
margin-top: 10px;
display: flex;
}
.rates-satellite__left {
display: flex;
flex-wrap: wrap;
}
.rates-satellite__right {
margin-left: 76px;
display: flex;
}
.rates-satellite__item {
margin: 10px 20px;
display: flex;
align-items: center;
}
.rates-satellite__item.disabled {
opacity: .6;
}
.rates-satellite__item.disabled .rates-satellite-item__radio{
pointer-events: none;
}
.rates-satellite-item__radio {
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #FFFFFF;
border: 1px solid #DEDEDE;
flex-shrink: 0;
position: relative;
}
.rates-satellite-item__radio.active .rates-satellite-item-radio__marker {
opacity: 1;
}
.rates-satellite-item-radio__marker {
opacity: 0;
width: 100%;
height: 100%;
border-radius: 50%;
background: #ED702D;
border: 3px solid #FFFFFF;
}
.rates-satellite-item__text {
margin-left: 10px;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 132%;
color: #000000;
white-space: nowrap;
}
.rates__select-satellite {
display: block;
margin-top: 40px;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 141.5%;
color: #ED702D;
text-decoration: none;
}
.recommend-item__title{
font-style: normal;
font-weight: 600;
font-size: 22px;
line-height: 130%;
text-transform: capitalize;
color: #4FADEA;
}
.tags{
margin: -4px;
margin-top: 40px;
display: flex;
align-items: center;
}
.tags__item{
margin: 4px;
min-height: 34px;
min-width: 64px;
padding: 6px;
display: flex;
align-items: center;
justify-content: center;
background: #4FADEA;
border-radius: 7px;
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 132%;
letter-spacing: 0.004em;
}
.tags__item:first-child{
font-style: normal;
font-weight: 600;
font-size: 22px;
line-height: 100%;
}
.tags__item_white{
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 132%;
color: #000000;
background: #F6F6F6;
}
.tags__item_blue{
color: #FFFFFF;
background: #4FADEA;
}
.recommend-cards {
margin: -39.5px;
margin-top: .5px;
display: flex;
/* justify-content: space-between; */
}
.recommend__item {
margin: 39.5px;
padding: 21px 20px 25px 20px;
width: calc(33.33% - 79px);
display: flex;
flex-direction: column;
overflow: hidden;
position: relative;
background: #FFFFFF;
box-shadow: 0px 0px 1.4px rgba(0, 0, 0, 0.15);
}
.recommend-item__marker {
/* position: absolute;
top: 33px;
left: 31px; */
/* padding: 4px 8px; */
/* background: rgba(77, 77, 77, 0.25); */
/* background: #fff; */
/* z-index: 1; */
}
.recommend-item-content__marker-no-img{
padding-bottom: 34px;
font-style: normal;
font-weight: 400;
font-size: 22px;
line-height: 132%;
text-transform: uppercase;
color: #EA3323;
}
.recommend-item-marker__text {
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 132%;
text-transform: uppercase;
/* color: #FFFFFF; */
color: #ED702D;
z-index: 2;
}
.recommend-item__img {
width: 100%;
height: 200px;
position: relative;
}
.recommend-item__img > img {
width: 100%;
height: 100%;
object-fit: cover;
}
.recommend-item__content {
display: flex;
flex-direction: column;
flex-grow: 1;
position: relative;
}
.recommend-item-content__marker {
position: absolute;
top: 21px;
right: 20px;
width: 72px;
height: 72px;
display: flex;
align-items: center;
justify-content: center;
background: #EA3323;
border-radius: 0px 4px 0px 0px;
font-style: normal;
font-weight: 400;
font-size: 22px;
line-height: 132%;
text-transform: uppercase;
color: #FFFFFF;
z-index: 1;
}
.recommend-item__schedule {
margin-top: 23px;
width: 100%;
height: 27px;
background: #F1F1F1;
border-radius: 4px;
}
.recommend-item-schedule__content {
height: 100%;
background: #ED702D;
border-radius: 4px;
}
.recommend-item-schedule-content__text{
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 100%;
letter-spacing: 0.004em;
/* text-transform: uppercase; */
color: #FFFFFF;
}
.recommend-item-schedule-content__sharing {
height: 100%;
display: flex;
justify-content: space-evenly;
}
.recommend-item-schedule-content__sharing > li {
width: 2px;
background-image: url(images/recommend-item__line.svg);
list-style-type: none;
}
.recommend-item__list {
margin-top: 21px;
padding-left: 34px;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 141.5%;
letter-spacing: 0.002em;
color: #878787;
flex-grow: 1;
}
.recommend-item__list > li {
list-style-type: none;
padding-top: 10px;
position: relative;
}
.recommend-item__list > li:first-child{
margin-top: 0px;
}
.recommend-item__list > li::before {
content: "";
position: absolute;
top: 15px;
left: -33px;
width: 17px;
height: 13.5px;
background-image: url(images/arrow_bottom_green.svg);
}
.recommend-item__price {
margin-top: 27px;
display: flex;
align-items: flex-end;
justify-content: center;
}
.recommend-item-price__numbers {
font-size: 54px;
font-weight: 600;
line-height: 49px;
letter-spacing: 0em;
color: #000000;
}
.recommend-item-price__numbers > span{
font-style: normal;
font-weight: 600;
font-size: 28px;
line-height: 91%;
}
.recommend-item-price__designation-block{
margin-left: 12px;
}
.recommend-item-price__designation {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 100%;
color: rgba(0, 0, 0, 0.53);
}
.recommend-item-price__designation > span{
font-family: Arial;
}
.recommend-item-price__hr{
margin-top: 7px;
margin-bottom: 3px;
height: .5px;
background-color: rgba(0, 0, 0, 0.53);
}
.recommend-item-btn__position {
margin-top: 27px;
}
.recommend-item__btn {
width: 100%;
height: 56px;
font-style: normal;
font-weight: 400;
font-size: 22px;
line-height: 100%;
letter-spacing: 0.004em;
text-transform: uppercase;
text-decoration: none;
color: #FFFFFF;
background:#ED702D;
box-shadow: 0px 2px 14px rgba(66, 66, 78, 0.09);
border: 0px;
transition: .3s linear;
}
.recommend__item:hover{
box-shadow: 0 10px 30px rgb(90 117 138 / 50%);
background-color: #fff;
}
.recommend__item:hover .recommend-item__btn{
box-shadow: 0 4px 20px -6px #ED702D;
}
.compare-but__all{
position: absolute;
right: 0;
bottom: 233px;
max-width: 94%;
display: flex;
align-items: end;
flex-direction: column;
z-index: 100;
opacity: .0;
}
.compare-but{
height: 42px;
display: flex;
align-items: center;
border-radius: 6px;
background: #4FADEA;
overflow: hidden;
transition: .1s linear;
opacity: .7;
}
.compare-but__icon{
width: 42px;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.compare-but__icon > svg{
width: 42px;
}
.compare-but__content{
display: none;
width: 0;
padding: 0px 5px;
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 141.5%;
color: #FFFFFF;
transition: .1s linear;
overflow: hidden;
}
.compare-but__content > b{
font-weight: 600;
}
.recommend__item:focus .compare-but__all,
.recommend__item:hover .compare-but__all{
opacity: 1;
}
.compare-but:focus .compare-but__content,
.compare-but:hover .compare-but__content{
width: auto;
display: flex;
justify-content: center;
}
.compare-but:focus,
.compare-but:hover{
opacity: 1;
}
/* .compare-but.active .compare-but__content,
.compare-but.active .compare-but__content{
width: auto;
display: flex;
justify-content: center;
} */
.detail-block__obligatory {
display: none;
}
.customize-rate{
margin-top: 62px;
display: flex;
justify-content: center;
}
.customize-rate__item{
padding: 19px 71px;
font-style: normal;
font-weight: 700;
font-size: 22px;
line-height: 100%;
letter-spacing: 0.004em;
text-transform: uppercase;
border: none;
color: #FFFFFF;
background-color: #ED702D;
white-space: nowrap;
}
.detail__block {
margin-top: 39px;
max-width: 1170px;
}
.detail__block:first-child {
margin-top: 0px;
}
.detail-block__item {
margin-top: 20px;
}
.detail-content__item {
display: flex;
}
.detail-block__left {
width: 800px;
}
.detail-block__right {
margin-left: 30px;
width: calc(35% - 30px);
/* padding-left: 24px; */
}
.detail-block__right.end{
display: flex;
flex-direction: column;
justify-content: end;
}
.detail-block__right.fixed{
position: fixed;
}
/* .detail-block__right_border {
border-left: 1px solid #DEDEDE;
} */
.detail__title{
padding: 0px;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 100%;
letter-spacing: .3px;
color: #7B7C80;
}
.detail__title_none{
text-transform: none;
}
.included{
margin-top: 20px;
box-shadow: 0px 0px 2px rgba(66, 64, 86, 0.3);
border-radius: 14px;
}
.included__header{
cursor: pointer;
}
.pluggable .detail__title{
margin-top: 40px;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 100%;
color: #7B7C80;
}
.suspended-block__card{
margin: 0 1px;
padding: 30px 20px;
width: 366.8px;
box-shadow: 0px 0px 2px rgba(66, 64, 86, 0.3);
border-radius: 14px;
}
.suspended-block__card.fixed{
position: fixed;
top: 85px;
}
.suspended-block .detail__title{
padding: 0;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 100%;
color: #7B7C80;
}
.detail-title__question{
display: flex;
align-items: center;
}
.question{
margin-left: 18px;
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.question__svg{
margin-left: 18.8px;
}
.detailed-tariff{
margin-top: 10px;
display: flex;
align-items: center;
justify-content: space-between;
}
.question__content{
}
.question-box{
position: absolute;
top: -20px;
left: 35px;
width: 327px;
padding: 34px 30px;
background: #FFFFFF;
box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.25);
opacity: 0;
visibility: hidden;
transition: .35s opacity, .35s visibility;
z-index: 1000;
}
.question:hover .question-box{
opacity: 1;
visibility: visible;
}
.detailed-tariff__left{
display: flex;
align-items: center;
}
.detailed-tariff-left__title{
font-style: normal;
font-weight: 400;
font-size: 32px;
line-height: 91%;
color: #4FADEA;
}
.detailed-tariff-right__units{
font-size: 20px;
}
.detailed-tariff__right{
display: flex;
align-items: center;
}
.detail__radio {
display: flex;
align-items: center;
}
.detail-radio__btn {
width: 24px;
height: 24px;
border-radius: 50%;
background-color: #FFFFFF;
border: 1px solid #DEDEDE;
display: flex;
align-items: center;
justify-content: center;
}
.detail-radio__btn.active .detail-radio-btn__marker {
opacity: 1;
}
.detail-radio-btn__marker {
opacity: 0;
width: 15.63px;
height: 15.63px;
border-radius: 50%;
background: #ED702D;
transition: all 0.125s linear;
}
.detail-radio__text {
margin-left: 16px;
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 100%;
color: #000000;
}
.detail__clue {
margin-left: 16px;
height: 29px;
position: relative;
}
.detail-clue__btn {
width: 29px;
height: 29px;
border: none;
background: rgba(0, 0, 0, 0);
}
.detail-clue__btn > img {
width: 100%;
height: 100%;
}
.detail__clue:hover > .detail-clue__text{
display: block;
}
.detail-clue__text {
width: 250px;
display: none;
position: absolute;
top: 0px;
left: 38px;
padding: 10px;
background-color: #FFFFFF;
border: 1px solid #000000;
border-radius: 6px;
}
.detail-type__additional-title {
margin-top: 8px;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 112.5%;
color: #AEABAB;
}
.suspended-block{
/* width: 360.51px; */
transition: all 0s linear 0s;
}
.suspended-block.bottom{
height: 100%;
display: flex;
align-items: flex-end;
}
.suspended-block.bottom .suspended-block__card{
width: 100%;
}
.suspended-block__card.fixed{
position: fixed;
}
.detail-rate-sub-title__text {
font-style: normal;
font-weight: bold;
font-size: 20px;
line-height: 100%;
color: #AEABAB;
}
.detail-rate__schedule {
margin-top: 20px;
display: flex;
}
.detail-rate__bottom-small {
padding-bottom: 40px;
}
.detail-rate-schedule__item {
height: 50px;
display: flex;
align-items: center;
justify-content: center;
background: #ED702D;
border-radius: 12px;
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 100%;
display: flex;
align-items: center;
letter-spacing: 0.002em;
color: #FFFFFF;
position: relative;
z-index: 1;
}
.detail-rate-schedule-item__text.little {
display: flex;
}
.detail-rate-schedule-item-text__left {
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 100%;
letter-spacing: 0.002em;
color: #030303;
}
.detail-rate-schedule-item-text__right {
margin-left: 3px;
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 100%;
letter-spacing: 0.002em;
color: #030303;
}
.detail-rate-schedule-item__card {
position: absolute;
top: 58px;
right: 0px;
width: 100%;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 112.5%;
color: #ED702D;
text-align: left;
color: #AEABAB;
}
.detail-rate-schedule-item__card.little {
min-width: 76px;
}
.detail-rate-schedule-item__card.medium {
min-width: 116px;
}
.detail-rate-schedule__item.detail-rate-schedule__item_necessarily {
font-size: 20px;
line-height: 100%;
background-color: #A5C2E3;
}
.detail-rate-characteristics__item {
margin-top: 20px;
display: flex;
align-items: center;
}
.detail-rate-characteristics__item:first-child {
margin-top: 0px;
}
.detail-rate-characteristics__icon {
width: 46px;
height: 46px;
}
.detail-rate-characteristics__text {
margin-left: 16px;
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 100%;
display: flex;
align-items: center;
text-align: center;
color: #000000;
}
.detail-rate__amount-traffic {
display: flex;
}
.detail-rate__amount-traffic.additionally{
display: none;
}
.detail-rate-amount-traffic__left {
font-style: normal;
font-weight: normal;
font-size: 96px;
line-height: 100%;
display: flex;
align-items: center;
color: #ED702D;
}
.detail-rate-amount-traffic__right {
margin-left: 9px;
font-style: normal;
font-weight: normal;
font-size: 48px;
line-height: 100%;
display: flex;
align-items: center;
color: #ED702D;
}
.detail-rate__hashtags {
margin-top: 16px;
margin-left: -8px;
/* width: 286px; */
display: flex;
flex-wrap: wrap;
}
.detail-rate-hashtags__item {
margin: 8px;
padding: 8px 16px;
border-radius: 6px;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 110%;
text-align: center;
color: #FFFFFF;
display: none;
}
.detail-rate-hashtags__item.active{
display: block;
}
.detail-rate__calculation {
margin-top: 40px;
}
.detail-rate-calculation__item {
margin-top: 15px;
display: flex;
align-items: center;
justify-content: space-between;
}
.detail-rate-calculation__item:first-child {
margin-top: 0px;
}
.detail-rate-calculation__item.options{
align-items: baseline;
}
.detail-rate-calculation__item:last-child > .detail-rate-calculation-item__title{
display: flex;
align-items: center;
}
.detail-rate-calculation-item__title {
font-style: normal;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 100%;
color: #000000;
}
.detail-rate-calculation-item__meaning {
display: flex;
align-items: flex-end;
}
.detail-rate-calculation-item__meaning.column{
flex-direction: column;
}
.detail-rate-calculation-item__meaning .detail-rate-calculation-item-meaning__list{
list-style-type: none;
font-style: normal;
font-weight: 400;
font-size: 22px;
line-height: 132%;
/* text-align: right; */
/* color: #ED702D; */
color: #878787;
}
.detail-rate-calculation-item__meaning .detail-rate-calculation-item-meaning__list > li{
margin-left: 30px;
position: relative;
text-align: end;
}
.detail-rate-calculation-item__meaning .detail-rate-calculation-item-meaning__list > li::before{
content: "";
position: absolute;
top: 8px;
left: -25px;
width: 17px;
height: 13.5px;
background-image: url(/bitrix/templates/empty/images/arrow_bottom_green.svg);
}
.detail-rate-calculation-item__meaning .price:last-child{
background-color: red;
}
.detail-rate-calculation-item-meaning__header{
padding-left: 8px;
display: flex;
align-items: flex-end;
}
.detail-rate-calculation-item-meaning__left {
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 100%;
color: #ED702D;
}
.detail-rate-calculation-item-meaning__right {
margin-left: 5px;
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 100%;
color: #ED702D;
}
.detail-rate-calculation-item-meaning__right > span{
font-family: Arial;
}
.detail-rate-calculation-item-meaning__footer{
margin-top: 2px;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 91%;
text-align: right;
letter-spacing: 0.004em;
color: #ED702D;
}
.totalPrice > .detail-rate-calculation-item-meaning__left{
font-size: 40px;
font-weight: 600;
line-height: 36px;
letter-spacing: 0em;
}
.totalPrice > .detail-rate-calculation-item-meaning__right{
font-size: 40px;
font-weight: 400;
line-height: 36px;
letter-spacing: 0em;
}
.detail-rate__btn {
margin-top: 40px;
width: 100%;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
font-style: normal;
font-weight: 400;
font-size: 22px;
line-height: 100%;
letter-spacing: 0.004em;
text-transform: uppercase;
color: #FFFFFF;
background: #ED702D;
border: none;
}
.detail-rate__outcome {
margin-top: 20px;
display: flex;
align-items: center;
}
.detail-rate-outcome__text {
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 100%;
text-align: center;
color: #000000;
}
.detail-rate-outcome__meaning {
margin-left: 12px;
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 100%;
color: #ED702D;
}
.add-extra {
margin-top: 40px;
}
.add-extra__title{
display: flex;
align-items: center;
}
.add-extra__title > p{
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 100%;
letter-spacing: 0.002em;
color: #000000;
}
.add-extra__sum {
display: flex;
}
.add-extra-sum__value {
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 100%;
letter-spacing: 0.002em;
color: #000000;
white-space: nowrap;
}
.add-extra__sum.orange > .add-extra-sum__value {
color: #ED702D;
font-size: 36px;
line-height: 91%;
}
.add-extra__sum.orange > .add-extra-sum__measure {
color: #ED702D;
font-size: 26px;
}
.add-extra-sum__measure {
margin-left: 5px;
margin-top: -1px;
white-space: nowrap;
}
.add-extra-sum__measure > span{
padding-bottom: 1px;
font-family: Calibri;
font-size: 18px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0.002em;
text-align: right;
color: #000000;
}
.add-extra__switch {
margin-left: 46px;
width: 44px;
height: 21px;
background: #DEDEDE;
border-radius: 16.1905px;
position: relative;
flex-shrink: 0;
}
.add-extra__switch.active {
background: #F1CDB1;
}
.add-extra__switch.active .add-extra-switch__circle {
right: 0px;
left: auto;
background: #ED702D;
}
.add-extra-switch__circle {
position: absolute;
top: -1.5px;
left: 0px;
width: 24px;
height: 24px;
border-radius: 50%;
background: #AEABAB;
transition: all 0.2s linear;
}
.add-extra__list {
margin-top: 16px;
padding-left: 40px;
}
.add-extra__header{
display: flex;
align-items: center;
}
.add-extra-header__btn{
margin-right: 16px;
}
.clock{
margin-top: 26px;
position: relative;
}
.clock__header{
display: flex;
}
.clock__header .detail__title{
color: #ED702D;
}
.clock-header__point{
margin-right: 16px;
}
.detail__title.detail__title_none{
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 132%;
}
.add-extra__list_content{
padding-left: 40px;
flex-direction: column;
}
.clock__item{
padding-top: 21px;
padding-bottom: 18px;
padding-right: 20px;
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #F0EFEF;
}
.clock-item__left{
display: flex;
align-items: center;
}
.clock-item__left p{
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 100%;
letter-spacing: 0.002em;
color: #000000;
}
.clock-item__left span{
font-weight: 400;
font-size: 18px;
line-height: 25px;
}
.question-box > p{
margin-top: 30px;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 100%;
color: #000000;
}
.question-box > p:first-child{
margin-top: 0px;
}
.clock-item__right{
display: flex;
align-items: center;
}
.clock-item-right__price{
display: flex;
}
.clock-item-right-price__start{
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 100%;
letter-spacing: 0.002em;
color: #000000;
white-space: nowrap;
}
.clock-item-right-price__end{
margin-left: 5px;
margin-top: -1px;
}
.clock-item-right-price__end > span{
padding-bottom: 1px;
font-family: Calibri;
font-size: 18px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0.002em;
text-align: right;
color: #000000;
}
.add-extra-list__item{
padding: 20px 0px;
padding-right: 20px;
display: flex;
justify-content: space-between;
border-bottom: 1px solid #F0EFEF;
}
.add-extra-list-item__bottom {
margin-top: 12px;
display: flex;
align-items: center;
}
.add-extra-list-item__bottom > p {
/* font-family: Calibri; */
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 112.5%;
color: #AEABAB;
}
.add-extra__social {
margin-left: 16px;
text-decoration: none;
}
.add-extra__social:first-child {
margin-left: 0px;
}
.add-extra__social > img {
width: 24px;
height: 24px;
}
.add-extra-list-item__right {
display: flex;
align-items: flex-start;
}
.add-extra__switch.options{
margin-left: 46px;
}
.slider-additional {
width: 607px;
height: 50px;
background: #F1F1F1;
border-radius: 6px 6px 6px 0px;
position: relative;
}
.slider-additional.medium {
width: 130px;
}
.slider-additional__background {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #F1F1F1;
z-index: -1;
border-radius: 6px;
}
.detail-rate-schedule__item.medium {
width: 167px;
min-width: 167px;
}
.detail-rate-schedule__item.little {
width: 40px;
}
.slider-additional.big {
width: 607px;
}
.slider-additional.big-middle {
width: 607px;
}
.slider-additional_little {
background: #ED702D;
border-radius: 6px;
}
.slider-additional_little > .slider-additional__scroll {
border: none;
}
.slider-additional_little > .slider-additional__text {
left: 43px;
}
.test {
margin-left: -12px;
background: none;
}
.slider-additional__text {
position: absolute;
top: 13px;
left: 7px;
display: flex;
}
.slider-additional-text__number {
font-style: normal;
font-weight: normal;
font-size: 24px;
line-height: 100%;
letter-spacing: 0.002em;
color: #000000;
}
.slider-additional-text__dimension {
margin-left: 4px;
font-style: normal;
font-weight: normal;
font-size: 24px;
line-height: 100%;
letter-spacing: 0.002em;
color: #000000;
}
.slider-additional__scroll {
width: 1px;
height: 100%;
border-bottom: 1px solid #ED702D;
position: relative;
}
.slider-additional-scroll__circle {
position: absolute;
bottom: -11.5px;
width: 23px;
height: 23px;
border-radius: 50%;
background: #ED702D;
border: none;
}
.slider-additional-scroll-circle__text-top {
position: absolute;
top: -37px;
left: -9px;
display: none;
}
.slider-additional-scroll-circle__total {
position: absolute;
bottom: -25px;
left: 5px;
display: none;
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 100%;
color: #ED702D;
}
.total{
margin-top: 20px;
}
.suspended-block__card.active .total{
margin-top: 40px;
}
.slider-additional-scroll__circle:hover .slider-additional-scroll-circle__total {
display: block;
}
.slider-additional-scroll__circle:hover .slider-additional-scroll-circle__text-top {
display: block;
}
.slider-additional-scroll-circle__sign {
position: absolute;
left: -10px;
top: 12px;
font-style: normal;
font-weight: normal;
font-size: 24px;
line-height: 100%;
letter-spacing: 0.002em;
color: #000000;
}
.slider-additional__start {
position: absolute;
top: 64px;
left: 0px;
font-style: normal;
font-weight: normal;
font-size: 24px;
line-height: 100%;
letter-spacing: 0.002em;
color: #AEABAB;
}
.slider-additional__end {
position: absolute;
top: 64px;
right: 0px;
font-style: normal;
font-weight: normal;
font-size: 24px;
line-height: 100%;
letter-spacing: 0.002em;
color: #AEABAB;
}
.slider-additional-scroll__circle.active {
background-color: red;
}
.slider-additional.slider-additional_little.medium .slider-additional-scroll__circle {
background: #DEDEDE;
border: 1px solid #ED702D;
}
.detail-rate-schedule__sum{
padding-left: 12px;
display: flex;
align-items: center;
}
.detail-rate-schedule-sum__price{
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 98%;
letter-spacing: 0.004em;
color: #ED702D;
white-space: nowrap;
}
.detail-rate-schedule-sum__units{
padding-left: 5px;
font-weight: 400;
font-size: 20px;
line-height: 91%;
letter-spacing: 0em;
color: #878787;
white-space: nowrap;
}
.detail-rate-schedule-sum__units > span{
font-family: Arial;
}
.add-traffic{
margin-top: 57px;
}
.pluggable{
/* margin-top: 32px; */
}
.detail-rate-schedule__sum.phone{
display: none;
white-space: nowrap;
}
.daily{
margin-top: 30px;
display: flex;
align-items: center;
}
/* modal */
.modal-background{
display: none;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
background-color: rgba(0,0,0,0.2); /* Black w/ opacity */
z-index: 10;
}
.modal-background.active{
display: flex;
}
.modal-tariff{
display: none;
width: 520px;
padding: 40px;
background-color: #fff;
}
.modal-tariff.active{
display: block;
}
.modal-tariff__header{
display: flex;
align-items: center;
justify-content: space-between;
}
.modal-tariff__title{
font-style: normal;
font-weight: 400;
font-size: 36px;
line-height: 91%;
letter-spacing: 0.004em;
color: #4FADEA;
}
.modal-tariff-button__close{
width: 17.5px;
height: 17.5px;
}
.modal-tariff__text{
margin-top: 24px;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 141.5%;
letter-spacing: 0.002em;
color: #878787;
}
.modal-tariff__button{
margin: auto;
margin-top: 55px;
width: 348px;
}
.modal-tariff-button__item{
margin-top: 32px;
width: 100%;
padding: 19px;
display: flex;
align-items: center;
justify-content: center;
background: #FFFFFF;
box-shadow: 0px 2px 14px rgba(66, 66, 78, 0.09);
font-style: normal;
font-weight: 400;
font-size: 22px;
line-height: 100%;
letter-spacing: 0.004em;
text-transform: uppercase;
color: #ED702D;
border: none;
transition: .3s linear;
}
.modal-tariff-button__item:hover{
color: #fff;
background: #ED702D;
}
.modal-tariff-button__item:first-child{
margin-top: 0px;
}
.detail{
margin: auto;
max-width: 1170px;
}
.rates-satellite-item__radio,
.recommend-item__btn,
.input-slider__circle,
.add-extra__switch,
.detail-title-question__svg,
.detail-rate__btn,
.rates-region-input__button-open,
.rates-region-input__button,
.customize-rate__item,
.modal-tariff-button__close{
cursor: pointer;
}
.slider__signature{
margin-top: 18px;
padding-right: 204px;
display: flex;
align-items: center;
justify-content: space-between;
}
.slider-signature__left{
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 100%;
letter-spacing: 0.002em;
color: #7B7C80;
}
.slider-signature__right{
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 100%;
letter-spacing: 0.002em;
color: #7B7C80;
}
.detail-rate-schedule__sum.main{
flex-grow: 1;
justify-content: end;
}
.add-traffic__header{
display: flex;
align-items: center;
justify-content: space-between;
}
.detail{
margin: 0px auto;
margin-bottom: 30px;
}
.substrate{
padding: 30px;
background: #F7F7F7;
border-radius: 24px;
}
.substrate__top{
display: flex;
align-items: center;
justify-content: space-between;
}
.substrate__descriptive-text{
margin-top: 20px;
}
.substrate-descriptive-text__top{
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 141.5%;
color: #7B7C80;
}
.substrate-descriptive-text__bottom{
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 141.5%;
color: #ED702D;
}
.substrate__satellite{
margin-top: 15px;
display: flex;
align-items: center;
}
.substrate-satellite__item{
display: flex;
align-items: center;
}
.substrate-satellite__item:nth-child(2){
margin-left: 40px;
}
.substrate-satellite-item__img{
width: 31.5px;
height: 31.5px;
}
.substrate-satellite-item__text{
margin-left: 17px;
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 130%;
letter-spacing: 0.005em;
color: #000000;
}
.substrate-colorful-description__item{
margin-top: 2px;
display: flex;
align-items: center;
}
.substrate-colorful-description__item:first-child{
margin-top: 0px;
}
.substrate-colorful-description-item__left{
width: 44px;
height: 44px;
}
.substrate-colorful-description-item__right{
margin-left: 16px;
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 91%;
color: #000000;
}
.substrate-colorful-description__right{
margin-left: 10px;
padding: 19px 44px;
border-radius: 20px;
background: #FF9860;
font-style: normal;
font-weight: 600;
font-size: 42px;
line-height: 91%;
white-space: nowrap;
color: #FFFFFF;
}
.included{
margin-top: 20px;
padding: 20px 30px;
padding-right: 0px;
border-radius: 14px;
box-shadow: 0px 0px 2px rgb(66 64 86 / 30%);
position: relative;
}
.included::before{
position: absolute;
top: 28px;
right: 32px;
width: 20px;
height: 11.77px;
background-image: url(images/arrow_bottom.svg);
content: "";
transition: all 0.2s linear;
pointer-events: none;
}
.active.included::before{
transform: rotate(-180deg);
}
.included__header .r-cards-header_header{
margin-left: 0px
}
.included__contend{
display: none;
}
.r-cards{
margin-top: 20px;
padding: 20px 30px;
padding-right: 0px;
border-radius: 14px;
box-shadow: 0px 0px 2px rgba(66, 64, 86, 0.3);
position: relative;
}
.r-cards::before{
position: absolute;
top: 41px;
right: 32px;
width: 20px;
height: 11.77px;
background-image: url(images/arrow_bottom.svg);
content: "";
transition: all 0.2s linear;
pointer-events: none;
}
.active.r-cards::before{
transform: rotate(-180deg);
}
.r-cards__header{
display: flex;
align-items: center;
cursor: pointer;
}
.r-cards-header_icon{
width: 50px;
height: 50px;
border-radius: 50%;
background: #F8F8F8;
display: flex;
align-items: center;
justify-content: center;
}
.r-cards-header_icon > img{
width: 26px;
}
.r-cards-header_header{
margin-left: 26px;
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 130%;
letter-spacing: 0.005em;
color: #000000;
}
.r-cards_content{
display: none;
margin-left: 80px;
}
/* .detail{
transform: scale(.7);
margin-top: -210px;
margin-bottom: -160px;
}
.rates{
transform: scale(.7);
margin: -230px auto;
} */
.rates{
margin: auto;
margin-bottom: 30px;
}
.counter{
margin-left: 21px;
height: 20px;
display: flex;
align-items: center;
}
.counter-btn{
width: 22px;
height: 22px;
display: flex;
align-items: center;
justify-content: center;
background-color: #CFCFCF;
border-radius: 50%;
border: none;
position: relative;
}
.counter-btn:active{
background-color: rgb(237, 112, 45, .4);
}
.counter-btn__pluse{
}
.counter-btn__pluse::after{
content: '';
position: absolute;
width: 11px;
height: 2px;
background-color: #ABAAAA;
border-radius: 1px;
}
.counter-btn__pluse::before{
content: '';
position: absolute;
position: absolute;
width: 11px;
height: 2px;
background-color: #ABAAAA;
border-radius: 1px;
transform: rotate(90deg);
}
.counter.active .counter-btn{
background-color: #ED702D;
}
.counter.active .counter-btn__pluse::after{
background-color: #FFFFFF;
}
.counter.active .counter-btn__pluse::before{
background-color: #FFFFFF;
}
.counter-btn__minus{
}
.counter-btn__minus::after{
content: '';
position: absolute;
width: 11px;
height: 2px;
background-color: #ABAAAA;
border-radius: 1px;
}
.counter.active .counter-btn__minus::after{
background-color: #FFFFFF;
}
.counter-text{
margin: 0px 5px;
width: 19px;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 33px;
color: #000000;
text-align: center;
}
.recommend-description__text{
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 141.5%;
color: #000000;
}
.recommend-description__text > b{
font-size: 18px;
font-weight: 600;
line-height: 25px;
letter-spacing: 0em;
color: #000000;
}
.recommend-description__detail{
margin-top: 8px;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 18px;
color: #7B7C80;
}
.included .recommend-item__description{
margin: -23px;
margin-top: -3px;
display: flex;
flex-wrap: wrap;
}
.included .recommend-description__item{
width: 50%;
padding: 23px;
}
.included .recommend-description__item:first-child{
margin-top: 0px;
}
.included .recommend-description__img{
width: 40px;
height: 40px;
}
.included .recommend-description__text{
margin-top: 24px;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 26px;
color: #000000;
}
.included .recommend-description__text > b{
font-size: 18px;
font-weight: 600;
line-height: 25px;
letter-spacing: 0em;
}
.recommend-item__footer {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
.recommend__item .recommend-item__description{
margin-top: 27px;
}
.recommend__item .recommend-description__item{
margin-top: 11px;
display: flex;
align-items: center;
}
.recommend__item .recommend-description__img{
width: 23px;
height: 23px;
}
.recommend__item .recommend-description__text{
margin-left: 16px;
}
.recommend__item.img{
padding: 0;
}
.recommend__item.img > img{
height: 166px;
}
.recommend__item.img .recommend-item__content{
padding: 24px 20px;
padding-bottom: 35px;
}
.recommend__item.img .tags{
margin-top: 8px;
}
.recommend__item.img .recommend-item__price{
margin-top: 14px;
}
.recommend__item.img .recommend-item-btn__position{
margin-top: 24px;
}
.recommend__item.img .recommend-item__description{
margin: 0px;
}
@media screen and (max-width: 1400px) {
.rates{
padding-top: 20px;
}
/* .detail{
transform: scale(.57);
margin: -280px auto;
margin-bottom: -230px;
}
.rates{
transform: scale(.55);
margin: -370px auto;
margin-bottom: -340px;
} */
.slider__signature{
padding: 0px;
}
.question-box{
top: 35px;
left: 0px;
}
.clock{
margin-top: 60px;
}
.detail-rate-schedule__sum.main{
display: none;
}
.detail-rate-schedule__sum.phone{
display: flex;
justify-content: flex-end;
}
.input.additional{
width: calc(100% - 155px);
}
.detail-block__right.rate {
/* padding-left: 30px; */
}
.detail-block__right.additionally {
/* width: 350px; */
}
.detail-rate__characteristics {
width: 327px;
}
.slider-additional.big {
width: 476px;
}
.slider-additional.big-middle {
width: 100%;
}
.add-extra__sum.orange > .add-extra-sum__value {
font-size: 20px;
line-height: 100%;
}
.add-extra__sum.orange > .add-extra-sum__measure {
font-size: 18px;
}
}
@media screen and (max-width: 1266px){
.suspended-block__card{
width: 302.52px;
}
.recommend__item{
width: calc(33.33% - 10px);
}
.detail-block__left{
width: 650px;
}
.suspended-block{
/* width: 320.4px; */
}
.detail {
max-width: 970px;
}
.detail-block__right {
margin-left: 26px;
}
.max-width {
max-width: 970px;
}
.rates-satellite__left{
margin: -8px 0px;
width: 100%;
flex-wrap: wrap;
}
.rates-satellite__item,
.rates-satellite__item:first-child{
margin: 8px 15px;
}
.rates-satellite-item__text{
font-size: 12px;
}
}
@media screen and (max-width: 1081px) {
.rates-satellite__left{
margin-top: -10.5px;
margin-left: 0px;
flex-wrap: wrap;
}
.rates-satellite__item{
margin: 10.5px 15px;
}
.rates-satellite__item:first-child{
margin: 10.5px 15px;
}
/* .recommend__item {
width: calc(394px - 10px);
} */
/* .recommend-item-schedule-content__sharing > li {
margin-left: 53.26px;
} */
.rates-region__input {
width: 100%;
}
}
@media screen and (max-width: 995px) {
.rates{
padding: 0px 20px;
}
/* .detail{
transform: scale(1);
margin: 0px auto;
margin-bottom: 40px;
}
.rates{
transform: none;
margin: 0px auto;
margin-bottom: 10px;
} */
.recommend-cards{
flex-wrap: wrap;
}
}
@media screen and (max-width: 983px) {
.recommend-item__price {
flex-wrap: wrap;
}
/* .recommend-item-schedule-content__sharing > li {
margin-left: 20%;
} */
}
@media screen and (max-width: 980px) {
.suspended-block__card{
width: 100%;
box-shadow: none;
}
.input.additional .input-background{
background: #F0EFEF;
}
.detail{
display: block;
width: 100%;
overflow-x: hidden;
}
.clock{
margin-top: 43px;
}
.detail-rate__amount-traffic.main{
display: none;
}
.detail-rate__characteristics{
margin-top: 0px;
}
.detail-rate__amount-traffic.additionally{
margin-top: 12px;
display: flex;
justify-content: end;
}
.input.additional .input-signature__left {
opacity: 1;
}
.detail-content__item {
flex-wrap: wrap;
}
.slider-additional.big {
width: 462px;
}
.detail-rate-characteristics__icon {
width: 36.18px;
height: 36.18px;
}
.detail-rate-characteristics__text {
font-size: 18px;
line-height: 100%;
}
.detail-block__right.rate {
padding-left: 0px;
}
.detail-content__item.rate > .detail-block__left, .detail-content__item.rate > .detail-block__right {
width: 50%;
}
.detail-rate-sub-title__text {
display: block;
}
.detail-block__obligatory {
display: block;
}
.detail-block-obligatory__item {
margin-top: 17px;
display: flex;
align-items: flex-start;
}
.detail-block-obligatory__item:first-child {
margin-top: 0px;
}
.detail-content__item:nth-child(2) .detail-block__right.rate {
align-items: flex-start;
width: 100%;
padding-left: 0px;
display: flex;
justify-content: space-between;
}
.detail-rate-amount-traffic__left {
font-size: 52px;
line-height: 100%;
}
.detail-rate-amount-traffic__right {
padding-top: 15px;
font-size: 24px;
line-height: 100%;
}
.detail-block-obligatory__left {
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 100%;
color: #A5C2E3;
}
.detail-block-obligatory__left.orange {
color: #ED702D;
}
.detail-block-obligatory__right {
margin-left: 16px;
width: 262px;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 100%;
color: #AEABAB;
}
.add-extra__sum.two {
align-items: flex-start;
flex-direction: column;
}
.detail__content {
width: 100%;
}
.detail-content__item {
width: 100%;
}
.detail-block__left,
.detail-block__right,
.suspended-block{
width: 100%;
}
.detail-block__right.additionally {
margin-left: 0px;
padding-left: 0;
width: 100%;
}
.detail-block__right.additionally .detail__title{
text-align: center;
}
/* .detail-block__right_border {
border-left: none;
border-top: 1px solid #DEDEDE;
} */
.detail-rate__hashtags {
margin: auto;
margin-top: 54px;
width: 438px;
justify-content: center;
}
.detail-rate__calculation{
margin: auto;
margin-top: 24px;
width: 318px;
}
.detail-rate__btn {
margin: 0 auto;
margin-top: 68px;
width: 276px;
}
.detail-rate__outcome {
justify-content: center;
}
.detail-rate-schedule__item.little {
width: 28px;
}
.detail-rate-schedule__item.medium {
min-width: 156px;
width: 156px;
}
.detail-rate-schedule-item__text.little .detail-rate-schedule-item-text__right {
display: none;
}
}
@media screen and (max-width: 980px) {
.detail{
max-width: 740px;
}
.recommend-cards{
margin: -20px;
margin-top: 20px;
}
.recommend__item{
margin: 20px;
width: calc(50% - 40px);
}
}
@media screen and (max-width: 980px){
.max-width {
max-width: 740px;
}
}
@media screen and (max-width: 980px){
.max-width {
max-width: 740px;
}
}
@media screen and (max-width: 830px) {
.max-width {
padding: 60px 15px;
padding-top: 0px;
padding-bottom: 28px;
}
.rates-region__input {
width: 100%;
}
.rates-satellite__right {
display: block;
width: 50%;
}
.rates-satellite-item__text {
font-size: 20px;
line-height: 100%;
}
.recommend-cards {
flex-direction: column;
align-items: center;
}
.recommend__item{
margin-top: 40px;
width: 394px;
}
.recommend__item:first-child{
margin-top: 0px;
}
.recommend-item__img {
height: 206px;
}
.recommend-item__img > img {
width: 100%;
}
.recommend-item__price {
margin-top: 12px;
}
.recommend-item-btn__position {
display: flex;
justify-content: center;
}
.recommend-item__btn {
width: 276px;
}
}
@media screen and (max-width: 780px){
.detail,
.max-width{
padding: 0px 20px;
}
}
@media screen and (max-width: 750px) {
.pluggable {
/* margin-top: 54px; */
}
}
@media screen and (max-width: 628px) {
.substrate__colorful-description{
flex-wrap: wrap;
}
.substrate-colorful-description__right{
margin: 20px auto;
margin-bottom: 0;
}
.input.additional{
width: calc(100% - 90px);
}
.detail-rate-schedule-item__card.medium{
left: 0px;
width: 161px;
right: auto;
}
.add-extra-sum__value {
font-size: 20px;
}
.detail-rate-schedule__item.medium {
width: 94px;
min-width: 94px
}
.clock-item__left{
width: 50%;
}
.clock-item-right-price__start{
font-size: 20px;
}
.r-cards_content{
margin: 0px;
}
}
@media screen and (max-width: 561px) {
.detailed-tariff-left__title{
font-size: 32px;
}
.add-extra__list{
padding: 0px;
}
.modal-tariff{
margin: 0 15px;
padding: 35px 30px;
}
.modal-tariff__title{
font-size: 28px;
}
.modal-tariff__text{
margin-top: 20px;
font-size: 18px;
}
.modal-tariff__button{
margin-top: 36px;
}
.modal-tariff-button__item{
margin-top: 20px;
}
.question-box{
width: 339px;
padding: 24px 26px;
}
.add-extra__sum,
.add-extra-sum__value{
display: flex;
}
.add-extra__switch_none{
margin-top: 0px;
}
.detail-content__item.rate > .detail-block__left {
width: 100%;
}
.slider-additional.big {
width: 100%;
}
.add-extra__sum.two {
flex-direction: row;
align-items: flex-end;
}
.detail-content__item {
padding-bottom: 20px;
}
.slider-additional.big {
width: calc(100% - 82px);
}
.detail-block-obligatory__left {
font-size: 20px;
line-height: 100%;
}
.detail-block-obligatory__right {
font-size: 17px;
line-height: 112.5%;
}
.detail-rate-amount-traffic__left {
font-size: 45px;
line-height: 100%;
}
.detail-rate-amount-traffic__right {
margin-left: 3px;
font-size: 22px;
line-height: 100%;
}
.detail-rate-sub-title__text.rate-bottom {
position: static;
width: 100%;
}
.detail-rate__characteristics {
width: 100%;
}
.detail-rate__hashtags{
margin-left: -8px;
width: 100%;
justify-content: start;
}
.detail-rate__calculation{
width: 100%;
}
.detail-block__right.additionally .detail__title{
text-align: start;
}
.detail-rate__hashtags,
.detail-rate__calculation{
margin-top: 20px;
}
.r-cards-header_header{
width: 63%;
}
.question{
margin-left: 10px;
}
}
@media screen and (max-width: 576px) {
.substrate{
padding: 16px;
}
.detail-rate-schedule-sum__price{
font-size: 24px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0.002em;
}
.detail-rate-schedule-sum__units{
font-size: 20px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0.002em;
}
.customize-rate__item{
width: 100%;
padding: 22px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0px 2px 14px rgb(66 66 78 / 9%);
}
.customize-rate__item:hover{
box-shadow: 0 4px 20px -6px #ED702D;
background: #ED702D;
color: #fff;
}
}
@media screen and (max-width: 501px) {
.included .recommend-item__description{
margin: -10px;
}
.detail__title{
font-size: 14px;
line-height: 100%;
}
.substrate .detail-rate-hashtags__item{
padding: 8px 16px;
font-size: 12px;
}
.detailed-tariff-left__title{
font-size: 22px;
line-height: 100%;
}
.detailed-tariff-right__price{
font-size: 40px;
line-height: 91%;
}
.substrate-satellite__item > img{
width: 19px;
height: 19px;
}
.substrate-satellite-item__text{
margin-left: 7px;
font-size: 15px;
line-height: 130%;
}
.substrate-descriptive-text__top{
font-size: 14px;
line-height: 141.5%;
}
.r-cards-header_header{
width: 55%;
}
.counter{
margin-left: 0px;
margin-top: 10px;
}
.add-extra-list-item__right{
align-items: end;
flex-direction: column;
}
.r-cards{
padding: 20px;
padding-right: 0px;
}
.r-cards::before{
top: 44px;
right: 22px;
}
.add-extra__switch{
margin: 0;
margin-top: 16.41px;
}
.clock-item__left{
width: 60%;
}
.clock-item__right{
flex-direction: column;
}
}
@media screen and (max-width: 474px) {
.question{
margin-left: 0px;
}
.detail-title-question__svg{
width: 20px;
height: 20px;
}
}
@media screen and (max-width: 452px) {
.rates-satellite__left{
flex-direction: column;
}
}
@media screen and (max-width: 430px) {
.add-extra__switch.options{
margin-top: 16px;
}
.detailed-tariff-left__title{
font-size: 22px;
}
.modal-tariff{
padding: 23px 20px;
}
.modal-tariff__title{
font-size: 20px;
}
.modal-tariff__text{
margin-top: 13px;
font-size: 14px;
line-height: 127.5%;
}
.modal-tariff__button{
width: 100%;
display: flex;
align-items: center;
}
.modal-tariff-button__item{
margin-top: 0px;
padding: 10px 8px;
font-size: 16px;
}
.modal-tariff-button__item:nth-child(2){
margin-left: 8px;
}
.question-box{
width: 303px;
padding: 16px;
}
.input.additional{
width: calc(100% - 60px);
}
.add-extra__title{
font-size: 16px;
}
.add-extra-sum__value{
}
.add-extra-sum__measure{
}
.detail-rate-schedule__item.medium {
width: 76px;
min-width: 76px;
}
.detail-block-obligatory__left {
width: 30px;
flex-shrink: 0;
font-size: 16px;
}
.detail-block-obligatory__right {
width: auto;
}
.detail-rate__hashtags {
width: 100%;
}
.detail-radio__btn {
width: 20px;
height: 20px;
}
.detail-radio-btn__marker {
width: 15.63px;
height: 15.63px;
}
.detail-type__additional-title {
font-size: 16px;
line-height: 112.5%;
}
.detail__block {
margin-top: 32px;
}
.detail-rate__schedule {
margin-top: 16px;
}
.add-extra-list-item__bottom {
font-size: 17px;
}
.detail-block__left .detail-rate__schedule .slider-additional__end {
display: none;
}
}
@media screen and (max-width: 426px) {
.recommend-cards{
margin: 0px;
margin-top: 20px;
}
.recommend__item{
margin: 0px;
margin-top: 20px;
width: 100%;
}
.recommend__item:first-child{
margin-top: 0px;
}
}
@media screen and (max-width: 381px) {
.add-extra-sum__value{
font-size: 18px;
line-height: 140%;
}
.add-extra-sum__measure{
font-size: 14px;
}
}
@media screen and (max-width: 376px) {
.rates {
padding: 0px 16px;
padding-bottom: 26px;
}
.customize-rate__item{
font-size: 16px;
}
.rates__header{
font-size: 26px;
}
.rates__header_orange{
font-size: 22px;
}
.recommend-item__list{
font-size: 16px;
line-height: 127.5%;
letter-spacing: 0.002em;
}
.modal-tariff-button__item{
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
letter-spacing: 0.6px;
}
.question-box{
font-size: 15px;
line-height: 127.5%;
}
.rates__subheader {
font-size: 14px;
line-height: 152.5%;
letter-spacing: 0.002em;
}
.rates__region {
margin-top: 32px;
}
.rates-region__title {
font-size: 18px;
}
.rates__satellite {
margin-top: 35px;
}
.rates-satellite-item__text {
font-size: 16px;
}
.recommend-cards {
margin-top: 32px;
}
.recommend-item__link{
width: 100%;
}
.recommend-item__btn {
width: 100%;
font-size: 18px;
}
/* .recommend-item-price__numbers{
font-size: 48px;
line-height: 127.5%;
} */
/* .recommend-item-price__designation{
font-size: 20px;
line-height: 127.5%;
padding-bottom: 4.27px;
} */
.detail__title.detail__title_none{
font-size: 16px;
}
.add-extra__title > p {
font-size: 18px;
}
}
@media screen and (max-width: 351px) {
.rates-satellite__left{
flex-direction: column;
}
.detail__title{
font-size: 19px;
}
}
@media screen and (max-width: 350px){
.add-extra__list_content{
padding-left: 0px;
}
.add-extra__title > p {
font-size: 16px;
}
.detailed-tariff-left__title{
font-size: 20px;
}
.detailed-tariff-right__units{
font-size: 16px;
}
}
@media screen and (max-width: 321px) {
.rates__satellite {
flex-wrap: wrap;
}
.rates-satellite__right {
margin-left: 0;
}
}