.btn-default{
	color:#fff;
	text-transform:uppercase;
	font-size:1rem;
	background-color:$link_hover_color;
    font-weight: 700;
    line-height: 60px;
	display:inline-block;
    border-radius: 5px 5px 5px 5px;
    padding: 0px 45px 0px 45px;	
	border:none;
	&:focus{
		box-shadow: none
	}
	&:hover{
		background-color:$link_color;
		color:#fff;
	}
	&.btn-swap{
		background-color:#fff;
		color:$link_color;
		&:hover{
			background-color:$link_color;
			color:#fff;
		}
	}
	&.btn-banner{
		margin-right:90px;
		//padding: 0 53px;
	}
}

.txt-banner{
	margin-left:90px;
}
.sec_col2{
    padding-left: 90px;
}
.sec_col2_left{
	padding-right: 90px;
}


/*=======search============*/
.search-header{
	.ic-search{		
		i{
			display:none;
		}
		&:before{
			content: '\e910';
			font-family: 'icomoon' !important;
			font-size: 24px;
		}
		&:after{
			display:none;
		}
		&:hover{
			color:$link_hover_color;
			cursor:pointer;
		}
	}
	>.ic-search.show{	
	
		&:before{
			content:'\e937';
			font-family: 'icomoon' !important;
			display:inline-block;
			border: none;
			font-size:24px;
			top:46px;			
			margin-left:-25px;
			color:#fff;
			z-index:9999;
			position:fixed;
		}
	}
	.search-wrapper{		
		padding:0;
		border:none;
		box-shadow:0 2px 6px rgb(0 0 0 / 15%);
		border-radius:0;
		//left: 0 !important;
		//right: 0 !important;
		//bottom:0 !important;
		//top:0 !important;			
		//width:100%;
		//height:100%;		
		//background-color: rgba(0,0,0,.8);	
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
		transform: none !important;	
		position:fixed !important;	
		left: 30% !important;
		right: 30% !important;
		background-color:transparent;
		height:50px;
		top: 45% !important;
		&.show{
			display: flex;
			align-items: center;
			-webkit-box-align: center;
			-ms-flex-align: center;
			&:before{
				content:"";				
				left: 0 !important;
				right: 0 !important;
				bottom:0 !important;
				transform: none !important;		
				width:100%;
				-webkit-transition: all .3s ease-in-out;
				-moz-transition: all .3s ease-in-out;
				-ms-transition: all .3s ease-in-out;
				-o-transition: all .3s ease-in-out;
				transition: all .3s ease-in-out;		
				top:0;
				position:fixed !important;
				height:100%;
				background-color: rgba(0,0,0,.8);
				pointer-events: none;
			}
		}
		.input-group{
			justify-content:center;
			align-items:center;
		}	
		.form-control{
			border:none;
			width:100%;
			flex:none;
			line-height:50px;
			padding:0 20px;
			border-radius:0;
			background:transparent;
			text-align: center;
			border: solid #fff;
			border-width: 0 0 1px;
			font-size:2rem;
			color:#fff;
			&::-moz-placeholder {
                color: #fff;
                opacity: 1; 
            }
            &:-ms-input-placeholder { color: #fff; } 
            &::-webkit-input-placeholder  { color: #fff; }   
			&:focus{
                z-index: 0;
            }
			&:focus{				
				box-shadow:none;
				outline:none;
			}
		}
		.input-group-btn{
			width:100px;
			display:none;
		}
		.ic-search{
			margin:10px 15px;	
			font-size:0;
			background:transparent;
			border:none;
			&:before{
				color:#fff;				
			}
			&:hover &:before{
				color:$link_hover_color;
				cursor:pointer;
			}
		}
	}
}
/*=======contact-popup============*/
.contact-ajax.contact-popup{
	.modal-content{
		animation-duration: 0.5s;
		border-radius: 30px 30px 30px 30px;
		box-shadow: 2px 8px 23px 3px rgba(0,0,0,0.2);
	}
	.modal.fade.show{
		background-color: rgba(0,0,0,.6);
		.modal-dialog{
			transform: translate(0,70px);
		}
	}
	.btn-contact{
		animation: spFadeInRight 1500ms ease-in-out;
	}
	.ctajax-wrap{
		padding:0px 0;
		margin:0;
		.ctajax-element:first-child{
			margin-bottom:0;
			width:100%;
		}
		.ctajax-element .el-inner{
			padding:20px 24px;
		}		
	}
}

.home-layout{
	.search-header{
		>.ic-search{
			color:#fff;
			&:hover{
				color:$link_color;
			}
		}
	}
	.contact-popup .btn-contact{
		color:$link_color;	
		background-color:#fff;
		&:hover{
			background-color:$link_color;
			color:#fff;
		}
	}
}
#sp-header.header-sticky{
	.container-inner>.row{
		padding-top:15px;
		padding-bottom:15px;
	}
	.search-header{
		>.ic-search{
			color:$link_color;
			&:hover{
				color:$link_hover_color;
			}
		}
	}
	.contact-popup .btn-contact{
		color:#fff;	
		background-color:$link_hover_color;
		&:hover{
			background-color:$link_color;
			color:#fff;
		}
	}
	.social-icons{
		display:none;
	}
}
/*-----------addon page builder ---------------*/
.sp-page-builder{	
	.owl2-carousel .owl2-controls{
		margin-bottom: 0;
		.owl2-nav{
			>div{
				opacity:1;
				position:absolute;
				top:-115px;
				font-size: 24px;
				background-color: #FFFFFF;
				color: $link_color;
				display:inline-block;
				height: 60px;
				width: 60px;
				line-height: 60px;
				box-shadow: 0 0 30px rgba(0,0,0,0.05);
				border-radius: 5px;
				text-align: center;
				&.owl-prev{
					right:70px;
					i:before{
						content: '\e918';
						font-family: 'icomoon';
						font-weight:400;
					}
				}
				&.owl-next{
					right:0px;
					i:before{
						content: '\e919';
						font-family: 'icomoon';
						font-weight:400;
					}
				}
				&:hover{
					cursor:pointer;
					background-color:$link_hover_color;
					color:#fff;
				}
			}
		}
	}
	.center-title{
		text-align:center;
	}
	.box-title{
		text-transform:uppercase;
	}
	.box-main{
		img{
			-webkit-transition: all 0.3s;
			-moz-transition: all 0.3s;
			-o-transition: all 0.3s;
			-ms-transition: all 0.3s;
			transition: all 0.3s;			 
			&:focus, 
			&:hover {
				transform: scale(0.95);
			}
		}		
	}
	.box-list{
		margin-top: 49px;
		margin-bottom: 54px;
		ul{
			margin:0 -15px;
			li{				
				margin-bottom:20px;
				&:last-child{
					margin-bottom:0;
				}
				&:before{
					content:"";
					display:inline-block;
					width: 10px;
					height: 10px;
					border-radius: 5px;
					background-color: #fff;
					border: 2px solid $link_hover_color;
					margin:0 15px;
				}
			}
		}
	}
	.box-list2{
		ul{
			margin:0 -12px;
			li{				
				margin-bottom:20px;
				&:last-child{
					margin-bottom:0;
				}
				&:before{
					content:"\e921";
					display:inline-block;
					width: 30px;
					height: 30px;
					line-height:30px;
					font-size:20px;
					text-align:center;
					color:$link_hover_color;
					font-family: 'icomoon' !important;
					border-radius: 100%;
					background-color: #e6ebfc;					
					margin:0 12px;
					font-weight:500;
				}
			}
		}
	}
	.box-icon{
		img{
			-webkit-transition: all 0.3s;
			-moz-transition: all 0.3s;
			-o-transition: all 0.3s;
			-ms-transition: all 0.3s;
			transition: all 0.3s;	 
			&:hover {
				transform: translateY(-8px);
			}
		}	
	}
	.btn-more{
		background-color: transparent;
		background-image: none;
		border: none;
		padding:0;
		color:$link_hover_color;
		font-size:14px;
		position:relative;
		&:after {
			content: "\e931";
			font-family: icomoon;
			display:inline-block;
			font-size:12px;
			margin-left:10px;
		}
		&:before {
			content: '';
			height: 1px;
			width: 100%;
			display:inline-block;
			background-color: $link_hover_color;
			position: absolute;
			left: 0;
			bottom: 0px;
		}
		&:hover,
		&:focus{
			transform: translateY(-8px);
			box-shadow:none;
		}
	}
}

/*-----------section1 ---------------*/
.section1{
	&:before{
		content: "";
		display: inline-block;
		position: absolute;
		top: 0;
		right: 0;
		width: 44%;
		height: 100%;
		background: $link_hover_color;
		border-radius: 0 0 0 200px;
		border-radius: 0 0 0 23%;
	}
	.sppb-col-md-5{
		flex: 0 0 41%;
		max-width: 41%;
	}
	.sppb-col-md-7{
		flex: 0 0 59%;
		max-width: 59%;
	}
	.sppb-row-container >.sppb-row{
		align-items: center;
	}
	.box-year{
		margin:-65px 0px 0px -125px;
	}
	.btn-default{
		margin-top:55px;
	}
}

//block-services
.block-services{
	//overflow:hidden;/*bo de show slider*/
	.heading-title{
		float: none;
		margin-bottom:55px;
		padding-bottom:0;
	}
	.sj-extraslider{		
		margin:-30px -20px;					
		position:relative;		
		.extraslider-inner{
			border:none;
			padding:30px 20px;	
			overflow: hidden;
			overflow: visible;	
			.owl2-stage-outer{	
				overflow: visible;				
				&:before{
					content:"";
					background-color:#f6f8fa;
					position:absolute;
					width:100%;
					height:110%;
					top:-15px;
					left:-101%;
					display:inline-block;
					z-index:1;
				}
				.owl2-item.cloned{}
				.owl2-item.active:first-child,
				.owl2-item.active:nth-child(1){}
			}
			
			.item-wrap.style2{				
				box-shadow: 0px 15px 15px rgba(0,0,0,0.03);
				border-radius: 30px;
				background-color:#fff;
				min-height: 331px;
				margin:0px 0 30px;
				padding:40px;	
				&:last-child{
					margin-bottom:0;
				}
				&:hover{ 
					background-color:$link_hover_color;
					.item-title a{
						color:#fff !important;
					}
					.item-wrap-inner .item-info .item-content{
						.item-description{
							color:#fff
						}
						.item-readmore a{
							color:#fff !important;						
						}
					}
					.item-image{
						background-color:#fff !important;
					}
				}
					
				.item-wrap-inner{
					margin:0;
					.item-image{
						width:100px;
						height:100px;
						line-height:100px;
						text-align:center;
						background-color:#f6f8fa;
						border-radius:10px;
						margin-bottom:20px;
						img{
							width:auto;
						}
						.item-date{
							display:none;
						}
					}
					.item-info{
						padding:0px;
						margin:0;
						background:none;
						color:$text_color;
						.item-title{
							padding:0;
							font-size:24px;
							font-weight:700;	
							margin-bottom:15px;
							text-transform: capitalize;							
							a{
								color:$link_color;
								&:hover{
									color:#fff !important;
									text-decoration:none;
								}
							}
						}
						.item-content{
							margin:0;
							.item-description{
								color:$text_color;
								line-height:24px;	
								font-size:1rem;
								margin-bottom: 0px;
								p{
									margin:0;
								}
							}
						}
					}
				}
			}
		}
		
		.owl2-controls{
			margin-bottom: 0;
			.owl2-nav{
				>div{
					opacity:1;
					position:absolute;
					top:-90px;
					font-size: 24px;
					background-color: #FFFFFF;
					color: $link_color;
					display:inline-block;
					height: 60px;
					width: 60px;
					line-height: 60px;
					box-shadow: 0 0 30px rgba(0,0,0,0.05);
					border-radius: 5px;
					text-align: center;
					&.owl-prev{
						right:70px;
						right:90px;
						i:before{
							content: '\e918';
							font-family: 'icomoon';
							font-weight:400;
						}
					}
					&.owl-next{
						right:0px;
						right:20px;
						i:before{
							content: '\e919';
							font-family: 'icomoon';
							font-weight:400;
						}
					}
				}
			}
		}
				
	}
}

.section4{
	.sppb-addon-title{
		text-align:center;
	}	
}
.section5{
	border-radius:30px;	
	
}

.block_projects{
	.sppb-addon-feature{
		position:relative;
		border-radius:30px;
		//overflow:hidden;
		//background-color:$link_hover_color;			
		.sppb-img-container{
			border-radius:30px;	
			img{
				transition: all .3s ease-in-out;
				width:100%;
			}
		}
		.sppb-media-content{
			position:absolute;
			top:30px;
			left:30px;
			bottom:30px;
			right:30px;
			border-radius:30px;
			background-color:#fff;
			padding:50px 10px;
			text-align:center;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;				
			opacity:0;
			-webkit-transition: all .3s ease-in-out;
			-moz-transition: all .3s ease-in-out;
			-ms-transition: all .3s ease-in-out;
			-o-transition: all .3s ease-in-out;
			transition: all .3s ease-in-out;
			transform:scale(0);
		}
		.sppb-btn-default{
			color: #fff;
			text-transform: uppercase;
			font-size: 1rem !important;;
			background-color: $link_hover_color;
			font-weight: 700;
			line-height: 60px;
			display: inline-block;
			border-radius: 5px 5px 5px 5px;
			padding: 0px 45px 0px 45px !important;
			border: none;
			&:hover{
				background-color:$link_color;
			}
		}
		&:hover{
			.sppb-img-container{				
				background-color:$link_hover_color;
				img{
					opacity:0.3;
				}
			}
			.sppb-media-content{
				opacity:1;
				transform:scale(1);
			}
		}
	}
}
.block_projects_btn{
	.btn-default{
		padding:0 54px;
	}
}
.btn-banner{
	padding:0 33px;
}

.block-teams{
	.owl2-stage-outer{
		margin: -30px 0px;
		.owl2-stage{
			padding: 30px 0px;
		}
	}
	.item .item-wrap {
		padding: 15px;
		background-color: #fff;
		border-radius: 30px;
		.item-img {
			border-radius: 20px;
			img {
				border-radius: 20px;
				width:100%;
			}
		}
		.item-content {
			padding: 26px 15px 0;			
			h3 {
				font-size: 24px;
				font-weight: 700;
				color: #000;
				text-transform: capitalize;
			}
			.team-info {
				font-size: 14px;
				color: #000;
				margin-bottom: 25px;
			}
			.item-desc{
				display:none;
			}
			.item-social {
				display: flex;
				padding: 20px 0 0;
				border-top: 2px solid #f6f8fa;
				justify-content: start;
				a {
					display: inline-block;
					height: 50px;
					width: 50px;					
					color: #000;
					margin-right: 5px;
					border-radius: 50%;
					text-align: center;
					line-height: 50px;
					transition: all 0.3s;
					background-color: #fff;
					i,em{
						font-size: 0px;
						&:before{
							font-size:18px;
						}
					}
					&:hover{
						background-color:$link_hover_color;
						color:#fff;
					}
				}
			}
		}
		&:hover{
			//box-shadow: 0px 0 60px rgba(0,0,0,0.05);		
			box-shadow:0px 15px 15px rgba(0, 0, 0, 0.03);
			.item-content .item-social a{
				background-color: #f6f8fa;
				&:hover{
					background-color:$link_hover_color;
					color:#fff;
				}
			}
			
		}
	}
	.owl2-controls .owl2-nav>div{
		top:-92px !important;
	}
}


//block_counter
.block-counters{
	.yt-counter-wrapper{
		padding: 0;
		margin-bottom: 0;	
		text-align:center;
		.yt-counter-icon{
			text-align:center;
			margin:0 0 28px !important;
			padding-top:0;
			padding-bottom:34px;
			float:none !important;
			position:relative;
			img{
				width:auto !important;
			}
			&:after{
				content:"";
				display:inline-block;
				position:absolute;
				bottom:0;
				height: 4px;
				width: 90px;
				left:50%;
				margin-left:-45px;
				background-color: rgba(255,255,255,0.2);
				border-radius: 2px;
			}
		}
		.yt-counter-desc{
			margin:0;
			float:none !important;			
			.yt-counter-number{
				font-weight:700;
				line-height:30px;
				margin: 0 0 17px;	
				text-align:center;
			}
			.yt-counter-text {
				text-transform: uppercase;
			}
		}
	}
	
}

//block-clients
.block-clients{
	.block-warp{	
		.testimonial-title{
			margin-bottom:0;
		}
		.yt-testimonial{
			margin:0;
			.extraslider-inner{
				padding-bottom:0;
			}
		}
		.item{										
			.item-wrap{
				.item-detail{
					display:flex;					
					.item-img-info{
						width:50%;
						position:relative;
						padding: 80px 0;
						text-align: center;
						transition: all 0.3s;
						.img-block{
							display: inline-block;
							padding: 10px;
							background-color: #fff;
							border-radius: 40px;
							max-width: 450px;
							position: relative;
							z-index: 2;
							img{
								max-width:100% !important;
								max-height:100% !important;
								box-shadow:none;
								border-radius:30px !important;
								display:block;
								width:450px !important;
							}
						}
						
						&:before {
							content: '';
							height: 210px;
							width: 210px;
							background-color: $link_hover_color;
							border-radius: 30px;
							position: absolute;
							display: inline-block;
							right: 0;
							top: 0;
						}
						&:after {
							content: '';
							height: 210px;
							width: 210px;
							background-color: $link_hover_color;
							border-radius: 30px;
							position: absolute;
							display: inline-block;
							left: 0;
							bottom: 0;
						}
					}
					.item-info{
						width: 50%;
						padding-left: 90px;	
						h4{
							margin-bottom: 45px;
							color: $link_color;
							font-size: 40px;
							line-height: 40px;
							font-weight: 700;							
							text-transform:capitalize;
						}
						span.position{
							margin-bottom: 20px;
							color: $link_hover_color;
							font-size: 18px;
							line-height: 20px;
							font-weight: 700;
							text-transform:uppercase;
							display:block;
						}
						.item-comment{
							padding-top: 113px;
							font-size: 24px;
							font-weight: 700;
							color: rgba(0,0,0,0.5);
							line-height: 36px;
							font-style: italic;
							position: relative;
							padding-right: 25px;
							&:before {
								content: '';
								height: 70px;
								width: 70px;
								background: url(../images/icon-quote.png) no-repeat; 
								position: absolute;
								left: 0;
								top: 0px;
							}
						}
					}
				}					
			
			}			
		}
	}
	.yt-testimonial.button-type2 .owl2-controls{
		margin-bottom:0;
		.owl2-nav{
			>div{
				top:auto;
				bottom:135px;
				right:auto;
				background-image: none;
			}
			.owl-prev{
				left: calc(50% + 90px);
			}
			.owl-next{
				left: calc(50% + 160px);
			}
		}
		.owl-dots .owl-dot,
		&.active{
			background:none!important;	
		}
		.owl-dots{	
			margin-top: 0px;	
			.owl-dot{
				width:15px;
				height:15px;
				margin: 0px 1px;
				text-align:center;
				display:inline-block;
				position:relative;
				span{
					width: 5px;
					height: 5px;	
					position:absolute;
					top:3px;
					left:3px;
					margin:0px;			
					border:1px solid $link_color;
					border-radius:100%;
					background:$link_color;
					display:inline-block;
					&:hover{
						background: #fff;						
						border:1px solid $link_hover_color;
						width:11px;
						height:11px;
						margin:0px 0;
						top:0px;
						left:0px;		
					}
				}
				&.active span{
					background: #fff;
					margin:0px 0;
					border:1px solid $link_hover_color;
					width:11px;
					height:11px;
					top:0px;
					left:0px;
				}
			}
		}
	}		
}



//
.sp-module-content-top .sp-module{
	margin-bottom:30px;
}
/*===============bonus-page================*/
/*About-page*/
//block_services
.block-whyus{		
	.sj-extraslider{
		.extraslider-inner{
			@media (min-width: 1199px) {
			overflow: hidden;
			}
			.owl2-stage-outer:before{
				display:none;
			}
			.item-wrap.style2{
				background-color:#f6f8fa;
				box-shadow:none;
				.item-wrap-inner{
					.item-image{						
						background-color:#fff;
					}					
				}
			}
		}		
	}
}
.block-skill{
	margin-top:-20px;
	.yt-progress-bar-style-thin{
		height:10px;
		border-radius:5px;
		box-shadow:none;		
		position:relative;
		margin:67px 0 0;
		.yt-pb-fill{
			height:10px;
			border-radius:5px;
			position:unset;
		}
		.yt-pb-text{
			font-weight:700;
			line-height:50px;	
			top:-43px;
			color:$link_color;
			width:100%;
			font-size:24px;
		}
		.yt-pb-percent{
			&:before, &:after{
				display:none;
			}
			background-color:transparent;			
			font-weight:500;
			color:$link_color;
			font-size:24px;
		}
	}
}
/*Service-page*/
.sec-col-right{
	padding-left:45px;
}
.sec-col-left{
	padding-right:45px;
}
#sp-left,
#sp-right{
	.menu-services{
		ul li{
			transition: all 0.3s ease-in-out 0s;
			a{
				font-size:16px;
				font-weight:700;
				padding:25px 0;
				line-height:20px;
				&:before{				
					content: "\e919";
					font-family: icomoon;
					font-size: 18px;
					display:inline-block;
					margin-right:10px;
					font-weight:500;				
				}
			}
			&.active,&:hover{
				margin-left:10px;
				a{
					color:$link_hover_color;
				}
			}
		}
	}

	.contact-left{
		.sp-module-title{
			font-size:30px;
		}
		.pre-text{
			color:#444;
			margin:0 0 25px;
			font-size:14px;
		}
		.contact-ajax .ctajax-wrap{
			margin:0;
			.ctajax-element{
				width:100%;
			}
			.ctajax-element .el-inner{
				padding:0;
				.el-input{					
					color:$link_color;
					&::-moz-placeholder {
						color: $link_color;
						opacity: 1; 
					}
					&:-ms-input-placeholder { color: $link_color; } 
					&::-webkit-input-placeholder  { color: $link_color; }
					&:focus,
					&:hover{
						border-color:#000;
					}
				}
				label{
					display:none;
				}
			}
			.ctajax-element .el-ctajax-form .el-control .ca-tooltip{
				top:0px;
				height:50px;
				line-height:50px;
				.el-error{
					line-height:50px;
					height:50px;
				}
			}
			.ctajax-element .el-ctajax-form .el-control.ctajax-ok .el-ok{
				top:0px;
				line-height:50px;
				height:50px;
			}
		}
	}
}


