#lang-detect-bar {
	 position: fixed;
	 top: 0;
	 left: 0;
	 right: 0;
	 background: #414042;
	 color: #fff;
	 padding: 30px 20px;
	 text-align: center;
	 z-index: 1049;
	 transform: translateY(-100%);
	 opacity: 0;
	 transition: transform 0.4s ease-out, opacity 0.4s ease-out;
	 pointer-events: none;
	 width: 100%;
}
 #lang-detect-bar.show {
	 transform: translateY(0);
	 opacity: 1;
	 pointer-events: auto;
}
 #lang-detect-bar a {
	 color: #fee1cc;
	 text-decoration: underline;
}
 #lang-detect-bar a:hover {
	 color: #fff;
}
 #lang-detect-bar p {
	 margin-bottom: 0;
	 width: 95%;
}
 #lang-detect-bar p:lang(ar) {
	 direction: ltr !important;
}
 .lang-bar__close {
	 position: absolute;
	 top: 20px;
	 right: 15px;
	 background: transparent;
	 border: none;
	 cursor: pointer;
	 padding: 0;
}
 .lang-bar__close .hamburger {
	 display: block;
	 width: 19px;
	 height: 1px;
	 background-color: transparent;
	 position: relative;
}
 .lang-bar__close .hamburger::before, .lang-bar__close .hamburger::after {
	 content: "";
	 display: block;
	 width: 19px;
	 height: 1px;
	 background-color: #fff;
	 position: absolute;
	 left: 0;
}
 .lang-bar__close .hamburger:before {
	 top: 0;
	 -webkit-transform: rotate(45deg);
	 transform: rotate(45deg);
}
 .lang-bar__close .hamburger:after {
	 bottom: 0;
	 -webkit-transform: rotate(-45deg);
	 transform: rotate(-45deg);
}
 .frame-top {
	 top: 0 !important;
	 transition: top 0.4s ease-in-out;
}
 @media screen and (min-width: 1024px) {
	 #lang-detect-bar {
		 display: inline;
		 padding: 23px 0 23px 15px;
	}
	 #lang-detect-bar p, #lang-detect-bar .lang-bar__close {
		 display: inline-block;
	}
	 .lang-bar__close {
		 position: relative;
		 top: 0;
		 right: 0;
	}
}