
.et-db #et-boc .et-l .et-waypoint.et_pb_animation_off, .et-db #et-boc .et-l .et-waypoint:not(.et_pb_counters).et_pb_animation_off, .et-db #et-boc .et-l .et_pb_animation_off {
	opacity: 1;
}

.et-db #et-boc .et-l .et-waypoint.et_pb_animation_left.et-animated, .et-db #et-boc .et-l .et_pb_animation_left.et-animated {
	opacity: 1;
	-webkit-animation: fadeLeft 1s cubic-bezier(.77, 0, .175, 1) 1;
	animation: fadeLeft 1s cubic-bezier(.77, 0, .175, 1) 1;
}

.et-db #et-boc .et-l .et-waypoint.et_pb_animation_right.et-animated, .et-db #et-boc .et-l .et_pb_animation_right.et-animated {
	opacity: 1;
	-webkit-animation: fadeRight 1s cubic-bezier(.77, 0, .175, 1) 1;
	animation: fadeRight 1s cubic-bezier(.77, 0, .175, 1) 1;
}

.et-db #et-boc .et-l .et-waypoint.et_pb_animation_top.et-animated, .et-db #et-boc .et-l .et_pb_animation_top.et-animated {
	opacity: 1;
	-webkit-animation: fadeTop 1s cubic-bezier(.77, 0, .175, 1) 1;
	animation: fadeTop 1s cubic-bezier(.77, 0, .175, 1) 1;
}

.et-db #et-boc .et-l .et-waypoint.et_pb_animation_bottom.et-animated, .et-db #et-boc .et-l .et_pb_animation_bottom.et-animated {
	opacity: 1;
	-webkit-animation: fadeBottom 1s cubic-bezier(.77, 0, .175, 1) 1;
	animation: fadeBottom 1s cubic-bezier(.77, 0, .175, 1) 1;
}

.et-db #et-boc .et-l .et-waypoint.et_pb_animation_fade_in.et-animated, .et-db #et-boc .et-l .et_pb_animation_fade_in.et-animated {
	opacity: 1;
	-webkit-animation: fadeIn 1s cubic-bezier(.77, 0, .175, 1) 1;
	animation: fadeIn 1s cubic-bezier(.77, 0, .175, 1) 1;
}

@media (max-width:980px) {
	.et-db #et-boc .et-l .et-waypoint.et_pb_animation_off_tablet, .et-db #et-boc .et-l .et-waypoint:not(.et_pb_counters).et_pb_animation_off_tablet, .et-db #et-boc .et-l .et_pb_animation_off_tablet {
		opacity: 1;
		-webkit-animation: none;
		animation: none;
	}
	
	.et-db #et-boc .et-l .et-waypoint.et_pb_animation_left_tablet.et-animated, .et-db #et-boc .et-l .et_pb_animation_left_tablet.et-animated {
		opacity: 1;
		-webkit-animation: fadeLeft 1s cubic-bezier(.77, 0, .175, 1) 1;
		animation: fadeLeft 1s cubic-bezier(.77, 0, .175, 1) 1;
	}
	
	.et-db #et-boc .et-l .et-waypoint.et_pb_animation_right_tablet.et-animated, .et-db #et-boc .et-l .et_pb_animation_right_tablet.et-animated {
		opacity: 1;
		-webkit-animation: fadeRight 1s cubic-bezier(.77, 0, .175, 1) 1;
		animation: fadeRight 1s cubic-bezier(.77, 0, .175, 1) 1;
	}
	
	.et-db #et-boc .et-l .et-waypoint.et_pb_animation_top_tablet.et-animated, .et-db #et-boc .et-l .et_pb_animation_top_tablet.et-animated {
		opacity: 1;
		-webkit-animation: fadeTop 1s cubic-bezier(.77, 0, .175, 1) 1;
		animation: fadeTop 1s cubic-bezier(.77, 0, .175, 1) 1;
	}
	
	.et-db #et-boc .et-l .et-waypoint.et_pb_animation_bottom_tablet.et-animated, .et-db #et-boc .et-l .et_pb_animation_bottom_tablet.et-animated {
		opacity: 1;
		-webkit-animation: fadeBottom 1s cubic-bezier(.77, 0, .175, 1) 1;
		animation: fadeBottom 1s cubic-bezier(.77, 0, .175, 1) 1;
	}
	
	.et-db #et-boc .et-l .et-waypoint.et_pb_animation_fade_in_tablet.et-animated, .et-db #et-boc .et-l .et_pb_animation_fade_in_tablet.et-animated {
		opacity: 1;
		-webkit-animation: fadeIn 1s cubic-bezier(.77, 0, .175, 1) 1;
		animation: fadeIn 1s cubic-bezier(.77, 0, .175, 1) 1;
	}
}

@media (max-width:767px) {
	.et-db #et-boc .et-l .et-waypoint.et_pb_animation_off_phone, .et-db #et-boc .et-l .et-waypoint:not(.et_pb_counters).et_pb_animation_off_phone, .et-db #et-boc .et-l .et_pb_animation_off_phone {
		opacity: 1;
		-webkit-animation: none;
		animation: none;
	}
	
	.et-db #et-boc .et-l .et-waypoint.et_pb_animation_left_phone.et-animated, .et-db #et-boc .et-l .et_pb_animation_left_phone.et-animated {
		opacity: 1;
		-webkit-animation: fadeLeft 1s cubic-bezier(.77, 0, .175, 1) 1;
		animation: fadeLeft 1s cubic-bezier(.77, 0, .175, 1) 1;
	}
	
	.et-db #et-boc .et-l .et-waypoint.et_pb_animation_right_phone.et-animated, .et-db #et-boc .et-l .et_pb_animation_right_phone.et-animated {
		opacity: 1;
		-webkit-animation: fadeRight 1s cubic-bezier(.77, 0, .175, 1) 1;
		animation: fadeRight 1s cubic-bezier(.77, 0, .175, 1) 1;
	}
	
	.et-db #et-boc .et-l .et-waypoint.et_pb_animation_top_phone.et-animated, .et-db #et-boc .et-l .et_pb_animation_top_phone.et-animated {
		opacity: 1;
		-webkit-animation: fadeTop 1s cubic-bezier(.77, 0, .175, 1) 1;
		animation: fadeTop 1s cubic-bezier(.77, 0, .175, 1) 1;
	}
	
	.et-db #et-boc .et-l .et-waypoint.et_pb_animation_bottom_phone.et-animated, .et-db #et-boc .et-l .et_pb_animation_bottom_phone.et-animated {
		opacity: 1;
		-webkit-animation: fadeBottom 1s cubic-bezier(.77, 0, .175, 1) 1;
		animation: fadeBottom 1s cubic-bezier(.77, 0, .175, 1) 1;
	}
	
	.et-db #et-boc .et-l .et-waypoint.et_pb_animation_fade_in_phone.et-animated, .et-db #et-boc .et-l .et_pb_animation_fade_in_phone.et-animated {
		opacity: 1;
		-webkit-animation: fadeIn 1s cubic-bezier(.77, 0, .175, 1) 1;
		animation: fadeIn 1s cubic-bezier(.77, 0, .175, 1) 1;
	}
}

.et-db #et-boc .et-l .et_overlay {
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: hsla(0, 0%, 100%, .9);
	opacity: 0;
	pointer-events: none;
	-webkit-transition: all .3s;
	transition: all .3s;
	border: 1px solid #e5e5e5;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-font-smoothing: antialiased;
}

.et-db #et-boc .et-l .et_overlay:before {
	color: #2ea3f2;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 32px;
	-webkit-transition: all .4s;
	transition: all .4s;
}

.et-db #et-boc .et-l .et_portfolio_image, .et-db #et-boc .et-l .et_shop_image {
	position: relative;
	display: block;
}

.et-db #et-boc .et-l .et_pb_has_overlay:not(.et_pb_image):hover .et_overlay, .et-db #et-boc .et-l .et_portfolio_image:hover .et_overlay, .et-db #et-boc .et-l .et_shop_image:hover .et_overlay {
	z-index: 3;
	opacity: 1;
}

.et-db #et-boc .et-l #ie7 .et_overlay, .et-db #et-boc .et-l #ie8 .et_overlay {
	display: none;
}

.et-db #et-boc .et-l .et_pb_module.et_pb_has_overlay {
	position: relative;
}

.et-db #et-boc .et-l .et_pb_module.et_pb_has_overlay .et_overlay, .et-db #et-boc .et-l article.et_pb_has_overlay {
	border: none;
}
