ul,ol{
	list-style: none;
}
a{
	cursor: pointer;
	text-decoration: none; }
p{
	font: normal normal normal 16px/1.4em 'Open Sans',sans-serif;
	color: rgba(102,102,102,1);
}
img{border-radius: 5px}
html, body{
	height: 100%; }

@font-face{
	font-family: 'Arshia';
	src: url('BArshia.eot'); /* IE9 Compat Modes */
	src:local('B Arshia'), 
		url('BArshia.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('BArshia.woff2') format('woff2'), /* Super Modern Browsers */
		url('BArshia.woff') format('woff'), /* Pretty Modern Browsers */
		url('BArshia.ttf')  format('truetype'), /* Safari, Android, iOS */
		url("BArshia.otf") format("opentype"),
		url('BArshia.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face{
    font-family: 'Jadidbold';
    src:local('B Jadid'),
		url('bjadidbd-webfont.woff2') format('woff2'),
		url('bjadidbd-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face{
    font-family: 'Yekan';
    src:local('B Yekan'), 
		url('byekan-webfont.woff2') format('woff2'),
		url('byekan-webfont.woff') format('woff');
}
@font-face {
    font-family: 'Nazanin';
    src: local('B Nazanin'),
		url('fonts/bnazanin-webfont.woff2') format('woff2'),
		url('bnazanin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
body {
	font-family: Arial, Fallback, sans-serif;
	overflow-x: auto;
	overflow-y: scroll; }
  
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 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
} 
h1{
	line-height: normal;
	letter-spacing: normal;
    font: normal normal bold 37px/1.4em "Arshia",sans-serif;
    color: #FFFFFF;
}	
h2{
	color: #D30294;
	line-height: 1.4em;
	font-size: 28px;
}
div, a{
	background-attachment: scroll;
	background-clip: border-box;
	background-color: transparent;
	background-image: none;
	background-origin: padding-box;
	background-position: 0% 0%;
	background-position-x: 0%;
	background-position-y: 0%;
	background-repeat: repeat;
	background-size: auto auto;
	border-bottom-color: rgb(0, 0, 0);
	border-bottom-style: none;
	border-bottom-width: 0px;
	border-image-outset: 0 0 0 0;
	border-image-repeat: stretch stretch;
	border-image-slice: 100% 100% 100% 100%;
	border-image-source: none;
	border-image-width: 1 1 1 1;
	border-left-color: rgb(0, 0, 0);
	border-left-style: none;
	border-left-width: 0px;
	border-right-color: rgb(0, 0, 0);
	border-right-style: none;
	border-right-width: 0px;
	border-top-color: rgb(0, 0, 0);
	border-top-style: none;
	border-top-width: 0px;
	outline-color: rgb(0, 0, 0);
	outline-style: none;
	outline-width: 0px;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;	
}
svg{
	vector-effect: non-scaling-stroke;
	fill: #FFFFFF;
	fill-opacity: 1;
	stroke: rgba(51, 51, 51, 1);
	transform-origin: 0px 0px 0px;
}
.img{
	border-radius: 5px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	background-color: rgba(255, 255, 255, 1);
	border: 1px solid rgba(255, 255, 255, 1);
	overflow: hidden;
	height: 100%;
	width: inherit;
}
.textcolor2{color: #D30294}
.textcolor1{color: rgb(245, 245, 245)}
.textinside{color: rgba(250, 250, 250, 1)}

.shadowGridline{
	border-top: 1px solid;
	border-bottom: 1px solid rgba(102,102,102,0.55);
}
.titleeffect{
	background: rgba(200, 200, 200, 0.5);
	background: -webkit-linear-gradient(rgba(200, 200, 200, 0.9), rgba(200, 200, 200, 0.04));
	background: -o-linear-gradient(rgba(200, 200, 200, 0.9), rgba(200, 200, 200, 0.04));
	background: -moz-linear-gradient(rgba(200, 200, 200, 0.9), rgba(200, 200, 200, 0.04));
	background: linear-gradient(rgba(200, 200, 200, 0.9), rgba(200, 200, 200, 0.04));
	border-radius: 355px;
	position: absolute;
	top: -400px;
	height: 443px;	
}
.textbox{
	overflow: hidden;
	border: 0px solid rgba(51, 51, 51, 1);
    background-color: rgba(51, 51, 51, 1);
    border-radius: 5px;
	position: relative;
	color: white;
	padding: 30px 25px 20px 25px;
}
.textboxTitle{
	color: #D30294;
	font-size: 21px;
}
.textbox .titleeffect{
	left: -120px;
	right: -120px;
}
.textbox .textboxContent p{
	color: white;
}
.textbox .textboximage {
	width: 139px;
	height: 138px;
	object-fit: cover;
	position: relative;
	margin: 0 auto;
	display: block;
}
.textbox svg.textboximage{
	right: 50px;

}
div:not(.titleeffect) + .textboxTitle{
	padding-top: 20px;
}
#page {
	position: relative;
	width: 980px;
	margin: auto;
}
#header{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: inherit;
}
#title{
	left: 0px;
	top: 71px;
	width: inherit;
	height: 68px;
	position: absolute; 
	overflow: hidden;
}
#title .titlebg{
	height: inherit;
	width: inherit;
	background: rgb(50, 50, 50);	
	border-radius: 5px;
}
#title .titlecontainer{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
#title  .titlesitename{
	right: 30px;
	width: 230px;
	position: absolute;
	top: -5px;
}
#title  .titleeffect{
	left: 120px;
	right: 120px;
}
#title .titletextcontainer{
	position: absolute;
	left: 20px;
	width: 180px;
	top: 15px;
	color: white;
	text-align: center;
}
#title .titletextcontainer p{
	color: white;
}
#menubar{
	height: 45px;
	position: absolute;
	top: 150px;
	width: inherit;
}
#menubar .menubaritemcontainer{
	background-color: rgb(255, 255, 255);
	background-image: url("shiny1button_bg.png");
	background-origin: padding-box;
	background-position: 50% 50%;
	background-position-x: 50%;
	background-position-y: 50%;
	background-repeat: repeat-x;
	background-size: auto auto;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	box-shadow: rgba(0, 0, 0, 0.6) 0px 1px 4px 0px;
	display: inline-block;
	height: 45px;
	overflow: visible;
	overflow-x: visible;
	overflow-y: visible;
	position: relative;
	text-align: center;
	white-space: nowrap;
}
#menubar .menubaritemcontainer .menuitem{
	border-bottom-color: rgb(128, 128, 128);
	border-left-color: rgba(255, 255, 255, 0.14);
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: rgb(128, 128, 128);
	border-right-style: none;
	border-right-width: 0px;
	border-top-color: rgb(128, 128, 128);
	box-sizing: border-box;
	color: rgb(128, 128, 128);
	/* cursor: pointer; */
	display: inline-block;
 	outline-color: rgb(128, 128, 128);
	overflow: visible;
	overflow-x: visible;
	overflow-y: visible;
	padding-bottom: 0px;
	position: relative;
	text-align: center;
	text-decoration: none;
	transition: background-color 0.4s ease 0s;
	/* white-space: nowrap; */
	width: calc(980px / 4 - 3px); 
}
#menubar .menubaritemcontainer .menuitem:active{
	background-color: rgb(211, 2, 148);
}
#menubar .menuitem .menuitemshade{
	background: transparent url(shiny1button_bg.png) center center repeat-x;
	bottom: 0px;
	left: 0px;
	position: absolute;
	right: 0px;
	top: 0px;
}
#menubar .menubaritemcontainer .menuitem[data-state~="selected"]{
	background-color: rgb(211, 2, 148);
/* 	color: rgb(225, 225, 225); */
}
#menubar .menubaritemcontainer .menuitem[data-listposition~="left"]{
	border-radius: 10px;
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}
#menubar .menubaritemcontainer .menuitem[data-listposition~="right"]{
	border-radius: 10px;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}
#menubar .menuitem .menuitembg{
	/* background: transparent; */
	font-size: 16px;
}
#menubar p{
	border: 0px;
	line-height: 45px;	
	/* padding: 0 calc(5px + 10px); */
	color: white;
	/* background: transparent; */
	transition: color 0.4s ease 0s;
}
#menubar .menubaritemcontainer .menuitem:not([data-state~="selected"]):hover p{
	color: #D30294;
}
#menubar .menubaritemcontainer .menuitem:not([data-state~="selected"]):active p{
	color: white;
}
#menubar .menuitem:not([data-state~="selected"]) p{
	color: rgb(128, 128, 128);
}
#footer{
	width: inherit;
	position: absolute;
	left: 0;
	height: 121px;
	bottom: 0;
}
#statusbarmenu{
	position: absolute;
	top: 42px;
	height: 12px;
	right: 2px;
	width: 98%;
}
#statusbarmenu .statusbarmenuContainer{
	display: inline-block;
	text-align: right;
	overflow: visible;
	height: inherit;
	width: inherit;
	position: relative;
}
#statusbarmenu .statusbarmenuitem{
	display: inherit;
	color: grey;
	height: inherit;
	width: 155px;
	position: relative;
	text-align: center;
	font-size: 12px;
	transition: color 0.4s ease 0.2s;
}
#statusbarmenu .statusbarmenuitem:hover{
	color: #D30294 !important;
}
#statusbarmenu .statusbarmenuitem[data-state~="selected"]{
	color: rgb(211, 2, 148);
}
#statusbarmenu .statusbarmenugridlines{
	width: inherit;
	position: absolute;
	top: 0;
	height: 200%;
	border-top: 1px solid rgba(102, 102, 102, 0.55);
	border-bottom: 1px solid rgba(102, 102, 102, 0.55);
	pointer-events: none;
}
#contentmaster{
 	height: calc(45px + 150px + 2px); 
}
#content{
	transition: height 1s;
	width: inherit;
	top: 150px;
	position: fix;
}
#maincontent{width: 960px}
#contenttitle{
	position: relative;
	top: 35px;
	right: 10px;
}
#textcontenttop{
	top: 80px;
}
.textcontent{
	position: relative;
	right: 20px;
}
.textcontent div[data-position="afterLineDivider"]{
	padding-top: 17px;
}
#textContentTopGridline{
	position: relative;
	top: -8px;
	width: inherit;
}
#textContentBottomGridline{
	position: relative;
	top: 8px;
	width: inherit;
}
.img#about{	
	height:408px}
	
.img #aboutInImageText{
	top: 136px;
	right: 30px;
	position: absolute;
	width: 250px;	
}

#textcontentmiddle{
	position: relative;
	top: 100px;
	display: inline-block;
	vertical-align:top;}
	
#currentsituation.textbox {
	width: 250px;
}
.textbox {
	width: 250px;
}

#textcontent2{
 	display: table-cell; 	
}
#textcontent3{
 	display: table-cell; 
    right: 50px;
	max-width: calc(960px - 50px - 250px - 35px);
}
#textcontent4{
 	display: table-cell; 
    right: 80px; 
}
#questionmark{
	width: 139px;
	height: 138px;
	left: 20px;
	display: block;
}
.questions p{
	max-width: 290px;
	top: 20px;
	position: relative;
	margin: 0 5px;
	color: rgba(10, 10, 10, 0.9);
}
.question{
	font-weight: bold;
	padding-top: 10px;
}
.answer>p{
	font-size: 13px;
	color: rgb(5, 5, 5);
}
.answer>p.note{
	color: #D30294;
	font-size: 14px;
}
#sellingtable{
	display: table;
	border-spacing: 10px;
}
#sellingtable>div{
	display: table-row-group;
}
.product{
	display: table-cell;
}
.product img{
	border: solid 1px rgba(102, 102, 102, 0.13);
	width: 316px;
}
.product ul{
	padding-right: 5px;
}
.product .productName{
	color: #D30294;
	font-size: 17px;
}
.product .productDesc{
	font-size: 12px;
}
.product .productPrice span{
	color: #D30294;
	font-size: 14px;
}
.downloadbutton{
	min-height:22px;
	min-width:100px;
	display:inline-flex;
	border-radius: 5px;
    transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
    background: rgba(211, 2, 148, 1) url(shiny1button_bg.png) 50% 50% repeat-x;
    border: solid rgba(51, 51, 51, 1) 0px;text-align: initial;
	align-items: center;
	-webkit-box-pack: center;
    -webkit-justify-content: center;
	justify-content: center;
	position:static;
	right: 180px;
	margin-left:100px;
}
.downloadbutton a{
	width: 100%;
	display: inline-flex;
	justify-content: center;
	color:white !important;
}
.imagechanger{
	overflow:hidden;
}
.imagechanger>img{
	right:0px;
	position: relative;
}
.product .textbox{
	width: inherit;
}
.product .textboxContent>p:first-child{
	padding-top: 10px;
	font-size: 15px;
}
.inSlideContent{
	position:relative;
	display:inline-block;
	top:-720px;
	right:600px;
	max-width: 300px;
	max-height: 200px;
}
.inSlideContent p{
	color: white;
}
.inSlideContent h2{
	color: white;
}
.slider{
	max-height: 420px;
}
@keyframes slide{
	0% {right: 0px;}
	10% {right: 932px;}
	10.001% {right: -932px;}
	50% {right: -932px;}
	60% {right: 0px;}
	100%{right: 0px;}
}
@keyframes slide2{
	0% {right: -932px;}
	10% {right: 0px;}
	50% {right: 0px;}
	60% {right: 932px;}
	60.001% {right: -932px;}
	100%{right: -932px;}
}
@keyframes slidertext{
	0% {color: white;opacity: 1;}
	5% {color: rgb(128, 128, 128); opacity: 0;}
	10%{color: black;opacity: 1;}
	50%{color: black;opacity: 1;}
	55%{color: rgb(128, 128, 128); opacity: 0;}
	60%{color: white;opacity: 1;}
	100%{color: white;opacity: 1;}
}
.imagechanger{
	overflow: hiddens;
	width: 932px;
	margin: 0 auto;
}
.imagechanger img{
    animation: slide 20s ease-in-out 5s infinite;
	position:relative;
	will-change: right;
}
.imagechanger img#slide2{
    animation-name: slide2 !important;
	right: -932px;
	top: -424px;	
}
.inSlideContent h2, .inSlideContent p{
	animation: slidertext 20s ease-in-out 5s infinite;
	will-change: opacity;
}
.dialogbox {
	border: 1px solid black;
	border-radius: 5px;
	position: fixed;
	width: 260px;
	height: 170px;
	top: 50%;
	right: 50%;
	margin-top: calc(-170px / 2);
	margin-right: calc(-260px / 2);
	background-color: rgb(210, 210, 214);
	padding: 15px 15px;
	display: none;
	transition: height ease-out 0.4s;
	box-shadow: -1px 2px 3px rgba(0, 0, 0, 0.5);
}
#content .dialogbox{
	display: inherit !important; 
	position: initial;
	margin-top: 0 !important;
	margin-right: 0 !important;
	height: 220px;
}
.dialogbox #signup{
	border-top: 1px;
	border-color: black;
	border-top-style: double;
	padding-top: 10px;
	margin-top: 10px;
}
.dialogbox form{
	transition: all ease 2s;
}
dialogbox #signup form{
	top: 60px;
	position: inherit;
}
label{
	display: block;
	position: relative;
}
.hiddenForm{
	opacity: 0.4;
	height: 0;
}
.dialogbox>div{position: relative; overflow: hidden; transition: all ease 4s;}
.dialogbox input[type=submit], .dialobbox a{
	display: block;
	line-height: 20px;
}
input[type=text], input[type=password] {
}
section {
    margin: 15px;
}
header {
    padding-bottom: 10px;
}
article {
    padding: 10px;
}header h4{
    border-right: 1px rgba(211, 2, 148),0.9) double;
    border-bottom: 1px rgba(211, 2, 148,0.5) solid;
    margin-bottom: 5px;
    padding-right: 5px;
	display: inline-block;
}
header h3{
    border-radius: 5px;
    border-collapse: collapse;
    /* border-style: solid; */
    border-bottom: 4px #D30294 double;
    border-top: 4px #D30294 double;
    padding-right: 5px;
    padding-left: 5px;
    display: inline-block;
}