/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Dec 7, 2015, 12:03:01 AM
    Author     : 2teeeee
*/


@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: bold;
	src: url('../fonts/eot/IRANSansWeb_Bold.eot');
	src: url('../fonts/eot/IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff2/IRANSansWeb_Bold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/woff/IRANSansWeb_Bold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/ttf/IRANSansWeb_Bold.ttf') format('truetype');
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/eot/IRANSansWeb_Medium.eot');
	src: url('../fonts/eot/IRANSansWeb_Medium.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff2/IRANSansWeb_Medium.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/woff/IRANSansWeb_Medium.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/ttf/IRANSansWeb_Medium.ttf') format('truetype');
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/eot/IRANSansWeb_Light.eot');
	src: url('../fonts/eot/IRANSansWeb_Light.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff2/IRANSansWeb_Light.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/woff/IRANSansWeb_Light.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/ttf/IRANSansWeb_Light.ttf') format('truetype');
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 200;
	src: url('../fonts/eot/IRANSansWeb_UltraLight.eot');
	src: url('../fonts/eot/IRANSansWeb_UltraLight.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff2/IRANSansWeb_UltraLight.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/woff/IRANSansWeb_UltraLight.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/ttf/IRANSansWeb_UltraLight.ttf') format('truetype');
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/eot/IRANSansWeb.eot');
	src: url('../fonts/eot/IRANSansWeb.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff2/IRANSansWeb.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/woff/IRANSansWeb.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/ttf/IRANSansWeb.ttf') format('truetype');
}


*{font-family:IRANSans;font-size:14px;}
body{background:#FFFFFF;margin:0;padding:0;direction:rtl;}
h1, h2, h3, h4, h5, h6,input, textarea {
	font-family: IRANSans !important;
}
h1{font-weight: bold;font-size:1.1em}
h2{font-weight: 500;font-size:1em}
h3{font-weight: 300;}
h4{font-weight: 200;}
h5{font-weight: normal;}

h1{font-size:20px;margin:0;}
h2{font-size:18px;margin:0;}
h3{font-size:16px;margin:0;}
img{border: 0;}
a{text-decoration:none;color:#000000;font-weight:bold;}
a:hover{color:#777777;}
.clear{clear:both;}
.show{display:block;}
.hide{display:none;}
.container{margin:0;padding:0;width:100%;}
li{list-style: none}
.wait {
    position: fixed;
    z-index: 500;
    width: 100%;
    height: 100%;
    background: rgba(200,200,200,0.5) url(../image/loading2.gif) no-repeat center;
    display: none;
}
.pc{display: block;}
.mob{display: none;}

div.flash-error, div.flash-notice, div.flash-success{padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
div.flash-error{background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
div.flash-notice{background:#FFF6BF;color:#514721;border-color:#FFD324;}
div.flash-success{background:#E6EFC2;color:#264409;border-color:#C6D880;}
div.flash-error a{color:#8a1f11;}
div.flash-notice a{color:#514721;}
div.flash-success a{color:#264409;}
.header{width:100%;float: right;position:relative;background:url(../image/header-back.png) no-repeat top center;}
.header .logo{width:436px;height:117px;margin:15px auto 0 auto;}
.header .logo img{width:100%;}
.header-flag{position: absolute;left:65px;bottom: 30px;}
.header-flag a{float:left;margin:1px;}

.main-menu{width:100%;float:right;}
.main-menu .menu-btn{margin: 3px 5px;float:right;}
.main-menu .menu-btn a{margin: 4px;}
.main-menu .search{float:left;width:260px;height:36px;}
.main-menu .search .search-logo{float:left;margin:0 0 0 20px;}
.main-menu .search form{float:left;margin:5px 0 0 0;}
.main-menu .search input{float:left;}
.main-menu .search .search-text{width:70px;height:16px;padding:2px;background:#CCFFFF;margin:1px 2px;float:left;border-radius: 2px;}
.main-menu .search .search-btn{width:25px;height:25px;background:url(../image/search-btn.png) no-repeat center;border:none;} 

.btn-green{color:#56AB2C;}

.menu-mobile{display:none;}

.footer{width:100%;height: 111px;padding:14px 0 10px 0;background:#050F36;position: relative;float:right;}
.footer .content{width: 100%; height: 109px;border-top: 1px dotted #FFFFFF;border-bottom: 1px dotted #FFFFFF;}
.footer .social{position:absolute;height: 47px;padding:0 5px;left: 55px;top:-20px;background: url(../image/back-social.png) repeat-x bottom;}
.footer .social a{float:left;margin:0 5px;}
.footer .footer-menu{margin: 40px auto 0 auto;width:400px;}
.footer-menu a{float:right;color:#9D9B86;}
.footer-menu a:hover{color:#C5C3AE;}
.footer-menu .h-line{width:2px;height:14px;margin:4px 8px;;background:#9D9B86;float:right;}
.copyright{margin: 10px auto 0 auto;width:184px;color:#8299CF;font-size: 12px;}
.copyright span{float:left;}
.copyright a{float:left;color:#8299CF;}
.copyright a:hover{color:#9BB4F1;}
.copyright .h-line{width:2px;height:14px;margin:4px 8px;;background:#8299CF;float:left;}

.main-content{width:100%;min-height:300px;margin-bottom:20px;float:right;}

.sale_btn{
    width: 150px;
    height: 28px;
    padding: 13px 0;
    background: #09cf2d;
    color: rgb(255,255,255);
    font-size: 13px;
    display: block;
    border-radius: 5px;
    text-decoration: none;
    text-align: center;
    margin: 10px 0;
    box-shadow: 0px -3px 0px 0px #9EE9AC inset;
    
}
.sale_btn:hover{
    background: rgb(0,233,42);
}

.price{margin: 10px;font-size: 15px;font-weight:bold;}

.links-job{width: 888px;margin: 10px auto;}
.links-job a{float:right; margin: 15px 30px;width:235px;}
.link-job-text{width:112px;float:right;font-size:18px;margin:25px 0;font-weight:bold;}
.links-job img{width:90px;}

.main-line{width:90%;height:3px;background: rgba(248,248,248,1);
background: -moz-linear-gradient(left, rgba(248,248,248,1) 0%, rgba(0,153,153,1) 30%, rgba(0,153,153,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(248,248,248,1)), color-stop(30%, rgba(0,153,153,1)), color-stop(100%, rgba(0,153,153,1)));
background: -webkit-linear-gradient(left, rgba(248,248,248,1) 0%, rgba(0,153,153,1) 30%, rgba(0,153,153,1) 100%);
background: -o-linear-gradient(left, rgba(248,248,248,1) 0%, rgba(0,153,153,1) 30%, rgba(0,153,153,1) 100%);
background: -ms-linear-gradient(left, rgba(248,248,248,1) 0%, rgba(0,153,153,1) 30%, rgba(0,153,153,1) 100%);
background: linear-gradient(to right, rgba(248,248,248,1) 0%, rgba(0,153,153,1) 30%, rgba(0,153,153,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#ba0000', GradientType=1 );}

.btn-more{
    background: #BA0000;
    width: auto;
    padding: 3px 12px;
    border-radius: 3px;
    color: #FFF;
}
.btn-more:hover{
    background: #dddddd;
    width: auto;
    padding: 3px 12px;
    border-radius: 3px;
    color: #000;
}




.page{margin: 20px 2%;width:96%;min-height:300px;}

.breadcrumbs{width:96%;margin:10px 2%;float:right;}
.breadcrumbs span{float:right;margin: 0 5px;}

.items{width:100%;float:right;}
.category_list{width:25%;height:500px;margin: 10px 4%;float:right;}
.category_list img{width:90%;margin:10px 5%;}

.category_list h1{width:100%;text-align:center;}
.category_list .category-link{width:90%;height:20px;float:right;margin:0 5%;text-align:left;display:block;direction:ltr}
.category_list .category-link:hover{color:rgb(198,53,53);}

.product-list{width:25%;height:300px;margin: 10px 4%;float:right;}
.product-list:hover{color:rgb(198,53,53);}
.product-list img{width: 100%;margin:10px 5%;}
.product-list h2{width:100%;text-align:center;}

.product-title{width:98%;float:right;margin: 10px 1%;}
.product-right{width:70%;float:right;}
.product-left{width:30%;float:right;}
.product-left .main-img{width:90%;margin:10px 5%;}

.tab-btn{width:90%;float:right;padding:10px 0;border-bottom:1px solid #AEAEAE;}
.tab-btn a{width:150px;height:25px;padding:5px 15px;text-align:center;font-size:20px;border:1px solid #AEAEAE;border-radius:3px;}
.tab-btn-link{background: rgba(252,252,252,1);
background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(226,226,227,1) 53%, rgba(207,206,222,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252,252,252,1)), color-stop(53%, rgba(226,226,227,1)), color-stop(100%, rgba(207,206,222,1)));
background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(226,226,227,1) 53%, rgba(207,206,222,1) 100%);
background: -o-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(226,226,227,1) 53%, rgba(207,206,222,1) 100%);
background: -ms-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(226,226,227,1) 53%, rgba(207,206,222,1) 100%);
background: linear-gradient(to bottom, rgba(252,252,252,1) 0%, rgba(226,226,227,1) 53%, rgba(207,206,222,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#cfcede', GradientType=0 );}
.tab-btn-sel{background: rgba(244,88,88,1);
background: -moz-linear-gradient(top, rgba(244,88,88,1) 0%, rgba(206,34,34,1) 53%, rgba(184,4,4,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(244,88,88,1)), color-stop(53%, rgba(206,34,34,1)), color-stop(100%, rgba(184,4,4,1)));
background: -webkit-linear-gradient(top, rgba(244,88,88,1) 0%, rgba(206,34,34,1) 53%, rgba(184,4,4,1) 100%);
background: -o-linear-gradient(top, rgba(244,88,88,1) 0%, rgba(206,34,34,1) 53%, rgba(184,4,4,1) 100%);
background: -ms-linear-gradient(top, rgba(244,88,88,1) 0%, rgba(206,34,34,1) 53%, rgba(184,4,4,1) 100%);
background: linear-gradient(to bottom, rgba(244,88,88,1) 0%, rgba(206,34,34,1) 53%, rgba(184,4,4,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f45858', endColorstr='#b80404', GradientType=0 );color:#FFFFFF;}
.tab-box{width:100%;float:right;}
.tab-box-detail{width:90%;}

.crousel{margin: 10px 0;}
.contentText{width:454px;height:230px;border:5px solid #FFFFFF;border-radius:18px;float:right;margin:10px 18px;position:relative;}
.link-column{width:195px;height:210px;margin:10px 25px 10px 5px;background:#FFFFFF;float:right;}
.link-title{width:41px;height:182px;background:url(../image/link-title.png) no-repeat;position:absolute;right:-5px;top:25px;}
.news-column{width:195px;height:210px;margin:10px 10px 10px 20px;background:#FFFFFF;float:right;}
.news-title{width:41px;height:182px;background:url(../image/news-title.png) no-repeat;position:absolute;left:-5px;top:25px;}
.link-column a{width:85%;margin:3px 10% 0 5%;display:block;}
.news-column a{width:85%;margin:3px 5% 0 10%;display:block;}
.link-column a:hover,.news-column a:hover{color:#666666;}
.request-title{width:41px;height:182px;background:url(../image/request-title.png) no-repeat;position:absolute;right:-5px;top:25px;}
.req-title{width:59px;height:182px;background:url(../image/req-title.png) no-repeat;position:absolute;left:25px;top:-5px;}
.page-news-title{padding: 5px 5px 5px 20px; border-bottom: 3px solid #298F5C;float:right;}

.form-req{position:relative;width:315px;height:210px;margin:10px 45px 0 0;}
.form-req label{width:85px;display:block;color:#FFFFFF;}
.form-req .textf{width:90%;border-radius:5px;}
.form-req .textfa{width:89%;border-radius:5px;height:60px;margin-top:5px; }
.form-req .btn-sub{position:absolute;width:103px;height:23px;background:url(../image/btn-sub.png) no-repeat;border:none;bottom:-15px;left:-90px;}

.col-title{width:40%;display:block;float:right;padding:5px 2%;text-align:center;border-left:1px solid #a1a1a1;border-right:1px solid #a1a1a1;}
.col-detail{width:50%;display:block;float:right;padding:5px 2%;text-align: right;text-align:center;}
.oddc{background:#D1D1D3;}
.evenc{}

.news_list{width:100%;float:right;display:block;border-bottom:1px solid #EEEEEE;margin-bottom:7px;border-radius:5px;}
.news_list:hover{border-bottom:1px solid #298F5C;background:#d3d3d3;}
.news_list img{width:150px;height:100px; margin:7px;float:right;}
.news_list h1,.news_list h3{width:70%;float:right;text-align: justify}

.col-right{width:50%;margin:10px 0;float:right;}
.col-left{width:40%;margin:10px 5%;float:right;}

.col-spec{
    width: 25%;
    margin: 5px 1%;
    padding: 10px 15px;
    border: 1px solid #565e7b;
    border-radius: 5px;
    float: right;
}
.col-spec-title{
    background: #050f36;
    text-align: center;
    color: #FFF;
    padding: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
@media (min-width:1024px) and (max-width:1366px){

}

@media (min-width: 768px) and (max-width: 1024px) {

}
@media (max-width: 768px) {
    .main-menu .search {float: none;margin: 0 auto;}
    
    .header-flag{position: relative;left: 20px;bottom: 0;float:left;}
    .footer .social {position: absolute;left: 35px;}
    .footer .footer-menu {width: 280px;}
    .footer-menu a {font-size: 10px;}
    .copyright {width: 300px;}
    .copyright span {font-size: 10px;}
    .copyright a {font-size: 10px;}
    .col-right{width: 100%}
    .col-left{width: 100%}
    .header .logo{width:100%;max-width: 436px;}

    .pc{display: none;}
    .mob{display: block;}
}