.additional_includes {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.service-popup .fieldset > .field.choice .label:before {
  font-family: "icon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.service-popup .fieldset .actions-toolbar .primary .action.primary, .service_main .actions .action.primary {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.service-popup .fieldset .actions-toolbar .primary .action.primary, .service_main .actions .action.primary {
  height: 46px;
  color: #ffffff !important;
  background: #7EBC0A;
  font-size: 120%;
  line-height: 14px;
  padding: 0 28px;
  border-radius: 4px;
  border: none;
}
.service-popup .fieldset .actions-toolbar .primary .inactive.action.primary, .service_main .actions .inactive.action.primary, .service-popup .fieldset .actions-toolbar .primary .disabled.action.primary, .service_main .actions .disabled.action.primary, .service-popup .fieldset .actions-toolbar .primary .disable.action.primary, .service_main .actions .disable.action.primary, .service-popup .fieldset .actions-toolbar .primary .action.primary:disabled, .service_main .actions .action.primary:disabled {
  pointer-events: none;
  background: #D4D2D5;
}

.service-popup .modal-title {
  line-height: 1.22em;
  font-family: "montserrat", "montserratarm";
  color: inherit;
  margin: 0;
}
@media screen and (min-width: 1200px) {
  .service-popup .modal-title {
    font-size: 360%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .service-popup .modal-title {
    font-size: 280%;
  }
}
@media screen and (min-width: 576px) and (max-width: 991px) {
  .service-popup .modal-title {
    font-size: 200%;
  }
}
@media screen and (max-width: 575px) {
  .service-popup .modal-title {
    font-size: 140%;
    font-family: "montserrat-bold", "montserratarm-bold";
  }
}

.free_socials .description_block {
  font-size: 140%;
  line-height: 17px;
}

.service_main {
  display: flex;
  align-items: flex-start;
  margin-bottom: 54px;
  padding-top: 10px;
}
.service_main .service_poster {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 0 0 50%;
  max-width: 488px;
  min-height: 570px;
  box-shadow: 0 2px 50px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  color: #ffffff;
  text-align: center;
  padding: 20px;
  background: #27273D;
  justify-content: center;
}
.service_main .service_poster.levelup .type_block {
  font-size: 200%;
  line-height: 24px;
  display: inline-block;
  vertical-align: top;
  padding: 7px 30px;
  margin: 17px 0 25px;
  transform: skewY(-11deg);
  -moz-transform: skewY(-11deg);
  -ms-transform: skewY(-11deg);
  -webkit-transform: skewY(-11deg);
  -o-transform: skewY(-11deg);
  transform-origin: center;
  -webkit-transfrom-origin: center;
}
.service_main .service_poster.levelup .price_block {
  font-size: 400%;
  line-height: 48px;
  font-family: "montserrat-medium", "montserratarm-medium";
  padding: 2px 40px;
  min-width: 130px;
  transform: skewY(-11deg);
  -moz-transform: skewY(-11deg);
  -ms-transform: skewY(-11deg);
  -webkit-transform: skewY(-11deg);
  -o-transform: skewY(-11deg);
}
.service_main .service_poster.prepaid .type_block,
.service_main .service_poster.prepaid .price_block {
  background: linear-gradient(to right, #EC1A37, #962688);
}
.service_main .service_poster.postpaid .type_block,
.service_main .service_poster.postpaid .price_block {
  background: linear-gradient(to right, #2F318E, #009B8B);
}
.service_main .service_poster.ugo {
  padding-left: 12px;
  padding-right: 12px;
}
.service_main .service_poster.ugo .logo_block {
  margin-top: 30px;
}
.service_main .service_poster .logo_block {
  width: 100%;
}
.service_main .service_poster .logo_block img {
  max-width: 100%;
  height: auto;
  display: inline-block;
  vertical-align: top;
}
.service_main .info_block {
  padding-left: 24px;
  flex: 1;
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.service_main .block_title {
  padding-bottom: 5px;
  flex: 0 0 100%;
  max-width: 100%;
}
.service_main .block_title h2 {
  margin: 0;
  font-size: 210%;
  line-height: 1.33em;
  font-family: "montserrat-medium", "montserratarm-medium";
  font-weight: normal;
}
.service_main .service_includes {
  width: 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.service_main .service_includes td {
  padding: 10px;
  border-bottom: 1px solid #c4c4c4;
}
.service_main .service_includes td:first-child {
  padding-left: 0;
  font-size: 160%;
  line-height: 20px;
  font-family: "montserrat-light", "montserratarm-light";
  width: 100%;
}
.service_main .service_includes td:last-child {
  white-space: nowrap;
  padding-right: 30px;
  padding-left: 30px;
  font-size: 200%;
  line-height: 20px;
  font-family: "montserrat-light", "montserratarm-light";
}
.service_main .service_includes + .block_title {
  margin-top: 24px;
}
.service_main .price_block {
  margin-top: 44px;
  display: flex;
  align-items: center;
  line-height: 32px;
  font-size: 200%;
}
.service_main .price_block .label {
  display: block;
  margin-right: 23px;
  font-family: "montserrat-light", "montserratarm-light";
}
.service_main .price_block .price {
  display: block;
  font-family: "montserrat-bold", "montserratarm-bold";
}
.service_main .actions {
  flex: 1;
  margin-top: 44px;
  margin-left: 60px;
}
.service_main .actions .action.primary {
  width: 100%;
  font-size: 200%;
  line-height: 34px;
  max-width: 333px;
  margin-left: auto;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .service_main .block_title h2 {
    font-size: 180%;
  }
  .service_main .service_includes td:first-child {
    font-size: 140%;
  }
  .service_main .service_includes td:last-child {
    font-size: 160%;
  }
  .service_main .service_poster .logo_block img {
    width: 180px;
  }
  .service_main .service_poster.levelup .type_block {
    font-size: 160%;
  }
  .service_main .service_poster.levelup .price_block {
    font-size: 300%;
    line-height: 40px;
    min-width: 120px;
  }
  .service_main .additional_includes .icon_block {
    flex: 0 0 60px;
    max-width: 60px;
    margin-right: 10px;
  }
  .service_main .additional_includes .icon_block img {
    height: 25px;
  }
  .service_main .additional_includes .text {
    font-size: 140%;
  }
  .service_main .price_block {
    margin-top: 30px;
    font-size: 180%;
    line-height: 24px;
  }
  .service_main .actions {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
    margin-top: 30px;
  }
  .service_main .actions .action.primary {
    font-size: 180%;
    line-height: 30px;
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .service_main .block_title h2 {
    font-size: 160%;
  }
  .service_main .service_includes td:first-child {
    font-size: 120%;
  }
  .service_main .service_includes td:last-child {
    font-size: 140%;
  }
  .service_main .service_poster .logo_block img {
    width: 120px;
  }
  .service_main .service_poster.levelup .type_block {
    font-size: 140%;
  }
  .service_main .service_poster.levelup .price_block {
    font-size: 240%;
    line-height: 30px;
    min-width: 100px;
  }
  .service_main .additional_includes .icon_block {
    flex: 0 0 50px;
    max-width: 50px;
    margin-right: 10px;
  }
  .service_main .additional_includes .icon_block img {
    height: 20px;
  }
  .service_main .additional_includes .text {
    font-size: 120%;
  }
  .service_main .price_block {
    margin-top: 30px;
    font-size: 160%;
    line-height: 20px;
  }
  .service_main .actions {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
    margin-top: 20px;
  }
  .service_main .actions .action.primary {
    font-size: 140%;
    line-height: 24px;
    max-width: 100%;
  }
}
@media screen and (max-width: 575px) {
  .service_main {
    flex-wrap: wrap;
  }
  .service_main .service_poster {
    flex: 0 0 100%;
    max-width: 100%;
    min-height: 220px;
    padding: 40px 15px;
  }
  .service_main .service_poster .logo_block img {
    width: 100px;
    max-width: 20%;
    min-width: 70px;
  }
  .service_main .service_poster.levelup .type_block {
    font-size: 120%;
    margin-bottom: 5px;
    margin-top: 0;
    padding: 5px 15px;
  }
  .service_main .service_poster.levelup .price_block {
    font-size: 200%;
    line-height: 24px;
    min-width: 80px;
    margin-top: 0;
  }
  .service_main .info_block {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
    margin-top: 40px;
  }
}

.free_socials {
  background: #27273D;
  position: relative;
  color: #ffffff;
  border-radius: 10px;
  padding-bottom: 20px;
  flex: 3;
  max-width: 60%;
}
.free_socials .lists_group {
  display: flex;
  justify-content: center;
  padding: 12px 32px 20px;
}
.free_socials .group_inner {
  max-width: 100%;
}
.free_socials .group_inner ul {
  list-style-type: none;
  padding: 20px 0 0;
  margin: 0 -4px;
  display: flex;
  flex-wrap: wrap;
}
.free_socials .group_inner ul li {
  padding: 8px 4px 0;
  margin: 0;
}
.free_socials .group_inner img {
  display: block;
  width: 32px;
  height: auto;
}
.free_socials .block_header {
  padding: 50px 20px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 10px 10px 0 0;
}
.free_socials .description_block {
  max-width: 560px;
  margin: 0 auto;
}

.service_advantages {
  margin-bottom: 130px;
}
.service_advantages .adv_inner {
  display: flex;
  align-items: flex-start;
}
.service_advantages .adv_list {
  flex: 2;
  max-width: 420px;
  padding-right: 30px;
  margin-right: auto;
  font-size: 200%;
  line-height: 27px;
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}
.service_advantages .adv_list li {
  padding-bottom: 40px;
}
.service_advantages .include_size {
  display: block;
  font-family: "montserrat-bold", "montserratarm-bold";
}
.service_advantages .include_info {
  display: block;
  font-family: "montserrat-light", "montserratarm-light";
  margin-top: 30px;
}
@media screen and (max-width: 1199px) {
  .service_advantages .free_socials .block_header,
  .service_advantages .free_socials .lists_group {
    padding-left: 26px;
    padding-right: 26px;
  }
}
@media screen and (min-width: 640px) and (max-width: 991px) {
  .service_advantages {
    margin-bottom: 80px;
  }
  .service_advantages .adv_list,
  .service_advantages .free_socials {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .service_advantages .adv_list {
    font-size: 160%;
    line-height: 24px;
  }
  .service_advantages .adv_list li {
    padding-bottom: 30px;
  }
  .service_advantages .adv_list .include_info {
    margin-top: 24px;
  }
  .service_advantages .free_socials .block_header {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .service_advantages .free_socials .group_inner ul {
    padding-top: 12px;
  }
  .service_advantages .free_socials .group_inner img {
    width: 24px;
  }
}
@media screen and (max-width: 767px) {
  .service_advantages .adv_list {
    font-size: 120%;
    line-height: 14px;
  }
  .service_advantages .adv_list li {
    padding-bottom: 24px;
  }
  .service_advantages .adv_list .include_info {
    margin-top: 10px;
  }
  .service_advantages .free_socials .block_header {
    padding-top: 18px;
    padding-bottom: 18px;
  }
  .service_advantages .free_socials .group_inner ul {
    padding-top: 8px;
  }
  .service_advantages .free_socials .group_inner img {
    width: 18px;
  }
}
@media screen and (max-width: 639px) {
  .service_advantages {
    margin-bottom: 40px;
  }
  .service_advantages .adv_inner {
    flex-wrap: wrap;
  }
  .service_advantages .adv_list,
  .service_advantages .free_socials {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .service_advantages .adv_list {
    padding-right: 0;
  }
}

.service_bnner {
  margin-bottom: 130px;
}
.service_bnner img {
  width: 100%;
  height: auto;
  display: block;
}
@media screen and (min-width: 640px) and (max-width: 991px) {
  .service_bnner {
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 639px) {
  .service_bnner {
    margin-bottom: 40px;
  }
}

.additional_includes {
  flex: 0 0 100%;
  max-width: 100%;
}
.additional_includes li {
  display: flex;
  align-items: center;
  margin: 0;
  padding-top: 17px;
}
.additional_includes .icon_block {
  flex: 0 0 70px;
  max-width: 70px;
  margin-right: 18px;
}
.additional_includes .icon_block img {
  display: block;
  height: 31px;
  width: auto;
}
.additional_includes .text {
  display: block;
  font-size: 160%;
  line-height: 20px;
  font-family: "montserrat-light", "montserratarm-light";
}
.additional_includes .text .special {
  font-family: "montserrat-medium", "montserratarm-medium";
}

.service-popup .modal-inner-wrap {
  max-width: 730px;
  background-color: #27273D;
  color: #ffffff;
  padding-bottom: 40px;
  box-shadow: 0 2px 50px rgba(0, 0, 0, 0.1);
}
.service-popup .modal-header {
  padding: 20px 45px;
}
.service-popup .modal-content {
  padding: 0 11px;
}
.service-popup .modal-title {
  border-bottom: none;
  font-weight: normal;
  padding-bottom: 0;
  font-family: "montserrat-medium", "montserratarm-medium";
  color: #7EBC0A;
  text-align: center;
  min-height: 0;
}
.service-popup .block {
  margin: 0;
}
.service-popup .block-title {
  text-align: center;
  margin: 0 auto;
  max-width: 484px;
  padding: 0 22px;
  font-size: 240%;
  line-height: 29px;
  font-family: "montserrat-medium", "montserratarm-medium";
}
.service-popup .fieldset {
  margin: 0;
}
.service-popup .fieldset > .field ::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.7;
}
.service-popup .fieldset > .field :-moz-placeholder {
  color: inherit;
  opacity: 0.7;
}
.service-popup .fieldset > .field ::-moz-placeholder {
  color: inherit;
  opacity: 0.7;
}
.service-popup .fieldset > .field :-ms-input-placeholder {
  color: inherit;
  opacity: 0.7;
}
.service-popup .fieldset > .field.note {
  margin: 26px auto 19px;
  font-size: 140%;
  line-height: 17px;
  max-width: 530px;
  text-align: justify;
}
.service-popup .fieldset > .field:not(.note):not(.choice) {
  max-width: 310px;
  margin-left: auto;
  margin-right: auto;
}
.service-popup .fieldset > .field:not(.note):not(.choice) .label {
  display: none;
}
.service-popup .fieldset > .field input {
  color: inherit;
  background: transparent;
  height: auto;
  border-color: inherit;
  padding: 13px 19px;
  border-radius: 5px;
  font-size: 140%;
  line-height: 17px;
  font-family: "montserrat-medium", "montserratarm-medium";
}
.service-popup .fieldset > .field.choice {
  padding-top: 18px;
  text-align: center;
}
.service-popup .fieldset > .field.choice input {
  margin: 0;
  padding: 0;
}
.service-popup .fieldset > .field.choice input:checked ~ .label:before {
  content: "\e911";
  background: #7EBC0A;
  border-color: transparent;
  color: #ffffff;
}
.service-popup .fieldset > .field.choice .label {
  max-width: 440px;
  display: inline-flex;
  vertical-align: top;
  align-items: flex-start;
  font-size: 110%;
  line-height: 13px;
  font-family: "montserrat-medium", "montserratarm-medium";
  text-align: justify;
  cursor: pointer;
}
.service-popup .fieldset > .field.choice .label:before {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 20px;
  margin-right: 10px;
  max-width: 20px;
  height: 20px;
  border-radius: 3px;
  border: 1px solid;
  content: "";
  font-size: 2rem;
}
.service-popup .fieldset .actions-toolbar {
  margin: 26px 0 0;
  text-align: center;
}
.service-popup .fieldset .actions-toolbar .primary {
  display: inline-block;
  vertical-align: top;
  float: none;
}
.service-popup .fieldset .actions-toolbar .primary .action.primary {
  margin: 0 auto;
  font-size: 140%;
}
.service-popup .modal-footer {
  display: none;
}
@media screen and (min-width: 576px) and (max-width: 991px) {
  .service-popup .block-title {
    font-size: 180%;
    line-height: 24px;
  }
}
@media screen and (max-width: 575px) {
  .service-popup .modal-inner-wrap {
    border-radius: 8px;
  }
  .service-popup .modal-header {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .service-popup .modal-title {
    font-size: 180%;
  }
  .service-popup .modal-title br {
    display: none;
  }
  .service-popup .block-title {
    font-size: 140%;
    line-height: 19px;
  }
  .service-popup .fieldset > .field.note {
    font-size: 120%;
    line-height: 15px;
  }
  .service-popup .fieldset > .field.choice .label {
    font-family: "montserrat", "montserratarm";
    font-size: 120%;
    line-height: 14px;
  }
}

.web .service-popup .fieldset > .field.choice .label, .service-popup .fieldset > .field.choice .web .label {
  -o-transition: color 0.3s;
  -ms-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.touch .service-popup .fieldset > .field.choice .label, .service-popup .fieldset > .field.choice .touch .label {
  -o-transition: color 0.15s;
  -ms-transition: color 0.15s;
  -moz-transition: color 0.15s;
  -webkit-transition: color 0.15s;
  transition: color 0.15s;
}

.service-popup .fieldset > .field.choice .label {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.service-popup .fieldset > .field.choice input {
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  left: 0;
  visibility: hidden;
}

.web .service-popup .fieldset > .field.choice .label:hover, .service-popup .fieldset > .field.choice .web .label:hover {
  color: #7EBC0A;
}
.web .service_main .actions .action.primary, .service_main .actions .web .action.primary, .web .service-popup .fieldset .actions-toolbar .primary .action.primary, .service-popup .fieldset .actions-toolbar .primary .web .action.primary {
  -o-transition: color 0.3s, background-color 0.3s;
  -ms-transition: color 0.3s, background-color 0.3s;
  -moz-transition: color 0.3s, background-color 0.3s;
  -webkit-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s;
}
.web .service_main .actions .action.primary:hover, .service_main .actions .web .action.primary:hover, .web .service-popup .fieldset .actions-toolbar .primary .action.primary:hover, .service-popup .fieldset .actions-toolbar .primary .web .action.primary:hover {
  background: #B2D76C;
  color: #ffffff;
}
.web .service_main .actions .action.primary:active, .service_main .actions .web .action.primary:active, .web .service-popup .fieldset .actions-toolbar .primary .action.primary:active, .service-popup .fieldset .actions-toolbar .primary .web .action.primary:active {
  background: #659608;
  color: #ffffff;
}
.touch .service-popup .fieldset > .field.choice .label:active, .service-popup .fieldset > .field.choice .touch .label:active {
  color: #7EBC0A;
}
.touch .service_main .actions .action.primary, .service_main .actions .touch .action.primary, .touch .service-popup .fieldset .actions-toolbar .primary .action.primary, .service-popup .fieldset .actions-toolbar .primary .touch .action.primary {
  -o-transition: color 0.15s, background-color 0.15s;
  -ms-transition: color 0.15s, background-color 0.15s;
  -moz-transition: color 0.15s, background-color 0.15s;
  -webkit-transition: color 0.15s, background-color 0.15s;
  transition: color 0.15s, background-color 0.15s;
}
.touch .service_main .actions .action.primary:active, .service_main .actions .touch .action.primary:active, .touch .service-popup .fieldset .actions-toolbar .primary .action.primary:active, .service-popup .fieldset .actions-toolbar .primary .touch .action.primary:active {
  background: #659608;
  color: #ffffff;
}

/*# sourceMappingURL=service.css.map */