body {
  position: relative;
  min-width: 320px;
  text-align: center;
  font-family: 'Roboto', Arial,  Helvetica,  sans-serif;
  font-size: 18px;
  line-height: 1.5;
  color: #fff;
  background-color: #19253a;
  background-image: url('bg.jpg');
  margin: 0;
}
a {
  color: inherit;
  text-decoration: none;
}
:focus {
  outline: none;
}
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
p {
  margin: 0;
  line-height: 1.5;
}
img,
svg,
video {
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle;
}
video {
  outline: none;
}
svg {
  width: auto;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;  
  font-size: inherit;
  font-weight: inherit;
}
.wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  min-height: 100vh;
}
.sect {
  position: relative;
  padding-top: 50px;
  padding-bottom: 50px;
}
.container {
  position: relative;
}
.content {
  position: relative;
}
a,
a::before,
a::after,
button,
button::before,
button::after,
svg path,
i,
.main.sect .item .link {
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
h1 {
  font-size: 32px;
  color: #fff;
  background-color: rgba(0,0,0,.6);
  padding: 10px 15px;
}
a.link {
  border-bottom: 1px solid;
}
a.link:hover {
  border-bottom-color: transparent;
}

.main.sect {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
}
.main.sect .item {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 16px;
  color: #fff;
  background-color: rgba(0,0,0,.6);
  border-radius: 5px;
  padding: 15px;
}
.main.sect .item .caption {
  text-align: left;
  font-weight: 700;
  margin-bottom: 5px;
}
.main.sect .item .desc {
  text-align: justify;
}
.main.sect .item > .bottom {
  text-align: right;
  margin-top: 5px;
}
.main.sect .logo {
  position: relative;
  display: inline-block;
  margin-top: 50px;
  margin-bottom: 50px;
}
.main.sect .logo img {
  max-width: 320px;
}
.main.sect .logo .line {
  position: absolute;
  width: 160px;
  height: 4px;
  background-color: rgba(0,0,0,.6);
}
.main.sect .logo .line:nth-child(1) {
  top: 0;
  left: -160px;
  transform: rotate(24deg);
}
.main.sect .logo .line:nth-child(2) {
  top: 0;
  right: -160px;
  transform: rotate(-24deg);
}
.main.sect .logo .line:nth-child(3) {
  bottom: 0;
  right: -160px;
  transform: rotate(24deg);
}
.main.sect .logo .line:nth-child(4) {
  bottom: 0;
  left: -160px;
  transform: rotate(-24deg);
}

.header.sect {
  padding-bottom: 0;
}

.footer.sect {
  padding-top: 0;
  padding-bottom: 30px;
}
.footer.sect .phone,
.footer.sect .email {
  font-size: 20px;
  font-weight: 700;
}
.auth-link{
    margin: 10px 0;
}