/* Common Definitions */
/*Cross-browser support*/
.top-banner {
  position: relative;
}
.top-banner .main {
  position: absolute;
  top: calc(50% - 32px);
}
html[dir="rtl"] .top-banner .main {
  right: 0;
  left: auto;
}
html[dir="ltr"] .top-banner .main {
  right: auto;
  left: 0;
}
.top-banner .title {
  color: white;
  font-size: 30px;
}
.mq-xs .top-banner .title,
.mq-sm .top-banner .title {
  font-size: 22px;
}