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

:root {
 /*scroll-padding-top: 10px;*/
}

body{
	background-color:#ffffff;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px; 
	padding-right: 0px; 
	padding-bottom: 0px; 
	padding-left: 0px;
	color: #000000;   
	font-family: 'Assistant';
	
	direction:rtl;
	font-weight:500;
}

::-webkit-input-placeholder, :-ms-input-placeholder, ::placeholder {color: #666666;font-family: 'Assistant';}

figure, header, section, div, footer, article, aside, nav, picture, label, input, textarea, button, select {padding:0; margin:0; display:inline-block;}
input:focus, select:focus, textarea:focus, button:focus, a:focus {outline: solid 1px #00b8e9;}
img {display:block;padding:0;	margin:0;}



.Header {
  position: fixed;
		width: 100%;
		height: 120px;
		background-color: #ffffff;
		border-bottom: 4px #25d366 solid;
		z-index: 10;
		text-align: center;
}
.Header_OnScroll {
  
}
.HeaderSep {width: 100%;height: 130px;}
.HeaderIn {width: 90%; float: none;}
.Logo {float: right; width: 250px;}
.SearchLogin {float: left; width: 250px;}
.Search {}
.Login {margin-top: 10px;}
.MainNavigation {float:none;}


.SearchLabel {padding: 5px; line-height: 20px; background-color: #ffffff; color: #25d366; font-weight: 700; width: 250px; border-top-left-radius: 5px;border-top-right-radius: 5px; border: 1px #cccccc solid; border-bottom: 0;}
.SearchField {padding: 5px; line-height: 20px; height:30px;  color: #000000; font-weight: 700; width: 180px; border: 1px #cccccc solid;border-bottom-right-radius: 5px; border-top: 0;border-left: 0; margin-top: -3px;}
.SearchButton {height: 33px;line-height: 33px; background-color: #25d366; color: #ffffff; font-weight: 700;float: none;border-bottom-left-radius: 5px;  text-align: center; width: 70px;}

.Full { 
  width:100%; 
		text-align: center;
}

.Content {width: 90%;}

.ProductBox {width:300px; border: 1px #cccccc solid; margin: 10px; float: none; border-radius: 10px; box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px; margin-bottom: 30px;}
.ProductBoxSmall {width:180px; border: 1px #cccccc solid; margin: 10px; float: none; border-radius: 10px; box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px; margin-bottom: 30px;}
.ProductBoxIn {width: 100%; overflow: hidden;border-radius: 10px;}
.ProductBoxImage {width: 100%;}
.ProductBoxImage img {width: 100%;}
.ProductBoxName {line-height: 20px; font-weight: 700;width: 100%;}
.ProductBoxName div {text-overflow: ellipsis; white-space: nowrap;overflow: hidden; line-height: 40px; height: 40px;}

h1, h2 {font-size: 22px;}

.MainButton, .MainButtonSelected {width:120px; border: 1px #cccccc solid; margin: 10px; float: none; border-radius: 10px; }
.MainButton .MainButtonIn, .MainButtonSelected .MainButtonIn {width: 100%; overflow: hidden;border-radius: 10px;}
.MainButton .MainButtonImage, .MainButtonSelected .MainButtonImage {width: 100%; height:50px; background-position: center center; background-repeat: no-repeat; background-size: contain;}
.MainButton .MainButtonName, .MainButtonSelected .MainButtonName {padding: 10px; font-weight: 500;width: 100%; line-height: 16px; height: 15px;}
.MainButton:hover, .MainButton:focus {background-color: #F0F0F0;}
.MainButtonSelected:hover, .MainButtonSelected:focus {background-color: #25d366;}
.MainButtonSelected {background-color: #25d366;}
.MainButtonSelected .MainButtonName {color: #ffffff !important;}
.MainButton .MainButtonName {color: #666666 !important;}

.MainButton .MainButton_Home {background-image: url('/pics/icons/home.png');}
.MainButton .MainButton_Sales {background-image: url('/pics/icons/sales.png');}
.MainButton .MainButton_Catalog {background-image: url('/pics/icons/catalog.png');}
.MainButton .MainButton_Contact {background-image: url('/pics/icons/contact.png');}

.MainButtonSelected .MainButton_Home {background-image: url('/pics/icons/home_.png');}
.MainButtonSelected .MainButton_Sales {background-image: url('/pics/icons/sales_.png');}
.MainButtonSelected .MainButton_Catalog {background-image: url('/pics/icons/catalog_.png');}
.MainButtonSelected .MainButton_Contact {background-image: url('/pics/icons/contact_.png');}

.Red {color: darkred;font-weight: 500;}
.Green {color: darkgreen;font-weight: 500;}
.OverLine {text-decoration: line-through;}
.Big {}

.ProductData {width:50%; float: right; padding-left: 50px;}
.ProductImages {width:50%; float: left;}

button {border:0; margin-top: 20px;}
.Button, .Button:visited {
  color: #ffffff !important;
  display: inline-block;
  font-weight: 500;
  padding-left:30px;
  padding-right:30px;
  font-size: 18px;
		height: 40px;
		line-height: 40px;
		
		background-color: #25d366;
	
		border-radius: 4px;
		cursor: pointer;
}
.Button:hover, .Button:focus {
  color: #ffffff !important;
  display: inline-block;
  font-weight: 500;
  padding-left:30px;
  padding-right:30px;
  font-size: 18px;
		height: 40px;
		line-height: 40px;
  
		background-color: #000000;
		
		border-radius: 4px;
		cursor: pointer;
}

.Footer {
 
		width: 100%;
		background-color: #ffffff;
		border-top: 4px #25d366 solid;
		text-align: center;
		margin-top: 50px;
}
.FooterIn { width: 90%; padding-top: 30px;padding-bottom: 30px;}
.FooterNav { width: 100%; margin-bottom: 30px; font-weight: 600;}
.Buy {width:100%; border: 1px #cccccc solid; margin: 10px; float: none; border-radius: 10px; box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px; margin-bottom: 30px; padding: 30px;background-position: top right; background-repeat: no-repeat; background-image: url('/pics/icons/cart.png'); text-align: center;}
.Prices, .PricesCart {width: 90%; padding-right: 100px; font-size: 26px; margin-bottom: 30px;}
.Buy2 {width:100%; border: 1px #cccccc solid; margin: 10px; float: none; border-radius: 10px; box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px; margin-bottom: 30px; padding: 30px;}
.Buy2 {text-align: right;}


.FormTopicTextBox {
  font-weight: 500;
		font-family: 'Assistant';
		width: 100%;
		mx-width: 450px;
		float: right;
		text-align: center;
		padding: 2%;
		
		font-size: 26px;
		display: inline-block;
		border: 1px #cccccc solid;
		border-top: 0;
		
}
.FormTopicTextBoxX {
  margin-bottom: 6px;
		
}

.FormTopicTextBox2 {
  font-weight: 500;
		font-family: 'Assistant';
		width: 100%;
		float: right;
		max-width: 100%;
		min-width: 100%;
		padding: 2%;
		height: 150px;
		font-size: 16px;
		display: inline-block;
}

.Label2 {padding: 5px; line-height: 20px; background-color: #ffffff; color: #25d366; font-weight: 700; min-width: 150px;border-top-right-radius: 5px; border: 1px #cccccc solid; border-bottom: 0;float: right; border-left: 0; width: 100%;}
.Label2x {padding: 5px; line-height: 20px; background-color: #ffffff; color: #25d366; font-weight: 700; width: 150px;border-top-right-radius: 5px; border-top-left-radius: 5px;border: 1px #cccccc solid; border-bottom: 0;float: none;}
.Ast { font-size: 14px;}

.Banner {
 
  margin-top: -20px;
  width: 100%;
  height:400px;
  background-color:#000000;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
  }
		
		.TextContent {max-width: 990px;}
		.TextContent2 {max-width: 600px;}
		.TextAlignCenter {text-align:center;}
		.TextAlignRight {text-align:right;}
		
		.Required::before {
		  color: red;
				content: '\002A';
		}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) { /*Mobile devices*/
 
}

@media only screen and (min-device-width: 769px ) and (max-device-width: 1024px) { /*Small screens, laptops*/
 
}
@media screen and (min-width: 1025px) { /*Desktops, large screens*/
 
}

.Show {display:inline-block;}
.Hide {display:none;}


.Show1 {
	-webkit-animation: fadein 2s forwards; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s forwards; /* Firefox < 16 */
        -ms-animation: fadein 2s forwards; /* Internet Explorer */
         -o-animation: fadein 2s forwards; /* Opera < 12.1 */
            animation: fadein 2s forwards;
}
@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: grow_ 2s forwards; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: grow_ 2s forwards; /* Firefox < 16 */
        -ms-animation: grow_ 2s forwards; /* Internet Explorer */
         -o-animation: grow_ 2s forwards; /* Opera < 12.1 */
            animation: grow_ 2s forwards;
}
@keyframes grow_ {
    from { transform:scale(0.5); }
    to   { transform:scale(1); }
}

/* Firefox < 16 */
@-moz-keyframes grow_ {
    from { -moz-transform:scale(0.5); }
    to   { -moz-transform:scale(1); }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes grow_ {
    from { -webkit-transform:scale(0.5); }
    to   { -webkit-transform:scale(1); } 
}

/* Internet Explorer */
@-ms-keyframes grow_ {
    from { -ms-transform:scale(0.5); }
    to   { -ms-transform:scale(1); }
}

/* Opera < 12.1 */
@-o-keyframes grow_ {
    from { -o-transform:scale(0.5); }
    to   { -o-transform:scale(1); }
}


.Hide1 {
	-webkit-animation: fadeout 2s forwards; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadeout 2s forwards; /* Firefox < 16 */
        -ms-animation: fadeout 2s forwards; /* Internet Explorer */
         -o-animation: fadeout 2s forwards; /* Opera < 12.1 */
            animation: fadeout 2s forwards;
}


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

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

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

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

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



a:link {
	
	
	text-decoration: none;
	color:#1d1d1b;
}
a:visited {
	 
	
	text-decoration: none;
	color:#1d1d1b;
}
a:hover {
	
	
	text-decoration: none;
	color:#84bc32;
}
a:active {
	
	
	text-decoration: none;
	color:#84bc32;
}
a {
	
	
	text-decoration: none;
	color:#1d1d1b;
}