@font-face {
  font-family: 'Segoe UI';
  src: url("../fonts/segoe/SegoeUI-Light.eot");
  src: local("Segoe UI Light"), local("SegoeUI-Light"), url("../fonts/segoe/SegoeUI-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/segoe/SegoeUI-Light.woff") format("woff"), url("../fonts/segoe/SegoeUI-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Segoe UI';
  src: url("../fonts/segoe/SegoeUI-BoldItalic.eot");
  src: local("Segoe UI Bold Italic"), local("SegoeUI-BoldItalic"), url("../fonts/segoe/SegoeUI-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/segoe/SegoeUI-BoldItalic.woff") format("woff"), url("../fonts/segoe/SegoeUI-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic; }

@font-face {
  font-family: 'Segoe UI';
  src: url("../fonts/segoe/SegoeUI-SemiBold.eot");
  src: local("Segoe UI Semibold"), local("SegoeUI-SemiBold"), url("../fonts/segoe/SegoeUI-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/segoe/SegoeUI-SemiBold.woff") format("woff"), url("../fonts/segoe/SegoeUI-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'Segoe UI';
  src: url("../fonts/segoe/SegoeUI.eot");
  src: local("Segoe UI"), local("SegoeUI"), url("../fonts/segoe/SegoeUI.eot?#iefix") format("embedded-opentype"), url("../fonts/segoe/SegoeUI.woff") format("woff"), url("../fonts/segoe/SegoeUI.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Segoe UI';
  src: url("../fonts/segoe/SegoeUI-Bold.eot");
  src: local("Segoe UI Bold"), local("SegoeUI-Bold"), url("../fonts/segoe/SegoeUI-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/segoe/SegoeUI-Bold.woff") format("woff"), url("../fonts/segoe/SegoeUI-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'Segoe UI';
  src: url("../fonts/segoe/SegoeUI-Italic.eot");
  src: local("Segoe UI Italic"), local("SegoeUI-Italic"), url("../fonts/segoe/SegoeUI-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/segoe/SegoeUI-Italic.woff") format("woff"), url("../fonts/segoe/SegoeUI-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic; }

.popup.popup-age > .inner {
  background: #1C1D1F;
  max-width: 654px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 56px; }

.popup.popup-age .age-icon {
  width: 56px;
  height: 56px;
  border: 1px solid #ff9100;
  border-radius: 12px;
  opacity: 1;
  margin: 0 auto 16px;
  color: #ff9100;
  font-weight: bold;
  text-align: center;
  line-height: 52px;
  font-size: 18px; }

.popup.popup-age .uppercase-title {
  text-align: center;
  margin: 16px 0 20px;
  font-size: 16px;
  letter-spacing: 0.45px;
  color: #ff9100;
  opacity: 1; }

.popup.popup-age .agreetment {
  background: #313131 0% 0% no-repeat padding-box;
  box-shadow: 0px 5px 25px #000;
  border-radius: 6px;
  margin: 32px 0;
  padding: 32px 56px;
  text-align: center; }
  .popup.popup-age .agreetment .text {
    font-size: 14px;
    color: #fff;
    margin: 0 0 32px; }

.popup.popup-age .btn-list {
  margin: 32px -16px 0; }
  .popup.popup-age .btn-list .item {
    padding: 0 16px;
    display: inline-block;
    vertical-align: top; }

.popup.popup-age .btn.middle-size {
  width: 138px;
  height: 56px;
  border-radius: 56px; }

.popup.popup-age .lead {
  text-align: center;
  font-size: 12px; }

.popup.popup-age .in-bl {
  display: inline-block; }

@media (max-width: 640px) {
  .popup.popup-age > .inner {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px; }
  .popup.popup-age .uppercase-title {
    margin: 15px 0;
    font-size: 16px; }
  .popup.popup-age .agreetment {
    margin: 20px 0;
    padding: 20px 30px;
    text-align: center; }
    .popup.popup-age .agreetment .text {
      margin: 0 0 30px; }
  .popup.popup-age .btn-list {
    margin: 30px -10px 0; }
    .popup.popup-age .btn-list .item {
      padding: 0 10px; }
  .popup.popup-age .btn.middle-size {
    width: 138px;
    height: 48px; }
  .popup.popup-age .lead {
    max-width: 85%;
    margin-left: auto;
    margin-right: auto; } }

@media (max-width: 525px) {
  .popup.popup-age > .inner {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px; }
  .popup.popup-age .uppercase-title {
    margin: 15px 0;
    font-size: 16px; }
  .popup.popup-age .agreetment {
    margin: 15px 0;
    padding: 15px 20px;
    text-align: center; }
    .popup.popup-age .agreetment .text {
      margin: 0 0 20px; }
  .popup.popup-age .btn-list {
    margin: 20px -10px 0;
    font-size: 0; }
    .popup.popup-age .btn-list .item {
      padding: 0 10px;
      width: 50%; }
  .popup.popup-age .btn.middle-size {
    width: 100%;
    height: 48px; } }