﻿html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{border-style: none;
    border-color: inherit;
    border-width: 0;
    margin: 0;
    padding: 0;
    outline: 0;
    font-size:100%;vertical-align:baseline;background:transparent;
    /*direction:rtl*/
}

body{line-height:1.5;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}

@font-face {
    font-family:'BYekan';
    src: url('/Font/BYekan.eot') format('eot'), /* IE6�8 */
    url('/Font/BYekan.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('/Font/BYekan.ttf') format('truetype'); /* Saf3�5, Chrome4+, FF3.5, Opera 10+ */
}

.Clear{clear:both;}
.Block{display:block;}
.Center{text-align:center;margin:0 auto;}
.right{text-align:right;}
.FloatLeft{float:left;}
.FloatRight{float:right;}
.Justify{text-align:justify;}
.imgopacity:hover {opacity: 1.0;}
.imgopacity{opacity: 0.1;}
.MarginRight7{margin-right:7px;}
.VA{vertical-align:middle;}
.Border{border:1px solid #32393A;}
.Padding{padding:3px;}
.imglable{margin-top:-54px}
.h1lable{margin-top: -70px; margin-right:110px;}

body{font:normal 0.8em tahoma;color:Black;margin-top:0;background-image:url('/Images/b.jpg');background-repeat:repeat-x repeat-y;}
a:link{color:black;text-decoration:none;text-shadow:2px 2px 2px #bdbdbd;font-family: 'BYekan';-webkit-transition:all 1s ease 0s;-moz-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;transition: all 1s ease 0s;}
a:visited{color:black;text-decoration:none;text-shadow:2px 2px 2px #bdbdbd;}

div#divcp div#divvisit {border:2px solid red;width:600px;background-color:white;margin:0 auto}
div#divcp div#divvisited{border:2px solid red;width:600px;height:100PX;background-color:#eeeff1;margin:0 auto}

div#divAll{width:100%;margin:0 auto;}
div#divAll div#divMenu{width:100%;height:78px;margin:0 auto;background-image: url('/Images/Menu.png');}
div#divAll div#divHead{width:100%;height:140px;background-color:#f2f2f2;float:right}
div#divAll div#divHead div#logo1{height:140px;float:left}
div#divAll div#divHead div#logo2{height:140px;float:right;}
div#divAll div#divHead div#logo3{height:140px;float:right;}


div#divAll div#slides img#divLogo{top:-50px;left:30px;position:absolute;z-index:1000000;}
div#divAll div#divContent{width:90%;margin:0 auto;background-color:#ffffff;box-shadow:1px 3px 9px #bdbdbd;direction:rtl;margin-top:-180px}

/*Default*/

div#divAll div#divcontent div#Homewrite div#tabs-1 div#Imagehome1{width:150px;float:right}
div#divAll div#divContent div#Homewrite div#tabs-1 div#Imagehome1 p{}

div#divAll div#divcontent div#Homewrite div#tabs-1 div#Imagehome2{width:150px;float:right}
div#divAll div#divcontent div#Homewrite div#tabs-1 div#Imagehome2 p{}

div#divAll div#divcontent div#Homewrite div#tabs-1 div#Imagehome3{width:150px;float:right}
div#divAll div#divcontent div#Homewrite div#tabs-1 div#Imagehome3 p{}

div#divAll div#divContent div#Homewrite div#Imagehome4{width:850px;height:461px;margin-top:190px;margin-right:-55px;background:url('/Images/divHomewrite.png') no-repeat;}/*overflow-y:auto;*/

div#divAll div#divContent div#Homewrite{width:739px;margin:0 auto;}

div#divAll div#Homewrite div#Imagehome4 p img{float:left;width:250px;margin-bottom:1px;}
div#divAll div#Homewrite div#Imagehome4 p{padding-top:25px;padding-left:30px;padding-right:40px;text-align:justify}

div#divAll div#divContent div#divconect div#divaddress{width:600px;height:500px;float:right;direction:rtl}
div#divAll div#divContent div#divconect div#divaddress img{margin-right:50px}

div#divAll div#divContent div#divconect div#divConectForm{width:600px;height:500px;float:left;}
div#divAll div#divContent div#divconect div#divConectForm div#divform{width:500px;height:450px;background-color:#f2f2f2;margin-left:50px;direction:rtl}
div#divAll div#divContent div#divconect div#divConectForm div#divform span{margin-left:340px}
.Centerimg{margin-right:88px}

div.Products{border:1px solid black;width:24%;float:right;text-align:center;margin-left:5px;margin:.5% .5%;background-color:white;}
div.Products img{width:100%}

h1{font-size:1.6em;font-family:BYekan;text-shadow:2px 2px 2px #959595;}
h2{font-size:2.5em;font-family:BYekan;text-shadow:2px 2px 2px #959595;text-align:center;color:#232838}
h3{font-size:1.0em;font-family:BYekan;text-shadow:2px 2px 2px #959595;color:red}
h4{font-size:1.6em;font-family:BYekan;text-shadow:2px 2px 2px #ffffff;}
h5{font-size:1.3em;font-family:BYekan;text-shadow:2px 2px 2px #959595;}
h6{font-size:1.3em;font-family:BYekan;text-shadow:2px 2px 2px #959595;}

a.White{color:White;text-decoration:none;text-shadow:1px 1px 1px Black;}
a.White:visited{color:White;text-decoration:none;text-shadow:1px 1px 1px Black;}
a.White:hover{color:Red;text-shadow:1px 1px 1px Black;}

.divnewsvisited{margin-top:15px}
div.titilenews{width:100%;height:40px;background-color:gray;font-size:8px;text-align:right}
.pictureContainer div:hover {background-color:#636b84;border:1px solid #b3b2b2}
div.News{padding:5px;border-left:none;border-right:none;margin-bottom:3px;background-color:#dde4fa;}
div#divAll div#divContent div#divnews {background-color:#eeeff1;width:850px;height:1200px;float:right;margin-right:20px;margin-top:40px;direction:rtl;box-shadow:#333}
div#divAll div#divContent div#divnewsvisited {width:300px;height:1200px;float:left;margin-left:20px;margin-top:40px}
div#divAll div#divContent div#newsshow{margin:20px}

div#divAll div#divContent div#productsshows{width:1100px;margin-right:50px}
div#divAll div#divContent div#productsshows h1{padding-right:30px;}
div#divAll div#divContent div#productsshows p{padding-right:30px;}

div#divAll div#divContent div#divCustomer{width:1100px;height:1200px;margin-right:50px;margin-top:40px;background-color:#eeeff1}

div#divAll div#divContent div#divDesigner{width:1100px;margin-right:50px;margin-top:40px;}
div#divAll div#divContent div#divDesigner img{margin-right:140px}
div#divAll div#divContent div#divDesigner p{margin-right:30px;margin-left:30px;text-align:justify;font-size:14px}
div#divAll div#divContent div#divDesigner h2{margin-right:30px}
div#divAll div#divContent div#divformDesigner{width:465px;margin-right:310px;background-color:#f2f2f2}
div#divAll div#divContent div#divDesigner h3{font-size:17px}

div#divAll div#divContent div#divAbout{width:1100px;margin-right:50px;margin-top:40px;}
div#divAll div#divContent div#divAbout p{margin-right:30px;margin-left:30px;text-align:justify;font-size:14px}

@import url('demo.css');

.mi-slider {position: relative;margin-top:-55px;height: 490px;}

.mi-slider ul {
	list-style-type:none;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 140px;
	overflow: hidden;
	text-align: center;
	pointer-events: none;
}

.no-js .mi-slider ul {
	position: relative;
	left: auto;
	bottom: auto;
	margin: 0;
	overflow: visible;
}

.mi-slider ul.mi-current {
	pointer-events:all;
}

.mi-slider ul li {
	display: inline-block;
	padding: 20px;
	width: 20%;
	max-width: 300px;
	-webkit-transform: translateX(600%);
	transform: translateX(600%);
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}

.no-js .mi-slider ul li {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.mi-slider ul li a,
.mi-slider ul li img {
	display: block;
	margin: 0 auto;
}

.mi-slider ul li a {
	outline: none;
	cursor: pointer;
}

.mi-slider ul li img {
	max-width: 100%;
	border: none;
}

.mi-slider ul li h4 {
	display: inline-block;
	/*font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;*/
	font-style: italic;
	font-weight: 400;
	font-size: 18px;
	padding: 20px 10px 0;
}

.mi-slider ul li:hover {
	opacity: 0.7;
} 

.mi-slider nav {
	position: relative;
	top: 400px;
	text-align: center;
	max-width: 1000px;
	margin: 0 auto;
	border-top: 5px solid #333;
}

.no-js nav {
	display: none;
}

.mi-slider nav a {
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 5px;
	padding: 40px 30px 30px 34px;
	position: relative;
	color: #888;
	outline: none;
	-webkit-transition: color 0.2s linear;
	transition: color 0.2s linear;
}

.mi-slider nav a:hover,
.mi-slider nav a.mi-selected {
	color: #000;
}

.mi-slider nav a.mi-selected:after,
.mi-slider nav a.mi-selected:before {
	content: '';
	position: absolute;
	top: -5px;
	border: solid transparent;
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.mi-slider nav a.mi-selected:after {
	border-color: transparent;
	border-top-color: #fff;
	border-width: 20px;
	left: 50%;
	margin-left: -20px;
}

.mi-slider nav a.mi-selected:before {
	border-color: transparent;
	border-top-color: #333;
	border-width: 27px;
	left: 50%;
	margin-left: -27px;
}

/* Move classes and animations */

.mi-slider ul:first-child li,
.no-js .mi-slider ul li {
	-webkit-animation: scaleUp 350ms ease-in-out both;
	animation: scaleUp 350ms ease-in-out both;
}

@-webkit-keyframes scaleUp {
	0% { -webkit-transform: translateX(0) scale(0); }
	100% { -webkit-transform: translateX(0) scale(1); }
}

@keyframes scaleUp {
	0% { -webkit-transform: translateX(0) scale(0); transform: translateX(0) scale(0); }
	100% { -webkit-transform: translateX(0) scale(1); transform: translateX(0) scale(1); }
}

.mi-slider ul:first-child li:first-child {
	-webkit-animation-delay: 90ms;
	animation-delay: 90ms;
}

.mi-slider ul:first-child li:nth-child(2) {
	-webkit-animation-delay: 180ms;
	animation-delay: 180ms;
}

.mi-slider ul:first-child li:nth-child(3) {
	-webkit-animation-delay: 270ms;
	animation-delay: 270ms;
}

.mi-slider ul:first-child li:nth-child(4) {
	-webkit-animation-delay: 360ms;
	animation-delay: 360ms;
}

/* moveFromRight */

.mi-slider ul.mi-moveFromRight li {
	-webkit-animation: moveFromRight 350ms ease-in-out both;
	animation: moveFromRight 350ms ease-in-out both;
}

/* moveFromLeft */

.mi-slider ul.mi-moveFromLeft li {
	-webkit-animation: moveFromLeft 350ms ease-in-out both;
	animation: moveFromLeft 350ms ease-in-out both;
}

/* moveToRight */

.mi-slider ul.mi-moveToRight li {
	-webkit-animation: moveToRight 350ms ease-in-out both;
	animation: moveToRight 350ms ease-in-out both;
}

/* moveToLeft */

.mi-slider ul.mi-moveToLeft li {
	-webkit-animation: moveToLeft 350ms ease-in-out both;
	animation: moveToLeft 350ms ease-in-out both;
}

/* Animation Delays */

.mi-slider ul.mi-moveToLeft li:first-child,
.mi-slider ul.mi-moveFromRight li:first-child,
.mi-slider ul.mi-moveToRight li:nth-child(4),
.mi-slider ul.mi-moveFromLeft li:nth-child(4) {
	-webkit-animation-delay: 0ms;
	animation-delay: 0ms;
}

.mi-slider ul.mi-moveToLeft li:nth-child(2),
.mi-slider ul.mi-moveFromRight li:nth-child(2),
.mi-slider ul.mi-moveToRight li:nth-child(3),
.mi-slider ul.mi-moveFromLeft li:nth-child(3) {
	-webkit-animation-delay: 90ms;
	animation-delay: 90ms;
}

.mi-slider ul.mi-moveToLeft li:nth-child(3),
.mi-slider ul.mi-moveFromRight li:nth-child(3),
.mi-slider ul.mi-moveToRight li:nth-child(2),
.mi-slider ul.mi-moveFromLeft li:nth-child(2) {
	-webkit-animation-delay: 180ms;
	animation-delay: 180ms;
}

.mi-slider ul.mi-moveToLeft li:nth-child(4),
.mi-slider ul.mi-moveFromRight li:nth-child(4),
.mi-slider ul.mi-moveToRight li:first-child,
.mi-slider ul.mi-moveFromLeft li:first-child  {
	-webkit-animation-delay: 270ms;
	animation-delay: 270ms;
}

/* Animations */

@-webkit-keyframes moveFromRight {
	0% { -webkit-transform: translateX(600%); }
	100% { -webkit-transform: translateX(0%); }
}

@-webkit-keyframes moveFromLeft {
	0% { -webkit-transform: translateX(-600%); }
	100% { -webkit-transform: translateX(0%); }
}

@-webkit-keyframes moveToRight {
	0% { -webkit-transform: translateX(0%); }
	100% { -webkit-transform: translateX(600%); }
}

@-webkit-keyframes moveToLeft {
	0% { -webkit-transform: translateX(0%); }
	100% { -webkit-transform: translateX(-600%); }
}

@keyframes moveFromRight {
	0% { -webkit-transform: translateX(600%); transform: translateX(600%); }
	100% { -webkit-transform: translateX(0); transform: translateX(0); }
}

@keyframes moveFromLeft {
	0% { -webkit-transform: translateX(-600%); transform: translateX(-600%); }
	100% { -webkit-transform: translateX(0); transform: translateX(0); }
}

@keyframes moveToRight {
	0% { -webkit-transform: translateX(0%); transform: translateX(0%); }
	100% { -webkit-transform: translateX(600%); transform: translateX(600%); }
}

@keyframes moveToLeft {
	0% { -webkit-transform: translateX(0%); transform: translateX(0%); }
	100% { -webkit-transform: translateX(-600%); transform: translateX(-600%); }
}

.mi-slider {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Media Queries */
@media screen and (max-width: 910px){
	.mi-slider nav {
		max-width: 90%;
	}
	.mi-slider nav a {
		font-size: 12px;
		padding: 40px 10px 30px 14px;
	}
}

@media screen and (max-width: 740px){
	.mi-slider {
		height: 300px;
	}
	.mi-slider nav {
		top: 220px;
	}
}

@media screen and (max-width: 490px){ 
	.mi-slider {
		text-align: center;
		height: auto;
	}

	.mi-slider ul {
		position: relative;
		display: inline;
		bottom: auto;
		pointer-events:all;
	}

	.mi-slider ul li {
		-webkit-animation: none !important;
		animation: none !important;
		-webkit-transform: translateX(0) !important;
		transform: translateX(0) !important;
		padding: 10px 3px;
		min-width: 140px;
	}

	.mi-slider nav {
		display: none;
	}
}
div#divAll div#divfooterup{width:90%;background-color:#dfdfdf;margin-bottom:-20px;position:relative;border-top:3px solid black;box-shadow:1px 3px 9px #bdbdbd;}
div#divAll div#divfooterup div#divfooterup2{width:250px;height:250px;float:right;}
div#divAll div#divfooterup div#divfooterup3{width:250px;height:250px;float:right;}
div#divAll div#divfooterup div#divfooterup1{width:250px;height:250px;float:right;}
div#divAll div#divfooterup div#divfooterup4{width:450px;height:250px;float:right;}
div#divAll div#divfooterup div#divfooterup4 div#addressfooter{width:450px;direction:ltr}

div#divAll div#divfooter {width:100%;height:100px;background-repeat:repeat-x;background-image:url(/Images/Footer.jpg);background-position:center}
div#divAll div#divfooter p{text-align:center;color:white;padding-top:70px;}

.circular {
	width:140px;
	height:140px;
	border-radius:50%;
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
	box-shadow: 0 0 8px rgba(0, 0, 0, .8);
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
	}

.push_button{
	position:relative;
	width:100px;
    height:10px;
	color:#FFF;
	display:block;
	text-decoration:none;
	margin:0 auto;
	border-radius:5px;
	border:solid 1px #f20707;
	background:#f20707;
	text-align:center;
	
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	transition: all 0.1s;
	
	-webkit-box-shadow: 0px 9px 0px #84261a;
        -moz-box-shadow: 0px 9px 0px #84261a;
        box-shadow: 0px 9px 0px #84261a;
}

.push_button:active{
    -webkit-box-shadow: 0px 2px 0px #84261a;
    -moz-box-shadow: 0px 2px 0px #84261a;
    box-shadow: 0px 2px 0px #84261a;
    position:relative;
    top:7px;
}


