/* Prinox Printing Business HTML Template */

/* 

	font-family: 'Outfit', sans-serif;
	font-family: 'Inter', sans-serif;
	font-family: 'Teko', sans-serif;
	font-family: 'Quicksand', sans-serif;
	font-family: 'Poppins', sans-serif;
	font-family: 'Roboto', sans-serif;
	
*/

@import url('global.css');
@import url('owl.css');
@import url('catalog/view/assets/libraries/phosphor/phosphor.css')

/***

====================================================================
	Main Slider Two
====================================================================

***/

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

.main-slider-two .slide{
	position:relative;
	overflow:hidden;
	padding:60px 0px 60px;
	background-size:cover;
	min-height: 600px;
	background-position: center center;
}

.main-slider-two .content-column{
	position:relative;
	z-index:11;
}

.main-slider-two .content-column .inner-column{
	position:relative;
	padding-top:var(--padding-top-40);
}

.main-slider-two .title{
	position:relative;
	opacity: 0;
	z-index:1;
	font-weight:500;
	padding:6px 18px;
	font-size:var(--font-14);
	text-transform:capitalize;
	color:var(--white-color);
	transform-origin: top;
	display:inline-block;
	transform: translateX(200px);
	-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-25);
	font-family:var(--font-family-Outfit);
}

.main-slider-two .title:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	z-index:-1;
	transform: skewX(-10deg);
	background-color:var(--color-seventeen);
}

.main-slider-two .active .title{
	opacity: 1;
	transform: translateX(0px);
	-webkit-transition-delay: 500ms;
	-moz-transition-delay: 500ms;
	-ms-transition-delay: 500ms;
	-o-transition-delay: 500ms;
	transition-delay: 500ms;
}

.main-slider-two h1{
	opacity: 0;
	color:var(--black-color);
	transform-origin: top;
	transform: translateX(200px);
	-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-25);
}

.main-slider-two h1 strong{
	color:var(--white-color);
}

.main-slider-two h1 span{
	position:relative;
	color: var(--color-seven);
    background: linear-gradient(to left, var(--color-seven) 0%, var(--color-eight) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.main-slider-two h1 span:before{
	position:absolute;
	content:'';
	left:0px;
	right:0px;
	bottom:10px;
	height:5px;
	z-index:-1;
	/*background:url(../images/icons/vector-16.png) center bottom no-repeat;*/
}

.main-slider-two .active h1{
	opacity: 1;
	transform: translateX(0px);
	-webkit-transition-delay: 800ms;
	-moz-transition-delay: 800ms;
	-ms-transition-delay: 800ms;
	-o-transition-delay: 800ms;
	transition-delay: 800ms;
}

.main-slider-two .text{
	opacity: 0;
	color:var(--color-nineteen);
	transform-origin: top;
	transform: translateX(200px);
	-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-35);
}

.main-slider-two .active .text{
	opacity: 1;
	transform: translateX(0px);
	-webkit-transition-delay: 1200ms;
	-moz-transition-delay: 1200ms;
	-ms-transition-delay: 1200ms;
	-o-transition-delay: 1200ms;
	transition-delay: 1200ms;
}

.main-slider-two .options-box{
	opacity:0;
	transform: translateX(200px);
	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-two .active .options-box{
	opacity: 1;
	transform: translateX(0px);
	-webkit-transition-delay: 1600ms;
	-moz-transition-delay: 1600ms;
	-ms-transition-delay: 1600ms;
	-o-transition-delay: 1600ms;
	transition-delay: 1600ms;
}

.main-slider-two .button-box .theme-btn{
	display:block;
	margin-right:var(--margin-right-25);
	text-align: center;
}

.main-slider-two .image{
	position:absolute;
	right:calc(50vw - 690px);
	top:0px;
	z-index:2;
	-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-two .icons-outer{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
}

.main-slider-two .icons-outer .icon-one{
	position:absolute !important;
	left:1% !important;
	top:20% !important;
	width:22px;
	height:20px;
	background-repeat:no-repeat;
}

.main-slider-two .icons-outer .icon-two{
	position:absolute !important;
	left:5% !important;
	top:70% !important;
	width:12px;
	height:12px;
	background-repeat:no-repeat;
}

.main-slider-two .icons-outer .icon-three{
	position:absolute !important;
	left:92% !important;
	top:22% !important;
	width:84px;
	height:78px;
	background-repeat:no-repeat;
}

.main-slider-two .icons-outer .icon-four{
	position:absolute !important;
	left:35% !important;
	top:70% !important;
	width:22px;
	height:21px;
	background-repeat:no-repeat;
}

.main-slider-two .icons-outer .icon-five {
    position: absolute !important;
    left: 45% !important;
    top: 20% !important;
    width: 745px;
    height: 614px;
    background-repeat: no-repeat;
}

.main-slider-two .pattern-layer{
	position:absolute;
	left:0px;
	bottom:-300px;
	width:256px;
	height:694px;
	background-repeat:no-repeat;
}

/* Play Box */

.main-slider-two .play-box{
	position:relative;
	width:60px;
	height:60px;
	line-height:58px;
	text-align:center;
	border-radius:50px;
	display:inline-block;
	font-size:var(--font-20);
	color:var(--black-color);
	border:1px solid var(--black-color);
}

.main-slider-two .play-box .ripple,
.main-slider-two .play-box .ripple:before,
.main-slider-two .play-box .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width:60px;
	height: 60px;
	border-radius:50px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, .2);
    -ms-box-shadow: 0 0 0 0 rgba(0, 0, 0, .2);
    -o-box-shadow: 0 0 0 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .2);
    -webkit-animation: ripple 3s infinite;
    -moz-animation: ripple 3s infinite;
    -ms-animation: ripple 3s infinite;
    -o-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}

.main-slider-two .play-box .ripple:before {
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute;
}

.main-slider-two .play-box .ripple:after{
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
    position: absolute;
}

.main-slider-two .play-box:hover{
	color:var(--white-color);
	border-color:var(--color-seven);
	background-color:var(--color-seven);
}

/* Scroll Box */

.main-slider-two .scroll-box{
	position:absolute;
	left:50%;
	z-index:10;
	bottom:140px;
	cursor:pointer;
	line-height:1em;
	margin-left:-25px;
	font-size:var(--font-50);
	font-family: "Flaticon";
	color: var(--color-seven);
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
	background: linear-gradient(to left, var(--color-seven) 0%, var(--color-eight) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	-webkit-animation: icon-bounce 0.8s ease-out infinite;
    animation: icon-bounce 0.8s ease-out infinite;
}

.main-slider-two .scroll-box:hover{
	color:var(--main-color);
}

.d-flex {
    display: flex!important;
}

.text-one>span{
	font-size: 18px;
}

.owl-prev {
	border-radius: 30px;
    opacity: 0.5;
    transform: translate(30px, -30px);
    background: #ffffff;
    top: 50%;
    left: 0px;
    padding: 10px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    width: 60px;
    height: 60px;
    box-sizing: border-box;
    position: absolute;
    display: block !important;
    z-index: 10;
    text-align: center;
}

.owl-prev:hover {
	opacity: 0.8;
}

.owl-prev:before {
	content: "\e915";
	font-weight: 700;
    opacity: 1;
    font-family: "phosphor";
    font-size: 36px;
    line-height: 40px;
    visibility: visible;
}

.owl-next:hover {
	opacity: 0.9;
}

.owl-next {
	border-radius: 30px;
	opacity: 0.5;
    transform: translate(30px, -30px);
    background: #ffffff;
    top: 50%;
    right: 60px;
    padding: 10px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    width: 60px;
    height: 60px;
    box-sizing: border-box;
    position: absolute;
    display: block !important;
    z-index: 10;
    text-align: center;
}

.owl-next:before {
	content: "\e916";
	font-weight: 700;
    opacity: 1;
    font-family: "phosphor";
    font-size: 36px;
    line-height: 40px;
    visibility: visible;
}

.main-slider-two .slide {
	background-position: right center;
}