/*
 ▄▄▄       ██ ▄█▀▄▄▄█████▓ ██▓ ██▒   █▓    ▄████▄   ▒█████  ▓█████▄ ▓█████
▒████▄     ██▄█▒ ▓  ██▒ ▓▒▓██▒▓██░   █▒   ▒██▀ ▀█  ▒██▒  ██▒▒██▀ ██▌▓█   ▀
▒██  ▀█▄  ▓███▄░ ▒ ▓██░ ▒░▒██▒ ▓██  █▒░   ▒▓█    ▄ ▒██░  ██▒░██   █▌▒███
░██▄▄▄▄██ ▓██ █▄ ░ ▓██▓ ░ ░██░  ▒██ █░░   ▒▓▓▄ ▄██▒▒██   ██░░▓█▄   ▌▒▓█  ▄
 ▓█   ▓██▒▒██▒ █▄  ▒██▒ ░ ░██░   ▒▀█░     ▒ ▓███▀ ░░ ████▓▒░░▒████▓ ░▒████▒
 ▒▒   ▓▒█░▒ ▒▒ ▓▒  ▒ ░░   ░▓     ░ ▐░     ░ ░▒ ▒  ░░ ▒░▒░▒░  ▒▒▓  ▒ ░░ ▒░ ░
  ▒   ▒▒ ░░ ░▒ ▒░    ░     ▒ ░   ░ ░░       ░  ▒     ░ ▒ ▒░  ░ ▒  ▒  ░ ░  ░
  ░   ▒   ░ ░░ ░   ░       ▒ ░     ░░     ░        ░ ░ ░ ▒   ░ ░  ░    ░
      ░  ░░  ░             ░        ░     ░ ░          ░ ░     ░       ░  ░
  1994–2019 © Aktiv Company        ░      ░                  ░

  Project: WebCore’2019 — Migration

  Author:  Andrew A. Savelyev
           savelyev@guardant.ru
           ktotoff@gmail.com

  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  MIGRATION
  -------------------------------------------------------------------
  Лендинг для программы «Мигрируй»
  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.content-migration {
  margin-bottom: 3rem;
}
.content-migration.done {
  margin-bottom: 15rem;
}

/* --- Заголовок --- */

.header-migration {
  margin-top: 4rem;
  margin-bottom: 2rem;
  padding-left: 1rem;
  padding-bottom: 0.5rem;
  overflow: hidden;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  text-align: center;
}
.header-migration h1 {
  font-weight: bold;
  line-height: 1;
  font-size: 2.5rem;
  padding-top: 1rem;
  padding-bottom: 0.5rem;
  text-transform: uppercase;
}
.header-migration h2 {
  font-weight: bold;
  line-height: 1;
  font-size: 2rem;
  padding-top: 1rem;
  padding-bottom: 0.5rem;
  text-transform: uppercase;
}

/* --- Содержательная часть --- */

.content-migration article {
  text-align: center;
  font-size: 1.4rem;
  font-weight: 300;
}
.content-migration .accent {
  padding: 2.5rem;
  border-radius: 0.5rem;
  background-color: rgba(0, 0, 0, 0.05);
  font-weight: 700;
  color: rgba(17, 119, 136, 1);
}

/* ---------------------------------------------
  PROMO
  --------------------------------------------- */

.promo-migration {
  position: relative;
  margin-bottom: 3rem;
  padding: 3rem 0;

  border-top: 1px solid rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);

  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.07) 0%,
    rgba(0, 0, 0, 0) 50%,
    rgba(0, 0, 0, 0.07) 100% );

}
.promo-migration:after,
.promo-migration:before {
  left: 0;
  right: 0;
  z-index: -1;
  width: 100%;
  content: "";
  position: absolute;
  transition: background-color 0.5s linear;
  background-image: linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.5) 0%,
    rgba(255, 255, 255, 0.3) 25%,
    rgba(255, 255, 255, 0) 50%,
    rgba(255, 255, 255, 0.3) 75%,
    rgba(255, 255, 255, 0.5) 100% );
}
.promo-migration:before {
  height: 120px;
  background-color: rgba(221, 34, 51, 1);
  bottom: calc(50% - 60px);
}
.promo-migration:hover:before {
  background-color: rgba(17, 119, 136, 1);
}
.promo-migration:after {
  height: 2px;
  bottom: calc(50% - 1px);
  background-color: rgba(255, 255, 255, 1);
}

/* --- Обертка --- */

.promo-migration .wrapper {
  position: relative;
  height: 20rem;
}
.promo-migration .wrapper:after,
.promo-migration .wrapper:before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  height: 20rem;
  position: absolute;
  background-position: center top;
  background-color: transparent;
  background-repeat: no-repeat;
  transition: opacity .5s linear,
              transform 0.25s linear;
}
.promo-migration .wrapper:before {
  background-image: url("../../resource/migration/promo.png");
  /* transform: scale(1); */
  opacity: 1;
}
.promo-migration:hover .wrapper:before {
  /* transform: scale(0); */
  opacity: 0;
}
.promo-migration .wrapper:after {
  background-image: url("../../resource/migration/promo_hover.png");
  opacity: 0;
}
.promo-migration:hover .wrapper:after {
  opacity: 1;
}

/* --- Ссылка --- */

.promo-migration a {
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  transform: scale(0);
  transition: opacity 1s linear, color 1s linear, transform 0.15s linear;
  color: transparent;
  opacity: 0;
  z-index: 1;
}
.promo-migration:hover a {
  transform: scale(1);
  transition: opacity 1s linear, color 1s linear, transform 1s linear;
  opacity: 1;
}
.promo-migration a span,
.promo-migration a:hover {
  color: rgba(17, 119, 136, 1);
}

/* ---------------------------------------------
  BADGE
  --------------------------------------------- */

/* --- Контейнер --- */

.badge-migration {
  margin-bottom: 1rem;
}
.badge-migration .item dl {
  height: 18rem;
  padding: 1.5rem;
  overflow: hidden;
  border-radius: 0.5rem;
  background-color: rgba(0, 0, 0, 0.05);
  background-image: linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.3) 0%,
    rgba(255, 255, 255, 0.1) 25%,
    rgba(255, 255, 255, 0) 50%,
    rgba(255, 255, 255, 0.1) 75%,
    rgba(255, 255, 255, 0.3) 100% );
}
.badge-migration .item:hover dl {
  color: rgba(255, 255, 255, 1);
}
.badge-migration-features .item:hover dl {
  background-color: rgba(221, 34, 51, 1);
}
.badge-migration-advantages .item:hover dl {
  background-color: rgba(17, 119, 136, 1);
}

/* --- Видимая обложка + общие настройки --- */

.badge-migration .item dl dd h3 {
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1;
}
.badge-migration .item dl dd p {
  margin: 0 0 0.5rem;
  font-size: 0.9rem;
}
.badge-migration .item dl dd p:last-child {
  margin: 0;
}

/* --- Скрытая часть обложки --- */

.badge-migration .item dl dd:last-of-type {
  cursor: default;
}
.badge-migration .item dl dd:last-of-type h3 {
  margin-bottom: 0.75rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.5);
}
.badge-migration .item dl dd:last-of-type p {
  margin: 0 0 0.7rem;
  line-height: 1.2;
}

/* --- Порядок трансформации --- */

.badge-migration .item dl {
  transition: background-color 1s linear;
}
.badge-migration .item dl dt div {
  transition: width 0.5s linear,  height 0.5s linear, transform 1s linear;
}

/* --- Порядок отображения обложек --- */


.badge-migration .item dl dd:first-of-type {
  display: block;
}
.badge-migration .item:hover dl dd:first-of-type  {
  display: none;
}
.badge-migration .item dl dd:last-of-type {
  display: none;
}
.badge-migration .item:hover dl dd:last-of-type  {
  display: block !important;
}

/* --- Иконки --- */

.badge-migration .item dl dt div {
  width: 7.5rem;
  height: 7.5rem;
  margin: 0 auto 1rem;
  border-radius: 50%;
  box-shadow: inset 0 0 0 3px rgba(0, 0, 0, 0.2);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
}
.badge-migration .item dl:hover dt div {
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 50%;
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.5);
  background-position: center bottom;
  transform: rotateY(360deg);
}
.roll ul li:hover dl dt div:hover {
  cursor: default;
}

/* Рутокен ЭЦП */
.badge-migration #device_ecp dl dt div {
  background-image: url('../../resource/migration/labels/ecp.png');
}
/* Рутокен PKI */
.badge-migration #device_pki dl dt div {
  background-image: url('../../resource/migration/labels/pki.png');
}
/* Рутокен Lite */
.badge-migration #device_lite dl dt div {
  background-image: url('../../resource/migration/labels/lite.png');
}
/* Рутокен S */
.badge-migration #device_s dl dt div {
  background-image: url('../../resource/migration/labels/base.png');
}
/* Company One */
.badge-migration #company_one dl dt div {
  background-image: url('../../resource/migration/labels/one.png');
}
/* Company Russian */
.badge-migration #company_rf dl dt div {
  background-image: url('../../resource/migration/labels/rf.png');
}
/* Company Puzzle */
.badge-migration #company_puzzle dl dt div {
  background-image: url('../../resource/migration/labels/puzzle.png');
}
/* Company Client */
.badge-migration #company_client dl dt div {
  background-image: url('../../resource/migration/labels/client.png');
}

/* ---------------------------------------------
  FORM
  --------------------------------------------- */

.feedback-migration {
  margin-bottom: 4rem;
}
.feedback-migration .form {
  font-size: 1.4rem;
  font-weight: 300;
}
.feedback-migration .form .rules {
  margin-bottom: 1rem;
}
.feedback-migration .form .rules span:before {
  margin-top: 0.45rem;
}
.feedback-migration .form .form-control:not(textarea) {
  height: calc(2.4rem + 2px);
}
.feedback-migration .form .form-control {
  font-size: 1.2rem;
}

.feedback-migration .submit dl,
.feedback-migration .submit dl dt,
.feedback-migration .submit dl dd {
  text-align: center !important;
}
.feedback-migration .submit button {
  padding: 1rem 2rem;
  border-radius: 2rem;
  line-height: 1;
  font-size: 1.3rem;
}
.feedback-migration .submit button:hover {
  text-decoration: underline;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  MIGRATION SMART-CARD
  -------------------------------------------------------------------
  Лендинг для программы «Мигрируй на смарт-карты Рутокен».
  Полностью отличается от варианта классической миграции. Все
  совпадающие элементы скопированы и содержат в названии класса
  метку SC. Важно обратить на это внимание!
  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  HEADER H1
  -------------------------------------------------------------------
  Заголовок первого уровня
  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


.migration-sc-h1 {
  margin-top: 4rem;
  padding-bottom: 2rem;
  text-align: center;
}
.migration-sc-h1 h1 {
  font-weight: bold;
  line-height: 1;
  font-size: 2.5rem;
  text-transform: uppercase;
}

@media (max-width: 767.98px) {
/* --- */
    .migration-sc-h1 {
        margin-top: 2.5rem;
        padding-bottom: 2.5rem;
        text-align: left;
    }
    .migration-sc-h1 h1 {
        font-size: 2.3rem;
        line-height: 1.25;
    }
/* --- */
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  PROMO
  -------------------------------------------------------------------
  Главный баннер
  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.migration-sc-promo  {
  margin-top: -1rem;
  background: rgba(17, 119, 135, 1) url("./../images/promo/promo.svg") repeat-x right bottom;
  background-size: 800px 400px;
  animation: cardios 25s infinite linear;
  transition: animation 0.5s linear;
  position: relative;
  z-index: -1;
}
.migration-sc-promo:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(
    200deg,
    rgba(255, 255, 255, 0.5) 0%,
    rgba(255, 255, 255, 0.2) 25%,
    rgba(255, 255, 255, 0) 50%,
    rgba(255, 255, 255, 0.2) 75%,
    rgba(255, 255, 255, 0.5) 100% );
}

@keyframes cardios { 0% { background-position: left bottom; } }

.migration-sc-promo .container {
  background: transparent url("../../resource/migration/sc_promo.png") no-repeat right 3rem center;
}
.migration-sc-promo .wrapper {
    min-height: 30rem;
    position: relative;
}
.ie .migration-sc-promo .wrapper {
    height: 30rem;
}

@media (max-width: 1200px) {
/* --- */
    .migration-sc-promo {
        background-size: 800px 400px;
    }
    .migration-sc-promo .container {
      background-position: right center;
    }

/* --- */
}

@media (max-width: 991.98px) {
/* --- */
    .migration-sc-promo {
        border-bottom: 0.25rem solid rgba(17, 119, 135, 1);
    }
    .migration-sc-promo .container {
        background-image: url("../../resource/migration/sc_promo_sc_small.png");
        background-position: right center;
    }
    .migration-sc-promo .container .wrapper {
        min-height: 25rem;
    }
    .ie .migration-sc-promo .container .wrapper {
        height: 25rem;
    }
/* --- */
}

@media (max-width: 767.98px) {
/* --- */
    .migration-sc-promo .container {
        background-size: auto 70% ;
        background-position: right  center;
    }
    .migration-sc-promo .container .wrapper {
        min-height: 24rem;
        position: relative;
    }
    .ie .migration-sc-promo .container .wrapper {
        height: 24rem;
    }
/* --- */
}

@media (max-width: 576px) {
/* --- */
    .migration-sc-promo .container {
        background-image: none;
    }
    .migration-sc-promo .container .wrapper {
        justify-content: center;
    }
/* --- */
}

/* ---------------------------------------------
  Содержимое
  --------------------------------------------- */

.migration-sc-promo article {
  padding-left: 3rem;
}

@media (max-width: 1200px) {
/* --- */
    .migration-sc-promo article {
        padding-left: 0;
    }
/* --- */
}

/* --- Заголовки --- */

.migration-sc-promo article  h2,
.migration-sc-promo article  h3,
.migration-sc-promo article  li {
  font-family: Roboto;
}
.migration-sc-promo article h2 {
  margin-bottom: 1.5rem;
  text-transform: uppercase;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1;
  color: rgba(255, 255, 255, 1);
}
.migration-sc-promo article  h3 {
  margin-bottom: 1.5rem;
  font-size: 2rem;
  line-height: 1;
  font-weight: 100;
  color: rgba(255, 255, 255, 1);
}

/* --- Список --- */

.migration-sc-promo article ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.migration-sc-promo article ul li {
  position: relative;
  padding: 0 0 0 1.5rem;
  margin: 0 0 0.5rem;
  font-weight: 300;
  font-size: 1.1rem;
  opacity: 0.9;
  color: rgba(255, 255, 255, 1);
}
.migration-sc-promo article ul li:last-child {
  margin-bottom: 0;
}
.migration-sc-promo article ul li:before {
  left: 0.35rem;
  top: 0.35rem;
  width: 0.4rem;
  height: 0.6rem;
  position: absolute;
  transform: rotate(45deg);
  transition: opacity 0.25s linear;
  border: 0.125rem solid rgba(255, 255, 255, 1);
  border-left: none;
  border-top: none;
  content: "";
}

@media (max-width: 1199px) {
/* --- */
    .migration-sc-promo article h2 {
        margin-bottom: 1rem;
        font-size: 2.25rem;
    }
    .migration-sc-promo article h3 {
        margin-bottom: 1rem;
        font-size: 1.75rem;
    }
/* --- */
}

@media (max-width: 767.98px) {
/* --- */
    .migration-sc-promo article h2 {
        margin-bottom: 1rem;
        font-size: 1.8rem;
    }
    .migration-sc-promo article h3 {
        margin-bottom: 1rem;
        font-size: 1.3rem;
    }

    .migration-sc-promo article ul li {
        font-size: 0.95rem;
    }
/* --- */
}

/* ---------------------------------------------
  Бэдж «Скидка»
  --------------------------------------------- */

.migration-sc-badge {
  width: 11rem;
  height: 11rem;
  text-align: center;
  border-radius: 50%;
  padding-top: 2rem;
  border: 0.5rem solid rgba(255, 255, 255, 1);
  box-shadow: 0.25rem 0.25rem 0.5rem rgba(0, 0, 0, 0.5);
  background-color: rgba(221, 34, 51, 1);
  background-image: linear-gradient(to bottom,
    transparent 0%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.2) 100% );
  position: absolute;
  right: 2.5rem;
  top: 3rem;
}
.migration-sc-badge p {
  font-size: 2.75rem;
  line-height: 2.5rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
}
.migration-sc-badge p b {
  font-weight: 700;
}
.migration-sc-badge p span {
  display: block;
  font-size: 1.5rem;
  font-weight: 300;
}

@media (max-width: 1200px) {
/* --- */
    .migration-sc-badge {
        right: 0;
        top: 3.5rem;
    }
/* --- */
}

/* ---------------------------------------------
  Кнопка «Получить предложение»
  --------------------------------------------- */

/* --- Для использования совместно с PROMO --- */

.migration-sc-offer {
  margin-top: -4rem;
  padding: 2rem 0;
  background-image: linear-gradient(
    to bottom,
    transparent 0%,
    transparent 50%,
    rgba(17, 119, 135, 0.1) 50%,
    rgba(17, 119, 135, 0.1) 100%);
}

/* --- Для самостоятельного использования --- */

.migration-sc-offer.no-fill {
  margin-top: 0;
  padding: 0;
  background-image: linear-gradient(
    to bottom,
    rgba(17, 119, 135, 0.4) 0%,
    rgba(17, 119, 135, 0.4) 50%,
    rgba(17, 119, 135, 0.1) 50%,
    rgba(17, 119, 135, 0.1) 100%);
}
.no-fill-wrapper {
  padding: 2rem 0;
  background-image: linear-gradient(
    200deg,
    rgba(255, 255, 255, 0.7) 0%,
    rgba(255, 255, 255, 0.2) 35%,
    rgba(255, 255, 255, 0) 50%,
    rgba(255, 255, 255, 0.2) 65%,
    rgba(255, 255, 255, 0.7) 100% );
}

/* --- Оформление кнопки --- */

.migration-sc-offer a {
  display: inline-block;
  border-radius: 0.5rem;
  background-color: rgba(221, 34, 51, 1);
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.3);
  transition: color 0.5s linear, box-shadow 0.15s linear;
  background-image: linear-gradient(
    to bottom,
    transparent 0%,
    rgba(0, 0, 0, 0.05) 50%,
    rgba(0, 0, 0, 0.1) 100%);
}
.migration-sc-offer a span {
  display: block;
  padding: 0 2rem;
  font-size: 1.3rem;
  line-height: 4rem;
  font-weight: 700;
  text-transform: uppercase;
  white-space: nowrap;
}
.migration-sc-offer a:hover {
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.5);
  background-image: linear-gradient(
    to bottom,
    transparent 0%,
    transparent 50%,
    rgba(0, 0, 0, 0.1) 50%,
    rgba(0, 0, 0, 0.1) 100%);
}

@media (max-width: 991.98px) {
/* --- */
    .migration-sc-offer a span {
        padding: 0 2rem;
        font-size: 1.2rem;
        line-height: 3.5rem;
    }
/* --- */
}

@media (max-width: 767.98px) {
/* --- */
    .migration-sc-offer a span {
        padding: 0 1rem;
        font-size: 1rem;
        line-height: 3rem;
    }
/* --- */
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  SECTION CONTENT
  -------------------------------------------------------------------
  Стандартный блок
  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.migration-sc-content {}

.migration-sc-content.migration-sc-178 {
  border-top: 1px solid rgba(17, 119, 135, 0.1);
  background-color: rgba(17, 119, 135, 0.05);
}

.migration-sc-content article {
  font-size: 1.4rem;
  font-weight: 300;
}

@media (max-width: 991.98px) {
/* --- */
    .migration-sc-content article {
        font-size: 1.2rem;
    }
/* --- */
}

@media (max-width: 767.98px) {
/* --- */
    .migration-sc-content article {
        font-size: 1rem;
    }
/* --- */
}

/* ---------------------------------------------
  ЗАГОЛОВОК
  --------------------------------------------- */

.migration-sc-h2 {
  margin-bottom: 2rem;
  padding-bottom: 0.5rem;
  overflow: hidden;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  text-align: center;
}
.migration-sc-178 .migration-sc-h2 {
  border-color: rgba(17, 119, 135, 0.2);
}
.migration-sc-h2 h2 {
  font-weight: bold;
  line-height: 1;
  font-size: 2rem;
  padding-top: 1rem;
  padding-bottom: 0.5rem;
  text-transform: uppercase;
}

/* ---------------------------------------------
  COLUMN LIST SIMPLE
  --------------------------------------------- */

.migration-sc-simple {
  list-style: none;
  padding: 0;
}
.migration-sc-simple .item {
  position: relative;
  margin-bottom: 2rem;
}
.migration-sc-simple .item:after {
  content: "";
  display: inline-block;
  height: 0.25rem;
  width: 3rem;
  background-color: rgba(221, 34, 51, 1);
  display: block;
  margin: 1rem auto 0;
}

.migration-sc-simple .item.item-wide {
  margin-bottom: 2rem;
  font-weight: 400;
}
.migration-sc-simple .item.item-wide:after {
  display: none;
}

@media (max-width: 991.98px) {
/* --- */
    .migration-sc-simple .item {
        font-size: 1.2rem;
        margin-bottom: 1.5rem;
    }
/* --- */
}

@media (max-width: 767.98px) {
/* --- */
    .migration-sc-simple .item {
      margin: 0;
      padding-top: 1rem;
      padding-bottom: 1rem;
      font-size: 1rem;
    }
    .migration-sc-simple .item:first-child {
      padding-top: 0;
    }
    .migration-sc-simple .item.item-wide {
      padding-bottom: 0;
    }
    .migration-sc-simple .item:nth-child(even) {
        background-color: rgba(0, 0, 0, 0.05);
        border-radius: 1rem;
        color: #000;
    }
    .migration-sc-simple .item:after {
        display: none;
    }
    .migration-sc-178 .migration-sc-simple .item:nth-child(even) {
        background-color: rgba(17, 119, 135, 0.1);
    }
/* --- */
}

/* ---------------------------------------------
  COLUMN LIST WITH ICONS
  --------------------------------------------- */

.migration-sc-sexy {
  margin: 3rem 0 2rem;
}
.migration-sc-sexy .item {
  margin: 0 0 2.5rem;
}
.migration-sc-sexy .item dl {
  margin: 0;
  text-align: center;
}
.migration-sc-sexy .item dl dt {
  margin: 0 0 1rem;
}
.migration-sc-sexy .item dl dt img {
  width: 7rem;
  height: auto;
  transition: width 0.5s linear;
}
.ie .migration-sc-sexy .item dl dt img {
  width: 7rem;
  height: 7rem;
}
.migration-sc-sexy .item dl dd {
  margin: 0;
}

@media (max-width: 1199px) {
/* --- */
    .migration-sc-sexy .item {
        margin-bottom: 2rem;
    }
    .migration-sc-sexy .item dl dt img {
        width: 6rem;
        height: auto;
    }

    .ie .migration-sc-sexy .item dl dt img {
        width: 6rem;
        height: 6rem;
    }
/* --- */
}
@media (max-width: 767.98px) {
/* --- */
    .migration-sc-sexy {
        margin: 0 0 2rem;
    }
    .migration-sc-sexy .item {
        margin: 0;
        padding-left: 0;
        padding-right: 0;
    }
    .migration-sc-sexy .item dl {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        padding: 1.5rem 0;
        text-align: left;
    }
    .migration-sc-sexy .item:nth-child(even) dl {
        border-top: 0.0625rem dashed rgba(0, 0, 0, 0.2);
        border-bottom: 0.0625rem dashed rgba(0, 0, 0, 0.2);
    }
    .migration-sc-sexy .item:first-child dl {
        padding-top: 0;
    }
    .migration-sc-sexy .item:last-child dl {
        padding-bottom: 0;
        border-bottom: 0;
    }
    .migration-sc-sexy .item dl dt {
        margin-right: 1.5rem;
        margin-bottom: 0;
    }
    .migration-sc-sexy .item dl dt img {
        width: 5rem;
        height: auto;
    }
    .ie .migration-sc-sexy .item dl dt img {
        width: 5rem;
        height: 5rem;
    }
/* --- */
}

/* ---------------------------------------------
  COLUMN LIST IMAGES
  --------------------------------------------- */

.migration-sc-model {}

.migration-sc-model dl dt {}

.migration-sc-model dl dt img {
  width: 100%;
  height: auto;
}
.migration-sc-model dl dd h3 {
  margin: 0 0 1.5rem;
  padding: 1.5rem 0;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  text-align: center;
}

/* --- Список --- */

.migration-sc-model dl dd ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.migration-sc-model dl dd ul li {
  position: relative;
  padding: 0 0 0 1.5rem;
  margin: 0 0 0.5rem;
  font-weight: 300;
  font-size: 1.1rem;
}
.migration-sc-model dl dd ul li:last-child {
  margin-bottom: 0;
}
.migration-sc-model dl dd ul li:before {
  left: 0.35rem;
  top: 0.35rem;
  width: 0.4rem;
  height: 0.6rem;
  position: absolute;
  transform: rotate(45deg);
  transition: opacity 0.25s linear;
  border: 0.125rem solid rgba(221, 34, 51, 1);
  border-left: none;
  border-top: none;
  content: "";
}

@media (max-width: 767.98px) {
/* --- */
    .migration-sc-model dl dt img {
        width: 75%;
        height: auto;
    }
    .migration-sc-model dl dd ul li {
        font-size: 1rem;
        color: #000;
    }
    .migration-sc-model dl dd {
        background-color: rgba(17, 119, 135, 0.1);
        border-bottom: 1px solid rgba(17, 119, 135, 0.1);
        border-radius: 1rem;
        padding: 0 1rem 1rem;
    }
/* --- */
}

/* ---------------------------------------------
  ALONE IMAGE BLOCK
  --------------------------------------------- */

.migration-sc-image {
  width: 70%;
  margin: 0 auto;
}
.migration-sc-image img {
  width: 100%;
  height: auto;
  padding: 1.5rem;
  border: 1px dashed rgba(0, 0, 0, 0.1);
}

@media (max-width: 991.98px) {
/* --- */
    .migration-sc-image {
        width: 100%;
    }
/* --- */
}

/* ---------------------------------------------
  LIST STANDARD
  --------------------------------------------- */

/* --- Список --- */
.migration-sc-list {
  list-style: none;
  padding: 0;
}
.migration-sc-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.migration-sc-list li {
  position: relative;
  padding: 0 0 0 1.5rem;
  margin: 0 0 0.5rem;
}
.migration-sc-list li:last-child {
  margin-bottom: 0;
}
.migration-sc-list li:before {
  left: 0.35rem;
  top: 0.5rem;
  width: 0.4rem;
  height: 0.6rem;
  position: absolute;
  transform: rotate(45deg);
  transition: opacity 0.25s linear;
  border: 0.125rem solid rgba(221, 34, 51, 1);
  border-left: none;
  border-top: none;
  content: "";
}

/* ---------------------------------------------
  FORM
  --------------------------------------------- */

.migration-sc-feedback {
  margin-bottom: 4rem;
}
.migration-sc-feedback .form {
  font-size: 1.4rem;
  font-weight: 300;
}
.migration-sc-feedback .form .rules {
  margin-bottom: 1rem;
}
.migration-sc-feedback .form .rules span:before {
  margin-top: 0.45rem;
}
.migration-sc-feedback .form .form-control:not(textarea) {
  height: calc(2.4rem + 2px);
}
.migration-sc-feedback .form .form-control {
  font-size: 1.2rem;
}

.migration-sc-feedback .submit dl,
.migration-sc-feedback .submit dl dt,
.migration-sc-feedback .submit dl dd {
  text-align: center !important;
}
.migration-sc-feedback .submit button {
  display: inline-block;
  border-radius: 0.5rem;
  background-color: rgba(17, 119, 136, 1);
  padding: 1rem 2rem;
  line-height: 1;
  font-size: 1.3rem;
  font-weight: 700;
  text-transform: uppercase;
  white-space: nowrap;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.3);
  transition: color 0.5s linear, box-shadow 0.15s linear;
  background-image: linear-gradient(
    to bottom,
    transparent 0%,
    rgba(0, 0, 0, 0.05) 50%,
    rgba(0, 0, 0, 0.2) 100%);
}
.migration-sc-feedback .submit button:hover {
  text-decoration: underline;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.5);
  background-image: linear-gradient(
    to bottom,
    transparent 0%,
    transparent 50%,
    rgba(0, 0, 0, 0.2) 50%,
    rgba(0, 0, 0, 0.2) 100%);
}

@media (max-width: 991.98px) {
/* --- */
    .migration-sc-feedback .submit button {
        padding: 0 2rem;
        font-size: 1.2rem;
        line-height: 3.5rem;
    }
/* --- */
}

@media (max-width: 767.98px) {
/* --- */
    .migration-sc-feedback .submit button {
        padding: 0 1rem;
        font-size: 1rem;
        line-height: 3rem;
    }
/* --- */
}