/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.now-fixed-bar{
	position: fixed;
	z-index: -100;
	bottom: 0;
	left: 0;
	width: 100%;
	color: #FFF;
	padding: 15px;
	justify-content: center;
	align-items: center;
	display: flex;
	transition: all 0.5s ease;
	opacity: 0;
}
@media(max-width: 767px){
	.now-fixed-bar{
		display: none;
	}
}
.now-fixed-bar.active{
	opacity: 1;
	z-index: 9999999;
}
.now-fixed-bar article{
	margin: 0 5px;
	font-size: 14px;
}
.now-fixed-bar .btns{
	margin: 0 5px;
	text-align: center;
}
.now-fixed-bar .btns a{
	display: inline-block;
	background: #FFF;
	padding: 10px 12px 10px 24px;
	border-radius: 30px;
	text-decoration: none;
	border: 1px solid transparent;	
	transition: all .3s ease;
	font-size: 12px;
	line-height: 1em;
}
.now-fixed-bar .btns a:hover{
	opacity: .87;
}
.now-fixed-bar .btns a:nth-child(2){
	background: none;
	color: #FFF !important;
	border: 1px solid #FFF;
}
.now-fixed-bar .btns a:nth-child(2):hover{
	background: #FFF;
	opacity: 1;
}
.now-fixed-bar .btns a span{
	display: inline-block;
	transform: translateX(0);
	transition: opacity .45s cubic-bezier(.25,1,.33,1),transform .45s cubic-bezier(.25,1,.33,1);
}
.now-fixed-bar .btns a svg{
	vertical-align: -2px;
	opacity: 0;
	transition: all .45s cubic-bezier(.25,1,.33,1);
	transform: translateX(-8px);
}
.now-fixed-bar .btns a:hover span{
	transform: translateX(-5px);
}
.now-fixed-bar .btns a:hover svg{
	opacity: 1;
	transform: translateX(0);
}


.now-social-icons{
	display: none;
	position: fixed;
	z-index: 9999999;
	bottom: 0;
	left: 0;
	width: 100%;
}
@media(max-width: 767px){
	.now-social-icons{
		display: flex;
		justify-content: center;
	}
}
.now-social-icons a{
	background: #1B1B1D;
	color: #FFF !important;
	padding: 10px 0;
	font-size: 22px;
	min-width: 45px;
	text-align: center;
	flex-grow: 1;
}
.now-social-icons a:hover{
	color: #FFF;
	filter: brightness(110%);
}
.now-social-icons a[class*="facebook"]{
	background-color: #415FB8;
}
.now-social-icons a[class*="twitter"]{
	background-color: #3498EC;
}
.now-social-icons a[class*="google"]{
	background-color: #2A9E4B;
}
.now-social-icons a[class*="linkedin"]{
	background-color: #366ABB;
}
.now-social-icons a[class*="instagram"]{
	background-color: #881EA2;
}
.now-social-icons a[class*="pinterest"]{
	background-color: #BE0517;
}
.now-social-icons a[class*="youtube"]{
	background-color: #DA4035;
}