body { background-color: #fafafa; }

/* Link */
a , a:visited
{
	color: #1976D2;
	text-decoration: none;
}

a:hover { color: #2196F3; }

/* Title */
h2 , .moduletable h3
{
	margin-bottom: 15px;
	position: relative;
}

h2
{
	color: #000;
	margin-top: 20px;
}

.moduletable h3 { color: #e5e5e5; }
input { font-family: "Site" , "Open Sans" , Sans-Serif; }

/* Header */
#header
{
	margin-top: 50px;
	z-index: 1100;
}

#header > div:first-child
{
	padding-right: 5px;
	padding-left: 5px;
  z-index: 10000;
}

/* Logo */
#logo
{
	height: 40px;
	margin-bottom: 10px;
	z-index: 1001;
}

/* Search */
#search {}

/* Menu */
#menu
{
	background-color: #009899;
	/*border-radius: 5px;*/
}

/* Tel */
#tel
{
	padding: 0 15px;
	margin-top: 0;
	color: #009899;
	background-color: #e5e5e5;
	/*border-radius: 5px;*/
}

#tel div:first-child { font-size: .9em; }
[dir="rtl"] #tel div:first-child { margin-left: 10px; }
[dir="ltr"] #tel div:first-child { margin-right: 10px; }

#tel div:last-child
{
	direction: ltr;
	text-align: left;
}

/* Shadow */
#wrapper.menu-hover #shadow
{
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

#wrapper.menu-hover #shadow:after
{
	content: "";
	width: 100%;
	height: calc(100% + 10px);
	position: absolute;
	top: -10px;
	left: 0;
	background-color: rgba(0 , 0 , 0 , .35);
	z-index: 100;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

.linehead
{
	position:fixed;
  z-index: 90000;
	
}

/* Slideshow */
#slideshow { margin-bottom: 30px; }


/* menu2part */
#menu2part a{
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 2em;
    line-height: 2em;
}
#menu2part img{
	height: 200px;
}
#menu2part span{
	display: block;
}
/* menu2part */
#menu2part ul {
	text-align: center;
}
/* menu2part */
#menu2part li {
    width: 45%;
    margin: 2.5%;
    float: right;
    background: #099;
    color: #fff;
    border-radius: 20px;
    overflow: hidden;
}


/* Roll */
#roll { margin-bottom: 30px; }

/* Categories */
#categories { margin-bottom: 30px; }

/* Images */
#image-a , #image-b { margin-bottom: 30px; }

/* Breadcrumbs */
#breadcrumbs
{
	background-color: #eee;
	border-bottom: 1px solid #ccc;
}

#breadcrumbs ul
{
	margin: 0;
	padding: 0;
}

#breadcrumbs li
{
	display: inline-block;
	list-style-type: none;
}

#breadcrumbs li.active:first-child { display: none; }
[dir="rtl"] #breadcrumbs li , [dir="rtl"] #breadcrumbs li > * { float: right; }
[dir="ltr"] #breadcrumbs li , [dir="ltr"] #breadcrumbs li > * { float: left; }
[dir="rtl"] #breadcrumbs li { margin-left: 10px; }
[dir="ltr"] #breadcrumbs li { margin-right: 10px; }

#breadcrumbs li a
{
	line-height: 30px;
	color: #888;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

#breadcrumbs li:hover a { color: #aaa; }
#breadcrumbs li span { color: #888; }

#breadcrumbs .divider
{
	display: inline-block;
	width: 20px;
	height: 30px;
	text-align: center;
}

/* Messages */
#messages { margin-top: 20px; }

/* Products */
#products { margin-bottom: 30px; }

/* Products B */
#products-b { margin-bottom: 30px; }

#products .moduletable , #products-b .moduletable {}

#products h3 , #products-b h3
{
	display: inline-block;
	width: auto;
	margin-bottom: 0;
	padding: 0 15px;
	line-height: 40px;
	color: #009899;
}

[dir="rtl"] #products h3 , [dir="rtl"] #products-b h3
{}

[dir="ltr"] #products h3 , [dir="ltr"] #products-b h3
{}

/* Articles */
#articles { margin-bottom: 30px; }

/* Content */
#content .item-page img
{
	max-width: 100%;
	height: auto;
	/*border: 2px solid #f5632d;*/
}

/* store */

.store-products-item img
{
	object-fit: fill !important;
}

.store-products-item[special]:before
{
	display:none;
	background-color: #009899 !important;
	border-top-left-radius: 0px !important;
	border-top-right-radius: 0px !important;
}

/* Footer */
#footer-a a {color:#fff;}
#footer
{
	padding-top: 20px;
	color: #fff;
	background-color: #009899;
}

#footer h1
{
	display: inline-block;
	width: auto;
	margin: 0;
	font-size: 1em;
}

#footer .moduletable
{
	font-size: 1em;
	line-height: 30px;
}

#footer .footer-column { margin-bottom: 30px; }

#footer h3
{
	font-size: 1.5em;
	line-height: 30px;
}

#footer ul
{
	margin: 0;
	padding: 0;
}

#footer li
{
	width: 100%;
	padding-bottom: 5px;
	float: left;
	list-style-type: none;
}

#footer li a
{
	width: 100%;
	padding: 0;
	font-size: 1em;
	line-height: 30px;
	color: #fff;
	border-bottom: 0;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#footer li a span { color: #888; }

#footer .nav.menu li a:before
{
	display: inline-block;
	width: 30px;
	position: relative;
	top: 3px;
	font-family: "Icon FrameWork";
	font-size: 1.2em;
	line-height: 30px;
	text-align: center;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

[dir="rtl"] #footer .nav.menu li a:before
{
	content: "\e912";
	top: 3px;
	padding-left: 10px;
}

[dir="ltr"] #footer .nav.menu li a:before
{
	content: "\e910";
	top: 2px;
	padding-right: 10px;
}

[dir="rtl"] #footer .nav.menu li:hover a:before
{
	width: 20px;
	padding-right: 10px;
}

[dir="ltr"] #footer .nav.menu li:hover a:before
{
	width: 20px;
	padding-left: 10px;
}

#footer li:hover a { color: #000; }

/* Form */
#footer .field label { color: #fff; }

#footer .field input , #footer .field textarea
{
	color: #fff;
	background-color: transparent;
	border-color: rgba(255 , 255 , 255 , .5);
}

#footer .field input:valid , #footer .field input:invalid , #footer .field textarea:valid , #footer .field textarea:invalid { border-color:  rgba(255 , 255 , 255 , .5); }
#footer .field.change input:valid , #footer .field.change textarea:valid { border-color: #7CB342; }
#footer .field.change input:invalid , #footer .field.change textarea:invalid { border-color: #b71c1c; }

/* Social */
.social-item , .social-item:visited
{
	width: 44px;
	font-size: 1.2em;
	line-height: 40px;
	color: #000;
	border: 2px solid #e5e5e5;
	text-align: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.social-item.icon-blogfa:before { content: "\1F578"; }
.social-item.icon-mihanblog:before { content: "\1F578"; }

.social-item:hover
{
	cursor: pointer;
	color: #fff;
}

.social-item.icon-facebook:hover { background-color: #4867AA; }
.social-item.icon-google-plus:hover { background-color: #DC4A38; }
.social-item.icon-youtube:hover { background-color: #EE1C1B; }
.social-item.icon-instagram:hover { background-color: #BB00B5; }
.social-item.icon-twitter:hover { background-color: #55ACEE; }
.social-item.icon-pinterest:hover { background-color: #BD081C; }
.social-item.icon-linkedin:hover { background-color: #0077B4; }
.social-item.icon-vimeo:hover { background-color: #1AB7EA; }
.social-item.icon-blogger:hover { background-color: #FE5722; }
.social-item.icon-reddit:hover { background-color: #FF4500; }
.social-item.icon-tumblr:hover { background-color: #36465D; }
.social-item.icon-aparat:hover { background-color: #ED145B; }
.social-item.icon-blogfa:hover { background-color: #0F3970; }
.social-item.icon-mihanblog:hover { background-color: #343131; }
.social-item.icon-telegram:hover { background-color: #36ADE1; }

#visit .visit-name {line-height:40px;color:#000;}
#visit .visit-count {line-height:40px;}

/* Copyright */
#copyright
{
	color: #9c9c9c;
	background-color: #2b2b2b;
}

#copyright small { color: #f5632d; }

#copyright span
{
	position: relative;
	top: 3px;
	color: #f5632d;
}

/* Visit */
#visit { background-color: #e5e5e5; font-weight: bold;}

@media (max-width: 47.9375em) {}
@media (max-width: 35.4375em) { #menu { margin-top: 10px; } }

@media (min-width: 35.5em)
{
	#logo
	{
		height: 50px;
		-webkit-order: 1;
		order: 1;
	}

	#search
	{
		-webkit-order: 2;
		order: 2;
	}

	#login
	{
		-webkit-order: 3;
		order: 3;
	}

	#cart
	{
		-webkit-order: 3;
		order: 3;
	}
}

@media (min-width: 48em)
{
	#logo { height: 60px; }

	#wrapper.scroll #header-bottom
	{
		position: fixed;
		top: 0;
		left: 0;
		background-color: #fff;
		border-bottom: 1px solid #eee;
	}

	#wrapper.scroll #search , #wrapper.scroll #cart { display: none; }
	#wrapper.scroll #store-menu { width: 100%; }

	#store-menu .menu
	{
		position: absolute;
		top: 40px;
	}

	[dir="rtl"] #store-menu .menu { right: 0; }
	[dir="ltr"] #store-menu .menu { left: 0; }

	#wrapper.scroll #store-menu .menu
	{
		position: relative;
		top: auto;
		right: auto;
		left: auto;
	}
}

@media (min-width: 64em)
{
	#logo { height: 70px; }
	[dir="rtl"] #wrapper.scroll #logo { right: calc(50% - 500px); }
	[dir="ltr"] #wrapper.scroll #logo { right: calc(50% - 500px); }
	#telegram { width: 30%; }
	#animation { height: 400px; }
	#animation-slogan { right: 15%; }

	#tel
	{
		width: 27%;
		line-height: 40px;
		position: absolute;
		top: 0;
	}

	[dir="rtl"] #tel
	{
		left: 0;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}

	[dir="ltr"] #tel
	{
		right: 0;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}
}

@media (min-width: 80em)
{
	#logo { height: 80px; }
	[dir="rtl"] #wrapper.scroll #logo { right: calc(50% - 625px); }
	[dir="ltr"] #wrapper.scroll #logo { right: calc(50% - 625px); }
	#tel { width: 21%; }
}

@media (min-width: 90em)
{
	.container-large
	{
		width: 1400px;
		margin-right: calc(50% - 700px);
		margin-left: calc(50% - 700px);
	}

	#tel { width: 18.5%; }
}

@media (min-width: 100em)
{
	.container-large
	{
		width: 1500px;
		margin-right: calc(50% - 750px);
		margin-left: calc(50% - 750px);
	}
}