/*** 

====================================================================
	Attachment Css Files
====================================================================

***/

@import url('global.css');
@import url('header.css');
@import url('owl.css');

/*** 

====================================================================
	Main Slider Section
====================================================================

***/

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

img{
	max-width:100%;
	height: auto;
}

.main-slider{
	position:relative;
	overflow:hidden;
}

.main-slider .slide{
	position:relative;
	overflow:hidden;
	padding:150px 0px 170px;
	background-size:cover;
	background-position:center right;
}

.main-slider .slide:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	opacity:0.35;
	background-color:var(--main-color-two);
}

.main-slider .content-column{
	position:relative;
	max-width:900px;
}

.main-slider .content-column .inner-column{
	position:relative;
}

.main-slider .title{
	position:relative;
	font-weight: 500;
	opacity: 0;
	line-height:1.6em;
	transform: scaleY(0);
	transform-origin: top;
	color:var(--white-color);
	font-size:var(--font-18);
	text-transform:uppercase;
	margin-bottom: var(--margin-bottom-20);
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.main-slider .active .title{
	opacity: 1;
	transform: scaleY(1);
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.main-slider h1{
	color:var(--white-color);
	opacity: 0;
	transform: scaleY(0);
	transform-origin: top;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	margin-bottom:var(--margin-bottom-20);
}

.main-slider h1 span{
	color:#fff;
	text-shadow: 0 0 3px #ea2d33, 0 0 4px #ea2d33;
}

.main-slider .active h1{
	opacity: 1;
	transform: scaleY(1);
	-webkit-transition-delay: 600ms;
	-moz-transition-delay: 600ms;
	-ms-transition-delay: 600ms;
	-o-transition-delay: 600ms;
	transition-delay: 600ms;
}

.main-slider h2{
	color:var(--white-color);
	opacity: 0;
	transform: scaleY(0);
	transform-origin: top;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	margin-bottom:var(--margin-bottom-20);
}

.main-slider h2 span{
	color:#fff;
	text-shadow: 0 0 3px #ea2d33, 0 0 4px #ea2d33;
}

.main-slider .active h2{
	opacity: 1;
	transform: scaleY(1);
	-webkit-transition-delay: 600ms;
	-moz-transition-delay: 600ms;
	-ms-transition-delay: 600ms;
	-o-transition-delay: 600ms;
	transition-delay: 600ms;
}

.main-slider .text{
	font-weight: 400;
	opacity: 0;
	line-height:1.8em;
	transform: scaleY(0);
	transform-origin: top;
	color:var(--white-color);
	font-size:var(--font-18);
	margin-bottom: var(--margin-bottom-35);
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.main-slider .active .text{
	opacity: 1;
	transform: scaleY(1);
	-webkit-transition-delay: 900ms;
	-moz-transition-delay: 900ms;
	-ms-transition-delay: 900ms;
	-o-transition-delay: 900ms;
	transition-delay: 900ms;
}

.main-slider .btns-box{
	opacity:0;
	transform: scaleY(0);
	transform-origin: top;
	display:inline-block;
	-webkit-transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	transition: all 900ms ease;
}

.main-slider .active .btns-box{
	opacity: 1;
	transform: scaleY(1);
	-webkit-transition-delay: 1200ms;
	-moz-transition-delay: 1200ms;
	-ms-transition-delay: 1200ms;
	-o-transition-delay: 1200ms;
	transition-delay: 1200ms;
}

.main-slider .play-box{
	position:absolute;
	left:50px;
	bottom:50px;
	z-index:10;
}

.main-slider .owl-dots{
	position:absolute;
	right:50px;
	top:50%;
	width:7px;
	z-index:10;
	min-height:200px;
	margin-top:-65px;
}

.main-slider .owl-dots .owl-dot{
	position:relative;
	width:3px;
	height:40px;
	margin:2px 0px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	background-color:var(--white-color);
}

.main-slider .owl-dots .owl-dot.active,
.main-slider .owl-dots .owl-dot:hover{
	background-color:#c61700;
}

.main-slider .owl-nav{
	position:absolute;
	right:30px;
	top:50%;
	width:50px;
	z-index:10;
	min-height:260px;
	margin-top:-130px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.main-slider .owl-nav .owl-prev{
	position:absolute;
	left:0px;
	top:0px;
	width:50px;
	height:50px;
	color:#bf120c;
	font-size:var(--font-24);
	line-height:46px;
	text-align:center;
	border-radius:0px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	background-color:var(--white-color);
}

.main-slider .owl-nav .owl-next{
	position:absolute;
	left:0px;
	bottom:0px;
	color:#bf120c;
	font-size:var(--font-24);
	width:50px;
	height:50px;
	line-height:50px;
	border-radius:0px;
	text-align:center;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	background-color:var(--white-color);
}

.main-slider .owl-nav .owl-prev:hover,
.main-slider .owl-nav .owl-next:hover{
	background-color:#bf120c;
	color:var(--white-color);
}

.main-header .outer-box .nav-btn {
    position: relative;
    float: left;
    width: 40px;
    height: 40px;
    cursor: pointer;
    line-height: 40px;
    text-align: center;
    font-size: var(--font-18);
    color: var(--white-color);
    /* margin-left: var(--margin-left-25); */
    background-color: #c61700;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
.manufacturing-content {
    text-align: center;
}
.manufacturing-content h2{
	padding: 50px 0;
}

.sec-title p a{font-weight:600;}