/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/

/*Add your own styles here:*/
/* header css */
.id_8 .l-subheader {
    padding-left: 0;
    padding-right: 0;
}
header.id_8 .l-subheader-h{
	max-width: 100%;
}

header.id_8 .l-subheader-cell.at_right nav ,
header.id_8 .l-subheader-h > div{
	height:100% !important;
}
header.id_8 .l-subheader-cell.at_right nav li a{
	line-height: 100px;
	transition: 0.4s;
}
header.id_8.sticky .l-subheader-cell.at_right nav li a{
	line-height: 50px;
}
.l-subheader-cell.at_right nav {
    background:#0C0C0C;
}
.l-subheader-cell.at_right nav li a span,
.l-subheader-cell.at_right nav li a{
color:#fff;
}
.ss-desktop-header {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 120px;
    background:#000;
    text-align: center;
    height: 100vh;
    z-index: 9;
    right: 0;
}
.id_8 .l-subheader-cell.at_left {
    padding-right: 120px;
}
.desktop_main_menu .mobile_menu_item,
.header_left_menu,
.ss-mobile-header{
	display: none;
}
.ss-lottery{
	text-align: center;
padding: 0 30px;
margin-top: -25px;
}
.ss-lottery a:hover,
.ss-lottery a{
	color: #000 !important;
}
.ss-logo {
    margin-top: 20px;
}
.ss-logo-bottom {
    position: absolute;
    bottom: 50px;
    left: auto;
    right: auto;
    width: 100%;
}
.ss-logo-bottom a{
	display: block;
	margin-bottom: 10px;
}
/*
.id_8 .l-subheader-cell.at_left {
    margin-right: 120px;
}*/
.id_8 .l-subheader-cell.at_left ul{
	margin: 0;
	padding: 0 50px;
}
.animation_wrapper{
/* 	position: absolute !important;
left: 0;
top:0; */
}
.ss_animation1{

}
.movment_element{
	background-image: url('images/group-5901.png'), url('images/group-206.png');
	background-position: 200px 40px, 78% 85%;
	background-attachment: scroll, scroll;
	background-color: #EC5F55;
	background-repeat: no-repeat, no-repeat;
	-webkit-background-size: auto, 5%;
	background-size: auto, 5%;
/*
  animation-name: whiteimage;
  animation-duration: 2.5s;	
  animation-delay: 1s;
  animation-iteration-count: infinite;
*/}
.ss_mobile_image{
	display: none;
}
@media (min-width: 1571px) and (max-width: 2400px) {
	@keyframes whiteimage {
	  0%   {
	  	background-position: 200px 40px, 78% 85%;
		-webkit-background-size: auto, 5%;
		background-size: auto, 5%;  	
	  }
	  30%  {
	  	background-position: 200px 40px, 78% 85%;
		-webkit-background-size: auto, 5%;
		background-size: auto, 5%;  	
	  }
	  50%  {
	  	background-position: -130px 40px, 120% 85%;
		-webkit-background-size: auto, 10%;
		background-size: auto, 10%;  		
	  }
	  80%  {
	  	background-position: -130px 40px, 120% 85%;
		-webkit-background-size: auto, 10%;
		background-size: auto, 10%;  	  	
	  }
	  100% {
	  	background-position: 200px 40px, 78% 85%;
		-webkit-background-size: auto, 5%;
		background-size: auto, 5%;  	
	  }
	}
}


.movment_element .wpb_wrapper{
	position: relative;
}
.movment_element .ss_animation2 {
	position: absolute;
	bottom: -70px;
	left: 200px;
	margin-right: 0 !important;/*
	animation-name: pinkimage;
	animation-duration: 2.5s;	
	animation-delay: 1s;
	animation-iteration-count: infinite; */ 
	transition: 0.3s;  
	transform: scale(1);
}


@media (min-width: 1200px) and (max-width: 2400px) {
	@keyframes pinkimage {
	  0%   {
		left: 200px;
		transform: scale(1);
	  }
	  30%  {
		left: 200px;
		transform: scale(1);
	  }
	  50%  {
		left: 0;
		transform: scale(.8);
	  }
	  80%  {
		left: 0;
		transform: scale(.8);
	  }
	  100% {
		left: 200px;
		transform: scale(1);
	  }
	}
}

@media (min-width: 1200px) and (max-width: 1570px) {

	.movment_element{
		background-position: 200px 40px, 88% 78%;
	}
@keyframes whiteimage {
  0%   {
  	background-position: 200px 40px, 88% 78%;
	-webkit-background-size: auto, 5%;
	background-size: auto, 5%;  	
  }
  30%  {
  	background-position: 200px 40px, 88% 78%;
	-webkit-background-size: auto, 5%;
	background-size: auto, 5%;  	
  }
  50%  {
  	background-position: -130px 40px, 120% 78%;
	-webkit-background-size: auto, 10%;
	background-size: auto, 10%;  		
  }
  80%  {
  	background-position: -130px 40px, 120% 78%;
	-webkit-background-size: auto, 10%;
	background-size: auto, 10%;  	  	
  }
  100% {
  	background-position: 200px 40px, 88% 78%;
	-webkit-background-size: auto, 5%;
	background-size: auto, 5%;  	
  }
}	

}

@media (max-width: 1199px) {
	.movment_element {
		background-position: -100px 160px, 109% 23%;
		background-size: 45%, 20%;
	}
	.ss_animation2{
		display: none;
	}
	.ss_mobile_image{
		display: block;
		position: absolute;
		left: -70px;
		bottom: 13px;
		max-width: 150px !important;
	}	
	.id_8 .l-subheader-cell.at_right,
	.desktop_left_menu,
	.ss-desktop-header{
		display: none;
	}
	.ss-mobile-header{
		display: flex;
		align-items: center;
	}	
	.ss-mobile-header{
		background: #0C0C0C;
	}
	.id_8 .l-subheader.at_middle {
	    background: #0C0C0C;
	}
	.id_8.l-header a.w-nav-control{
		color: #fff;
		padding: 0;
	}
	.header_hor .l-subheader-cell.at_left > * {
	    margin-left: 0;
	}	
	.ss-mobile-header a:first-child {
	    color:#000 !important;
	    margin-left: -20px !important;
	    max-width: 40px;
	}
	.id_8 .l-subheader-cell.at_center {
	    justify-content: start;
	}	
	.id_8 .l-subheader-cell.at_left {
	    justify-content: flex-end;
	}	
	.id_8 .l-subheader-h {
		flex-direction: row-reverse;
	}
	.desktop_main_menu ul {
	    padding-left: 27px !important;
	    padding-right: 27px !important;
	}	
	.desktop_main_menu ul li {
	    border-bottom: 1px solid;
	}
	.desktop_main_menu .mobile_menu_item{
		display: block;
	}
.desktop_main_menu .mobile_menu_item {
    width: 50%;
    float: left;
    background: #000;
	color:#fff;
    text-align: center;
}
.desktop_main_menu .mobile_menu_item{
	border-right:1px solid #fff;
}


}
@media (min-width: 480px) and (max-width: 767px) {
	.movment_element {
		background-position: -100px 350px, 109% 48%;
		background-size: 25%, 20%;
	}	
}








/*
<div class="ss-desktop-header">
	<div class="ss-lottery">
		<a href="#">מרכז הפיס</a>
	</div>
	<div class="ss-logo">
		<a href="#"><img src="https://via.placeholder.com/50x150" alt=""></a>
	</div>
	<div class="ss-logo-bottom">
		<a href="#"><img src="https://via.placeholder.com/60" alt=""></a>
		<a href="#"><img src="https://via.placeholder.com/60" alt=""></a>
		<a href="#"><img src="https://via.placeholder.com/60" alt=""></a>
	</div>
</div>
*/