.admin-bar #slw-hello-bar-wrapper { margin-top: 32px; }

/*
@media screen and (max-width: 782px) {
	.admin-bar #slw-hello-bar-wrapper { margin-top: 46px; }
}
*/

#slw-hello-bar-wrapper {
	width: 100%;
	padding: 20px;
	font-weight: normal;
	/*
	border-bottom: 3px solid #fff;
	-webkit-box-shadow: 0 8px 12px -6px #D8D1D1;
	-moz-box-shadow: 0 8px 12px -6px #D8D1D1;
	box-shadow: 0 8px 12px -6px #D8D1D1;
	*/
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);


	position: relative;
}

#slw-hello-bar-wrapper.slw-fixed-height { height: 36px; overflow: hidden; }
#slw-hello-bar-wrapper.slw-positioned { z-index: 9; top: 0; left: 0; }

@media (min-width: 769px) {
	#slw-hello-bar-wrapper.slw-desktop-position-fixed { position: fixed; }
	#slw-hello-bar-wrapper.slw-desktop-position-absolute { position: absolute; }
}
@media (min-width: 500px) and (max-width: 768px) {
	#slw-hello-bar-wrapper.slw-tablet-position-fixed { position: fixed; }
	#slw-hello-bar-wrapper.slw-tablet-position-absolute { position: absolute; }
}
@media (max-width: 499px) {
	#slw-hello-bar-wrapper.slw-phone-position-fixed { position: fixed; }
	#slw-hello-bar-wrapper.slw-phone-position-absolute { position: absolute; }
}

#slw-hello-bar-container {
	/*
	width: 920px;
	width: 100%;
	*/

	position: relative;

	margin-left: auto; margin-right: auto;
	padding-top: 0;
	padding-bottom: 0;
	text-align: left;
}

#slw-hello-bar-container p { margin: 0; }
#slw-hello-bar-container a {
	color: #565656;
	text-decoration: none;
}


#slw-hello-bar-container .cta-button {
	display: inline-block;
	background: red;
	color: white;
	padding: 10px 20px;
	margin-top: 10px;
	border-radius: 50px;
}
#slw-hello-bar-container .cta-button:hover {
	box-shadow: 2px 2px rgba(0,0,0,0.1);
}
#slw-hello-bar-container .cta-button:active {
	box-shadow: none;
}

#slw-hello-bar-container .slw-hello-bar-search-container {
	display: inline-block;
	margin: 0;
	/* float: right; */
	position: absolute;
	right: 40px;
	top: 0;
	/* top: calc(50% - 15px); */
}

#slw-hello-bar-container .search-form {}
#slw-hello-bar-container .search-form input {
	margin: 0;
	border: 0;
	border-radius: 0;
}
#slw-hello-bar-container .search-form input[type=submit] {
	background-color: #BDBDBD;
	/* background-color: rgba(0, 0, 0, 0.2); */
	padding: 9px 8px 8px 8px;
	border: 0;
}

#slw-hello-bar-container .fa-search {
	color: #BDBDBD;
	color: rgba(0, 0, 0, 0.2);
	font-size: 18px;
	float: right;
	line-height: 35px;
	cursor: pointer;
}

#slw-hello-bar-container .fa-search.show,
#slw-hello-bar-container .search-form.show { display: inline-block; }

#slw-hello-bar-container .fa-search.hide,
#slw-hello-bar-container .search-form.hide { display: none; }

@media all and (min-width: 768px) {
	#slw-hello-bar-container .fa-search { display: none; }
	#slw-hello-bar-container .search-form { display: inline-block; }
}
@media all and (max-width: 767px) {
	#slw-hello-bar-container .fa-search { display: inline-block; }
	#slw-hello-bar-container .search-form { display: none; }
}



 .slw-hello-bar__close {
	position: absolute;

	/* top: 50%; */
	top: 6px;
	right: 0px;
	/*
	-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
	*/

	width: 20px;
	height: 20px;

	cursor: pointer;
}

.slw-hello-bar__close:before, .slw-hello-bar__close:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	background: #555555;
	width: 100%;
	height: 3px;
	border-radius: 2px;
	-webkit-transform-origin: center;
	transform-origin: center;
}
.slw-hello-bar__close:before {
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg);
}
.slw-hello-bar__close:after {
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
}




#slw-hello-bar-wrapper.animated {
	-webkit-transform: translateY(-150%);
			transform: translateY(-150%);

	-webkit-animation: slw-hello-bar-slide-in 0.8s ease forwards;
			animation: slw-hello-bar-slide-in 0.8s ease forwards;
}
#slw-hello-bar-wrapper.animated.hide {
	-webkit-animation: slw-hello-bar-slide-in 0.8s ease reverse;
			animation: slw-hello-bar-slide-in 0.8s ease reverse;
}
@-webkit-keyframes slw-hello-bar-slide-in {
	0% {
		-webkit-transform: translateY(-150%);
				transform: translateY(-150%);
	}
	100% {
		-webkit-transform: translateY(0%);
				transform: translateY(0%);
	}
}

@keyframes slw-hello-bar-slide-in {
	0% {
		-webkit-transform: translateY(-150%);
				transform: translateY(-150%);
	}
	100% {
		-webkit-transform: translateY(0%);
				transform: translateY(0%);
	}
}