@charset "utf-8";
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,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption{
	 margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%;
	  font-family:inherit; vertical-align:baseline; }
:focus { outline:0; }
a:active { outline:none; }
body { line-height:1; color:black; background:white; }
ol,ul { list-style:none; }
caption,th,td { text-align:left; font-weight:normal; }
blockquote:before,blockquote:after,q:before,q:after { content:""; }
blockquote,q { quotes:"" ""; }
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
img{ border:none;}
.clear{clear:both;}
ul{float:right; list-style:none}
/* CSS Document */

a:link {
	color: #f98323;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #f98323;
}
a:hover {
	text-decoration: none;
	color: #7e2496;
}
a:active {
	text-decoration: none;
	color: #f98323;
}

html,body{height:100%;}
body {
  
  font-family: 'Open Sans' , sans-serif;
  font-size: 13px;
  color: #555;
  line-height: 22px;
  color:#111}

.right{float:right}
.left{float:left}

h1{font-size:21px;}
h2{font-size:18px;}
h3{font-size:16px;}
h4{font-size:15px;}
h5{font-size:14px;}
h6{font-size:12px; line-height:19px}
a{text-decoration:none; outline:none;}
.ltr{direction:ltr;}
a:hover{ color:#600}
p{ text-align:justify}

a , input{-webkit-transition:300ms linear 0s;-moz-transition:300ms linear 0s;
-o-transition:300ms linear 0s;transition:300ms linear 0s;}


.logo{ margin:3px 0;}


.warpper{ width:100%; height:100%; float:right; display:table;}
.gray_page{ background:#a7a9ac;}
.Orange_page{ background:#ffdebd;}
.yellow_page{ background:#fff0c3;}
.green_page{ background:#d3e7ce;}
.blue_page{ background:#c8e6f9;}

#page{ margin:40px auto; min-height:500px; width:980px; }

#header{ width:100%;height:100px;float:left; }
.menubar{ width:100%;background:#808285;height:32px;line-height:32px;float:left; }

.menubar ul{float:left;height:32px; width:610px; background:#9CF}
.menubar ul li{width:122px;height:32px;float:left;overflow:hidden; display:inline;z-index:99; /* 99999999 */
 position:relative}
.menubar ul li a{color:#FFF; }
.menubar ul li a span{width:122px;height:32px; display:block;
 background: url(images/bullet.png) no-repeat 5px 4px;}
.menubar ul li a p{
	padding:15px;
	text-align:left;
	line-height:18px;
	font-size:15px;
}

.subtext{padding-top:10px;}
.menubar ul li.green{background:#39b54a;}
.menubar ul li.yellow{background:#ffdd00;}
.menubar ul li.red{background:#ed1c24;}
.menubar ul li.orange{background:#f6921e;}
.menubar ul li.blue{background:#00a2e0;}

.right_header{ width:370px;}
.copyright{height:32px;line-height:32px; font-size:11px; color:#eee; text-align:center; width:235px}

.searchform{ width:113px; height:18px; margin:7px 10px;}
.searchform input[type=text]{ width:102px; height:18px; margin:0px; padding:0px;font-size:11px;text-align:center;
 background:#fff; border:none; color:#999;}
.searchbtn{ width:8px; height:18px; margin:0 0 0 3px; padding:0px;
 background:#fff url(images/search.png) no-repeat; border:none; cursor:pointer }

.grid_1{ width:370px;}
.grid_2{width:610px;}
#main{ width:100%;}
#main h1{border-top:1px solid #6d5f54; border-bottom:1px solid #6d5f54;
		 height:26px; line-height:26px; font-size:17px; font-weight:bold; padding:0px;
		 display:block; color:#ed1c24;
		 float:left; width:100%;padding-bottom:2px;}
/*	 
#main p{font-size:4.5mm;}
*/
.content{ width:100% ; display:table-cell;  font-size:15px; padding:10px 0}

.footer{width:100% ; height:18px; line-height:18px; color:#5a5b5d; border-top:1px solid #8a8c8e;
 border-bottom:1px solid #8a8c8e;
	font-size:10px; text-align:right; font-family:arial}
.footer span{ float:right}
.footer a{color:#5a5b5d;}
.footer a:hover{color:#3b3c40;}
.circle_b{ display:block; line-height:18px; width:6px; height:6px; background:#000; margin:6px 5px;
 border-radius:100%;-moz-border-radius:100%;}
.blue_b{ background:#00abed}
.green_b{ background:#9fc737}

.gallery{ width:100%; padding:10px 0;}
.gallery a{ display:inline-block; float:right; width:45px; height:45px; border:6px solid #fff; margin:6px;}
.gallery a:hover{border:6px solid #dca670;}
.gallery a img{width:45px; height:45px;}

.gallery-big{ width:100%; padding:10px 0;}
.gallery-big a{ display:inline-block; float:right; width:328px; height:328px; border:6px solid #fff; margin:6px; margin-right:0px;}
.gallery-big a:hover{border:6px solid #dca670;}
.gallery-big a img{width:328px; height:328px;}

.stuffBox{width:192px;height:350px;padding-left:5px;padding-right:5px;text-align:left;line-height:17px;}
.upBorder{border-top:1px solid #000;}
.downBorder{border-bottom:1px solid #000;}
.rightBorder{border-right:1px solid #fff;}
.leftBorder{border-left:1px solid #fff;}

.name{font-size:15px;color:#111;font-weight:bold;}
.title{font-size:13px;color:#111;}
.address{font-size:13px;color:#00abed;}
.contact{font-size:13px;color:#666;}

.spaceTop{padding-top:10px;}

.serviceBox{width:91px;height:200px;padding-left:5px;padding-right:5px;text-align:left;line-height:17px;}

.content p 
{
    
    /*
    word-break:break-all;
    break-all | keep-all 
    word-wrap:break-word;

    white-space: pre-line; 
    white-space: normal !important;
    overflow-wrap:break-word;
    
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
     

     -ms-word-break: break-all;
     word-break: break-all;
     word-break: break-word;

-webkit-hyphens: all;
   -moz-hyphens: all;
    -ms-hyphens: all;
        hyphens: all;
        
        
 overflow-wrap:hyphenate;

    hyphens:auto;
    text-align:justify;
    -webkit-hyphens:auto;
    -webkit-hyphenate-character:"\2010";
    -webkit-hyphenate-limit-after:1;
    -webkit-hyphenate-limit-before:3;
    -moz-hyphens:auto;
*/

-moz-hyphens:auto;
-ms-hyphens:auto;
-webkit-hyphens:auto;
hyphens:auto;
word-wrap:break-word;

} 


/*
Back to top button 
*/
#back-top {
	position: fixed;
	bottom: 30px;
	margin-left: 635px;
}
#back-top a {
	width: 55px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	/*
	color: #bbb;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
/*
#back-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top span {
	width: 55px;
	height: 55px;
	display: block;
	margin-bottom: 7px;
	background:  url(images/BackToTOP-50-Orange.png) no-repeat center center;
	/* rounded corners 
    #ddd 
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
/*
#back-top a:hover span {
	background-color: #777;
}
*/


/* ======== Form ============	d2d2d2   Products Box:#605d5c  Text:#838281	Line:#aaa9a9 */

.mxForm
{
	font-family: tahoma,verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #999;
	background-color: #fff;
	border: 0px solid #666;
	padding: 5px;
	margin-left: 20px;
	width: 100px;
	float: left;
}
.curve
{
    margin-top:2px;
}
.formButton , .formButtonLink
{
	font-family: tahoma,verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #999;
	background-color: #fff;
	border: 0px solid #666;
    padding: 5px;
}

.form  , .FormError , input 
{
	font-family: tahoma,verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #999;
	background-color: #fff;
	border: 0px solid #666;
	text-align:center;
	padding: 5px;
}
.FormError  
{
	font-family: tahoma,verdana, Geneva, sans-serif;
	font-size: 12px;
	
	border: 1px solid #F00;
	padding: 5px;
	background: #ffdbb7; /* Old browsers */

	/*
	border: 1px solid #F36;
	background-color: #FCC;
	 #F9C  #F99 
	 	line-height: 20px;
	width: 400px;
	 */

	color: #000;
}
textarea{ resize:none; }
.myHeader {
  font-family: 'Open Sans' , sans-serif;
  font-size:14px;
  color: #fff; /* ed1c24 */
  font-weight:bold;
  line-height: 22px;
  }
  .myHeaderFA {
  font-family: tahoma, sans-serif;
  font-size:17px;
  color: #fff; /* ed1c24 */
  font-weight:bold;
  line-height: 22px;
  }
  
  
  @font-face {
  font-family: 'BYekan';
  src: url("fonts/yekan-webfont.eot");
  src: url("fonts/yekan-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/yekan-webfont.woff") format("woff"), url("fonts/yekan-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
  
  .bYekan
  {
      font-family:BYekan;
      font-size:16px;
  }