@font-face {
  font-family: 'Corpid';
  src: url('https://shop.mts.ru/assets/images/email_layout_images/fonts/CorpidE1SCd_Light.woff2') format('woff2'), url('https://static.ssl.mts.ru/upload/images/main_2017/63392/f/css/fonts/corpid/CorpidE1SCd_Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Corpid';
  src: url('https://shop.mts.ru/assets/images/email_layout_images/fonts/CorpidE1SCd_Regular.woff2') format('woff2'), url('https://static.ssl.mts.ru/upload/images/main_2017/63392/f/css/fonts/corpid/CorpidE1SCd_Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Corpid';
  src: url('https://shop.mts.ru/assets/images/email_layout_images/fonts/CorpidE1SCd_Bold.woff2') format('woff2'), url('https://static.ssl.mts.ru/upload/images/main_2017/63392/f/css/fonts/corpid/CorpidE1SCd_Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}


.cashbak-wrapper {
  width                   : 100%;
  font-feature-settings   : 'kern';
  -webkit-font-smoothing  : antialiased;
  -moz-osx-font-smoothing : grayscale;
}

.cashback-banner {
  width           : 100%;
  background      : rgba(255, 255, 255, 1) url('images/banner-cashback-1920x570.jpg') bottom center repeat-x;
  background-size : cover;
}

.cashback-banner img {
  display   : block;
  width     : 100%;
  max-width : 960px;
  margin    : 0 auto;
}

.cashback-hero {
  align-content : center;
  align-self    : flex-end;
  order         : 1;
}

.cashback-text {
  order : 1;
}

.cashback-hero img {
  display    : block;
  box-sizing : border-box;
  width      : 100%;
  margin     : 0 auto;
}

.cashback-banner .bigimg {
  display : block;
}

.cashback-banner .smallimg {
  display : none;
}

.cashback-btn,
.cashback-info,
.cashback-services {
  display        : flex;
  width          : 100%;
  max-width      : 960px;
  margin         : 0 auto;
  flex-direction : row;
}

.cashback-cause,
.cashback-hero,
.cashback-text,
.cashback-wallet {
  width : 50%;
}

.cashback-text img {
  display    : block;
  box-sizing : border-box;
  width      : 100%;
  margin     : 0 auto;
}

.cashback-text h1 {
  margin  : 0;
  padding : 0;
}

.cashback-cause h1,
.cashback-wallet h1 {
  margin     : 0 auto;
  padding    : 78px 0 0 0;
  text-align : center;
}

.cashback-cause h2,
.cashback-text h2,
.cashback-wallet h2 {
  margin : 0;
  color  : rgba(51, 51, 51, 1);
  font   : 600 24px/30px 'Corpid',
           'Arial',
           sans-serif;
}

.cashback-text h2 {
  padding : 37px 50px 0 50px;
}

.cashback-cause h2,
.cashback-wallet h2 {
  padding : 27px 30px 0 50px;
}

.cashback-services {
  box-sizing : border-box;
  box-shadow : rgba(102, 102, 102, .3) 0 5px 29px 0;
}

.cashback-cause ul,
.cashback-text ol,
.cashback-wallet ul {
  margin        : 0;
  list-style    : none;
  counter-reset : list;
}

.cashback-text ol {
  padding : 0 50px 50px 50px;
}

.cashback-wallet ul {
  padding : 0 0 50px 50px;
}

.cashback-cause ul {
  padding : 0 30px 50px 50px;
}

.cashback-text ol li {
  display    : list-item;
  margin-top : 16px;
  color      : rgba(51, 51, 51, 1);
  font       : 300 18px/24px 'Corpid',
               'Arial',
               sans-serif;
}

.cashback-cause ul li,
.cashback-wallet ul li {
  display    : list-item;
  margin-top : 8px;
  color      : rgba(51, 51, 51, 1);
  font       : 300 16px/24px 'Corpid',
               'Arial',
               sans-serif;
}

.cashback-cause ul li:before,
.cashback-text ol li:before,
.cashback-wallet ul li:before {
  display     : inline-block;
  color       : #ff0032;
  font-weight : bold;
}

.cashback-text ol li:before {
  content           : counter(list)'.';
  width             : 16px;
  counter-increment : list 1;
}

.cashback-cause ul li:before,
.cashback-wallet ul li:before {
  content : '\2014\a0';
  width   : 22px;
}

.cashback-disclaimer,
.cashback-tovary {
  width     : 100%;
  max-width : 960px;
  margin    : 0 auto;
  color     : rgba(147, 147, 147, 1);
}

.cashback-tovary h2 {
  width      : 100%;
  margin     : 20px 0 0 0;
  color      : rgba(51, 51, 51, 1);
  text-align : center;
  font       : 600 24px/60px 'Corpid',
               'Arial',
               sans-serif;
}

.cashback-btn {
  width      : 100%;
  max-width  : 960px;
  margin     : 0 auto;
  text-align : center;
}

.cashback-btn a {
  display          : block;
  width            : 100%;
  max-width        : 320px;
  margin           : 50px auto;
  padding          : 17px 0;
  color            : rgba(255, 255, 255, 1);
  border           : 1px solid rgba(227, 6, 17, 1);
  border-radius    : 4px;
  background-color : rgba(227, 6, 17, 1);
  text-align       : center;
  text-decoration  : none;
  font             : 300 22px/30px 'Corpid',
                     'Arial',
                     sans-serif;
}

.cashback-btn a:hover {
  border           : 1px solid rgba(204 6, 26, 1);
  background-color : rgba(204, 6, 26, 1);
}

.cashback-btn a:active {
  border           : 1px solid rgba(179, 5, 23, 1);
  background-color : rgba(179, 5, 23, 1);
}

.cashback-disclaimer p {
  box-sizing : border-box;
  padding    : 0;
  margin     : 15px 0;
  font       : 300 12px/14px 'Corpid',
               'Arial',
               sans-serif;
}

.cashback-cause ul li a,
.cashback-disclaimer p a,
.cashback-text ol li a,
.cashback-wallet ul li a {
  color           : rgba(41, 125, 183, 1);
  text-decoration : none;
}

.cashback-cause ul li a:hover,
.cashback-disclaimer a:hover,
.cashback-text ol li a:hover,
.cashback-wallet ul li a:hover {
  text-decoration : underline;
}

li sup, p sup {
  color       : rgba(192,192,192,1);
  font-size   : small;
  line-height : 1;
}

.remark {
  color       : rgba(192,192,192,1);
  font-size   : small;
  line-height : 1;
}

@media only screen
       and (max-width : 959px) {
  .cashback-disclaimer p {
    padding : 0 15px;
  }

  .cashback-text img {
    max-width : 480px;
    padding   : 0 15px;
  }
}

@media only screen
       and (max-width : 639px) {
  .cashback-info,
  .cashback-services {
    flex-direction : column;
  }

  .cashback-cause,
  .cashback-hero,
  .cashback-text,
  .cashback-wallet {
    width : 100%;
  }

  .cashback-cause h1,
  .cashback-wallet h1 {
    padding : 38px 0 0 0;
  }

  .cashback-wallet ul {
    padding : 0 30px 0px 50px;
  }

  .cashback-disclaimer p {
    box-sizing : border-box;
    padding    : 15px;
  }

  .cashback-btn a {
    max-width  : 80%;
    margin     : 50px auto;
    text-align : center;
  }

  .cashback-hero {
    order : 1;
  }

  .cashback-text {
    order : 0;
  }

  .cashback-hero img {
    padding : 0 15px;
  }
}

@media only screen
       and (max-width : 479px) {
  .cashback-banner .bigimg {
    display : none;
  }

  .cashback-banner .smallimg {
    display : block;
  }

  .cashback-hero img {
    width     : 80%;
    max-width : 360px;
    margin    : -30px auto 20px auto;
  }

  .cashback-banner {
    width           : 100%;
    background      : rgba(255, 255, 255, 1);
    background-size : cover;
  }

  .cashback-tovary h2 {
    margin : 20px 0 20px 0;
    font   : 600 24px/30px 'Corpid',
             'Arial',
             sans-serif;
  }

  .vstroku {
    display : none;
  }
}

.cashback-usloviya {
  display   : block;
  width     : 100%;
  max-width : 960px;
  margin    : 0 auto;
  padding   : 50px 0;
  color     : rgba(51, 51, 51, 1);
  font      : 300 15px/18px 'Corpid',
              'Arial',
              sans-serif;
}

.cashback-usloviya p {
  margin  : 10px auto;
  padding : 0;
}

.cashback-usloviya ul {
  list-style-type : disc;
}

.cashback-usloviya h2 {
  margin : 30px 0 0 0;
  font   : 600 18px/22px 'Corpid',
           'Arial',
           sans-serif;
}

.cashback-usloviya a {
  color           : rgba(41, 125, 183);
  text-decoration : none;
}

.cashback-usloviya a:hover {
  text-decoration : underline;
}

.usloviya-podrobno {
  color : rgba(102, 102, 102, 1);
  font  : 300 12px/24px 'Corpid',
          'Arial',
          sans-serif;
}

@media only screen
       and (max-width : 959px) {
  .cashback-usloviya {
    width : 80%;
  }
}

@media screen and (min-width: 640px) and (max-width: 999px) {
  .cashback-tovary {
    width: 640px;
  }
}

@media screen and (max-width: 639px) {
  .cashback-tovary {
    width: 320px;
  }
}