?

áEÓê¤ÎïLwebshll2019

Current Path : /home/webyoo/www/backup/allback/partenaires-lonlay/sass/
Upload File :
Current File : /home/webyoo/www/backup/allback/partenaires-lonlay/sass/_5.team.scss

.team {
	background-color: #f1f1f1;
	.row {
		margin-left: -45px;
		margin-right: -45px;
	}
}
.team-slider {
	margin-top: 60px;
	.owl-controls {
		.owl-pagination {
			margin-top: 50px;
		}
	}
	.team-item {
		background-color: #fff;
		margin-left: 45px;
		margin-right: 45px;
		.image-thumb {
			position: relative;
			overflow: hidden;
			img {
				width: 100%;
				@include transition(all .3s linear);
			}
			.icon-hover {
				&:before, &:after {
					content: '';
					display: block;
					position: absolute;
					width: 30px; height: 30px;
					opacity: 0;
					visibility: hidden;
					@include transition(all .3s linear);
				}
			}
			.icon-hover-1 {
				&:before {
					top: 5px;
					left: 5px;
					border-top: 2px solid #000;
					border-left: 2px solid #000;
				}
				&:after {
					top: 5px;
					right: 5px;
					border-top: 2px solid #000;
					border-right: 2px solid #000;
				}
			}
			.icon-hover-2 {
				&:before {
					bottom: 5px;
					left: 5px;
					border-bottom: 2px solid #000;
					border-left: 2px solid #000;
				}
				&:after {
					bottom: 5px;
					right: 5px;
					border-bottom: 2px solid #000;
					border-right: 2px solid #000;
				}
			}
		}
		&:hover {
			.image-thumb {
				img {
					@include scale(1.05);
				}
				.icon-hover {
					&:before, &:after {
						opacity: 1;
						visibility: visible;
					}
				}
			}
		}
		.item-body {
			padding: 28px;
			.team-name {
				.h4 {
					position: relative;
					font-size: 16px;
					color: #3e3e3e;
					padding-bottom: 10px;
					margin-top: 0;
					&:after {
						content: '';
						display: block;
						position: absolute;
						width: 30px; height: 1px;
						background-color: #666;
						left: 0; bottom: 0;
					}
				}
				span {
					font-family: $pd;
					font-size: 14px;
					font-style: italic;
					color: #3e3e3e;
				}
			}
			.item-descript {
				margin-top: 12px;
				color: #606060;
			}
			.item-social {
				margin-left: -6px;
				margin-right: -6px;
				margin-top: 5px;
				a {
					display: inline-block;
					font-size: 16px;
					color: #161616;
					margin: 4px 6px;
					&:hover {
						color: $color;
					}
				}
			}
			&.text-left {
				.team-name {
					.h4 {
						&:after {
							right: auto;
							left: 0;
						}
					}
				}
			}
			&.text-center {
				.team-name {
					.h4 {
						&:after {
							margin: auto;
							left: 0;
							right: 0;
						}
					}
				}
			}
			&.text-right {
				.team-name {
					.h4 {
						&:after {
							left: auto;
							right: 0;
						}
					}
				}
			}
		}
	}
}
.we-are-hiring {
	padding-top: 68px;
	padding-bottom: 68px;
	.h3 {
		font-size: 24px;
		font-weight: 400;
		margin-top: 0;
		color: #141414;
	}
	p {
		font-family: $pd;
		font-style: italic;
		font-size: 16px;
		color: #606060;
		max-width: 800px;
		margin: 26px auto;
		line-height: 1.7em;
	}
	.apply-team {
		min-width: 120px;
	}
	.bg-parallax, .bg-static {
	    ~ .container {
	        .item-heading, .item-body {
	        	* {
	        		color: #fff;
	        	}
	        }
	    }
	}
	.bg-color {
		~ .container {
			.item-heading, .item-body {
	        	* {
	        		color: #141414;
	        	}
	        }
		}
	}
}



web shell, Coded By 2019