/* 
Theme Name: Euitsols Elementor
Theme URI: https://github.com/elementor/hello-theme/
Description: Customized Hello Elementor Theme by the Euitsols Team.
Author: Euitsols
Author URI: https://euitsols.com/
Template: hello-elementor
Version: 1.0.3
Text Domain: hello-elementor-child
*/


/* General */

html, body {
    overflow-x: hidden;
}


/* Uncomment the code below if you want shiny effect on image hover */

/* .shiny-img .elementor-image{
	position: relative;
	overflow: hidden;
}

.shiny-img .elementor-image::before{
	position: absolute;
	top: 0;
	left: -100%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}

.shiny-img .elementor-image:hover::before{
	-webkit-animation: shine .75s;
	animation: shine .75s;
} */



/* Animations - KeyFrames */

@keyframes opacDown {
    0% {
        transform: translate(0, -20px);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: translate(0, 20px);
        opacity: 0;
    }
}

@keyframes shine{
	100%{
		left: 125%;		
	}
}



/* Media Queries */

@media (max-width: 1800px) {}

@media (max-width: 1700px) {}

@media (max-width: 1600px) {}

@media (max-width: 1500px) {}

@media (max-width: 1440px) {}

@media (max-width: 1366px) {}

@media (max-width: 1300px) {}

@media (max-width: 1280px) {}

@media (max-width: 1200px) {}

@media (max-width: 1080px) {}

@media (max-width: 1024px) {}

@media (max-width: 989px) {}

@media (max-width: 780px) {}

@media (max-width: 768px) {}

@media (max-width: 767px) {}

@media (max-width: 360px) {}