@import '/css/fonts.css?family=Assistant:100,200,300,400,500,700&subset=hebrew';



/* SALE1 */
.Marker {background-color: #d2232a; color: #ffffff; margin: 5px; padding: 5px; padding-left: 10px; padding-right: 10px; font-size: 1.4rem; font-weight: 600;border-radius: 10px;}
.Circle {background-color: #d2232a; color: #ffffff;}
.SaleH2 {border-radius: 10px; border: 2px #d2232a solid; padding: 10px; display: inline-block; float: none;}
.SaleP {font-size: 1.2rem; font-weight: 600;}
.SaleP3 {font-size: 1.2rem; font-weight: 600; text-align: center; width: 100%; margin-bottom: 25px;margin-top: 15px; display: flex; justify-content: center;}
.SaleP2 {font-size: 0.9rem; font-weight: 300; margin-bottom: 15px;}

:root {
 scroll-margin-top: 140px;
}

html {
  scroll-behavior: smooth;
}

* {
  box-sizing: border-box;
		scroll-behavior: smooth;
}

body {	
	margin: 0px;
	padding: 0px;
	color: #000000;  
	font-weight: 400; 
	font-family: 'Assistant';
	font-size: 18px;
	line-height:22px;
	direction:rtl;
	background-color: #ffffff;
}

input:focus,
select:focus,
textarea:focus,
button:focus,
a:focus {
    outline: 1px blue solid;
}

.ltr {direction: ltr;}
.rtl {direction: rtl;}

main {
 display: inline-block;
	width: 100%;
	text-align: center;
	padding: 0;
	margin-top: 20px;
	margin-bottom: 20px;
}
header {
 display: inline-block;
	width: 100%;
	text-align: center;
	margin-top: 10px;
	padding: 0;
	
}
footer {
 display: inline-block;
	width: 100%;
	text-align: center;
	padding: 0;
	
}
.Content {
 display: inline-block;
	width: 100%;
	max-width: 800px;
	min-width: 280px;
	text-align: center;
	
}

.Content p, .Content ul, .Content ol, .Content li {text-align: right;}

.Content_In {
  display: inline-block;
	 width: 90%;
		
}
.FooterContent {margin-bottom: 10px;}
.Footer {
  background-color: #01a0e4;
	 padding: 20px;
	 /*border-bottom-left-radius: 10px; 
	 border-bottom-right-radius: 10px;*/
		color: #ffffff;
		font-weight: 600;
		
}
.Footer a, .Footer a:link, .Footer a:visited {
 color: #ffffff;
	transition: color 150ms;
	font-weight: 600;
	text-decoration: none;
}

.Footer a:hover, .Footer a:focus {
 color: #e1e1e1;
	text-decoration: underline;
}

.Header_Img {width: 100%; margin: 0; padding: 0; display: inline-block; border-top-left-radius: 10px; border-top-right-radius: 10px; overflow: hidden;}
.Header_Img img {width: 100%; display: block; padding: 0; margin: 0;}

.Logo {width: 280px; margin: 0; padding: 0; display: inline-block; border-top-left-radius: 10px; border-top-right-radius: 10px; overflow: hidden;}
.Logo img {width: 100%; display: block; padding: 0; margin: 0;}

.button1 {
 font-size: 22px;
	font-family: inherit;
	height: 45px;
	line-height: 45px;
	color: #ffffff;
	background-color: #01a0e4;
	border-radius: 5px;
	font-weight: 800;
	border: 0;
	padding: 10px;
	cursor: pointer;
	transition: background-color 150ms;
	text-decoration: none;
}

.button1:hover {
 background-color: #0181cc;
}

.button1::after {
  content: '\00a0\00a0\003e\00a0';
}
.button1::before {
  content: '\00a0\00a0';
}




.button {
 font-size: 22px;
	font-family: inherit;
	height: 45px;
	line-height: 45px;
	color: #ffffff;
	background-color: #01a0e4;
	border-radius: 5px;
	font-weight: 800;
	border: 0;
	
	cursor: pointer;
	transition: background-color 150ms;
	text-decoration: none;
}

.button:hover {
 background-color: #0181cc;
}

.button::after {
  content: '\00a0\00a0\003e\00a0';
}
.button::before {
  content: '\00a0\00a0';
}

#form1 {
 display: flex;
	flex: 1;
	flex-direction: column;
	width: 100%;
 align-items:center;
}

.Form {
  display: inline-block;
  text-align: center;
  float: none;
  width: 90%;
  
}

.Form label {margin-bottom: 10px; text-align: center;width: 100%;}
.Form input {margin-bottom: 10px; height: 32px; border-radius: 6px; border: 1px #aeaeae solid; text-align: center;width: 100%;}
.Form textarea {margin-bottom: 10px; height: 132px; border-radius: 6px; border: 1px #aeaeae solid; text-align: center;width: 100%;}

h1 {
 border-bottom: 1px #aeaeae solid;
	font-size: 22px;
}

.CloseDiv2 {position: fixed; right: 20px; margin-top: 10px; color:#000000 !important; width: 50px; height: 50px; line-height: 50px;}
.CloseDiv2:before { content:'\2715'; font-size: 36px; color: #000000;}

.CHK {
 display: flex;
	flex: 1;
	flex-direction: raw;
	align-items: flex-start;
	margin-bottom: 10px;
	margin-top: 10px;
}
.CHK label {text-align: right;}
.CHK span {text-align: center !important; width: 100% !important; display: inline-block;}

input[type=checkbox] {width: 25px; height: 25px; margin: 10px; display: flex; margin-top: 0; }

.Required::before {
 content: '\002A';
	color: red;
}
.Red {color: red;}
.Green {color: darkgreen;}

@media only screen and (min-device-width: 1px) and (max-device-width: 500px) { /*Mobile devices480px*/
 
}
@media only screen and (min-device-width: 501px) and (max-device-width: 850px) { /*Small screens, laptops*/
 
}
@media screen and (min-device-width: 851px) { /*Desktops, large screens*/
 
}
.Show {display:block;}
.Hide {display:none;}
.Show1 {
	-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.Grow1 {
	-webkit-animation: gobig 0.3s forwards; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: gobig 0.3s forwards; /* Firefox < 16 */
        -ms-animation: gobig 0.3s forwards; /* Internet Explorer */
         -o-animation: gobig 0.3s forwards; /* Opera < 12.1 */
            animation: gobig 0.3s forwards;
}
.Shrink1 {
	-webkit-animation: gosmall 0.3s forwards; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: gosmall 0.3s forwards; /* Firefox < 16 */
        -ms-animation: gosmall 0.3s forwards; /* Internet Explorer */
         -o-animation: gosmall 0.3s forwards; /* Opera < 12.1 */
            animation: gosmall 0.3s forwards;
			
}
@keyframes gobig {
    from { transform:  rotate(0deg) scaleX(0.75) scaleY(0.75) ; }
    to   { transform:  rotate(0deg) scaleX(1) scaleY(1) ;}
}

/* Firefox < 16 */
@-moz-keyframes gobig {
    from { transform:  rotate(0deg) scaleX(0.75) scaleY(0.75) ; }
    to   { transform:  rotate(0deg) scaleX(1) scaleY(1) ;}
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes gobig {
    from { transform:  rotate(0deg) scaleX(0.75) scaleY(0.75) ;}
    to   { transform:  rotate(0deg) scaleX(1) scaleY(1) ;}
}

/* Internet Explorer */
@-ms-keyframes gobig {
    from { transform:  rotate(0deg) scaleX(0.75) scaleY(0.75) ; }
    to   { transform:  rotate(0deg) scaleX(1) scaleY(1) ; }
}

/* Opera < 12.1 */
@-o-keyframes gobig {
    from { transform:  rotate(0deg) scaleX(0.75) scaleY(0.75) ;}
    to   { transform:  rotate(0deg) scaleX(1) scaleY(1) ;}
}


/*popup*/
#PeleCard {width: 100% !important; min-width: 280px; height: 150vh !important; min-height: 350px; display: flex;}
.PopupHolder button {cursor: pointer; border-radius: 50px;}

.PopupHolder {
	 text-align:center;
	 margin-left:auto;
  margin-right:auto;
	 position: fixed;
  display:block;
  z-index:190;
}
.GalleryWindow {
 
 display:inline-block;
 
 width: 100%;
 height:100vh;
 background-color:#000000;
 background-color:rgba(0,0,0,0.8);
 
 overflow:hidden;
 text-align:center;	
	position: fixed;
	z-index: 20;
}

.GalleryBigImagesHolder {
 width:90%;
	height: 90vh;
	position: fixed;
	display: block;
	margin-left: auto;
	margin-right: auto;
	left:0;
	right: 0;
}

.GalleryPopupTable2 {
 width:100%;
	height: 90vh;
	background-color: #ffffff;
 overflow: auto;
	
	top:10px;
	position: fixed;
	float: none;
	display: block;
	padding: 20px;
	border-radius: 10px;
	margin-left: auto;
	margin-right: auto;
	left:0;
	right: 0;
}

.ImageToShow {display: inline-block; padding: 30px; padding-top: 0; width: 100%;}