Current File : /home/kelaby89/muzza.fit/wp-content/plugins/wolf-visual-composer/scss/shortcodes/_fullpage.scss

html.fp-enabled,
.fp-enabled body {
	margin: 0;
	padding: 0;
	overflow:hidden;

	/*Avoid flicker on slides transitions for mobile phones #336 */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.fp-section {
	position: relative;
	-webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
	-moz-box-sizing: border-box; /* <=28 */
	box-sizing: border-box;
}
.fp-slide{
	float: left;
}
.fp-slide, .fp-slidesContainer {
	height: 100%;
	display: block;
}
.fp-slides {
	z-index:1;
	height: 100%;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
	transition: all 0.3s ease-out;
}
.fp-section.fp-table,
.fp-slide.fp-table {
	//display: table;
	// table-layout:fixed;
	width: 100%;
}
.fp-tableCell {
	//display: table-cell;
	//vertical-align: middle;
	width: 100%;
	height: 100%;
	height: auto!important;
	position: relative;

	.wvc-img-bg > img{
		opacity: 1!important;
	}
}

.fp-scrollable {
	overflow: hidden;
	position: relative;
	width: 100%;
}
.fp-scroller{
	overflow: hidden;
}
.iScrollIndicator{
	border: 0 !important;
}
.fp-notransition {
	-webkit-transition: none !important;
	transition: none !important;
}

.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
	height: auto !important;
}

.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
	height: auto !important;
}

html:not(.wvc-touch) body.wvc-fullpage{
	height: 100vh!important;

	#colophon,
	.site-infos{
		display: none;
	}
}

.wvc-fullpage{
	background:#333;
}

.fullpage-wrapper{
	background:#333;
	height: 100vh!important;
	width: 100%;
	position: absolute;
	position: fixed!important; // fix FF issue
	top: 0;
	left: 0;
}

.wvc-scroll-lock{
	padding: 0!important;
	position: fixed;
	top: 0;
	margin-top: 10000px;
	visibility: hidden;
	width: 100%;
	overflow: hidden;
	display: flex;

	.wvc-row-wrapper{
		padding: 100px 0;
	}

	&.wvc-scroll-active{
		visibility: visible;
		margin-top: 0;
	}
}

/*body:not(.wvc-is-firefox) {
	.wvc-scroll-lock{
		-webkit-backface-visibility: hidden !important;
		-webkit-transform: translateZ(0) !important;
	}
}*/

.wvc-fullpage.wvc-is-firefox{

}

.wvc-row-layout-block,
.wvc-fp-section-has-fullwidth-revslider{
	.wvc-row-wrapper{
	    padding-top:0!important;
	    padding-bottom:0!important;
	}
}

.wvc-fp-nav-next{
	cursor:pointer;
}

//.admin-bar:not(.wvc-is-firefox){
.admin-bar{
	.wvc-scroll-lock{
		top: 32px;
	}
}

.fp-tableCell{
	display: flex;
	align-items:center;
	align-self:stretch;
}

@keyframes opacityIn {
	from {
	opacity: 0;
	}
	to {
	opacity: 1;
	}
}


@keyframes opacityOut {
	from {
	opacity: 1;
	}
	to {
	opacity: 0;
	}
}

@keyframes scaleDown {
	from {
	/*opacity: 1; */
	transform: translateY(0);
	}
	to {
	/*opacity: 0; */
	transform: scale(0.85);
	}
}

@keyframes moveslideup {
	from {
		/*opacity: 1; */
		transform: translateY(0);
	}
	to {
		/*opacity: .8; */
		transform: translateY(100%);
	}
}

@keyframes moveslidedown {
	from {
		/*opacity: 1; */
		transform: translateY(0);
	}
	to {
		/*opacity: .8; */
		transform: translateY(-100%);
	}
}

@keyframes moveparallaxup {
	from {
	/*opacity: 1; */
	transform: translateY(0);
	}
	to {
	/*opacity: .8; */
	transform: translateY(70%);
	}
}

@keyframes moveparallaxdown {
	from {
	/*opacity: 1; */
	transform: translateY(0);
	}
	to {
	/*opacity: .8; */
	transform: translateY(-70%);
	}
}

@keyframes movecurtainup {
	from {
	/*opacity: 1; */
	transform: translateY(0);
	}
	to {
	/*opacity: .8; */
	transform: translateY(5%);
	}
}

@keyframes movecurtaindown {
	from {
	/*opacity: 1; */
	transform: translateY(0);
	}
	to {
	/*opacity: .8; */
	transform: translateY(-5%);
	}
}

@keyframes moveFromBottom {
	from {
		/*opacity: 1; */
		transform: translateY(100%);
	}

	to {
		/*opacity: 1; */
		//transform: translateY(0);
	}
}

@keyframes moveFromTop {
	from {
	/*opacity: 1; */
	transform: translateY(-100%);
	}
}

@keyframes moveFromBottomInner {
	from {
	/*opacity: 1; */
	transform: translateY(-50%);
	}
}

@keyframes moveFromTopInner {
	from {
	/*opacity: 1; */
	transform: translateY(50%);
	}
}

@keyframes moveFromBottomtrid {
	25% {
	transform: scale(0.8);
	}
	50%,
	100% {
	transform: translateY(-100%) scale(0.8);
	}
}

@keyframes moveFromToptrid {
	25% {
	transform: scale(0.8);
	}
	50%,
	100% {
	transform: translateY(100%) scale(0.8);
	}
}

@keyframes moveFromBottomtridIn {
	0%,
	25% {
	transform: scale(0.8) translateY(125%);
	}
	50% {
	transform: scale(0.8) translateY(0);
	}
	75%,
	100% {
	transform: scale(1);
	}
}

@keyframes moveFromToptridIn {
	0%,
	25% {
	transform: scale(0.8) translateY(-125%);
	}
	50% {
	transform: scale(0.8) translateY(0);
	}
	75%,
	100% {
	transform: scale(1);
	}
}


// Admin bar
@media screen and (max-width: 782px) {
	.admin-bar{
		.wvc-scroll-lock{
			top: 46px;
		}
	}
}