@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 {
  position: fixed;
  z-index: 20;
  background: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
  white-space: nowrap;
  text-align: center;
  transition: .3s;
  font-size: 0;
  opacity: 0;
  display: none;
  padding: 5px; }
  .popup:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%; }
  .popup .block {
    padding: 20px 50px; }
    .popup .block:not(:last-child) {
      border-bottom: 1px solid #eee; }
    .popup .block.no-border {
      border: none; }
  .popup .socials-list {
    margin-top: 10px; }
  .popup .close-popup {
    position: absolute;
    width: 70px;
    height: 70px;
    line-height: 70px;
    top: 0;
    right: 0;
    border-radius: 0;
    border: none;
    background: transparent;
    transition: .2s;
    font-size: 46px;
    font-family: "Segoe UI", sans-serif;
    font-weight: 300;
    color: #999;
    z-index: 5; }
    .popup .close-popup:hover {
      color: #ff4700; }
  .popup .paragraph {
    line-height: 1.4;
    margin: 10px 0; }
    .popup .paragraph:first-child {
      margin-top: 0; }
    .popup .paragraph:last-child {
      margin-bottom: 0; }
  .popup > .inner {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    padding: 50px 120px 30px;
    color: inherit;
    max-width: 600px;
    background: transparent;
    border-radius: 3px;
    text-align: left;
    background: #313131;
    font-size: 14px;
    white-space: normal;
    position: relative;
    transition: .3s;
    opacity: 0;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.5); }
    .popup > .inner.collapsed {
      padding-bottom: 0;
      padding-left: 0;
      padding-right: 0; }
    .popup > .inner.collapsed-top {
      padding-top: 0; }
    .popup > .inner:before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 10px; }
  .popup .dark-outer {
    background-color: #212121;
    margin: 30px -120px;
    padding: 20px;
    color: #bababa; }
    .popup .dark-outer.collapsed {
      margin-bottom: 0;
      margin-left: 0;
      margin-right: 0; }
    .popup .dark-outer .input.lined:-webkit-autofill, .popup .dark-outer .input.lined:-webkit-autofill:hover, .popup .dark-outer .input.lined:-webkit-autofill:focus, .popup .dark-outer .input.lined:-webkit-autofill:active {
      -webkit-box-shadow: 0 0 0 100px #212121 inset;
      -webkit-text-fill-color: #fff; }
    .popup .dark-outer .crop-container {
      overflow: hidden; }
      .popup .dark-outer .crop-container img {
        display: block;
        height: 100%;
        width: 100%;
        image-orientation: 0deg;
        max-height: none !important;
        max-width: none !important;
        min-height: 0 !important;
        min-width: 0 !important; }
    .popup .dark-outer.spaced-left {
      padding-left: 120px; }
  .popup .bottom-side {
    margin: 0 -120px;
    padding: 0 20px; }
  .popup .title {
    margin: 0 0 30px;
    line-height: 1.2;
    font-size: 18px;
    text-transform: none;
    font-weight: 400;
    color: #fff; }
    .popup .title.uppercase {
      text-transform: uppercase; }
    .popup .title .logo {
      display: inline-block;
      width: 110px;
      height: 28px;
      background: url(../img/logo.png) no-repeat;
      background-size: 100%;
      vertical-align: middle;
      position: relative;
      bottom: 2px;
      margin-right: 5px; }
    .popup .title.align-left {
      text-align: left; }
    .popup .title.align-right {
      text-align: right; }
    .popup .title.collapsed-top {
      padding-top: 0; }
    .popup .title.paddless {
      padding-left: 0;
      padding-right: 0; }
  .popup.showed {
    display: block; }
  .popup.active {
    opacity: 1;
    display: block; }
    .popup.active .inner {
      transition-delay: .2s;
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0); }
  .popup .call-login {
    cursor: pointer; }
  .popup .input {
    border-radius: 0; }
    .popup .input:-webkit-autofill {
      -webkit-box-shadow: 0 0 0 100px #333 inset;
      -webkit-text-fill-color: #fff; }

.popup.large > .inner {
  max-width: 750px; }

.popup.largest > .inner {
  max-width: 1000px; }

.popup.gallery-popup {
  padding: 20px; }
  .popup.gallery-popup > .inner {
    max-width: 100%;
    padding: 20px; }
  .popup.gallery-popup .title {
    margin-bottom: 0; }
  .popup.gallery-popup .close-popup {
    height: 55px;
    line-height: 55px; }
  .popup.gallery-popup.edit-popup > .inner {
    padding: 70px 20px 15px; }

.popup.show-popup {
  padding: 50px 0; }
  .popup.show-popup.small > .inner {
    max-width: 610px; }
  .popup.show-popup > .inner {
    max-width: 1210px; }
  .popup.show-popup .close-popup {
    right: auto;
    top: auto;
    left: 100%;
    bottom: 100%;
    width: 40px;
    height: 40px;
    line-height: 40px; }
  .popup.show-popup .main-side {
    padding: 46px 56px;
    background-color: #313131; }
  .popup.show-popup .other-side {
    padding: 46px 56px;
    background-color: #1c1d1f; }
    .popup.show-popup .other-side .title {
      color: #fff;
      font-size: 22px;
      font-weight: 600;
      letter-spacing: 0.44px;
      line-height: 20px;
      padding-bottom: 16px;
      text-transform: uppercase;
      border-bottom: 1px solid #000; }

/*media*/
@media (max-width: 1320px) {
  .popup.show-popup .close-popup {
    bottom: 100%;
    right: 0;
    top: auto;
    left: auto;
    z-index: 2;
    line-height: 1;
    height: auto;
    width: 54px;
    line-height: 1;
    padding: 0 0 8px; } }

@media (max-width: 1199px) {
  .popup.show-popup .side-cover {
    font-size: 0;
    white-space: nowrap; }
  .popup.show-popup .main-side,
  .popup.show-popup .other-side {
    padding: 30px; } }

@media (max-width: 768px) {
  .popup > .inner {
    padding: 50px 80px; }
  .popup .dark-outer {
    margin-left: -80px;
    margin-right: -80px; }
    .popup .dark-outer.spaced-left {
      padding-left: 80px; }
  .popup .bottom-side {
    margin-left: -80px;
    margin-right: -80px; }
  .popup.show-popup .side-cover {
    font-size: 0;
    white-space: nowrap; }
  .popup.show-popup .main-side,
  .popup.show-popup .other-side {
    padding: 25px; } }

@media (max-width: 480px) {
  .popup {
    padding: 0;
    background: #333; }
    .popup > .inner {
      padding: 20px;
      border-radius: 0;
      padding-top: 30px; }
      .popup > .inner > .title {
        margin-bottom: 15px;
        margin-top: 10px;
        padding: 0 10px; }
        .popup > .inner > .title .logo {
          display: block; }
    .popup .close-popup {
      width: 30px;
      height: 30px;
      right: 10px;
      top: 5px;
      line-height: 30px;
      font-size: 36px; }
    .popup .dark-outer {
      margin-left: -20px;
      margin-right: -20px; }
      .popup .dark-outer.spaced-left {
        padding-left: 20px; }
    .popup .bottom-side {
      margin-left: -20px;
      margin-right: -20px; }
  .popup.gallery-popup {
    padding-top: 60px;
    padding-bottom: 50px; }
  .popup.show-popup .other-side .title {
    font-size: 18px; } }