
.WidgetParallax {
	
	
}


.WidgetParallax .parallax-visible {
	--border-left:5px solid #f00;
}
	
.WidgetParallax .parallax-actived {
	--border_right:5px solid #0f0;
}


.WidgetParallax iframe {
	background:transparent;
}


.WidgetParallax .parallax-nav {
	position:fixed;
	bottom:50px;
	left:40%;
	width:20%;
	height:75px;
	text-align:center;
}
.WidgetParallax .parallax-nav::after {
	cursor:pointer;
	content:' ';
	display:inline-block;
	width:60px;
	height:100%;
	background-position: center bottom;
	background-repeat: no-repeat;
}

.WidgetParallax .parallax-nav-next::after {
	background-image:url('./arrow-down.png');
}

.WidgetParallax .parallax-nav-prev::after {
	border-top:2px solid transparent;
	background-image:url('./arrow-up.png');
}


.WidgetParallax.mobile {
	
}

.WidgetParallax .parallax-separator {
	min-height:200px;
	padding:200px 0px;
	--display:none;
}


.WidgetParallax .parallax-layer {
	background-attachment: scroll;
	background-position: center center;
	--background-color:#ff0;
	background-size: cover;
	--height:500px;
	min-height:200px;
	background-repeat: no-repeat;
	overflow: hidden;

}



@media only screen and (min-width: 1px) and (max-width: 1023px) {
	
	.WidgetParallax .parallax-layer {
		background-attachment: fixed;
		background-position: center center !important;
		background-size: cover;
		--border:3px solid #00f;
	}
}

.ismobile .WidgetParallax .parallax-layer {
	background-attachment: scroll;
	background-position: center center !important;
	background-size: cover;
	--border:3px solid #ff0;
}



.WidgetParallax.preload {
	--background-color: #f0f;
	background-size: auto auto;
	background-position: center 60px ;
	background-repeat: no-repeat; 
	background-image: url(spinner.gif);
}

.WidgetParallax.preload .parallax-nav {
	display:none;
}

.WidgetParallax .parallax-trigger-nav {
	background:#00f;
	display:inline-block;
	position:absolute;
	right:0px;
	bottom:10px;
	height:20px;
	width:20px;
	opacity: 0;
	filter: alpha(opacity=0);
}


.WidgetParallax .parallax-trigger-action {
	background:#f0f;
	display:inline-block;
	position:absolute;
	right:0px;
	top:60%;
	height:3px;
	width:100px;
	opacity: 0.0;
	filter: alpha(opacity =0);
}


.WidgetParallax .parallax-layer.parallax-style-default {
	position:relative;
}

.WidgetParallax .parallax-layer.parallax-style-default .WidgetContent {
	position:absolute;
	text-align:center;
	width:70%;
	left:15%;
	--border:3px solid #f00;
	color:#000;
}

.WidgetParallax .parallax-layer.parallax-style-default .WidgetTitle {
	font-size:23px;
	font-weight: normal;
	padding-bottom:2%;
		
}


.WidgetParallax .parallax-layer.parallax-iframe-style .WidgetContent {
	position:absolute;
	text-align:center;
	width:100%;
	left:auto;
}

/*

.WidgetParallax .parallax-style1  .WidgetContent {
	-webkit-transition: all 1.4s ease;
    -moz-transition: all 1.4s ease;
    -ms-transition: all 1.4s ease;
    -o-transition: all 1.4s ease;
    transition: all 1.4s ease;

	background-color: rgba(255, 255, 255, 0.9);
	color:#000;
	padding:3%;
	opacity:0;
	
	width:40%;
	min-width:320px;
	top:22%;
	left:10%;
}

.WidgetParallax .parallax-style1 .WidgetTitle {
	font-size:19px;
	margin-bottom:10px;
}


.WidgetParallax .parallax-style1.parallax-actived .WidgetContent {
	top:22%;
	left:10%;
	right:auto;
	width:40%;
	opacity:1;
}


.WidgetParallax .parallax-style2 .WidgetContent {
	top:22%;
	left:auto;
	right:0%;
	width:40%;
	opacity:0;
}
.WidgetParallax .parallax-style2.parallax-actived .WidgetContent {
	top:22%;
	left:auto;
	right:10%;
	width:40%;
	opacity:1;
}


.WidgetParallax .parallax-style3 .WidgetContent {
	top:10%;
	left:0%;
	right:auto;
	width:auto;
	opacity:0;
	max-width:80%;
}

.WidgetParallax .parallax-style3 .WidgetContent  img {
	max-width:100%;
	
}
.WidgetParallax .parallax-style3.parallax-actived .WidgetContent  {
	top:10%;
	left:10%;
	right:auto;
	width:auto;
	opacity:1;
}
*/