@charset "UTF-8";
@font-face {
  font-family: 'M PLUS Rounded 1c';
  font-weight: 800;
  font-style: normal;
  src: local("Rounded Mplus 1c ExtraBold"), local("RoundedMplus1c-ExtraBold"), url("/App/Site/Assets/fonts/mplus/Roundedmplus1cextrabold.woff2") format("woff2"), url("/App/Site/Assets/fonts/mplus/Roundedmplus1cextrabold.woff") format("woff"), url("/App/Site/Assets/fonts/mplus/Roundedmplus1cextrabold.ttf") format("truetype");
}
@font-face {
  font-family: 'site-icons';
  src: url("/App/Site/Assets/fonts/icons/site-icons.ttf?sk4e3h") format("truetype"), url("/App/Site/Assets/fonts/icons/site-icons.woff?sk4e3h") format("woff"), url("/App/Site/Assets/fonts/icons/site-icons.svg?sk4e3h#site-icons") format("svg");
  font-weight: normal;
  font-style: normal;
}
.site-icon {
  font-family: 'site-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.site-icon-kroshka:before {
  content: "";
}

.site-icon-menu:before {
  content: "";
}

.site-icon-close:before {
  content: "";
}

.site-icon-info:before {
  content: "";
}

.site-icon-phone:before {
  content: "";
}

.site-icon-download:before {
  content: "";
}

.site-icon-link:before {
  content: "";
}

.site-icon-expanded:before {
  content: "";
}

.site-icon-collapsed:before {
  content: "";
}

html, body {
  padding: 0;
  margin: 0;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 19px;
  line-height: 1.2;
  color: #333333;
  background-color: white;
}

img {
  border: none;
}

figure {
  margin: 0;
}

a {
  color: #333333;
  text-decoration: none;
}
a body:not(.touch):hover {
  color: #ffa000;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}
table td {
  padding: 0;
  vertical-align: top;
}

.hidden {
  display: none;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  margin: 0;
}

p:first-child {
  margin-top: 0;
}

p:last-child {
  margin-bottom: 0;
}

/*
p.small {
  font-size: 16px;
  line-height: (24px / 16px);
  color: #666666;
}
*/
.no-animation {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  transition: none !important;
  -webkit-animation: none !important;
  -moz-animation: none !important;
  animation: none !important;
}

.page-content {
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: content-box;
}
@media screen and (max-width: 767px) {
  .page-content {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1120px) {
  .page-content {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media screen and (min-width: 1121px) {
  .page-content {
    padding-left: 48px;
    padding-right: 48px;
  }
}

.page {
  position: relative;
  z-index: 101;
}
@media screen and (max-width: 767px) {
  .page .page-content {
    margin-top: 32px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1120px) {
  .page .page-content {
    margin-top: 32px;
  }
}
@media screen and (min-width: 1121px) {
  .page .page-content {
    margin-top: 104px;
  }
}
.page .page-header {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
}
.page .page-header .page-icon {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: 16px;
}
.page .page-header .page-icon img {
  display: block;
  height: auto;
}
.page .page-header .page-title {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.page .page-header .page-title.page-title-special .site-icon-kroshka {
  margin-left: 4px;
  margin-right: 4px;
  font-size: 90%;
  color: #ffa000;
}
@media screen and (max-width: 767px) {
  .page .page-header {
    margin-bottom: 16px;
  }
  .page .page-header .page-icon img {
    width: 48px;
  }
  .page .page-header .page-title {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 34px;
    font-weight: 800;
    line-height: 1.2;
  }
}
@media screen and (min-width: 768px) and (max-width: 1120px) {
  .page .page-header {
    margin-bottom: 24px;
  }
  .page .page-header .page-icon img {
    width: 136px;
  }
  .page .page-header .page-title {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 46px;
    font-weight: 800;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1121px) {
  .page .page-header {
    margin-bottom: 24px;
  }
  .page .page-header .page-icon img {
    width: 136px;
  }
  .page .page-header .page-title {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 46px;
    font-weight: 800;
    line-height: 1.2;
  }
}

header.main {
  position: relative;
  z-index: 103;
}
header.main .page-content {
  height: 100%;
}
header.main .layout {
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
}
header.main .layout .left,
header.main .layout .right {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 0;
}
header.main .layout .right {
  margin-left: 32px;
}
header.main .layout .left {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
}
header.main .layout .right {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: end;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
}
header.main .logo a {
  display: block;
}
header.main .logo a img {
  display: block;
}
header.main .info {
  margin-left: 48px;
}
header.main .info .phone {
  display: inline-block;
  vertical-align: middle;
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0.05em;
  line-height: 1.2;
}
header.main .info .phone, header.main .info .phone a {
  color: #ffa000;
}
body:not(.touch) header.main .info .phone a:hover {
  color: #ff6f00;
}
header.main .info .info-text {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 16px;
}
header.main .info .info-text .site-icon {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  color: rgba(51, 51, 51, 0.25);
}
body:not(.touch) header.main .info .info-text .site-icon:hover {
  color: #333333;
}
header.main .info .info-text .site-icon:before {
  display: inline-block;
  vertical-align: top;
  padding-bottom: 2px;
}
header.main .info .info-text .popover {
  display: none;
  min-width: 180px;
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: -4px;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 16px;
  letter-spacing: 0.03em;
  line-height: 1.2;
  border-radius: 12px;
  padding: 16px;
  background-color: #f0f0f0;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16);
}
header.main .info .info-text.info-text-open .site-icon {
  color: #333333;
}
header.main .info .info-text.info-text-open .popover {
  display: block;
}
header.main nav.main {
  height: 100%;
}
header.main nav.main .items {
  height: 100%;
}
header.main nav.main .items .item {
  height: 100%;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0.05em;
  line-height: 1.2;
  text-transform: uppercase;
  padding-left: 20px;
  padding-right: 20px;
}
body:not(.touch) header.main nav.main .items .item:hover {
  color: #999999;
}
header.main nav.main .items .item.item-selected {
  color: #ffa000;
}
header.main .menu-btn {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  padding: 13px;
  margin-right: -13px;
}
header.main .menu-btn:before {
  font-family: 'site-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  font-size: 20px;
}
body:not(.touch) header.main .menu-btn:hover {
  color: #999999;
}
@media screen and (max-width: 767px) {
  header.main {
    height: 68px;
  }
  header.main .info,
  header.main nav.main {
    display: none;
  }
  header.main .layout .left {
    margin-right: 0;
  }
  header.main .menu-btn {
    margin-right: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1120px) {
  header.main {
    height: 100px;
  }
  header.main nav.main {
    display: none;
  }
}
@media screen and (min-width: 1121px) {
  header.main {
    height: 100px;
  }
  header.main .menu-btn {
    display: none;
  }
}

.alt-menu {
  position: fixed;
  z-index: 102;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #f0f0f0;
  display: none;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
body.menu-open {
  overflow: hidden;
}
body.menu-open header.main .menu-btn:before {
  content: "";
  font-size: 22px;
}
body.menu-open .alt-menu {
  display: block;
}
.alt-menu .page-content {
  text-align: center;
  padding-bottom: 24px;
}
.alt-menu nav.menu .items .item {
  display: block;
  margin-top: 32px;
  margin-bottom: 32px;
  padding-top: 16px;
  padding-bottom: 16px;
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0.05em;
  line-height: 1.2;
  text-transform: uppercase;
}
.alt-menu footer {
  max-width: 200px;
  margin-left: auto;
  margin-right: auto;
}
.alt-menu footer .phone {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-size: 34px;
  font-weight: 800;
  line-height: 1.2;
}
.alt-menu footer .phone, .alt-menu footer .phone a {
  color: #ffa000;
}
body:not(.touch) .alt-menu footer .phone a:hover {
  color: #ff6f00;
}
.alt-menu footer .phone a:before {
  margin-right: 8px;
  font-family: 'site-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  font-size: 27px;
}
.alt-menu footer .note {
  margin-top: 8px;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 16px;
  letter-spacing: 0.03em;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .alt-menu {
    padding-top: 68px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1120px) {
  .alt-menu {
    padding-top: 100px;
  }
  .alt-menu footer {
    display: none;
  }
}
@media screen and (min-width: 1121px) {
  .alt-menu {
    padding-top: 100px;
  }
}

html, body {
  //height: 100%;
}

body {
  display: flex;
  flex-direction: column;
}
body .page {
  flex: 1 0 auto;
}
body footer.main {
  flex-shrink: 0;
}

footer.main {
  background-color: #f0f0f0;
}
footer.main .page-content {
  overflow: hidden;
}
footer.main .layout {
  margin-left: -36px;
  margin-right: -36px;
  margin-bottom: -52px;
}
footer.main .layout .column {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  padding-left: 36px;
  padding-right: 36px;
  margin-bottom: 52px;
}
footer.main .contacts .note {
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 16px;
  letter-spacing: 0.03em;
  line-height: 1.2;
  margin-bottom: 12px;
}
footer.main .contacts .items .item {
  display: block;
  padding-top: 12px;
  padding-bottom: 12px;
}
footer.main .contacts .items .item, footer.main .contacts .items .item a {
  color: #ffa000;
}
footer.main .contacts .items .item a {
  display: inline-block;
}
body:not(.touch) footer.main .contacts .items .item a:hover {
  color: #ff6f00;
  border-bottom-color: #ff6f00;
}
footer.main .contacts .items .item:not(.item-special) .text {
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 16px;
  letter-spacing: 0.03em;
  line-height: 1.2;
  border-bottom: 1px solid #ffa000;
}
footer.main .contacts .items .item.item-special {
  margin-top: 8px;
}
footer.main .contacts .items .item.item-special .text {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-size: 23px;
  font-weight: 800;
  line-height: 1.2;
}
footer.main .credits .logo + .note {
  margin-top: 16px;
}
footer.main .credits .note {
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 16px;
  letter-spacing: 0.03em;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  footer.main {
    margin-top: 136px;
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1120px) {
  footer.main {
    margin-top: 168px;
    padding-top: 64px;
    padding-bottom: 96px;
  }
  footer.main .layout .column:nth-child(-n+2) {
    width: 50%;
  }
}
@media screen and (min-width: 1121px) {
  footer.main {
    margin-top: 168px;
    padding-top: 64px;
    padding-bottom: 96px;
  }
  footer.main .layout .column:nth-child(-n+3) {
    width: 33.33333%;
  }
}

.btn, .btn-filled,
button.btn-filled,
input[type="submit"].btn-filled,
input[type="reset"].btn-filled,
input[type="button"].btn-filled, .btn-image {
  position: relative;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
}
.btn .site-icon, .btn-filled .site-icon,
input[type="submit"].btn-filled .site-icon,
input[type="reset"].btn-filled .site-icon,
input[type="button"].btn-filled .site-icon, .btn-image .site-icon {
  margin-right: 4px;
  font-size: 13px;
}

button.btn, button.btn-filled, button.btn-image,
input[type="submit"].btn,
input[type="submit"].btn-filled,
input[type="submit"].btn-image,
input[type="reset"].btn,
input[type="reset"].btn-filled,
input[type="reset"].btn-image,
input[type="button"].btn,
input[type="button"].btn-filled,
input[type="button"].btn-image {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  border-radius: 0;
  border: none;
  outline: none;
  padding: 0;
  background-color: transparent;
}

.btn-filled,
button.btn-filled,
input[type="submit"].btn-filled,
input[type="reset"].btn-filled,
input[type="button"].btn-filled {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0.05em;
  line-height: 1.2;
  text-transform: uppercase;
  border-radius: 12px;
  color: white;
  background-color: #ffa000;
  box-shadow: 0 16px 24px 0 rgba(126, 91, 33, 0.24);
  padding: 20px 32px 18px;
  -webkit-transition: background-color 0.3s ease, box-shadow 0.3s ease;
  -moz-transition: background-color 0.3s ease, box-shadow 0.3s ease;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}
@media screen and (max-width: 767px) {
  .btn-filled,
  button.btn-filled,
  input[type="submit"].btn-filled,
  input[type="reset"].btn-filled,
  input[type="button"].btn-filled {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1120px) {
  .btn-filled,
  button.btn-filled,
  input[type="submit"].btn-filled,
  input[type="reset"].btn-filled,
  input[type="button"].btn-filled {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media screen and (min-width: 1121px) {
  .btn-filled,
  button.btn-filled,
  input[type="submit"].btn-filled,
  input[type="reset"].btn-filled,
  input[type="button"].btn-filled {
    padding-left: 32px;
    padding-right: 32px;
  }
}
body:not(.touch) .btn-filled:hover, body:not(.touch)
button.btn-filled:hover, body:not(.touch)
input[type="submit"].btn-filled:hover, body:not(.touch)
input[type="reset"].btn-filled:hover, body:not(.touch)
input[type="button"].btn-filled:hover {
  background-color: #ff6f00;
  box-shadow: 0 4px 8px 0 rgba(126, 91, 33, 0.32);
}

.btn-image {
  border-radius: 12px;
  overflow: hidden;
  background-color: #ffa000;
  box-shadow: 0 16px 24px 0 rgba(0, 0, 0, 0.2);
  -webkit-transition: box-shadow 0.3s ease;
  -moz-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
}
.btn-image img {
  display: block;
  max-width: 100%;
  height: auto;
}
body:not(.touch) .btn-image:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.32);
}

.section .section-title {
  text-align: center;
  margin-bottom: 64px;
}
.section .section-header {
  margin-bottom: 48px;
}
.section .section-header .section-title {
  text-align: left;
  margin-bottom: 0;
}
.section .section-header .section-subtitle {
  margin-top: 8px;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 16px;
  letter-spacing: 0.03em;
  line-height: 1.2;
  color: #999999;
}
.section .section-header .section-subtitle .site-icon-kroshka {
  margin-left: 3px;
  margin-right: 3px;
  font-size: 16px;
  color: #f0f0f0;
}
.section .section-body + .section-body {
  margin-top: 48px;
}
@media screen and (max-width: 767px) {
  .section .section-title {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 23px;
    font-weight: 800;
    line-height: 1.2;
  }
  .section + .section {
    margin-top: 136px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1120px) {
  .section .section-title {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 34px;
    font-weight: 800;
    line-height: 1.2;
  }
  .section + .section {
    margin-top: 168px;
  }
}
@media screen and (min-width: 1121px) {
  .section .section-title {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 34px;
    font-weight: 800;
    line-height: 1.2;
  }
  .section + .section {
    margin-top: 168px;
  }
}

@media screen and (max-width: 767px) {
  .section-group .section + .section {
    margin-top: 80px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1120px) {
  .section-group .section + .section {
    margin-top: 96px;
  }
}
@media screen and (min-width: 1121px) {
  .section-group .section + .section {
    margin-top: 96px;
  }
}

.page .text {
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 16px;
  letter-spacing: 0.03em;
  line-height: 1.5;
}
.page .text-large {
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 19px;
  line-height: 1.7;
}
.page .text-large p:not(:first-child) {
  margin-top: 8px;
}
.page .text-large p:not(:last-child) {
  margin-bottom: 8px;
}
.page .text .big-text,
.page .text-large .big-text {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-size: 23px;
  font-weight: 800;
  line-height: 1.2;
}
.page .text a,
.page .text-large a {
  color: #ffa000;
  text-decoration: underline;
}
body:not(.touch) .page .text a:hover, body:not(.touch)
.page .text-large a:hover {
  color: #ff6f00;
}

.intro .image img {
  display: block;
  max-width: 100%;
  height: auto;
}
.intro .details .text {
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 19px;
  line-height: 1.7;
}
.intro .details .action {
  margin-top: 40px;
}
.intro .details .action .btn-note {
  margin-top: 16px;
}
.intro .details .action .btn-note .rich-content {
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 16px;
  letter-spacing: 0.03em;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .intro {
    margin-top: 32px;
    margin-bottom: 136px;
  }
  .intro .image {
    margin-bottom: 8px;
  }
  .intro .details .title {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 34px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 16px;
  }
  .intro .image {
    max-width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1120px) {
  .intro {
    margin-top: 32px;
    margin-bottom: 168px;
  }
  .intro .image {
    margin-bottom: 8px;
  }
  .intro .details .title {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 46px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 24px;
  }
  .intro .image {
    max-width: 100%;
  }
}
@media screen and (min-width: 1121px) {
  .intro {
    margin-top: 104px;
    margin-bottom: 168px;
  }
  .intro .image {
    margin-left: 48px;
  }
  .intro .details .title {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 46px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 24px;
  }
  .intro::after {
    clear: both;
    content: "";
    display: table;
  }
  .intro .image {
    float: right;
  }
}

.rich-content {
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 19px;
  line-height: 1.7;
  /*

  .media-image.media-center {
    display: block;

    .media-preview {
      display: block;
      max-width: 100%;
      height: auto;
      margin: {
        left: auto;
        right: auto;
      }
    }

    margin: {
      left: auto;
      right: auto;
    }

  }

  .media-left,
  .media-right {
    margin-top: 4px;
  }

  .media.media-left {
    float: left;

    //@include r-layout(rich-content) {
    //  margin: {
    //    right: rl-value(image, spacing);
    //    bottom: rl-value(image, spacing);
    //  }
    //}

  }

  .media.media-right {
    float: right;

    //@include r-layout(rich-content) {
    //  margin: {
    //    left: rl-value(image, spacing);
    //    bottom: rl-value(image, spacing);
    //  }
    //}

  }

  .media.media-center {
    display: block;
    max-width: 100%;
    height: auto;
  }

  .video-block,
  .media-image {
    //@include r-layout(rich-content, phone) {
    //  display: block;
    //  float: none !important;
    //  text-align: center;
    //  max-width: none !important;
    //  height: auto;
    //
    //  &.media-left,
    //  &.media-right {
    //    margin: {
    //      left: rl-value(image, offset) !important;
    //      right: rl-value(image, offset) !important;
    //    }
    //  }
    //
    //  .media-preview {
    //    max-width: 100%;
    //    max-height: rl-value(image, max-height);
    //    margin: auto;
    //
    //    img {
    //      max-width: 100%;
    //      height: auto;
    //    }
    //
    //  }
    //
    //}
  }

  .video-block,
  .media .media-center {
    display: block;
    height: auto;

    //@include r-layout(rich-content) {
    //  margin: {
    //    top: rl-value(image, spacing);
    //    bottom: rl-value(image, spacing);
    //  }
    //}

  }

  .video-block {
    //@include r-layout(rich-content) {
    //  height: rl-value(video, height);
    //}

    iframe {
      width: 100%;
      height: 100%;
    }

  }

  */
}
.rich-content:after {
  display: table;
  clear: both;
  content: '';
}
.rich-content h1 .media:first-child:before,
.rich-content h2 .media:first-child:before,
.rich-content h3 .media:first-child:before,
.rich-content h4 .media:first-child:before,
.rich-content h5 .media:first-child:before,
.rich-content p .media:first-child:before {
  content: " ";
  /* Older browser do not support empty content */
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.rich-content a {
  color: #ffa000;
  border-bottom: 1px solid #ffa000;
}
body:not(.touch) .rich-content a:hover {
  color: #ff6f00;
  border-bottom-color: #ff6f00;
}
.rich-content img {
  max-width: 100%;
  height: auto;
}
.rich-content h2:not(:first-child), .rich-content h3:not(:first-child), .rich-content h4:not(:first-child), .rich-content h5:not(:first-child), .rich-content h6:not(:first-child) {
  margin-top: 48px;
}
.rich-content h2 {
  margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
  .rich-content h2 {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 23px;
    font-weight: 800;
    line-height: 1.2;
  }
}
@media screen and (min-width: 768px) and (max-width: 1120px) {
  .rich-content h2 {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 34px;
    font-weight: 800;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1121px) {
  .rich-content h2 {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 34px;
    font-weight: 800;
    line-height: 1.2;
  }
}
@media screen and (max-width: 767px) {
  .rich-content h3 {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1120px) {
  .rich-content h3 {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 23px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 1121px) {
  .rich-content h3 {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 23px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 24px;
  }
}
.rich-content p {
  margin-top: 24px;
  margin-bottom: 24px;
}
.rich-content p:first-child {
  margin-top: 0;
}
.rich-content p:last-child {
  margin-bottom: 0;
}
.rich-content p:empty {
  display: none;
}
.rich-content .media .media-left {
  float: left;
  margin-right: 2em;
  margin-bottom: 32px;
}
.rich-content .media .media-center {
  display: block !important;
  float: none !important;
  margin: 0 auto 64px;
  text-align: center;
}
.rich-content .media .media-right {
  float: right;
  margin-left: 2em;
  margin-bottom: 32px;
}
.rich-content .media.media-video {
  display: block;
  text-align: center;
}
.rich-content .media.media-embed {
  display: block;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .rich-content .media .media-left,
  .rich-content .media .media-right {
    display: block;
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1120px) {
  .rich-content .media .media-left,
  .rich-content .media .media-right {
    display: block;
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
}
.rich-content ul,
.rich-content ol {
  overflow: hidden;
}
.rich-content .media-imageset {
  display: block;
}
.rich-content .media-imageset .media-imageset-data {
  display: none;
}
.rich-content .media-imageset .photo-slider {
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 16px;
  letter-spacing: 0.03em;
  line-height: 1.5;
}
.rich-content .media-imageset .photo-slider .photo-slide .photo-slide-image {
  display: block;
  padding: 8px;
  border-radius: 8px;
  border: 1px solid #f0f0f0;
}
.rich-content .media-imageset .photo-slider .photo-slide .photo-slide-image img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
.rich-content .media-imageset .photo-slider .photo-slide .photo-slide-caption {
  margin-top: 16px;
  text-align: center;
}
.rich-content .media-imageset .photo-slider .photo-slide .photo-slide-caption:empty {
  display: none;
}
.rich-content .media-imageset .photo-slider .photo-slider-pagination-text {
  text-align: center;
  margin-top: 0px;
  margin-bottom: -8px;
}
.rich-content .media-imageset .photo-slider .photo-slider-pagination-text .photo-slider-page {
  margin: 0;
  opacity: 1;
  width: auto;
  height: auto;
  background: none;
  border-radius: 0;
  outline: none;
  color: #ffa000;
  margin-left: 16px;
  margin-right: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.rich-content .media-imageset .photo-slider .photo-slider-pagination-text .photo-slider-page span {
  display: inline-block;
  border-bottom: 1px dotted #ffa000;
}
.rich-content .media-imageset .photo-slider .photo-slider-pagination-text .photo-slider-page.swiper-pagination-bullet-active {
  color: #333333;
}
.rich-content .media-imageset .photo-slider .photo-slider-pagination-text .photo-slider-page.swiper-pagination-bullet-active span {
  border-bottom-color: transparent;
}
body:not(.touch) .rich-content .media-imageset .photo-slider .photo-slider-pagination-text .photo-slider-page:not(.swiper-pagination-bullet-active):hover {
  color: #ffa000;
}
body:not(.touch) .rich-content .media-imageset .photo-slider .photo-slider-pagination-text .photo-slider-page:not(.swiper-pagination-bullet-active):hover span {
  border-bottom-color: #ffa000;
}
.rich-content .media-imageset .photo-slider .photo-slider-pagination-dots {
  text-align: center;
  position: static;
  margin-top: 16px;
}
.rich-content .media-imageset .photo-slider .photo-slider-pagination-dots .swiper-pagination-bullet {
  display: inline-block;
  vertical-align: top;
  width: 24px;
  height: 24px;
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 0;
  background-color: transparent;
  opacity: 1;
}
.rich-content .media-imageset .photo-slider .photo-slider-pagination-dots .swiper-pagination-bullet:before {
  display: inline-block;
  vertical-align: middle;
  font-family: 'site-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  font-size: 16px;
  color: #ffa000;
  opacity: 0.2;
}
body:not(.touch) .rich-content .media-imageset .photo-slider .photo-slider-pagination-dots .swiper-pagination-bullet:hover:before {
  opacity: 1;
}
.rich-content .media-imageset .photo-slider .photo-slider-pagination-dots .swiper-pagination-bullet-active:before {
  font-size: 24px;
  opacity: 1;
}

@media screen and (max-width: 767px) {
  .landing-page .rich-content {
    margin-bottom: -136px;
  }
  .landing-page .rich-content h2:not(:first-child),
  .landing-page .rich-content h3:not(:first-child) {
    margin-top: 136px;
  }
  .landing-page .rich-content .media .media-preview {
    margin-bottom: 136px;
  }
  .landing-page .rich-content :last-child {
    margin-bottom: 136px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1120px) {
  .landing-page .rich-content {
    margin-bottom: -168px;
  }
  .landing-page .rich-content h2:not(:first-child),
  .landing-page .rich-content h3:not(:first-child) {
    margin-top: 168px;
  }
  .landing-page .rich-content .media .media-preview {
    margin-bottom: 168px;
  }
  .landing-page .rich-content :last-child {
    margin-bottom: 168px;
  }
}
@media screen and (min-width: 1121px) {
  .landing-page .rich-content {
    margin-bottom: -168px;
  }
  .landing-page .rich-content h2:not(:first-child),
  .landing-page .rich-content h3:not(:first-child) {
    margin-top: 168px;
  }
  .landing-page .rich-content .media .media-preview {
    margin-bottom: 168px;
  }
  .landing-page .rich-content :last-child {
    margin-bottom: 168px;
  }
}
@media screen and (max-width: 767px) {
  .landing-page .rich-content {
    text-align: center;
  }
  .landing-page .rich-content .media .media-preview {
    margin-bottom: 32px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1120px) {
  .landing-page .rich-content {
    text-align: center;
  }
  .landing-page .rich-content .media .media-preview {
    margin-bottom: 32px;
  }
}

.tiles-small {
  overflow: hidden;
}
.tiles-small > .items > .item {
  display: inline-block;
  vertical-align: top;
}
@media screen and (max-width: 767px) {
  .tiles-small > .items {
    margin-left: -48px;
    margin-top: -64px;
  }
  .tiles-small > .items > .item {
    padding-left: 48px;
    padding-top: 64px;
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1120px) {
  .tiles-small > .items {
    margin-left: -48px;
    margin-top: -64px;
  }
  .tiles-small > .items > .item {
    padding-left: 48px;
    padding-top: 64px;
    width: 50%;
  }
}
@media screen and (min-width: 1121px) {
  .tiles-small > .items {
    margin-left: -48px;
    margin-top: -64px;
  }
  .tiles-small > .items > .item {
    padding-left: 48px;
    padding-top: 64px;
    width: 25%;
  }
}

.tiles-3 {
  overflow: hidden;
}
.tiles-3 > .items > .item {
  display: inline-block;
  vertical-align: top;
}
@media screen and (max-width: 767px) {
  .tiles-3 {
    overflow: visible;
  }
  .tiles-3 > .items {
    margin-left: -16px;
    margin-top: -48px;
  }
  .tiles-3 > .items > .item {
    padding-left: 16px;
    padding-top: 48px;
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1120px) {
  .tiles-3 {
    overflow: visible;
  }
  .tiles-3 > .items {
    margin-left: -32px;
    margin-top: -48px;
  }
  .tiles-3 > .items > .item {
    padding-left: 32px;
    padding-top: 48px;
    width: 50%;
  }
}
@media screen and (min-width: 1121px) {
  .tiles-3 {
    overflow: visible;
  }
  .tiles-3 > .items {
    margin-left: -32px;
    margin-top: -32px;
  }
  .tiles-3 > .items > .item {
    padding-left: 32px;
    padding-top: 32px;
    width: 33.33333%;
  }
}

.tiles-4 {
  overflow: hidden;
}
.tiles-4 > .items > .item {
  display: inline-block;
  vertical-align: top;
}
@media screen and (max-width: 767px) {
  .tiles-4 {
    overflow: visible;
  }
  .tiles-4 > .items {
    margin-left: -16px;
    margin-top: -16px;
  }
  .tiles-4 > .items > .item {
    padding-left: 16px;
    padding-top: 16px;
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1120px) {
  .tiles-4 {
    overflow: visible;
  }
  .tiles-4 > .items {
    margin-left: -48px;
    margin-top: -48px;
  }
  .tiles-4 > .items > .item {
    padding-left: 48px;
    padding-top: 48px;
    width: 50%;
  }
}
@media screen and (min-width: 1121px) {
  .tiles-4 {
    overflow: visible;
  }
  .tiles-4 > .items {
    margin-left: -32px;
    margin-top: -32px;
  }
  .tiles-4 > .items > .item {
    padding-left: 32px;
    padding-top: 32px;
    width: 25%;
  }
}

.feature .image {
  position: relative;
  margin: auto;
  width: 90px;
  height: 96px;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
}
.feature .image:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  font-family: 'site-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  font-size: 96px;
  color: #f0f0f0;
  width: 90px;
  height: 96px;
}
.feature .image img {
  position: relative;
  display: block;
  max-width: 100%;
  height: auto;
  margin: auto;
}
.feature .details {
  margin-top: 32px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .feature .details .title {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.2;
  }
}
@media screen and (min-width: 768px) and (max-width: 1120px) {
  .feature .details .title {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 23px;
    font-weight: 800;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1121px) {
  .feature .details .title {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 23px;
    font-weight: 800;
    line-height: 1.2;
  }
}
.feature .details .summary {
  margin-top: 16px;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 16px;
  letter-spacing: 0.03em;
  line-height: 1.5;
}

.slides {
  position: relative;
}
.slides .slide {
  text-align: center;
}
.slides .controls .swiper-pagination {
  position: static;
  margin-top: 48px;
}
.slides .controls .swiper-pagination .swiper-pagination-bullet {
  display: inline-block;
  vertical-align: top;
  width: 24px;
  height: 24px;
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 0;
  background-color: transparent;
  opacity: 1;
}
.slides .controls .swiper-pagination .swiper-pagination-bullet:before {
  display: inline-block;
  vertical-align: middle;
  font-family: 'site-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  font-size: 16px;
  color: #ffa000;
  opacity: 0.2;
}
body:not(.touch) .slides .controls .swiper-pagination .swiper-pagination-bullet:hover:before {
  opacity: 1;
}
.slides .controls .swiper-pagination .swiper-pagination-bullet-active:before {
  font-size: 24px;
  opacity: 1;
}

.review .summary {
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 19px;
  line-height: 1.7;
}
.review .action {
  margin-top: 8px;
  margin-bottom: 8px;
}
.review .action a {
  display: block;
  padding: 14px;
  text-align: center;
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0.05em;
  line-height: 1.2;
  text-transform: uppercase;
  color: #ffa000;
}
body:not(.touch) .review .action a:hover {
  color: #ff6f00;
}
.review .person {
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 16px;
  letter-spacing: 0.03em;
  line-height: 1.5;
  color: #999999;
}

.items-list .items .item + .item {
  margin-top: 168px;
}

.tariff {
  text-align: center;
  background-color: #f0f0f0;
  border-radius: 24px;
}
.tariff .body {
  margin: auto;
}
.tariff .summary {
  margin-top: 24px;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 19px;
  line-height: 1.7;
}
.tariff .action {
  margin-top: 40px;
}
.tariff .action .btn-note {
  margin-top: 16px;
}
.tariff .action .btn-note .rich-content {
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 16px;
  letter-spacing: 0.03em;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .tariff {
    padding-top: 32px;
    padding-bottom: 32px;
    padding-left: 16px;
    padding-right: 16px;
  }
  .tariff .title {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 23px;
    font-weight: 800;
    line-height: 1.2;
  }
}
@media screen and (min-width: 768px) and (max-width: 1120px) {
  .tariff {
    padding-top: 64px;
    padding-bottom: 64px;
    padding-left: 64px;
    padding-right: 64px;
  }
  .tariff .title {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 34px;
    font-weight: 800;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1121px) {
  .tariff {
    padding-top: 64px;
    padding-bottom: 64px;
    padding-left: 64px;
    padding-right: 64px;
  }
  .tariff .body {
    max-width: 560px;
  }
  .tariff .title {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 34px;
    font-weight: 800;
    line-height: 1.2;
  }
}

.subnav .items .item {
  display: inline-block;
  vertical-align: top;
  background-color: #f0f0f0;
  border-radius: 24px;
  text-align: center;
}
.subnav .items .item .image img {
  display: inline-block;
  vertical-align: top;
}
.subnav .items .item .title {
  margin-top: 30px;
}
body:not(.touch) .subnav .items .item:hover {
  background-color: #cccccc;
}
@media screen and (max-width: 767px) {
  .subnav {
    margin-bottom: 96px;
  }
  .subnav .items .item {
    padding: 40px;
    width: 100%;
  }
  .subnav .items .item:not(:first-child) {
    margin-top: 16px;
  }
  .subnav .items .item .title {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.2;
  }
}
@media screen and (min-width: 768px) and (max-width: 1120px) {
  .subnav {
    margin-bottom: 120px;
  }
  .subnav .items .item {
    padding: 40px 30px;
    width: 30%;
  }
  .subnav .items .item:not(:first-child) {
    margin-left: 5%;
  }
  .subnav .items .item .title {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 23px;
    font-weight: 800;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1121px) {
  .subnav {
    margin-bottom: 120px;
  }
  .subnav .items .item {
    padding: 40px;
    width: 30%;
  }
  .subnav .items .item:not(:first-child) {
    margin-left: 5%;
  }
  .subnav .items .item .title {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 23px;
    font-weight: 800;
    line-height: 1.2;
  }
}

.sidebar-layout aside .sidebar-title {
  color: #999999;
}
.sidebar-layout aside, .sidebar-layout aside a {
  color: #999999;
}
@media screen and (max-width: 767px) {
  .sidebar-layout aside .sidebar-title {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 24px;
  }
  .sidebar-layout aside {
    margin-top: 96px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1120px) {
  .sidebar-layout aside .sidebar-title {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 23px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 32px;
  }
  .sidebar-layout aside {
    margin-top: 96px;
  }
}
@media screen and (min-width: 1121px) {
  .sidebar-layout {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-align: start;
    -moz-box-align: start;
    box-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-align: start;
  }
  .sidebar-layout aside .sidebar-title {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 23px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 32px;
  }
  .sidebar-layout .sidebar-layout-content {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  .sidebar-layout aside {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 280px;
    -moz-flex: 0 0 280px;
    -ms-flex: 0 0 280px;
    flex: 0 0 280px;
    width: 280px;
    margin-left: 72px;
  }
}

.narrow-content {
  max-width: 672px;
}

.list .items {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-width: 300px;
  -moz-column-width: 300px;
  column-width: 300px;
  -webkit-column-gap: 32px;
  -moz-column-gap: 32px;
  column-gap: 32px;
  margin-top: -16px;
  margin-bottom: -16px;
}
.list .items .item {
  display: block;
  padding-top: 16px;
  padding-bottom: 16px;
}

.changes-item {
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 16px;
  letter-spacing: 0.03em;
  line-height: 1.2;
}
.changes-item .version {
  display: inline-block;
  min-width: 56px;
  margin-right: 8px;
}
.changes-item .site-icon-kroshka {
  font-size: 16px;
  color: #f0f0f0;
  margin-left: 3px;
  margin-right: 3px;
}
body:not(.touch) .changes-item:hover {
  color: #ff6f00;
}
body:not(.touch) .changes-item:hover .site-icon-kroshka {
  color: inherit;
}
.changes-item.changes-item-selected {
  color: #ffa000;
}
.changes-item.changes-item-selected .site-icon-kroshka {
  color: inherit;
}

.card {
  background-color: #f0f0f0;
  border-radius: 14px;
  padding: 24px;
}
.card .body {
  text-align: center;
}
.card .body .title {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-size: 23px;
  font-weight: 800;
  line-height: 1.2;
}
.card .body .note {
  margin-top: 16px;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 16px;
  letter-spacing: 0.03em;
  line-height: 1.5;
}
.card .footer {
  margin-top: 32px;
  text-align: center;
}
@media screen and (min-width: 768px) and (max-width: 1120px) {
  .card {
    min-height: 320px;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
  }
  .card .body {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  .card .footer {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 1121px) {
  .card {
    min-height: 320px;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
  }
  .card .body {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  .card .footer {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
}

.card-note {
  margin-top: 8px;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 16px;
  letter-spacing: 0.03em;
  line-height: 1.2;
  color: #999999;
  text-align: center;
}

.gray-card {
  background-color: #f0f0f0;
  border-radius: 24px;
  text-align: center;
}
.gray-card .action {
  margin-top: 32px;
}
@media screen and (max-width: 767px) {
  .gray-card {
    padding: 32px 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1120px) {
  .gray-card {
    padding: 64px;
  }
}
@media screen and (min-width: 1121px) {
  .gray-card {
    padding: 64px;
  }
}

.toc-layout {
  overflow: hidden;
}
.toc-layout .toc .items .item {
  padding: 14px 16px;
  border-radius: 12px;
  background-color: #f0f0f0;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
}
.toc-layout .toc .items .item .image,
.toc-layout .toc .items .item .text {
  display: block;
}
.toc-layout .toc .items .item .image {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: 5px;
}
.toc-layout .toc .items .item .image img {
  display: inline-block;
  vertical-align: middle;
}
.toc-layout .toc .items .item .text {
  display: inline-block;
  margin-top: 1px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0.05em;
  line-height: 1.2;
  text-transform: uppercase;
}
.toc-layout .toc .items .item.item-selected {
  color: white;
  background-color: #ffa000;
}
body:not(.touch) .toc-layout .toc .items .item:not(.item-selected):hover {
  background-color: #cccccc;
}
.toc-layout .toc-layout-content {
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .toc-layout .toc {
    margin-bottom: 48px;
  }
  .toc-layout .toc .items {
    margin-top: -16px;
    margin-left: 0;
  }
  .toc-layout .toc .items .item {
    margin-top: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1120px) {
  .toc-layout .toc {
    margin-bottom: 48px;
  }
  .toc-layout .toc .items {
    margin-top: -16px;
    margin-left: -16px;
  }
  .toc-layout .toc .items .item {
    margin-top: 16px;
    margin-left: 16px;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: top;
  }
}
@media screen and (min-width: 1121px) {
  .toc-layout .toc {
    margin-left: 72px;
  }
  .toc-layout .toc .items {
    margin-top: -16px;
    margin-left: 0;
  }
  .toc-layout .toc .items .item {
    margin-top: 16px;
  }
  .toc-layout::after {
    clear: both;
    content: "";
    display: table;
  }
  .toc-layout .toc {
    float: right;
    width: 280px;
  }
  .toc-layout .toc-layout-content {
    overflow: hidden;
  }
}

.toggle-list .item .caption {
  position: relative;
  display: block;
}
.toggle-list .item .caption:after {
  font-family: 'site-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
}
.toggle-list .item .summary, .toggle-list .item.collapsed .summary {
  display: none;
}
.toggle-list .item.expanded .caption:after, .toggle-list .item:not(.collapsed):target .caption:after {
  content: "";
}
.toggle-list .item.expanded .summary, .toggle-list .item:not(.collapsed):target .summary {
  display: block;
}

.faq-list .items .faq-item .caption:after {
  margin-left: 8px;
  font-size: 15px;
  color: #ffa000;
}
body:not(.touch) .faq-list .items .faq-item .caption:hover {
  color: #ffa000;
}
.faq-list .items .faq-item .summary .rich-content {
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 16px;
  letter-spacing: 0.03em;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .faq-list .items {
    margin-top: -32px;
  }
  .faq-list .items .faq-item {
    margin-top: 32px;
  }
  .faq-list .items .faq-item .caption {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.2;
  }
  .faq-list .items .faq-item .summary {
    margin-top: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1120px) {
  .faq-list .items {
    margin-top: -48px;
  }
  .faq-list .items .faq-item {
    margin-top: 48px;
  }
  .faq-list .items .faq-item .caption {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 23px;
    font-weight: 800;
    line-height: 1.2;
  }
  .faq-list .items .faq-item .summary {
    margin-top: 24px;
  }
}
@media screen and (min-width: 1121px) {
  .faq-list .items {
    margin-top: -48px;
  }
  .faq-list .items .faq-item {
    margin-top: 48px;
  }
  .faq-list .items .faq-item .caption {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 23px;
    font-weight: 800;
    line-height: 1.2;
  }
  .faq-list .items .faq-item .summary {
    margin-top: 24px;
  }
}

.video-list > .items > .item .video-header .supertitle {
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 16px;
  letter-spacing: 0.03em;
  line-height: 1.2;
  color: #999999;
  margin-bottom: 8px;
}
.video-list > .items > .item .video-chapters, .video-list > .items > .item .video-chapters a {
  color: #999999;
}
.video-list > .items > .item .video-chapters .title {
  margin-bottom: 24px;
}
.video-list > .items > .item .video-chapters .items .item {
  display: block;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 16px;
}
.video-list > .items > .item .video-chapters .items .item .time {
  min-width: 40px;
  text-align: right;
}
.video-list > .items > .item .video-chapters .items .item .text:before {
  margin-left: 8px;
  margin-right: 8px;
  font-family: 'site-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  font-size: 16px;
  color: #f0f0f0;
}
body:not(.touch) .video-list > .items > .item .video-chapters .items .item:hover, body:not(.touch) .video-list > .items > .item .video-chapters .items .item:hover .text:before {
  color: #ff6f00;
}
@media screen and (max-width: 767px) {
  .video-list > .items > .item {
    margin-top: 90px;
  }
  .video-list .video-header {
    margin-right: 0;
    margin-bottom: 24px;
  }
  .video-list .video-header .title {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 23px;
    font-weight: 800;
    line-height: 1.2;
  }
  .video-list .video-details .video-chapters {
    margin-top: 32px;
  }
  .video-list .video-details .video-chapters .title {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-weight: 800;
    line-height: 1.2;
  }
}
@media screen and (min-width: 768px) and (max-width: 1120px) {
  .video-list > .items > .item {
    margin-top: 96px;
  }
  .video-list .video-header {
    margin-right: 0;
    margin-bottom: 32px;
  }
  .video-list .video-header .title {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 34px;
    font-weight: 800;
    line-height: 1.2;
  }
  .video-list .video-details .video-chapters {
    margin-top: 48px;
  }
  .video-list .video-details .video-chapters .title {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-weight: 800;
    line-height: 1.2;
  }
  .video-list .video-details .video-chapters .items {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
  }
}
@media screen and (min-width: 1121px) {
  .video-list > .items > .item {
    margin-top: 96px;
  }
  .video-list .video-header {
    margin-right: 352px;
    margin-bottom: 32px;
  }
  .video-list .video-header .title {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 34px;
    font-weight: 800;
    line-height: 1.2;
  }
  .video-list .video-details {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-align: start;
    -moz-box-align: start;
    box-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-align: start;
  }
  .video-list .video-details .video-chapters {
    margin-left: 72px;
  }
  .video-list .video-details .video-chapters .title {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 23px;
    font-weight: 800;
    line-height: 1.2;
  }
  .video-list .video-details .video-embed {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  .video-list .video-details .video-chapters {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 280px;
  }
}

.video-item .video-embed {
  position: relative;
}
.video-item .video-embed:before {
  content: '';
  float: left;
  padding-bottom: 56.25%;
  margin-right: -100%;
}
.video-item .video-embed:after {
  content: '';
  display: table;
  clear: both;
}
.video-item .video-embed iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.form > .form-fields {
  max-width: 433px;
}
.form .form-fields .form-group .form-label {
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 16px;
  letter-spacing: 0.03em;
  line-height: 1.2;
  display: block;
  margin-bottom: 8px;
}
.form .form-fields .form-group .form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  outline: none;
  border: 3px solid #d9d9d9;
  border-radius: 12px;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 19px;
  line-height: 1.2;
  color: #333333;
  background-color: white;
  padding: 13px;
  display: block;
  width: 100%;
}
.form .form-fields .form-group .form-control:focus {
  border-color: #ffa000;
}
.form .form-fields .form-group .validation-advice {
  margin-top: 8px;
  color: #ff5d4d;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 16px;
  letter-spacing: 0.03em;
  line-height: 1.5;
}
.form .form-fields .form-group.form-group-error .form-control {
  border-color: #ff5d4d;
}
.form .form-message-text {
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 19px;
  line-height: 1.7;
}
@media screen and (max-width: 767px) {
  .text + .form {
    margin-top: 32px;
  }
  .form .form-fields .form-group,
  .form .form-fieldset {
    margin-bottom: 24px;
  }
  .form .form-actions {
    margin-top: 32px;
  }
  .form .form-actions .btn, .form .form-actions .btn-filled, .form .form-actions .btn-image {
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1120px) {
  .text + .form {
    margin-top: 40px;
  }
  .form .form-fields .form-group,
  .form .form-fieldset {
    margin-bottom: 32px;
  }
  .form .form-actions {
    margin-top: 40px;
  }
}
@media screen and (min-width: 1121px) {
  .text + .form {
    margin-top: 40px;
  }
  .form .form-fields .form-group,
  .form .form-fieldset {
    margin-bottom: 32px;
  }
  .form .form-actions {
    margin-top: 40px;
  }
}
.form.form-sending {
  position: relative;
}
.form.form-sending:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(240, 240, 240, 0.6);
  background-image: url("/App/Site/Assets/i/spinner.gif");
  background-position: center;
  background-repeat: no-repeat;
}

body.dialog-open {
  overflow: hidden;
}

@-webkit-keyframes mask-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes mask-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mask-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.dialog-box-mask {
  content: ' ';
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 104;
  -webkit-animation: mask-fade-in 0.5s ease;
  -moz-animation: mask-fade-in 0.5s ease;
  animation: mask-fade-in 0.5s ease;
}

.dialog-box {
  position: fixed;
  z-index: 105;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  display: none;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  overflow-x: auto;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 0;
}
.dialog-box.dialog-box-opened {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  .dialog-box {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1120px) {
  .dialog-box {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media screen and (min-width: 1121px) {
  .dialog-box {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media screen and (max-width: 767px) {
  .dialog-box {
    padding-top: 68px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1120px) {
  .dialog-box {
    padding-top: 100px;
  }
}
@media screen and (min-width: 1121px) {
  .dialog-box {
    padding-top: 100px;
  }
}
.dialog-box:after {
  content: '\00a0';
  display: block;
  line-height: 1;
  font-size: 40px;
}
.dialog-box .dialog {
  position: relative;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin: auto;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .dialog-box .dialog {
    padding-top: 48px;
    padding-bottom: 48px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1120px) {
  .dialog-box .dialog {
    max-width: 624px;
    min-height: 320px;
    padding-top: 48px;
    padding-bottom: 48px;
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media screen and (min-width: 1121px) {
  .dialog-box .dialog {
    max-width: 624px;
    min-height: 320px;
    padding-top: 48px;
    padding-bottom: 48px;
    padding-left: 48px;
    padding-right: 48px;
  }
}
.dialog-box .dialog-loading-spinner {
  max-width: 100%;
}

.dialog-box-mask {
  background-color: rgba(255, 255, 255, 0.5);
}

.dialog {
  color: #333333;
  border: 1px solid #e5e5e5;
  background-color: #f0f0f0;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12);
}
@media screen and (min-width: 768px) and (max-width: 1120px) {
  .dialog {
    border-radius: 24px;
  }
}
@media screen and (min-width: 1121px) {
  .dialog {
    border-radius: 24px;
  }
}
.dialog .dialog-content,
.dialog .close-action,
.dialog .spinner {
  position: relative;
}
@media screen and (max-width: 767px) {
  .dialog .dialog-title {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 23px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1120px) {
  .dialog .dialog-title {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 34px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 1121px) {
  .dialog .dialog-title {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-size: 34px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 24px;
  }
}
.dialog .close-action {
  position: absolute;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .dialog .close-action {
    top: 3px;
    right: 2px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1120px) {
  .dialog .close-action {
    top: 3px;
    right: 2px;
  }
}
@media screen and (min-width: 1121px) {
  .dialog .close-action {
    top: 3px;
    right: 2px;
  }
}
.dialog .close-action:after {
  display: block;
  font-family: 'site-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  color: #333333;
}
@media screen and (max-width: 767px) {
  .dialog .close-action:after {
    padding: 13px;
    font-size: 22px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1120px) {
  .dialog .close-action:after {
    padding: 13px;
    font-size: 22px;
  }
}
@media screen and (min-width: 1121px) {
  .dialog .close-action:after {
    padding: 13px;
    font-size: 22px;
  }
}
body:not(.touch) .dialog .close-action:hover:after {
  color: #999999;
}
.dialog.dialog-loading:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 64px;
  height: 64px;
  background-image: url("/App/Site/Assets/i/spinner.gif");
  background-position: center center;
  background-repeat: no-repeat;
}
.dialog.dialog-loading .dialog-content {
  position: relative;
  min-height: 200px;
}
.dialog section {
  padding-left: 0;
  padding-right: 0;
}
.dialog section:first-child {
  margin-top: 0;
}
.dialog section:last-child {
  margin-bottom: 0;
}
.dialog .page-content {
  padding-left: 0;
  padding-right: 0;
  max-width: none;
}
.dialog .text {
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 19px;
  line-height: 1.7;
}

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