:root {
	
	/* #ff650c in decimal RGB */
	--main-color: #22852a;
	--main-color-rgb:255,101,12;
	
	/* #C115EC in decimal RGB */
	--color-two: rgb(193,21,236);
	--color-two-rgb:193,21,236;

    /* #ffffff in decimal RGB */
	--white-color:rgb(255,255,255);
	--white-color-rgb:255,255,255;

	/* #000000 in decimal RGB */
	--black-color:rgb(0,0,0);
	--black-color-rgb:0,0,0;

}


/*** 

====================================================================
	Contact One
====================================================================

***/

/* Contact Form */

@-webkit-keyframes ripple {
    70% {box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);}
    100% {box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);}
}

@keyframes ripple {
    70% {box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);}
    100% {box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);}
}



/*** 

====================================================================
	Slider Three
====================================================================

***/

.slider-three{
	position:relative;
	/* margin:15px 15px 0px; */
}

.slider-three_big-title{
	position:absolute;
	left:0px;
	right:0px;
	top:260px;
	z-index:10;
	opacity:0.10;
	font-size:182px;
    color: transparent;
    font-weight: 800;
	text-align:center;
	text-transform:uppercase;
    font-family: "Raleway", serif;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(var(--white-color-rgb), 1);
}

.slider-three .slider-one_pagination{
	position: absolute;
	top: 40%;
	z-index: 999;
	left: 40px !important;
	right: auto !important;
	width: 60px !important;
}

.slider-three .slider-one_pagination{
	position: absolute;
	top: 30%;
	z-index: 999;
	padding:15px 0px;
	padding-left:25px;
	left: auto !important;
	right: 0px !important;
	bottom: auto !important;
	width: 60px !important;
	border-radius:30px 0px 0px 30px;
	background-color:var(--white-color);
}


.slider-three .swiper-slide{
	position:relative;
	overflow:hidden;
	/* border-radius:25px 25px 0px 0px; */
	padding:350px 0px 200px;
}

/* .slider-three .swiper-slide:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	height:100%;
	z-index:10;
	background-image: linear-gradient(to bottom, #000000, rgba(0,0,0,0.80), rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0));
} */

.slider-three_image-layer{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	z-index:1;
	opacity: 999;
	overflow:hidden;
	background-size:cover;
	background-position: center center;

}

/* .slider-three_image-layer:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	opacity:0.30;
	background-color: var(--black-color);
} */

/* .slider-three_color-layer{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	z-index:1;
	opacity:0.30;
	background-color: var(--black-color);
} */

.slider-three_button{
	position:relative;
}

.slider-three_content{
	position:relative;
	z-index: 20;
}

.slider-three_content-inner{
	position:relative;
	display:inline-block;
	padding: 0px 10px 0px;
	border-radius:36px 36px;
	background-color: rgba(0,0,0,0.50);
}

.slider-three_title{
	position: relative;
	font-size: 55px;
	display:block;
	z-index:1;
	font-weight: 600;
	color: var(--white-color);
	transition:all 900ms ease;
	-moz-transition:all 900ms ease;
	-webkit-transition:all 900ms ease;
	-ms-transition:all 900ms ease;
	-o-transition:all 900ms ease;
	text-transform:capitalize;
	font-family: "Lexend Deca", sans-serif;
}

.slider-three_title span{
	position: relative;
	font-weight:700;
}

.slider-three_title span:before{
	position: absolute;
	content:'';
	left:0px;
	top:0px;
	width:452px;
	height:109px;
	z-index:-1;
	background:url(../images/main-slider/slider-three_vector.png) no-repeat;
}

.slider-three_heading{
	font-size:116px;
	line-height:166px;
	margin-top: 10px;
	font-weight:700;
	margin-bottom:25px;
	color: var(--main-color);
	text-transform: capitalize;

	transition:all 900ms ease;
	-moz-transition:all 900ms ease;
	-webkit-transition:all 900ms ease;
	-ms-transition:all 900ms ease;
	-o-transition:all 900ms ease;
	transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1);
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}

.slider-three_text{
	font-weight:400;
	font-size:16px;
	max-width:600px;
	line-height:30px;
	max-width:520px;
	margin-bottom:35px;
	color: var(--white-color);
	text-transform: capitalize;

	/* transition:all 900ms ease;
	-moz-transition:all 900ms ease;
	-webkit-transition:all 900ms ease;
	-ms-transition:all 900ms ease;
	-o-transition:all 900ms ease;
	transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1);
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); */
}

.slider-three_arrow{
	position:absolute;
	content:'';
	left:95%;
	bottom:80px;
	width:211px;
	height:115px;
	background-repeat:no-repeat;
}

.slider-three .slider-three_button{
	position: relative;
	transition:all 900ms ease;
	-moz-transition:all 900ms ease;
	-webkit-transition:all 900ms ease;
	-ms-transition:all 900ms ease;
	-o-transition:all 900ms ease;
	transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1);
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}

.slider-three .slider-three_button .theme-btn{
	text-transform:uppercase;
}

/* Play Box */

.slider-three .play-box{
	position:absolute;
	right:0px;
	top:75px;
	display:inline-block;
}

.slider-three .play-box:before{
	position:absolute;
	content:'';
	right:-6px;
	top:-6px;
	bottom:6px;
	left:6px;
	border-radius:150px;
	background-color: var(--main-color);
}

.slider-three .play-box:hover::before{
	background-color: var(--black-color);
}

.slider-three .play-box:hover .fa{
	color: var(--white-color);
	border-color: var(--black-color);
	background-color: var(--main-color);
}

.slider-three .play-box .fa{
	position:relative;
	width:126px;
	height:126px;
	font-size:32px;
	line-height:126px;
	border-radius:150px;
	display:inline-block;
	color:var(--white-color);
	text-align:center !important;
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	background-color: var(--black-color);
}

.slider-three_video .ripple,
.slider-three_video .ripple:before,
.slider-three_video .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width:126px;
	height: 126px;
    -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-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, .3);
    -moz-box-shadow: 0 0 0 0 rgba(255,255,255, .3);
    -ms-box-shadow: 0 0 0 0 rgba(255,255,255, .3);
    -o-box-shadow: 0 0 0 0 rgba(255,255,255, .3);
    box-shadow: 0 0 0 0 rgba(255,255,255, .3);
    -webkit-animation: ripple 3s infinite;
    -moz-animation: ripple 3s infinite;
    -ms-animation: ripple 3s infinite;
    -o-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}

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

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

.slider-three_construction{
	position:absolute;
	right:70px;
	z-index:1;
	bottom:-60px;
	-webkit-animation: icon-bounce 0.8s ease-out infinite;
    animation: icon-bounce 0.8s ease-out infinite;
}


.slider-three .slider-one_pagination .swiper-pagination-bullet{
	position: relative;
	opacity: 1;
	width: 10px;
	height: 10px;
	display: block;
	font-size:0px;
	background: none;
	color: var(--white-color);
	margin: 30px 0px !important;
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	border-radius: 50px;
	display: block;
	background-color:#bbbbbb;
}

.slider-three .slider-one_pagination .swiper-pagination-bullet::before{
	position: absolute;
	content: '';
	left: -8px;
	top: -8px;
	right: -8px;
	bottom: -8px;
	opacity:0;
	border-radius:50px;
	border:1px solid var(--white-color);
}

.slider-three .slider-one_pagination .swiper-pagination-bullet:hover,
.slider-three .slider-one_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	opacity: 1;
	background-color:var(--main-color);
}

.slider-three .slider-one_pagination .swiper-pagination-bullet:hover::before,
.slider-three .slider-one_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before{
	opacity: 1;
	border-color:var(--main-color);
}
/* Constrc Construction Business HTML-5 Template */

@media only screen and (max-width: 1600px){

	.slider-three{
		margin:0px 0px;
	}
	
	.slider-three .swiper-slide{
		border-radius:0px 0px;
	}
	
}

@media only screen and (max-width: 820px){
	
	.slider-three_title {
		font-size: 50px;
		line-height:66px;
	}
	
	.slider-three_title span:before{
		display:none;
	}

}

@media only screen and (max-width: 767px){
	
	.slider-three_content-inner{
		word-wrap: anywhere;
		padding:70px 30px 55px;
	}
	
}

@media only screen and (max-width: 599px){
	
	.slider-three .slider-one_pagination{
		display:none;
	}
	
	
	.slider-three_title {
		font-size: 36px;
		line-height:46px;
	}

}

@media only screen and (max-width: 479px) {
	
	.slider-three .swiper-slide{
		padding:180px 0px 120px;
	}
	
	
	.slider-three_title {
		font-size: 24px;
		line-height:36px;
	}
	
}