/*Fonts*/
@font-face {
    font-family: 'MyriadPro Regular';
    src: url('../../../../Documents/Дизайн /Конечное v2/верстка/Верстка готовая/1 последнее/easyimages/fonts/MyriadPro-Regular.ttf') format('truetype');
}
/*Specification*/
html, body {
    max-width: 100%;
    overflow-x: hidden;
}
button:active, button:hover, button:focus,
input:active, input:hover, input:focus,
textarea:active, textarea:hover, textarea:focus{
    outline: 0;
    outline-offset: 0;
}
li{
	list-style-type: none;
}
body{
	font-family: 'MyriadPro Regular';
	color: #000000;
    font-size: 12px;
}
ul{
	padding: 0;
	margin: 0;
}
input:-internal-autofill-selected {
    background-color: rgb(232, 240, 254) !important;
    background-image: none !important;
    color: -internal-light-dark-color(black, white) !important;
}
input, select, option{
    border: 1px solid #c4c4c4 !important;
}
a:hover{
	text-decoration: none;
}
.pushy{
	background: white !important;
	color: #2d2a38 !important;
}
.pushy a{
	color: #262f40 !important;
}
.pushy-link a{
	 display:block;
	  width:100%;
	  height:100%;
      font-family: 'Montserrat-Medium';
      font-size: 17px;
}
.pushy-link a:hover{
	color: #fda93d !important;
}
.pushy-btn{
    display: none;
}
::-webkit-input-placeholder {
	text-align:left;
}
:-moz-placeholder { /* Firefox 18- */
   text-align:left;
}
::-moz-placeholder {  /* Firefox 19+ */
   text-align:left;
}
:-ms-input-placeholder {
   text-align:left;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #2d2a38;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #2d2a38;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #2d2a38;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #2d2a38;
}

/*Popup*/
.popup{
    width:100%;
    min-height:100%;
    background-color: rgb(37 37 28 / 0.8);
    overflow:hidden;
    position:fixed;
    top:0px;
	left: 0px;
	z-index: 999;
    display: none;
}
.popup__content {
    margin: 50vh auto 0px auto;
    transform: translate(0, -50%);
    height: 100%;
    max-width: 775px;
    background-color: #ffffff;
    padding: 25px 20px 25px 30px;
    position: relative;
    border-radius: 5px;
    display: none;
}
.popup_close{
	position: absolute;
    right: -43px;
    top: -1px;
	display: flex;
    width: 28px;
    height: 28px;
    justify-content: center;
    align-items: center;
    background: #f7d609;
    border-radius: 50%;
    user-select: none;
}
.popup_close__img{
    flex-shrink: 0;
    margin-left: 1px;
    width: 10px;
    display: block;
}
.popup_close:hover {
  cursor: pointer;
}
#tariffs .popup__title{
    font-size: 25px;
    margin-bottom: 18px;
}
#tariffs .popup__subtitle{
    font-size: 15px;
    margin-bottom: 30px;
}
.popup__tariff{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#tariffs .popup__notice{
    color: #5b5b5b;
    margin-top: 15px;
    font-size: 14px;
    text-align: right;
}
.popup__tariff__item {
    background-color: #e8e8e8;
    width: 220px;
    height: 165px;
    border-radius: 5px;
    padding: 19px 0 0 15px;
}
.popup__tariff__title {
    font-family: 'Arial';
    font-size: 19px;
    font-weight: 700;
    letter-spacing: -0.25px;
    margin-bottom: 8px;
    font-style: normal;
    line-height: normal;
}
.popup__tariff__subtitle {
    font-family: Arial;
    font-size: 15px;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
}
.popup__tariff__btn{
    display: flex;
    align-items: center;
    text-decoration: none;
    width: 178px;
    height: 37px;
    background: #fdd93c;
    font-weight: 400;
    border-radius: 7px;
    padding: 5px 0 5px 9px;
    color: #000000;
    font-size: 14px;
    margin-top: 20px;
}

.popup__tariff__btn__icon{
    display: block;
    flex-shrink: 0;
    margin-right: 9px;
}

#auth .popup__content{
    width: 565px;
    font-family: 'Roboto', sans-serif;
}
#auth .popup__btns{
    display: flex;
    align-items: center;
    margin-bottom: 11px;
}
#auth .popup__btn{
    padding: 0 20px 0 20px;
    font-size: 13px;
    line-height: 18px;
    font-weight: 300;
    color: #898b8e;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
}
#auth .popup__btn:hover{
    cursor: pointer;
}
#auth.login .popup__btn.login, #auth.register .popup__btn.register, #auth.recovery .popup__btn.recovery{
    color: #414141;
    background-color: #f5e834;
}
#auth .popup__title{
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
    color: #0b0b0b;
    letter-spacing: 0.02em;
    margin-bottom: 22px;
}
#auth .popup__main{
    display: flex;
    align-items: flex-start;
}
#auth .popup__left__icon{
    width: 37px;
}
#auth .popup__left__icon:first-child{
    margin-right: 13px;
}
#auth .popup__left{
    padding-right: 28px;
    width: 135px;
}
#auth .popup__input{
    display: block;
}
#auth .popup__submit{
    display: flex;
}
#auth .popup__left__title{
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
    color: #0b0b0b;
    text-align: left;
    margin-bottom: 16px;
}
#auth .popup__left__link{
    text-decoration: none;
}
#auth .popup__right__title{
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
    color: #0b0b0b;
    text-align: left;
    margin-bottom: 16px;
}
#auth .popup__form{
    padding-left: 28px;
    width: 380px;
    border-left: 1px solid #f2f2e9;
}
#auth .popup__input{
    padding: 0 15px;
    width: 256px;
    height: 35px;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    line-height: 35px;
    font-weight: 300;
    color: #414141;
    text-align: left;
    border: 1px solid transparent;
    background-color: #f2f2e9;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    outline: none;
    -webkit-appearance: none;
    appearance: none;
    margin-bottom: 20px;
}
#auth .popup__input:nth-of-type(2){
    margin-bottom: 10px;
}
#auth .popup__form__forgot{
    display: block;
    width: max-content;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    line-height: 16px;
    font-weight: 300;
    color: #558acb;
    border-bottom: 1px solid #558acb;
    text-decoration: none;
    margin-bottom: 10px;
}
#auth .popup__form__forgot:hover{
    cursor: pointer;
}
#auth .popup__submit{
    min-width: 128px;
    min-height: 30px;
    white-space: normal;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 5px 15px;
    border: none;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #242424;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #f5e834;
}
/* для элемента input c type="checkbox" */
.custom-checkbox2>input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

/* для элемента label, связанного с .custom-checkbox */
.custom-checkbox2>span {
  display: flex;
  align-items: center;
  user-select: none;
  margin-top: 10px;
  margin-bottom: 6px;
  font-family: 'Roboto', sans-serif;
    font-size: 13px;
    line-height: 18px;
    font-weight: 300;
    color: #414141;
}

/* создание в label псевдоэлемента before со следующими стилями */
.custom-checkbox2>span::before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid #adb5bd;
  border-radius: 0.25em;
  margin-right: 0.5em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 90% 90%;
}

/* стили для чекбокса, находящегося в состоянии checked */
.custom-checkbox2>input:checked+span::before {
  background-image: url("https://alme.ru/images/svg/b-icon-checkbox.svg");
}
.popup__form__notice{
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    line-height: 20px;
    font-weight: 300;
    color: #757474;
    margin-top: 15px;
}

#auth .popup__rules{
    color: #777;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 300;
    margin-top: 15px;
    padding-bottom: 0;
    display:none;
}
.popup__form{
    display: none;
}
.popup.login .popup__form.login, .popup.register .popup__form.register, .popup.recovery .popup__form.recovery{
    display: block;
}
#auth.recovery .popup__title{
    display: none;
}








/*header*/
.header{
    padding-top: 40px;
    padding-bottom: 25px;
}
.header__line{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header__logo{
    display: block;
    flex-shrink: 0;
    width: 150px;
}
.header__search{
    display: flex;
    align-items: center;
}
.header__search__field{
    width: 710px;
    height: 38px;
    border: 2px solid #ffd934;
    display: block;
    color: #000000;
    font-family: Arial;
    font-size: 18px;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    border-radius: 2px;
    padding-left: 18px;
}
.header__search__btn{
    display: block;
    font-family: 'MyriadPro Regular';
    color: #000000;
    font-size: 24px;
    font-weight: 400;
    width: 105px;
    height: 38px;
    background-color: #ffd200;
    border: 2px solid #ffd934;
    border-radius: 2px;
}
.header__cabinet{}
.header__cabinet__link{
    color: #000000;
    font-family: Verdana;
    text-decoration: none;
    font-size: 15px;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    display: inline-block;
    user-select: none;
}
.header__cabinet__link:hover{
    cursor: pointer;
}
.search__params{
    display: flex;
    align-items: flex-start;
    margin-left: 184px;
    margin-top: 20px;
}
.search__params__box{
    margin-right: 30px;
}
.search__params__box:last-child{
    margin-right: 0;
}
.search__params__title{
    color: #000000;
    font-family: Verdana;
    font-size: 12px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: center;
    border-bottom: 1px solid #010101;
    padding-bottom: 2px;
    margin-bottom: 8px;
}
.reviews__bottom__check {
    margin-right: 2px;
    width: 8px;
}
.search__params__line__item{
    display: flex;
    flex-direction: column;
}
.search__params__line{
    display: flex;
    justify-content: space-between;
}
.main__similar{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
}
.main__similar::-webkit-scrollbar-track {
    -webkit-box-shadow: 5px 5px 5px -5px rgba(34, 60, 80, 0.2) inset;
    background-color: #f9f9fd;
    scrollbar-color: red;
}
.main__similar__item{
    width: max-content;
    border-radius: 20px;
    color: #fffffc;
    font-family: Arial;
    font-size: 20px;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    background: #b0b0b0;
    padding: 4px 19px;
}
.main__similar__item{
    user-select: none;
}
.main__similar__item.active{
    background: #808080;
}
.main__similar__item:hover{
    cursor: pointer;
    background: #808080;
}
.main__images{
    margin-top: 18px;
}
.main__images__row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 6px;
    margin-bottom: 6px;
}
.main__images__item{
    width: 140px;
    height: 135px;
    border: 1px solid #d0d0d0;
    padding: 2px;
}
.main__images__item:hover{
    cursor: pointer;
}
.main__images__item.active{
    border: 4px solid #a3a3a3;
}
.main__img{
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.main__review{
    margin: 40px 0;
    display: none;
}
.main__review__flex{
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.review__window {
    border: 1px solid #d1d1d1;
    width: 596px;
    height: 526px;
    position: relative;
    margin-right: 43px;
}
.review__window__img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.review__window__format{
    width: max-content;
    padding: 3px 20px;
    background: #f7f4f4;
    color: #5b5b5b;
    font-size: 17px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translate(-50%, 0);
}
.review__info{
    width: 291px;
}
.review__info__top{
    border: 1px solid #d1d1d1;
    padding: 18px 14px 12px 14px;
    margin-bottom: 9px;
}
.review__top__title{
    color: #001efb;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
}
.review__top__site{
    color: #000000;
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-decoration: none;
    display: block;
    margin-bottom: 10px;
}
.review__top__download{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: #fdd93c;
    width: 214px;
    text-decoration: none;
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: -0.1px;
    line-height: normal;
    padding: 5px 0 5px 9px;
    border-radius: 7px;
}
.review__download__left{
    display: flex;
    align-items: center;
    padding-right: 20px;
    border-right: 1px solid #dbb639;
    height: 28px;
}
.review__download__icon{
    flex-shrink: 0;
    margin-right: 9px;
}
.review__download__text{
    letter-spacing: -0.1px;
}
.review__download__right{
    padding-left: 13px;
}
.review__info__bottom{
    border: 1px solid #d1d1d1;
    padding: 14px 0 22px 14px;
}
.review__bottom__item{
    margin-bottom: 12px;
}
.review__bottom__title{
    color: #000000;
    font-family: Arial;
    font-size: 20px;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    margin-bottom: 9px;
}
.review__bottom__row{
    display: flex;
}
.review__bottom__line{
    display: flex;
    flex-direction: column;
}
.review__bottom__line:first-child{
    margin-right: 50px;
}
.review__bottom__line .review__bottom__radio{
    margin-right: 50px;
}
.review__bottom__radio{
    display: flex;
    align-items: center;
    margin-bottom: 6px;
}
.reviews__bottom__check {
    margin-right: 3px;
    width: 8px;
}
.reviews__bottom__label{
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
        margin-bottom: 7px;
}
.reviews__bottom__label.label3{
    margin-top: 5px;
}
.review__small__input{
    width: 40px;
    text-align: center;
}
.review__medium__input{
    width: 40px;
    text-align: center;
}
select{
    height: 19px;
}
.reviews__bottom__label.gray{
    color: #878787;
}
.review__btn{
    display: flex;
    align-items: center;
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-decoration: none;
    background: #cfcfcf;
    width: 178px;
    height: 37px;
    border-radius: 7px;
    padding: 5px 0 5px 9px;
    user-select: none;
}
.review__btn:hover{
    cursor: pointer;
}
.review__btn__icon{
    margin-right: 9px;
    flex-shrink: 0;
}
.main__more{
    margin-top: 25px;
    margin-bottom: 25px;
}
.main__more__title{
    font-family: Verdana;
    font-size: 19px;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    margin-bottom: 13px;
}
.main__more__line{
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.remove__filter{
    position: absolute;
    right: 0;
    top: 0;
    height: 135px;
    background-color: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 432px;
    color: white;
    font-family: Verdana;
    font-weight: 700;
}
.remove__filter__title{
    font-size: 23px;
}
.remove__filter__subtitle{
    font-size: 15px;
    margin-top: 6px;
    margin-bottom: 10px;
}
.remove__filter__text{
    font-size: 17px;
}
.main__more__line__item{
    position: relative;
}
.main__more__img{
    width: 140px;
    height: 135px;
    border: 1px solid #d0d0d0;
    padding: 2px;
}
.main__more__text{
    color: #ffffff;
    font-family: Verdana;
    font-size: 12px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    height: 19px;
    background-color: rgba(0, 0, 0, 0.5);
    text-align: center;
    position: absolute;
    transform: translate(-50%, 0);
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.main__more__text.text1{
    bottom: 32px;
    width: 111px;
}
.main__more__text.text2{
    bottom: 10px;
    width: 128px;
}
.main__review.transform .review__window, .main__review.transform .review__top__download{
    display: none;
}
.main__review.transform .review__top__title{
    color: #4a5ff9;
}
.transform__notice{
    display: none;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 10px;
}
.result__wait{
    display: none;
    margin-top: 75px;
}
.transform__review.result.wait .result__wait{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.result__wait__icon{
    flex-shrink: 0;
    margin-bottom: 28px;
    -webkit-animation-name: rotation;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotation;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -o-animation-name: rotation;
    -o-animation-duration: 5s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
    animation-name: rotation;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@-webkit-keyframes rotation {
    0% {-webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg);}
    100% {-webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg);}
}
@-moz-keyframes rotation {
    0% {-webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg);}
    100% {-webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg);}
}
@-o-keyframes rotation {
    0% {-webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg);}
    100% {-webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg);}
}
@keyframes rotation {
    0% {-webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg);}
    100% {-webkit-transform:rotate(360deg);
        -moz-transform:rotate(720deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg);}
}
.result__wait__text{
    font-size: 15px;
    font-weight: 400;
}
.transform__review{
    display: none;
    border: 1px solid #d1d1d1;
    width: 308px;
    height: 314px;
    position: relative;
    margin-right: 16px;
}
.transform__review.result{
    background-color: #ededed;
}
.transform__review__img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.transform__review.result.wait .transform__review__img, .transform__review.result.select .transform__review__img{
    display: none !important;
}
.transform__review__zoom{
    position: absolute;
    left: 0;
    top: 0;
    background: #f7f4f4;
    padding: 6px 8px;
    display: flex;
    align-items: center;
}
.transform__review__zoom img{
    display: block;
    flex-shrink: 0;
}
.transform__review__zoom img:hover{
    cursor: pointer;
}
.transform__zoom__minus{
    margin-left: 5px;
    width: 20px;
}
.transform__zoom__plus{
    width: 20px;
}
.transform__review__title{
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    top: 4px;
    width: max-content;
    background-color: #f7f4f4;
    color: #5b5b5b;
    font-family: Arial;
    font-size: 19px;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    padding: 2px 14px;
}
.transform__review__format{
    width: max-content;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 4px;
    background-color: #f7f4f4;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    color: #5b5b5b;
    padding: 2px 14px;
}
.result__select__icon{
    margin-top: 11px
}
.result__select__text{
    font-size: 18px;
    font-weight: 400;
}
.result__select{
    display: none;
}
.review__btn.back, .review__btn.download{
    display: none;
}
.main__review.transform .review__btn.back, .main__review.transform .review__btn.download{
    display: flex;
}
.main__review.transform .review__btn.edit{
    display: none;
}
.main__review.transform .transform__review, .main__review.transform .transform__notice.desktop{
    display: block;
}
.transform__notice.mobile{
    display: none;
}
.review__btn.download{
    background-color: #fdd93c;
}
.transform__review.result.select .result__select{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 50%;
    transform: translate(0 , -50%);
}
.label.custom-radio{
    margin-bottom: 3px;
}



/*footer*/
.footer{
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    background-color: #cdcaca;
    padding: 12px 0;
}
.footer__links{
    display: flex;
    align-items: center;
}
.footer__link{
    color: #000000;
    font-family: Verdana;
    font-size: 19px;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-decoration: none;
    margin-right: 30px;
}


/*page*/
.page{
    background-color: #f3f3f3;
}
.page__wr{
    background-color: #fbfbfb;
    padding: 38px 6px 37px 26px;
    display: flex;
    align-items: flex-start;
    margin: 25px 0;
}
.page__nav{
    margin-right: 68px;
}
.page__nav__item{
    margin-bottom: 6px;
}
.page__nav__title{
    margin-bottom: 11px;
    font-size: 19px;
    font-weight: 700;
    font-family: Verdana;
}
.page__nav__link{
    text-decoration: none;
    color: #000000;
    font-family: Verdana;
    font-size: 15px;
}

.page__main{}
.page__title{
    font-family: Arial;
    font-size: 23px;
    margin-bottom: 18px;
}
.page__subtitle{
    font-family: Arial;
    font-size: 17px;
    margin-bottom: 30px;
}
.page__tariff{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.page__box{
    background-color: #e8e8e8;
    width: 220px;
    height: 175px;
    margin-right: 20px;
    border-radius: 5px;
    padding: 19px 0 0 15px;
}
.page__box:last-child{
    margin-right: 0;
}
.page__box__title{
    font-family: 'Arial';
    font-size: 19px;
    font-weight: 700;
    letter-spacing: -0.25px;
    margin-bottom: 8px;
    font-style: normal;
    line-height: normal;
}
.page__box__text{
    font-family: Arial;
    font-size: 15px;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
}
.page__box__btn{
    width: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 37px;
    border-radius: 5px;
    background-color: #fdd93c;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.1px;
    color: #000000;
    text-decoration: none;
    margin-top: 20px;
    margin-bottom: 6px;
}
.page__box__btn.enabled{
    background-color: #09c701;
}
.page__box__btn.used{
    background-color: #cfcfcf;
}


/* для элемента input c type="checkbox" */
.custom-checkbox>input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

/* для элемента label, связанного с .custom-checkbox */
.custom-checkbox>span {
  display: inline-flex;
  align-items: center;
  user-select: none;
  font-size: 12px;
  font-weight: 400;
  width: max-content;
}

/* создание в label псевдоэлемента before со следующими стилями */
.custom-checkbox>span::before {
  content: '';
  display: inline-block;
  width: 7px;
  height: 7px;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid #c4c4c4;
  margin-right: 3px;
  background-repeat: no-repeat;
  background-position: center center;
}


/* стили для чекбокса, находящегося в состоянии checked */
.custom-checkbox>input:checked+span::before {
  background-color: #c4c4c4;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}






/* для элемента input c type="radio" */
    .custom-radio>input {
      position: absolute;
      z-index: -1;
      opacity: 0;
    }

    /* для элемента label связанного с .custom-radio */
    .custom-radio>span {
      display: inline-flex;
      align-items: center;
      user-select: none;
      font-size: 14px;
    }

    /* создание в label псевдоэлемента  before со следующими стилями */
    .custom-radio>span::before {
      content: '';
      display: inline-block;
      width: 7px;
      height: 7px;
      flex-shrink: 0;
      flex-grow: 0;
      border: 1px solid #c4c4c4;
      border-radius: 50%;
      margin-right: 5px;
      background-repeat: no-repeat;
      background-position: center center;
    }

    /* стили для радиокнопки, находящейся в состоянии checked */
    .custom-radio>input:checked+span::before {
      border-color: #c4c4c4;
      background-color: #c4c4c4;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
    }