/* ---------------------------------------------------------------------------
 * 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.
 * --------------------------------------------------------------------------- */


.about-us-introduction-company {
	margin-bottom: 242px
}


.about-us-introduction-company-heading {
	padding-right: 51px;
	margin: 91px 0 76px
}


.about-us-introduction-company-heading::before {
	content: "";
	top: 0;
	right: 0;
	width: 36px;
	height: 62px;
	background: url(../../../assets/images/pattern-video-01.png)0 0 no-repeat;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%
}


.about-us-introduction-company .video-box {
	max-width: 762px;
	height: 400px
}


.about-us-introduction-company .video-box::before {
	content: "";
	bottom: 0;
	left: 59px;
	width: -webkit-calc(100% - 114px);
	width: -moz-calc(100% - 114px);
	width: calc(100% - 114px);
	height: -webkit-calc(100% - 60px);
	height: -moz-calc(100% - 60px);
	height: calc(100% - 60px);
	-webkit-transform: translate(0, 30px);
	-moz-transform: translate(0, 30px);
	-ms-transform: translate(0, 30px);
	-o-transform: translate(0, 30px);
	transform: translate(0, 30px);
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	opacity: .79;
	-webkit-filter: blur(27px);
	filter: blur(27px);
	z-index: -1;
	background: url(../../../assets/images/bg-video.png)0 0 no-repeat;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%
}


.about-us-introduction-company .video-box::after {
	content: "";
	width: 120px;
	height: 199px;
	background: url(../../../assets/images/pattern-video-02.png)0 0 no-repeat;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	left: 0;
	bottom: 0;
	-webkit-transform: translate(-31px, 34px);
	-moz-transform: translate(-31px, 34px);
	-ms-transform: translate(-31px, 34px);
	-o-transform: translate(-31px, 34px);
	transform: translate(-31px, 34px);
	z-index: -1;
	mix-blend-mode: darken
}


@media only screen and (max-width:767px) {
	.about-us-introduction-company {
		margin-bottom: 120px
	}

	.about-us-introduction-company-heading {
		margin-top: 50px
	}
}