@charset "utf-8";

.abon16 h1 {
  text-align: center;
}
.abon16 .head {
  background: transparent url('img/abon16/head--violet-bg.png') repeat-y;
  background-size: cover;
  color: #fff;
  text-align: center;
  padding: 40px 0;
  height: 257px;
  margin-bottom: 100px;
}
.abon16.you .head {
  background-image: url('img/abon16/head--you-bg.png');
  padding: 0;
  height: 402px;
}
.abon16.youh .head {
  padding: 0;
  padding-top: 70px;
  height: 332px;
}
.abon20 .head {
  height: 300px;
}
.abon16.i7 .head {
  background: #000;
}
.abon16.offer4 .head {
  background: transparent url('img/abon16/offer4--head-bg.png') no-repeat;
  height: 315px;
  padding: 0;
  margin-bottom: 20px;
}
.abon17.offer4 .head {
  background-image: url('img/abon16/offer17--head-bg.png');
}
.abon20 .head,
.abon20.i7 .head {
  background: transparent url('img/abon16/offer20--head-bg.png') no-repeat center;
}
.abon16 .inner {
  width: 951px;
  margin: 0 auto;
}
.abon16 .head .inner {
  width: 500px;
  margin: 0 auto;
}
.abon16.you .head .inner {
  width: 100%;
  margin: 0;
  background: transparent url(img/abon16/head--you-layer.png) no-repeat center top;
  height: 402px;
  text-align: left;
}
.abon16.you .head .inner h2,
.abon16.you .head .inner p,
.abon16.you .head .inner ul {
  margin-left: 50%;
}
.abon16.you .head .inner h2 {
  padding-top: 5%;
}
.abon16.i7 .head .inner {
  width: 800px;
}
.abon16.youh .head .inner {
  height: 402px;
}
.abon20 .head .inner {
  text-align: left;
  margin: 0;
  margin-left: 50%;
  margin-top: 100px;
}
.abon16.offer4 .head .inner {
  background: transparent url('img/abon16/offer4--head-img.png') no-repeat;
  width: 951px;
  height: 315px;
}
.abon17.offer4 .head .inner {
  background-image: url('img/abon16/offer17--icon-sim.png');
  background-position: 150px 100px;
}
.abon16 .head .inner h2 {
  color: #fff !important;
  font-size: 50px;
}
.abon16.offer4 .head .inner h2 {
  padding: 100px 0 0 300px;
  text-align: left;
  margin: 0;
}
.abon20 .head .inner h2 {
  margin-bottom: 0;
}
.abon16 .head .inner p {
  color: #fff !important;
  font-size: 16px !important;
  line-height: 24px;
}
.abon16.offer4 .head .inner p {
  text-align: left;
  padding-left: 423px;
  padding-top: 0 !important;
}
.abon17.offer4 .head .inner p {
  padding-left: 300px;
}
.abon20 .head .inner p {
  padding-top: 0 !important;
}
.abon16 .head .inner li {
  list-style: none;
  display: inline-block;
  font-size: 16px;
  width: 15%;
  margin: 0 5%;
  background-position: center top;
  background-repeat: no-repeat;
  padding-top: 50px;
  text-align: center;
}
.i18n-ru .abon16 .head .inner li {
  width: 28%;
  margin: 0 2%;
}
.abon16.i7 .head .inner li {
  width: 12%;
  margin: 0 2%;
}
.i18n-ru .abon16.i7 .head .inner li {
  width: 16%;
  margin: 0;
}
.abon16 .head .inner li.unlim {
  background-image: url('img/abon16/icon-white--unlim.png');
}
.abon16 .head .inner li.int {
  background-image: url('img/abon16/icon-white--globe.png');
}
.abon16 .head .inner li.roaming {
  background-image: url('img/abon16/icon-white--roaming.png');
}
.abon16 .head .inner li.t4g {
  background-image: url('img/abon16/icon-white--4g.png');
}
.abon16 .head .inner li.share {
  background-image: url('img/abon16/icon-white--share.png');
}
.abon16 .head .inner li.i3num {
  background-image: url('img/abon16/icon-white--3num.png');
}
.abon16 .head .inner li.extra {
  background-image: url('img/abon16/icon-white--extra.png');
}
.abon16.you .head .inner li.int {
  margin-left: 0;
}
.abon16.offer4 > h2,
.abon16.offer4 > h3,
.abon16.offer4 > p,
.abon16 > p.note {
  width: 951px;
  margin: 0 auto;
  color: #333 !important;
  font-size: 24px !important;
}
.abon16.offer4 > p,
.abon16 > p {
  font-size: 16px !important;
  line-height: 22px;
}
.abon16 > p.note {
  font-size: 12px !important;
}
.abon16 table {
  width: 951px;
  margin: 20px auto;
  line-height: 22px;
  border: 1px solid #b5b5b5;
  border-collapse: separate;
}
.abon16 table.table-blue {
  border: none;
}
.abon16 table tbody {
  display: none;
}
.abon16 table.cke_show_border tbody {
  display: table-row-group;
}
.abon16 table tbody * {
  font-size: 16px;
}
.abon16 table tr {
  border: none !important;
}
.abon16 table tr.empty th {
  padding: 0;
}
.abon16 table tr.empty th > span {
  position: absolute;
}
.abon16 table th,
.abon16 table td {
  font-size: 16px;
  padding: 10px 0;
  text-align: center;
  /*background-color: #fff;*/
  border: none !important;
}
.block--common--bg-lgray .abon16 table th,
.block--common--bg-lgray .abon16 table td {
  background: transparent;
}
.abon16 table th.rteleft,
.abon16 table td.rteleft {
  text-align: left;
}
.abon16 table th.lalign,
.abon16 table td.lalign {
  text-align: left;
  padding-left: 20px;
}
.abon16 table.expand {
  border-collapse: collapse;
}
.abon16 table.expand > tr > th, .abon16 table.expand > tr > td,
.abon16 table.expand > thead > tr > th, .abon16 table.expand > tbody > tr > td {
  background-color: #E5E5E5 !important;
  border-color: #E5E5E5 !important;
}
.eabon .abon16 table th, .eabon .abon16 table td {
  background-color: transparent !important;
}
.abon16 .rborder {
  border-right: 1px solid #b5b5b5;
  width: 100%;
  padding: 10px 0;
  position: relative;
}
.abon16.you .rborder {
  padding-top: 20px;
}
.abon16 .rborder.wo-top-padding {
  padding-top: 0;
}
.abon16 table th .check {
  display: inline-block;
  background: transparent url('img/abon16/Arrow-Down.svg') no-repeat;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
/*.abon16.you table th .check {
  background-image: url('img/abon16/table-expand--violet.png');
}*/
.abon16 table.expand,
.abon16 table.expand th,
.abon16 table.expand td, {
  background-color: #E5E5E5 !important;
}
.abon16 table.expand th .check {
  background-image: url('img/abon16/Arrow-Up.svg');
}
/*.abon16.you table.expand th .check {
  background-image: url('img/abon16/table-collapse--violet.png');
}*/
.abon16 table.expand tbody {
  display: table-row-group;
}
.abon16 table.expand tbody tr:first-child td {
  padding-top: 22px;
}
.abon16 table th {
  font-family: "pragmatica";
  font-size: 22px !important;
  font-weight: bold;
  line-height: 22px;
  font-style: normal;
  color: #333333;
}
.abon16 table.not(.table-blue) th span {
  display: block;
  color: #3BB7FF;
  font-size: 24px;
}
.abon16 table th span.strike {
  display: inline-block;
  position: relative;
  float: left;
  margin-right: 15px;
  color: #b5b5b5 !important;
}
.abon16 table th span.strike::before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 3px solid;
  border-color: #3BB7FF;
  -webkit-transform: rotate(22deg);
  -moz-transform: rotate(22deg);
  -ms-transform: rotate(22deg);
  -o-transform: rotate(22deg);
  transform: rotate(22deg);
}
.page-node-29862 .abon16 table th span.strike,
.page-node-29874 .abon16 table th span.strike {
  margin-right: 5px;
}
.abon16 table th span.strike b {
  /*background: transparent url('img/abon16/offer4--strikethrough.png') no-repeat;
  position: absolute;
  width: 80px;
  height: 22px;
  display: inline-block;*/
  display: none;
}
.abon16 table th.big {
  color: #990AE3;
  font-size: 20px !important;
  text-align: left;
}
.abon16 table.calign th.big {
  text-align: center;
}
.abon16.you table th.big {
  background: transparent url('img/abon16/table-label--you.png') no-repeat left center;
  padding-left: 90px;
}
.abon16 table th.big span {
  color: #3BB7FF;
  font-size: 36px !important;
  white-space: nowrap;
}
.page-node-29862 .abon16 table th.big span,
.page-node-29874 .abon16 table th.big span {
  font-size: 34px !important;
}
.i18n-ru .abon20 table th.big span {
  font-size: 30px !important;
}
.abon16.offer4 table th.big span {
  font-size: 31px !important;
}
.abon16 table th.big span i,
.abon16 table th.last span i {
  font-style: normal;
  font-size: 20px !important;
}
.abon16 table th.last span i {
  font-size: 24px !important;
}
.abon16 table.table-blue th.last span i {
  font-size: 16px !important;
  font-style: italic;
}
.node-landing .block--mplus-ybrick2 .desc .abon16 table.table-blue p  {
  line-height: 18px !important;
  padding: 0 !important;
  margin: 0 !important;
}
.abon16 table.expand tbody tr:first-child .table-blue td {
  padding: 10px 0;
}
.i18n-ru .abon16 table th.big span i {
  font-size: 16px !important;
  font-weight: bold;
}
.abon16 table th .rborder {
  height: 38px;
}
.abon16.you table th .rborder {
  height: 50px;
}
.abon16 table th .rborder.ls {
  letter-spacing: -1px;
}
.abon16 table th .icon {
  margin: 0;
}
.abon16 table td {
  vertical-align: top;
}
.abon16 table td.last {
  vertical-align: middle;
}
.abon16 table td span.violet,
.abon16 table td span.violet a {
  display: block;
  color: #990AE3 !important;
  font-size: 20px !important;
}
.abon16 table td a:hover span.violet {
  color: #CC3CFF;
}
.abon16 table td .nowrap {
  white-space: nowrap;
  display: block;
}
.abon16 table td .nowrap span.violet {
  display: inline-block;
  margin-left: 4px;
}
.abon16 table td {
  padding: 0 20px;
}
.abon16 table td.pad {
  padding-left: 0;
}
.abon16 table td.bpad {
  padding-left: 46px;
}

.abon16 table tr.tborder td {
  border-top: 1px solid #b5b5b5 !important;
  vertical-align: middle;
}
.abon16 table td .rborder {
  text-align: left;
  display: inline-block;
  padding-right: 20px;
}
.abon16 table .icon {
  display: block;
  margin: 10px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
}
.abon16 table .icon.unlim {
  background-image: url('img/abon16/icon--unlim.png');
  height: 23px;
}
.abon16 table .icon.tv {
  background-image: url('img/abon16/icon--tv.png');
  height: 38px;
}
.abon16 table a:hover .icon.tv {
  background-image: url('img/abon16/icon--tv--hover.png');
}
.abon16 table .icon.globe {
  background-image: url('img/abon16/icon--globe.png');
  height: 35px;
}
.abon16 table .icon.roaming {
  background-image: url('img/abon16/icon--roaming.png');
  height: 35px;
}
.abon16 table .icon.t4g {
  background-image: url('img/abon16/icon--4g.png');
  height: 29px;
}
.abon16 table .icon.share {
  background-image: url('img/abon16/icon--share.png');
  height: 35px;
}
.abon16 table .icon.bip {
  background-image: url('img/abon16/icon--bip.png');
  height: 52px;
}
.abon16 table .icon.sim {
  background-image: url('img/abon16/icon--sim.png');
  width: 33px;
  height: 43px;
  display: inline-block;
  text-align: center;
}
.abon16 table .icon.recommend {
  background-image: url('img/abon16/icon--recommend.png');
  height: 51px;
}
.abon16 table a:hover .icon.recommend {
  background-image: url('img/abon16/icon--recommend--hover.png');
}
.abon16 table .icon.i12gb {
  background-image: url('img/abon16/icon--12gb.png');
  height: 52px;
}
.abon16 table a:hover .icon.i12gb {
  background-image: url('img/abon16/icon--12gb--hover.png');
}
.abon16 table .icon.i12gba {
  background-image: url('img/abon16/icon--12gba.png');
  height: 52px;
}
.abon16 table a:hover .icon.i12gba {
  background-image: url('img/abon16/icon--12gba--hover.png');
}
.abon16 table .icon.i3num {
  background-image: url('img/abon16/icon--3num.png');
  height: 35px;
}
.abon16 table th .icon.i3num {
  background-image: url('img/abon16/icon-th--3num.png');
}
.abon16 table .icon.extra {
  background-image: url('img/abon16/icon--extra.png');
  height: 35px;
}
.abon16 table.equal-height {
  width: 100%;
  border: none;
  margin: 0;
}
.abon16 table.equal-height tr {
  height: 50%;
}
.abon16 table.equal-height-3 tr {
  height: 33%;
}
.abon16 table.equal-height td {
  padding: 0 !important;
}
.abon16 table.equal-height td a {
  color: #000 !important;
}
.field-type-field-jquery-tabs .ui-tabs-panel.ui-widget-content .abon16 table.equal-height td a:hover {
  color: #000 !important;
}
.abon16 > p.note {
  text-align: left;
  font-size: 14px !important;
  line-height: 18px;
}
.abon16 .promo {
  background: transparent url('img/abon16/head--violet-bg.png') no-repeat;
  padding: 80px 0;
  height: 440px !important;
}
.abon16.i7 .promo {
  background: #000;
  padding: 0 0 160px;
  height: 440px !important;
}
.abon16.you .promo {
  background: transparent url('img/abon16/head--you-bg.png') no-repeat;
}
.abon20 .promo,
.abon20.i7 .promo {
  background: transparent url('img/abon16/offer20--img-std.png') no-repeat center;
}
.abon20.i7 .promo {
  background: transparent url('img/abon16/offer20--img-premium.png') no-repeat center;
}
.abon16.offer4 .promo {
  background: transparent url('img/abon16/offer4--bg.png') no-repeat;
  margin-top: 30px;
  height: 646px;
}
.abon17.offer4 .promo {
  background-image: url('img/abon16/offer17--bg.png');
}
.abon16 .promo .inner {
  /*padding: 100px 0 115px 530px;*/
  padding: 0 0 115px 530px;
  width: 421px;
}
.abon16.i7 .promo .inner {
  padding: 170px 0 189px 585px;
  width: 410px;
}
.abon20.i7 .promo .inner {
  padding: 125px 0 189px 520px;
}
.abon16.offer4 .promo {
  padding: 0;
  overflow: hidden;
}
.abon16.offer4 .promo .inner {
  background: transparent url('img/abon16/offer4--img.png') no-repeat center top;
  padding: 0;
  width: 951px;
  height: auto;
  padding-top: 440px;
  text-align: center;
  padding-bottom: 80px;
  position: relative;
  top: -50px;
}
.abon17.offer4 .promo .inner {
  background-image: url(img/abon16/offer17--img.png);
  top: 186px;
  padding-top: 0px;
  background-position: left top;
  width: 500px;
  padding-left: 736px;
  text-align: left;
}
.abon16 .promo .inner img {
  position: absolute;
  margin-left: -530px;
  margin-top: -160px;
  width: 530px !important;
  height: 600px !important;
  z-index: 1;
}
.abon16.i7 .promo .inner img {
  margin-left: -610px;
  margin-top: -170px;
}
.abon16 .promo .inner h2 {
  margin-top: 80px;
  color: #fff;
  font-size: 50px;
  z-index: 2;
  position: relative;
}
.abon16.offer4 .promo .inner h2 {
  margin-top: 0;
}
.abon16 .promo .inner p {
  color: #fff !important;
  font-size: 16px !important;
  margin-bottom: 0;
  line-height: 28px;
  z-index: 2;
  position: relative;
}
.abon20.violet .promo .inner p,
.abon20.violet .promo .inner a {
  color: #990AE3 !important;
}
.abon16 .promo .inner a.more {
  display: inline-block;
  color: #fff;
  border: 1px solid #fff;
  padding: 12px 56px;
  border-radius: 24px;
  transition: background-color .1s ease-in,border-color .1s ease-in;
  box-sizing: border-box;
}
.abon16 .promo .inner a.more:hover {
  background-color: #fff;
  color: #990AE3 !important;
}
.abon20.violet .promo .inner a.more {
  border-color: #990AE3;
}
.abon20.violet .promo .inner a.more:hover {
  background-color: #990AE3;
  color: #fff !important;
}
.abon16 .question {
  text-align: center;
  margin: 20px 0;
}
.abon16 .question h2,
.abon16 .question h3 {
  color: #990AE3;
  font-size: 22px;
}
.abon16 .question h3 {
  margin-bottom: 0;
}
.abon16 .question p {
  font-size: 16px !important;
  line-height: 22px;
}
.abon16 .question .left,
.abon16 .question .right {
  display: inline-block;
  width: 40%;
  padding: 0 5%;
}
.abon16 .question .left {
  float: left;
}
.abon16 .note {
  text-align: center;
  margin-bottom: 40px;
}
.abon16 .note p {
  margin-bottom: 0;
}
.abon16 .foot {
  background: #E5E5E5;
  height: 75px;
  border-bottom: 7px solid #990AE3;
}
.abon16 .foot .inner {
  padding-top: 8px;
}
.abon16 .foot li {
  list-style: none;
  display: inline-block;
  width: 50%;
  float: left;
  color: #b5b5b5;
  text-align: center;
}
.abon16 .foot li a {
  display: block;
  color: #990AE3 !important;
  font-weight: bold;
}
.abon16 .foot li a:hover {
  color: #990AE3 !important;
}
.abon16 .foot li span {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: left center;
  padding: 10px 10px 10px 50px;
  text-align: left;
  font-size: 16px;
  line-height: 20px;
}
.abon16 .foot li.map span {
  background-image: url('img/abon16/foot--map.png');
}
.abon16 .foot li.support span {
  background-image: url('img/abon16/foot--support.png');
}
