/* ---------------------------------------------------------------------------
 * Moved out of assets/css/rtl/main.css (theme 4.9.7).
 * These rules only ever match inside this widget, so they now load with it
 * instead of on every page. They are kept ABOVE this file's own rules to
 * preserve the order they had when main.css was loaded first.
 * Edit them here - they are no longer in main.css.
 * --------------------------------------------------------------------------- */


.footer-three .footer-scroll-header {
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%)
}


@media only screen and (max-width:767px) {
	.footer-three .footer-scroll-header {
		top: 0
	}
}


.footer-six .footer-scroll-header {
	background-color: #ee273a;
	-webkit-box-shadow: 0 15px 25px rgba(238, 39, 58, .25);
	-moz-box-shadow: 0 15px 25px rgba(238, 39, 58, .25);
	box-shadow: 0 15px 25px rgba(238, 39, 58, .25);
	margin: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	top: -27px;
	z-index: 4
}


.footer-seven-bottom .footer-scroll-header {
	background-color: #7262d4;
	-webkit-box-shadow: 0 15px 25px rgba(114, 98, 212, .5);
	-moz-box-shadow: 0 15px 25px rgba(114, 98, 212, .5);
	box-shadow: 0 15px 25px rgba(114, 98, 212, .5);
	margin: -30px 0 48px
}


.footer-scroll-header {
	margin-bottom: 0
}