/*
Theme Name: Hello Elementor Child
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Shik
Author URI: 
Template: hello-elementor
Version: 1.0.2
Text Domain: hello-elementor
*/

.grecaptcha-badge,.grecaptcha-logo{visibility: hidden !important;}

header.site-header{display:none !important;}

.elementor-widget-google_maps iframe{filter:unset!important;}

.elementor-invisible{
	visibility:visible!important;
	opacity:0;
}

.bannerslider .swiper-pagination{
	display: flex;
    flex-direction: row;
	width:100% !important;
}
.bannerslider .swiper-pagination .swiper-pagination-bullet{
    width:100%!important;
    border-radius:0 !important;
}

.thehead{width: 100% !important;}

.elementor-image-carousel-wrapper .swiper-slide img{vertical-align:bottom;}
.elementor-widget-image-carousel.elementor-pagination-position-outside .swiper{padding-bottom:0!important;}
 

@media (min-width: 767px) { 
	.hometabs .e-n-tabs-heading{justify-content: space-between!important;}
	.hometabs .e-n-tab-title{flex-grow: 1 !important;}

	.hometabs .e-n-tab-title[aria-selected="true"]:after,.servicetabs .e-n-tab-title[aria-selected="true"]:after{
		content: '';
        width: 1px;
        height: 2vw;
        background: #fff;
        position: absolute;
        top: 100%;
        left: 50%;
        opacity: 1;
        animation-name: fadeInUpshik;
        animation-duration: 1.25s;
        z-index: -1;
	}
	
	@keyframes fadeInUpshik{
		from {
			opacity: 0;
			transform: translate3d(0,-100%,0)
		}

		to {
			opacity: 1;
			
			
			transform: none
		}
	}

    .thehead:not(.elementor-sticky--effects) {
        background: #07182700 !important;

    }
	.thehead.elementor-sticky--effects {
        padding-top: 0.5vw !important;
        padding-bottom: 0.5vw !important;
    }
	.thehead,
	.thehead .maindeskmenu,
	.thehead .ofekmsquare svg rect{
        transition: all 0.5s ease !important;
    }
	
	.home .thehead:not(.elementor-sticky--effects) .maindeskmenu{
		background: #ffffff;
		margin-right: -1.5vw;
	}
	.home .thehead:not(.elementor-sticky--effects) .ofekmsquare svg .pas1{opacity:1!important;}
	.home .thehead:not(.elementor-sticky--effects) .ofekmsquare svg .pas2{opacity:0!important;}
	
	.home .thehead:not(.elementor-sticky--effects) .maindeskmenu a{
		color:#000000;
		fill:#000000;
	}
	.home .thehead:not(.elementor-sticky--effects) .maindeskmenu .elementor-item:hover, 
	.home .thehead:not(.elementor-sticky--effects) .maindeskmenu .elementor-item.elementor-item-active,
	.home .thehead:not(.elementor-sticky--effects) .maindeskmenu .elementor-item.highlighted,
	.home .thehead:not(.elementor-sticky--effects) .maindeskmenu .elementor-item:focus{
		color:#363636;
		fill:#363636;
	}
	
	.projoutgal .swiper-slide img{
		object-fit:cover;
		width:100%;
		height:41.66vw;
	}
	.projingal .swiper-slide img{
		object-fit:cover;
		width:100%;
		height:51vw;
	}
	
	
	.provt .proelement,
	.provt .ptheader{
		opacity:0;
		transition:all 0.8s ease;
	}
	.provt:hover .proelement,
	.provt:hover .ptheader{
		opacity:1;
	}
	.spanmobbreak span{
		display:block;
	}
	.elementor-form .elementor-field-group{align-items: flex-start!important;}
	.gallerycaption figcaption{
		position:absolute;
		top: 2vw;
		right: 0;
		font-style: normal !important;
		padding: 0.5vw 3.5vw;
		background: #00000078;
	}
	.gallerycaption figcaption:before{
		/*content:'';
		box-shadow: 6vw 0vw 7vw 5vw #00000096;
		width: 11vw;
		height: 0px;
		display: block;*/
	}
}

@media (min-width: 767px) and (max-width: 1925px) {
	.elementor-button{min-width:9.7vw;}
	.elementor-form .elementor-field-type-acceptance label{
        font-size:0.8vw!important;
        font-weight:400!important;
    }
	.elementor-form .elementor-field-textual:not(textarea), .elementor-form button[type="submit"] {
        height: 2.8vw;
        min-height: auto !important;
    }
	.elementor-form input[type="checkbox"]:after {
		width: 0.8vw;
		height: 0.8vw;
		right: 0.2vw;
		font-size: 0.8vw;
		line-height: 0.8vw;
	}
	.elementor-form .elementor-field-type-acceptance .elementor-field-option {
		display:flex;
		padding-right: 1.2vw;
	}
	
}

@media (min-width: 1925px){
	.elementor-button{min-width:187px;}
	.elementor-form .elementor-field-type-acceptance label{
        font-size:19px!important;
        font-weight:400!important;
    }
	.elementor-form .elementor-field-textual, .elementor-form button[type="submit"] {
        height: 55px;
        min-height: auto !important;
    }
	.elementor-form input[type="checkbox"]:after {
		width: 18px;
		height: 18px;
		right: 5px;
		font-size: 18px;
		line-height: 18px;
	}
	.elementor-form .elementor-field-type-acceptance .elementor-field-option {
		display:flex;
		padding-right: 30px;
	}
		.home .thehead:not(.elementor-sticky--effects) .maindeskmenu{
		margin-right: -20px !important;
	}
	.imgandinfo .elementor-heading-title{font-size:1.4vw !important}
}

@media (max-width: 767px){
	.elementor-button{min-width:20vw;}
	.elementor-form .elementor-field-type-acceptance label{
        font-size:2.8vw!important;
        font-weight:300!important;
    }
	.elementor-form .elementor-field-textual {
        min-height: 8vw;
        margin-bottom: 1vw;
    }
	.elementor-form input[type="checkbox"]:after {
		width: 3vw;
		height:  3vw;
		right: 1vw;
		font-size:  3vw;
		line-height:  3vw;
	}
	.elementor-form .elementor-field-type-acceptance .elementor-field-option {
		display:flex;
		padding-right: 4vw;
	}
	.projoutgal .swiper-slide img{
		object-fit:cover;
		width:100%;
		height:65vw;
	}
	.projingal .swiper-slide img{
		object-fit:cover;
		width:100%;
		height:55vw;
	}
	.provt .ptheader{position:relative!important;}
	.provt .inco{height: 100%;}
	
	.provt:not(.elementor-invisible) .proelement{ 
		animation: shikslideIn 1s ease-out forwards !important;
	}

	body:not(.elementor-editor-active) .provt .protitleef{
		opacity: 0;
		animation: shikfadeIn 1s ease-in forwards !important;
		animation-delay: 1s!important;
	}
	.footermobsplit .elementor-icon-list-item:after{display:none !important;}
	.footermobsplit .elementor-inline-item{width:100% !important;}
	.gallerycaption figcaption{
		position:absolute;
		top: 4vw;
		right: 0;
		font-style: normal !important;
		padding: 0.5vw 4vw;
		background: #00000078;
	}
}
.gallerycaption .swiper-pagination-bullets{bottom:0!important;}
	
/* desktop menu entrance */
@keyframes shikslideIn {
    from {
        transform: translateX(-84vw);
    }
    to {
        transform: translateX(0);
    }
}

@keyframes shikfadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


.ofekmsquare,
.projectboxwrapper .proelement{ 
    animation: shikslideIn 1s ease-out forwards !important;
}

body:not(.elementor-editor-active) .maindeskmenu,
body:not(.elementor-editor-active) .projectboxwrapper .protitleef{
	opacity: 0;
    animation: shikfadeIn 1s ease-in forwards !important;
    animation-delay: 1s!important;
}


/***/


.elementor-form input[type="checkbox"] {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
	padding:0 !important;
}
.elementor-form input[type="checkbox"]:checked:after {
    content: '\2713';
    color: #000000;
}
.elementor-form input[type="checkbox"]:after {
    content: '\2713';
    color: #FFFFFF;
	outline: none;
    background: #FFFFFF;
    border: 1px solid #000000;
    position: absolute;
    top: 0;
    font-weight: bolder;
    text-align: center;
}

/*.opacityeng{opacity:0.7;}*/
.opacityeng{display:none !important;}

.videocont .playb img{
	background:##1111118a;
	border-radius:50%;
	border:1px solid #ffffff;
	transition: box-shadow 0.8s ease;
}

.videocont:hover .playb img{
    box-shadow: 0 0 40px 8px #fff;
}

.provt .elementor-widget-image img,
.projectboxwrapper .elementor-widget-image img,
.provt .inco,
.projectboxwrapper .inco,
.projectboxwrapper .elementor-widget-divider .elementor-divider-separator{transition:all 0.8s ease;}

.provt .elementor-widget-image,
.projectboxwrapper .elementor-widget-image{overflow:hidden;}

.provt:hover .elementor-widget-image img,
.projectboxwrapper:hover .elementor-widget-image img{transform: scale(1.1);}

.provt:hover .elementor-widget-image img{opacity:0.5;}

.projectboxwrapper:hover .inco{background-color:#ffffff !important;}
.projectboxwrapper:hover .elementor-widget-divider .elementor-divider-separator{width:50%!important;}

.provt .inco{min-height: inherit;}
.provt .proelement{height: inherit;}

/**********/
.e-n-tabs .e-active{position:relative;}
.e-n-tabs .e-active:before {
  content: ""; /* תוכן ריק ליצירת הגבול */
  position: absolute;
  top: 0;
  left: 50%; /* מתחיל מהאמצע */
  width: 0; /* התחלה ברוחב 0 */
  height: 1px; /* עובי הגבול */
  background-color: white; /* צבע הגבול */
  transform: translateX(-50%); /* מיקום למרכז */
  animation: order-top 0.8s ease-out forwards; 
}

.e-n-tabs .e-active:after {
  content: ""; /* יצירת האלמנט להשלמת הגבול */
  position: absolute;
  inset: 0; /* מכסה את כל השטח */
  background: linear-gradient(90deg, white 100%, transparent 0) top, /* עליון */
              linear-gradient(180deg, white 100%, transparent 0) right, /* ימין */
              linear-gradient(90deg, white 100%, transparent 0) bottom, /* תחתון */
              linear-gradient(180deg, white 100%, transparent 0) left; /* שמאל */
  background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
  background-repeat: no-repeat;
  animation: border-expand 0.8s ease-out forwards; /* אנימציה להשלמת הגבול */
}

/* אנימציית יצירת הגבול העליון */
@keyframes border-top {
  0% {
    width: 0;
  }
  100% {
    width: 100%; /* הגבול מתרחב לרוחב מלא */
  }
}

/* אנימציה ליצירת שאר הגבולות */
@keyframes border-expand {
  0% {
    background-size: 0 1px, 1px 0, 0 1px, 1px 0; /* כל הגבולות מוסתרים */
  }
  25% {
    background-size: 100% 1px, 1px 0, 0 1px, 1px 0; /* רק עליון */
  }
  50% {
    background-size: 100% 1px, 1px 100%, 0 1px, 1px 0; /* עליון וימין */
  }
  75% {
    background-size: 100% 1px, 1px 100%, 100% 1px, 1px 0; /* עליון, ימין ותחתון */
  }
  100% {
    background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%; /* כל הגבולות */
  }
}

/****/
.e-n-tabs .e-active .elementor-element {
    opacity: 0; /* התוכן מוסתר בהתחלה */
    transform: translateY(20px); /* התוכן מתחיל נמוך יותר */
    animation: contentEntrance 0.8s ease-in-out forwards;
    animation-delay: 0.3s; /* מופיע אחרי סיום הגבול */
}
@keyframes contentEntrance {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}


@media (min-width: 767px){
	.shikrecent .swiper-slide:not(.swiper-slide-next){
		opacity: 0.5;
		transform: scale(0.8);
	}
	.shikrecent .swiper-slide:not(.swiper-slide-next) .ptheader,
	.shikrecent .swiper-slide:not(.swiper-slide-next) .recentshikinfo{
		opacity:0 !important;
	}
	.provtrecent .ptheader{position:relative!important;}
	.shikrecent .swiper-slide .ptheader,
	.shikrecent .swiper-slide .recentshikinfo{
		transition:opacity 0.8s ease!important;
		transition-delay: 1.2s !important;	
	}
	.shikrecent .swiper-slide{
		transition:all 0.8s ease!important;
		transition-delay: 0.5s !important;
	}
}