﻿/* Global Styles */
@charset "utf-8";
/* CSS Document */

@font-face {
 
	font-family:'IRANSansWeb_Light';
    src: url('fonts/IRANSansWeb_Light.eot');
    src: url('fonts/IRANSansWeb_Light.eot@#iefix') format('embedded-opentype'),
         url('fonts/IRANSansWeb_Light.woff') format('woff'),
         url('fonts/IRANSansWeb_Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
	
}
.white{color:white;}
body {
background-color:#F2F2F2;
font-family:'IRANSansWeb_Light';
font-size:16px;
 
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6
{
  font-family: 'IRANSansWeb_Light',Arial,sans-serif;

    text-align: justify;
    font-size: 13pt;
   

}
#page-wrapper {
  width: 100%;
  padding: 5px 15px;
}

 .nopadding1 {
   }
   .row.no-gutter {
  margin-left: 0;
  margin-right: 0;
}

.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) {
  padding-right: 2px;
  padding-left: 2px;;
}
 .m2{
	margin-top:-17px;
}    
 
  .m1{
	border-color:black;
	margin-top:4px;
}


.white{color:white;}

.menuDivider
{
    margin-top:6px;
    height:8px;
    color:White;
}
.farsi
{
    direction:rtl;
    float:right;
    }
 .lineHeight
 {
     line-height:normal;
     margin-bottom:auto;
     }
	 .navbar-inverse {
    background-color: #363636;
    border-color: #363636;
}
.ic_container{
    vertical-align:baseline;
    margin:10px;
    position:relative;
    /*-moz-border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    -moz-box-shadow: 0 1px 3px #888;
    -webkit-box-shadow: 0 1px 3px #888;*/
}
.overlay{
    opacity:0.3;
    position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}
.ic_caption{
    position:absolute;    
    opacity:0.6;   
    overflow:hidden;
    margin:0px;
    padding:0px;
    left:0px;
    right:0px;
    cursor:default;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
.ic_category{
    text-transform:uppercase;
    font-size:11px;
    letter-spacing:3px;
    padding:5px;
    margin:0px;
}
.ic_caption h3{
    padding:0px 5px 5px 5px;
    margin:0px;
    font-size:18px;
}
.ic_text{
    padding:5px;
    margin:0px;
    text-align:justify;
    font-size:11px;

}
/*///////////////////////////////////////////////////*/
.showcolor 
{
    height:10px;
    width:10px;
    border:1px solid black;
    display:block;
}
.green
{
     font-size:14px;
     color:green;     
}
.red
{
     font-size:12px;
     color:red;
}
.error
{
     font-size:14px;
     color:red;
}
.productTitle {
    font-size:13px;
     line-height: 1.5;
     padding:0px 5px 5px 5px;
     margin-bottom: 0px;
}
.border1 {
      
    border:1px solid gray;
 
}
.bgwhite {
    background-color:white;
}


.dxgvControl { background: #FFFFFF !important; }
.rounded1{
	border:0px;
	border-radius: 12px;
	background-color:transparent;
	margin-top:5px;
}
.rounded2{
	border:0px;
	border-radius: 7px;
	background-color:transparent;
	margin-top:40px;
}

.heading-panel{
	padding:20px;
	
	color:#959595;
	font-size:12px;
}

.cm-heading{
	color:#000;
	font-size:16px;
	text-aligncen
}

.navbar-default .navbar-nav > li > a {
    color: #fff;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: #fff;
    background-color:#e0a70f;
	margin:2px;
}

.img-prd {
    width: 100%;
    height: 100%;
}

.arrow {
    color: black;
    font-size: 28px;
    height: 45%;
}

.box-price {
    background-color: #999999;
    padding-right: 4px;
    padding-left: 4px;
    padding-top: 1px;
    padding-bottom: 1px;
    height: auto;
}

    .box-price span {
        color: white;
        font-family: IRANSansWeb_Light;
        font-size: 12px;
    }

.box-title {
    background-color: #999999;
    padding-right: 4px;
    padding-left: 4px;
    padding-top: 1px;
    padding-bottom: 1px;
    height: auto;
}

    .box-title span {
        color: white;
    }

.box-prd {
    background-color: #f0ede6;
}


.prd a {
    color: white;
}

    .prd a:hover {
        color: #c52738;
    }

.box-prd img {
}

.menuBg {
    background-color: #ECEFE4;
    padding: 1px 2px 1px 1px;
}

.toplist {
    margin-top: -5px;
    margin-bottom: 0px;
}

table, td, tr {
    border: 0px;
}

.rightmenu li {
    list-style: none;
    border-bottom: 1px solid #999999;
    margin-right: 1px;
    padding: 10px;
    background-image: url("img/arrow-smal-left.png");
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;
}

.dxgvControl a {
    color: #333333;
}

    .dxgvControl a:hover {
        color: #C52738;
    }

.dxgvTable {
    border: 0px;
    background-color: #ECEFE4;
}

.dxdvItem, .dxdvFlowItem {
    border: 0px;
    background-color: #fff;
    padding: 5px;
    height: 220px;
    margin: 5px;
}

.bgGray {
    background-color: #F2F2F2;
}

.bgContainer {
    background: #DBDBDB;
}

.bgwhite {
    background: #fff;
}

.paddingThin {
    padding: 5px 10px 5px 3px;
}

.bgwhite {
    background-color: #fff;
}

.row-full {
    margin-right: -15px;
    margin-left: -15px;
}

.panel-title {
    padding-top: 1px;
    margin-bottom: 3px;
    font-size: 14px;
}
.panel-heading{
  font-size: 16px;
font-family: 'IRANSansWeb_Light';
		
}
 
.panel .panel-heading-red, .panel .panel-heading {
     background-color: none !important;
    border: 0 !important;
    background-repeat: no-repeat;
    background-position: right;
    font-size: 16px;
    font-family: 'IRANSansWeb_Light';
    color: #000;
    padding: 5px 15px 5px 20px;
    padding-right: 10px;
    border: 0px;
	border-radius:10px 10px 0px 0px;
}
.panel .panel-heading-black, .panel .panel-heading {
     background-color: none !important;
    border: 0 !important;
    background:#363636;
    background-repeat: no-repeat;
    background-position: right;
    font-size: 16px;
    font-family: 'IRANSansWeb_Light';
    color: #fff;
    padding: 5px 15px 5px 20px;
    padding-right: 10px;
    border: 0px;
}
.panel
{
background-color:#DBDBDB;
border:0px;	
padding:5px;
margin-bottom: 0px;
}
.panel.rounded{
	border-radius:7px;
}
.panel .panel-heading-violet, .panel .panel-heading {
     background-color: none !important;
    border: 0 !important;
    background:#5a25a8;
    background-repeat: no-repeat;
    background-position: right;
    font-size: 16px;
    font-family: 'IRANSansWeb_Light';
    color: #fff;
    padding: 5px 15px 5px 20px;
    padding-right: 10px;
    border: 0px;
}

.panel .panel-heading, .panel .panel-heading {
     background-color: none !important;
    border: 0 !important;
    background:#fff;
    background-repeat: no-repeat;
    background-position: right;
    font-size: 16px;
    color: #454545;
    padding: 20px 15px 5px 20px;
    padding-right: 10px;
  
}


.panel .panel-heading-blue {
    background-color: none !important;
    border: 0 !important;
    background: url('../img/hd-blue.png') no-repeat #F3F3F3;
    background-repeat: no-repeat;
    background-position: right;
    font-size: 16px;
    font-family: 'IRANSansWeb_Light';
    color: #fff;
    padding: 1px 1px;
    padding-right: 10px;
    border: 0px;
}

.panel .panel-heading-green {
    background-color: none !important;
    border: 0 !important;
    background:  #1fb392;
    background-repeat: no-repeat;
    background-position: right;
    font-size: 16px;
    font-family: 'IRANSansWeb_Light';
    color: #fff;
    padding-right: 10px;
    border: 0px;
padding: 5px 10px 5px 20px;
}


.thumbnail {
    padding: 0px;
    line-height: 1.5;
   background-color:white;
  
    border-radius:8px;
    transition: all 0.2s ease-in-out 0s;
    max-width: 100%;
    height: auto;
    display: block;
    -webkit-box-shadow: inset 0px 0px 1px #333333;

}
.thumbnailNoshadow {
    padding:1px;
    margin: 5px 5px 5px 5px;
    line-height: 1.42857;
    background-color: #FFF;
    border: 1px solid #DDD;
      border-radius:8px;
    transition: all 0.2s ease-in-out 0s;
    max-width: 100%;
    height: auto;
    display: block;
    -webkit-box-shadow: inset 0px 0px 2px #333333;
    -moz-box-shadow: inset 0px 0px 2px #333333;
    box-shadow: inset 0px 0px 2px #333333;
}
.thumbnailNoshadow p{
     padding:5px;
}  

p {
    font-size: 8pt;
    font-weight: normal;
}

.container-fluid .row {
    padding-right: 7.8%;
    padding-left: 7.8%;
}

.boxshadow {
    box-shadow: inset 0px 0px 1px #aaaaaa;
}



.panel .panel-body {
    -webkit-box-shadow: 2px 2px 2px #aaaaaa;
    -moz-box-shadow: 2px 2px 2px #aaaaaa;
    box-shadow: 1px 0px 3px #AAA;
	padding:10px;
}
.panel-product-footer {
    padding: auto 15px;
    border-top: 1px solid #be1745;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    color: #fff;
}
.nomargin{margin:0px}
 
 .noboxshadow {
    box-shadow: 0px 0px 0px #aaaaaa;
}
 .panel {
   
border-radius: 0px;


}

.cm-nav {
	background: url('../img/hd.jpg');
  background-repeat: no-repeat;
     font-family: 'IRANSansWeb_Light';
	 padding:20px 30% 0px 50px;

     background-color:#363636;
    background-position: right; 
	font-size:16px;
}
.navbar-inverse .navbar-nav > li > a {
    color: #fff;
}
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
    color: #ccc;
    background-color: transparent;
}

.footer{
color:#fff;
font-size:12px;
padding: 50px 100px 50px;	
border-top: 5px solid #EEB30F;
font-style: normal;
background-color:#707D94;
}
.footer a{
	color:#fff;
}
.copyright{
	text-align:center;
}
.brand{
margin-right:-170px;
padding-left: 100px;
}
.footer-text{
font-family:'IRANSansWeb_Light';
font-size:12px;
padding-top: 10px;

}
.header-footer-text{
font-size:18px;
padding-bottom: 10px;	
border-bottom:2px solid #fff;	
margin-right: -15px;
}
.product-panel{
border:2px solid #e1e1e1;
padding: 5% 5% 0% 5%;
background-color:#fff;
background:url('../img/hd-new-product.png') no-repeat scroll 100% 0%  #FFF ;
border-radius: 20px 0px 0px 0px;
box-shadow: 0px 1px 2px #aaa;
}
.product-img{
padding:30px;

}
.basket{
border-radius: 20px 0px 20px 0px;
box-shadow: 0px 1px 2px #333;
padding:10px;	
}
.info-product{
margin-bottom:10px;	
}
.info-product{
border-radius: 20px 0px 0px 0px;
}
.info-product-right{
background-color:#CCCCCC;
padding:20px;
border-radius: 0px 0px 20px 0px;
}
.info-product-left{
background-color:#E1E1E1;
padding:20px;
border-radius: 20px 0px 0px 0px;
}
.discussion-product{
	background-color:#E1E1E1;
	border-radius: 20px 0px 20px 0px;
	padding:20px;
	margin-bottom: 20px;
}
.comment-product{
	background-color:#E1E1E1;	
	border-radius: 20px 0px 20px 0px;
	padding:20px;
}
.panel-product{
border-top-left-radius: 20px;	
box-shadow: 0px 1px 2px #aaa;	

text-align: center;	
background-color: #fff;
}
.panel-product-side{
border-radius: 0px 20px 0px 0px;	
box-shadow: 0px 1px 2px #aaa;	
margin-bottom:0px;
text-align: center;	
background-color: #fff;
}
.product-footer-right{
	background-color:#BE1745;
	border-radius: 0px 0px 20px 0px;	
	padding:1px;
    color:white;
    height:40px;
}
.product-footer-left{
	background-color:#5D5D5D;
	border-radius: 0px 0px 0px 20px;
padding:10px;	
height:40px;
	}
.product-footer {
color:#fff;

}
.product-text{
padding:30px
color:#363636;

}
/*slider cm*/
.carousel-caption {
	background-color:rgba(219,219,219,0.9);
    position: absolute;
    font-size: 11px;
    font-family: 'IRANSansWeb_Light';
    bottom: 20px;
    z-index: 10;
    color:#333;
    text-align: center;
   text-shadow: 0 0px 0px rgba(0,0,0,.6);
	}
	.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0px;
    background-color: #EEB30F;
}
.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: transparent;
    border-radius: -10px;
}

/*color-nav*/

}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
    color: #FFF;
    background-color:#930047;
}


.product-overlay hover: {
    margin-top: 0px;
    width: 220px;
    color: #BE1745;
    margin-left: -2px;
    position: relative;
}

/*cm pagination*/
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #BE1745;
    border-color: #BE1745;
    border-radius: 50px;
    margin: 5px;}
	
	.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #fff;
    text-decoration: none;
    background-color: #5D5D5D;
    border: 1px solid #5D5D5D;
    border-radius: 50px;
    margin: 5px;
}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    z-index: 2;
    color: #5D5D5D;
    background-color: #9A9A9A;
    border-color: #9A9A9A;
}




/*/cm*/
.social{
margin-left:10px		
}
.social a{
		color:#fff;
	padding:10px;
}

/*overlay*/
/* Caption Style 3 */
.cs-style-3 figure {
	overflow: hidden;
}

.cs-style-3 figure img {
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}

.no-touch .cs-style-3 figure:hover img,
.cs-style-3 figure.cs-hover img {
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	transform: translateY(-50px);
}

.cs-style-3 figcaption {
	height: 100px;
	width: 100%;
	top: auto;
	bottom: 0;
	opacity: 0;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	transition: transform 0.4s, opacity 0.1s 0.3s;
}

.no-touch .cs-style-3 figure:hover figcaption,
.cs-style-3 figure.cs-hover figcaption {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
}

.cs-style-3 figcaption a {
	position: absolute;
	bottom: 20px;
	right: 20px;
}

.grid {
	padding: 20px 20px 100px 20px;
	max-width: 1300px;
	margin: 0 auto;
	list-style: none;
	text-align: center;
}

.grid li {
	display: inline-block;
	width: 440px;
	margin: 0;
	padding: 20px;
	text-align: left;
	position: relative;
}

.grid figure {
	margin: 0;
	position: relative;
}

.grid figure img {
	max-width: 100%;
	display: block;
	position: relative;
}

.grid figcaption {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px 0px 20px 0px;
    background: #2c3f52;
    color: #ed4e6e;
    text-align: center;
}

.grid figcaption h3 {
	margin: 0;
	padding: 0;
	color: #fff;
	border-bottom: 1px solid #fff;
}

.grid figcaption span:before {
	content: 'by ';
}

.grid figcaption a {
	text-align: center;
	padding: 5px 10px;
	border-radius: 2px;
	display: inline-block;
	background: #ed4e6e;
	color: #fff;
}
/* ========================================================================
 Component:product
 ========================================================================== */
.our-team {
  background: #eee;
}
.our-team .team-member {
  border: 1px solid #BE1745;
  width: 220px;
  height: 300px;
  overflow: hidden;
}
.our-team .team-member:hover > .team-overlay {
  margin-top: -297px;
  transition: all .85s;
}
.our-team img {
  width: 100%;
}
.our-team .team-overlay {
  margin-top: 0px;
  width: 220px;
  color:#BE1745;
  margin-left: -2px;
  position: relative;
}
.our-team .team-overlay .info {
  height: 240px;
  padding: 100px 20px 20px 20px;
  background: rgba(0,137,137,0.8) 
}
.our-team .team-overlay .learn-more {
  height: 60px;
  line-height: 60px;
  width: 100%;
  text-align: center;
  background: #FFF;
  position: relative;
  cursor: pointer;
}
.our-team .description {
  padding: 40px 0;
}
.our-team .description h3 {
  text-transform: uppercase;
}
.our-team .description .about {
  font-size: 14px;
  color: #555;
}
.our-team .description .member-skill {
  display: inline-block;
}

.thumbnail a > img, .thumbnail > img {
    border-radius: 7px 7px 0px 0px !important;
}
.green-border{
	border-right: 6px solid #ACD68A;
}
.red-border{
	border-right: 6px solid #BB3F3D;
}
.yellow-border{
	border-right: 6px solid #E7DB09;
}
.center{
	text-align:center;
}
/**************************commercial-panel*************************/

.commercial-panel{
	background-color:#707D94;
	border-radius: 7px;
	padding:20px;
	text-align:center;
	color:#fff;
	margin:10px 2px;
}
/**************************left-sidet*************************/
.panel-gray{
     background-color: none !important;
    border: 0 !important;
    background:#dbdbdb;
    background-repeat: no-repeat;
    background-position: right;
    font-size: 14px;
    font-family: 'IRANSansWeb_Light';
    color: #fff;
    padding: 2px 20px;
    border: 0px;
	border-radius:7px;
	margin:20px 5px;
}
.heading-text {
    color: #000;
    margin-top: -30px;
    font-size: 20px;
    padding-right:10%;
}

/**************************left-caption*************************/
.rounded-left{
	border-radius:7px !important;
	margin: 0px 2px 0px 12px;
}
.rounded-footer{
	border-radius: 7px 7px 0px 0px !important;

}
.rounded-left.thumbnail a > img, .rounded-left.thumbnail > img {
    border-radius: 7px 0px 0px 7px !important;
	
}
 .caption.caption-left{
	padding:0px 20px;
}

.panel-left{
	margin-top: 5px;
	margin-right: -10px;
}
/**************************rounded*************************/
.rounded-img.thumbnail a > img, .rounded-img.thumbnail > img {
    border-radius: 7px !important;
	background-color:transparent;
}
/**************************fa*************************/

.cm-gray{
	color:#868686;
	margin-top: -30px;
	
	}
	
/**************************ftoggle*************************/	
	.navbar-default .navbar-toggle {
    border-color: transparent;
}
.navbar-toggle {
    float: right;
    text-align: center;
}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 50%;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border-radius: 4px;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;
}
/***********************************************************/
.carousel {
   
    border-radius: 7px;
}
.carousel-inner{
	 border-radius: 7px;
}
.panel-heading.news{
	background-color:#707D94;
	color:#fff;
	border-radius: 7px 7px 0px 0px;
	
}
.panel-heading.notification{
	background-color:#CD4748;
	color:#fff;
	border-radius: 7px 7px 0px 0px;
	
}
.panel.news{
	background-color:#fff;
}
.media, .media-body {
padding:5px 10px 10px 5px;
}
.media{
	border-bottom: 1px solid #c5c5c5;
}
.media.non-border{
	border-bottom: 0px solid #c5c5c5;
}


/*************************social-sidebar**************************/
#social-sidebar{left:0;margin-top:-75px;position:fixed;top:50%;}
#social-sidebar li:first-child a{border-radius:0 5px 0 0;}
#social-sidebar li:last-child a{border-radius:0 0 5px 0;}
#social-sidebar a{background:#707D94;color:#fff;display:block;height:50px;font-size:18px;line-height:50px;position:relative;text-align:center;width:50px;box-shadow:2px 2px 5px rgba(0, 0, 0,0.5);}
#social-sidebar a:hover span{left:130%;opacity:1;}
#social-sidebar a span{border-radius:3px;line-height:24px;left:-100%;margin-top:-16px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;padding:4px 8px;position:absolute;-webkit-transition:opacity .3s, left .4s;-moz-transition:opacity .3s, left .4s;-ms-transition:opacity .3s, left .4s;-o-transition:opacity .3s, left .4s;transition:opacity .3s, left .4s;top:50%;white-space:nowrap;z-index:-1;}
#social-sidebar a span:before{content:"";display:block;height:8px;left:-4px;margin-top:-4px;position:absolute;top:50%;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);width:8px;z-index:-2;}
#social-sidebar a[class*="twitter"]:hover,
#social-sidebar a[class*="twitter"] span,
#social-sidebar a[class*="twitter"] span:before{background:#55acee;}
#social-sidebar a[class*="instagram"]:hover,
#social-sidebar a[class*="instagram"] span,
#social-sidebar a[class*="instagram"] span:before{background:#A64C94;}
#social-sidebar a[class*="telegram"]:hover,
#social-sidebar a[class*="telegram"] span,
#social-sidebar a[class*="telegram"] span:before{background:#35ACE1;}
#social-sidebar a[class*="facebook"]:hover,
#social-sidebar a[class*="facebook"] span,
#social-sidebar a[class*="facebook"] span:before{background:#3b5998;}
#social-sidebar a[class*="googleplus"]:hover,
#social-sidebar a[class*="googleplus"] span,
#social-sidebar a[class*="googleplus"] span:before{background:#dd4b39;}
#social-sidebar ul{list-style-type: none; z-index:1000;}