/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/
body {
	background-color: #000 !important;
	letter-spacing: 2px;
}
.elementor-menu-toggle.elementor-active {
    background-color: #000;
}
.contact-link {
	position: relative;
	padding-left: 35px !important;
}
.contact-link a{
	color: #D2232A;

}
.contact-link:before {
	color: #D2232A;
	display: inline-block;
	margin-right: 5px;
	position: absolute;
	left: 0;
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f095";
}
.project-list {
	display: flex;
	align-items: flex-start;
	font-family: "Orbitron", Sans-serif;
	list-style: none;
	margin: 0 0 40px 0;
	padding: 0;
}
.project-list li {
	  /*flex: 1 1 auto;*/
	  padding: 10px;
	  text-align: center;	
}

.gallery-container {
	display: flex;
	max-width: 75%;
	margin: 0 auto;
}
.gallery-container .project-list {
	/*max-width: 75%; margin: 20px auto; */
	font-size: 12px;
	width: 20%;
	flex-direction: column;
	margin-top: 20px;
}

.gallery-container .project-list li {
	padding: 5px 15px;
}

.gallery-container .projects-container { 
	width: 100%;
}

@media (max-width: 767.98px) { 

.project-list {	
	display: block;
}
.project-list li {
	flex: 1 ;
	width: 100%;
	text-align: left;
	padding-right: 15px;
}
}
.project-list li a{
	font-weight: 600;	
	font-size: 12px;
	color: #fff;
	text-transform: uppercase;
}
.project-list li a.active{ 
	color: #D2232A;}
.projects-container {
	display: flex;
	flex-wrap: wrap;
	/*padding: 0 15px;*/
}
.projects-container>div.item{
	height: 350px;
	background-size: cover;
	/*width: calc(100% / 3 - 20px);		*/
	width: calc(100% / 2 - 20px);	
	position: relative;
	margin: 10px;
	overflow: hidden;
}
@media (max-width: 991.98px) { 
	.projects-container>div.item{
		width: calc(100% / 2 - 20px);
		margin: 10px;
	}
}

@media (max-width: 767.98px) { 
.projects-container {
	display: block;
}
	.projects-container>div.item{
		width: 100%;
		margin: 0 0 15px 0;
	}
	
	.projects-container { padding: 0 20px; }
}
/*.elementor-lightbox .elementor-swiper-button-prev {
	right: 75px ;
	left: initial !important;}*/
@media (max-width: 910px) {  
.elementor-lightbox .elementor-swiper-button-prev {
	right: 50% ;
	transform: translate(-100%,0);
	top: calc(100% - 30px);
	left: initial !important;}
/*.elementor-lightbox .elementor-swiper-button-next {
	right: 50% !important ;
	transform: translate(100%,0);
	top: calc(100% - 30px);}*/
}
.projects-container>div.item img {
	width: 100%;
}
.projects-container>div.item .inner{
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	transition: all 0.3s ease-out;
	color: #fff;
	font-family: "Orbitron", Sans-serif;
	font-size: 18px;
	
}
.projects-container>div.item .inner a {
	color: #fff;
	width: 100%;
	height: 100%;
	text-align: center;
	display: flex;
	align-items: center;
    justify-content: center;
	font-weight:  700;
}
.projects-container>div.item:hover .inner{
	display: flex;
	flex-wrap: wrap;
	top: 50%;
	opacity: 1;
	width: 100%;
	height: 100%;
	transition: all 0.3s ease-out;
}
.projects-container>div.item:before{
	transition: all 1s ease-out;
}
.projects-container>div.item:hover:before{
	content:"";
	display: block;
	transition: all 1s ease-out;
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: rgba(33,33,33,0.4);
}
.swiper-slide-next,.swiper-slide-prev {
	opacity: 0 ;
}
.swiper-slide-active img {
	 animation-fill-mode: forwards !important;
	 
	    animation: fadein 1.5s !important;
    -moz-animation: fadein 1.5s; /* Firefox */
    -webkit-animation: fadein 1.5s; /* Safari and Chrome */
    -o-animation: fadein 1.5s; /* Opera */
}

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

/* Shrink Projects */
.projects-container { max-width: 75%; margin: 0 auto; }
.projects-container>div.item .inner a { font-size: 14px; }

.tax-categorie_project h1 { margin-top: 10px; padding-left: 5px; }

@media (max-width: 1025px) {
	.gallery-container {
		display: block;
    width: 100%;
    max-width: 100%;
	}
	
	.gallery-container .project-list {
		    width: 100%;
    max-width: 75%;
    margin: 20px auto;
	}
	
	.tax-categorie_project h1 { padding-left: 10px; }
	.gallery-container .project-list li { padding: 5px 20px; }
}