@charset "UTF-8";

@font-face {
  font-family: "GothamPro";
  font-style: normal;
  font-weight: 300;
  src: url("../font/GothamPro/GothamPro-Light.woff2") format("woff2");
  font-display: fallback; }
@font-face {
  font-family: "GothamPro";
  font-style: normal;
  font-weight: 400;
  src: url("../font/GothamPro/GothamPro.woff2") format("woff2");
  font-display: fallback; }
@font-face {
  font-family: "GothamPro";
  font-style: normal;
  font-weight: 500;
  src: url("../font/GothamPro/GothamPro-Medium.woff2") format("woff2");
  font-display: fallback; }
@font-face {
  font-family: "GothamPro";
  font-style: normal;
  font-weight: 700;
  src: url("../font/GothamPro/GothamPro-Bold.woff2") format("woff2");
  font-display: fallback; }
@font-face {
  font-family: "GothamPro";
  font-style: normal;
  font-weight: 900;
  src: url("../font/GothamPro/GothamPro-Black.woff2") format("woff2");
  font-display: fallback; }

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-display: fallback; }

::placeholder {
  color: #666; }

::selection {
  background-color: #FC6118;
  color: #fff; }

input, textarea {
  outline: none; }
  input:focus:required:invalid, textarea:focus:required:invalid {
    border-color: red; }
  input:required:valid, textarea:required:valid {
    border-color: green; }

body {
  font-size: 16px;
  min-width: 360px;
  position: relative;
  line-height: 1.4;
  font-family: "GothamPro", sans-serif;
  overflow-x: hidden;
  color: #353535;
  transition: all 0.3s;
  background-color: #fff; }

a, button, input {
  text-decoration: none;
  transition: all 0.25s; }
  a:hover, button:hover, input:hover {
    text-decoration: none;
    box-shadow: none;
    outline: 0;
    outline-offset: 0; }
  a:visited, button:visited, input:visited {
    text-decoration: none;
    outline: 0;
    outline-offset: 0; }
  a:active, button:active, input:active {
    text-decoration: none;
    outline: 0;
    outline-offset: 0; }
  a::link, button::link, input::link {
    text-decoration: none;
    outline: 0;
    outline-offset: 0; }
  a:focus, button:focus, input:focus {
    text-decoration: none;
    outline: 0;
    outline-offset: 0; }

.page-city {
  min-width: 100vw;
  min-height: 100vh;
  background: #F8F8F8;
  position: relative;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: linear-gradient(135deg, #fc6118 0%, #fc9218 100%); }
  .page-city:after {
    content: "";
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url("/img/fon.png");
    opacity: 0.3;
    display: block; }
  .page-city-content {
    z-index: 2;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    overflow: hidden;
    width: 400px; }
    .page-city-content-logo {
      width: 350px;
      margin: 10px 0px 10px 0px; }
    .page-city-content-menu {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 20px 25px 25px 25px;
      background: rgba(53, 53, 53, 0.2);
      border-radius: 10px;
      width: 100%; }
      .page-city-content-menu .caption {
        font-size: 20px;
        font-weight: bold;
        color: #fff;
        text-transform: uppercase;
        margin-bottom: 10px;
        text-align: center; }
      .page-city-content-menu a {
        font-size: 40px;
        font-weight: 600;
        color: #fff;
        transition: all 0.35s;
        line-height: 1.35; }
        .page-city-content-menu a:hover {
          color: #353535; }



/*==========  Desktop First  ========== */
/* Large Devices, Wide Screens */
@media only screen and (max-width: 1920px) {  /* */ }
/* Large Devices, Wide Screens */
@media only screen and (max-width: 1600px) {  /* */ }
/* Large Devices, Wide Screens */
@media only screen and (max-width: 1440px) {  /* */ }
/* Large Devices, Wide Screens */
@media only screen and (max-width: 1360px) {  /* */ }
/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {  /* */ }
/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
  .page-city-content {
    width: 350px; }
    .page-city-content-logo {
      width: 300px; }
    .page-city-content-menu .caption {
      font-size: 18px; }
    .page-city-content-menu a {
      font-size: 30px; } 
}
/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {  /* */ }
/* Small Devices, Tablets */
@media only screen and (max-width: 739px) {  /* */ }
/* Small Devices, Tablets */
@media only screen and (max-width: 625px) {  /* */ }
/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
  .page-city-content {
    width: 320px; }
    .page-city-content-logo {
      width: 280px; } 
}
/* Custom, iPhone Retina */
@media only screen and (max-width: 360px) {
  /* */ }
/*==========  Mobile First  ========== */
/* Custom, iPhone Retina */
@media only screen and (min-width: 0px) {
  /* */ }
/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) {
  /* */ }
/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
  /* */ }
/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
  /* */ }
/* Large Devices, Wide Screens */
/* Large Devices, Wide Screens */
@media only screen and (min-width: 1360px) {
  /* */ }
/* Large Devices, Wide Screens */
@media only screen and (min-width: 1440px) {
  /* */ }
/* Large Devices, Wide Screens */
@media only screen and (min-width: 1600px) {
  /* */ }
/* Large Devices, Wide Screens */
@media only screen and (min-width: 1920px) {
  /* */ }