
#sp-page-title {
	.row {
		margin: 0;
	}
}


.about-row-top ,
.about-our-team {
	background-color: #fff;
	padding: 30px 20px 20px;
}
.about-our-team {
	margin-bottom: 20px;
}

.about-exp-info-bot {
	padding-top: 30px;
	.exp-info-time {
		float: left;
		font-size: 46px;
		color: #cccccc;
		line-height: 38px;
	}
	.about-exp-info-right {
		overflow: hidden;
		padding: 0 15px;
		color: #666;
		line-height: 22px;
		h5 {
			font-size: 12px;
			color: @color;
			font-style: italic;
			margin-bottom: 8px;
		}
		h4 {
			font-size: 16px;
			font-weight: bold;
			color: #111;
			text-transform: uppercase;
			margin-bottom: 20px;			
		}
	}
}


.about-testimonials {
	background: url('../../images/bg-testimonial.jpg') no-repeat;
	color: #fff;
	padding: 50px 16%;
	.sppb-addon-title {
		display: inline-block;
		position: relative;
		&:after {
			content: "";
			width: 20px;
			height: 2px;
			background-color: #fff;
			display: inline-block;
			vertical-align: middle;
			margin: 0 20px;
		}
	}
}
.about-statistic {
	padding: 50px 20px;
	.sppb-addon-title {
		display: inline-block;
		position: relative;
		&:after {
			content: "";
			width: 20px;
			height: 2px;
			background-color: @color;
			display: inline-block;
			vertical-align: middle;
			margin: 0 20px;
		}
	}
}

.our-team {
	margin: 0 -10px;
	.item-team {
		width: 20%;
		float: left;
		padding: 0 10px;
		.item-wrap {
			.item-img {
				position: relative;
				margin-bottom: 20px;
				&:before {
					content: "";
					position: absolute;
					left: 0;
					top: 0;
					width: 100%;
					height: 100%;
					background-color: #293340;
					opacity: 0.7;
					z-index: 1;
					opacity: 0;
					.scale(0);
					.transition(all .3s);
				}
				.item-social {
				    text-align: center;
				    position: absolute;
				    top: 50%;
				    left: 0;
				    right: 0;
				    z-index: 2;
				    opacity: 0;
				    .transition(all .5s);
				    .translateY(-50%);
					[class*="team-"] {
						display: inline-block;
						vertical-align: top;
						padding: 0 7px;
					}
					a {
						color: #fff;
						&:hover {
							color: @color;
						}
						.fa {
							font-size: 0;
							&:before {
								font-size: 18px;
							}
						}
						
					}
				}
			}
			.item-content {
				text-align: center;
				h3 {
					font-size: 14px;
					text-transform: uppercase;
				}
				.team-info {
					color: #999;
				}
			}
			&:hover {
				.item-img {
					.item-social {
						.transition(all .5s);
						opacity: 1;
					}
					&:before {
						.scale(1);
						opacity: 0.7;
						.transition(all .3s);
					}
				}
			}
		}
	}
}

.page_contact {
	background-color: #fff;
	margin-bottom: 20px;
}

.contact-ajax {
	&.theme1 {
		padding: 20px;
		.pre-text {
		    font-size: 26px;
		    color: #222222;
		    padding: 0;
		    font-weight: bold;
		    text-transform: uppercase;
		    margin-bottom: 25px;
		    &:after {
		    	content: "";
			    display: inline-block;
			    height: 2px;
			    width: 20px;
			    background-color: #dd0000;
			    vertical-align: middle;
			    margin: 0 10px;
		    }
		}
		.ctajax-wrap {
			.ctajax-element {
				width: 100%;
				.el-inner {
					padding: 0;
					.el-ctajax-form {
						margin: 0 -15px;
						width: auto;
						.el-control {
							width: 50%;
							float: left;
							padding: 0 15px;
							position: relative;
							.el-input {
								width: 100%;
								margin-bottom: 20px;
								padding: 5px 10px;
							}
							&.ctr-full {
								width: 100%;
							}
							#contact_email_copy, .el-label-email-copy {
								cursor: pointer;
							}
							.ca-tooltip {
						 		position: absolute;
						 		top: 0;
						 		right: 0;
						 		.rtl & {
						 			right: auto;
						 			left: 0;
						 		}
						 		.el-error {						 			
						 			width: 40px;
						 			margin: 0;
						 		}
						 	}
						 	.el-ok {
						 		position: absolute;
								width: 40px;
								margin: 0;
								top: 0;
						 		right: 0;
						 		.rtl & {
						 			right: auto;
						 			left: 0;
						 		}
						 	}
						}
						#cainput_submit {
							border-radius: 0;
							background: none;
							background-color: @color;
							border: 0;
							text-align: center;
							min-width: 160px;
							padding: 0 20px;
							height: 44px;
							line-height: 44px;
							border: 0;
							font-size: 14px;
							font-weight: normal;
							text-transform: uppercase;
							&:hover {
								background-color: darken(@color, 10%)
							}
						}

					}
				}
			}
		}
	}
}
.contact-ajax .ctajax-element .el-ctajax-form .el-ctajax-return.return-success i,
.contact-ajax .ctajax-element .el-ctajax-form .el-ctajax-return.return-error i {
	width: 100%;
}
.sj_right_contact {
	padding: 35px 0;
	.sj_wrapper {
		line-height: 24px;
		color: #666666;
		h4 {
		    font-size: 26px;
		    color: #222222;
		    padding: 0;
		    font-weight: bold;
		    text-transform: uppercase;
		    margin-bottom: 18px;
		    &:after {
		    	content: "";
			    display: inline-block;
			    height: 2px;
			    width: 20px;
			    background-color: #dd0000;
			    vertical-align: middle;
			    margin: 0 10px;
		    }
		}
		.left-contact-top {
			padding: 15px 0;
			li {
				padding-bottom: 12px;
				&.address {
					&:before {
						content: "\f041";
					}
				}
				&.phone {
					a {
						color: #666;
						&:hover {
							color: @color;
						}
					}
					&:before {
						content: "\f095";
					}
				}
				&.email {
					&:before {
						content: "\f003";
					}
				}
				&:before {
					font-family: fontawesome;
					font-size: 14px;
				    font-weight: bold;
				    min-width: 30px;
				    display: inline-block;
				}
			}			
		}
	}
}

.box-maps {
	p {
		margin: 0;
	}
}

#sp-component {
    #xmap, #user-registration, .tag-category, .search, .finder, .categories-list {
        background-color: #fff;
        padding: 20px;
        margin-bottom: 50px;
    }
    .wrap-login {
        padding: 30px !important;
        background-color: #fff;
        padding: 20px;
        margin-bottom: 50px;
        width: 400px;
        max-width: 100%;
        margin: 0 auto 50px;
        box-shadow: 0 0 6px #989898;
        #remember-lbl {
            cursor: pointer;
        }
        .form-horizontal {
            .well {
                padding-top: 0;
                input.required {
                    width: 100%;
                }
                .btn {
                    width: 100%;
                    padding: 10px 0;
                }
            }
        }
    }
    #josForm {
        padding: 30px !important;
        background-color: #fff;
        padding: 20px;
        margin-bottom: 50px;
        width: 750px;
        max-width: 100%;
        margin: 0 auto 50px;
        box-shadow: 0 0 6px #989898;
        .componentheading {
        	font-size: 24px;
        	margin-bottom: 20px;
        	text-transform: uppercase;
        	font-weight: bold;
        	color: #222;
        }
        .k2AccountPage {
            padding-bottom: 0;
        }
        .admintable_register {
        	.k2ProfileHeading {
        		font-size: 18px;
        	}
            .form-register {
                label {
                    display: block;
                    color: #222;
                    .colorR {
                        color: #FF0000;
                    }
                }
                .ipt-form {
                    margin-bottom: 20px;
                    input {
                        width: 100%;
                    }
                }
                .check-gender {
                    .controls {
                    	padding: 0 20px;
                    }
                }
                .upload-image {
                    margin-bottom: 20px;
                }
                #editor-xtd-buttons, .toggle-editor {
                	margin: 20px 0 10px;
                	width: auto;
                }
                #editor-xtd-buttons #yt_shorcodes {
                	margin: 0;
                }
            }
        }
        .k2AccountPageUpdate {
        	.button  {
        		background-color: @color;
        		padding: 10px 30px;
        		color: #fff;
        		font-weight: bold;
        		border: 0;
        		&:hover {
        			background-color: darken(@color, 10%);
        		}
        	}
        }
    }
    .tag-category {
        .item  {
            margin-bottom: 30px;
            .wrap-article {
                .article-img {
                    margin-bottom: 20px;
                }
            }
        }
    }
}

.view-featured{
	.blog-featured{
		.intro-image{
			display: none;
		}
	}
}

/* smart search */
div#finder-filter-window .filter-branch .finder-selects{
	margin: 15px;
}