@charset "utf-8";
/* CSS Document */

/* jarallax styles */
.jarallax-video {
	width: 100%;
	float: left;
	overflow: hidden;
	margin: 0 0 0;
	padding: 0 0 938px;
	position: relative;
}
.jarallax-video:after {
    content: "";
    width: 100%;
	float: left;
    background: url(../images/jarallax-white-bottom-rounded-shape.svg) no-repeat center bottom / 100.1%;
	margin: 0 0 0;
	padding: 0 0 5.9%;
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
}
.jarallax-video::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
}

/*Smartphone css*/
@media screen and (max-width: 480px) {
.jarallax-video { margin:0 0 0; padding: 0 0 544px;}
.jarallax-video #jarallax-container-0 {border-radius: 0 0 50px 50px;}
.jarallax-video:after {background:none}
}

@media screen and (min-width:481px) and (max-width:600px) {
.jarallax-video { margin:0 0 0; padding: 0 0 420px;}
}

@media screen and (min-width:601px) and (max-width:767px) {
.jarallax-video { margin:0 0 0; padding: 0 0 400px;}
}

@media screen and (min-width:768px) and (max-width:900px) {
.jarallax-video { padding: 0 0 78.8%;}
}

@media screen and (min-width:901px) and (max-width:1024px) {
.jarallax-video { padding: 0 0 72.8%;}
}

@media screen and (min-width:1025px) and (max-width:1240px) {
.jarallax-video { padding: 0 0 74.8%;}
}

@media screen and (min-width:1241px) and (max-width:1340px) {
.jarallax-video { padding: 0 0 67.8%;}
}

@media screen and (min-width:1341px) and (max-width:1440px) {

}