.app-banner {
  display: flex;
  position: fixed;
  top: 0;
  z-index: 96;
  background: #f5f5f5;
  width: 100%;
  height: 85px;
  padding-right: 10px;
  padding-left: 10px;
  box-sizing: border-box;
  flex-shrink: 0;
  align-items: center;
}
.app-banner .css_close {
  flex: 1 auto;
  max-width: 15px;
}
.app-banner__app-icon {
  overflow: hidden;
  margin: 5px 5px 5px 10px;
  height: 65px;
  flex: 2 auto;
  max-width: 65px;
}
.app-banner__app-icon img {
  border-radius: 5px;
  width: auto;
  height: 100%;
}
.app-banner__info {
  flex: 3 auto;
  display: flex;
  flex-direction: column;
  padding: 5px;
  font: 11px/16px Helvetica, Arial, sans-serif;
  line-height: 11px;
  margin-right: 5px;
  margin-top: 5px;
  color: #333;
}
.app-banner__info-heading {
  font: 700 14px/20px Helvetica, Arial, sans-serif;
  width: 100%;
  line-height: 14px;
  margin-bottom: 5px;
}
.app-banner__download {
  flex: 3 auto;
  padding: 5px;
  margin-left: auto;
  font-size: 16px;
  max-width: 75px;
}
/* Main colors */
/* */
/* Anothe  */
/* Colors in new design */
/* Icons */
/* Fonts */
/* Responsive breakpoints */
.css_close {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  overflow: hidden;
  background-color: transparent;
  cursor: pointer;
}
.css_close:hover::before,
.css_close:hover::after {
  background-color: black;
}
.css_close::before,
.css_close::after {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -1px;
  background-color: #121212;
}
.css_close.default::before,
.css_close.default::after {
  background-color: #333;
}
.css_close.default:hover::before,
.css_close.default:hover::after {
  background-color: #212121;
}
.css_close.brand::before,
.css_close.brand::after {
  background-color: #0099ff;
}
.css_close.brand:hover::before,
.css_close.brand:hover::after {
  background-color: #0084db;
}
.css_close.light::before,
.css_close.light::after {
  background-color: #aaa;
}
.css_close.light:hover::before,
.css_close.light:hover::after {
  background-color: #989898;
}
.css_close::before {
  transform: rotate(45deg);
}
.css_close::after {
  transform: rotate(-45deg);
}
.css_close.hairline::before,
.css_close.hairline::after {
  height: 1px;
}
.css_close.thick::before,
.css_close.thick::after {
  height: 3px;
  margin-top: -2px;
}
.css_close.black::before,
.css_close.black::after {
  height: 8px;
  margin-top: -4px;
}
.css_close.heavy::before,
.css_close.heavy::after {
  height: 12px;
  margin-top: -6px;
}
.css_close.pointy::before,
.css_close.pointy::after {
  width: 200%;
  left: -50%;
}
.css_close.rounded::before,
.css_close.rounded::after {
  border-radius: 5px;
}
.css_close.blades::before,
.css_close.blades::after {
  border-radius: 5px 0;
}
.css_close.warp::before,
.css_close.warp::after {
  border-radius: 120% 0;
}
.css_close.fat::before,
.css_close.fat::after {
  border-radius: 100%;
}