/**
 * Theme Name:     Hello Elementor Child
 * Author:         Vecto Digital
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor page builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 * Theme URI:      https://vecto.digital
 * Author URI:     https://vecto.digital
 * Version:        1.0
 * License:        vecto_digital
 * License URI:    https://vecto.digital
 * Tags:           Vecto Digital
 */
/* Hide default scrollbar */

#header {
	position: fixed;
	top: 0;
	left: 0px;
	right: 0px;
	height: 0;
	background: transparent;
    transition: all 1.25s ease 0s;
	will-change: all;
    z-index: 0;
	opacity: 0;
}

.slidedown #header {
	position: fixed;
	top: -20px;
	left: 0px;
	right: 0px;
	height: auto;
	background: #fff;
	transition: all 1.5s ease 0s;
	will-change: all;
	z-index: 777;
	opacity: 1;
    
}
#maeutica-logo {
	position: relative;
    width: 100%;
    height: auto;
	transition: all 1.5s ease 0s;
}
#mobile-logo {
	position: relative;
	width: 100%;
	transition: all 0.8s ease-in-out
}
#mobile-logo img {
	width: 100%;
	position: absolute;
	height: auto;
	left: 0;
}
.slidedown #mobile-logo img {
	width: 356px;
	position: relative;
	height: auto;
}
.slidedown #mobile-logo {
	position: relative;
	width: 50%;
	transition: all 0.8s ease-in-out
}
.slidedown #mobile-menu {
	width: 50%;
	opacity: 1;
	transition: all 2s ease-in-out
}
#mobile-menu {
	opacity: 0;
	width: 0px;
}

.slidedown #mobile-menu svg {
	opacity: 1;
	transition: all 0.8s ease-in-out
}
#mobile-menu svg {
	opacity: 0;
	transition: all 0.8s ease-in-out
}
#svgslider {
	max-width: 1500px;
	position: absolute;
	height: auto;
	top: 0;
	width: 1360px;
	left: 44%;
	transform: translate(-50%, -29%);
}
#svg-animation {
	min-height: 340px;
    overflow: hidden;
}

#maeutica-logo.active.top .elementor-widget-container {
	top: -150px;
}
#eqM8OcK1tAv1 {
	width: 100%;
	height: 100%;
}
body .svgslidertext {
	position: relative;
}
.svgslidertext .svgslider1, .svgslidertext .svgslider2, .svgslidertext .svgslider3, .svgslidertext .svgslider4, .svgslidertext .svgslider5 {
	opacity: 0;
	position: absolute;
	top: 15px;
	transition: all 0.8s cubic-bezier(0.5, 0, 0, 1) 0s;
}

.svgslidertext .svgslider1.active, .svgslidertext .svgslider2.active, .svgslidertext .svgslider3.active, .svgslidertext .svgslider4.active, .svgslidertext .svgslider5.active {
	opacity: 1;
	top: 0;
	transition: all 0.8s cubic-bezier(0.5, 0, 0, 1) 0s;
}

.svgslidertext span {
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 300;
	color: #3e3e3e;
}
.svgslidertext h3 {
	text-transform: uppercase;
	margin: 5px 0;
}
.svgslidertext p {
	text-transform: uppercase;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 300;
}
.svgslidertext p span {
	border-radius: 15px;
	line-height: 34px;
}
.elementor-location-footer{
	position: relative;
	z-index: 777;
}	

@media screen and (max-width: 1720px) {
	#svgslider {
		width: 1050px;
		left: 40%;
		/** transform: translate(-50%, -25%); */
	}
}
@media screen and (max-width: 1560px) {
	#svgslider {
		width: 1025px;
		left: 44%;
		/**transform: translate(-50%, -33%);*/
	}
}
@media screen and (max-width: 767px) {
	#svg-animation {
		min-height: 595px;
		overflow: hidden;
	}
	#svgslider {
		width: 100%;
		left: 0;
		transform: translate(0, 0);
		top: 0;
		height: 654px;
	}
}
@media screen and (max-width: 480px) {
	#svg-animation {
		min-height: 375px;
		overflow: hidden;
	}
	#svgslider {
		width: 100%;
		left: 0;
		/**transform: translate(0, 0%);*/
		top: 0;
		height: auto;
	}

}
@media screen and (min-width: 767px) {
	#maeutica-logo .elementor-widget-container {
		transition: width 0.8s cubic-bezier(0.5, 0, 0, 1) 0s, transform 0.8s cubic-bezier(0.5, 0, 0, 1) 0s, top 0.8s cubic-bezier(0.5, 0, 0, 1) 0s;
		will-change: width, transform;
		width: 100%;
		transform: translate3d(-50%, 24px, 0px);
		height: auto;
		top: 0;
		left: 50%;
		right: 50%;
		position: relative;
	}
	.slidedown #maeutica-logo .elementor-widget-container {
		transition: width 0.8s cubic-bezier(0.5, 0, 0, 1) 0s, top 0.8s cubic-bezier(0.5, 0, 0, 1) 0s, transform 0.8s cubic-bezier(0.5, 0, 0, 1) 0s, top 2s ease-out;
		width: 240px;
		height: auto;
		will-change: width, transform;
		transform: translate3d(-50%, 24px, 0px);
		top: -6px;
		position: fixed;
		z-index: 80;
		left: 50%;
		right: 50%;
	}
}