@charset "UTF-8";
:root { 
  --text-black: rgba(0,0,0,.7);
  --text-black-light: rgba(0,0,0,.3);
  --grey-light: rgba(245, 245, 245, 1);
  --link: rgba(33,133,208,1);
  --link-hover: rgba(31, 109, 175, 1);
  --color-border: rgba(34, 34, 34, 0.15);
  --blue-light: rgba(235, 244, 251, 1);
  --white: rgb(255, 255, 255); }

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

/*---стандартные элементы----*/
html {
  height: 100%; }

body {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  margin: 0;
  padding: 0; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Calibri';
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.7); }

p, a {
  font-family: 'Calibri';
  margin: 0;
  padding: 0; }

hr {
  background: whitesmoke;
  border: 0.5px solid whitesmoke;
  width: 100%; }

main {
  /* Выставляем отступ с высотой footer по умолчанию */
  min-height: calc(100vh - 100px - 182px); }
  main a {
    color: #2185d0;
    text-decoration: none; }
    main a h1, main a h2, main a h3 {
      color: #2185d0;
      margin-left: 5rem; }
    main a :hover {
      color: #1a69a4; }

footer {
  min-height: 100px;
  background: #b5b5b5; }

.navigation-top {
  list-style: none;
  margin: 0;
  background: var(--grey-light);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  justify-content: flex-end; }
  .navigation-top a {
    text-decoration: none;
    display: block;
    padding: 1em 0.5em;
    color: var(--text-black-light); }
  .navigation-top a:hover {
    background: #e8e8e8; }
  .navigation-top p {
    text-decoration: none;
    display: block;
    padding: 1em 0.5em;
    color: var(--text-black-light); }
  .navigation-top li {
    border-right: 1px solid #e8e8e8; }
  .navigation-top li:last-of-type {
    border-right: none; }

.navigation {
  list-style: none;
  margin: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  justify-content: flex-end; }
  .navigation a {
    text-decoration: none;
    display: block;
    padding: 1em 0.5em;
    color: var(--link);
    text-transform: uppercase;
    font-weight: bold; }
  .navigation a:hover {
    color: #1a69a4; }

.flex {
  display: flex; }
  .flex.horizon.start {
    justify-content: flex-start; }
  .flex.horizon.center {
    justify-content: center; }
  .flex.horizon.between {
    justify-content: space-between; }
  .flex.horizon.end {
    justify-content: flex-end; }
  .flex.vertical.center {
    align-items: center; }
  .flex.vertical.stretch {
    align-items: stretch; }
  .flex.vertical.column {
    flex-direction: column; }
  .flex.print p {
    color: black; }

.flex-container {
  display: box;
  display: flex; }
  .flex-container .container {
    padding: 10px 30px; }
  .flex-container.center {
    justify-content: center;
    align-self: center; }
  .flex-container.card {
    flex-wrap: wrap; }
  .flex-container.wrap {
    flex-wrap: wrap; }

.flex-item {
  margin: 10px 10%; }

.shadow {
  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.5);
  position: relative; }

nav {
  width: 100%; }
  nav a {
    color: var(--link);
    text-transform: uppercase; }

.nav {
  margin-right: 10%;
  margin-left: 0; }

.page-header {
  background: whitesmoke;
  color: var(--text-black); }

.full-width {
  width: 100%; }

.logo a {
  color: var(--link);
  text-transform: uppercase;
  text-decoration: none; }
.logo h1 {
  color: var(--link);
  text-transform: uppercase;
  text-decoration: none; }

.card {
  width: 250px;
  height: 300px;
  margin: 0px 20px;
  border: 1px solid rgba(34, 34, 34, 0.15);
  border-radius: 0.25rem; }
  .card .title {
    padding: 0.5rem 0;
    text-align: center;
    background: whitesmoke;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem; }
  .card .price {
    text-align: center;
    font-size: 300%; }
  .card hr {
    width: 90%;
    background: rgba(34, 34, 34, 0.15);
    border: none;
    height: 1px; }

.empty {
  display: flex;
  height: 100px;
  justify-content: center;
  align-content: space-between;
  align-items: center;
  flex-direction: column; }

@media all and (max-width: 900px) {
  .navigation-top, .navigation {
    justify-content: space-around; }

  .nav {
    margin-right: 5%;
    margin-left: 0; }

  .flex-item {
    margin: 10px 5%; } }
@media all and (max-width: 700px) {
  .navigation-top, .navigation {
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
    padding: 0; }

  .flex-container {
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
    padding: 0; }

  .flex-item {
    width: auto; }

  .navigation-top a {
    text-align: center;
    padding: 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  .navigation-top p {
    text-align: center;
    padding: 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

  .navigation-top li:last-of-type a {
    border-bottom: none; }
  .navigation-top li:last-of-type p {
    border-bottom: none; }

  nav {
    width: auto; }

  .full {
    width: auto; } }

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