@charset "utf-8";

/* hebrew */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rubik/v14/iJWKBXyIfDnIV7nDrXyi0A.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}

@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rubik/v14/iJWKBXyIfDnIV7nDrXyi0A.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}

/* hebrew */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rubik/v14/iJWKBXyIfDnIV7nDrXyi0A.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}


a:link, a:visited {
  
  color: white;

  text-align: center;
  text-decoration: none;
  display: inline-block;
}

.bold-500{
    font-weight: 500;
}

.bold-700{
    font-weight: 700;
}

.rubik{font-family: "Rubik";}

.container {
  max-width: 960px;
}

.mobileonly {
	display: none;
}

.desktoponly {
	display: block;
}

#logofooter {
    width: 220px;

}



.slider-products img:hover{filter: hue-rotate(180deg);}




.center-contact{
    text-align: center;
}

.blue-bg{    background-image: url(../svg/background_texture.png);
    width: 100vw;
    overflow: hidden;
    background-position: top;
}
.orange-bg{background-color: #ff9d00;}

.blue-text{color: #263238;}
.white-text{color: #fff;}

#rowwhatwedo {
    text-align: center;
}

.cardindex {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 40%;
    margin-bottom: 20px;
    -webkit-box-shadow: 1.1px 1.1px 4px;
    box-shadow: 1.1px 1.1px 4px;
}

#whay {
    background-color: #222222;
  
    background-size: cover;

	
	
}

#whay h1{font-size: 42px;}
#whay p{font-size: 22px;}

h1{font-size: 42px;}

#whay h2{font-size: 42px;}

main h2{font-size: 52px;}

main p{font-size: 22px;}

body{z-index: -999;}

#pictures{z-index: 0;

background-color: #e5ded6;
    text-align: center;
    overflow-x: hidden;
    -webkit-box-shadow: 11px 2px 11px #000;
    box-shadow: 11px 2px 11px #000;
  width: 100%;
}


.wrapper-bg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: -1000;
}
.wrapper-bg img, .wrapper-bg video {
  width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}



#pictures p{font-size: 18px;}



.video-shadow{ filter: drop-shadow(7px 7px 0px #ff9d00);
    stroke-opacity: 0.6;
    -webkit-text-stroke-width: 2px;
    stroke-width: 2px;}

.image-shadow{ filter: drop-shadow(1px 1px 1px #fff);
    stroke-opacity: 0.9;
    stroke-width: 12px;}

.text-shadow-1{ filter: drop-shadow(2px 2px 0px #000); 
    stroke-opacity: 0.1;
    -webkit-text-stroke-width: 1px;
    stroke-width: 2px;}

.orange-line{
    background-image: url(../svg/squiggly-lines.svg);
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 9999;
}

#contact{
	/*     background: #fff;
    background: -webkit-linear-gradient(left, #3f6dab, #406dc4);
    background: -moz-linear-gradient(left, #3f6dab, #406dc4);
    background: linear-gradient(to right, #3f6dab, #406dc4); */
	
	    background-image: url(../images/cards-bg.jpg);
    background-size: cover;
    border-radius: 38px;
    padding-top: 64px;
    padding-bottom: 69px;
    text-align: center;


}

#contact h3{
    color: #fff;
    letter-spacing: 1px;
    font-size: 42px;
}

#contact button{
    font-size: 18px;
    color: #000;
    background-color: #fff;
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 8px;
    font-weight: bold;
}

#contact button:hover {
    font-size: 18px;
    color: #fff;
    background-color: #ffb748;
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 8px;
    font-weight: bold;

}


/*

Whatsapp
 */

.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
}



@media (max-width:650px){
	
h1{font-size: 22px;}	
main h2{font-size: 22px;}	
main p{font-size: 16px;}	
	
	
#whay h1{font-size: 22px;}
#whay p{font-size: 16px;}	
	

#pictures p{font-size: 16px;}	
	
	
		.desktoponly {
		display: none;
	}

	.mobileonly {
		display: block;
	}
	
	.minus-up-mobile{
    padding-top: 0px;
    margin-top: -10px;
}
	  
.blue-bg{
    margin-top: -2px;
}
	
#contact{

    border-radius: 28px;
    padding-top: 34px;
    padding-bottom: 29px;
    text-align: center;
    max-width: 95%;
}
	
#contact h3{
    color: #fff;
    letter-spacing: 1px;
    font-size: 22px;
}
	
#contact button{
    font-size: 18px;
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 8px;
    font-weight: bold;
}		
	
	
}