@charset "utf-8";
@font-face {
	font-family: 'BKoodakBold';
	src: url('includes/fonts/BKoodakBoldd41d.eot?#') format('eot'),  /* IE6–8 */
	url('includes/fonts/BKoodakBold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
	url('includes/fonts/BKoodakBold.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */}
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
@font-face{
	font-family: 'Samim';
    src: url('includes/fonts/Samim.eot');
    src: url('includes/fonts/Samimd41d.eot?#iefix') format('embedded-opentype'),
		 url('includes/fonts/Samim.woff') format('woff'),
		 url('includes/fonts/Samim.ttf') format('truetype');
	font-weight: normal;
	}
@font-face{
    font-family: 'SamimBold';
    src: url('includes/fonts/Samim-Bold.eot');
    src: url('includes/fonts/Samim-Boldd41d.eot?#iefix') format('embedded-opentype'),
		 url('includes/fonts/Samim-Bold.woff') format('woff'),
		 url('includes/fonts/Samim-Bold.ttf') format('truetype');
	font-weight: bold;
	}
@font-face {
    font-family: 'BKoodakBold';
    src: url('includes/fonts/BKoodakBoldd41d.eot?#') format('eot'),
    url('includes/fonts/BKoodakBold.woff') format('woff'),
    url('includes/fonts/BKoodakBold.ttf') format('truetype');
}
@font-face {
    font-family: 'OSans';
    src: url('en/includes/fonts/opensans-light.html');
    src: url('en/includes/fonts/opensans-lightd41d.html?#iefix') format('embedded-opentype'),
    url('en/includes/fonts/opensans-light-2.html') format('woff'),
    url('en/includes/fonts/OpenSans-Light-3.html') format('truetype'),
    url('en/includes/fonts/OpenSans-Light-4.html#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}
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, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, select{
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
	font-family: Samim;
    font-size: 14px;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
input{ -webkit-appearance: none; -moz-webkit-appearance: none; -ms-webkit-appearance: none; -o-webkit-appearance: none; webkit-appearance: none;}
/* CSS Document */
html,body{  padding: 0; margin:0; direction:rtl; font-family:SamimBold; font-size:16px; line-height:23px; }
body{ background: url("images/symbol/bg.gif"); }
*{ box-sizing:border-box; text-decoration:none;}
.mainbox{ max-width: 1017px; margin:auto; padding-right: 28px; position: relative; }
.clear{ clear:both;}
.over-img{width: 55%!important;position: absolute;top: 72%;left: 6%;transform: rotate(-10deg);opacity: 0.8;}
.titr i{padding-left: 5px;}
.titr{ margin-top:50px; font-family:SamimBold; font-size:20px; line-height:40px;}
.titr2{font-family:SamimBold; font-size:18px; line-height:40px; color:#196b36; }
.text{font-family:Samim; font-size:16px; text-align:justify; padding: 0 20px; }
.wrap-img{display: flex;justify-content: space-between;flex-wrap: wrap;}
.wrap-img img{width: 49%!important;}
.rows-fac{display: flex;flex-wrap: wrap;}
.rows-fac img{width: 55%!important;}
.rows-fac p{width: 45%!important;margin: auto;padding: 0 0 0 30px;}
.wrap-revers{flex-wrap: wrap-reverse!important;}
.wrap-revers p{padding: 0 30px 0 30px!important;}
.row2-fac{display: flex;flex-wrap: wrap;}
.row2-fac img{width: 280px!important;}
.row2-fac p{margin: auto auto 15px;padding: 30px 30px 0 30px;width: 50%;}
b{font-family: samimBold!important;}
.text ol,.text ul{ padding-right: 30px;}
.virgol span::after{content:",";}
.virgol span:last-child::after{content:"";}
@media only screen and (max-width:1000px){
	.text{ padding: 0 10px; }
}
.main_margin{ margin:0 20px;}
#body_bg{ max-width: 1374px; margin: auto; background: url("images/symbol/header_background.gif"); background-repeat: no-repeat; position: absolute; top: 0; left: 0; right: 0; display: block; }
@media only screen and (max-width:1378px){
	.mainbox{ padding: 0 10px; }
	#body_bg{ background-position: calc(50% + 10px) 0; }
}
@media only screen and (max-width:1000px){
	#body_bg{ background-position: 50% 0; }
}
a{text-decoration:none; color:#333333;} a:hover{text-decoration:none; color:#999999;}
.active_menu{ color:#000;}
@media only screen and (max-width:920px){
	.over-img{ display: none; }
	.row2-fac p {margin: auto auto;}
}
@media only screen and (max-width:680px){
	
	.wrap-img img{width: 100%!important;}
	.wrap-img img:nth-child(2){margin-top: 20px;}
		.row2-fac p{width: 100%;}
}
@media only screen and (max-width:580px){
	.rows-fac img{width: 100%!important;margin-top: 20px;}
	.rows-fac p{width: 100%!important;padding: 0!important;}
	.row2-fac p{padding: 0!important;margin-top: 20px;width: 100%;}
	
}
/******* header *******/
#hlogo{ display: none;}
#menu_bar{ display: none; }
nav{ padding: 90px 235px 0 0; position: relative; z-index: 2; }
nav ul{  padding:0; margin:0; font-size:0;}
nav>ul{ height: 50px; line-height: 50px; }
nav li{ width:120px; display:inline-block; font-family:SamimBold; font-size:16px; text-align:center; }
nav a{ height: 40px; line-height: 40px; padding: 0 5px; color:#00aeef; border-left:1px solid #000000; transition:all 0.3s linear; display: block;font-family:SamimBold;font-size: 15px}
nav>ul>li:last-child a{ border:none;}
nav>ul>li a:hover{ color:#000000;}
nav i{ padding-right:3px; font-size:11px !important; color:#000000 !important;}
nav ul ul{ position:absolute; background:#93b45f; opacity:0; visibility:hidden; text-align:right; transition:all 0.3s linear; }
nav ul ul li{ width: 160px; line-height: 30px; padding: 0 10px; display:block; border:1px solid #ccc; }
nav ul ul li a{ color:#000000; border: none; transition:all 0.3s linear;font-family: Samim}
nav ul ul ul{ top: 0; right: 100%; margin-right: 1px; margin-top: 0; }
nav ul ul li a:hover{ color:#ffffff;} 
nav ul li:hover>ul{opacity:1; visibility:visible;}
@media only screen and (max-width:1000px){
	#hlogo{ position: absolute; top: 42px; right: 10px; z-index: 4; display: block; }
	nav{ padding: 90px 165px 0 0; }
	nav:before{ content: ""; height: 94px; background: #FFF; position: absolute; top: 60px; left: -10px; right: -10px; z-index: -1; }
}
@media only screen and (min-width:880px){
	#menu{ max-height: none !important; }
}
@media only screen and (max-width:880px){
	#menu_bar{ font-size: 30px; color: #343434; position: absolute; top: 95px; left: 10px; z-index: 5; display:block; cursor: pointer; }
	#menu{ max-height: 0; overflow:hidden; }
	nav{  padding: 150px 0 0 0; }
	nav ul{ height: auto; padding: 0 10px; background: #FFF; transition:all linear 0.5s;}
	nav>ul{ width: calc(100% + 20px); margin-right: -10px; }
	nav i{ display:none !important;}
	nav li{ width: 100%; }
	nav>ul>li{ border: none; border-top:1px solid #000; display:block; text-align:right;}
	nav>ul>li:first-child{ border:none;}
	nav a{ width: 100%; padding-right: 10px !important; border: none; position: relative; }
	nav a:hover{ color: #000 !important; }
	nav ul ul{ width: 100%; position: static; background: none; visibility: visible; opacity: 1; }
	nav ul ul li{ width: 100%; border: none; text-align: right; }
	nav ul ul ul{ margin-bottom: 10px; }
	nav ul ul ul li,nav ul ul ul li a{ height: 25px; line-height: 25px; }
	nav>ul>li>ul>li>a:before{ content: ""; width: 0; height: 0; margin: auto; border-top: 6px solid transparent; border-right: 6px solid #808080; border-bottom: 6px solid transparent; position: absolute; top: 2px; bottom: 0; right: 0; }
	nav>ul>li>ul>li>ul>li>a:before{ content: ""; width: 5px; height: 5px; margin: auto; border-radius: 50%; background: #808080;  position: absolute; top: 2px; bottom: 0; right: 0; }
}
@media only screen and (max-width:610px){
	header:before{ border-right: 150px solid transparent; }
	header:after{ border-left: 150px solid transparent; }
}
@media only screen and (max-width:350px){
	#hlogo{ margin-right:5px;}
	#menu_bar{ padding-left:5px;}
	nav{ margin-right:0;} 
	nav ul ul{ right:120px;}
	nav ul ul li{ line-height:20px; font-size:13px;}
}
#navigator{ margin-top: 20px;font-size: 11px; }
#navigator span{ margin: 0 3px; font-size: 10px; display: inline-block;color: #2f3f32;; }
#navigator a{font-size: 11px;}
/******** slider ********/
#dv_main{ margin: 60px auto 50px auto;}
#slide_box{ width:100%; float:right;margin-bottom: 40px;}
#report{ padding-right:15px; line-height:32px; color:#ffffff; font-family:SamimBold; box-shadow:0px 10px 10px #000; background: -moz-linear-gradient(224deg, rgba(0,168,0,1) 0%, rgba(47,80,47,1) 33%, rgba(59,59,59,1) 41%); /* ff3.6+ */background: -webkit-gradient(linear, left bottom, right top, color-stop(59%, rgba(59,59,59,1)), color-stop(67%, rgba(47,80,47,1)), color-stop(100%, rgba(0,168,0,1))); /* safari4+,chrome */background: -webkit-linear-gradient(224deg, rgba(0,168,0,1) 0%, rgba(47,80,47,1) 33%, rgba(59,59,59,1) 41%); /* safari5.1+,chrome10+ */background: -o-linear-gradient(224deg, rgba(0,168,0,1) 0%, rgba(47,80,47,1) 33%, rgba(59,59,59,1) 41%); /* opera 11.10+ */background: -ms-linear-gradient(224deg, rgba(0,168,0,1) 0%, rgba(47,80,47,1) 33%, rgba(59,59,59,1) 41%); /* ie10+ */background: linear-gradient(226deg, rgba(0,168,0,1) 0%, rgba(47,80,47,1) 33%, rgba(59,59,59,1) 41%); /* w3c */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3B3B3B', endColorstr='#00A',GradientType=1 ); /* ie6-9 */}
#report a{ color:#FFFFFF;} 
#specification{ width: 285px; height:310px; float: right; }
#specification ul{ padding:0; margin:0; font-size:0;}
#specification ul li{ padding-right:15px; line-height:66px; display:block; position:relative; background:#ffffff; font-family:SamimBold; font-size:16px; border-bottom:1px solid #cccccc; cursor:pointer; }
#specification ul li:before{ content:""; width: 0; height: 0; margin:auto; border-top: 33px solid transparent; border-right: 15px solid #B3B3B3; border-bottom: 33px solid transparent; position:absolute; top:0; bottom:0; left:-15px; z-index: 2; display: none;}
#specification ul li.select{ background: -moz-linear-gradient(89deg, rgba(212,212,212,1) 0%, rgba(255,255,255,1) 83%, rgba(255,255,255,1) 100%); /* ff3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(17%, rgba(255,255,255,1)), color-stop(100%, rgba(212,212,212,1))); /* safari4+,chrome */background: -webkit-linear-gradient(89deg, rgba(212,212,212,1) 0%, rgba(255,255,255,1) 83%, rgba(255,255,255,1) 100%); /* safari5.1+,chrome10+ */background: -o-linear-gradient(89deg, rgba(212,212,212,1) 0%, rgba(255,255,255,1) 83%, rgba(255,255,255,1) 100%); /* opera 11.10+ */background: -ms-linear-gradient(89deg, rgba(212,212,212,1) 0%, rgba(255,255,255,1) 83%, rgba(255,255,255,1) 100%); /* ie10+ */background: linear-gradient(1deg, rgba(212,212,212,1) 0%, rgba(255,255,255,1) 83%, rgba(255,255,255,1) 100%); /* w3c */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#D4D4D4',GradientType=0 ); /* ie6-9 */}
#specification ul li.select:before{ display: block; }
#specification ul li:last-child{ border:none;}
#specification ul li a{ color:#333333;}
#specification ul li a:hover{ color:#999999;}
.slider_txt{ display: none; }
#slider{ width: calc(100% - 285px); height: 336px; overflow: hidden; float: left; }
#slide_ul{ height: 336px; font-size: 0; transition: all 1s linear; }
#slide_ul li{ height: 335px; display: inline-block; overflow: hidden;background-size: cover!important;background-repeat: no-repeat!important;background-position: center!important; }
#slide_ul a{ height: 100%; width: 100%; display: block; }

/******** left box ********/
#paradise_txt{ width:260px; height:400px; padding: 170px 0 5px 0; color: #b3b3b3; text-align:center; box-shadow:0px 10px 10px #000; float:left; background: #343434; position: relative; z-index: 1; overflow: hidden; }
#paradise_txt:before{ content: url("images/symbol/barg.png"); position: absolute; top: 0; right: -4px; z-index: -1; }
.aboute_behesht{ padding:0 30px; line-height:20px; font-family:Samim; font-size:14px; text-align:justify;}
@media only screen and (max-width:920px){
	#dv_inside{ max-width:725px; margin:auto;}
	#paradise_txt{ width:100%; height:auto; margin-bottom:30px; float:none;}
	#slide_box{ width:100%; }
	.aboute_behesht{ line-height:30px; font-size:16px;}
}
@media only screen and (max-width:650px){
	#dv_inside{ max-width:470px;}
	#slide_box{ width:100%; }
	#specification{ display: none; }
	#slider{ width: 100%; float: none; }
	.slider_txt{ padding: 0 5px; line-height: 40px; text-align: center; background: rgba(0,0,0,.7); font-size: 19px; color: #FFF; display: block; }
}
/************ footer ***********/
#main_footer{ padding-top: 13px; background-image:url(images/symbol/footer.gif); }
#main_footer>div:first-child{ width:100%; line-height:0; color:#444; text-align:center; }
#main_footer>div:first-child img{ width:100%; max-width: 90px;}
#main_footer>div:first-child>div:nth-child(1){ font-size:30px;}
#main_footer>div:first-child>div:nth-child(2){ font-size:20px;}
#main_footer>div:nth-child(2){ width:100%; line-height:0; color:#444; text-align:center;}
#main_footer>div:nth-child(2) img{ width:100%; max-width: 290px;}
#main_footer>div:nth-child(3){ width:31%; padding:5px; line-height:22px; color:#0052a5; font-family:SamimBold; font-size:18px; text-align:center;}
#main_footer>div:nth-child(3) img{ width:100%; max-width:277px; margin-right:15px; display:block;}
#main_footer>div:nth-child(3) span{ font-size:13px;}
@media only screen and (max-width:860px){
	#main_footer{ background-image:none;}
	#main_footer>div{  background: #ece7df; }
	#main_footer>div:first-child{ width:100%; float:none;}
	#main_footer>div:nth-child(2){ width:100%; padding: 0 0 20px 0; margin:0; float:none;}
	#main_footer>div:nth-child(3){ width:100%; float:none;}
	#main_footer>div:nth-child(3) img{ margin-right:auto;}
	#main_footer>div:last-child{ border: none; }
	#main_footer img{ margin:auto;}
}

/************ copyright ***********/
#copyright{ padding: 18px 0 20px 0; line-height:22px; color:#444444;}
#copyright>div:first-child{ width:50%; padding:0 8px; font-family:SamimBold; font-size:10px; text-align: center;margin: auto;}
#copyright>div:nth-child(2){ width:50%; padding:0 8px; font-family:SamimBold; font-size:12px; text-align:center;margin: auto;}
#copyright>div:nth-child(2) a{ color:#666666; font-size: 12px;}
#copyright>div:nth-child(2) a:hover{ color:#333333;}
@media only screen and (max-width:860px){
	#copyright>div:first-child{ width:100%; text-align:center;}
	#copyright>div:nth-child(2){ width:100%; font-size:10px; text-align:center;}
}

/********* aboute page **********/
#about ul{ padding:0; margin:0 0 50px 0; font-size:0; text-align:center;}
#about ul li{ width:23%; margin-left:2.6666%; display:inline-block; font-size:16px; font-family:SamimBold;}
#about ul li:last-child{ margin-left:0;}
#about ul li>div:first-child{ max-width:225px; margin:auto;}
#about img{ width:100%; display:block; margin:auto;}
@media only screen and (max-width:830px){
	#about ul li{ width:48%; margin:0 1% 30px 1%; display:inline-block; font-size:16px; font-family:SamimBold;}
	#building .titr{ margin-bottom:15px; text-align:center; }
}
@media only screen and (max-width:450px){
	#about ul li{ width:100%; margin:0 0 30px 0; display:inline-block; font-size:16px; font-family:SamimBold;}
}
/********* select page **********/
#selected{ margin-bottom:50px; }
#selected ul{ padding:0; font-size:0; 	 }
#selected ul li{ max-width:45%; display:inline-block; font-size:16px; font-family:SamimBold; text-align:center;}
#selected ul li:first-child{ margin-left:10%;}
#selected img{ max-width:100%; display:block;}
.about_text{ max-width:460px; padding:10px 0; margin:auto; margin-top:5px; background-color:#a09b93; text-align:center; }
.about_text a{ color:#000; }
.about_text a:hover{ color:#fff;}
@media only screen and (max-width:700px){
	#selected ul li{ max-width:100%; display:block;}
	#selected img{ margin:auto;}
	#selected ul li:first-child{ margin:30px 0; }
	#selected .titr{ text-align:center;}
}
/************ contact page ***********/
#contact_box{ font-family:tahoma; font-size:14px; color:#8a8987;}
#contact_box textarea{ width:100%; }
.subject{ float:right; width:80px;color: black;}
.subject2{ float:right; width:130px;color: black;}
.submit{background-color:#566e5c; color:white; border: solid 1px #47574b; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;-webkit-box-shadow: #CCC 2px 2px 2px; -moz-box-shadow: #CCC 2px 2px 2px; box-shadow: #CCC 2px 2px 2px; font-family:Samim; font-size:14px;padding: 6px 25px 6px 25px;cursor:pointer;}
.input_contact{ width:100%; border:1px solid #CCC; padding:5px;border-radius: 3px;font-family: Samim;}
select{width:100%; border:1px solid #CCC; padding:5px;border-radius: 3px;font-family: Samim;}
#sub_bott{float: left; padding-left: 260px;}
.marginlr{ margin-right:50px; margin-left:100px;}
.red{color:#900;}
.green{color:#060;}
@media only screen and (max-width:600px){
	.marginlr{ margin:0;}
	#sub_bott{ padding-right:312px;}
}
@media only screen and (max-width:470px){
	.subject{ padding-bottom:10px; float:none;}
	#sub_bott{ float:none; padding:0; text-align:center;}
}
@media only screen and (max-width:470px){
	.subject2{ padding-bottom:10px; float:none;}
}
/************ amalkard94 page ***********/
#matn{ margin-bottom:40px;}
#matn img{ width:100%; max-width:600px; display:block;}
@media only screen and (max-width:994px){
	#matn .titr{ text-align:center;}
	.matn_mrg{margin:0;}
}
/************ map page ***********/
#map_place{ margin-bottom:40px;}
#map_block img{ max-width:900px; width:100%; margin:auto; display:block;}
@media only screen and (max-width:660px){
	#map_place .titr{ text-align:center; }
}
/************* selectunits page *************/
.titr3{font-family:SamimBold; font-size:20px; line-height:40px; color:#993300; }
.selectTxt{ font-family:SamimBold; font-size:18px;}
.selectTxt select, .selectTxt input{font-family:SamimBold; font-size:14px; text-align:center}
.titr4{font-size:30px; font-family:SamimBold; margin:20px; text-align:center}
.formR{color:#ffffff; background-color:#888888; padding:4px;}
.formL{background-color:#efefef; line-height:19px; padding:4px;}
.jadval01{ margin:auto;font-family:'SamimBold'; font-size:17px;}
.jadval02{ margin:auto; font-family:'SamimBold'; font-size:17px; border:#666 thin solid}
.hideme{position:absolute;top:-1000em;left:-1000em;height:1px;width:1px;}
#block1,#block2,#block3,#block4,#block5,#block6,#block7,#block8,#block9,#block10,#block11,#block12,#block13,#block14{position:absolute;}
#block1 a,#block2 a,#block3 a,#block4 a,#block5 a,#block6 a,#block7 a,#block8 a,#block9 a,#block10 a,#block11 a
,#block12 a,#block13 a,#block14 a{background:url(images/parts.png) no-repeat;display:block;}
/* ru site */
#block1{top:129px;left:634px;width:49px;height:62px}
#block2{top:161px;left:579px;width:49px;height:62px}
#block3{top:191px;left:533px;width:49px;height:62px}
#block4{top:169px;left:458px;width:49px;height:62px}
#block5{top:196px;left:409px;width:65px;height:58px}
#block6{top:223px;left:365px;width:65px;height:58px}
#block7{top:249px;left:323px;width:65px;height:58px}
#block8{top:99px;left:552px;width:51px;height:52px}
#block9{top:104px;left:482px;width:51px;height:52px;z-index:10}
#block10{top:114px;left:410px;width:51px;height:52px}
#block11{top:153px;left:347px;width:51px;height:52px}
#block12{top:188px;left:291px;width:51px;height:52px}
#block13{top:152px;left:717px;width:51px;height:52px;z-index:9}
#block14{top:191px;left:664px;width:51px;height:52px}

/* tu pic */
#block1 a,#block1 a:hover{height:62px;background-position:0 0}
#block2 a,#block2 a:hover{height:62px;background-position:-49px 0}
#block3 a,#block3 a:hover{height:62px;background-position:-98px 0}
#block4 a,#block4 a:hover{height:62px;background-position:-147px 0}
#block5 a,#block5 a:hover{height:58px;background-position:0px -62px; }
#block6 a,#block6 a:hover{height:58px;background-position:-65px -62px; }
#block7 a,#block7 a:hover{height:58px;background-position:-130px -62px}
#block8 a,#block8 a:hover{height:52px;background-position:0px -120px}
#block9 a,#block9 a:hover{height:52px;background-position:-51px -120px}
#block10 a,#block10 a:hover{height:52px;background-position:-102px -120px}
#block11 a,#block11 a:hover{height:52px;background-position:-153px -120px}
#block12 a,#block12 a:hover{height:52px;background-position:-205px -120px}
#block13 a,#block13 a:hover{height:52px;background-position:-0px -172px}
#block14 a,#block14 a:hover{height:52px;background-position:-51px -172px}
#block1 a,#block2 a,#block3 a,#block4 a,#block5 a,#block6 a,#block7 a,#block8 a,#block9 a,#block10 a,#block11 a,#block12 a,#block13 a,#block14 a{background-position:1172px 0;}

/* Metraj Jadval */
.bordered {font-family:SamimBold; font-size:16px;   *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0; border: solid #ccc 1px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
    border-radius: 6px; -webkit-box-shadow: 0 1px 1px #ccc; -moz-box-shadow: 0 1px 1px #ccc; box-shadow: 0 1px 1px #ccc; direction:rtl;}
.bordered tr:hover {background: #fbf8e9; -o-transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out; 
	-moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;}      
.bordered td, .bordered th {border-left: 1px solid #ccc; border-top: 1px solid #ccc; padding: 10px; text-align: right;}
.bordered th {background-color: #4B4B4B;color:#FFF; border-top: none;}

/*********** facilities &  materials page ************/
.refah{ float:left; padding-right:10px;}
.refah1{ float:right; padding-left:10px;}
.masaleh{ float:right; padding-left:10px;}
.refah img{ display:block;}
.refah1 img{ display:block;}
.masaleh img{ display:block;}
#img_size{ max-width:260px; width:100%;}
#img_size2{ max-width:400px; width:100%;}
#emkanat img{width: 100%;-webkit-box-shadow: -11px 11px 8px -2px rgba(0,0,0,0.49);
-moz-box-shadow: -11px 11px 8px -2px rgba(0,0,0,0.49);
box-shadow: -11px 11px 8px -2px rgba(0,0,0,0.49);}
@media only screen and (max-width:860px){
	.refah{ float:none; padding:0 0 10px 0;}
	.refah img{ display:block; margin:auto;}
	.masaleh{ float:none; padding:0 0 10px 0;}
	.masaleh img{ display:block; margin:auto;}
	#emkanat .titr{ margin-bottom:15px;}
	#material .titr{ margin-bottom:15px;}
}
@media only screen and (max-width:500px){
	.refah1{ float:none; padding:0;}
	.refah1 img{ display:block; margin:auto;}
}
/********** gallery_list page *********/
.img_box{ width:31.3333%; height:209px; margin:0 1% 30px 1%; float:right;}
.img_box img{ width:100%; max-width:230px; display:block; margin:auto;}
.img_box>a{ display:block; height:160px;} 
.img_box>div{ max-width:230px;}
#box{ padding:0 50px; margin: 50px 0; background:#FFF; border:1px solid #ccc;}
@media only screen and (max-width:860px){
	.img_box{ width:48%;}
	#box{ padding:0 20px;}
}
@media only screen and (max-width:560px){
	.img_box{ width:100%;}	
}
@media only screen and (max-width:360px){
	#box{ padding:0 15px;}
}
/************ gallery page *************/
.slide_title{padding: 10px 20px; background: rgba(0, 0, 0, 0.8); color:#fff; font-family: SamimBold; font-size: 14px; direction: rtl; text-align:right; position:absolute; bottom:0; right:0; left:0; }
#image-gallery li{ position:relative;}
/*_____________ selectunits __________*/
#unit{ max-width: 900px; margin: 0 auto 50px auto; }
#map{ max-width:900px; height:420px; margin-bottom:50px; background:url(images/parts.png) no-repeat top right; position:relative; overflow:hidden;}
#map ol,ul{ list-style:none;} hr{display:none}
#resmap_ul{ display: none; }
#DIVblock img{ max-width: 100% !important; display: block; margin:auto; margin-bottom:10px;}
@media only screen and (max-width:930px){
	#map{ margin-bottom: 5px; height: 250px; background-position: 85% 40% !important; }
	#resmap_ul{ padding: 0; font-size: 0; display: block; }
	#resmap_ul li{ line-height: 30px; margin-bottom: 2px; font-size: 19px; background: #FFF; border: 1px solid #e2e2e2; border-radius: 5px; display: block; }
	#resmap_ul a{ padding: 2px 5px; display: block; }
	#map ul{ display: none; }
}

/************* selectmetraj page ***************/
.unit{ text-align:left;}
.bordered{ margin-bottom:40px;} 
@media only screen and (max-width:855px){ /************ responsive jadval safheye selectmetraj *****************/
    .bordered, .bordered tbody,.bordered tr,.bordered td{
        display: block !important;
    }
    .bordered tr:first-child{
        display: none !important;
    }
    .bordered tr{
        height: auto;
        margin-bottom: 10px;
    }
    .bordered td{
        width: auto;
        padding: 5px 10px;
        text-align: right;
        border-bottom: 1px solid #eeeeee !important;
    }
    .bordered td:nth-child(1):before {
        content: "ردیف: ";
        font-size: 18px;
        color: #196b36;
    }
    .bordered td:nth-child(2):before {
        content: "شناسه: ";
        font-size: 18px;
        color: #196b36;
    }
    .bordered td:nth-child(3):before {
        content: "بلوک: ";
        font-size: 18px;
        color: #196b36;
    }
    .bordered td:nth-child(4):before {
        content: "طبقه: ";
        font-size: 18px;
        color: #196b36;
    }
    .bordered td:nth-child(5):before {
        content: "نوع: ";
        font-size: 18px;
        color: #196b36;
    }
	.bordered td:nth-child(6):before {
        content: "تیپ واحد: ";
        font-size: 18px;
        color: #196b36;
    }
    .bordered td:nth-child(7):before {
        content: "ضریب مرغوبیت: ";
        font-size: 18px;
        color: #196b36;
    }
    .bordered td:nth-child(8):before {
        content: "متراژ: ";
        font-size: 18px;
        color: #196b36;
    }
    .bordered td:nth-child(9):before {
        content: "قیمت متری (ریال): ";
        font-size: 18px;
        color: #196b36;
    }
    .bordered td:nth-child(10):before {
        content: "قیمت کل (ریال): ";
        font-size: 18px;
        color: #196b36;
    }
    .bordered td:nth-child(11):before {
        content: "جزییات: ";
        font-size: 18px;
        color: #196b36;
    }
}
@media only screen and (max-width:480px){ 
	.unit{ text-align:right;}
}
/************ vahed page *************/
@media only screen and (max-width:500px){ /************ responsive jadval safheye selectmetraj *****************/
    .table_respon, .table_respon tbody,.table_respon tr,.table_respon td{
        display: block !important;
    }
	.table_respon td{ width:100%; text-align:center;}
}

/***** project page *****/
#project #galleryBox{ margin:50px 0; padding:50px; background:#fff; border: 1px solid #ccc; } 
#project #galleryBox h1{ line-height:35px; font-family: 'SamimBold'; font-size:22px;}
#project #galleryBox .imgBox{ width:31.3333%; height:200px; margin:1%; background-position:50% 30% !important; background-size:cover; background-repeat:no-repeat; float:right; cursor:pointer; transition:all 0.3s linear;}
#project #galleryBox .imgBox:hover{ opacity:0.7;}
#project #galleryBox video{ width:100%; margin-top:20px; padding:30px 1% 0 1%; border-top:2px solid #ccc;}
#project #galleryShow{ max-width: 100%; height:100vh; padding: 10px; background: rgba(0,0,0,.7); position: fixed; top: 0; bottom: 0; left: 0; right: 0; overflow: auto; transform-origin: 50% 0; opacity: 0; visibility: hidden; transition: all .5s linear; z-index: 9999; }
#project #galleryShowClose{ color: #FFF; font-size: 30px; line-height: 30px; cursor: pointer; transition: all .3s linear; }
#project #galleryShowClose:hover{ color: #05a421; } 
#project #galleryShowImg{ border: 3px solid #FFF; border-radius: 5px; background: #000; overflow: hidden; margin-top: 5px; position: relative; opacity: 1; transition: all .8s linear; }
#project #galleryShowImg img{ max-width: 100%; margin:auto; display: block; }
#project #galleryShowImg i{ width: 40px; height: 40px; margin: auto; line-height: 40px; text-align: center; font-size: 36px; color: #FFF; text-shadow: 0px 1px 2px #000; position: absolute; top: 0; bottom: 0; z-index: 12; cursor: pointer; opacity: 0; transition: all .3s linear; }
#project #galleryShowImg i:hover{ color: #05a421; }
#project #leftGallerySlide{ left: 0; }
#project #rightGallerySlide{ right: 0; }
#project #galleryShowInfo{ margin-top: 10px; color: #c2c2c2; text-align: left; }
#project #galleryShowTxt{ line-height: 30px; font-size: 18px; }
#project #galleryShowdetail{  line-height: 18px; font-size: 12px; }
#project #galleryShow.active{ opacity: 1; visibility: visible; }
@media only screen and (max-width:750px){
	#project #galleryBox .imgBox{ width:47%;}
}
@media only screen and (max-width:550px){
	#project #galleryBox .imgBox{ width:100%; margin:1% 0;}
	#project #galleryBox{ padding:20px 10px !important;}
}

.content-tabs{display: none;}
.shadetabs{
	padding: 0 0 10px 0;
	margin-left: 0;
	margin-top: 1px;
	margin-bottom: 6px;
	font: bold 12px;
	list-style-type: none;
	text-align: right; /*set to left, center, or right to align the menu as desired*/
	border-bottom: 2px solid #526458!important;
}
.shadetabs li{
	display: inline;
	margin: 0;
}
.shadetabs li a{
	text-decoration: none;
    position: relative;
    z-index: 1;
    padding: 6px 9px;
	margin: 5px 3px 2px 0;
    border: 1px solid #798680;;
    color: #f2f2f2 !important;
    display: inline-block;
    border-radius: 5px;
    text-align: center;
    font-family: Samim;
    background: #8f9f97;
	font-size: 14px;
	transition: all .5s;
	cursor: pointer;
}
.shadetabs li a:visited{
	color: #2d2b2b;
}
.shadetabs li a:hover{
	box-shadow: none;
}
.shadetabs li a.selected{ /*selected main tab style */
    color: #f3f3f3!important;
    background: #457666!important;
	text-shadow: 1px 1px 1px darkslategrey!important;
	border: 1px solid #3a6657 !important;
	box-shadow: none!important;
}
.shadetabs li a i{
	font-size: 10px;
	margin-left:2px;
	color:#F17370;
}
.spec_tour{
	background: green!important;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}
.tabcontent{
	display:none;
}
.tabOneLine{
	padding-bottom:1px!important;
	width:98%;
	margin: 0 auto 10px auto;
}
.tabOneLine li a{
	margin: 5px 0px 0px 0!important;
	border-radius: 5px 5px 0 0!important;
}
@media print {
	.tabcontent {
	display:block !important;
	}
}
.cnt-box{display: flex;margin:  140px auto;align-items: center;flex-direction: column;border-radius: 5px;padding: 45px 10px;width: 500px;background: #fffdfd4d;;}
.cnt-box a{padding:15px 30px;background: #407a4a;border-radius: 5px;font-size: 18px;color: white;cursor: pointer;margin: 0 5px;}
.cnt-box>p{padding: 0 0 30px;font-size: 16px;color: white;}
.stat-wrap{height:62px;width: 160px;margin:0 12px; border-radius:5px; padding:23px 20px;cursor: pointer;
text-align:center; position:relative; background-size:cover;}/*background:#55c5ca*/
.stat-wrap:hover b{background:#11a34b}
.cnt-box a{color:#FFCC00; font-family:'SamimBold'; font-style:normal;}
.cnt-box a{font-weight:normal;}
#stat-wrap-link,#stat-wrap-link,#midd-banner-link{position: absolute;left: 0;top: 0;width: 100%;height: 100%}
.cnt-box a{color:#fff; font-size:16px;height: 50px;display: flex;justify-content: center;align-items: center;
	position:absolute; left:calc(50% - 80px); bottom:calc(50% - 30px); line-height:28px; text-shadow:1px 1px 0px rgba(0,0,0,.5);
	background:#318252; padding: 5px 15px; border-radius: 5px; border:1px solid rgba(0,0,0,.1); min-width:160px;transition: all 0.2s;}
.cnt-box a{color: white!important;font-family: SamimBold;font-size: 18px;}
.cnt-box a i{font-size:9px; padding-left:3px;}

/*****************namayesh mored*****************/
.notif{width: 100%;}
.notif>div{width: 100%;border: 1px dashed #526458;border-radius: 3px;background: #52645826}
.notif>div>p{padding: 10px 20px;line-height: 28px;}
.notif a{background: #156c15;width: 120px;text-align: center;padding: 5px 12px;border-radius: 3px;border: none;font-family:Samim;color:white;font-size:14px;margin: 4px auto 4px 0;display: block}
.box-sell{display: flex;flex-wrap: wrap;}
.box-sell>div{display: flex;margin:25px 15px;width: 45%;min-width: 400px;flex-wrap: wrap;}
.box-sell>div>div:first-child{width:180px;height: auto;background: #ddd;margin-left: 25px;position: relative;}
.box-sell>div>div:last-child{min-width: 180px;}
.box-sell p{line-height: 40px;}
.box-sell p span{font-family: SamimBold;}
.box-sell>div>div:nth-child(2) a{background: #b6967b;border: 1px solid #b6967b;padding:6px 12px;border-radius: 3px;font-family:Samim;color:white;font-size:12px;margin:4px 0;display: block;text-align: center;width: 115px;transition: all .2s}
.box-sell>div>div:first-child >a{position: absolute;top: 0;left: 0;width: 100%;height: 100%}
/*.box-sell :first-child a{position: absolute;top: 0;left: 0;width: 100%;height: 100%}*/
.box-sell>div>div:nth-child(2) a i{margin-right: 4px;}
.box-sell>div>div:nth-child(2) a:hover{background:#c4af9d; }
.box-sell img{width: 100%;height: 100%;border-radius:5px;}
.more-sell{display: block;margin: 15px auto;background: #e9be91;border: 1px solid #d9b188;padding: 2px 20px;border-radius: 0 0 5px 5px;color: white;font-size: 26px;cursor: pointer;transition: all .2s;}
.more-sell:hover{background: transparent;color:#e9be91; }
@media only screen and (max-width:480px){
	.box-sell>div{min-width: 320px;width: 100%;}
	
}
/*****************details*****************/
.disc_vahed p{line-height: 35px;}
.disc_vahed p span{font-family: SamimBold;}
.details{display: flex;flex-wrap: wrap;}
.ax_vahed{width: 50%;min-width: 350px;}
.plan{width: 70%;display: flex;justify-content: center;align-items: center;margin: 30px auto 0;}
.plan img{width: 100%;height: auto;}