* {
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  min-height: 100%;
  padding: 0;
  margin: 0;
}
body {
  padding: 0;
  margin: 0;
  min-height: 100%;
  font-family: 'Panton', serif;
  -webkit-font-smoothing: antialiased;
}

.flex {
  display: -ms-flex;
  display: flex;
}
.row {
  display: -ms-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
[class*="col-"] {
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
  position: relative;
  min-height: 1px;
}
@media (min-width: 1200px) {
  .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}

.blue-page { position: relative; z-index: 1; background: #205ea4; padding: 100px 50px; color: #FFF; overflow: hidden; }

.messengers-page {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.messengers-page > * { position: relative; z-index: 1; }

.messengers-page-inner { max-width: 680px; margin-left: auto; margin-right: auto; }

.messengers-page-title {
  font-size: 48px !important;
  text-align: center;
  margin-bottom: 35px !important;
  font-weight: 300 !important;
  color: #fff !important;
  line-height: 1.2 !important;
}

.messengers-page-title strong { display: block; font-weight: 700; }

.messengers-page-bg { position: absolute; right: 0; bottom: 0; top: 35px; z-index: -1; width: 50%; }

.messengers-page-bg img { position: absolute; height: 100%; right: 0; bottom: 0; top: 0; object-fit: cover; }

.messenger-item { position: relative; -ms-align-items: center; align-items: center; padding: 15px; background: #FFF; border-radius: 5px; margin-bottom: 15px; font-weight: 600; font-size: 18px; color: #000; line-height: 1.1; text-decoration: none; transition: transform .4s, color .4s; width: 100%; }

.messenger-item-icon { flex: 0 0 50px; max-width: 50px; margin-right: 15px; }

.messenger-item:hover { transform: translate3d(-5px, 0, 0); box-shadow: 0px 0px 20px -2px rgba(0, 0, 0, 0.25); color: #205ea4; }

.svg-messenger-icon { height: 50px; width: 50px; }

@media (max-width: 1200px) { .messengers-page-inner { max-width: 100%; margin-left: 0; margin-right: 0; }
  .messengers-page-list { width: 50%; }
  .messengers-page-bg { top: 225px; }
  .form-page { padding-top: 250px; padding-bottom: 250px; }
  .form-page-bg { right: -185px; top: 140px; } }

@media (max-width: 768px) { .blue-page { padding: 70px 30px; }
  .form-page-bg { display: none; visibility: hidden; } }

@media (max-width: 576px) { .blue-page { padding: 50px 15px; }
  .messengers-page-title { font-size: 36px; }
  .messengers-page-list { width: 100%; max-width: 380px; margin-left: auto; margin-right: auto; }
  .messengers-page-bg { display: none; visibility: hidden; }
  .form-page-title { font-size: 36px; } }