/**
 *  ●●●●●●●●●●
 *  init
 *  ●●●●●●●●●●
 */


html{
  min-width: 1148px;
  /*
  overflow-x: hidden;
  */
  font-size: 12px;
  font-family: 'Roboto', sans-serif;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
*{
  padding: 0;
  margin: 0;
  box-sizing: inherit;
  -webkit-font-smoothing: antialiased;
}
*::before,
*::after { box-sizing: inherit; }

body {
  color: #1f1f1f;
  background-color: #fbfbfb;
}

a {
  color: #00435c;
  text-decoration: none;
}

img{
  border: 0;
}
ul{
  list-style: none;
}

/**
 *  ●●●●●●●●●●
 *  Helpers
 *  ●●●●●●●●●●
 */
.g--disable-select{
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.g--va-center-wrap {
  display: inline-table;
}
.g--va-center{
  display: table-cell;
  vertical-align: middle;
}

.va{
  display: table-cell;
  vertical-align: middle;
}

._va-top{
  vertical-align: top;
}
._va-middle{
  vertical-align: middle;
}
._va-bottom{
  vertical-align: bottom;
}
._ta-left{
  text-align: left;
}
._ta-center{
  text-align: center;
}
._ta-right{
  text-align: right;
}

.hidden,
._hidden{
  display: none;
}

._no-border{
  border: 0 !important;
}


/**
 *  ●●●●●●●●●●
 *  Elements
 *  ●●●●●●●●●●
 */

/* ●●● rows ●●● */

.row{
  padding: 38px 0;
}
.row._bg-white{
  background: #fff;
}
.row__inner{
  width: 1148px;
  padding: 0 20px;
  margin: 0 auto;
}
.row._bg-no-image .row__inner:before{
  display: none;
}
.row__title{
  margin: 0 0 38px;
  color: #000;
  font-size: 42px;
  font-weight: 400;
  text-align: center;
}
.row__subtitle{
  margin: 0 0 32px;
  color: #333;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  text-align: center;
}
.row__menu{
  text-align: center;
  font-size: 0;
}
.row__menu-item{
  padding: 2px 12px;
  margin: 0 4px;
  height: 32px;
  display: inline-block;
  border: 2px solid transparent;
  border-radius: 28px;
  font-family: Roboto;
  font-size: 12px;
  line-height: 26px;
  font-weight: 900;
  text-transform: uppercase;
  transition: border-color linear 0.2s;
}
.row__menu-item:hover {
    border-color: #88068d;
}
.row__menu-item._active,
.row__menu-item._active:hover{
  color: #000;
  border-color: #fbba12;
  cursor: default;
}

/* ●●● for old content ●●● */
#ja-current-content{
  padding: 38px 0;
  background: #fff;
}

#ja-content-main{
  max-width: 1148px;
  padding: 0 20px;
  margin: 0 auto;
}

.yellowhead,
.payment_line_header,
.componentheading{
  margin: 0 0 24px;
  color: #000;
  font-size: 42px;
  font-weight: 400;
  text-align: center;
}


/* ●●● socials ●●● */
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "social-ico";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-mail:before { content: '\e800'; } /* '' */
.icon-facebook:before { content: '\f052'; } /* '' */
.icon-youtube-play:before { content: '\f16a'; } /* '' */
.icon-instagram:before { content: '\f16d'; } /* '' */
.icon-vkontakte:before { content: '\f189'; margin-right: .6rem; } /* '' */
.icon-google:before { content: '\f1a0'; } /* '' */
.icon-odnoklassniki:before { content: '\f263'; } /* '' */
.icon-twitter:before { content: '\f309'; } /* '' */

.shares{}
.shares._in-footer{
  float: right;
  display: inline-block;
  vertical-align: top;
  text-align: justify;
}
.shares._in-footer::after{
  content: "";
  width: 100%;
  height: 0;
  display: inline-block;
}
.shares__caption{
  display: block;
  margin: 0 0 32px;
  color: #000;
  font-size: 14px;
  font-weight: 900;
  text-transform: uppercase;
}
.shares._in-footer .shares__caption{
  text-align: center;
}
.share{
  z-index: 2;
  width: 36px;
  height: 36px;
  margin: 0 3px;
  display: inline-block;
  position: relative;
  border-radius: 50%;
  background-color: #9fa3a7;
  font-size: 20px;
  line-height: 34px;
  color: #dedede;
  text-align: center;
  transition: background-color 0.2s linear;
}
.share:hover{
  color: #fff;
  background-color: #555;
}
.share__icon::before{
  line-height: 34px;
}

/* ●●● arrows ●●● */
.arrow-wrap{
  display: block;
}
.arrow{
  width: 40px;
  height: 40px;
  display: inline-block;
  border-radius: 50%;
  border: 3px solid transparent;
  transition: background-color 0.2s linear, border-color 0.2s linear;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
}
.arrow._small{
  width: 26px;
  height: 26px;
  background-size: 75%;
}
.arrow._violet{
  background-color: #fff;
  border-color: #fbba12;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAASBAMAAABLIvhaAAAAHlBMVEUAAACIBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo0IJCoQAAAACXRSTlMAtwIDq6ablbWX0KGLAAAAN0lEQVQI12MAATYnBhhgmagAYzJLCsGFDRHCTEjCiriFK2dCQQASE27cDAWEJQg7CAmiORLhdABtIxNij6NUgQAAAABJRU5ErkJggg==);
}
.arrow._white{
  background-color: #fbba12;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAASBAMAAABLIvhaAAAAFVBMVEUAAAD///////////////////////9Iz20EAAAABnRSTlMAt6umm5WZDlhZAAAAK0lEQVQI12MAARYFBhhgSmSAAzEBOJORZOGwNCgwQGYiFCC0kSiIcCTC6QB9LQura5+JwQAAAABJRU5ErkJggg==);
}
.arrow._with-hover{
  cursor: pointer;
}
.arrow._up{
  transform: rotate(-90deg);
}
.arrow._down{
  transform: rotate(90deg);
}
.arrow._left{
  transform: rotate(180deg);
}

.arrow.hidden{
  display: none;
}


/* ●●● buttons ●●● */
.btn-wrap{
  width: 100%;
  text-align: center;
}
.btn{
  width: 184px;
  height: 40px;
  background-color: #fbba12;
  border-radius: 4px;
  padding: 0 12px;
  display: inline-block;
  border: 1px solid #fff;
  background-color: transparent;
  font-family: Roboto;
  font-size: 12px;
  font-weight: 900;
  line-height: 40px;
  letter-spacing: 2.4px;
  text-align: center;
  color: #fff;
  transition: background-color linear 0.2s, border-color linear 0.2s, color linear 0.2s;
  cursor: pointer;
  outline: 0;
  text-transform: uppercase;
}
@-moz-document url-prefix() { 
  .btn {
    line-height: 38px;
  }
}
.btn._small{
  width: auto;
  padding: 0 12px;
  font-size: 9px;
  height: 22px;
}

.btn:disabled{
  cursor: default;
}

.btn._yellow{
  background-color: #fbba12;
  border-color: #fbba12;
}
.btn._yellow:disabled{
  background-color: #dcdde1;
  border-color: #dcdde1;
}
.btn._white{
  color: #2e2e2e;
  border-color: #cbcbcb;
  background-color: #fff;
}
.btn._white:hover{
  color: #fff;
  background-color: #fbba12;
  border-color: #fbba12;
}
.btn._white:disabled,
.btn._white:disabled:hover{
  background-color: #dcdde1;
  border-color: #dcdde1;
}

.btn._rounded{
  width: 162px;
  line-height: 48px;
  height: 48px;
  border-radius: 24px;
}
.btn._big{
  line-height: 48px;
  height: 48px;
}
.btn._small{
  line-height: 30px;
  height: 30px;
}

.go2top__btn-wrap{
  background-color: #fff;
  margin: 0 0 48px;
}
.go2top__btn{
  color: #000;
}

/**
 *  ●●●●●●●●●●
 *  Header
 *  ●●●●●●●●●●
 */

.header{
  height: 80px;
  padding: 22px 0;
  background-color: #fff;
}
.header__inner{
  text-align: justify;
}
.header__inner::after{
  content: "";
  width: 100%;
  height: 0;
  display: inline-block;
}
.header__logo-link{
  display: inline-block;
}
.header__logo{
  width: 197px;
  height: 38px;
  vertical-align: middle;
}

.header__wrap{
  display: inline-block;
}

.header__burger{
  margin: 0 0 0 18px;
  display: inline-block;
  vertical-align: middle;
}
.header__burger-line{
  width: 42px;
  height: 7px;
  margin: 7px 0 0;
  display: block;
  background-color: #88068d;
  transition: transform linear 0.2s, opacity linear 0.2s;
}
.header__burger-line:first-child{
  margin: 0;
}
.header__burger-opener:checked ~ .header__burger > .header__burger-line:nth-child(2){
  opacity: 0;
}
.header__burger > .header__burger-line:nth-child(1){
  transform: rotate(0);
  transform-origin: left top;
}
.header__burger-opener:checked ~ .header__burger > .header__burger-line:nth-child(1){
  transform: rotate(45deg);
  transform-origin: left top;
}
.header__burger > .header__burger-line:nth-child(3){
  transform: rotate(0);
  transform-origin: left bottom;
}
.header__burger-opener:checked ~ .header__burger > .header__burger-line:nth-child(3){
  transform: rotate(-45deg);
  transform-origin: left bottom;
}
.header__burger-opener{
  display: none;
}

.header__links{
  padding: 0 20px 0 0;
  display: inline-block;
}
.header__link{
  padding: 0 0 8px;
  margin: 0 8px;
  display: inline-block;
  position: relative;
  color: #010101;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1px;
  background-color: transparent;
  white-space: nowrap;
  transition: color linear 0.2s;
}
.header__link::after{
  content: "";
  width: 100%;
  height: 3px;
  position: absolute;
  left: 0;
  top: 100%;
  visibility: hidden;
  opacity: 0;
  transform: translateY(12px);
  transition: transform linear 0.2s, opacity linear 0.4s;
}
.header__link:hover{
  color: #9fa3a7;
  visibility: visible;
}
.header__link:hover::after{
  background-color: #284273;
  visibility: visible;
  transform: translateY(0);
  opacity: 1;
}
.header__link._active{
  cursor: default;
}
.header__link._active:hover{
  color: #010101; 
}
.header__link._active::after{
  background-color: #fbba12;
  visibility: visible;
  transform: translateY(0);
  opacity: 1;
}

.lang-switches{
  width: 52px;
  display: inline-block;
  position: relative;
}
.lang-switch{
  padding: 4px;
  color: #010101;
  /*font-family: "Roboto Condensed";*/
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  cursor: pointer;
  display: block;
}
.lang-switch:hover{
  color: #88068d;
}
.lang-switch._active{
  display: block;
}
.lang-switches__opener:checked ~ .lang-switch._active{
  color: #88068d;
}
.lang-switch._active::after{
  content: "";
  width: 11px;
  height: 7px;
  margin: 0 0 0 4px;
  display: inline-block;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAHBAMAAAAsQKpuAAAAJFBMVEUAAACIBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo1Qw+KcAAAAC3RSTlMAHd0h4djSGcK5Nn7UrYoAAAAzSURBVAjXY2grYGAQm8AQHc7AqJ3AYLK1QGiTAAOzd5S2IgMDg8luIIcByAVygMACyAEA+jsIZM7nV64AAAAASUVORK5CYII=);
  vertical-align: middle;
  transition: transform linear 0.2s;
}
.lang-switches__opener:checked ~ .lang-switch._active::after{
  transform: rotate(-180deg);
}

.lang-switches__opener{
  display: none;
}
.lang-switches__dropdown{
  z-index: 2;
  width: 100%;
  padding: 3px 8px;
  position: absolute;
  top: 120%;
  left: -8px;
  opacity: 0;
  visibility: hidden;
  background-color: #fff;
  border: 2px solid #88068d;
  border-radius: 5px;
}
.lang-switches__opener:checked ~ .lang-switches__dropdown{
  opacity: 1;
  visibility: visible;
}

/**
 *  ●●●●●●●●●●
 *  Footer
 *  ●●●●●●●●●●
 */

.footer{
  padding: 78px 0 32px;
  background-color: #dedede;
}
.footer__links{
  min-width: 180px;
  margin: 0 0 32px;
  display: inline-block;
  text-align: left;
  vertical-align: top;
}
.footer__link{
  margin: 0 0 18px;
  padding: 0 20px 0 0;
  display: inline-block;
  color: #818181;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  vertical-align: top;
}
.footer__link:first-child{
  color: #000;
  font-weight: 900;
  text-transform: uppercase;
}

.footer__copyright{
  width: 100%;
  color: #818181;
  font-family: Roboto;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}

/**
 *  ●●●●●●●●●●
 *  Front page
 *  ●●●●●●●●●●
 */


/* ●●●●●   Intro   ●●●●● */
.intro{
  z-index: 1;
  height: 565px;
  position: relative;
  background-color: #f7f7f7;
}
.intro__inner{}
/*
.intro__inner::before{
  z-index: -1;
  content: "";
  width: 899px;
  height: 634px;
  position: absolute;
  top: 0;
  right: 0;
  background-image: url(/images/youmagic_com_template/bg/intro.png);
  background-repeat: no-repeat;
  background-position: right top;
}
*/
.intro__inner::before{
  z-index: -1;
  content: "";
  width: 899px; /*1800px;*/
  height: 634px; /*1286px;*/
  position: absolute;
  top: 0;
  right: 0;
  background-image: url(/images/youmagic_com_template/bg_orig/Big_pic_cut_x2.png);
  background-repeat: no-repeat;
  background-position: right top;
  background-size: cover;
}
.intro__title{
  padding: 62px 0 12px;
  color: #88068d;
  line-height: 100px;
  font-size: 90px;
  font-weight: 900;
}
.intro__subtitle{
  margin: 0 0 60px;
  color: #88068d;
  font-size: 32px;
  font-weight: 400;
  line-height: 40px;
}
.intro__btn-wrap{
  text-align: left;
}

/* ●●●●●   Plane tizers   ●●●●● */
.plan-tizers{
  padding: 80px 0;
  background: #fff;
}
.plan-tizers__inner{
  font-size: 0;
  text-align: justify;
}
.plan-tizers__inner::after{
  content: "";
  width: 100%;
  height: 0;
  display: inline-block;
}
.plan-tizer{
  width: 33%;
  max-width: 374px;
  height: 561px;
  padding: 62px 0;
  display: inline-block;
  border: 1px solid #fff;
  border-radius: 8px;
  text-align: center;
  vertical-align: top;
}
.plan-tizer:hover{
  border-color: #e8e9ed;
}
.plan-tizer__pic{}
.plan-tizer__name{
  padding: 36px 0 0;
  margin: 0 0 32px;
  display: block;
  position: relative;
  color: #757575;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.plan-tizer__name-label,
.plan-tizer__name::before{
  width: 100%;
  display: block;
  position: absolute;
  top: 8px;
  color: #414141;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 900;
  line-height: 26px;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-align: center;
  opacity: 0;
  transition: opacity linear 0.2s;
}
.plan-tizer__name::before{
  content: "Тариф";
}
.plan-tizer__name._without-before::before{
  content: "";
  display: none;
}
.plan-tizer:hover .plan-tizer__name-label,
.plan-tizer:hover .plan-tizer__name::before{
  opacity: 1;
}
.plan-tizer__text{
  margin: 0 0 24px;
  color: #9fa3a7;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}
.plan-tizer__arrow-wrap{
  margin: 32px 0 0;
}
.plan-tizer__arrow{
  opacity: 0;
  transition: opacity linear 0.2s;
}
.plan-tizer:hover .plan-tizer__arrow{
  opacity: 1;
}

/* ●●●●●   Price tizers   ●●●●● */
.price-tizers{
  z-index: 1;
  position: relative;
  background: #f7f7f7;
}
.price-tizers__inner{
  padding: 0 20px 102px;
}
/*
.price-tizers__inner::before{
  z-index: -1;
  content: "";
  width: 426px;
  height: 680px;
  position: absolute;
  top: 0;
  right: 0;
  background-image: url(/images/youmagic_com_template/bg/phone.png);
  background-repeat: no-repeat;
  background-position: right top;
}
*/
.price-tizers__inner::before{
  z-index: -1;
  content: "";
  width: 414px;
  height: 657px;
  position: absolute;
  top: 0;
  right: 0;
  background-image: url(/images/youmagic_com_template/bg_orig/ipphone.jpg);
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain;
}
.price-tizers__wrap{
  padding: 32px 100px;
  background-color: #fff;
  border-radius: 8px;
  text-align: justify;
}
.price-tizers__wrap::after{
  content: "";
  width: 100%;
  height: 0;
  display: inline-block;
}
.price-tizers__spacer{
  width: 1px;
  /*height: 100%;*/
  min-height: 325px;
  margin: 0 20px;
  background-color: #e8e8e8;
  display: inline-block;
  vertical-align: top;
}
.price-tizer{
  display: inline-block;
  text-align: center;
}
.price-tizer:hover{

}
.price-tizer__name{
  padding: 10px 0 12px;
  display: block;
  position: relative;
  color: #757575;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.price-tizer__price._type-1{
  display: inline-block;
  position: relative;
  font-size: 72px;
  font-weight: 700;
  line-height: 58px;
  color: #2e2e2e;
  vertical-align: top;
  transition: color linear 0.2s;
}
.price-tizer:hover .price-tizer__price._type-1{
  color: #88068d;
}
.price-tizer__price._type-2{
  font-size: 18px;
  font-weight: 400;
}

.price-tizer__currency{
  display: inline-block;
  color: #818181;
  font-size: 18px;
  line-height: 18px;
  font-weight: 400;
}
._type-1 .price-tizer__currency{
  text-indent: 6px;
  position: absolute;
}
.price-tizer__label._type-1{
  padding: 8px 0 0;
  display: block;
  color: #818181;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
}
.price-tizer__label._type-2{
  line-height: 26px;
  font-size: 14px;
  font-weight: 900;
}
._type-2 .price-tizer__currency{
  color: #000;
  text-indent: 6px;
}

.price-tizer__btn-wrap{
  margin: 32px 0 0;
}

/* ●●●●●   Prices tizer   ●●●●● */
.prices-tizers{
  background-color: #fff;
}
.prices-tizers__inner{}
.prices-tizers__title{}
.prices-tizers__subtitle{}
.prices-tizers__wrap{
  padding: 12px 72px 32px;
  text-align: justify;
}
.prices-tizers__wrap::after{
  content: "";
  width: 100%;
  height: 0;
  display: inline-block;
}
.prices-tizer{
  min-width: 248px;
  display: inline-block;
  position: relative;
}
.prices-tizer::after{
  content: "";
  width: 1px;
  height: 70%;
  min-height: 325px;
  position: absolute;
  right: -25%;
  top: 14%;
  background-color: #e8e8e8;
  display: inline-block;
  vertical-align: top;
}
.prices-tizer:last-child::after{
  display: none;
}
.prices-tizer__name{
  padding: 10px 0 36px;
  display: block;
  position: relative;
  color: #757575;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.prices-tizer__list{
  width: 100%;
  font-family: Roboto;
  font-size: 16px;
  line-height: 50px;
}
.prices-tizer__list td{
  width: 75%;
  color: #818181;
  font-weight: 400;
}
.prices-tizer__list tr:hover td:first-child{
  color: #333;
  font-weight: 700;
}
.prices-tizer__list td:last-child{
  width: 25%;
  color: #333;
  font-weight: 900;
  text-align: right;
}
.prices-tizer__btn-wrap{
  padding: 48px 0 0;
  display: block;
  text-align: center;
}
.prices-tizer__btn{
  opacity: 0;
  transition: opacity linear 0.2s;
}
.prices-tizer:hover .prices-tizer__btn{
  opacity: 1;
}

/* ●●●●●   Tarifs   ●●●●● */

.tarif-inner {
  text-align: justify;
}

.tarif-inner .cell.first,
.tarif-inner .cell.last{
	margin: 30px 0 0 0;
  width: 188px;
}

.tarif-tizer__text {
  width: 584px;
	text-align: left;
}

.tarif-inner .cell {
  display: inline-block;
	vertical-align: top;
}

.tarif-tizer__price {
	vertical-align: middle;
}

.tarif__title {
  color: #757575;
	margin: 8px 0 0;
  text-transform: uppercase;
  font: bold 12px/40px Roboto;
	letter-spacing: 2.6;
}

.tarif__text {
  font: 16px/26px Roboto;
	letter-spacing: 0.4px;
  color: #9fa3a7;
	margin: 0 95px 0 0;
}

.tarif__name {
	margin: 0 0 17px;
  font: 36px/42px Roboto;
  color: #292929;
}

.tarif-tizer__price .price-tizer{
	margin: 40px 0 0;
	text-align: left;
}

.tarif-tizer__price .price-tizer__btn-wrap {
	margin: 70px 0 0;
}
.price-tizer__price._type-1._tarif {
	font-size: 50px;
	line-height: 50px;
}

.price-tizer__label._type-1._tarif {
	text-align: left;
	padding: 0;
}

.price-tizer__currency._tarif {
	font-size: 16px;
	text-indent: 0;
}
.tarif-tizer__text {
	margin: 0 70px;
}

.table._tarif {
	margin: 40px 0 0;
	width: 100%;
	border-spacing: 0;
}
.table._tarif th {
	border-bottom: 2px solid #eeeeee;
}

.table._tarif td {
	color: #818181;
	font: 17px/16px Roboto;
}
.table._tarif th {
	font: bold 14px/16px Roboto;
}

.table._tarif td,
.table._tarif th{
	text-align: center;
	padding: 16px 0 16px;
}
.table._tarif td:first-child,
.table._tarif th:first-child{
	text-align: left;
}

.table._tarif td:first-child {
	color: #333333;
	font-weight: bold;
	font-size: 16px;
}



/* ●●●●●   Downloads   ●●●●● */

.downloads{
  position: relative;
  background: #f7f7f7;
}
.downloads__inner{
  text-align: justify;
}
/*
.downloads__inner::before{
  content: "";
  width: 422px;
  height: 218px;
  position: absolute;
  top: 0;
  right: 0;
  background-image: url(/images/youmagic_com_template/bg/downloads.png);
  background-repeat: no-repeat;
  background-position: right top;
}
*/
.downloads__inner::before{
  content: "";
  width: 422px; /*950px;*/
  height: 218px; /*511px;*/
  position: absolute;
  top: 0;
  right: 0;
  background-image: url(/images/youmagic_com_template/bg_orig/phones_x2.jpg);
  background-repeat: no-repeat;
  background-position: right top;
  background-size: cover;
}
.downloads__inner{}
.downloads__wrap{
  padding: 20px 80px;
}
.downloads__wrap::after{
  content: "";
  width: 100%;
  height: 0;
  display: inline-block;
}
.download{
  min-width: 160px;
  display: inline-block;
  text-align: center;
  vertical-align: top;
}
.download__pic{
  width: 98px;
  height: 88px;
}
.download__title{
  margin: 32px 0;
  display: block;
  color: #333;
  font-family: Roboto;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.4px;
}
.download__links{
  text-align: center;
  line-height: 12px;
}
.download__link{
  display: block;
  color: #818181;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  text-decoration: underline;
}

/* ●●●●●   Pay systems   ●●●●● */
.pay-systems{
  padding: 54px 0 64px;
  background-color: #fff;
}
.pay-systems__inner{}
.pay-systems__wrap{
  padding: 0 64px;
  text-align: justify;
}
.pay-systems__wrap::after{
  content: "";
  width: 100%;
  height: 0;
  display: inline-block;
}
.pay-systems__btn-wrap{
  margin: 32px 0 0;
}
.pay-systems__btn{
  width: auto;
  color: #000;
  font-family: Roboto;
  font-size: 12px;
  font-weight: 900;
  line-height: 34px;
  letter-spacing: 2.4px;
  text-transform: uppercase;
  border: 0;
}
.pay-systems__arrow{
  width: 34px;
  height: 34px;
  margin: 0 0 0 6px;
  vertical-align: bottom;
}
.pay-system{
  display: inline-block;
  text-align: center;
  vertical-align: top;
  transition: transform linear 0.3s;
}
.pay-system:hover{
  transform: translateY(-12px);
}
.pay-system__logo{}

.pay-system__btn-wrap{
  display: block;
  opacity: 0;
  transition: opacity linear 0.3s, transform linear 0.3s;
}
.pay-system:hover .pay-system__btn-wrap{
  opacity: 1;
  transform: translateY(12px);
}

/**
 *  ●●●●●●●●●●
 *  Plans page
 *  ●●●●●●●●●●
 */
.plans,
.plans-cards{
  background-color: #fff;
}
.plans-cards__inner{}
.plans-cards__title{
  margin: 0 0 60px;
}
.plans-card{
  padding: 0 0 0 282px;
  margin: 100px 0;
  display: block;
  position: relative;
}
/*
.plans-card:nth-child(1),
.plans-card:nth-child(2){
*/
.plans-card:nth-child(1){
  margin: 0;
}
.plans-card__pic-wrap{
  position: absolute;
  left: 0;
  top: 0;
}
.plans-card__pic{}

.plans-card__label{
  padding: 0 0 18px;
  display: block;
  color: #757575;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2.4px;
  text-transform: uppercase;
}
.plans-card__name{
  padding: 0 0 18px;
  display: inline-block;
  color: #292929;
  font-size: 36px;
  font-weight: 400;
  transition: color linear 0.2s;
}
a.plans-card__name:hover{
  color: #88068d;
}

.plans-card__info{
  text-align: justify;
}
.plans-card__info::after{
  content: "";
  width: 100%;
  height: 0;
  font-size: 0;
  line-height: 0;
  display: inline-block;
}
.plans-card__text{
  max-width: 69%;
  display: inline-block;
  color: #9fa3a7;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  vertical-align: top;
  text-align: left;
}
.plans-card__price{
  margin: -18px 0 0;
  display: inline-block;
  vertical-align: top;
}
.plans-card__price .price-tizer__price._type-1{
  font-size: 48px;
  line-height: 38px;
}
.plans-card__price .price-tizer__currency{
  font-size: 16px;
  line-height: 16px;
}
.plans-card__price .price-tizer__price._type-2{}
.plans-card__price .price-tizer__label._type-1{}
.plans-card__price .price-tizer__label._type-2{}

.plans-card__more{
  width: 100%;
  overflow: hidden;
  display: table;
}
.plans-card__table-wrap{
  display: table-cell;
}
.plans-card__table{
  width: 564px;
  font-size: 16px;
  border-collapse: collapse;
}
.plans-card__table th{
  padding: 0 0 8px;
  border-bottom: 3px solid #eee;
  color: #000;
  font-weight: 700;
  font-size: 14px;
  line-height: 32px;
  text-align: left;
}
.plans-card__table td{
  padding: 18px 0 0;
}
.plans-card__table td:first-child{
  color: #333;
  font-weight: 700;
}

.plans-card__btn-wrap{
  width: auto;
  display: table-cell;
  vertical-align: bottom;
  text-align: right;
}
.plans-card__btn-wrap:first-child{
  text-align: left;
}
.plans-card__btn{}

/**
 *  ●●●●●●●●●●
 *  Plan page
 *  ●●●●●●●●●●
 */

.plans-menu{
  padding-top: 0;
  background-color: #fff;
}
.plans-menu__inner{}
.plans-menu__wrap{}
.plans-menu__item{}
.plans-menu__item:hover{}
.plans-menu__item._active,
.plans-menu__item._active:hover{}

.plan-rates{
  background-color: #fff;
  padding-bottom: 64px;
}
.plan-rates__inner{
  width: 974px;
}
.rates{
  width: 100%;
  position: relative;
}
.plan-rates__search{
  width: 100%;
  padding: 24px 0 36px;
  font-size: 0;
  position: absolute;
  top: 38px;
  border-top: 3px solid #eee;
}
.plan-rates__label{
  width: 50%;
  height: 30px;
  display: inline-block;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
}
.plan-rates__input-wrap{
  width: 50%;
  text-align: right;
  display: inline-block;
}
.plan-rates__input{
  width: 299px;
  height: 27px;
  color: #242424;
  padding: 0 30px 0 0;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 600;
  line-height: 27px;
  border: 0;
  border-bottom: 1px solid #9fa3a7;
  background-color: transparent;
  text-decoration: none;
  outline: 0;
}

.plan-rates__input,
.btn._search-phone{
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAdVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB5WX1YAAAAJnRSTlMApJzo5NxnCfFOFwTrcvvLYV1SS0c/PBzQwLezsJeKbDEqHveRkPNiFCQAAAC1SURBVBjTZY5JEoIwEACTkISAbKKI+4La/3+iWAPhQJ+6OpmaUSO5P9vgdJaqhUMNVIDul2YpTNM+rnDKp5YfOR7+kvrAdyPRU3RKKHk/xc7c1DxUU4pZtmrmhhYJVRvjnYuI4zG3jcaIaa7z0S9HI5aBF0sNbphUE8p+nH0ZqrizP0Ft7tpBYrp43icA4LaGYhe3Pkt9Mc2guoQkkyYPsnWs8W9kV2D3q7q32GxdE7xa0fr0ByOdDSIZWSNYAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: top right;
}

.btn._search-phone:hover,
.plan-rates__input:focus,
.plan-rates__input:active{
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAaVBMVEUAAACIBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo0G/398AAAAInRSTlMApJzoTgPy5GjccRcJ67FeSMtiUj88HtDAtpeKMSobkZAMLqaWyQAAAK1JREFUGNNljlcOgzAQBW0DbmATeifJu/8hY7QYpDBfo5G2sECuJyUNTwt201Ug+H43BSfKxnpgzM+WDxi6Q75a4pNR1HAtIyzkSjZhZnGogiVTKFlkBieRaK64wNNSAx1bxiHIOHx8ejOoyVJEKwRMfyqHtMGzTeC+uY9AJRaugES013tviQNTCrj0urpa7kXdszZBQpV6RldDfbF/Ugf1rC8VNjxrAs0eNLr4AUFADAaJAhD5AAAAAElFTkSuQmCC);
}
.plan-rates__input::placeholder{
  color: #242424;
}

#rates-table_length,
#rates-table_filter{
  display: none;
}

#rates-table_info{
  text-align: center;
  padding: 24px 0;
  font-size: 16px;
}
#rates-table_paginate{
  text-align: center;
}

#rates-table_paginate .paginate_button,
#rates-table_paginate .ellipsis{
  width: 36px;
  height: 36px;
  margin: 0 3px;
  border-radius: 50%;
  font-size: 14px;
  line-height: 32px;
  color: #000;
  display: inline-block;
  transition: border-color linear 0.2s, background-color linear 0.2s;
}
#rates-table_paginate .paginate_button{
  border: 2px solid #ccc;
}
#rates-table_paginate .paginate_button:hover{
  cursor: pointer;
  border-color: #88068d;
}
#rates-table_paginate .paginate_button.current,
#rates-table_paginate .paginate_button.current:hover{
  background-color: #fbba12;
  border-color: #fbba12;
  color: #fff;
  cursor: default;
}

#rates-table_previous.paginate_button,
#rates-table_next.paginate_button{
  display: none;
}

.plan-rates table{
  width: 100%;
  max-width: 974px;
  margin: 0 auto;
  font-size: 16px;
  border-collapse: collapse;
}
.plan-rates th{
  padding: 0 0 108px;
  color: #000;
  font-weight: 700;
  text-align: left;
  font-size: 14px;
  line-height: 32px;
  outline: 0;
  cursor: pointer;
}

.plan-rates th:nth-child(4){
  text-align: right;
  white-space: nowrap;
}
.plan-rates td{
  padding: 12px 0;
  color: #818181;
  font-weight: 400;
  line-height: 22px;
  transition: color linear 0.2s;
}
.plan-rates tr:hover td{
  font-weight: 900;
  color: #000;
}
.plan-rates td:nth-child(1){
  width: 30%
}
.plan-rates td:nth-child(2){
  width: 10%;
}
.plan-rates td:nth-child(3){
  width: 50%;
}
.plan-rates td:nth-child(4){
  width: 10%;
  color: #000;
  font-weight: 900;
  text-align: right;
}

.plan-rates__btn-wrap{
  margin: 42px 0 0;
}

/**
 *  ●●●●●●●●●●
 *  Manuals page
 *  ●●●●●●●●●●
 */

.manuals{
  background-color: #fff;
}
.manuals__inner{}
.manuals__title{}
.manuals__subtitle{}
.manuals__wrap{}
.manuals__brand{
  width: 33%;
  min-height: 80px;
  padding: 0 18px 32px 100px;
  display: inline-block;
  position: relative;
  color: #333;
  font-size: 14px;
  vertical-align: top;
}
.manuals__name{
  font-weight: 700;
}
.manuals__brand img{
  left: 0;
  position: absolute;
}
.manuals__brand a{
  display: inline-block;
  color: #333;
  font-weight: 400;
  line-height: 28px;
  text-decoration: underline;
}

/**
 *  ●●●●●●●●●●
 *  Support page
 *  ●●●●●●●●●●
 */

.support{
  background-color: #fff;
}

.faq{
  padding: 42px 0;
}
.faq__dropdown-input,
.private-menu__dropdown-input{
  display: none;
}
.faq__dropdown,
.private-menu__dropdown{
  width: 100%;
  min-height: 60px;
  padding: 10px;
  margin: 0 0 18px;
  display: block;
  background-color: #fbba12;
  color: #000;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 900;
  line-height: 18px; /* 60px;*/
  letter-spacing: 1.4px;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
}
.faq__dropdown-arrow::after,
.private-menu__dropdown-arrow::after{
  content: "";
  width: 22px;
  height: 22px;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #fff;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAMAAADX9CSSAAAAUVBMVEUAAACIBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2yqpi9AAAAGnRSTlMAo5eV8xSlI+zp0TUsHQ/j3oJkTUVAOzEZC1SYyL0AAACRSURBVCjPZclZFoIwEETRQsGQBMI81f4XaohiY7q+6tyHw0PPH3AsFBd0GMhCMQfg+QvCD0BCxim8NEsQVkFYgnAeNKdAzXEustM88dyU80x2TUfO/7yQNiBYcrnzStYBQKjJVdhHrtKrYvAXb2QZ+RNKckNa82UJzcU7ZHsMBjAkW9zX8gx94jz0GK1BPmPHN/o2DDuEdbwvAAAAAElFTkSuQmCC);
  background-size: 16px 16px;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
}
.faq__dropdown-input:checked ~ .faq__dropdown >.faq__dropdown-arrow::after,
.private-menu__dropdown-input:checked ~ .private-menu__dropdown >.private-menu__dropdown-arrow::after{
  opacity: 1;
}

.faq__sections,
.private-menu{
  width: 376px;
  display: inline-block;
  vertical-align: top;
  transition: opacity linear 0.2s;
}
.faq__dropdown-input:checked ~ .faq__sections,
.private-menu__dropdown-input:checked ~ .private-menu{
  visibility: visible;
  opacity: 1;
}
.faq__section,
.private-menu__link{
  z-index: 1;
  width: 245px;
  height: 46px;
  padding: 12px 20px;
  position: relative;
  display: inline-block;
  border: 1px solid #fff;
  border-right: 0;
  font-size: 16px;
  color: #818181;
  font-weight: 400;
  border-radius: 5px 4px 4px 5px;
  cursor: pointer;
}
.faq__section:hover,
.private-menu__link:hover{
  border-color: #dcdde1;
}
.faq__section::after,
.private-menu__link::after{
  content: "";
  z-index: -1;
  width: 34px;
  height: 33px;
  position: absolute;
  right: -14px;
  top: 5px;
  transform: rotate(45deg);
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 4px 6px 2px 0px;
}
.faq__section._active,
.faq__section._active:hover,
.private-menu__link._active,
.private-menu__link._active:hover{
  color: #fff;
  font-weight: 900;
  background-color: #dcdde1;
  border-color: #dcdde1;
}
.faq__section:hover::after,
.private-menu__link:hover::after{
  background-color: #fff;
  border-top-color: #dcdde1;
  border-right-color: #dcdde1;
}
.faq__section._active::after,
.faq__section._active:hover::after,
.private-menu__link._active::after,
.private-menu__link._active:hover::after{
  background-color: #dcdde1;
  border-color: #dcdde1;
}
.faq__sections-caption{
  margin: 32px 0 12px 21px;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.faq__btn-wrap{
  padding: 0 0 0 21px;
  text-align: left;
}
.faq__btn{
  width: auto;
  height: auto;
  margin-left: 0;
  padding-left: 0;
  color: #000;
  font-size: 12px;
  font-weight: 900;
  line-height: 50px;
  text-transform: uppercase;
}
.faq__arrow{
  transform: scale(0.7);
}

.faq__answers{
  width: calc(100% - 380px); /*732px*/
  display: inline-block;
  vertical-align: top;
}
.faq__caption{
  margin: 0 0 12px;
  color: #212121;
  font-size: 36px;
  font-weight: 400;
  line-height: 57px;
}
.faq__answer{}
.faq__answer p{
  margin: 0 0 8px;
  color: #9fa3a7;
  font-size: 14px;
  font-weight: 400;
  line-height: 25px;
}
.faq__answer p > b{
  color: #212121;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}
.faq__answer._hidden{
  display: none;
}


/**
 *  ●●●●●●●●●●
 *  Forms elements
 *  ●●●●●●●●●●
 */

.form-wrap{}

.form-wrap h3,
.form-wrap h4,
.form-wrap h5,
.form-wrap h6{
  color: #757575;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.form-wrap p{
  color: #aeaeb0;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
}

.form-wrap fieldset{
  border: 0;
  outline: 0;
}


._pay-alert .form__fieldset,
._change-pass .form__fieldset{
  margin: 0 0 32px;
}

/*.form-wrap legend{*/
legend{
  width: 100%;
  display: block;
  color: #9ea2a5;
  font-family: Roboto;
  font-size: 10px;
  font-weight: 900;
  line-height: 27px;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  text-align: left;
}
.form__legend._big{
  padding: 24px 0;
  color: #757575;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing:2px;
}

.form__remark{
  margin: 0 0 0 8px;
  font-size: 14px;
}
.form__notice{
  margin: 0 0 18px;
  font-size: 14px;
  line-height: 20px;
  color: #8b8b8b;
}
.form__remark._magenta,
.form__notice._magenta{
  /*color: #931e98;*/
  color: #C400AA;
}
.form__notice._balwarn{
  display: inline-block;
  margin: 14px 0 0 12px;
}
.form__subtitle{
  margin: 0 0 24px;
  color: #757575;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing:2px;
}
.form__subtitle._small{
  color: #9ea2a5;
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  text-align: left;
}

.form__input-wrap{
  padding: 0 0 32px;
  position: relative;
}
.form__input-link{
  position: absolute;
  left: calc(100% + 32px);
  top: 0;
  color: #9ea2a5;
  font-family: Roboto;
  font-size: 14px;
  line-height: 32px;
  text-decoration: underline;
  white-space: nowrap;
}

/*●●●● files input ●●●●*/
.form__input-wrap._file{
  padding-bottom: 0;
  margin: 0 0 32px;
  position: relative;
  overflow: hidden;
}
.form__file-name{
  padding: 0 0 0 10px;
  line-height: 18px;
  font-family: Roboto;
  text-overflow: ellipsis;
  white-space: nowrap; 
}
.form__file-input.required ~ .form__file-name::before{
  content: "";
  width: 17px;
  height: 14px;
  display: inline-block;
  margin: -2px 8px 0 0;
  line-height: 18px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAOCAYAAADJ7fe0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMlJREFUeNpi+M/AwIADMwFxAxDfAeKJQMyGSy0DHkO2A/F/JHyHVENs0AyA4Vhs6hnBJqECJiD+y4AbcADxT3QN6GAanJWdDbF/xw5k+e3YbEUGKkCcDue9fQuhP31CVuMIxNb4DDnLQBw4gqwX2ZByIOZDUXruHDaXwMAcdEOEgbiDgTSQCMTKDEhRfB1HlBLCX4GYEWRAIE5F2dn/wWDHDnwGFYDSyX8GCgEoTA5RaMZtkEtYgYwuIA4EYjYSNP8D4p1AnAcQYAD0Lp/XuLmGIgAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  vertical-align: middle;
}
.form__file-btn{
  z-index:0;
}
.form__file-input:hover ~ .form__file-btn{
  color: #fff;
  background-color: #fbba12;
  border-color: #fbba12;
}
.form__file-input{
  z-index: 2;
  width:300px;
  height:100%;
  display:block;
  opacity:0;
  position: absolute;
  top: 0;
  left: -162px;
  font-size: 162px;
  text-indent: -1871px;
  cursor: pointer;
}

.form__file-input[disabled]{
  cursor: default;
}
.form__file-input[disabled] ~ .btn._white,
.form__file-input[disabled] ~ .btn._white:hover{
  color: #1f1f1f;
  border-color: #cbcbcb;
  background-color: #cbcbcb;
  cursor: default;
}

/*●●●● default input ●●●●*/
.form__input{
  min-width: 299px;
  height: 34px;
  padding: 2px 6px;
  color: #242424;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  line-height: 27px;
  border: 0;
  outline: 0;
}
.form__input[type="text"],
.form__input[type="password"],
.form__input[type="email"]{
  border: 0;
  border-bottom: 1px solid rgba(159, 163, 167, 0.4);
}
.form__input[type="text"]:disabled,
.form__input[type="password"]:disabled,
.form__input[type="email"]:disabled,
.form__input[type="text"][readonly],
.form__input[type="password"][readonly],
.form__input[type="email"][readonly]{
  background-color: rgba(159, 163, 167, 0.4);
}
.form__input::placeholder{
  color: rgb(174, 174, 176);
}


.form__input._invalid,
.form__input.invalid {
  border-bottom: 1px solid #ef6969;
}
.form__textarea._invalid,
.form__textarea.invalid {
  border: 1px solid #ef6969;
}


.form__textarea{
  min-width: 299px;
  width: 100%;
  min-height: 120px;
  padding: 10px 14px;
  font-family: Roboto;
  font-size: 14px;
  border: 1px solid rgba(159, 163, 167, 0.4);
  border-radius: 5px;
  outline: 0;
}

/*●●●● checkboxes input ●●●●*/
.form__input-wrap._checkbox{}
.form__checkbox{
  display: none;
}
.form__label{
  position: relative;
}
.form__label._for-checkbox{
  padding: 0 0 0 28px;
  color: #9fa3a7;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
}
.form__label._for-checkbox::before{
  content: "";
  width: 18px;
  height: 18px;
  position: absolute;
  left: 0;
  top: 0;
  border: 2px solid rgb(159, 163, 167);
  border-radius: 2px;
}
.form__label._for-checkbox::after{
  content: "";
  width: 18px;
  height: 18px;
  position: absolute;
  left: 4px;
  top: 0;
  opacity: 0;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAARVBMVEUAAACIBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo1tGr9xAAAAFnRSTlMAsp4SB/Piyry6q0cr66WckoZ7aVsg6EjGowAAAFVJREFUGNOVj0sOgDAIRPuvtvWvc/+j2oAksuxsJu8RSDCjKZtmB6v4RA5/vpEUV0Tfa5etBjx8ZyL2EY0nloxfUHt9ZjYh4SIQk3EIsYEzKmsZeO8FUDICo98fOd4AAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  transition: opacity linear 0.2s;
  cursor: pointer;
}
.form__checkbox:checked ~ .form__label._for-checkbox::after{
  opacity: 1;
}

.form__label-link{
  font-size: 14px;
  text-decoration: underline;
}

/*●●●● radio input ●●●●*/
.form__radio {
  display: none;
}

.form__label._for-radio {
  padding: 0 0 0 28px;
  color: #9fa3a7;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
}
.form__label._for-radio:hover{
  cursor: pointer;
}
.form__radio:checked ~ .form__label._for-radio{
  color: #88068d;
}

.form__label._for-radio::before {
  content: "";
  width: 18px;
  height: 18px;
  position: absolute;
  left: 0;
  top: 0;
  border: 2px solid #9fa3a7;
  border-radius: 50%;
}

.form__label._for-radio::after {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  border-radius: 50%;
  left: 4px;
  top: 4px;
  background-color: #9fa3a7;
  opacity: 0;
  background-repeat: no-repeat;
  transition: opacity linear 0.2s;
  cursor: pointer;
}
.form__radio:checked ~ .form__label._for-radio::after {
  opacity: 1;
  background-color: #88068d;
  cursor: default;
}
.form__radio:disabled ~ .form__label._for-radio::after{
  cursor: default;
}

/*●● special radio input ●●*/
.form__radio:disabled ~ .form__label._for-radio:hover,
.form__radio:checked:disabled ~ .form__label._for-radio:hover{
  color: #9fa3a7;
  font-weight: 400;
  cursor: default;
}
.form__radio:disabled ~ .form__label._for-radio::after,
.form__radio:checked:disabled ~ .form__label._for-radio::after{
  background-color: #9fa3a7;
}

/*●●●● selects ●●●●*/
.form__selects-wrap{
  font-size: 0;
  text-align: justify;
}
.form__selects-wrap::after{
  content: "";
  width: 100%;
  height: 0;
  display: inline-block;
}
.form__select-wrap{
  width: 100%;
  margin: 0 0 32px;
  display: inline-block;
  position: relative;
  border-bottom: 1px solid rgba(159, 163, 167, 0.4);
  text-align: left;
  overflow: hidden;
}
.form__select-wrap::after{
  content: "";
  height: 0px;
  margin: auto 0;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  border-top: 8px solid #9fa3a6;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  transition: border-color linear 0.2s;
}
.form__select-wrap:hover::after{
  border-top-color: #88068d;
}
.form__selects-wrap._x2{
  width: calc(50% - 40px);
}
.form__selects-wrap._x3 .form__select-wrap{
  width: calc(33.3% - 40px);
}

.form__select{
  width: calc(100% + 22px);
  height: 34px;
  padding: 0 8px;
  background-color: transparent;
  text-align: center;
  color: #000;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  line-height: 27px;
  border: 0;
  outline: 0;
  text-align-last: left;
  position: relative;
  cursor: pointer;
}
.form__option{
  height: 50px;
  background-color: #fff;
  outline: 0;
  border: 0;
}

.form__btn-wrap{}
.form__btn{}

 ._sms-code-input-wrap,
 ._sms-code-btn-wrap{
  display: inline-block;
 }
 ._sms-code-btn-wrap{
  margin: 0 0 0 16px;
 }

/**
 *  ●●●●●●●●●●
 *  Feedback
 *  ●●●●●●●●●●
 */

.feedback{}
.feedback__errors{
  padding: 12px 0 0;
  color: #ff0000;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
}
.feedback__intro{
  padding: 12px 0 24px;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
}
.feedback__message{
  font-family: Roboto;
  font-size: 16px;
  font-weight: 700;
}
.feedback__message .notice{
  display: none;
}
.feedback__message .message{
  color: #88068d;
  text-align: center;
}
.feedback__message .message.message,
.feedback__message .message.fade{
  color: #010101;
  padding: 0 0 32px;
}

.feedback__form-wrap{
  text-align: center;
}
.feedback__form{
  display: inline-block;
}


/**
 *  ●●●●●●●●●●
 *  Private cabinet
 *  ●●●●●●●●●●
 */

.private{
  background-color: #fff;
}

.private__form{
  max-width: 299px;
  margin: 0 auto;
  position: relative;
}
.private__form._login{}
.private__form .form__btn-wrap{
  margin: 32px 0;
  text-align: center;
}

.private__form-wrap._callback .form__btn-wrap{
  margin: 0 0 24px;
}

.private__outro{
  color: #aeaeb0;
  margin: 60px 0;
  position: relative;
  font-family: Roboto;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  text-align: center;
}

.private__outro._login{
  width: 200%;
  margin: 60px 0;
  left: -50%;
}

.private__outro._black{
  color: #010101;
}
.private__outro._small{
  font-size: 14px;
  line-height: 16px;
}

/*●●●●● Private elemnts ●●●●●*/
.private__cols{
  font-size: 0;
}
.private__col{
  display: inline-block;
  vertical-align: top;
}
.private__col._menu{
  width: 33%;
  padding-top: 24px;
}
.private__col._content{
  width: 65%;
  padding-top: 24px;
}
.private__col._bottom{
  width: 100%;
}

/*●●●●● Private menu ●●●●●*/
.private-menu__link {
  width: 252px;
  padding: 8px 20px 4px 12px;
}
.private-menu__ico{
  width: 30px;
  height: 30px;
  margin: 0 10px 0 0;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.private-menu__ico::before,
.private-menu__ico::after{
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition: opacity linear 0.2s;
  background-size: 100%;
  background-position: center;
}
.private-menu__link[href="javascript:document.forms.logout.submit();"] .private-menu__ico::before,
.private-menu__link[href="javascript:document.forms.logout.submit();"] .private-menu__ico::after{
  width: 52%;
  height: 52%;
  margin: auto;
  right: 0;
  bottom: 0;
}
.private-menu__ico::after{
  opacity: 0;
}
.private-menu__link:hover .private-menu__ico::before {
  opacity: 0;
}
.private-menu__link:hover .private-menu__ico::after {
  opacity: 1;
}

.private-menu__link[href*="/account"] .private-menu__ico::before,
.private-menu__link[href*="/konto"] .private-menu__ico::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAUVBMVEUAAACBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGnG780AAAAGnRSTlMA4+sU3GhP+lktDm4+m6+JgXEyu10898eeY5EVXKYAAABnSURBVCjP3c43AoAwEAPBw2CyExn//6G0OrmihGm3kOTjYi44yNn1JGTMi5BaZTuSFvNqKmJOAb0lG9ZQGXap5y2Jb55PNVHPffl8FbClSUk3VtcUPG7Hgdg3z8M+K3vC7I6Oefm1B/QNCr5oYvV/AAAAAElFTkSuQmCC);
}
.private-menu__link[href*="/account"] .private-menu__ico::after,
.private-menu__link[href*="/konto"] .private-menu__ico::after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAWlBMVEUAAACHBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo29146+AAAAHXRSTlMA4usUaE/6WdwtDm4+r4mBcV8y28ecmzz35LuelxeJ3FEAAABuSURBVCjP3c43EoQwEERRrRCLlcFb3f+aEPY0AUUIL5v6wbR6OR8vBshxzIiLmFtFEpFNSVLMq/4R3SuQGdJgdYtmG/7eU+KfLK8SIpbbm+VNqIQglo95l6PztPjbF8Q8We6mWpgC5mH+M6s+7QBvfwt/4FqrwgAAAABJRU5ErkJggg==);
}

.private-menu__link[href*="/autopay"] .private-menu__ico::before,
.private-menu__link[href*="/auto-zahlung"] .private-menu__ico::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAaVBMVEUAAACBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYHwqtOfAAAAInRSTlMAZvq+kGvnedk9LfTUNe/OZAeil10jFg7gxLFMSR/HiIV02AL5pwAAALVJREFUKM/N0MkOgyAUheGrOIHgVIc6dTjv/5BNKiBt0LX/xsUXk3ugS8cLeGKDZpRV8F8VoDE8k6dHZrjycTkaDnwsy1O+yxO+NYM45hcSRQencUYxgLHW3P5oB0n0nLpQL8uLe2KTdWYHR99POL1TWyygzHnY/s7Ynlpye8PGIYv2eGtZbQxOTgJmcKQ5JbfCvmajTwid2hVRx3rqk1wPX2InRRxAsQrZk78hBQQdV2czXb4PvYwN31aOGR8AAAAASUVORK5CYII=);
}
.private-menu__link[href*="/autopay"] .private-menu__ico::after,
.private-menu__link[href*="/auto-zahlung"] .private-menu__ico::after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAe1BMVEUAAACHBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo12VPh3AAAAKHRSTlMAZvqQa7955tv01QNLOjQu8OnMxSMWDtC6saGXh3xgXD4rHwjtpJhAjcSAeAAAALVJREFUKM/Nz0cOgzAURdFPSwymdwgtkPL2v8JIYFpkGHMmlnzl8unSuhckjFRkhIoEyjnbJBFZc1ZkOYxOsxWeZnZ2+eedPo9zhcAlAc2+OQbXAUSDyO2uxsg4VUWsMhqZ/n0RWJyJbQ5tXNXittI9zK8+MJ1mubFwbZMEZ8qqoa2c9j+jow0P88CayDVt+RlNUIovqBtNDy3OE0oCk9PI1jdc+gLwe89KSC6tAY+ODcymy/sBBVAQOEiPBY4AAAAASUVORK5CYII=);
}

.private-menu__link[href*="/voicetoemail"] .private-menu__ico::before,
.private-menu__link[href*="/voicemail"] .private-menu__ico::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAdVBMVEUAAACBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYEL5DPRAAAAJnRSTlMAd5tI6b5MEQTaq4ChljkzK/BfQwvii2gfCPj1zY96x7NsZVHTVvXfh1UAAAEQSURBVHgBrdBJb9pQFEDhg4d4HgADZghJk/b8/59YvYWFH0JdtP02Xpx7rafL/7M/VpqPvHTKdFu3mr7azDycJuB8cObZu9dlqcyykkiZ265HC9aKzB2wvyUAv8zLp9pDkastbPwgUjnAoJuy8b22JtKaQup2BI76g0jvMexWE0FREssuMF0rXhvcQR9+WbZV5lpWNXwKnD+c2evh3iWL7r5V/CT0bRVeZ89D6uWKCUEtvUNnw6KzOclPAb6tSR3pTFjO3LCT0QQac3jzDTbmjzPfhaNNuFTIKXDydmbUPWEW6PSLJYfP4cvLzJKZC1aZQW8TSw6iTNHDHzL8Rf52JLYzOmK7ieXrPOU+S/gnvwGvBBuF62WUkgAAAABJRU5ErkJggg==);
}
.private-menu__link[href*="/voicetoemail"] .private-menu__ico::after,
.private-menu__link[href*="/voicemail"] .private-menu__ico::after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAhFBMVEUAAACHBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo3L0ZM+AAAAK3RSTlMAd5tITOq/EdoFloAzK/Djn19Dz62LOQsJ+PWooo98aWZTx7VsIhwDuT43sQljZAAAARZJREFUeAGt0MluwkAQhOHfNt4XAzY2+wIBktT7v1/Uiiw8COWQ5LvMobpbo+L/zBeJFJW8dAilarOVgleboepjDyxrXXm203pYSsMwxZFGmo5HYyeNQ83sfmMznBTdn9IO4kiyG57OOBIVUEhemmvXqsUxVQCBqhJYSG84PrWw3WSJie+4whX064TXCvt0ZyfTbRJqrE5yLrKmzroxl+p95g8yr5LQBeulSux3+uBhotUa+ZhWdCoy5Qwy5QfR6LupDYFKMvlDzcqZidKa2iuyYxPr7P1R817WRN5qg8UBcFCzpJTm2CyQSUeG2J76qNWVIeYWM4qt/aZniI0TE3fwQwy/iE8qcc3c7a3nisZxH+mZz598Acs5HvL8qFDHAAAAAElFTkSuQmCC);
}

.private-menu__link[href*="/history"] .private-menu__ico::before,
.private-menu__link[href*="/anrufliste"] .private-menu__ico::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEUAAACBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYHNyJEOAAAAI3RSTlMA+N6Sn4l8PsaPdGZXCe3nv69bLxjxzKiZgWtSRTgpEu7RamZ7KvIAAAC0SURBVCjP3c7bEoIgGARgMRRQMM95SK32/d+xxmD6wR6gaW/YnU8Yox/JVBZAJ7OvqBlkUuuxBB5HPYEbWxUuR71+RoPK19mqXvZjReaxew78faYwRHPYck5sgSLcy5B5QZiNIdcgDG1LkdoiPJ5tiRHvERtl5i4t6WnP6t2+l1EQ3pGRIWTGyTBQvubY/NnQ2SLxP6/QUO0JWU9dnSCpuN9jPBeiHm7uZT9GxeyVeGijP8gT1BEKUbv7nv8AAAAASUVORK5CYII=);
}
.private-menu__link[href*="/history"] .private-menu__ico::after,
.private-menu__link[href*="/anrufliste"] .private-menu__ico::after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAdVBMVEUAAACHBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2j2R0rAAAAJnRSTlMA+JLdn4l8PsaPdGZX7ee/ry8YBfHhzKiZgWtaUkU4KRIK7tFqXhwHXoMAAAC3SURBVCjP3Y5ZEoIwEEQJhCUQZEc2WVz6/kfUwqScBA9g2T95XS8zNc6PZMhSoI7i6puUDJE/yj4D7kfrgm8KBc5He/mUArlpJ2XlvD8LYkPrdeDvNwC9L4GCk68Agug2sjVPiWa9rUcQDakgDRSEhp4UNPD2hCvVTA/NgbtnMaZvmWOF16TEsDXjpFQQpk2wmrWgtYRvfs9RUNsqIj7QOCDSSM9jPAnDR3clm0k24bFXmq50/iBPnwoLPu3KG9EAAAAASUVORK5CYII=);
}

.private-menu__link[href*="/equipment"] .private-menu__ico::before,
.private-menu__link[href*="/hardware"] .private-menu__ico::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAXVBMVEUAAACBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYEvSeuAAAAAHnRSTlMAMPCwkFAgfRHQY0o/B6xwOCkOpJ4ZiWBeRvb0zFn46CDgAAAAm0lEQVQoz9XSyQ6DIBCAYUYEQWV37TLv/5htUhJsHNO0l8b/ON9lAsP+Xo276g1jC33XeSi1uGVoEPGylgm8c+WUsumYxXMD7qrcQHKDOUuykTlFcpn8wgokC2BGGA9W0xGxH5CTLIVnnYhBAMmCT8by0HJH8qKTuWlo9ERyfK2mvl7NSWmTnFd2XxTMHvYfeu3JZ6HP4dMxnbsHWaQRFOykyCUAAAAASUVORK5CYII=);
}
.private-menu__link[href*="/equipment"] .private-menu__ico::after,
.private-menu__link[href*="/hardware"] .private-menu__ico::after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAXVBMVEUAAACHBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2sH60ZAAAAHnRSTlMAMPGwkFAgYX3QSj8RB6wpGQ6ecTnppYlpW0bMozanMrSrAAAAmklEQVR42tXSuQ7DIAyAYQzhClcSyNnW7/+YXZBIVWfJUvUf/S0WmP28Dr/qTowaXN8XaGk8MxhE5EebwCfPm/dxuWQuGetE5rWJZIO1SHJQNU9ym9xhD4olCAMMF6vZEdFNKEhWsrBejkkCyVKsIYq0iUzybp/hYcHYleTx5mpzViouSh9s1x50AeJDHfEs7RxexDlcH9N/9wZxbxEO8Kmo9wAAAABJRU5ErkJggg==);
}

.private-menu__link[href*="/callback"] .private-menu__ico::before,
.private-menu__link[href*="/zurueckrufen"] .private-menu__ico::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAeFBMVEUAAACBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYF41q5EAAAAJ3RSTlMA8Or5nPW+l2hH2amAdkAZB9HLVTco45GLiF4Qx65tUzAhoXC0sW8mynQVAAABCElEQVQokc3RR3IDMQxE0T+cnHPSyIq2+/439GJIBZ9A2IBdr4osAvDpNYdS4MIq+cGrfitO7jrsoVKRzOqemuoChMue7gJqnR4cRgBm3lPpA8RyOqgG8GLLAmjUW45DuPbJ8+3yPIKJLLdHrpJyoGmAWFJFYCybhVxbA3CLAJpt6jh7ltXT2pvybO+BYXhwSvYFbEWRmaKogcVj/M/15Pm+Z0ZgfeXz8/LWfsbj4tisfIX7MZr23mWkjtsjF/neDAwVcDK+DqyOgxCGcnFjGpUXKWRuKW6odonJPm39uqH7PwDTG5/UOO51BcwbK+ZRnco0VbmHSocqMSEvlUuKNhtu8nWs+fD6Aw+wEgrMN36mAAAAAElFTkSuQmCC);
}
.private-menu__link[href*="/callback"] .private-menu__ico::after,
.private-menu__link[href*="/zurueckrufen"] .private-menu__ico::after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAilBMVEUAAACHBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2o6dfbAAAALXRSTlMA7+q+R/r12amddmjx5NGWVUEYzMevmZGLiII2KQpwbVxTMB73oX1iPCURD7RudLAJAAABEElEQVQYGc3BhXUDMQBEwa9jRjMzZvtvL2fJ8XMJmeHfm0ZSyttcClO+/KjON9phtVrkU/V8BDoAxQxrI6DTlj+Rz8CbYmUnBrV4W+rIwNRYmXhRgzOJ4Njk2mG1yvYrKH2casRdUgKs10AtqWXi4XgzEj14OfsM1o9yxN7gqKHysZIYKzUsDY4C4jHwvCxib7HogJlhZXAUEI+BrizCsPBWwNxwL3C0p/KxkgqrNhwMjpkzjrD8EquPCQxONeKgsJgCyxbYeiftmBucNIJlNlODtVJyCSDucW7qGJgUKxcv2vAWjhmUKVYuBluteWt0BLwJ1lUMNOGjVxYEyrBaXW+5F/ElkeQ/cc4KNer4534Bu6wVKRk6GU8AAAAASUVORK5CYII=);
}

.private-menu__link[href*="/forwarding"] .private-menu__ico::before,
.private-menu__link[href*="/anrufweiterleitung"] .private-menu__ico::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAeFBMVEUAAACBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYF41q5EAAAAJ3RSTlMA+vLZ0s3hloJADgejiCQcE/awdGxG7eXDt7OdZl1WT+q8qY44ey0jpQIFAAABE0lEQVQYGc3BhZVCMQBFwZt8d8fdXv8dbkjg0MLO8O9NFyluCfqrtMr52aueDyYhGDXPe+34eugE3AeCdAs8dOJjHeHcVwRpjXMVQacFpzEElxGnVYGXGejPR5MQ3HQ8d7C+4sUbWEtRB9ULKBNpKKlXeDbjrFeF0+uGU3VqmISnib0I2iHjLU04CU8HdhbnmOeHrW4VsI1YhKcDO4tTW5vGMhWwi1iEp4m9+IjSHieOOQvPZpzU81ZZU/Kmmll48YZq0LApoWw6oLZGLZnFywy0c64NQaPm+YAowWtV4OQiSBOcUkeCVYyTW4Joi5OJj0IL8DQEcQL0yvka1SxFeiEYVRSTIn7uRloXBF0iaSz53/4ADWUUVYJxn1wAAAAASUVORK5CYII=);
}
.private-menu__link[href*="/forwarding"] .private-menu__ico::after,
.private-menu__link[href*="/anrufweiterleitung"] .private-menu__ico::after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAkFBMVEUAAACHBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo08HQZUAAAAL3RSTlMA+/LR+OCIgnVCE9fNt7KfbAsG7eXbw6SZlWZdVk9HIw/qvLCpjj4nHhp+OOLLMaTtd94AAAEeSURBVBgZzcEHViMxAETBL01OnuCcc4Jd+v63Q5bM4wpU8eflRynaE5QnaZzxa6F5tzIRwVld12rEj09tgGtM8K8BbtrwNpniXMcEyRznJIKHCpzUEBxHOHsVeEsD5XZt/hNctN4+YXLCi2YwkaYPGL6AvpbiA+0Yzy7Y6t7jlLrg9E+l5AZPOa0I7vGSl6RmIzytaCzOOstWjS4D0FTshKcVI4sztzaJZAZgNGUnPOW0hrcqKXGiiK3w7JKNSl4GGx94UUsnvGjGEMvODtCnT2BujfYsLd4ihnuXaUaQKs0/oarx9rrhZCJIapyD1gTjCOfDElQNzkK8FdoBHzFBVQOlMn6cle6K5EgwUlHkmvLrGstMbgSPyBide/62b4IqF1pShT7MAAAAAElFTkSuQmCC);
}

.private-menu__link[href*="/profile"] .private-menu__ico::before,
.private-menu__link[href*="/persoenliche-informationen"] .private-menu__ico::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAaVBMVEUAAACBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYHwqtOfAAAAInRSTlMA5iNK4tTLmWr37LSkczsgG9vGwaqJgmVhW0IyMBS7jlVRpe0wlwAAAJZJREFUGBnVwdURw0AUBMGRD8RgZtr8g7TqfmR4CsDd/AkXyzIcmLFV7k53bTA5dYwGtVhiTbLNsPg9ySnDElqSp8ey3pDsllhakfgGy1WO0aALpkaMfGRGDFBXzCkEZc6MQQU4nTFcjzfVjHKtip5PLlbZqiB5rH0Vjrw5qOl4c8m1Y6I9XzoxkesXH/qzmITsx5L/9gIKcgdUzeITRAAAAABJRU5ErkJggg==);
}
.private-menu__link[href*="/profile"] .private-menu__ico::after,
.private-menu__link[href*="/persoenliche-informationen"] .private-menu__ico::after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAaVBMVEUAAACHBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo103IZGAAAAInRSTlMA5iLi1MtITTwx7LSmnohpXx3628bBlnVuZVgX9rusjn8SDvpIggAAAJZJREFUGBnVwVd2wkAURMErJihHcsa9/0VaZ36E8dMCqOJL5OE2+YEVndo8PtVgiiqYjTphCTVJl2FxZ5Iiw+KPJLnDsn+QvLZYjiJxLZYfRWajSkyNmLnAiuChrljTC6aWFVedIKrEcB3uqpkdtOtH/oqhynY9yWXvKn/hzaCm4E15UMdCZz4UYqF886EUC5/9s+W7/QLvLgczPwzJ3QAAAABJRU5ErkJggg==);
}

.private-menu__link[href*="/refill"] .private-menu__ico::before,
.private-menu__link[href*="/guthaben-aufladen"] .private-menu__ico::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAb1BMVEUAAACBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYFQ6m4HAAAAJHRSTlMA6NxL1j9TIvPihy7uraRrRTcY+c+2kox5HQb1woJjKJiAdQ00R25oAAAA2ElEQVQYGdXBh0HDMAAEwFd37z0V+P1nJLGILQMDwB3+DdtnZNZb/OYmqYeyvGtqhx8MdYpVKmnwjWOOTc4ZRyJGIJY4sGwQaGgRijscyA6BlBUOLsTLUpCUCiHLGd6H4KVSPUsEFB28jnh6Z4pdyQWrmjVW4ozdOYY3nuCNLXac4A0RvITYFFzgVZyx0jlerrR4EQJPhjm+JHzDxlGr5jYyF1FimsYkEa8I9VkUSQskOotOmU4QqFWalsVQuap2ZiqKybhaPRisOpJCxi0fWiGlaLmK8Zd9AnVwDkNO5XV5AAAAAElFTkSuQmCC);
}
.private-menu__link[href*="/refill"] .private-menu__ico::after,
.private-menu__link[href*="/guthaben-aufladen"] .private-menu__ico::after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAgVBMVEUAAACHBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo15XeFpAAAAKnRSTlMA89bp4ttSIe6tpIRMSTcYtpRqRUA9LPnm3tKMiHgvHQb1zMJxYyWAWg0Pm7TNAAAA4UlEQVQYGdXBB0KDQAAEwL2j995JIF33/w/UcAYO9QE6g3/DTl3STW385m5RZnmeSUoHP1SURyxqixW+cehh5XHCnmFCY3bYsZlAk9CGzuyx052hqVlgJyBeZp9kF0Jnc4LybjAoopQ5NCEdKGfi6cojNlfOWMSMsTAu2FxMKMMJytBgwwOUTEAJiJXPGUrECYvew8uNNl7aFk8VPXwZ+cDqThkm9UDPEEGZJOUoeIMudYWw3oBAukK4coQmDo917meFU8ROefD9Q+nEURSFFRY9ScMyT/zUtJZlNFyY+Ms+AAYYEXPnQGR4AAAAAElFTkSuQmCC);
}

.private-menu__link[href*="/web-telefon"] .private-menu__ico::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAY1BMVEUAAACBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYFxJLHVAAAAIHRSTlMA6k7j9PiDa1jvcS4T3JxerIw8DN2+pn6Ty7OWVh935v/afZwAAADbSURBVCjP3c5BkoMgFATQBhQQEBFUjDoZ7n/KfLLCZZZJb15RXdRvfHlkoTyhKjOujvBNXbzWoaALWs8Fw0NrWdraAryAceCvxyABd6tVSpl+55Q0saXE23plQgwH/CAEWzF3xANNtFIXcSk1EbzSZP5nTEg8BWNsx7QQt+Un54Emb5y/l3P+2XLnJE2Wzk1EcO62PDDauuGsHMiVFU0mYzShjXkvrzTx4zguO+RCbDD1Fdrb2dqTju7WGmK1Vn2yfI7R0zcfYybWGE1b+77vO7rdkRvUQBz46bwAAi0Pi3Pe67gAAAAASUVORK5CYII=);
}
.private-menu__link[href*="/web-telefon"] .private-menu__ico::after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAb1BMVEUAAACHBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo2HBo3b8CF1AAAAJHRSTlMA6vjjV030g+8T3Jxwa6yMXjws3b6mk39RDMuzlnNjMh96Deak6NnzAAAA4ElEQVQoz92OS3LDIBBEGwFCCAQC/Szrk9jh/mfMoGzw0su4N6+muqb64Z9HJcoDXYaHqAmmqJMRwiXUTgif0NyFUKmsv4BbApPAd4VGAfqlPtd1oe9lfYqEalqfsqxHxnmzwTScsxG+JtxRRHSd+ENPkBlF/A9jXOHgjLEZ/UB4Md+ldKQ8SXmZS/mWeae1InOldU9wWt/K2jFynbBnbFgyRhTprb3Mrb3MD3uWrWnbdpihBsIEmy9Xbi8x7jQ6x2gJY4znO+Y+BENvJoRH/g7hKGtTUWi7JtB2Q9jw0fkFBswRIQt1WF8AAAAASUVORK5CYII=);
}

.private-menu__link[href*="/youmagic"] .private-menu__ico::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAeFBMVEUAAACBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYF41q5EAAAAJ3RSTlMA+J5gz4YQCwa3jVJEPhz05NXDk4BYTSvx6ty+s6oxJhV7c2tHNsbM/MzOAAAA5UlEQVQYGdXBh1HDUABEwaecc3LO5vrvEOmLsWQPBcAuf9vW0sjq8dOr196znDetGtu2a9UbzQ4pa/uBUa+Fx4oTM0k12+2lmEVwC5l8yagYKiUsrhmTTrMMXLFIeibhVkYHqOXl2WE0Ms5AY/FyajHOmkSMhpIX3w4xKkllzihwWRxPGMnW9XwmgcvCtpn5/Li4LBwLI3QCZn3BwpeDkRRPjGjHylFcckb3whvCgFwZK6FsvNh5ZPleshw2NW8SxTyiUip3UerX4sNN7plZahUXPnXS5tB48UE68ovAqTSyohP/wDe3cRbEJy7xpgAAAABJRU5ErkJggg==);
}
.private-menu__link[href*="/youmagic"] .private-menu__ico::after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAe1BMVEUAAACGGIuFKIqGHYuGIIqFL4mFNYiEQoeEOoiEO4iEQIeHEIyGIoqFKomFLImFLYmFN4iFOIiEPYiGEoyGFYyFJIqFLomFNYiFOYiEPIiEPoeEQIeEQYeEQYeEQ4eEQ4eFMYmEO4iEQ4eFMomFNImEPIiEPYiHBo2HC4y7HWTyAAAAJ3RSTlMA99vx7L+dFnhwNv3o0s3IjohP/PrjxZaCXEcpIx4KBLJpD6unZVcHi9F5AAAA5klEQVQYGdXBB1LDMABFwSf3Gpf0Xihf9z8htsxEDsMBYJe/rbQa2B3nLN7E7/eCF7HqIAhChVaTKmMu7Bns5DXMJAtGmSarSFrgpbcLo1COoTfq8OKcUatJDkZ4bcfoUcrZwlUxTx9bnFrOAagtT58xzkGjiEG/5OkUXHCMpLJgkBq89R6nK83mxCg1eEHA5My3o8FLLM5jmzLZWbyzEpzO7nGiFTNrcSwYvNmmv6QUujNzVUCzSLK8iCQl2JAXrRqyaCktV1F+CnXl1U3mwCSXPfJTK9mq3iwqac0v0sRoVO35B74AwDkXws9y2mMAAAAASUVORK5CYII=);
}

/*●●●●● Private history ●●●●●*/
.btn-wrap._export-calls{
  text-align: center;
}
.btn._export-calls{
  width: auto;
  padding-left: 24px;
  padding-right: 24px;
}
.private-menu__opener{
  display: none;
}
.private-menu__wrap{
  margin: 0 0 24px;
}
.private-menu__tab{
  display: none;
}

#refill_opener:checked ~ .private-menu__wrap [for="refill_opener"],
#history_opener:checked ~ .private-menu__wrap [for="history_opener"],
#forwarded_opener:checked ~ .private-menu__wrap [for="forwarded_opener"],
#dialed_opener:checked ~ .private-menu__wrap [for="dialed_opener"],
#incoming_opener:checked ~ .private-menu__wrap [for="incoming_opener"],
#missed_opener:checked ~ .private-menu__wrap [for="missed_opener"],
#all_opener:checked ~ .private-menu__wrap [for="all_opener"]{
  border-color: #fbba12;
  cursor: default;
}
#refill_opener:checked ~ #refill,
#history_opener:checked ~ #history,
#forwarded_opener:checked ~ #forwarded,
#dialed_opener:checked ~ #dialed,
#incoming_opener:checked ~ #incoming,
#missed_opener:checked ~ #missed,
#all_opener:checked ~ #all{
  display: block;
}

.calls-ico::before{
  content: "";
  width: 30px;
  height: 22px;
  margin: 0 0 0 6px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
}
._inc-300::before{
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAMAAABV0m3JAAAAilBMVEX///8AgABVqgAzqiIsoB0ztiQonhg1tiQuqhwuriAlmxg3uyUsohsxsyArph0wsB8mmhY3uiQsohsxsyEonhconxk0tSM2uSMpoBoztiMroxwysSEonRg1uCQtqR0vrB8sphwxrx8roxsysiEonRgpoBoroxssphwuqR0vrB8xryAysiE0tSM1uCTRlUZZAAAAJHRSTlMAAgMPIyM/P0hIYWFoaGpqfn6MjJiYmJiursLCzs7V1evr+fnye98dAAAAW0lEQVR4AWXBBw6EIBAF0A9s733tHYvi/a8nMZlEh/dAxPkJbh+Pf6xtfWPMD0vqXQ5WeCWAvOc9g2PaOXBIWgcgb1nDwFKvoraCC8Fs42mtv+B2UfWBQ5weIBM5wRCPMIz5awAAAABJRU5ErkJggg==);
}
._inc-16::before{
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAQCAYAAAD9L+QYAAAB4klEQVR42mO4ZmGx7YqFxeTzZmbeZ4yNuRioCa5ZWk64Ym7+/6Kp6f/zxsY/zhka7jqtr1943MhIk2LDr5ubuyEZ/v+skdH/0wYG/0/q6/8/pqf34IiOzoxDmpoBR9TVeQmZtUpCwv4/AwMjXOC2pyc70PCvWA3X1f1/RFv7/yEtrf8HNDR+7VVXb8Zl8Dopqew1UlL/VoqLz0Cx4IqZ2SZChh/U0DiwU0+PG5vB62VkctdJS/8HGv4f6Pr/K0RFZ8MtuGxmloHXcG3tA7gie6OcXP4GWdn/yIYvFxP7vxRoASRSrazkCbj8DpCWQzd4q4JC4SY5uf9YDP8LNDwBrhBo+BUCYX5/v4aGAkz9NkXFEqDh/7EY/neFmFgciisumpl1ETD8PzBCH+5RU1Papaxctl1J6T8Ww/+slJSMwQi78yYmDkiGbwQavhfDcDW1/7tVVd/vVFb+j8XwP2slJaOwJiVghLECDf8INHwdiH3M0pITaPhuLIb/x2L4H2BSjMCbCc4bGSXsd3BggfH3KyhwAA3fScDw3+vl5MLIysEgC4CGb8dquLz8781yciEUFRHbVFTYD2hqbkMz/BfQ8GCqFHAgC4ApZQvU8F/blZUDqVqCrtLWZgMavmaHioo/MeoBv8pxRB36jhkAAAAASUVORK5CYII=);
}
._inc-declined::before{
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAQCAYAAAD9L+QYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAgBJREFUOE+t0ztv01AUB/Dra1/7OhVfARAbOztMjDwEQghVqCMSQqgS4guwMTFWlATiJE7i2PUjfsZ1k7QuU0dGEPAJEAMVyoODU+qQpE6CaD1Z8rm//9XxOcx+KLqA4NNwgP2V/mH7yg10iM7qicPcqzgUYTcQoevTnzsubUW2uN6y+cunzoij3PUJHNouhcihsN0UIDD5L77Bbzg6f8sw0LllYZU8ugqAmHGd6yJhLxR/HN98Cm9ZSYDBg6fz4Gik12yQF/MC6hJ+LBfwLznPbEwFxCG1luIq6QQSWsnClSJ+Ui9iqL7FIBcYKL9hNscBcUt8tATvWBbKZcFqCT9tSBhmcJBeo82j+v2IXliMk4+WQs/P4loZr6tlFjLwYYKvjeu7Af2QTMv8nqvcZ08XLqYH9Cr3bKvCQgY+lPLo4dRFdn3x5SLc1QjYKvfVVoVLZo17nuAwiyc/dCDn0eqJ9u15wrUU33aoGTb5aHJa/uAErDr5luAwi9fe4UG1gB9kTtPBASIdn37fcYSt0fv7OhIDiw/TURzjCoETeBEPahK+v3APup6w1m4jLi1K3qlvkGA05/PwRontN0r43rIFy/w+CnB14mXhWpntayX27n/B6aHRFrsqcY96/rctPb3C3jkVPBmQrL99jPcMmb19JnCKKAriTYVTzSp781/g3wm2vGmvBr6CAAAAAElFTkSuQmCC);
}
._out-300::before{
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAMAAABV0m3JAAAAjVBMVEX///8AgAAAqgARiAARqgAPigAWqAAQhgAUrgASmAASnAAQgQAVsAARjgAUpAARkwAToQAOggAUsAAQkAASpAARhgARigAUqAAUrQAQigAVqQARjwASpAAQhgAUrQASlwASnAARkgAUoAARjwATpAAQhgAQigARjwARkwASlwASnAAToAATpAAUqAAUrQAedr/EAAAAJXRSTlMAAgMPDyMjPz9ISGFhaGhqan5+jIyYmJiYrq7Cws7O1dXr6/n5fKxfbAAAAFxJREFUeAFlwQcOhCAUBcAH23tfe1csivc/nsSI0c8MZu8rg8HuwyMoS0rp7jG6a36n5N8tlJZInxxoDPEZtSE6oSKSBwdumlcq2WeDpb8Qwtlh7VcEB1CvC8NkAIvVERRuWNTlAAAAAElFTkSuQmCC);
}
._out-16::before{
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAQCAYAAAD9L+QYAAAB6ElEQVR42q3USy8DURQH8JF4i6XS4nZ0yswYWqZMWxtdScQCISIiYikREYn4AnZWEhuJtXiEerfq1Wqaing0oqkFCT6BWEikynEqaaM1bYXe1V3M/f3nnnPvpahfjF2ttn2/snJlWRCyqXQOO8N0OhgmiDgccdy2TavNSQu8o1Z32TWaIOLwhbMsuHje9u+ALUK6EX9DHGJwjgN3dbXdSdO5f4LXCOnZJORth6YhAQ4eQXB8D3BaLJk+URxMCltVqt718vIQ4pACB29t7b7XbM47NxiyLkTR6jMYnsNzWXhVqeyzlpaGEAcZ/EkGh1O9/vCsrm4DcUAcfA0Nlh/wklLZv6JShRCHeHyPYSYOqqo0iD/K4IA4RPArSZqKgRcVioHlkpJ3xCEet1VUjEfrynE04vdJ8cZGfxSeLyoaXFAo3hEHGXwsfoeIEsTvkuAQaGpSR/A5xCEe3yBkVK4v2LB8tyC4kuHXkjT09TFQVMYiBnzH18rKRuRgh05XcMxxrhRlAb8kbUYXhQOWiotnEf/Aozic6Jg6WXYSax5MiRuNL7etrTkxAfj3zakumIdlC9083+GpqZn16nQPCXC4MRpb/v3+nIgif6bXj13W1+8h/hrBA2bzdFpf0HCzfZLU5jeZZgImk+0THYRxXBycJfsAAAAASUVORK5CYII=);
}
._out-declined::before{
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAQCAYAAAD9L+QYAAAB3ElEQVR42q3UT2sTQRQA8JeZzexsgl9BxZufQk+9eLBFERGRHgURKYhfwJsnwUtpako3aTbZbLqb3XS2mz+mxranHD0K1U8gHgRJ076+tjSYZJuIzTvNYeb3Zt6bGYB/CL/I7/u25tg2CJhleBZfqBa1nm8nsVYWNaVAnwnsFvgD19J6hOMZ7iRROUJdOUElzx9ubvBDwnEIryQx9ETYboP8L9jJ8UdOnh8SjrG4KzDyRPR3AhprnVAuToSLJn9cNlmfcJyCYxTojX0bjG4Xkm2lb37elr9Ox7GwtcaflNZZn3CMwX+O4nVfx2agt1rKqLaVRMLxSyjvjsGFLDy11lifcBzDS9qbWkXeIvxHDI6tLYkXeCcy3g3BuY/wrJBNHBGOo7hnaa8v5oWuvEn4wWRcfh3A5gos5lcTR4TjOM6WRk8Y2MZ1wr9N2DnuteSN811nIEM4juE59iquL0EAqdDVdybhu/XU87PJiJDYWGWZIXydvYyDIxPSVJadKTXH3abhDxadJihk2TLhxyWTvbjsmgZl8Zbw3lS8YfweesXnCeDOtAdWrcI15Yr5yNOXCf9+CU51T89d+f9p1MTtT1vGEuF1wv8M8Gb6/Ux/0C41u7Odukf4h/1mSp0AkXq4gQtp5n8AAAAASUVORK5CYII=);
}
._fwd-300::before{
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAVCAYAAABVAo5cAAAC4klEQVR42qXVTUjbYBgH8Nd+pE6UtmnTapqmdun8al1jlR1FhEG9edlNr4WB3mVedtqh1tY1jlHGJpt082Ntta7tZewiDMQUBBl4mMODHtwugx1kQvPuqTho00SMvtc8Dz+eN3n+QejyWGJo2DavK9sThj1qgShSAjFDvUCtSOPxr1Gt/Vl2ht90F/m8Z29gq7M8UPAO1xWRURQmY7oD27y+AiCmFoznjqTx1JW8w2gF72dcTH+OOQ1usOcAYgAroYL3IFTgwhcFbc+QzRptOgRQAhBfgtiRJCQmjkjtEzJkf84tAYgvQQygNFj0Hj743GNDliiats41SQBiGVhGNzwAlmUgHizeBZSbroL7AGI5SCVNUzcHmSkFEA8VuX1kjqIzBbByret8inRq1wpgpQEscWfVCXENeGxL6Jccz42T15nEt0wJvekOj9KzYI6d5PPsEoDHNSCuA8k44ddydb5l+8+uNLXb/Z4Kq9UE86xfFaTiyCdvqO4i/bJFZFJtIvuqTfS8MYveJYvIvSVFAP8CWOn+4PzRt+p84iv6TPL+0CbnUwXtCWNI3uAWWmgAMZNqxQBiz2szBhADiAHEAGIAce9q+6++dXo1sEG7a/sHtzwhdXDOMHILEPvX6d+BLP2wtp/f6hxRBW0x/fitwI/0d3/OxcvAcXVwXj8hB60pq/k6YN9KR7qaow3v8JN34gpQN6vxK/0D4FnPijOiVhPKe2bloFQz4REsvgiLLzqThOhaNHVdCb6zf7mXpuquMJh1dUG0ifwGK8Lii7CHRzWghCxzaFsp2iBLccdic+TqoEZEQ6xlmAiAWDHaStw2ssbQmBrYLpgEzX+LDCOogkVuDKE1pAfwRBFMmkqagztDl5RB7uQRWP//9pMqE+5rBQNZ5psSOFTw1uczGdNHGkHiq2YwQ+/KQbjOx4rFZNwQphKGWUfCmAJwxyk0j2p+h1nXaCDn3glusin+YiU664L9H4iBEebN84D+AAAAAElFTkSuQmCC);
}
._fwd-16::before{
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAVCAYAAABVAo5cAAACvklEQVR42qXWwUvbUBwH8DBhuwgDRWyal5bWWmzTpknT1JuIMNCbF296LQz0LvPP8OTJ0w5r1anbWofbRIrd2iauWmQe5vCgB7fLYAeZ0Lx9uym08QVN9+Cd8h4f3u/9fr8Xjrseqzw/sur1mmuCUNsgJL/u881n+/q6OZfjSJK6DVWdN5PJ/L6m1WqplHmo6yNti7I8P77C88cAGwDpOiFXQC/ygkDcgp9kmVRU9QLgFUAKsHGg68eY438XAOjN8fwJQAsgvQbphihaW4T0uAVLktRTVVULIL0GKTDrMJ0++ZJO93K5/v45gBZAagNNrsMB0LSBFKBVT6fnuKzHUwdIb4GEzHYMJpOzDJACrDfBSwbYyN4jnJTjHjiFFWCDAV42QdoCnq0KwvJLQZi5z0l2o9HFvUjEz/q2r6ozpqYt1zTtrAWkbeCKxyO5Cd1uJPK9GIlUcaJxpzU1XZccQYQxZN/QrMVCIGBsBYPG24EB4104bLzH3BkaMgD+LkajjVIs9u2jLD/Lh0KP7PsR2pAjiJAm7RuQrd58IEABUoB0e3CQAqQAKUAKkO7FYs35oxyPv6jEYmLr/gNNSzqCOUJGOwVL8ThF0f+sKsqT1v2fU6lR5zv0eif/ByzL8teKoihtoKZNOoM8P20Ht4PBx/cEn++gjzKSZtoZFIQFl1n6C+AlsIzTGoR0wQ5aLUlzukaIgcI3NkXReCMI4Tvq8MOeJLWFsJxIhNHaDGSngcI3UPinLaDVBIvM1iaK9LXPl7njKXp4q60pSgYgdWhtRS7n8Uw4ga9EcdFtHy2r6qITeJhKTXBZjusCes4CN/3+gluwkkgUmKCun2enprpuHuAZ5gl9vrprUFGOWGB9eLi9P+MXI8MASx2AVQb4lLl4Db8aABfwFi4hS8sI6ZjrO5TlMYBlgEvmv5Joa+x/AJZrWfKCBbPCAAAAAElFTkSuQmCC);
}
._fwd-declined::before{
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAVCAYAAABVAo5cAAACw0lEQVR42qXWzUsbQRQA8GEmuzObfoHeiqUX8eKl+AeICAW9+QfoNVDQu9SL/4MnT8km0WQ3bmI+9iNpvqxQEDcgSMFDLR70YHsp9CAVstO3IiWbzIprB95lmeG37+28xyJ0v7QUmtVSuKen8UkhQyw9i9d1HT1HEVcHzrRMZb1jMqttKiddi/YOTDYb2LSbjC3kVXymqbivpwkvpMktoNdGFk1EBi1lolVl122T3bYtxrsW63dt5azjPFu426CqaDyfwucQHoD8HuQAepDhWFTQcdBYq8Y8ALkPdnzUVrwDWzlvNl+MQ3Z4zccg+CCoZ3APPXG1arQ3BPIDR/G6dWUN5VL41McE4OqTwSpdFYAQ7BTlkvhGAPYfU87NTYTFZX05BmB/FFRufJAPgJcAJiFWHpOJZUhbpsHeCrM02QpEEsDLAZAHwN0Umo5SOsugP+ySfOwU6ULYnrYjT4eCegZNDh/we7G0G3P38zG3okluRZfcakFya4bsWob8xy7Kfackf29U5I+WhehImzh0MhTMZ9DM8IFyDr0GkO/nYrysSRxADiCv7ckcQA4gB5A7ZfqzUWFafV95EyitE58JBXPJ2NxTwXqZ8kaV/mqW6ftAhjabCwW1DFn6H7Bepd8apvQuOHniS+GgSpYF3/DVo8AK2+kIZi9kuBx+adJ4I9otlX8DeFMvSYnw2co2hkHv36VR8YWeIW7hPooqmnoItA2pbZaCJWyadApmqQuN77Zt5gJ4MQB6MNrIoWi0AciNHZJ4CIRyy8PPmjWWAJCLRttnRzlEeZUshoF7O2Qr6hz9VKVbYWC3Hl/035IAdiUCC1liRwYr1A4Br3zrblMuSVaEGWbxaWSwRr+KwK7DgvM5nyKJkW+YJV+iZ8iOR0Ar/kF8CeBXw2+NvTTZBvSomI7NRwWhH+cBPAJs22+Jjhkc7H8BOy7K4d+KI8sAAAAASUVORK5CYII=);
}

.personal-table{
  width: 100%;
  margin: 0 auto 32px;
  font-size: 16px;
  border-collapse: collapse;
  table-layout: fixed;
}
.personal-table th {
  border-bottom: 1px solid #aaa;
  color: #000;
  font-weight: 700;
  text-align: left;
  font-size: 14px;
  line-height: 32px;
  outline: 0;
  cursor: pointer;
  text-align: center;
}
.personal-table td{
  padding: 12px 0;
  border-bottom: 1px solid #aaa;
  color: #818181;
  font-weight: 400;
  line-height: 22px;
  transition: color linear 0.2s;
  text-align: center;
}

.personal-table th,
.calls-legend__table td {
  border-bottom: 0;
}
.personal-table th:first-child,
.personal-table td:first-child {
  text-align: left;
}
.personal-table th:last-child,
.personal-table td:last-child {
  text-align: right;
}

.personal-table tr:hover td {
  color: #000;
}

._edit-forwarding .g-recaptcha > div{
  margin: 0 auto 24px;
}

._forwarding-table .readonly{
  background: rgba(158, 162, 165,0.2);
}
._forwarding-table .btn{
  width: auto;
}
._forwarding-table td{
  text-align: left;
}
._forwarding-table td:first-child{
  padding-left: 12px; 
}
._forwarding-table td:last-child{
  padding-right: 12px;
}
._forwarding-table td._ta-center{
  text-align: center;
}


._forwarding-table .form__input-wrap {
  padding: 0 0 6px;
}
._forwarding-table .form__input-wrap._checkbox{
  padding: 12px 0 0;
}
._forwarding-table .form__input{}
.fmtimeout{
  min-width: 60px;
}
.fmnumber{
  min-width: calc(100% - 62px);
}

._save-all-wrap{
  padding: 24px 0 0;
  text-align: center;
}


.fwd-npp{
  height: 40px;
  padding: 2px 0;
  line-height: 40px;
  display: inline-block;
  font-weight: 700;
}

.calls-legend{
  margin: 0 auto 32px;
}
.calls-legend__title{
  margin: 0 0 12px;
  display: block;
  font-size: 18px;
  text-align: center;
}
.calls-legend__item{
  min-width: 30%;
  margin: 0 0 12px;
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
}

/*●●●●● Payments page in cabinet ●●●●●*/
.payment_hrefs_place{
  margin-top: 24px;
}
.payment_hrefs{
  color: #212121;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 500;
  line-height: 40px;
  text-decoration: underline;
  cursor: pointer;
}
#wrong_summ{
  width: 100%;
  margin: 18px 0 0;
  padding: 8px;
  max-width: 320px;
  display: none;
  text-align: center;
  background-color: #dc0b23;
  color: white;
  border-radius: 5px;
  font-size: 14px;
}
.payment-list{
  display: none;
}
.payment-list._active{
  display: block;
}
.payment-icons{}
.payment-icon{
  margin: 12px 22px 12px 0;
  display: inline-block;
  vertical-align: middle;
}
.payment-icon__link{}
.payment-icon__pic{}

.payment-list p{
  padding: 10px 0;
  font-size: 16px;
  line-height: 24px;
  color: #818181;
  font-weight: 400;
}

.pay-field{}
.pay-field label{
  margin: 6px 0 18px;
  display: block;
  color: #000;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  line-height: 25px;
}
.pay-field__wrap{
  width: 320px;
  height: 46px;
  position: relative;
  background-color: #fafafa;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
}
.pay-field__input{
  width: calc(100% - 36px);
  padding: 0 0 0 8px;
  height: 44px;
  border: 0;
  background: transparent;
  color: #292929;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  line-height: 44px;
}
.pay-field__btn{
  width: 24px;
  height: 32px;
  margin: auto;
  position: absolute;
  right: 6px;
  top: 0;
  bottom: 0;
  background: transparent;
  border: 0;
  cursor: pointer;
}
.pay-field__btn::before,
.pay-field__btn::after{
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-position: center;
  background-repeat: no-repeat;
  transition: opacity linear 0.2s;
}
.pay-field__btn::before{
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAYAAAAi2ky3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMBJREFUeNqc0s0GAlEUwPGZKW17kVlU+tKud0mUij7UclpHRFr0GD1ESvp8idYtIhH1P9xhZBZzz+HnMoe/exnX930n4QTIYhC3TDvJZ4MLMujiqw1dUcQRLjrRmE1I5oSCiXlohzHbkGOeJ7GzuVlLYpqQzA15E02hKaEhcsrgAw18JPTEXRl6m/MlobUyUsIYK3mVp4xUcMAy/A00oSr2WKAXfrQN1bDDHP3owiZUxhYzjP6XNqE6ppjELX8CDADrByO887JYjwAAAABJRU5ErkJggg==);
}
.pay-field__btn:hover::before{
  opacity: 0;
}
.pay-field__btn::after{
  opacity: 0;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAYAAAAi2ky3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMpJREFUeNqc0s0KAVEYgOGZIcXGrSB/2bkXzUJM+YmajbFgoZSS5DJchFjQcBPWFiKleI/O1JDFnPPV09T56m3+TC85MiLOAGm0vw5v7ucaN6LPGj4SaOIVXqqEjshjDxONcEwlJOaAnIxZqAcxy1AfX8ZsLIepsalzR8GckJXRGDFbhDrIaAYvqOEpQlecNUMPeb2L0EozUkAPC/FUuu+ohB3m/JCO7lcry8gMTnCoGqpgiyla4YVKqIgNJuj+LlVCVXjo/1u+BRgAdUIoDpwM/f8AAAAASUVORK5CYII=);
}
.pay-field__btn:hover::after{
  opacity: 1;
}

/*● Payments popup ●*/
.payment_overlay{
  background-color: rgba(0, 0, 0, 0.0);
  bottom: 0;
  cursor: default;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden;
  transition: opacity .5s;
  z-index: 12;
}
.payment_popup {
  visibility: hidden;
  z-index: 12;
  max-width: 700px;
  width: 90%;
  max-height: 90vh;
  padding: 32px 5%;
  border: 3px solid #fff;
  display: inline-block;
  left: 50%;
  opacity: 0;
  position: fixed;
  text-align: justify;
  top: 40%;
  background-color: #fff;
  border-radius: 10px;
  border: 1px solid #e0e0e0;
  box-shadow: 0px 6px 10px 1px rgba(224,224,224,1);
  transform: translate(-50%, -50%);
  transition: opacity .5s, top .5s;
  overflow: auto;
}
.payment_popup h3{
  margin: 0 0 38px;
  color: #000;
  font-size: 42px;
  font-weight: 400;
  text-align: center;
}
.payment_popup p{
  color: #818181;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}
.payment_overlay:target {
  visibility: visible;
  opacity: 1;
}
.payment_overlay:target+.payment_popup {
  top: 50%;
  opacity: 1;
  visibility: visible;
}
.close,
.payment_close {
  width: 20px;
  height: 20px;
  line-height: 30px;
  position: absolute;
  right: 16px;
  top: 14px;
  text-align: center;
  text-decoration: none;
  border-radius: 50%;
  cursor: pointer;
}

.close::before,
.payment_close::before,
.close::after,
.payment_close::after{
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}

.close::before,
.private-menu__link[href="javascript:document.forms.logout.submit();"] .private-menu__ico::before,
.payment_close::before{
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQNJREFUeNqs1S0OgzAUB/DnJzAYBKoWg0BhMEhuwUl2h4UDLDvQLjAztQTHAbp2eSQvb330g5K8kJb2969oKQDAxVQHiY/W+q/Qsy487RhT9xw4OhpduGIjKUCANbq/55YaIMAL9sGpAAnmOA94BPpO2IXHBoiwhIcGHMJHuC/AC/twKSAIDsF5AK1FOqExOD3Fmp6+HPgkrHw6i48Ee5tq8L33jan4QJCPqQL7C2zv34ZYvCeTVwIDCVjJmD4U7xhcCgsoWUDnw1syeDuAacBG5rQS3kTCUkDDcQ5Xkb/cigWoHVds/9aJl0XNHOvCKxV2XHM0wLow475VmS5ohd78FWAAQBW2ICGvdfgAAAAASUVORK5CYII=);
}
.close::after,
.private-menu__link[href="javascript:document.forms.logout.submit();"] .private-menu__ico::after,
.payment_close::after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAMAAADX9CSSAAAAUVBMVEUAAACIBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2IBo2yqpi9AAAAGnRSTlMAo5eV8xSlI+zp0TUsHQ/j3oJkTUVAOzEZC1SYyL0AAACRSURBVCjPZclZFoIwEETRQsGQBMI81f4XaohiY7q+6tyHw0PPH3AsFBd0GMhCMQfg+QvCD0BCxim8NEsQVkFYgnAeNKdAzXEustM88dyU80x2TUfO/7yQNiBYcrnzStYBQKjJVdhHrtKrYvAXb2QZ+RNKckNa82UJzcU7ZHsMBjAkW9zX8gx94jz0GK1BPmPHN/o2DDuEdbwvAAAAAElFTkSuQmCC);
}
.close::after,
.payment_close::after {
  opacity: 0;
}
.close:hover::before,
.payment_close:hover::before{
  opacity: 0;
}
.close:hover::after,
.payment_close:hover::after{
  opacity: 1;
}


.payment_popup p, .payment_popup div {
  margin-bottom: 10px;
}

/*●●●●● News tizers in cabinet ●●●●●*/
.news-tizers{
  text-align: center;
}
.news-tizers__title{
  display: inline-block;
  margin: 0 0 32px;
}
.news-tizers__wrap{
  text-align: justify;
}
.news-tizers__wrap::after{
  content: "";
  width: 100%;
  height: 0;
  display: inline-block;
}
.news-tizer{
  width: 40%;
  margin: 0 0 36px;
  display: inline-block;
  vertical-align: top;
  text-align: left;
}
.news-tizer__time{
  color: #8b8b8b;
  font-size: 14px;
  font-weight: 700;
  line-height: 30px;
  text-transform: uppercase;
}
.news-tizer__title{
  margin: 0 0 6px;
  display: inline-block;
  color: #212121;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  transition: color linear 0.2s;
}
.news-tizer__title:hover{
  color: #87068d;
}
.news-tizer__intro{
  color: #9fa3a7;
  font-size: 14px;
  font-weight: 400;
  line-height: 25px;
}

/*●●●●● Account info bar ●●●●●*/
.account-info{
  z-index: 1;
  position: relative;
  background: #f7f7f7;
  overflow: hidden;
}
.account-info__inner{
  padding: 0px 20px;
}
.account-info__inner::before {
  z-index: -1;
  content: "";
  width: 464px;
  min-height: 292px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background-image: url(/images/youmagic_com_template/bg_orig/desk_x2.jpg);
  background-repeat: no-repeat;
  background-position: right top;
  background-size: cover;
}
.account-info__wrap{
  padding: 32px 60px;
  background-color: #fff;
  border-radius: 8px;
  text-align: justify;
}
.account-info__wrap::after {
  content: "";
  width: 100%;
  height: 0;
  display: inline-block;
}
.account-info__col{
  width: 33%;
  padding: 0 18px 0 0;
  margin: 0 0 24px;
  display: inline-block;
  vertical-align: top;
}
.account-info__title{
  display: block;
  line-height: 30px;
  color: #8b8b8b;
  font-size: 14px;
  font-weight: 900;
  text-transform: uppercase;
  text-align: left;
  letter-spacing: 1.4px;
}
.account-info__value{
  color: #333;
  font-size: 18px;
  font-weight: 700;
  text-align: left;
}
.account-info__value br{
  display: none;
}

/*●●●●● Account stat  ●●●●●*/
.account-stat{
  margin: 0 0 32px;
}
.account-stat__col{
  padding: 4px 18px;
  display: inline-block;
  text-align: center;
  vertical-align: top;
}
.account-stat__title{
  display: block;
  line-height: 30px;
  color: #8b8b8b;
  font-size: 14px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1.4px;
}
.account-stat__subtitles{
  width: 100%;
  display: table;
}
.account-stat__subtitle{
  padding: 0 12px;
  display: table-cell;
  line-height: 18px;
  color: #9ea2a5;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1.8px;
}
.account-stat__values{
  width: 100%;
  display: table;
}
.account-stat__values .account-stat__value{
  display: table-cell;
}
.account-stat__value{}

/*●●●●● Voicemail ●●●●●*/
.form__input-wrap .form__input-wrap.fm_thr{
  padding-bottom: 0;
}
._private .form__input-wrap._reg{
  vertical-align: middle;
}

/*●●●●● Content part in private cabinet ●●●●●*/
.content{
  padding-top: 0;
}
.content__inner{}
.content__intro{
  padding: 0 0 32px;
  font-size: 16px;
  line-height: 24px;
  color: #818181;
  font-weight: 400;
}

/**
 *  ●●●●●●●●●●
 *  Registration page
 *  ●●●●●●●●●●
 */

.reg.row {
  background: #fff;
}

.reg__steps-wrap {
  width: 70%;
  margin: 50px auto;
}

.reg__steps {
  z-index: 1;
  height: 30px;
  margin: 0 0 46px;
  position: relative;
  text-align: justify;
  text-justify: newspaper;
}
.reg__steps::before,
.reg__steps::after {
  content: "";
  z-index: -1;
  width: calc(50%);
  height: 2px;
  margin: auto;
  background-color: #fbba12;
  position: absolute;
  top: 0;
  bottom: 0;
}
.reg__steps::before{
  left: 0;
}
.reg__steps::after{
  right: 0;
}
.reg__steps._on-step-2::before{
  background-color: #88068d;
}
.reg__steps._on-step-3::before,
.reg__steps._on-step-3::after{
  background-color: #88068d;
}

.reg__step {
  z-index: 1;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  bottom: 0;
  border-radius: 50%;
  background-color: #fbba12;
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  line-height: 30px;
  text-align: center;
  transition: border-color linear 0.2s, background-color linear 0.2s;
  cursor: default;
}
.reg__step:nth-child(1){
  left: 0;
}
.reg__step:nth-child(2){
  left: 0;
  right: 0;
  margin: 0 auto;
}
.reg__step:nth-child(3){
  right: 0;
}

.reg__step._active {
  background-color: #88068d;
}

.reg__step-name {
  position: absolute;
  top: 30px;
  color: #9fa3a7;
  display: inline-block;
  width: 200px;
  left: -85px;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 1.4px;
  text-transform: uppercase;
}

.reg__step._active .reg__step-name {
  color: #292929;
  font-size: 12px;
  font-weight: 700;
}

.form__input-wrap._search-phone{}
.form__input._search-phone{}
.btn._search-phone{
  width: 30px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background-color: transparent;
  border: 0;
}

._phone-with-validation{}
._phone-smscode-phone{
  max-width: 320px;
}

.form__captcha-pic{
  vertical-align: middle;
  border: 1px solid rgba(159, 163, 167, 0.4);
}
._phone-smscode-btn,
.form__captcha-refresh{
  margin: 0 20px;
}
._phone-smscode-input,
._captcha-input{
  max-width: 100px;
}

.reg #progress,
._phone-smscode-progress{
  width: 100%;
  display: block;
  font-size: 16px;
  padding: 12px 0 0;
  color: #C400AA;
}
.reg #progress.sms-ok,
._phone-smscode-progress.sms-ok{
  color: #419a31;
}

.reg-finish{
  margin: 0 auto 48px;
  max-width: 426px;
  text-align: center;
}
.reg-finish__ico{
  width: 79px;
  height: 79px;
  display: inline-block;
  margin: 24px 0 34px;
}
.reg-finish__ico._success{
  background-image: url(data:image/png;base64,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);
}
.reg-finish__ico._error{
  background-image: url(data:image/png;base64,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);
}
.reg-finish__title{
  margin: 0 0 22px;
  color: #2c2c2c;
  font-size: 36px;
  font-weight: 400;
  line-height: 48px;
}
.reg-finish__text{
  color: #9fa3a7;
  font-family: Roboto;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
}

/**
 *  ●●●●●●●●●●
 *  Old content styles overwrites
 *  ●●●●●●●●●●
 */

.dataTables_paginate{
  padding: 0 0 24px;
}

/*urls: about/refillbalance */
#payment_content div span{
  font-size: 16px;
  font-weight: 700;
  line-height: 40px;
}
#payment_content div .payment_hrefs{
  color: #212121;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 500;
  line-height: 40px;
  text-decoration: underline;
  cursor: pointer;
}
#payment_content p{
  font-size: 14px !important;
  line-height: 20px;
}

/*urls: about/special-offers, about/news*/
#news-table,
#news-table tbody{
  text-align: left;
}
#news-table .top-tr + tr + tr{
  display: none;
}
#news-table .top-tr,
#news-table .top-tr ~ .top-tr{
  padding: 0 0 0 240px;
  display: flex;
  flex-direction: column;
  position: relative;
}
#news-table .top-tr td:first-child,
#news-table .top-tr th:first-child{
  order: 1;
  position: absolute;
  left: 0;
  top: 0;
  text-align: right;
}
#news-table .top-tr img{
  width: 100%;
  max-width: 220px;
}
#news-table .news-date{
  order: 2;
  padding: 0 0 8px;
  height: auto;
  color: #8b8b8b;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}
#news-table th:last-child{
  order: 3;
  height: auto;
  padding: 0 0 8px;
  display: inline-block;
  color: #212121;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  transition: color linear 0.2s;
}
#news-table .top-tr + tr{
  min-height: 140px;
  padding: 0 0 32px 240px;
  display: flex;
  flex-direction: column;
  text-align: left;
}
@media all and (max-width: 1024px) {
  #news-table .top-tr td:first-child,
  #news-table .top-tr th:first-child{
    order: 1;
    padding: 0 0 12px;
    position: relative;
    text-align: center;
  }
  #news-table .top-tr img{
    width: auto;
    max-width: auto;
  }
  #news-table .news-date{
    text-align: center;
  }
  #news-table .top-tr,
  #news-table .top-tr ~ .top-tr,
  #news-table .top-tr + tr{
    padding-left: 0;
  }
  #news-table th:last-child{
    text-align: center;
  }
}


/*urls: about/whatisyoumagic*/
#youmagic-intro{
  text-align: center;
}
#youmagic-intro img{
  float: none;
  margin: 0 0 24px;
}
#youmagic-intro p{
  padding: 0 0 24px;
  font-size: 16px;
  line-height: 18px;
  text-align: left;
}
#youmagic-intro p b{
  display: block;
  color: #212121;
  font-size: 18px;
  font-weight: 700;
  line-height: 40px;
  text-align: center;
}

#youmagic-intro ul{
  text-align: left;
  list-style: disc inside;
}
#youmagic-intro li{
  padding: 0 0 12px;
  font-size: 16px;
  line-height: 24px;
}
#youmagic.mod{}
#mod-icon.article{
  padding: 24px 0;
  text-align: center;
}
#mod-title.article{
  display: block;
  color: #212121;
  font-size: 18px;
  font-weight: 400;
  line-height: 40px;
  text-align: center;
}
#mod-text.article{
  padding: 0 0 12px;
  font-size: 16px;
  line-height: 18px;
}

/*urls: /download/* */
#dl-article{
  font-size: 16px;
  line-height: 18px;
}
#dl-article #dl-free{
  margin: 12px 0 0;
  color: #C400AA;
}
#dl-article .dl-article-title{
  display: none;
}
#dl-desc-text{
  padding: 0 0 12px;
  font-size: 16px;
  line-height: 18px;
}
#dl-article .version{
  font-size: 16px;
  line-height: 18px;
}
#dl-article .m-title{
  padding: 0 0 12px;
  font-size: 16px;
  line-height: 18px;
}
#dl-article .model{
  margin: 0 12px 24px 0;
  display: inline-block;
  text-align: center;
}
#dl-article .model .pdf-link{
  margin: 12px 0 0;
  font-size: 16px;
}
#dl-article .version p,
#dl-article .version .v-term,
#dl-article .version .v-conditions,
#dl-article .version .v-title{
  padding: 0 0 12px;
}
#dl-buttons a,
#dl-article .pdf-link a{
  font-size: 16px;
}


#dl-buttons img{
  margin: 0 0 12px;
}
#dl-article #features{
  font-size: 16px;
  line-height: 22px;
}
#dl-article .f-title,
#dl-article #features p > b,
#dl-article #features p > strong{
  margin: 12px 0;
  display: inline-block;
  font-size: 18px;
  line-height: 22px;
}
#dl-article #features ul,
#dl-article .features {
  list-style: disc inside;
  line-height: 20px;
}
#dl-article #features li,
#dl-article .features li{
  padding: 0 0 18px;
}
#dl-article #sys-req td{
  padding: 4px 8px 4px 0;
}

/*urls: /youmagic*/
.subheader{
  margin: 0 0 24px;
  color: #000;
  font-size: 24px;
  font-weight: 400;
  text-align: center;
}
.method-select-text{
  margin: 0 0 24px;
  font-size: 20px;
  line-height: 22px;
}
.call-method{
  padding: 0 0 24px;
}
.call-method .method.number{
  font-size: 24px;
  width: 32px;
  height: 32px;
  border: 2px solid #88068d;
  border-radius: 50%;
  display: inline-block;
  line-height: 32px;
  text-align: center;
  color: #88068d;
  vertical-align: middle;
}
.call-method .method.title{
  padding: 0 0 0 12px;
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
}
.call-method .method.title br{
  display: none;
}
.call-method .screen{
  display: none;
}
.screen.webphone{}
.screen.pc{}
.screen.ip{}
.screen.mobile{}

.call-method .buttons{
  display: inline-block;
}

.call-method #dl-button{
  margin: 0 3px;
  display: inline-block;
  font-size: 16px;
  text-decoration: underline;
}

/*urls: tarify-gorodov/trial-rates */
#rates-main{
  margin: 24px 0;
  font-size: 16px;
  line-height: 20px;
}
#rates-main #ratehead{
  display: none;
}
#rates-main .features {
  list-style: disc inside;
  line-height: 20px;
}
#rates-main #ratedescr{
  margin: 12px 0;
}

#reg-button{
  padding: 12px 0;
}
#reg-button a{
  width: 184px;
  height: 40px;
  background-color: #fbba12;
  border-radius: 4px;
  padding: 0 12px;
  display: inline-block;
  border: 1px solid #fff;
  background-color: transparent;
  font-family: Roboto;
  font-size: 12px;
  font-weight: 900;
  line-height: 40px;
  letter-spacing: 2.4px;
  text-align: center;
  color: #fff;
  background-color: #fbba12;
  border-color: #fbba12;
  cursor: pointer;
  outline: 0;
  text-transform: uppercase;
}
@-moz-document url-prefix() { 
  #reg-button a {
    line-height: 38px;
  }
}

/*urls: tarify-gorodov/archive-rates */


@media screen and (max-width: 768px) {
                .form__label._for-radio._reg {
                               font-size: 14px;
                }
                .form__input-wrap._reg {
                               width: 50%;
                }

                .reg__phones-wrap {
                               margin: 20px -15px;
                               margin-top: 0;
                }

                .reg__fieldset-wrap {
                               margin-bottom: 0;
                }
                .reg.row {
                               overflow: hidden;
                }
}

@media screen and (max-width: 320px) {

                .form__label._for-radio._reg {
                               font-size: 11px;
                }
}