/*
 * Current Theme Style
 * -----------------------------------------------
*/
.feature-banner-item {
	padding: 45px 60px;
	background: #1E223F;
	position: relative;
	border-radius: 5px;
	margin: 10px 10px;
	@include media-breakpoint-down(md) {
		padding: 30px;
	}
	.feature-small-image {
		border-radius: 5px;
	}
	&:after {
		content: "";
		height: 100%;
		width: 16px;
		border-radius: 4px;
		position: absolute;
		left: -16px;
		top: 0;
		background: var(--theme-color1);
	}
}
.feature-current-item {
	padding: 50px;
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.06%);
	border-radius: 10px;
	transition: 300ms;
	background: #fff;
	border-bottom: 3px solid var(--theme-color1);
	overflow: hidden;
	position: relative;
	@include transition(all .3s ease);
	.feature-icon {
		position: relative;
		i {
			height: 110px;
			width: 110px;
			display: inline-block;
			background: #F6F6F6;
			text-align: center;
			line-height: 110px;
			font-size: 52px;
			border-radius: 50%;
			color: var(--theme-color1);
		}
	}
	.icon-bg {
		position: absolute;
		right: 0;
		bottom: -50px;
		font-size: 7rem;
		opacity: 0.08;
		@include rotate(-45);
		i {
			color: #aaa;
		}
	}

	.hover-box{
		padding: 60px 50px;
		position: absolute;
		display: block;
		text-align: center;
		color: #fff;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: var(--theme-color1);
		color: #ffffff;
		opacity: 1;
		-webkit-transform: translateY(101%);
		-ms-transform: translateY(101%);
		transform: translateY(101%);
		-webkit-transition: all 500ms ease;
		-moz-transition: all 500ms ease;
		-ms-transition: all 500ms ease;
		-o-transition: all 500ms ease;
		transition: all 500ms ease;
		.featured-block .hover-inner {
			position: absolute;
			display: table;
			vertical-align: middle;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			 .content {
				position: relative;
				display: table-cell;
				vertical-align: middle;
				width: 100%;
				padding: 20px;
			}
		}
		.feature-title {
			color: #fff;
		}
		.feature-icon {
			position: relative;
			i {
				height: 110px;
				width: 110px;
				display: inline-block;
				background: var(--theme-color2);
				text-align: center;
				line-height: 110px;
				font-size: 52px;
				border-radius: 50%;
				color: #fff;
			}
		}
	}
	&:hover {
		-webkit-transform: translateY(-10px);
		-ms-transform: translateY(-10px); // IE9 only
		-o-transform: translateY(-10px);
		-moz-transform: translateY(-10px);
		transform: translateY(-10px);
		.hover-box{
			opacity: 1;
			-webkit-transform: translateY(0%);
			-ms-transform: translateY(0%);
			transform: translateY(0%);
		}
	}
}
.company-est {
	position: absolute;
	width: 230px;
	align-items: center;
	top: 40px;
	right: 0;
	padding: 40px;
	background: var(--theme-color1);
}
.full-line-bottom {
	position: relative;
	display: inline-block;
	&:after {
		content: "";
		height: 2px;
		width: 100%;
		left: 0;
		bottom: -3px;
		position: absolute;
		background: var(--theme-color1);
	}
}
// Feature-icon
.feature-current-item-style2 {
	padding: 60px 50px;
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10);
	border-radius: 10px;
	transition: 300ms;
	background-size: cover;
	position: relative;
	border-radius: 5px;
	z-index: 0;
	@include media-breakpoint-down(md) {
		padding: 35px;
	}
	.feature-wrapper {
		z-index: 1;
	}
	.feature-icon {
		position: relative;
		i {
			height: 110px;
			width: 110px;
			display: inline-block;
			text-align: center;
			line-height: 110px;
			font-size: 52px;
			border-radius: 50%;
			color: #fff;
			@include transition(all .3s ease-in-out);
			background: var(--theme-color1);
		}
	}
	.feature-title {
		margin-bottom: 20px;
		@include transition(all .3s ease-in-out);
		color: #fff;
	}
	.feature-details {
		@include transition(all .3s ease-in-out);
	}
	&:before {
		content: "";
		background-color: #111;
		height: 100%;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0.92;
		border-radius: 5px;
		z-index: -1;
		@include transition(all .3s ease-in-out);
		background: var(--theme-color2);
	}
	&:hover {
		.feature-title {
		}
		.feature-icon {
			i {
				background: #fff;
				color: var(--theme-color1);
				transform: rotateY(180deg) translateY(-10px);
			}
		}
		.feature-details {
		}

		&:before {
			background: var(--theme-color1);
			opacity: 1;
		}
		.btn {
		}
	}
}
.floating-img1-box {
	position: relative;
	&:after {
		content: "";
		background: var(--theme-color1);
		position: absolute;
		height: 210px;
		width: 230px;
		left: 15px;
		top: -15px;
		z-index: -1;
	}
}

.video-block {
	position: relative;
	display: block;
	overflow: hidden;
	margin-bottom: -120px;
	z-index: 1;
	.image-layer {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		opacity: 1;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}
	.inner {
		position: relative;
		padding: 20px 0px;
		.round-box {
			position: relative;
			display: block;
			float: right;
			right: -25px;
			bottom: -100px;
			width: 490px;
			height: 490px;
			border-radius: 50%;
			@include media-breakpoint-down(xl) {
				width: auto;
				height: auto;
			}
			@include media-breakpoint-down(xl) {
				right: 0;
				bottom: 0;
			}
			@include media-breakpoint-down(md) {
				right: 0;
			}
			&:before {
				content: "";
				position: absolute;
				left: -65px;
				top: -45px;
				width: 490px;
				height: 490px;
				background: rgba(0,0,0,0.3);
				opacity: 0.2;
				border-radius: 50%;
				@include media-breakpoint-down(xl) {
					width: 400px;
					height: 400px;
				}
			}
			.round-inner {
				position: relative;
				display: block;
				width: 390px;
				height: 390px;
				padding: 160px 60px 60px 70px;
				border-radius: 50%;
				background: var(--theme-color1);
				@include media-breakpoint-down(xl) {
					width: 300px;
					height: 300px;
					padding: 120px 50px 50px 60px;
				}
				@include media-breakpoint-down(md) {
				}
				.vid-link {
					position: absolute;
					left: 55px;
					top: 25px;
					width: 84px;
					height: 84px;
					line-height: 84px;
					text-align: center;
					font-size: 20px;
					color: #ffffff;
					@include transition(all 0.5s ease);
					.icon {
						position: relative;
						display: block;
						width: 84px;
						height: 84px;
						line-height: 84px;
						text-align: center;
						font-size: 20px;
						color: #ffffff;
						border-radius: 50%;
						background: var(--theme-color2);
						z-index: 0;
						@include transition(all 0.5s ease);
						&:before {
							content: "";
							background: var(--theme-color2);
							position: absolute;
							top: 50%;
							left: 50%;
							width: 80px;
							height: 80px;
							-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, .6);
							-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
							-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
							-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
							box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
							-webkit-animation: videoplayanimation 3s infinite;
							-moz-animation: videoplayanimation 3s infinite;
							-ms-animation: videoplayanimation 3s infinite;
							-o-animation: videoplayanimation 3s infinite;
							animation: videoplayanimation 3s infinite;
							z-index: -1;
						}
						&:hover {
							color: var(--theme-color1);
						}
					}
				}
				.title {
					position: relative;
					* {
						color: #fff;
						@include media-breakpoint-down(xl) {
							font-size: 1.3rem;
						}
						@include media-breakpoint-down(lg) {
							font-size: 1.2rem;
						}
					}
				}
				.more-link {
					position: relative;
					text-align: right;
					@include media-breakpoint-down(md) {
						margin-right: 60px;
					}
					@include media-breakpoint-down(md) {
						margin-right: 100px;
					}
					a {
						position: relative;
						display: inline-block;
						padding-bottom: 2px;
						vertical-align: top;
						color: #fff;
						font-weight: 600;
						letter-spacing: 1px;
						text-transform: uppercase;
						@include transition(all 0.3s ease);
						&:before {
							content: "";
							position: absolute;
							left: 0;
							bottom: 0;
							width: 100%;
							border-bottom: 2px solid #fff;
							@include transition(all 0.3s ease);
						}
					}
				}
			}
		}
	}
}

.contact-form-current-style1 {
	@include media-breakpoint-down(sm) {
		padding: 30px;
		margin-top: 30px;
	}
}
.block-testimonial {
	.ceo-quote {
		color: #fff;
		border-radius: 3px;
		position: relative;
		margin-bottom: 40px;
		border-radius: 5px;
		&:after {
			position: absolute;
			content: "";
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 42px 42px 0 0;
			bottom: -38px;
			left: 0;
			border-color: var(--theme-color1) transparent transparent transparent;
		}
		&:before {
			position: absolute;
			height: 100%;
			width: 98%;
			content: "";
			left: 0;
			top: 12px;
			z-index: -1;
			opacity: 0.1;
			background: var(--theme-color1);
		}
		background: var(--theme-color1);
		.ceo-quote-wrapper {
			position: relative;
			padding: 40px 60px;
			@include media-breakpoint-down(md) {
				padding: 30px;
			}
			&:after {
				position: absolute;
				content: "";
				width: 0;
				height: 0;
				border-style: solid;
				border-width: 36px 36px 0 0;
				bottom: -48px;
				left: 6px;
				border-color: var(--theme-color1) transparent transparent transparent;
				opacity: 0.1;
			}
		}
	}
	.ceo-thumb-singature {
		.ceo-signature {
			.name {
				margin-bottom: 5px;
			}
			.job-position {
				font-size: 0.92rem;
			}
		}
	}
}



//owl carousel styling
.owl-carousel .owl-dots .owl-dot span {
    background: rgba(250,250,250,0.3);
    height: 20px;
    opacity: 0.8;
    width: 20px;
    border-radius: 50%;
    position: relative;
}
.owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span {
	background-color: #fff;
}
.owl-carousel .owl-dots .owl-dot span:after {
    content: "";
    width: 4px;
    height: 4px;
    background: rgba(117, 117, 117, 0.4);
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}




/*
 * Get Quote Section: Get Quote
 * -----------------------------------------------
*/
.tm-sc-nav-tabspills{
    position: relative;
    .nav{
        &.flex-column{
            &.nav-pills{
                a{
                    &.nav-link{
                        color: var(--theme-color3);
                        background-color: #f0f2f7;
                        border: 2px solid transparent;
                        border-radius: 5px;
                        display: flex;
                        height: 80px;
                        line-height: 60px;
                        margin-bottom: 10px;
                        max-width: 340px;
                        padding-left: 15px;
                        padding-right: 30px;
                        position: relative;
                        @include transition(all .3s ease);
                        .icon{
                            border-radius: 50%;
                            background-color: #ffffff;
                            height: 53px;
                            line-height: 53px;
                            margin-right: 20px;
                            margin-top: 5px;
                            position: relative;
                            text-align: center;
                            width: 53px;
                            i{
                                font-size: 24px;
                                vertical-align: middle;
                                color: var(--theme-color3);
                            }
                        }
                        .icon2{
                            line-height: 60px;
                            position: absolute;
                            right: 50px;
                            color: #84899d;
                        }
                        &.active{
                            background-color: #fff;
                            margin-left: 10px;
                            border: 2px solid var(--theme-color2);
                            color: var(--theme-color2);
                            .icon{
                                background-color: var(--theme-color2);
                                i{
                                    color: #fff;
                                }
                            }
                            .icon2{
                                color: var(--theme-color2);
                            }
                        }
                    }
                }
            }
        }
    }
}
.tm-sc-tabspills-content{
    position: relative;
    .tab-content{
        border: none;
    }
    .tm-get-quote-content{
        .tm-get-quote-wrapper{
            position: relative;
            padding-top: 73px;
            &:before{
                background-color: #f0f2f7;
                content: "";
                height: 133%;
                left: 40px;
                position: absolute;
                right: 0;
                top: 0;
                width: 150%;
                z-index: -1;
                @include media-breakpoint-down(xl) {
                    left: 0;
                }
                @include media-breakpoint-down(sm) {
                    width: 100%;
                }
            }
            .icon{
                border: 15px solid #fff;
                border-radius: 50%;
                color: #fff;
                height: 125px;
                left: -20px;
                line-height: 125px;
                position: absolute;
                text-align: center;
                top: 195px;
                width: 125px;
                span{
                    font-size: 60px;
                }
            }
            .get-quote-form-wrapper{
                margin: 0 auto;
                max-width: 470px;
                @include media-breakpoint-down(xl) {
                    max-width: 90%;
                }
                .form-control{
                    color: #818da9;
                    height: 80px;
                    padding-left: 35px;
                }
                .btn{
                    border-radius: 5px;
                }
            }
            .img {
                bottom: -120px;
                position: absolute;
                right: -45%;
                @include media-breakpoint-down(sm) {
                    display: none;
                }
            }
        }
    }
}