/*
IRAN Sans
-
serif fonts are considered a proprietary software. To gain 
information about the laws regarding the use of these fonts, please 
visit www.fontiran.com
-----------------
---------------
-------------------------------
------
This set of fonts are used in this project under the license: (
CJW5C
)
---------------------------------------------------
-------------
--
---
*/
@font-face {
   font-family: 'Ham3D_Number';
   src:url('../fonts/YekanNumbers-Regular.eot');
   src:url('../fonts/YekanNumbers-Regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Yekan.svg#Elusive-Icons') format('svg'),
       url('../fonts/YekanNumbers-Regular.woff') format('woff'),
       url('../fonts/YekanNumbers-Regularr.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
}
@font-face {
  font-family: "Ham3D_Medium";
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/IRANSans_Medium.ttf') format('truetype');
}
@font-face {
  font-family: "Ham3D";
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/IRANSans.ttf') format('truetype');
}
@font-face {
  font-family: "Ham3D_light";
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/IRANSans_Light.ttf') format('truetype');
}
/* ==========================================================================
   General
   ========================================================================== */
body{
    margin: 0;
    padding: 0;
    font-family: 'Ham3d','Ham3D_Number', Tahoma, Arial;
    font-size: 13px;
    direction: rtl;
    color: #000;
    background: #eaf1f3;
}
a{
	text-decoration: none;
	transition:all 0.3s;
	-o-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;

}
a:focus {
    outline: none;
    text-decoration: none;
}

a:active,
a:hover {
    outline: 0;
    text-decoration: none;
}
ul, ol {
    list-style: none;
    list-style-image: none;
    padding: 0;
    margin: 0;
}
ul li, ol li{list-style: none;}

label{cursor: pointer;vertical-align: middle; font-weight: normal;}

input[type=radiobox],input[type=checkbox]{cursor:pointer;}

input,textarea,button{
    outline: none;
    font-family: Ham3D_Number, Ham3d, Tahoma, Arial;
    border: none;
	
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
}
select,option{
	font-family: Ham3D_Number, Ham3d, Tahoma, Arial;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}
figure{margin: 0;}

img,p{
	transition:all 0.3s;
	-moztransition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}

input[type=submit]{border: none;background-color: transparent;outline: none;cursor: pointer;}
.btn:focus, .btn:active:focus, .btn.active:focus{outline:none;}
/* ==========================================================================
   GLOBAL CLASSES
   ========================================================================== */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
.clear{clear: both;}

.fr{float:right;}
.fl{float:left;}
.en{
  font-family: tahoma;
  direction:ltr;
  font-size: 11px;
}

.fa-input{font-family: fontawesome,arial, helvetica;}

.no-RPdg{padding-right:0 !important;}
.no-LPdg{padding-left:0 !important;}
.no-Pdg{padding:0 !important;}
.no-BPdg{padding-bottom:0 !important;}
.no-pdgLR{padding-right:0 !important;padding-left:0 !important;}

.no-RMrg{margin-right:0 !important;}
.no-LMrg{margin-left:0 !important;}
.no-mrg{margin:0 !important;}

.pdgTB10{padding:10px 0px !important;}
.pdgL5{padding-left:5px !important;}
.pdgR5{padding-right:5px !important;}
.pdgR25{padding-right:25px !important;}

.mrgTB10{margin:10px 0px !important;}
.mrgT10{margin-top:10px !important;}
.mrgB10{margin-bottom:10px !important;}
.mrgT5{margin-top:5px;}
.mrgT30{margin-top:30px !important;}

.org{color: #F3673D;}
.bg{
  background: #fff;
  width: 100%;
  border-radius: 4px;
  margin-bottom: 20px;

  box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.1);
  -moz-box-shadow:  0px 1px 1px 1px rgba(0,0,0,0.1);
  -webkit-box-shadow:  0px 1px 1px 1px rgba(0,0,0,0.1);
  -o-box-shadow:  0px 1px 1px 1px rgba(0,0,0,0.1);
  -ms-box-shadow:  0px 1px 1px 1px rgba(0,0,0,0.1); 
}
/* ==========================================================================
   header
   ========================================================================== */
#header{
  background: #fff;
  width: 100%;
  border-top:2px solid #08a6d5;
}
.top-head{
  padding: 6px 0px 10px;
}
.logo{margin: 0;}
.access-mnu{
  float: left;
  position: relative;
  margin-right: 5px;
  margin-top: 16px;
}
.access-mnu #toggle{
  display: block;
  margin: 0px;
  width: 34px;
  background:#6b7078;
  height: 34px;
  line-height: 34px;
  border-radius: 4px;
}
.access-mnu #toggle.on{
  background: #0eb9e0;
}
.access-mnu #toggle span {
    position: relative;
    display: block;
}
.access-mnu #toggle span, 
.access-mnu #toggle span::after, 
.access-mnu #toggle span::before {
  width: 60%;
  margin: 3px auto;
  height: 3px;
  background-color: #FFF;
  transition: all 0.3s ease 0s;
  backface-visibility: hidden;
  top: 9px;
}
.access-mnu #toggle.on + #menu{display: block;}
.access-mnu #menu{
  width: 170px;
  background: #fff;
  border:1px solid #dadada;
  top: 50px;
  position: absolute;
  left: 0;
  z-index: 999;
  border-radius: 4px;
  display: none;

  transition:all 0.3s;
  -o-transition:all 0.3s;
  -moz-transition:all 0.3s;
  -webkit-transition:all 0.3s;
}
.access-mnu #menu:before{
  content: "";
  position: absolute;
  top: -11px;
  left: 7px;
  display: block;
  width: 5px;
  height: 5px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #BEBEBE;
}
.access-mnu #menu:after {
  content: "";
  position: absolute;
  top: -10px;
  left: 7px;
  display: block;
  width: 5px;
  height: 5px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #FFF;
}
.access-mnu #menu a{
  font-size: 12px;
  color: #333333;
  border-top:1px solid #dadada;
  padding: 0px 10px;
  line-height: 30px;
  display: block;
}
.access-mnu #menu li:first-child a{
  border-top: none;
}
.access-mnu #menu li:hover a{
  background: #f3f3f3;
  border-color:transparent;
}
.access-mnu #menu li:hover + li a{
  border-color:transparent;

}
.basket{
  border:1px solid #ebd1c9;
  width: 130px;
  height: 34px;
  position: relative;
  margin-right: 5px;
  float: left;
  margin-top: 19px;
  border-radius: 3px;

  background: #fffffe url('../img/mnu-selector.png') 8px 16px no-repeat;
    
  background: url('../img/mnu-selector.png') 8px 16px no-repeat,
          -moz-linear-gradient(top, #fffffe 0%, #f5e0d9 100%);
  background: url('../img/mnu-selector.png') 8px 16px no-repeat,
        -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffffe), color-stop(100%,#f5e0d9));
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffffe', endColorstr='#f5e0d9',GradientType=0 );

}
.basket-content ul li .fa-remove{
  position: absolute;
  right: -3px;
  top: 8px;
  border-radius: 50%;
  background:#000000;
  color: rgb(255, 255, 255);
  font-size: 10px;
  padding: 2px 3px 3px;
  width: 15px;
  font-weight: lighter;
  height: 15px;
  cursor: pointer;
  padding-top: 2px;
  padding-right: 3px;
}
.basket-content ul li .fa-remove:hover{
  background:#f3673d;
}
.basket:hover,
.basket.active{
  background: #fffffe url('../img/mnu-selector.png') 8px 16px no-repeat;
    
  background: url('../img/mnu-selector.png') 8px 16px no-repeat,
          -moz-linear-gradient(top, #f5e0d9 0%, #fffffe 100%);
  background: url('../img/mnu-selector.png') 8px 16px no-repeat,
        -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5e0d9), color-stop(100%,#fffffe));
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5e0d9', endColorstr='#fffffe',GradientType=0 );


  border-color: #f89273;
}
.basket.active:after{
  content: "";
  background: none repeat scroll 0% 0% #fcfcfc;
  position: absolute;
  top: 29px;
  left: -1px;
  width: 130px;
  height: 10px;
  display: block;
  z-index: 9999;

  border-right: 1px solid #f89273;
  border-left: 1px solid #f89273;

  transition:all 0.3s;
  -o-transition:all 0.3s;
  -moz-transition:all 0.3s;
  -webkit-transition:all 0.3s;
}

.basket > a{
  display: block;
  color: #333333;
  font-size: 13px;
  line-height: 33px;
}
.basket > a span{font-size: 9px;}
.basket > a:before{
  content: "";
  background: url("../img/icons.png") no-repeat scroll -187px -70px transparent;
  width: 18px;
  height: 14px;
  display: inline-block;
  vertical-align: middle;
  margin: 0px 5px;
}
.basket-content{
  position: absolute;
  left: -1px;
  top: 38px;
  width: 265px;
  border:1px solid #f89273;
  padding:15px 8px 10px;
  background: #fff;
  display: none;
  z-index: 999;

  border-radius: 0px 3px 3px;
}
.basket-content ul li > a{
    float: right;
    width: 60px;
    height: 60px;
    border:1px solid #e8e8e8;
    margin-left: 5px;
    border-radius: 3px;
    overflow: hidden;
}
.basket-content ul li{
  padding: 12px 0px; 
  border-bottom: 1px solid #d2d2d2; 
  margin-right: 15px; 
  position: relative;
}
.basket-content ul li:last-child{border-bottom: none;}
.basket-content ul li.slimScrollDiv{padding-bottom: 17px;}
.basket-content ul li > h5 ,
.basket-content ul li > p{margin:0;}
.basket-content ul li > h5 a{
  line-height: 23px;
  color: #000;
}
.basket-content ul li > p{
  font-size: 12px;
  line-height:18px;
  color: #666666;
}
.basket-content ul li > p span{color: #f3673d;}

.basket-content .top-brd{
  margin-top: 10px;
  border-top: 2px solid #d9e8ec;
}
.basket-content > p{
  line-height: 30px;
  color: #333333;
  font-size: 12px;
  padding: 0px 8px;
  margin-bottom: 0;
  clear: both;
}
.basket-content > p span{float: left;}
.basket-content .go-to-basket-page{
  width: 100%;
  border:2px solid #e0e0e0;
  display: block;
  border-radius: 4px;
  line-height: 40px;
  color: #ff5c2a;
  font-size: 15.5px;
  text-align: center;
  margin-top: 10px;
  position: relative;
}

.basket-content .button--ujarak {
  -webkit-transition: border-color 0.4s, color 0.4s;
  transition: border-color 0.4s, color 0.4s;
}
.basket-content .button--ujarak::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ff5c2a;
  z-index: -1;
  opacity: 0;
  -webkit-transform: scale3d(0.7, 1, 1);
  transform: scale3d(0.7, 1, 1);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.basket-content .button--ujarak.button--round-s::before {
  border-radius: 2px;
}
.basket-content .button--ujarak.button--inverted::before {
  background: #ff5c2a;
}
.basket-content .button--ujarak,
.basket-content .button--ujarak::before {
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.basket-content .button--ujarak:hover {
  color: #fff;
  border-color: #ff5c2a;
}
.basket-content .button--ujarak.button--inverted:hover {
  color: #37474F;
  border-color: #fff;
}
.basket-content .button--ujarak:hover::before {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.basket-content .slimScrollRail,
.basket-content .slimScrollBar{right: 0;}

.relo{
  width: 130px;
  height: 34px;
  position: relative;
  margin-right: 5px;
  float: left;
  margin-top: 19px;
  border-radius: 3px;
  float: left;
  border:1px solid #d4dddf;
  background: #fefeff url('../img/mnu-selector.png') 12px 17px no-repeat;
    
  background: url('../img/mnu-selector.png') 12px 17px no-repeat,
          -moz-linear-gradient(top, #fefeff 0%, #e6f0f3 100%);
  background: url('../img/mnu-selector.png') 12px 17px no-repeat,
        -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefeff), color-stop(100%,#e6f0f3));
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefeff', endColorstr='#e6f0f3',GradientType=0 );

  cursor: pointer;
}
.relo:hover,
.relo.active{
  background: #fefeff url('../img/mnu-selector.png') 12px 17px no-repeat;
    
  background: url('../img/mnu-selector.png') 12px 17px no-repeat,
          -moz-linear-gradient(top, #e6f0f3 0%, #fefeff 100%);
  background: url('../img/mnu-selector.png') 12px 17px no-repeat,
        -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6f0f3), color-stop(100%,#fefeff));
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f0f3', endColorstr='#fefeff',GradientType=0 );

  border-color:#acbbbf;

   transition:all 0.3s;
  -o-transition:all 0.3s;
  -moz-transition:all 0.3s;
  -webkit-transition:all 0.3s;
}
.relo .top-brd{border-top: 2px solid #dde8eb;}
.relo > span{
  color: #333333;
  font-size: 13px;
  line-height: 33px;
  position: relative;
}
.relo > span:first-child:before{
  content: "\f007";
  background: url(../img/icons.png) 0px 0px no-repeat;
  font-size:15px ;
  color: #069bc5;
  font-family: 'fontawesome';
  vertical-align: middle;
  margin:0px 5px 0px 8px;
}
.relo > span:first-child:after{
  content: "|";
  font-size: 10px;
  color: #333333;
  margin:0px 3px;
}
.relo.active:after{
  content: "";
  background: none repeat scroll 0% 0% #fcfcfc;
  position: absolute;
  top: 31px;
  right: -1px;
  width: 130px;
  height: 8px;
  display: block;
  z-index: 9999;

  border-right: 1px solid #acbbbf;
  border-left: 1px solid #acbbbf;
}
.relo-content{
  width:265px ;
  padding: 15px 12px;
  border: 1px solid #acbbbf;
  background: #fff;
  position: absolute;
  right: -1px;
  top: 38px;
  z-index: 999;
  border-radius: 3px 0px 3px 3px;
  display: none;
}
.relo-content label{
  color: #333333;
  font-size: 12px;
  margin:8px 0px;
  line-height: 21px;
  margin-right: 2px;
}
.relo-content form >div a{
  float: left;
  font-size: 12px;
  line-height: 21px;
  margin:8px 0px;
  margin-left: 3px;
}
.relo-content form >div a:hover,
.relo-content form >div a:focus{color: #F3673D;}

.relo-content input[type=text],
.relo-content input[type=password]{
  width: 100%;
  height:33px ;
  border:2px solid #e6ecee;
  border-radius: 4px;
  margin-top: 7px;
  padding: 5px 10px;
}
.relo-content input[type=text]:focus,
.relo-content input[type=password]:focus{
  border-color: #485059;
}
.relo-content input[type=submit]{
  background: #08a6d5;
  width: 100%;
  border-radius: 4px;
  color: #fff;
  height: 33px;
  line-height: 33px;
  font-size: 14px;
  margin-bottom: 10px;
}
.relo-content input[type=submit]:hover{background: #0795bf;}
.relo-content .go-register{
  width: 100%;
  height: 40px;
  line-height: 37px;
  color: #333333;
  display: block;
  font-size: 14px;
  text-align: center;
  border: 1px solid #c89411;
  border-radius: 4px;
  margin-top: 10px;

  background: linear-gradient(to bottom,#f1f1e6,#efbc40);
  background: -moz-linear-gradient(to bottom,#f1f1e6,#efbc40);
  background: -webkit-linear-gradient(to bottom,#f1f1e6,#efbc40);
  background: -o-linear-gradient(to bottom,#f1f1e6,#efbc40);
  background: -ms-linear-gradient(to bottom,#f1f1e6,#efbc40);
}

.relo-content .go-register:hover{
  background: linear-gradient(to bottom,#efbc40,#f1f1e6);
  background: -moz-linear-gradient(to bottom,#efbc40,#f1f1e6);
  background: -webkit-linear-gradient(to bottom,#efbc40,#f1f1e6);
  background: -o-linear-gradient(to bottom,#efbc40,#f1f1e6);
  background: -ms-linear-gradient(to bottom,#efbc40,#f1f1e6);
}
.main-search {position: relative; margin-top: 20px; float: left;}
.main-search input[type=text]{
  width: 100%;
  height: 33px;
  padding: 5px 10px;
  border:1px solid #cccccc;
  border-radius: 5px;
  overflow: hidden;
  font-size: 12px;
}
.main-search input[type=text]:focus{border-color:#485059;}
.main-search input[type=submit]{
  width: 33px;
  height: 33px;
  position: absolute;
  left: 0;
  top: 0;
  border:1px solid #485059;
  border-radius: 5px 0px 0px 5px;
  color: #fff;
  font-family: "fontawesome";

  background: linear-gradient(to bottom,#9da0a5,#485059);
  background: -moz-linear-gradient(to bottom,#9da0a5,#485059);
  background: -webkit-linear-gradient(to bottom,#9da0a5,#485059);
  background: -o-linear-gradient(to bottom,#9da0a5,#485059);
  background: -ms-linear-gradient(to bottom,#9da0a5,#485059);
}

.search_mega_menu{
  position: absolute;
  left: -1px;
  top: 34px;
  width: 97%;
  border:1px solid #485059;
  padding:15px 8px 10px;
  background: #fff;
  display: none;
  z-index: 999;

  border-radius: 3px;
}
.search_mega_menu ul li > a{
    float: right;
    width: 60px;
    height: 60px;
    border:1px solid #e8e8e8;
    margin-left: 10px;
    border-radius: 3px;
    overflow: hidden;
}
.search_mega_menu ul li{
  padding: 12px 0px; 
  border-bottom: 1px solid #d2d2d2; 
  margin-right: 15px; 
  position: relative;
}
.search_mega_menu ul li:last-child{border-bottom: none;}
.search_mega_menu ul li.slimScrollDiv{padding-bottom: 17px;}
.search_mega_menu ul li > h2{margin:0;
  font-size:16px;}
.search_mega_menu ul li > h2 a{
  line-height: 23px;
  color: #000;
}
.search_mega_menu  ul li > p {
  margin-bottom:0;
  font-size:14px;
  color: #f3673d;
}

.main-nav{
  background: #08a6d5;
  width: 100%;
  border-top: 1px solid #0795bf;

  box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.2);
  -moz-box-shadow:  0px 1px 1px 1px rgba(0,0,0,0.2);
  -webkit-box-shadow:  0px 1px 1px 1px rgba(0,0,0,0.2);
  -o-box-shadow:  0px 1px 1px 1px rgba(0,0,0,0.2);
  -ms-box-shadow:  0px 1px 1px 1px rgba(0,0,0,0.2); 
}
.navbar-default .navbar-collapse, 
.navbar-default .navbar-form,
.navbar-default{
  border:none;
  background: transparent;
  margin: 0;
}
.navbar-default .navbar-nav > li{position: static;}
.navbar-default .navbar-nav > li > a{
  text-align: center;
  font-family: "Ham3D_Medium";
  font-size: 13px;
  color: #fff;
  line-height: 30px;
  padding: 8px 0px 3px;
  width: 130px;
  position: relative;
}
.navbar-default .navbar-nav > li > a:after{
  content: "";
  border-bottom: 6px solid #fff ;
  border-right: 8px solid transparent ;
  border-left: 8px solid transparent;
  bottom: -1px;
  right: 43%;
  z-index: 999999999;
  position: absolute;
  opacity: 0;
}
.navbar-default .navbar-nav > li:hover > a:after{
  opacity: 1;
}
.navbar-default .navbar-nav > li .pic{
  display: block;
  background: #0795bf;
  margin: 0 auto;
  border-radius: 5px;
  width: 71px;
  height: 56px;
  border:1px solid #42b6d9;
}

.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus{
  color: #fff;
  background: transparent;
}
.navbar-default .navbar-nav > li .pic img{margin: 0 auto; display: block;}
.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus{color: #fff;}
.navbar-default .navbar-nav {position: relative;}

.navbar-default .navbar-nav > li > ul{
  position:absolute;
  top:100%;
  right:0px;
  z-index: 9999;
  background:#fff;
  padding: 15px 25px 0px;
  border-bottom: 1px solid #c9c9c9;
}

.mega_menu{
  padding-top: 8px;
  height: 50px;
  background: #fff ;
  position: absolute;
  right: 0;
  z-index: 999;
  width: 1170px;
  display: none;
  top: 100.5%;
  border:1px solid #c7c7c7;
  border-bottom: none;
}

.mega_menu > ul > li {float: right; margin-bottom: -2px;}
.mega_menu > ul > li > a{
  display: block;
  color: #6D747B;
  z-index: 999;
  font-size: 13px;
  padding: 0px 20px;
  border-bottom: 2px solid transparent;
  position: relative;
  line-height: 40px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.mega_menu > ul > li:hover > a{
  color: #0795bf;
  border-bottom: 2px solid  #0795bf;  
}
.mega_menu > ul > li:hover a:after{
  content: "";
  border-top: 7px solid #0795bf ;
  border-right: 7px solid transparent ;
  border-left: 7px solid transparent;
  bottom: -9px;
  right: 45%;
  position: absolute;
}
.mega_menu > ul{
  border-bottom: 1px solid #c9c9c9;
  position: relative;
  z-index: 9999999;
  margin: 0px 20px;
}
.inner_mega_menu{
  background: #fff;
  overflow: hidden;
  padding: 10px;
  position: absolute;
  right: -21px;
  top: 41px;
  border:1px solid #c7c7c7;
  border-top: none;
  border-radius: 0px 0px 5px 5px;
  width: 1170px;
  display: none;
  font-family: "Ham3D", "Ham3D_Number";

  -webkit-box-shadow: 0px 6px 10px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 6px 10px rgba(0,0,0,0.2);
  -o-box-shadow:  0px 6px 10px rgba(0,0,0,0.2);
  box-shadow:  0px 6px 10px rgba(0,0,0,0.2);
}
.mega_menu > ul > li:hover .inner_mega_menu{
  display: block;

}
.inner_mega_menu .megamenu_pic{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 292px;
}
.inner_mega_menu > ul{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: 300px; 
  width: 25%;
  float:right;
}
.inner_mega_menu > ul > li {
  display: block;
  float: right;
  width: 92%;
  line-height: 25px;
  color: #666666;
  font-size: 13px;
  margin-right: 8%;
}

.inner_mega_menu > ul li h3 a{
  color: #333333;
  font-size: 14px;
  margin: 15px 0px 10px;
  display: block;
}
.inner_mega_menu > ul li h3{
  margin: 0;
}
.inner_mega_menu > ul li ul li a{
  font-size: 12px;
  color: #666666;
  line-height: 25px;
  transition:all 0.3s;
  -o-transition:all 0.3s;
  -moz-transition:all 0.3s;
  -webkit-transition:all 0.3s;}

.inner_mega_menu > ul li ul li:hover a{
  color: #f3673d;
}
.inner_mega_menu > ul li ul li:hover a:before{
  color: #f3673d; 
  padding-right: 7px;
}
.inner_mega_menu > ul li ul li a:before{
  content: "\f111";
  transition:all 0.3s;
  -o-transition:all 0.3s;
  -moz-transition:all 0.3s;
  -webkit-transition:all 0.3s;
  font-size: 7px;
  font-family: "fontawesome";
  margin-left: 5px;
  color: #9ed6dd;
  vertical-align: middle;
}


/* ==========================================================================
   index
   ========================================================================== */

#main-slider {
  width: 100%;
  padding: 0;
  overflow: hidden;
  direction:ltr;
}
#main-slider img{width: 100%;}
#main-slider .owl-carousel.owl-theme {
  position: relative;
  float: right;
}
#main-slider .owl-prev{
  width: 55px;
  height: 55px;
  background:url("../img/icons.png") no-repeat scroll -5px -117px #F0F6F7;
  position: absolute;
  left: 2%;
  top: 36%;
  display: block;
  cursor:pointer;
  font-size: 0;
  margin: 0;
  opacity: 0.75;
  border-radius: 50%;

  transition:all 0.3s;
  -o-transition:all 0.3s;
  -moz-transition:all 0.3s;
  -webkit-transition:all 0.3s;
}

#main-slider .owl-next{
  width: 55px;
  height: 55px;
  background: url("../img/icons.png") no-repeat scroll -47px -117px #F0F6F7;
  position: absolute;
  right: 2%;
  top: 36%;
  display: block;
  cursor:pointer;
  font-size: 0;
  margin: 0;
  opacity: 0.75;
  border-radius: 50%;

  transition:all 0.3s;
  -o-transition:all 0.3s;
  -moz-transition:all 0.3s;
  -webkit-transition:all 0.3s;
}
#main-slider .owl-next:hover,
#main-slider .owl-prev:hover{opacity: 1;}
#main-slider .owl-controls{
  margin-top: -25px;
}
#main-slider .owl-controls .owl-page span{
  width: 14px;
  height: 14px;
  background:url(../img/icons.png) -168px -162px no-repeat;
  opacity: 0.99;
}
#main-slider .owl-controls .owl-page.active span, 
#main-slider .owl-controls.clickable .owl-page:hover span{
  background-position: -138px -162px;
}
.title{
  font-family: "Ham3D_Medium";
  color: #08a6d5;
  margin-bottom: 0;
  font-size: 19px;
  padding: 17px 25px 0px 0px;
  line-height: 30px;
}
#brands{direction: ltr; padding: 0px 28px;}

#brands .item{
  display: block;
  border: 1px solid #cccccc;
  margin: 15px 15px 30px;
}
#brands .tooltip.top{margin-top: 0 !important;}
#brands .item img{
  margin:0 auto;
}
#brands .item:hover{
  border-color: #08a6d5;
  border-radius: 5px;

  box-shadow: 0px 0px 0px 1px #08a6d5;
  -moz-box-shadow: 0px 0px 0px 1px #08a6d5;
  -webkit-box-shadow: 0px 0px 0px 1px #08a6d5;
  -o-box-shadow: 0px 0px 0px 1px #08a6d5;
  -ms-box-shadow: 0px 0px 0px 1px #08a6d5;
}
#brands .owl-prev,
#offer .owl-prev,
#most-pro .owl-prev,
#new-pro .owl-prev,
#favor-pro .owl-prev,
#favorite-pro .owl-prev{
  width: 55px;
  height: 55px;
  background:url("../img/icons.png") no-repeat scroll -5px -117px;
  position: absolute;
  left: 0%;
  top: 40%;
  display: block;
  cursor:pointer;
  font-size: 0;
  margin: 0;

  transition:all 0.3s;
  -o-transition:all 0.3s;
  -moz-transition:all 0.3s;
  -webkit-transition:all 0.3s;
}

#brands .owl-next,
#offer .owl-next,
#most-pro .owl-next,
#new-pro .owl-next,
#favor-pro .owl-next,
#favorite-pro .owl-next{
  width: 55px;
  height: 55px;
  background: url("../img/icons.png") no-repeat scroll -47px -117px;
  position: absolute;
  right: 0%;
  top: 40%;
  display: block;
  cursor:pointer;
  font-size: 0;
  margin: 0;

  transition:all 0.3s;
  -o-transition:all 0.3s;
  -moz-transition:all 0.3s;
  -webkit-transition:all 0.3s;
}

#brands .owl-next,
#brands .owl-prev{top: 26%}
.section-header{
  background: linear-gradient(to bottom,#fff,#e5f3f7);
  background: -moz-linear-gradient(to bottom,#fff,#e5f3f7);
  background: -webkit-linear-gradient(to bottom,#fff,#e5f3f7);
  background: -o-linear-gradient(to bottom,#fff,#e5f3f7);
  background: -ms-linear-gradient(to bottom,#fff,#e5f3f7);
  
  border-bottom: 2px solid;
}
.section-header h3{
  margin: 0;
  font-size: 19px;
  color: #001444;
  line-height: 45px;
  padding-right: 20px;
  float: right;
  font-family: "Ham3D_Medium";
}
.section-header a{
  float: left;
  color: #001444;
  font-size: 12px;
  line-height: 45px;
  padding-left: 20px;
}
.section-header a:hover{
  color: #F3673D;
}
#most-pro .owl-next,
#new-pro .owl-next,
#favor-pro .owl-next{
  top: 44%;
  right: -3%;
}

#favorite-pro .owl-next{right: -28px;}

#most-pro .owl-prev,
#new-pro .owl-prev,
#favor-pro .owl-prev{
  top: 44%;
  left: -3%;
}

#favorite-pro .owl-prev{left: -28px;}
.carousel{direction: ltr; padding: 0px 30px;}

.enamad{
  width: 97%;
  background: #fff;
  display: block;
  border-radius: 4px;
  margin-bottom: 27px;
}
.enamad img{
  padding: 10px 0px;
  margin: 0px auto;
  display: block;
}
#small-caro {
  direction: ltr; 
  width: 97%; 
  border-radius: 4px; 
  overflow: hidden; 
  position: relative;
}
#small-caro img{display: block;}
#small-caro  .owl-controls{
  position: absolute;
  bottom: 5px;
  right: 37%;
}
#small-caro .owl-controls .owl-page span{
  margin: 0px 4px;
  width: 10px;
  height: 10px;
  background: #000;
}
#offer{direction: ltr; padding:0px 15px;}

.offer-title {
  color: #ff0000;
  font-size: 21px;
  padding: 17px 15px 0px 0px;
  line-height: 30px;
}
#offer .item{
  position: relative; 
  display: block; 
  margin:10px 23px; 
  border:1px solid #cccccc; 
  border-radius: 10px;
  overflow: hidden;
}
#offer .item:hover{
 border-color: #08A6D5;
  box-shadow: 0px 0px 0px 1px #08A6D5; 
  -moz-box-shadow: 0px 0px 0px 1px #08A6D5; 
  -webkit-box-shadow: 0px 0px 0px 1px #08A6D5; 
  -o-box-shadow: 0px 0px 0px 1px #08A6D5; 

}
#offer .counting{
  position: absolute; 
  bottom: 16px; 
  right: 5px;
  border-radius: 10px;
 /* background: linear-gradient(to bottom,#ededed 20%,#dbdcdc 80%);
  background: -moz-linear-gradi
  ent(to bottom,#ededed 20%,#dbdcdc 80%);
  background: -webkit-linear-gradient(to bottom,#ededed 20%,#dbdcdc 80%);
  background: -o-linear-gradient(to bottom,#ededed 20%,#dbdcdc 80%);
  background: -ms-linear-gradient(to bottom,#ededed 20%,#dbdcdc 80%);
  */
}
.flip-clock-divider .flip-clock-label{top: 105%;}
#offer .counting>p{font-size: 9px; color: #404040; direction: rtl; margin-bottom: 0; line-height: 20px;}
.products .border-pro{
  margin: 20px 15px;
  border-radius: 5px;
  position: relative;
  border:1px solid transparent;
}
.products .border-pro:hover .brd{
  background: #fff;
  margin-top: -38px;
  height: 133px;

  border-color: #08a6d5;
  border-top-color: #ccc;
 
}
.products .border-pro:hover{
   box-shadow:inset 0px 0px 0px 2px #08a6d5 ;
  -moz-box-shadow:inset 0px 0px 0px 2px #08a6d5 ;
  -webkit-box-shadow:inset 0px 0px 0px 2px #08a6d5;
  -o-box-shadow: inset 0px 0px 0px 2px #08a6d5;
  -ms-box-shadow: inset 0px 0px 0px 2px #08a6d5;

  border-color: #08a6d5;
}
.products .pro-img{display: block;}

.products .brd{
  border:1px solid #cccccc;
  direction: rtl;
  position: relative;
  z-index: 999;
  overflow: hidden;
  background: #f9f9f9;
  padding: 0px 10px;
  border-radius: 0px 0px 5px 5px;
  margin-top: -2px;
  height: 97px;

  transition:all 0.3s;
  -o-transition:all 0.3s;
  -moz-transition:all 0.3s;
  -webkit-transition:all 0.3s;
}
.products .pro-brand,
.products .pro-name {margin:0;}
.products .pro-brand a{
  font-size: 12px;
  line-height: 28px;
  color: #666666;
}
.products .pro-name a{
  font-size: 14px;
  color: #08a6d5;
  line-height: 23px;
  display: block;
  height: 35px;
}
.products .price{
  font-size: 16px;
  line-height: 25px;
  color: #000;
  float: left;
  margin-bottom: 8px;
}
.products .brd-btm{
  border-bottom: 1px solid #d5d7da;
}
.products .available,
.products .disable{float: right;}
.products .add-basket{
  font-size: 13px;
  color: #0eb9e1;
  line-height: 30px;
  float: right;
  position: relative;
}
.products .add-basket:hover{color:#F3673D}
.products .add-basket:hover:before{background-position: -188px -70px ;}
.products .add-basket:before{
  content: "";
  background: url(../img/icons.png) no-repeat -145px -70px;
  height: 14px;
  width: 18px;
  display: inline-block;
  margin:0px 5px;
  vertical-align: middle;

   transition:all 0.15s;
  -o-transition:all 0.15s;
  -moz-transition:all 0.15s;
  -webkit-transition:all 0.15s;
}
.products .like{
  background: url(../img/icons.png) no-repeat -87px -70px;
  width: 17px;
  height: 15px;
  display: block;
  float: left;
  margin:8px 5px;
}
.products .like:hover,
.products .like.active{background-position: -87px -97px;}
.products .available{
  background: #81b879;
  border-radius: 10px;
  color: #fff;
  font-size: 12px;
  padding:0px 9px;
}
.products .available:before{
  content: "\f00c";
  font-size: 13px;
  background: #6aa162;
  height: 20px;
  padding: 4px 3px 2px 3px;
  width: 20px;
  margin-right: -9px;
  vertical-align: sub;
  color: #fff;
  font-family: "fontawesome";
  border-radius: 50%;
  margin-left: 5px;
  display: inline-block;
  text-align: center;
  padding-top: 1px;
}
.products .disable{
  background: #c0c0c0;
  border-radius: 10px;
  color: #fff;
  font-size: 12px;
  padding:0px 9px;
}
.products .disable:before{
  content: "\f00d";
  font-size: 13px;
  background: #888888;
  height: 20px;
  padding: 4px 3px 2px 3px;
  width: 20px;
  margin-right: -9px;
  vertical-align: sub;
  color: #fff;
  font-family: "fontawesome";
  border-radius: 50%;
  margin-left: 5px;
  display: inline-block;
  text-align: center;
  padding-top: 1px;
}


/* ==========================================================================
   category
   ========================================================================== */

/* ===================== compaire product ===================== */
.compaire-product{padding: 10px;}
.compaire-product .title{
  margin: 0;
  margin-bottom: 10px;
  float: right;
  padding: 0px 10px 0px 0px;
}
.compaire-product .fa-remove {
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
    padding: 5px;
    border-radius: 4px 0px;
    color: #fff;
    font-size: 13px;
    text-align: center;
    background: none repeat scroll 0% 0% #F3673D;
    z-index: 3;
    cursor: pointer;
}
.compaire-product header p{
  float: left;
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 0;
  color: #444444;
  border:1px solid #444444;
  padding:3px 8px;
  border-radius: 4px;
  margin-left: 5px;
}
.compaire-product .border:hover{border-color: #08A6D5;}
.compaire-product .toggle{
  float: left;
  width: 28px;
  height: 28px;
  text-align: center;
  background: #2e2e2e;
  border-radius: 4px;
}
.compaire-product .toggle .fa-angle-up{
  font-size: 23px;
  vertical-align: middle;
  color: #FFF;
  font-weight: bold;
  display: block;
  padding-top: 2px;


  transition:all 0.3s;
  -o-transition:all 0.3s;
  -moz-transition:all 0.3s;
  -webkit-transition:all 0.3s;
}
.compaire-product .remove{
  color: #f71215;
  font-size: 12px;
  float: left;
  margin-top: 20px;
  line-height: 25px;
}
.rotate{ 
  transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  -webkit-transform:rotate(180deg);
  -o-transform:rotate(180deg);
  padding-bottom: 5px;
}
.compaire-product ul{margin-top: 10px;}
.compaire-product ul > li{
  padding: 0;
}
.compaire-product .border{
  width: 95%;
  float: left;
  border: 1px solid #CCC;
  border-radius: 4px;
  padding: 10px !important;
}
.compaire-product .left-brd{
  border-left: 1px solid #ebebeb;
  padding-left: 10px;
  height: 205px;
 }
.compaire-product .left-brd p{
  font-size: 13px;
  line-height: 23px;
  margin: 0;
  color: #666666;
  padding: 25px 0px;
}
.compaire-product .compaire{
  background: none repeat scroll 0% 0% #08A6D5;
  padding: 0px 15px;
  border-radius: 4px;
  color: #FFF;
  height: 25px;
  line-height: 25px;
  font-size: 14px;
  margin-top: 20px;
  float: right;
}
.compaire-product .border p{
  font-size: 14px;
  color: #08A6D5;
  line-height: 25px;
  display: block;
  margin: 0;
}
.compaire-product .border img{margin: 0 auto;}
.cat-title{
  font-family: "Ham3D_Medium";
  font-size: 19px;
  line-height: 40px;
  padding-right: 15px;
  color: #333333;
  margin: 10px 0;
}
.cat-head{
  display: block;
  margin: 0px auto 15px;
  border:2px solid #ebebeb;
  border-radius: 5px;
}
.cat-txt p{
  font-size: 13px;
  text-align: justify;
  color: #333333;
  line-height: 23px;
}
.filter-product {
  background: #fff;
  width: 93%;
  border-radius: 4px;
  margin-bottom: 20px;
  padding:0px 20px;

  box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.1);
  -moz-box-shadow:  0px 1px 1px 1px rgba(0,0,0,0.1);
  -webkit-box-shadow:  0px 1px 1px 1px rgba(0,0,0,0.1);
  -o-box-shadow:  0px 1px 1px 1px rgba(0,0,0,0.1);
  -ms-box-shadow:  0px 1px 1px 1px rgba(0,0,0,0.1); 
}
.filter-product .panel{
  border:none;
  border-radius: 0;
  margin-bottom:0;
  border-bottom:1px solid #e4e4e4;
  background:transparent;
}
.filter-product .panel:last-child{border:none;}
.filter-product .panel-heading{padding:0 5px;}
.filter-product .panel-body{padding:10px 7px; width:100%;}

.filter-product .panel-heading h3{margin:0;}

.filter-product .panel-heading a{
  display:block;
  color:#0795bf;
  font-size:17px;
  line-height:40px;
  cursor:pointer;
}

.filter-product .menu li a:before{
  content:'\f111';
  font-family:'FontAwesome';
  vertical-align:middle;
  font-size:6px;
  color:#999999;
  margin-left:5px;
}
.filter-product .panel-body label:hover,
.filter-product .panel-body a:hover,
.filter-product .menu li a:hover:before{color:#f3673d;}
.filter-product label{
  line-height: 17px;
  display: block;
  font-size: 13px;
  margin-bottom: 8px;
  color: #333333;
}
.filter-product .panel-body a{
  font-size:13px;
  color:#666666;
  line-height:25px;
}
.filter-product .fa-angle-down,
.filter-product .fa-angle-up{
  color:#888888;
  vertical-align:middle;
  padding:9px 2px;
  font-size:24px;
  float:left;
  
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.filter-product .panel{box-shadow:none;}

.filter-product .colors li .color-bg{
  border:1px solid #b3b3b3;
  width: 18px;
  height: 18px;
  float: left;
}
.amountMax {
  font-family:'Ham3D_Number' !important;
  border: 0px none;
  color: #222;
  font-weight: 400;
  float: right;
  width: 50%;
  margin-top: 20px;
  direction: rtl;
  font-size: 16px;
  cursor:default;
  background:transparent;
}

.amountMin {
  font-family:'Ham3D_Number' !important;
  border: 0px none;
  cursor:default;
  color: #222;
  font-weight: 400;
  float: left;
  width: 50%;
  text-align: left;
  direction: rtl;
  margin-top: 20px;
  font-size: 16px;
  background:transparent;
}


.filter{
  background: #636971;
  margin-bottom: 10px;
  border-radius: 5px;
  padding: 10px 12px;
  float: none;

  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
}
.filter .light-brd{
  border-top: 1px solid #70757c;
  padding-top: 10px;
}

.filter .dark-brd{
  border-bottom: 1px solid #50555c;
  padding-bottom: 10px;
}
.filter .label{
  font-size: 12px;
  line-height: 20px;
  color: #ffffff;
  margin-bottom: 0;
  float: right;
  font-weight: normal;
}
.filter .tags a{
  background: #8b929a;
  line-height: 25px;
  display: block;
  margin-left: 5px;
  float: right;
  color: #fff;
  font-size: 13px;
  height: 25px;
  padding: 0px 5px 0px 20px;
  border-radius: 5px;
  position: relative;
}
.filter .tags a:hover{opacity: 0.7;}
.filter .tags a .fa-remove{
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  padding:2px;
  border-radius: 5px 0px 5px 0px;
  font-size: 9px;
  text-align: center;
  background:#f3673d;
  z-index: 3;
}
.view-arreng{
  background: #737980;
  float: right;
  padding: 9px 10px;
  margin-left: 1px;
  width: 39%;
  margin-right: 1%;
  margin-top: 10px;
  border-radius:0px 5px 5px 0px;
}
.view-arreng div.selector{
  float: right;
  width: 98px !important;
  height: 25px;
  line-height: 25px;
  background: url("../img/selector.png") no-repeat scroll 10px center #fff;
  border:none;
  margin-left: 5px;

}
.view-arreng div.selector span,
.view-arreng div.selector select{
  height: 25px;
  line-height: 25px;
}
.view-arreng div.selector:first-child{
  width: 110px !important;
}

.view-arreng div.selector:last-child{
  width: 80px !important;
}

.view-count{
  background: #737980;
  padding: 9px 10px;
  width: 30%;
  margin-top: 10px;
}
.view-count div.selector{
  float: right;
  width: 80px !important;
  height: 25px;
  line-height: 25px;
  background: url("../img/selector.png") no-repeat scroll 10px center #fff;
  border:none;
  margin-right: 5px;

}
.view-count div.selector span,
.view-count div.selector select{
  height: 25px;
  line-height: 25px;
}

.view-option{
  width: 28.5%;
  margin-left: 0.5%;
  background: #737980;
  float: right;
  padding:12px 10px 13px;
  margin-top: 10px;
  border-radius: 5px 0px 0px 5px;
}

.filter .view-option a{
  width:20px;
  height:20px;
  text-align:center;
  display:block;
  margin-left: 10px;
  float:left;
}
.filter .view-option .filter_type0{
  background:url("../img/view.png") no-repeat scroll -15px -23px transparent;
}
.filter .view-option .filter_type1{
  background:url("../img/view.png") no-repeat scroll -49px -23px transparent;
}
.filter .view-option .filter_type_active0{
  background:url("../img/view.png") no-repeat scroll -15px -61px transparent;
}
.filter .view-option .filter_type_active1{
  background:url("../img/view.png") no-repeat scroll -49px -61px transparent;
}
.mojod > label,
.mojod .label{float: left;}
input.ios-switch[type="checkbox"]{
    position: absolute;
    opacity: 0;
}
input.ios-switch[type="checkbox"] + div {
  width: 71px;
  border-radius: 5px;
  overflow: hidden;
  height: 26px;
  background: url("../img/yesno.png") no-repeat scroll -2px 0px #4E5257;
}
input.ios-switch[type="checkbox"]:checked + div {
  background-position: 5px 0px;
}
input.ios-switch[type="checkbox"] + div > div {
  float: left;
  width: 26px;
  height: 26px;
  background: url("../img/button.png") repeat scroll -9px 1px #2E3134;
  transition-timing-function: cubic-bezier(0.54, 1.85, 0.5, 1);
  transition-duration: 0.4s;
  transition-property: transform, background-color;
  pointer-events: none;
  border-radius: 5px 0px 0px 5px;
}
input.ios-switch[type="checkbox"]:checked + div > div {
  transform: translate3d(40px, 0px, 0px);
  margin-left: 5px;
  border-radius: 0px 5px 5px 0px;
  background-color: #13c047;
}
.filter input[type=text]{
  width: 92%;
  border-radius: 4px;
  background: #fff;
  height: 30px;
  padding: 5px 10px;
}
.filter .light-brd .search_btn{
  font-size: 17px;
  color: #0CF;
  font-family: "fontawesome";
  position: absolute;
  left: 12%;
  top: 2px;
}
/* ========================== category view =========================================*/
.category .border-pro{
  margin: 20px 12px;
  border-radius: 5px;
  position: relative;
  border:1px solid #cccccc;
  overflow: hidden;
}
.category .border-pro:hover{border-color: #08a6d5 ;}
.category .border-pro:hover .brd{
  background: #fff;
  margin-top: -38px;
  height: 133px;
}

.products_type0 .brd{
  direction: rtl;
  position: relative;
  z-index: 999;
  border-top:1px solid #cccccc;
  overflow: hidden;
  background: #f9f9f9;
  padding: 0px 10px;
  border-radius: 0px 0px 5px 5px;
  margin-top: -2px;
  height: 97px;

  transition:all 0.3s;
  -o-transition:all 0.3s;
  -moz-transition:all 0.3s;
  -webkit-transition:all 0.3s;
}
.products_type0 .pro-brand,
.products_type0 .pro-name {margin:0;}
.products_type0 .pro-brand a{
  font-size: 12px;
  line-height: 28px;
  color: #666666;
}
.products_type0 .pro-name a{
  font-size: 14px;
  color: #08a6d5;
  line-height: 23px;
  display: block;
  height: 35px;
}
.products_type0 .price{
  font-size: 16px;
  line-height: 25px;
  color: #000;
  float: left;
  margin-bottom: 12px;
}
.products_type0 .brd-btm{
  border-bottom: 1px solid #d5d7da;
}
.products_type0 .available,
.products_type0 .disable{float: right;}
.products_type0 .add-basket{
  font-size: 13px;
  color: #0eb9e1;
  line-height: 30px;
  float: right;
  position: relative;
}
.products_type0 .add-basket:hover{color: #F3673D;}
.products_type0 .add-basket:hover:before {
  background-position: -188px -70px;
}
.products_type0 .add-basket:before{
  content: "";
  background: url(../img/icons.png) no-repeat -145px -70px;
  height: 14px;
  width: 18px;
  display: inline-block;
  margin:0px 5px;
  vertical-align: middle;
}
.products_type0  .like{
  background: url(../img/icons.png) no-repeat -87px -70px;
  width: 17px;
  height: 15px;
  display: block;
  float: left;
  margin:8px 5px;
}
.products_type0 .like:hover{background-position: -87px -97px;}

.category .available{
  background: #81b879;
  border-radius: 10px;
  color: #fff;
  font-size: 12px;
  padding:0px 9px;
}
.category .available:before{
  content: "\f00c";
  font-size: 13px;
  background: #6aa162;
  height: 20px;
  padding: 4px 3px 2px 3px;
  width: 20px;
  margin-right: -9px;
  vertical-align: sub;
  color: #fff;
  font-family: "fontawesome";
  border-radius: 50%;
  margin-left: 5px;
  display: inline-block;
  text-align: center;
  padding-top: 1px;
}
.category .disable{
  background: #c0c0c0;
  border-radius: 10px;
  color: #fff;
  font-size: 12px;
  padding:0px 9px;
}
.category .disable:before{
  content: "\f00d";
  font-size: 13px;
  background: #888888;
  height: 20px;
  padding: 4px 3px 2px 3px;
  width: 20px;
  margin-right: -9px;
  vertical-align: sub;
  color: #fff;
  font-family: "fontawesome";
  border-radius: 50%;
  margin-left: 5px;
  display: inline-block;
  text-align: center;
  padding-top: 1px;
}
.products_type0 .border-pro .compaire{
  position: absolute;
  bottom: 131px;
  background: #f9f9f9;
  padding: 2px 6px;
  line-height: 23px;
  border-radius: 5px;
  font-size: 12px;
  z-index: 14;
  left: 2px;
  display: none;
  transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -webkit-transition: all 0.4s;
}
.products_type0 .border-pro:hover .compaire{display: block;}
.products_type1 .brd,
.products_type1 .compaire{display: none;}
.products_type1 > div{
  width: 100%;
 }
.products_type0 .pro-img{display: block;}
.products_type1 .pro-img{
  width: 25%;
  display: block;
  float: right;
  margin:20px 0px;
}
.products_type1 .info{
  width: 75%;
  float: right;
  padding-right: 10px;
}
.products_type0 .info{
  display: none;
}
.products_type1 .info .attr li{
  font-size: 13px;
  line-height: 23px;
  color: #000000;
}
.products_type1 .info .attr li:before{
  content: "\f111";
  color: #c3c8cd;
  font-size: 10px;
  font-size: 8px;
  margin-left: 4px;
  vertical-align: middle;
  font-family: "fontawesome";
}

.products_type1 .info .rating-show{
  float: right;
  direction: ltr;
  clear: right;
  margin-bottom: 7px;
  direction: rtl;
}
.products_type1 .pro-brand,
.products_type1 .pro-name{margin: 0;}
.products_type1 .pro-brand a{
  font-size: 12px;
  color: #666666;
  line-height: 25px;
}
.products_type1 .pro-name a{font-size: 19px; line-height: 30px; height: 30px; float: right;}
.products_type1 .border-pro{
  padding: 5px 10px 5px;
}
.products_type1 .price{
  float: left;
  margin-top: 13px;
}
.products_type1 .new-price,
.products_type1 .old-price{
  float: left;
  margin: 0px 5px;
}
.products_type1 .old-price{
  text-decoration: line-through;
  line-height: 30px;
  color: #000000;
}
.products_type1 .new-price{
  font-size: 19px;
  line-height: 30px;
  color: #f3673d;
}
.products_type1 .bottom-brd{
  border-bottom: 1px solid #e2e2e2;
  margin-bottom: 5px;
}
.products_type1 .add-to-basket{
  width: 180px;
  height:44px ;
  float: right;
  border:2px solid #e0e0e0;
  display: block;
  border-radius: 4px;
  line-height: 40px;
  color: #0eb9e1;
  font-size: 13px;
  text-align: center;
  margin-top: 10px;
  position: relative;
  z-index: 1;
  float: left;
}
.products_type1  .add-to-basket i{
  background: url(../img/icons.png) -145px -67px no-repeat;
  width: 18px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 7px;
  position: relative;
  z-index: 9;
}
.products_type1 .button--ujarak:hover i{
  background-position:-145px -97px;
}
.products_type1 .button--ujarak {
  -webkit-transition: border-color 0.4s, color 0.4s;
  transition: border-color 0.4s, color 0.4s;
}
.products_type1 .button--ujarak::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #0eb9e1;
  z-index: -1;
  opacity: 0;
  -webkit-transform: scale3d(0.7, 1, 1);
  transform: scale3d(0.7, 1, 1);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.products_type1 .button--ujarak.button--round-s::before {
  border-radius: 2px;
}
.products_type1 .button--ujarak.button--inverted::before {
  background: #0eb9e1;
}
.products_type1 .button--ujarak,
.products_type1 .button--ujarak::before {
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.products_type1 .button--ujarak:hover {
  color: #fff;
  border-color: #0eb9e1;
}
.products_type1 .button--ujarak.button--inverted:hover {
  color: #37474F;
  border-color: #fff;
}
.products_type1 .button--ujarak:hover::before {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.products_type1 .like-notactive-list,
.products_type1 .like-active-list{
  float: right;
  font-size: 12px;
  color: #000;
  line-height: 20px;
  padding:0px 5px;
  margin: 30px 5px 0px;
  position: relative;
}
.products_type1 .like-notactive-list:before,
.products_type1 .like-active-list:before{
  content: "";
  display: inline-block;
  background: url(../img/icons.png) -86px -70px no-repeat;
  width: 19px;
  height: 18px;
  vertical-align: middle;
  margin-left: 5px;
}
.products_type1 .compaire2{
  font-size: 12px;
  line-height: 25px;
  color: #000;
  display: block;
  margin: 27px 5px 0px 10px;
  position: relative;
  float: right;
}
.products_type1 .like-notactive-list:hover:before,
.products_type1 .like-active-list:before{background-position: -86px -97px;}
/* ==========================================================================
   product
   ========================================================================== */
.img-tab-container {
  max-width:100%;
  position: relative;
  margin-top:10px;
  margin-right:12px;
}
.list-carousel{
    direction: ltr;
    position: relative;
}
#pro-carousel > li{
  max-width:100%;
  background:#fff;
  height:auto;
  overflow:hidden;
  margin: 8px 0px 0px;
  border-radius: 5px;
  border:1px solid #e5e5e5;
}
#pro-carousel > li.active-pro{border-color: #333;}
#pro-img{
  max-width: 100%;
  height: 350px;
  position:relative;
  margin-top: 25px;
}
#pro-img img{
  vertical-align:middle;
  display: block;
}

.showcase{
  max-width: 100%;
  height: auto;
  background:#fff;
  overflow:hidden;
  position: relative;
  border-radius: 7px;
}
.showcase a >img{margin: 0 auto 24px;height: auto;width: 100%;}
.img-tab-container .special{
  position: absolute;
  top: 0;
  right: 0;
  z-index: 99;
}
.off-box{
  position: absolute;
  height: 25px;
  z-index: 99;
  direction: rtl;
  top: 2px;
  right: 2px;
  padding: 0px 5px;
  background-color: #ee0402;
  border-radius: 3px;
}
.off-box span{    
  color: #FFF;
  display: block;
  font-size: 13px;
  line-height: 24px;
  text-align: center;
}

#prev-pro{
  background:url("../img/icons.png") no-repeat scroll -317px -37px transparent;
  right: 40%;
  bottom: -14px;
  border-radius: 50%;
  width: 14px;
  height: 19px;
  position: absolute;
  transition:none;
}
#prev-pro:hover,
#next-pro:hover{
  opacity: 1;
}
#next-pro{
  background:url("../img/icons.png") no-repeat scroll -317px -18px transparent;
  right: 40%;
  top:-10px;
  border-radius: 50%;
  width: 14px;
  height: 19px;
  position: absolute;
  transition:none;
}


.product-page .bottom{clear: both; padding-top: 40px; margin-bottom: 10px;}
.product-page .bottom a{
  float: right;
  padding: 0px 15px;
  background: #efefef;
  color: #666666;
  font-size: 12px;
  line-height: 25px;
  height: 28px;
  border-radius: 5px;
  margin-left: 5px;
}
.product-page .bottom a:hover{
  background: #08a6d5;
  color: #fff;
}
.product-page .bottom .video:before{
  content: "";
  display: inline-block;
  background: url(../img/icons.png) -171px -284px no-repeat;
  width: 19px;
  height: 13px;
  margin-left: 3px;
  vertical-align: middle;
}
.product-page .bottom .katalog:before{
  content: "";
  display: inline-block;
  background: url(../img/icons.png) -167px -309px no-repeat;
  width: 18px;
  height: 20px;
  margin-left: 3px;
  vertical-align: middle;
}
.product-page .border-info{
  padding: 10px 10px 7px ;
  border:1px solid #e7e7e7;
  border-radius: 5px;
}
.product-page{padding: 30px 5px 25px ;}
.product-page .fa-name{
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  padding-right: 4px;
  float: right;
}
.product-page .code{
  float: left;
  font-size: 13px;
  color: #666666;
  margin-left: 10px;
  line-height: 20px;
  padding: 0px 5px;
  position: relative;
  z-index: 2;
}
.product-page .code:after{
  content: "";
  background: #e5e5e5;
  height: 1px;
  width: 100%;
  position: absolute;
  right: 0;
  bottom: 5px;
  z-index: -1;
}
.product-page .code span{
  color: #f3673d;
  font-family: Tahoma;
}
.product-page .en-name{
  font-family: Tahoma;
  font-size: 23px;
  color: #000000;
  padding-right: 4px;
  clear: both;
}
.product-page .available{
  background: #81b879;
  border-radius: 10px;
  color: #fff;
  font-size: 12px;
  padding:0px 9px;
  display: inline-block;
}
.product-page .available:before{
  content: "\f00c";
  font-size: 13px;
  background: #6aa162;
  height: 20px;
  padding: 4px 3px 2px 3px;
  width: 20px;
  margin-right: -9px;
  vertical-align: sub;
  color: #fff;
  font-family: "fontawesome";
  border-radius: 50%;
  margin-left: 5px;
  display: inline-block;
  text-align: center;
  padding-top: 1px;
}
.product-page .disable{
  background: #c0c0c0;
  border-radius: 10px;
  color: #fff;
  font-size: 12px;
  padding:0px 9px;
  display: inline-block;
}
.product-page  .disable:before{
  content: "\f00d";
  font-size: 13px;
  background: #888888;
  height: 20px;
  padding: 4px 3px 2px 3px;
  width: 20px;
  margin-right: -9px;
  vertical-align: sub;
  color: #fff;
  font-family: "fontawesome";
  border-radius: 50%;
  margin-left: 5px;
  display: inline-block;
  text-align: center;
  padding-top: 1px;
}
.product-page .short-info p{
  display: inline-block;
  padding-right: 4px;
}
.product-page .short-info p:nth-child(2){
  font-size: 12px;
  color: #666666;
  line-height: 23px;
  border-right: 1px solid #e5e5e5;
  padding: 0px 4px;
  margin: 0px 4px 0 0;
}
.product-page .short-info p img{vertical-align: middle;}
.product-page .counting{
  float: left;
}
.product-page .counting > p{
  font-size: 10px; 
  color: #404040;
  line-height: 12px;
}
.product-page .colors p{
  display: inline-block;  
  margin-bottom: 15px;
  float: right;
  line-height: 30px;
}
.product-page .colors ul{
  position: relative;
  display: inline-block;
  margin: 2px 7px;
  float: right;
}

.product-page .colors p span{
  color: #666666;
  font-size: 13px;
  display: inline-block;
  width: 70px;
}
.product-page .colors ul li{
  float: right;
  border: medium none;
  position: relative;
  margin-top: 4px;
  width: 32px;
}

.product-page .colors ul > li label{
  padding: 0;
  float:right;
  line-height: 0;
}

.product-page .colors ul > li label >  div.radio{
  position: absolute;
  width: 18px;
  height: 18px;
  right: -1px;
  top: -11px;
}
.product-page .colors ul > li label > div.radio span{
    width: 100%;
    background: transparent;
    height: 100%;
    border: solid 1px #b3b3b3;
    display: block;
    border-radius: 0;
}
.product-page .colors ul > li label > div.radio span:hover,
.product-page .colors ul > li label > div.radio span.checked{
  border-color: #fff;
  box-shadow: 0px 0px 1px 2px #0795bf;
  -moz-box-shadow: 0px 0px 1px 2px #0795bf;
  -webkit-box-shadow: 0px 0px 1px 2px #0795bf;
  -o-box-shadow: 0px 0px 1px 2px #0795bf;
  -ms-box-shadow: 0px 0px 1px 2px #0795bf;
}
.product-page .colors .img-color{
  position: absolute;
  z-index: 2;
  width: 18px;
  height: 18px;
  display: block;
  top: -1px;
  right: -1px;
  }
.product-page .garanti {clear: right;}

.product-page .garanti p{
  font-size: 13px;
  color: #010101;
  float: right;
  margin-left: 5px;
  line-height: 36px;
}
.product-page .garanti >div{ float: right;}
.product-page .garanti label{
  font-size: 12px;
  display: block;
  color: #666666;
  line-height: 30px;
}
.product-page .tetad{
  clear: both;
  padding-bottom: 50px;
  margin-top: 10px;
  border-bottom: 1px solid #e5e5e5;
  position: relative;
}
.product-page .tetad .zemanat{
  position: absolute;
  bottom: -22px;
  background: #fff;
  left: 0;
  padding-right: 12px;
  box-shadow: 21px 0px 29px #fff;
  -moz-box-shadow: 21px 0px 29px #fff;
  -ms-box-shadow: 21px 0px 29px #fff;
  -webkit-box-shadow: 21px 0px 29px #fff;
}
.product-page .tetad p{
  font-size: 13px;
  color: #000000;
  float: right;
  line-height: 30px;
}
.product-page .tetad .nums{
  float: right;
  padding:0;
  margin: 0px 10px;
}
.product-page .price{padding:5px 0px;}
.product-page .price .old-price{
  font-size: 15px;
  color: #666666;
  line-height: 35px;
  text-decoration: line-through;
  float: right;
  margin:0px 5px;
  margin-bottom: 10px;
}

.product-page .price .new-price{
  margin:0px 5px;
  font-size: 22px;
  line-height: 35px;
  color: #f3673d;
  float: right;
  margin-bottom: 10px;
}
 
.product-page .add-to-basket{
  width: 180px;
  height:44px ;
  float: right;
  border:2px solid #e0e0e0;
  display: block;
  border-radius: 4px;
  line-height: 40px;
  color: #0eb9e1;
  font-size: 13px;
  text-align: center;
  margin-top: 10px;
  position: relative;
  z-index: 1;
}
.product-page .add-to-basket i{
  background: url(../img/icons.png) -145px -67px no-repeat;
  width: 18px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 7px;
  position: relative;
  z-index: 9;
}
.product-page .button--ujarak:hover i{
  background-position:-145px -97px;
}
.product-page .button--ujarak {
  -webkit-transition: border-color 0.4s, color 0.4s;
  transition: border-color 0.4s, color 0.4s;
}
.product-page .button--ujarak::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #0eb9e1;
  z-index: -1;
  opacity: 0;
  -webkit-transform: scale3d(0.7, 1, 1);
  transform: scale3d(0.7, 1, 1);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.product-page .button--ujarak.button--round-s::before {
  border-radius: 2px;
}
.product-page .button--ujarak.button--inverted::before {
  background: #0eb9e1;
}
.product-page .button--ujarak,
.product-page .button--ujarak::before {
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.product-page .button--ujarak:hover {
  color: #fff;
  border-color: #0eb9e1;
}
.product-page .button--ujarak.button--inverted:hover {
  color: #37474F;
  border-color: #fff;
}
.product-page .button--ujarak:hover::before {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.product-page .like{
  float: right;
  font-size: 12px;
  color: #666666;
  line-height: 20px;
  border-left: 1px solid #e5e5e5;
  padding:0px 5px;
  margin: 30px 5px 0px;
  position: relative;
}
.product-page .like:before{
  content: "";
  display: inline-block;
  background: url(../img/icons.png) -86px -70px no-repeat;
  width: 19px;
  height: 18px;
  vertical-align: middle;
  margin-left: 5px;
}
.product-page .like:hover:before{background-position:-86px -96px ;}
.product-page .share{margin-top: 22px; margin-left: 10px;}


.favorite {
  padding: 20px;
  direction: ltr;
}
.favorite > h3{
  font-size: 17px;
  direction: rtl;
  color: #08A6D5;
  line-height: 25px;
  margin: 0px;
}
.border-pro{
  margin: 20px 12px;
  border-radius: 5px;
  position: relative;
  border:1px solid #cccccc;
  overflow: hidden;
}
.favorite .border-pro:hover .brd{
  background: #fff;
  margin-top: -38px;
  height: 105px;

}

.favorite .pro-img{display: block;}

.favorite .brd{
  border-top:1px solid #cccccc;
  direction: rtl;
  position: relative;
  z-index: 999;
  overflow: hidden;
  background: #f9f9f9;
  padding: 0px 10px;
  border-radius: 0px 0px 5px 5px;
  margin-top: -2px;
  height: 68px;

  transition:all 0.3s;
  -o-transition:all 0.3s;
  -moz-transition:all 0.3s;
  -webkit-transition:all 0.3s;
}
.favorite .pro-name {margin:0;}

.favorite .pro-name a{
  font-size: 14px;
  color: #08a6d5;
  line-height: 23px;
  display: block;
  height: 35px;
}
.favorite .pro-img img{margin: 0 auto}
.favorite .price{
  font-size: 16px;
  line-height: 25px;
  color: #000;
  float: left;
  margin-bottom: 8px;
}
.favorite .brd-btm{
  border-bottom: 1px solid #d5d7da;
}
.favorite .available,
.favorite .disable{float: right;}
.favorite .add-basket{
  font-size: 13px;
  color: #0eb9e1;
  line-height: 30px;
  float: right;
  position: relative;
}
.favorite .border-pro{height: 264px;}
.favorite .add-basket:hover{color:#F3673D}
.favorite .add-basket:hover:before{background-position: -188px -70px ;}
.favorite .add-basket:before{
  content: "";
  background: url(../img/icons.png) no-repeat -145px -70px;
  height: 14px;
  width: 18px;
  display: inline-block;
  margin:0px 5px;
  vertical-align: middle;
  transition:all 0.15s;
  -o-transition:all 0.15s;
  -moz-transition:all 0.15s;
  -webkit-transition:all 0.15s;
}
.favorite .like{
  background: url(../img/icons.png) no-repeat -87px -70px;
  width: 17px;
  height: 15px;
  display: block;
  float: left;
  margin:8px 5px;
}
.about .favorite{padding: 0;}
.favorite > .col-lg-4{padding: 0}
.favorite .like:hover,
.favorite .like.active{background-position: -87px -97px;}
.favorite .available{
  background: #81b879;
  border-radius: 10px;
  color: #fff;
  font-size: 12px;
  line-height: 17px !important;
  padding:0px 9px;
}
.favorite .available:before{
  content: "\f00c";
  font-size: 13px;
  background: #6aa162;
  height: 20px;
  padding: 4px 3px 2px 3px;
  width: 20px;
  margin-right: -9px;
  vertical-align: sub;
  color: #fff;
  font-family: "fontawesome";
  border-radius: 50%;
  margin-left: 5px;
  display: inline-block;
  text-align: center;
  padding-top: 1px;
}
.favorite .disable{
  background: #c0c0c0;
  border-radius: 10px;
  color: #fff;
  font-size: 12px;
  padding:0px 9px;
}
.favorite .disable:before{
  content: "\f00d";
  font-size: 13px;
  background: #888888;
  height: 20px;
  padding: 4px 3px 2px 3px;
  width: 20px;
  margin-right: -9px;
  vertical-align: sub;
  color: #fff;
  font-family: "fontawesome";
  border-radius: 50%;
  margin-left: 5px;
  display: inline-block;
  text-align: center;
  padding-top: 1px;
}

/*-------------------tab---------------------------*/
.nav-tabs > li > a:hover{border-color:transparent;}
.nav > li > a:hover, .nav > li > a:focus{background:transparent; outline: none;}
.nav-tabs > li > a{border:none;}
.more-detail {margin-top: 20px; margin-bottom: 20px;}
.more-detail .nav-tabs > li.active > a, 
.more-detail .nav-tabs > li.active > a:hover, 
.more-detail .nav-tabs > li.active > a:focus{
  border:none;
  box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.1);
  -moz-box-shadow:  0px 1px 1px 1px rgba(0,0,0,0.1);
  -webkit-box-shadow:  0px 1px 1px 1px rgba(0,0,0,0.1);
  -o-box-shadow:  0px 1px 1px 1px rgba(0,0,0,0.1);
  -ms-box-shadow:  0px 1px 1px 1px rgba(0,0,0,0.1); 
  margin: 0;
}

.more-detail .nav-tabs{
  border:none;
  position: relative;
  z-index: 2;
}
.more-detail .nav-tabs > li{margin-bottom: 2px; position: relative;}
.more-detail .nav-tabs > .active:after{
  content: "";
  background: #fff;
  width: 100%;
  height: 11px;
  position: absolute;
  right: 0px;
  bottom: -11px;
}
.more-detail .tab-content{
  background: #fff;
  padding: 30px 15px;
  border-radius: 5px;
  box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.1);
  -moz-box-shadow:  0px 1px 1px 1px rgba(0,0,0,0.1);
  -webkit-box-shadow:  0px 1px 1px 1px rgba(0,0,0,0.1);
  -o-box-shadow:  0px 1px 1px 1px rgba(0,0,0,0.1);
  -ms-box-shadow:  0px 1px 1px 1px rgba(0,0,0,0.1); 
}
.more-detail .nav-tabs > .active > a{
  font-size: 16px;
  color: #08a6d5;
}

.more-detail .nav-tabs > li > a{
  margin: 0;
  font-size: 14px;
  color: #555555;
  margin-left: 5px;
}
#revision{padding: 0px 5px;}
#revision p{
  font-size: 13px;
  color: #333333;
  text-align: justify;
  line-height: 25px;
}
.Rpic{margin-left: 15px; }
.Lpic{margin-right: 15px;}
#attribute {position: relative; padding: 0px 15px 10px;}
#attribute table{
  width: 100%;
  margin:0 auto;
}
#attribute table tr td:first-child{
  width: 21%;
  height: 100%;
  color: #cccccc;
  font-size: 13px;
  border-left: 1px solid #fff;
  vertical-align: middle;
  line-height: 25px;
  padding: 5px;
}
#attribute table tr:nth-child(2n) td:first-child{background: #333333;}
#attribute table tr:nth-child(2n+1)  td:first-child{background: #444444;}
#attribute table tr:nth-child(2n) td:last-child{background: #e7ecf2;}
#attribute table tr:nth-child(2n+1)  td:last-child{background: #f8fbff;}

#attribute table td:last-child{
  width: 79%;
  height: 100%;
  background: #333;
  color: #333333;
  border-right: 2px solid #fff;
  vertical-align: middle;
  line-height: 25px;
  padding: 5px 15px;
}
#attribute header{position: relative;}
#attribute header h4{
  font-size: 14px;
  line-height: 35px;
  color: #f54e1c;
  position: relative;
  background: #fff;
  padding-left: 25px;
  display: inline-block;
}
#attribute header:before{
  content: "";
  background: #d7dde4;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 52%;
  right: 0;
}

#comments{
  padding: 0px 5px;
}
.headLine{
  border-bottom: 2px solid #eaf1f3;

}
.headLine h4{
  font-family: "Ham3D_Medium";
  font-size: 15px;
  line-height: 40px;
  margin: 0;
  margin-bottom: -2px;
  display: inline-block;
  padding: 0px 6px 0px 15px;
  color: #000000;
  border-bottom: 2px solid #e93a30;
}
.comment-list{
  padding: 30px 25px 30px 0px;
}
.comment-list li{
  padding: 30px 0px;
}
.comment-list li .user-img{
  float: right;
  width: 5%;
  height: 50px;
}
.comment-list li .info{width: 95%; float: right; padding-right: 5px;}
.comment-list li h5{
  margin:0;
  font-size: 15px;
  color: #e93a30;
  line-height: 25px;
  display: inline-block;

}
.comment-list li .date{
  color: #888888;
  font-size: 13px;
  display: inline-block;
  line-height: 25px;
  margin:0px 5px;
}
 .comment-list .info p{
  font-size: 13px;
  margin: 0;
  line-height: 25px;
  color: #333333;
}
.send-comment{padding-right: 55px;}
.send-comment > div{
  padding: 0;
  padding-left: 10px;
}


.send-comment textarea,
.send-comment input[type=text]{
  width: 100%;
  height: 45px;
  border:2px solid #e6ecee;
  border-radius: 5px;
  resize:none;
  padding:10px;
  line-height: 28px;
  color: #6F6F6F;
  font-size: 14px;
  margin-bottom: 10px;
}
.send-comment textarea{
  height: 150px;
  margin-top: 50px;
}
.send-comment textarea:focus,
.send-comment input[type=text]:focus{border-color: #485059;}
.send-comment .code{
  width: 100%;
  overflow: hidden;
  border:2px solid #e6ecee;
  position:relative;
  border-radius: 4px;
}
.send-comment .code input[type=text]{
  width: 60%;
  float: right;
  border:none;
  margin: 0;
}
.send-comment .code a{
  width:40%;
  float:left;
  text-align:center;
  background:#333333;
  color:#fff;
  font-size:19px;
  line-height:38px;
  height:45px;
}

.send-comment input[type=submit]{
  width:100%;
  text-align:center;
  background:#08a6d5;
  color:#fff;
  font-size:18px;
  line-height:40px;
  height:47px;
  border-radius: 4px;
}

.send-comment  input[type=submit]:hover{background:#0795bf;}
.rating {padding-top: 50px;}
.rating span,
.rating p{
  display: block;
  font-size: 13px;
  color: #444444;
  line-height: 27px;
}
.rating span{margin-top: 10px;}
.rating h4{
  font-size: 16px;
  color: #000000;
  line-height: 25px;
  margin: 0;
}
.rating img{
  vertical-align: middle;
}
/* ==========================================================================
   hesab-karbari
   ========================================================================== */
.user-nav {
    max-width: 220px;
    padding-left: 20px;
    width: auto;
}
.user-nav.active:after{
  display: none !important;
}
.user-nav > span{
  max-width: 200px;
  overflow: hidden;
}
.user-nav > span:after{content: "" !important;}
.border{
  border:1px solid #e7e7e7;
  border-radius: 5px;
  padding: 15px 15px 100px !important;
}
.user-nav .relo-content{
  border:1px solid #d4dddf;
  width: 220px;
  background: #e6f0f3;
  padding: 0;
  border-radius: 4px;
}
.user-nav .relo-content ul li a{
  display: block;
  line-height: 40px;
  border-bottom: 1px solid #cfdadd;
  font-size: 13px;
  color: #666666;
}
.user-nav .relo-content ul li a:before{
  content: "\f111";
  display: inline-block;
  color:#d8d8d8 ;
  font-family: "FontAwesome";
  font-size: 8px;
  vertical-align: middle;
  margin: 0px 7px;

  transition:all 0.3s;
  -o-transition:all 0.3s;
  -moz-transition:all 0.3s;
  -webkit-transition:all 0.3s;
}
.user-nav .relo-content ul li a:hover,
.user-nav .relo-content ul li a.active,
.user-nav .relo-content ul li a.active:before,
.user-nav .relo-content ul li a:hover:before{
  color: #0795bf;
}
.border h2{
  margin: 0;
  font-size: 16px;
  line-height: 35px;
  color: #000000;
}
.profile{
  padding: 15px 15px 20px !important;
}
.profile .top-txt{
  font-size: 12.6px;
  color: #333333;
  line-height: 25px;
  padding-right: 0;
  margin: 0;
  padding-left: 40px;
}
.profile h3{
  font-size: 15px;
  color: #ff5c2a;
  margin: 0;
  margin-top: 50px;
}
.profile .name{
  color: #ff5c2a;
  font-size: 15px;
  line-height: 30px;
  padding-right: 0;
  margin: 0;
  font-weight: normal;
}
.profile .info-txt{
  color: #52759e;
  font-size: 14px;
  line-height: 25px;
  padding-right: 0;
  font-weight: normal;
  margin: 0;
}
.profile .sep{
  width: 100%;
  border-bottom: 2px dotted #dee5ec;
  margin: 20px 0px;
}
.profile .info-txt > span,
.profile .info-txt > em{
  color: #333333;
  margin-right: 5px;
}
.profile em{font-style: normal;}
.profile a{
  font-size: 14px;
  display: block;
  float: left;
  color: #fff;
  line-height: 40px;
  height: 40px;
  background: #b8b8b8;
  margin-right: 5px;
  padding: 0px 10px;
  font-weight: normal;
  margin-top: 30px;
}
.profile a:hover{
  background: #22a7f0;
}
.border .comment-list,
.comment-list .info p{
  padding:0;
}
/* ==========================================================================
   order-list
   ========================================================================== */
#order-list table {margin-top: 20px;}
#order-list table tr th,
#order-list table tr td{text-align:center;}
#order-list table tr th{border-bottom:none; color:#fff; background:#2C2C2C;}
#order-list table,
#order-list table a{
  color: #777777;
  font-size: 13px;
  line-height: 25px;
}
#order-list table tr:hover{background:#e8e8e8;}
#order-list table a{cursor:pointer;}

#order-list table a:hover{color:#cc0000;}
#order-list table .remove {
  width: 13px;
  height: 13px;
  background: url(../img/icons.png) no-repeat -60px -26px;
  cursor: pointer;
  display:block;
  margin:6px auto;
}
#order-list table .remove:hover {
  background-position: -60px -44px;
}


@media only screen and (max-width: 992px){
  
    /* Force table to not be like tables anymore */
    #order-list table,#order-list thead,#order-list tbody,#order-list th,#order-list td,#order-list tr { 
      display: block; 
    }
    
    /* Hide table headers (but not display: none;, for accessibility) */
    #order-list thead tr { 
      position: absolute;
      top: -9999px;
      left: -9999px;
    }
    
    #order-list tr { border: 1px solid #ccc; }
    
    #order-list td { 
      /* Behave  like a "row" */
      border: none;
      border-bottom: 1px solid #eee; 
      position: relative;
      padding-right: 50%; 
    }
    
    #order-list td:before { 
      /* Now like a table header */
      position: absolute;
      /* Top/left values mimic padding */
      top: 6px;
      right: 6px;
      width: 45%; 
      padding-left: 10px; 
      white-space: nowrap;
    }
    
    /*
    Label the data
    */
    #order-list td:nth-of-type(1):before { content: "ردیف"; }
    #order-list td:nth-of-type(2):before { content: "کد سفارش"; }
    #order-list td:nth-of-type(3):before { content: "نام محصول"; }
    #order-list td:nth-of-type(4):before { content: "مبلغ کل"; }
    #order-list td:nth-of-type(5):before { content: "وضعیت پرداخت"; }
    #order-list td:nth-of-type(6):before { content: "وضعیت سفارش"; }
    #order-list td:nth-of-type(7):before { content: "تاریخ"; }
    #order-list td:nth-of-type(8):before { content: "جزئیات"; }
    #order-list td:nth-of-type(9):before { content: "حذف"; }
  }
/* ==========================================================================
   about
   ========================================================================== */
.breadcrumb{
  border-radius: 0px;
  background: transparent;
  padding: 10px 5px;
  margin: 0px 2px;
}
.breadcrumb li{color: #f3673d;}
.breadcrumb li a{    
  font-size: 11px;
  line-height: 15px;
  color: #666666;
}
.breadcrumb > li + li:before {
  color: #666666;
  padding:0px 2px;
}
.about{
  padding: 15px 20px 50px;
}
.about .headLine{margin-bottom: 40px;}
.about .headLine h4{
  padding-left: 40px;
  padding-right: 10px;
  border-color: #ff5c2a;
}
.about > div{
  padding: 0;
}
.about p{
  font-size: 13px;
  line-height: 25px;
  color: #333333;
  text-align: justify;
  padding-right: 20px;
}
.about img{border-radius: 5px;}
/* ==========================================================================
   news
   ========================================================================== */
.news{
  padding: 15px 20px 50px;
}
.news .headLine{margin-bottom: 40px;}
.news .headLine h4{
  padding-left: 40px;
  padding-right: 10px;
  border-color: #ff5c2a;
}
.right-mnu{
  border:1px solid #e7e7e7;
  border-radius: 5px;
  padding: 0px 10px;
  margin-left: 20px;
}
.right-mnu h2{
  font-size: 16px;
  margin: 0;
  color: #08a6d5;
  line-height: 40px;
}
.right-mnu ul li{margin: 0;}
.right-mnu ul li a{
  font-size: 13px;
  color: #666666;
  line-height: 40px;
  border-bottom: 1px solid #e7e7e7;
  display: block;
}
.right-mnu ul li:last-child a{border-bottom: none;}
.right-mnu ul li a:hover,
.right-mnu ul li a:hover:before,
.right-mnu ul li .active,
.right-mnu ul li .active:before{ color: #08a6d5;}

.right-mnu ul li a:before{
  content: "\f111";
  display: inline-block;
  color:#d8d8d8 ;
  font-family: "FontAwesome";
  font-size: 8px;
  vertical-align: middle;
  margin: 0px 7px;

  transition:all 0.3s;
  -o-transition:all 0.3s;
  -moz-transition:all 0.3s;
  -webkit-transition:all 0.3s;
}
.filter-news{
  border:1px solid #e7e7e7;
  border-radius: 5px;
  padding: 10px;
}
.filter-news > div{padding: 0;}
.filter-news input[type=text]{
  background: #f3f3f3;
  font-size: 13px;
  color: #888888;
  width: 100%;
  border-radius: 3px;
  height: 30px;
  line-height: 20px;
  padding: 5px 10px;
}
.filter-news input[type=submit]{
  position: absolute;
  font-family: "FontAwesome";
  left: 0px;
  top: 4px;
  color: #0CF;
  font-size: 16px;
  font-weight: normal;
}
.filter-news p,
.btn-pagging p{
  font-size: 13px;
  float: right;
  line-height: 28px;
  margin-bottom: 0;
  vertical-align: middle;
  color: #282828;
  margin-right: 10px;
}
.filter-news p{margin-right: 25px;}
.pagination{
  margin: 0;
  float: left;
  margin-top: 2px;
}
.pagination > li{
  float: right;
}
.pagination > li a{
  border:1px solid #dedede;
  font-size: 13px;
  color: #282828;
  padding: 0px 8px;
  line-height: 24px;
}

.pagination > li:first-child > a, 
.pagination > li:first-child > span{
  margin-left: -1px;
  border-radius: 0px 4px 4px 0px;
  padding: 0px 8px;
  color: #A0A0A0;
  line-height: 24px;
}
.pagination .fa-angle-right,
.pagination .fa-angle-left{
  font-size: 21px;
  vertical-align: middle;
}
.pagination > li:last-child > a, 
.pagination > li:last-child > span{
  margin-right: -1px;
  border-radius: 4px 0px 0px 4px;
  padding: 0px 8px;
  color: #A0A0A0;
  line-height: 24px;
}
.pagination > li > a:hover, 
.pagination > li > span:hover, 
.pagination > li > a:focus, 
.pagination > li > span:focus{
  background: #f3673d;
  color: #fff;
}
.btn-pagging p{
  float: left;
  margin-left: 15px;
}
.btn-pagging{padding: 10px 20px;}
.news .col-sm-9 > ul li{margin: 10px 0px;}
.news .col-sm-9 > ul li > div{
  border-bottom: 1px solid #dee6e8;
}
.news .col-sm-9 > ul{
  margin: 0px -15px;
}

.news .col-sm-9 > ul li h3{margin: 0; padding: 0px 10px;}
.news .col-sm-9 > ul li h3 a{
  font-size: 15px;
  line-height: 30px;
  color: #000000;
}
.news .btn-pagging{padding: 10px 0px;}
.news .col-sm-9 > ul li:hover h3 a{
  color: #FF5C2A;
}
.news .col-sm-9 > ul li:hover img{opacity: 0.65;}
.news .col-sm-9 > ul li .summery{
  font-size: 13px;
  line-height: 23px;
  color: #333333;
  min-height: 115px;
  height: 115px;
  overflow: hidden;
  text-align: justify;
  padding: 0px 10px;
}
.news .col-sm-9 > ul li .more{
  font-size: 12px;
  line-height: 30px;
  color: #ff5c2a;
  margin-top: 10px;
  padding: 0px 10px;
  float:left;
}
.news .col-sm-9 > ul li .more:after{
  content: "\f100";
  display: inline-block;
  color: #ff5c2a;
  vertical-align: middle;
  font-size: 10px;
  margin-right: 5px;
  font-family: "FontAwesome";
}
.news .col-sm-9 > ul li .date{
  font-size: 12px;
  line-height: 23px;
  color: #777777;
  padding: 0px 10px;
  margin-bottom: 0;
}
/* ==========================================================================
   basket
   ========================================================================== */
.basket-bar{margin: 30px 10px 30px 0px;}
.basket-bar > div{padding: 0}
.basket-bar a{
  display:inline-block;
  width:96%;
  height:40px;
  background:#efefef;
  color:#999999;
  line-height:35px;
  font-size:17px;
  padding: 0px 20px 0px 5px;
  border-radius:4px;
  font-weight:normal;
  position:relative;
}
.basket-bar a:before{
  content:"";
  width:0;
  height:0;
  position:absolute;
  border-bottom:20px solid transparent;
  border-top:20px solid transparent;
  border-right:15px solid #efefef;
  left: -13px;
  top: 0px;
  z-index: 2;
}

.basket-bar a:after{
  content:"";
  width:0;
  height:0;
  position:absolute;
  border-bottom:20px solid #efefef;
  border-top:20px solid #efefef;
  border-right:15px solid #fff;
  right: -6px;
  top: 0px;
  z-index: 1;

}
.basket-bar > div:first-child a:after, .basket-bar > div:last-child a:before{border:none;}
.basket-bar .current:after{
  border-bottom-color: #ff5c2a;
  border-top-color: #ff5c2a;
}
.basket-bar .current:before{
  border-right-color: #ff5c2a;
}

.basket-bar .badge{
  margin-left: 6px;
  background: #999999;
  font-size: 15px;
  width: 32px;
  line-height: 31px;
  border-radius: 50%;
  padding: 0px;
  height: 32px;
}
.basket-bar .current{
  background:#ff5c2a;
  color:#fff;
}
.basket-bar .current .badge{background: #e55326;}

.next-page{
  border:2px solid #e0e0e0;
  display: block;
  border-radius: 4px;
  line-height: 40px;
  color: #ff5c2a;
  font-size: 15.5px;
  text-align: center;
  margin-bottom: 20px;
  position: relative;
  z-index: 2;
}
.next-page .fa-arrow-left{font-size: 12px; margin-right: 5px;}

.next-page.button--ujarak {
  -webkit-transition: border-color 0.4s, color 0.4s;
  transition: border-color 0.4s, color 0.4s;
}
.next-page.button--ujarak::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ff5c2a;
  z-index: -1;
  opacity: 0;
  -webkit-transform: scale3d(0.7, 1, 1);
  transform: scale3d(0.7, 1, 1);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.next-page.button--ujarak.button--round-s::before {
  border-radius: 2px;
}
.next-page.button--ujarak.button--inverted::before {
  background: #ff5c2a;
}
.next-page.button--ujarak,
.next-page.button--ujarak::before {
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.next-page.button--ujarak:hover {
  color: #fff;
  border-color: #ff5c2a;
}
.next-page.button--ujarak.button--inverted:hover {
  color: #37474F;
  border-color: #fff;
}
.next-page.button--ujarak:hover::before {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.prev-page{
  background:#b8b8b8;
  color:#fff;
  text-align:center;
  color:#fff;
  font-size:12px;
  line-height:28px;
  height:28px;
  border:none;
  border-radius: 4px;
  margin-top: 8px;
}
.prev-page:hover{color:#fff;background: #999;}

.basket-page{
  padding:20px 20px 30px;
}
.basket-page .headLine{margin-bottom: 10px;}
.basket-page .headLine h4{
  padding-left: 30px;
  padding-right: 10px;
  border-color: #ff5c2a;
}

.basket-item{padding: 0px 10px;}

.basket-item li{
  border-bottom:1px solid #dedede;
  padding:15px 0px;
  position:relative;
}
.basket-item li:first-child{padding: 0;}

.basket-item li > div{
  text-align:center;
  font-size:14px;
  padding-top:30px;
  line-height:30px;
}
.basket-item li:first-child > div{
  padding-top:0;
  color: #333333;
  font-size: 15px;
  margin: 0;
  line-height: 40px;
}
.basket-item li > div:first-child{
  text-align:right;
  padding-top:0;
}
.basket-item .remove{
  width:13px;
  height:13px;
  background:url("../img/icons.png") no-repeat scroll -13px -348px transparent;
  z-index:9;
  float:left;
  cursor:pointer;
  margin-top:10px;
  position:absolute;
  top:45px;
  left:10px;
}
.basket-item .remove:hover{background-position:-53px -348px;}
.basket-item .img-pro{
  margin: 0 0 30px 10px;
  width: 27%;
  height: auto;
  float: right;
  border:1px solid #edecec;
}
.basket-item .fa-name a{
  font-size: 12px;
  color: #555555;
  line-height: 23px;
  display: block;
}
.basket-item .en-name a{
  font-size: 17px;
  line-height: 23px;
  color: #000000;
  font-family: tahoma;
  display: block;
}
.basket-item .en-name ,
.basket-item .fa-name {
  margin-bottom: 0;
}
.basket-item .garanti,
.basket-item .color{
  font-size: 13px;
  color: #333333;
  line-height: 23px;
  margin-bottom: 0;
}


.nums{
  width: 81px;
  height: 25px;
  overflow: hidden;
  margin:0px auto;
}
.show-num{
  color: #5b5b5b;
  width: 25px;
  height: 25px;
  line-height: 25px;
  float: right;
  font-family: Tahoma;
  font-size: 15px;
  text-align: center;
  border:1px solid #e8e8e8;
}
.nums a{
  color: #333333;
  float: left;
  width: 25px;
  background: #f4f4f4;
  text-align: center;
  margin-right: 3px;
  line-height: 25px;
  font-size: 16px;
  cursor: pointer;
}
.nums a:hover{
  color:#fff;
  background:#333333;
}
.green{color:#28a928;}
.blue{color:#428bca;}
.red{color: #cc0000;}
.info-item p{
  font-size:13px;
  line-height:27px;
  color:#666666;
  padding:20px 0px;
}
.end-price{
  border-bottom: 1px solid #e9e9e9;
  padding: 10px 0px;
  margin: 0px 10px 15px;
}
.prices p{
  margin: 0;
  font-size:13px ;
  line-height:37px ;
  color: #000000;
}
.info-item p .fa-circle{
  font-size:10px;
  vertical-align:middle;
  margin-left:4px;
  color:#ebab30;
}
.prices p span{
  float: left;
  font-size: 15px;
}


/* ==========================================================================
   basket2
   ========================================================================== */
.login-page > div{background:#fff; width:48%; margin:20px 0px 10px;}
.login-page > div:first-child{
  padding:10px 23px 45px;
}
.login-page > div{
  width: 49%;
  height: 300px;
  border:1px solid #cccccc;
  border-radius: 4px;
}
.login-page > div:first-child{
  margin-left: 1%;
  float: right;
}
.login-page > div:last-child{
  margin-right: 1%;
  float: left;
}
.login-page > div:first-child h3{
  font-size:16px;
  color:#08a6d5;
  line-height:40px;
  position:relative;
  margin:0;
  margin-bottom:25px;
}
.login-page > div:first-child input[type=text]{
  width:70%;
  float: left;
  height:40px;
  padding:5px 10px;
  line-height:25px;
  border:2px solid #e6ecee;
  border-radius: 4px;
  margin-bottom:10px;
}
.login-page > div:first-child input[type=password]:focus{border-color:#2C2C2C;}
.login-page > div:first-child input[type=password]{
  width:70%;
  float: left;
  height:40px;
  padding:5px 10px;
  line-height:25px;
  border:2px solid #e6ecee;
  border-radius: 4px;
  margin-bottom:10px;
}
.login-page > div:first-child input[type=text]:focus{border-color:#2C2C2C;}

.login-page > div:first-child label{
  font-size:13px;
  color:#000;
  line-height: 40px;
  clear: both;
  font-weight:normal;
  display:block;
  padding:0px 10px;
  float: right;
  width: 30%;
}
.login-page > div:first-child > div{margin-top:3px;}
.login-page > div:first-child > div label{
  font-size:13px;
  color:#666666;
  display:block;
  font-weight:normal;
  padding:0;
  line-height:25px;
  float: right;
  margin:7px 30% 15px 0px;
}
.login-page > div:first-child > div a{
  color:#ff3434;
  display:block;
  font-size:13px;
  font-weight:normal;
  line-height:23px;
  float: left;
  margin: 4px 0px 10px 0px;
  
}
.login-page > div:first-child input[type=submit]{
  background: #08a6d5;
  width: 40%;
  border-radius: 4px;
  color: #fff;
  float: left;
  height: 40px;
  line-height: 36px;
  font-size: 14px;
  margin-bottom: 10px;
}
.login-page > div:first-child input[type=submit]:hover{background: #0795bf;}

.login-page > div:first-child input[type=submit]:hover{background:#ce0035;}

.login-page > div:last-child{
  padding:10px 23px 45px;
  text-align:center;
}
.login-page > div:last-child h2{
  font-size:18px;
  color:#08a6d5;
  margin:0;
  margin-bottom: 35px;
  line-height:50px;
}
.login-page > div:last-child p{
  font-size:14px;
  color:#333333;
  line-height:24px;
}
.login-page > div:last-child a{
  width:250px;
  z-index: 2;
  line-height:40px;
  font-size:16px;
  height:43px;
  margin:70px auto 0px;
  border: 2px solid #E0E0E0;
  display: block;
  border-radius: 4px;
  line-height: 36px;
  height: 40px;
  color: #FF5C2A;
  font-size: 15.5px;
  text-align: center;
  position: relative;
}
.login-page > div:last-child .button--ujarak {
  -webkit-transition: border-color 0.4s, color 0.4s;
  transition: border-color 0.4s, color 0.4s;
}
.login-page > div:last-child .button--ujarak:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ff5c2a;
  z-index: -1;
  opacity: 0;
  -webkit-transform: scale3d(0.7, 1, 1);
  transform: scale3d(0.7, 1, 1);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.login-page > div:last-child .button--ujarak.button--round-s:before {
  border-radius: 2px;
}
.login-page > div:last-child .button--ujarak.button--inverted:before {
  background: #ff5c2a;
}
.login-page > div:last-child .button--ujarak,
.login-page > div:last-child .button--ujarak:before {
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.login-page > div:last-child .button--ujarak:hover {
  color: #fff;
  border-color: #ff5c2a;
}
.login-page > div:last-child .button--ujarak.button--inverted:hover {
  color: #37474F;
  border-color: #fff;
}
.login-page > div:last-child .button--ujarak:hover::before {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
/* ==========================================================================
   more-page
   ========================================================================== */
.more-page > div {
  margin-top: 30px;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
  padding: 15px;
}
.more-page input[type=submit]{
  width: 100%;
  height: 40px;
  line-height: 37px;
  color: #333333;
  display: block;
  font-size: 14px;
  text-align: center;
  border: 1px solid #c89411;
  border-radius: 4px;
  margin-top: 10px;
  background: linear-gradient(to bottom,#f1f1e6,#efbc40);
  background: -moz-linear-gradient(to bottom,#f1f1e6,#efbc40);
  background: -webkit-linear-gradient(to bottom,#f1f1e6,#efbc40);
  background: -o-linear-gradient(to bottom,#f1f1e6,#efbc40);
  background: -ms-linear-gradient(to bottom,#f1f1e6,#efbc40);
}
.more-page  input[type=submit]:hover{
  background: linear-gradient(to bottom,#efbc40,#f1f1e6);
  background: -moz-linear-gradient(to bottom,#efbc40,#f1f1e6);
  background: -webkit-linear-gradient(to bottom,#efbc40,#f1f1e6);
  background: -o-linear-gradient(to bottom,#efbc40,#f1f1e6);
  background: -ms-linear-gradient(to bottom,#efbc40,#f1f1e6);
}
.more-page input[type=text],
.more-page input[type=password]{
  width:100%;
  height:40px;
  padding:5px 10px;
  line-height:25px;
  border:2px solid #e6ecee;
  border-radius: 4px;
  margin-bottom:10px;
}
.more-page .code input[type=text]{
  width: 70% !important;
  float: right;
  border-radius: 0px 4px 4px 0px !important;
}
.more-page label{
  font-size:14px;
  color:#333333;
  display:block;
  font-weight:normal;
  padding:0;
  line-height:25px;
  padding-right:7px;
}

.more-page input[type=text]:focus,
.more-page input[type=password]:focus{border-color:#2C2C2C;}

.more-page .code a{
  width: 30%;
  border-radius: 4px 0px 0px 4px;
  float: right;
  border: 2px solid #392212;
  text-align: center;
  border-right: none;
  background: #333;
  height: 40px;
  line-height: 30px;
  color: #fff;
}
.more-page .code a img{vertical-align: middle; max-width: 100%;}
/* ==========================================================================
   register
   ========================================================================== */
.register-page input[type=submit]{
  width: 100%;
  height: 40px;
  line-height: 37px;
  color: #333333;
  display: block;
  font-size: 14px;
  text-align: center;
  border: 1px solid #c89411;
  border-radius: 4px;
  margin-top: 10px;
  background: linear-gradient(to bottom,#f1f1e6,#efbc40);
  background: -moz-linear-gradient(to bottom,#f1f1e6,#efbc40);
  background: -webkit-linear-gradient(to bottom,#f1f1e6,#efbc40);
  background: -o-linear-gradient(to bottom,#f1f1e6,#efbc40);
  background: -ms-linear-gradient(to bottom,#f1f1e6,#efbc40);
}
.register-page input[type=submit]:hover{
  background: linear-gradient(to bottom,#efbc40,#f1f1e6);
  background: -moz-linear-gradient(to bottom,#efbc40,#f1f1e6);
  background: -webkit-linear-gradient(to bottom,#efbc40,#f1f1e6);
  background: -o-linear-gradient(to bottom,#efbc40,#f1f1e6);
  background: -ms-linear-gradient(to bottom,#efbc40,#f1f1e6);
}
.register-page .code input[type=text]{
  width: 70% !important;
  float: right;
  border-radius: 0px 4px 4px 0px !important;
}
.register-page .code a{
  width: 30%;
  border-radius: 4px 0px 0px 4px;
  float: right;
  border: 2px solid #392212;
  border-right: none;
  background: #333;
  height: 40px;
  line-height: 30px;
  color: #fff;
  text-align: center;
}
.register-page .code a img{vertical-align: middle;max-width: 100%;}
.register-page h3{
  font-size: 17px;
  color: #0795bf;
  line-height: 55px;
  text-align: center;
  border-bottom: 1px solid #e7e7e7;
  margin: 0;
  margin-bottom: 25px;
}
.register-page > div{
  margin-top: 30px;
  border:1px solid #e7e7e7;
  border-radius: 4px;
  min-height: 435px;
}
.register-page > div:first-child{margin-left: 30px; margin-right: 11.3%;}


.register-page > div:last-child p{
  text-align: center;
  font-size: 13px;
  color: #333333;
  padding: 0px 20px;
  text-align: justify;
}
.register-page> div:first-child label{
  font-size:14px;
  color:#333333;
  display:block;
  font-weight:normal;
  padding:0;
  line-height:25px;
  padding-right:7px;
}
.register-page> div:first-child input[type=text]{
  width:100%;
  height:40px;
  padding:5px 10px;
  line-height:25px;
  border:2px solid #e6ecee;
  border-radius: 4px;
  margin-bottom:10px;
}
.register-page > div:first-child input[type=text]:focus{border-color:#2C2C2C;}

.register-page> div:first-child input[type=password]{
  width:100%;
  height:40px;
  padding:5px 10px;
  line-height:25px;
  border:2px solid #e6ecee;
  border-radius: 4px;
  margin-bottom:10px;
}
.register-page > div:first-child input[type=password]:focus{border-color:#2C2C2C;}

.register-page> div:first-child  .ghavanin{
  font-size: 12px;
  line-height: 23px;
  color: #010101;
}
.register-page> div:first-child .ghavanin a{color: #ff5c2a;}

.register-page> div:first-child .register-khabarname{
  font-size: 13px;
  margin: 8px 0px;
  line-height: 23px;
  color: #000000;
}
/* ==========================================================================
   send-order
   ========================================================================== */

.order-info{
  margin-bottom:20px !important;  
  padding:15px 20px; 
  border:1px solid #edecec;
  border-radius: 4px;
}


.send-way{
  margin-right: 1%;
  float: left;
  border:1px solid #edecec;
  padding: 15px;
  border-radius: 4px;
  height: 299px;
  margin-bottom: 10px;
}

.push{
  padding: 0px 10px;
}
.order-info > div > div{padding:0;}
.order-info div.selector{margin-bottom:10px; border:1px solid #e3e3e3; height: 30px;}
.order-info div.selector span{line-height: 30px;}
.order-info div.selector select{height: 30px;}
.order-info input[type=text]{
  padding:5px 10px;
  height:30px;
  width:100%;
  border:1px solid #e3e3e3;
  line-height:30px;
  margin-bottom:10px;
  border-radius: 4px;
  
}
.order-info input[type=text]:focus{
  border-color: #2C2C2C;
}
.order-info textarea{
  padding:5px 10px;
  height:113px;
  line-height:30px;
  width:100%;
  border:1px solid #e3e3e3;
  margin-bottom:10px;
  border-radius: 4px;
  resize:none;
  
}
.order-info textarea:focus{
  border-color: #2C2C2C;
}
.order-info:last-child textarea{
  height:90px;
}
.edit-tamas{
  text-align: center;
  line-height: 35px;
  font-size: 13.6px;
  border-radius: 5px;
  color: #fff !important;
  background: #666666;
}

.edit-tamas:hover{
  background:#555;
  color:#fff;
}
.order-info label{font-size:12px; line-height:24px;}
.order-info p{font-size:12px; line-height:23px; margin-bottom: 0}
.order-info p .fa-circle{font-size:8px; color:#d8d8d8; vertical-align:middle; margin-left:4px;}

.order-info .hoghughi-txt{
  color: #eb2227;
  margin-top: 10px;
  font-size:16px;
  line-height: 30px;
  display: block;
  padding-right: 5px;
  margin-bottom: 5px;
  clear: both;
}
.order-info .hoghughi{
  background: #f9f9f9;
  border:1px solid #dedede;
  padding:15px 10px;
  border-radius: 3px;
}
.order-info .hoghughi a{
  display: block;
  font-size: 13px;
  color: #4183d7;
  line-height: 23px;
}
.order-info .hoghughi label{
  font-size: 13px;
  line-height: 10px;
  color: #000000;
}
.order-info .hoghughi label span{
  color: #df060e;
  margin: 0 3px;
}
.send-way label{
  line-height: 37px;
  color: #444444;
  font-size: 12px;
  margin:0;
  padding:10px 7px 10px 0px;
}

.green2{color:#3cb878;}
.red {
  color: #EB2227;
  font-style: normal;
}
.black{color:#000;}
.send-way > div{
  transition:all 0.3s;
  -o-transition:all 0.3s;
  -moz-transition:all 0.3s;
  -webkit-transition:all 0.3s;
}
.blue2{color:#0054ff;}
.org{color:#ff7852;}
.send-way > div:hover{background:#f3f3f3;}
.send-way > div p{
  padding:10px 0px 10px 7px;
  font-size:13px;
  line-height:37px;
}
.kado header > div,
.send-way header > div,
.order-info header > div{
  padding:0;
}
.send-way header h3,
.order-info header h3{
  font-size:17px;
  color:#08a6d5;
  line-height:25px;
  margin:0;
  float: right;
}
.send-way header span,
.order-info header span{
  font-size:13px;
  line-height:27px;
  color:#666666;
  margin-bottom:20px;
  display:block;
  clear: both;
}
.send-way header p,
.order-info header p{
  font-size:14px;
  line-height:30px;
  border:1px solid #e5e5e5;
  padding:0px 10px;
}
.send-way > div{
  border-bottom: 1px solid #e8e8e8;
}
.send-way > div:last-child{border-bottom: none;}

/* ==========================================================================
   pardakht
   ========================================================================== */

.finish-submit{
  margin-top:25px;
}

.finish-submit > div{
  border:1px solid #edecec;
  border-radius: 4px;
  min-height: 543px
}
.finish-submit .detail{
  border-top:1px solid #dcdcdc;
  padding:15px 17px;
}
.finish-submit .detail label{
  display:block;
  line-height:32px;
  color:#333333;
  font-size:13.6px;
  clear:both;
}
.finish-submit > label{
  padding-right:0px;
  font-size:13px;
  line-height:25px;
  margin-bottom:20px;
}
.total-price{
  width: 49%;
  margin-left: 1%;
  float: right;
}
.total-price h4{
  color:#000;
  font-size:19x;
  line-height:54px;
  padding: 0px 40px;
}
.total-price h4 p{
  line-height:45px;
  font-size:23px;
  color:#00a651;
  float: left;
}
.detail > p{
  font-size:13px;
  color:#333333;
  line-height:40px;
}
.detail > p span{float:left;}
.kopon-takhfif{padding-top: 10px;}
.kopon-takhfif p{
  color:#ce0035;
  font-size:13px;
  line-height:40px;
}
.kopon-takhfif input[type=text]{
  background:#ebebeb;
  width:80%;
  height:35px;
  line-height:35px;
  padding:0px 10px;
  float:right;
  border-radius: 0px 4px 4px 0px;
}
.kopon-takhfif .takhfif_btn{
  background:#FF5C2A;
  width:20%;
  height:35px;
  line-height:35px;
  color:#fff;
  text-align:center;
  border-radius: 4px 0px 0px 4px;
  float:right;
}
.kopon-takhfif .takhfif_btn:hover{background:#253662 ;}
.pardakht > span{
  padding-right: 23px;
  display: block;
  font-size:12.6px;
  color:#666666;
  margin-bottom:10px;
}
.pardakht img{
  border:1px solid #d9d9d9;
  margin-right: 5px;
  margin-bottom: 5px;
}

.nahve-pardakht .submitBtn{
  width: 256px;
  border:2px solid #e0e0e0;
  display: block;
  border-radius: 4px;
  line-height: 36px;
  height: 40px;
  color: #ff5c2a;
  font-size: 15.5px;
  text-align: center;
  margin: 160px auto 0;
  z-index: 3;
  position: relative;
}
.nahve-pardakht .submitBtn:hover{
  background-color:#ff5c2a ;
  color:#fff ;
  border-color: #ff5c2a;
}

.nahve-pardakht{
  width: 49%;
  margin-right: 1%;
  float: left;
}
.nahve-pardakht h4{
  font-size:17px;
  color:#0795bf;
  line-height:55px;
  text-align:center;
}
/* ==========================================================================
   news-info
   ========================================================================== */
.share{
  font-size: 12px;
  color: #666666;
  position: relative;
  line-height: 36px;
  float: right;
  cursor: pointer;
}
.share ul{
  position: absolute;
  right: -30px;
  top: -30px;
  width: 152px;
  padding: 5px 20px;
  background: none repeat scroll 0% 0% #FFF;
  display: none;
  border: 2px solid #E5E5E5;
  border-radius: 2px;
}
.share ul:before{
  content: "";
  border-top: 8px solid #E5E5E5;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  position: absolute;
  top: 27px;
  left: 46%;
}
.share .dropdown-menu > li > a{padding:0;}
.share .dropdown-toggle{padding: 0;background: transparent;}
.share ul li{float: left;}
.share ul .fb a{
  width: 17px;
  height: 17px;
  margin: 0px 5px;
  display: block;
  background: url("../img/icons.png") no-repeat scroll -13px -272px transparent;
}

.share ul .fb a:hover{
  background-position:-13px -303px ;
}
.share ul .tw a{
  width: 17px;
  height: 17px;
  margin: 0px 5px;
  display: block;
  background: url("../img/icons.png") no-repeat scroll -41px -272px transparent;
}
.share ul .tw a:hover{
  background-position: -41px -303px ;
}
.share ul .google a{
  width: 17px;
  height: 17px;
  margin: 0px 5px;
  display: block;
  background: url("../img/icons.png") no-repeat scroll -68px -272px transparent;
}
.share ul .google a:hover{
  background-position:-68px -303px ;
}
.share ul .mail-to-friend a{
  width: 17px;
  height: 17px;
  margin: 0px 5px;
  display: block;
  background: url("../img/icons.png") no-repeat scroll -94px -272px transparent;
}
.print{
  float: left;
  line-height: 36px;
  font-size: 12px;
  color: #444444;
  position: relative;
  padding:0px 20px;
}
.share:before{
  content: "";
  background: url("../img/icons.png") no-repeat scroll -18px -221px transparent;
  width: 21px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  margin: 0px 5px;
}

.print{
  float: left;
  line-height: 36px;
  font-size: 12px;
  color: #444444;
  position: relative;
  padding:0px 20px;
}
.share:before{
  content: "";
  background: url("../img/icons.png") no-repeat scroll -18px -221px transparent;
  width: 21px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  margin: 0px 5px;
}
.print:before{
  content: "";
  background:url("../img/icons.png") no-repeat scroll -71px -219px transparent;
  width: 17px;
  height: 17px;
  display: inline-block;
  vertical-align: middle;
  margin: 0px 5px;
}
.news-info{
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  padding-bottom: 55px;
}
.news-info h2{
  font-size: 16px;
  line-height: 30px;
  margin: 0;
  color: #000;
  padding-right: 20px;
}
.news-info span{
  font-size: 12px;
  color: #777777;
  line-height: 24px;
  padding-right: 20px;
  display: block;
}
.news-info p{
  clear: both;
  font-size: 13px;
  color: #000;
  line-height: 25px;
  padding-right: 10px;
  text-align: justify;
}
.news-info img{
    margin-top: 12px;
    margin-bottom: 13px;
}
.article-cmm{
  padding:35px 20px 70px;
}
/* ==========================================================================
   contact
   ========================================================================== */
.contact {padding:10px 20px 30px;}
.contact .map{
  width:100%;
  overflow:hidden;
  height:300px;
  position:relative;
  margin-bottom:20px;
  margin-top: 25px;
  border-radius: 3px;
  overflow: hidden;
}
.contact .map .locate{
  position:absolute;
  top:45%;
  right:43%;
}

.contact-info .titr{
  font-family: "Ham3D_Medium";
  font-size:13px;
  color:#dd1616;
  line-height:30px;
  margin:0;
  margin-top:15px;
}
.contact-info p{
  font-size:13px;
  display: inline-block;
  color:#333333;
  line-height:23px;
  margin:0;
  padding-right:20px;
}
.contact-info .tel{
  font-size:16px;
  direction: ltr;
  line-height:30px;
  
}
.adr-ico{
  width:38px;
  height:38px;
  margin-left:7px;
  background:url("../img/icons.png") no-repeat scroll -226px -10px transparent;
  display:inline-block;
  vertical-align:middle;
  border-radius: 50%;
  border:2px solid #e6ecee;
}
.phone-ico{
  width:38px;
  height:38px;
  vertical-align:middle;
  background:url("../img/icons.png") no-repeat scroll -227px -58px transparent;
  display:inline-block;
  margin-left:5px;
  border-radius: 50%;
  border:2px solid #e6ecee;
}
.mail-ico{
  width:38px;
  height:38px;
  vertical-align:middle;
  background:url("../img/icons.png") no-repeat scroll -227px -105px transparent;
  display:inline-block;
  margin-left:5px;
  border-radius: 50%;
  border:2px solid #e6ecee;
}
.contact-form{
  padding-bottom: 30px;
  border-right: 1px solid #eaf1f3;
}
.contact-form h4{
  color: #0795bf;
  font-family: "Ham3D_Medium";
  font-size: 16px;
  line-height: 30px;
  margin-top:20px;
}
.contact-form ul li{padding: 0; padding-left: 10px;}
.contact-form form input[type=text],
.contact-form form textarea{
  border:1px solid #d9d9d9;
  height:45px;
  line-height:30px;
  padding:5px 10px;
  width:100%;
  border-radius: 4px;
  border:2px solid #e6ecee;
  color:#333333;
  font-size:12px;
  margin-top:10px;
}
.contact-form form input[type=text]:focus,
.contact-form form textarea:focus{
  border-color:#2C2C2C;
}
.contact-form form textarea{
  height:110px;
  resize:none;
  width:100%;
}
.contact-form form div.selector{
  margin-top:10px;
}

.contact-form form .code {
  position:relative;
  width:100%;
  border-radius: 4px;
  overflow: hidden;
  border:2px solid #e6ecee;
  margin-top: 10px;
}
.contact-form form .code input[type=text]{
  width:60%;
  border:none;
  float:right;
  margin: 0px;
}
.contact-form form .code a{
  width:40%;
  float:left;
  text-align:center;
  background:#333333;
  color:#fff;
  border-radius: 4px 0px 0px 4px;
  font-size:19px;
  line-height:38px;
  height:45px;
}
.contact-form form .code a img{vertical-align: middle;max-width: 100%;}
.contact-form form input[type=submit]{
  width:100%;
  text-align:center;
  background:#08a6d5;
  color:#fff;
  font-size:18px;
  line-height:40px;
  height:47px;
  border-radius: 4px;
  margin-top: 10px;
}

.contact-form form input[type=submit]:hover{background:#0795bf;}

/* ==========================================================================
   footer
   ========================================================================== */

#footer{
  background:url(../img/pattern.png) #52b3d9;
  width: 100%;
}
.top-section{
  width: 100%;
  background: #fff;
  border-top: 3px solid #52b3d9;
  padding: 30px 0px 20px;
}
.top-section > .container{padding:0px 17%;}
.top-section .tel{
  position: relative;
  direction: ltr;
  font-size: 14px;
  color: #3d3f41;
  display: inline-block;
  line-height: 18px;
  float: left;
}
.top-section .tel:before{
  content: "";
  width: 18px;
  height: 15px;
  display: inline-block;
  background: url("../img/icons.png") no-repeat scroll -21px -49px transparent;
  vertical-align: middle;
  margin: 0px 5px;
}
.top-section .mail{
  position: relative;
  direction: ltr;
  font-size: 14px;
  color: #3d3f41;
  display: inline-block;
  font-family: Tahoma;
  float: left;
}
.top-section .sep:after{
  content: "|";
  padding: 0px 5px;
  color: #B7BCBE;
  float: left;
  vertical-align: middle;
  font-size: 14px;
  line-height: 22px;
}
.top-section .mail:before{
  content: "";
  width: 16px;
  margin: 0px 5px;
  display: inline-block;
  height: 12px;
  vertical-align: middle;
  background: url("../img/icons.png") no-repeat scroll -21px -19px transparent;
}
.top-section .social{float: left;}
.top-section .social li{
  float: left;
  margin: 0px 3px;
}
.top-section .social li a:hover{opacity: 0.5;}
.top-section .social .fb a{
  width: 10px;
  height: 22px;
  background: url("../img/icons.png") no-repeat scroll -102px -13px transparent;
  display: block;
}
.top-section .social .linkedin a{
  width: 14px;
  height: 22px;
  background: url("../img/in.png") no-repeat scroll 0px 3px transparent;
  display: block;
}
.top-section .social .tw a{
  width: 21px;
  height: 22px;
  background: url("../img/icons.png") no-repeat scroll -122px -13px transparent;
  display: block;
}
.top-section .social .google a{
  width: 18px;
  height: 22px;
  background: url("../img/icons.png") no-repeat scroll -152px -13px transparent;
  display: block;
}
.top-section .social .inst a{
  width: 18px;
  height: 22px;
  background: url("../img/icons.png") no-repeat scroll -179px -13px transparent;
  display: block;
}

#footer .container .row > div header{padding-top: 25px;}
#footer .container .row > div header,
#footer .container .row > div > ul{
  margin:0px 11px; 
}
#footer .container .row > div > ul{
  border-top: 1px solid #75c2e1;
  padding-top: 5px;
  margin-bottom: 15px;
}

#footer header h3{
  margin:0;
  line-height: 35px;
  border-bottom: 1px solid #428fae;
  font-size: 19px;
  color: #fff;
  padding-right: 3px;
}
#footer .container .row > div > ul li a{
  margin:0;
  line-height: 25px;
  padding-right: 3px;
  font-size: 14px;
  color: #fff;
}
#footer .container .row > div > ul li a:hover{
  padding-right: 8px;
}
#footer .khabarname{
  background:url(../img/pattern.png)  #4aa1c3;
  padding: 10px 15px;
  border-radius: 10px;
  margin-top: 25px;
}
#footer .khabarname h3{
  margin:0;
  color: #fff;
  font-size:21px;
  line-height: 26px;
  margin-bottom: 10px;
}
#footer .khabarname p{
  font-size: 13px;
  text-align: justify;
  line-height: 25px;
  color: #fff;
}
#footer .khabarname input[type=text]{
  width: 100%;
  height: 35px;
  padding: 5px 10px;
  border-radius: 5px;
  background: #fff;
}
#footer .khabarname input[type=submit]{
  width: 100%;
  height: 40px;
  padding: 5px 10px;
  border-radius: 5px;
  background: #fff;
  font-size: 17px;
  background: #6a6f77;
  margin-top: 10px;
  margin-bottom: 5px;
  color: #fff;

  background: linear-gradient(to bottom,#6c7179,#5b6066);
  background: -moz-linear-gradient(to bottom,#6c7179,#5b6066);
  background: -webkit-linear-gradient(to bottom,#6c7179,#5b6066);
  background: -o-linear-gradient(to bottom,#6c7179,#5b6066);
  background: -ms-linear-gradient(to bottom,#6c7179,#5b6066);

  transition:all 0.3s;
  -o-transition:all 0.3s;
  -moz-transition:all 0.3s;
  -webkit-transition:all 0.3s;
}
#footer .khabarname input[type=submit]:hover{
  color: #333333;
  background: linear-gradient(to bottom,#f4b02f,#fba026);
  background: -moz-linear-gradient(to bottom,#f4b02f,#fba026);
  background: -webkit-linear-gradient(to bottom,#f4b02f,#fba026);
  background: -o-linear-gradient(to bottom,#f4b02f,#fba026);
  background: -ms-linear-gradient(to bottom,#f4b02f,#fba026);
}
#footer .khabarname .background{
  padding:7px;
  background:url(../img/pattern.png) #4998b6;
  border-radius: 5px;
  margin-top: 8px;
}
#footer .copyRight{
  width: 100%;
  margin-top: 23px;
  background:url(../img/pattern.png) #4aa1c3;
  padding-top: 10px;
}
#footer .copyRight ul li{float: right;}
#footer .copyRight ul li a{
  font-size:13px ;
  line-height: 25px;
  color: #fff;
}
#footer .copyRight ul li a:hover{color: #333;}
#footer .copyRight ul li a:after{
  content: "|";
  font-size: 13px;
  color: #fff;
  margin:0px 5px;
  vertical-align: middle;
}
#footer .copyRight ul li:last-child a:after{font-size: 0;}
#footer .copyRight .en,
#footer .copyRight .en a{
  color: #fff;
  line-height: 25px;
}

#footer .copyRight .row > p,
#footer .copyRight .row > p a
{
  font-size: 13px;
  color: #fff;
  line-height: 28px;
  margin: 0;
}

#footer .copyRight .row img{vertical-align: middle; margin-right: 3px;}




/* ----------------------- edit modal ---------------- */
.modal {
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.6);
}
.modal-content{
  border-radius:0;
}

.modal-dialog{width: 400px; margin: 10px auto;}
.overload{outline:none; display:none;}
.overload .modal-header{
  border-bottom:none;
  padding:10px 15px 0px;
}
.overload .modal-header .close {
  position: absolute;
  top: 1px;
  left: -1px;
  background: #868686;
  opacity:1;
  width: 20px;
  height: 20px;
}
.overload .modal-header .close:hover {
  background:#222222;
}

.overload .modal-header .modal-title{
  font-size:16px;
  color:#ce0035;
  border-bottom:1px solid #cecece;
  margin:0;
  line-height:35px;
  padding:0px 5px;
  position:relative;
  margin-bottom:10px;
}

.overload .modal-header .close span{
  color: #FFF;
    font-size: 25px;
    text-align: center;
    line-height: 3px;
    margin: 0px auto;
    padding: 5px;

}

.overload .modal-body input[type=text],
.overload .modal-body textarea{
  border: 2px solid #D9D9D9;
  height: 35px;
  line-height: 20px;
  padding: 5px 10px;
  width: 100%;
  margin-bottom: 7px;
}
.overload .modal-body input[type=password]{
  border: 2px solid #D9D9D9;
  height: 35px;
  line-height: 20px;
  padding: 5px 10px;
  width: 100%;
  margin-bottom: 7px;
}
.overload .modal-body div.selector{
  width: 100% !important;
  border-radius: 0;
}
.overload .modal-body textarea{
  height:100px;
  resize: none;
  height: 110px;
}
.overload .modal-body div.selector{margin-bottom:7px; border-color:#D9D9D9;height: 35px; line-height: 35px;}
.overload .modal-body div.selector span{height: 35px; line-height: 35px;}
.overload .modal-body div.selector select{height: 35px;}
.overload .modal-body input[type=text]:focus,
.overload .modal-body textarea:focus{
  border-color:#2C2C2C;
}

.overload .modal-body input[type=submit]{
  margin: 10px 0px 10px;
  text-align: center;
  background: none repeat scroll 0% 0% #b8b8b8;
  color: #FFF;
  font-size: 16px;
  line-height: 23px;
  height: 35px;
  width:25%;
  float: left;
  border-radius:0;
}
.overload .modal-body .cancle{
  margin: 10px 5px 10px;
  text-align: center;
  background: #b8b8b8;
  color: #FFF;
  font-size: 16px;
  line-height: 35px;
  height: 35px;
  width:25%;
  float: left;
  border-radius:0; 
}
.overload .modal-body input[type=submit]:hover,
.overload .modal-body input[type=submit]:focus,
.overload .modal-body .cancle:hover{
  background: none repeat scroll 0% 0% #22a7f0;
}
.overload{z-index:999999;}


.overload .modal-body p {
  font-size: 14px;
  line-height: 25px;
  text-align: right;
  margin: 10px 0;
  color: #00559f;
}
.overload .modal-body p span {
  display: block;
  font-size: 13px;
  line-height: 23px;
  color: #666;
}
.overload .modal-body p a {
  display: inline-block;
  color: #CC0000;
  margin: 0 3px;
}

#edit-data .modal-dialog {
  margin: 15px auto;
  width: 900px;
}
#edit-data .modal-dialog div > .col-xs-4{padding: 0;}
#edit-data .modal-body{padding: 0px 15px;}
#edit-data .modal-dialog h3{
  font-size: 15px;
  color: #333;
  line-height: 40px;
  margin: 0;
}
#edit-data  .modal-body .col-xs-4 div.selector{width: 99% !important;margin: 0px 1% 7px;}
#edit-data  .modal-body > div:first-child{
  border-left: 1px solid #CECECE;
}
.overload .modal-body p{
  font-size: 14px;
  line-height: 22px;
  text-align: right;
  color: #333;
  margin: 6px 0px 10px;
  font-weight: normal;
}

/* ------------------------ media ----------------------------------- */

@media (max-width : 1199px){
  .top-section > .container{padding:0px 25%;}

  .basket-bar a{font-size: 15px;}
  .comment-list li .user-img{width: 8%;}
  .comment-list li .info{width: 92%;}
  .top-section > .container{padding: 0px 20%;}

  .view-arreng div.selector{
    width: 36% !important;
  }
  .view-arreng div.selector:last-child{
    width: 44% !important;
  }
  .mega_menu,
  .inner_mega_menu{
    width: 970px;
  }

  .view-arreng{width: 99%;}
  .view-arreng,
  .view-option,
  .view-count{
    border-radius: 5px;
    margin-bottom: 5px;
  }
  .view-option{
    width: 30%;
    border-radius:5px 0px 0px 5px;
    margin-left: 0;
  }
  .view-count{
    width: 69%;
    border-radius:0px 5px 5px 0px;
    margin-right: 1%;
  }
}
@media (max-width : 1199px) and (min-width : 768px){
  .navbar-default .navbar-nav > li > a{padding:8px 18px; font-size: 0; width: auto; line-height: 0;}

}
@media (max-width : 991px){
  .main-search{
    width: 60%;
  }
  .compaire-product .left-brd{
    height: 198px;
  }
  .compaire-product .border{
    margin-bottom: 10px;
  }
  #edit-data .modal-dialog {
    width: 95%;
  }
  .filter-product{width: 100%;}
  .overload .modal-body div.selector span{width: 100% !important;}
  #edit-data .modal-body > div{padding: 0; border:none !important;}
  .mega_menu,
  .inner_mega_menu{
    width: 750px;
  }
  .megamenu_pic{display: none;}
  .inner_mega_menu > ul{width: 33.3%;}

  .top-section > .container{padding: 0px 12.5%;}
  
  #most-pro .owl-prev, 
  #new-pro .owl-prev, 
  #favor-pro .owl-prev,
  #favorite-pro .owl-prev{
    left: -5%;
  }
  #most-pro .owl-next, 
  #new-pro .owl-next, 
  #favor-pro .owl-next,
  #favorite-pro .owl-next{
    right: -5%;
  }
  .navbar-default .navbar-nav > li > a{padding: 8px 6px;}
  .comment-list li .user-img{width: 10%;}
  .comment-list li .info{width: 90%;}

  .about p{padding: 0;}
  .basket-bar a{margin-bottom: 10px;}
  .login-page > div:first-child{padding: 10px 12px 45px;}

  .register-page > div:first-child{margin-right: 0; margin-left: 0;}
  .register-page > div{min-height: auto; padding-bottom: 10px;}
  .register-page > div:last-child{padding: 0px 0px 10px;}

  #footer .copyRight .row:last-child > p,
  #footer .copyRight .row:last-child > p a
  {
    float: none !important;
    text-align: center; 
  }
}
@media (max-width : 991px) and (min-width : 767px){
  .total-price h4{padding: 0px 10px;}

  #most-pro .owl-next, 
  #new-pro .owl-next, 
  #favor-pro .owl-next,
  #favorite-pro .owl-next{
    right: -4%;
  }
}


@media (max-width : 767px){
  #main-slider .owl-prev,
  #main-slider .owl-next{display: none;}

  .compaire-product .left-brd{height: 240px;}

  .mojod{
    margin-top: 10px;
  }
  .filter input[type="text"]{
    width: 100%;
  }
  .filter input[type="submit"]{left: 15px;}
  .view-arreng div.selector{
    width: 48% !important;
  }
  .view-arreng .label{
    width: 100%;
    text-align: right;
    margin-bottom: 10px;
  }
  .view-arreng div.selector:last-child{
    width: 47% !important;
  }

  .logo{
    margin-right: 10px;
  }
  .navbar-default .navbar-nav > li{position: relative;}
  .navbar-default .navbar-nav > li:before{
    content: "\f107";
    font-size: 17px;
    font-family: "FontAwesome";
    color: #fff;
    position: absolute;
    left: 15px;
    top: 18px;
  }
  .mobile-mnu .navbar-toggle{
    display: block;
    float: none;
    background: #6B707;
  }

  .navbar-default .navbar-toggle .icon-bar{background-color: #fff;}

  .navbar-nav{
    margin: 5px 0px;
    display: block;
    width: auto;
    text-align: right;
    
  }
  .mobile-mnu .button[data-toggle=collapse] .icon-bar{
    background-color: #333;
  }
  .mega_menu > ul > li> a {
    opacity: 0.7;
  }
  .navbar-default .navbar-nav > li{
    border-bottom: 1px solid rgb(27, 173, 216);
    padding: 8px 21px;
  }
  .mega_menu > ul > li:hover > a,
  .mega_menu > ul > li:focus > a {
    color: #fff;
    opacity: 1;
    border:none;
  }
  .inner_mega_menu > ul li h3 a{
    color:#fff ;
    opacity: 0.7;
    margin: 10px 0px 15px;
  }
  .mega_menu, .inner_mega_menu {
    height: auto;
    top: 0;
    width: 100%;
    position: static;
    background: transparent;
    clear: both;
    border:none;
    padding: 0;    
    padding-right: 15px;
    border-radius: 0;
    box-shadow: none;
  }
  .inner_mega_menu > ul > li{
    margin-right: 2%;
    width: 98%;
    float: none;
  }

  .inner_mega_menu > ul{
    width: 100%;
    height: auto;
  }
  .inner_mega_menu > ul li ul li a{color: #fff;}
  .navbar-default .navbar-nav > li > a{
    width: auto;
  }
  .mega_menu > ul{
    border:none;
    margin: 0;
  }
  .mega_menu > ul > li{
    float: none;
  }
  .mega_menu > ul > li > a{
    color: #fff;
    border:none;
    padding: 0px 10px;
  }
  .mega_menu > ul > li:hover a:after{
    border:none;
  }
  .navbar-default .navbar-nav > li:hover > a:after {
    content: "";
    border:none;
    
  }

  .navbar-default .navbar-nav > li > a{text-align: right;}
  .access-mnu,
  .main-search{margin-left: 10px;}
  .login-page > div{
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .navbar-default .navbar-nav > li .pic{
    display: none;
  }


  .filter-news > div{float: none !important;  margin: 3px 0px;}
  .filter-news p{margin-right: 0;}
  .send-comment{padding: 0; padding-right: 10px;}

  .nahve-pardakht,
  .total-price{
    width: 100%;
    margin: 0;
    margin-bottom: 15px;
  }
  .finish-submit > div{height: auto;}
  .right-mnu{margin-left: 0; margin-bottom: 10px;}

  .basket-bar a:before,
  .basket-bar a:after{display: none;}
  #footer .row{margin: 0;}
  #footer .copyRight .en ,
  #footer .copyRight ul{
    float: none !important;
    text-align: center;
  } 
  #footer .copyRight ul li:first-child{
    margin-right: 30%;
   }
  article > .row{margin-right: 0; margin-left: 0;}
}

@media only screen and (max-width: 650px){

  .product-page .counting{
    float: none;margin-bottom: 20px;
  }

  #most-pro .owl-prev, 
  #new-pro .owl-prev, 
  #favor-pro .owl-prev,
  #favorite-pro .owl-prev{
    left: -30px;
  }
  .top-section > .container{padding: 0 8%;}
  #most-pro .owl-next, 
  #new-pro .owl-next, 
  #favor-pro .owl-next,
  #favorite-pro .owl-next{
    right: -30px;
  }
  .products_type1 .pro-img{
    margin: 10px auto;
    width: 100%;
    float: none;
  }
  .products_type1 .info{padding-right: 0;}
  .products_type1 .pro-img img{margin: 0 auto}
  .products_type1 .info{
    width: 100%;
  }
  .products_type1 .add-to-basket{
    width: 100%;
    margin-top: 10px;
  }
}
@media (max-width : 550px){


  .compaire-product .left-brd{height: 215px;}
  .product-page .price{
    margin-top: 20px;
  }
  #footer .copyRight ul li:first-child{
    margin-right: 6%;
   }
  .top-section .tel,
  .top-section .mail,
  .top-section .social{float: none; display: block; text-align: center;}
  .top-section .sep{display: none;}
  .top-section .social .fb{margin-left: 30%;}


  .main-search{display: none;}
  .basket{clear: left; margin-left: 10px;}
  .comment-list li .user-img{float: none; width: auto;} 
  .comment-list li .info{width: 100%}
  .border{padding:15px 9px 50px !important}
  .article-cmm{padding: 35px 10px 70px;}
  .comment-list{padding: 30px 5px 30px 0px;}
  .send-comment > div{width: 100%;}
  .send-comment input[type="submit"]{margin-top: 10px;}
  #comments{padding: 0;}

  .news .col-sm-9 > ul > li {
    width: 100%;
  }
  .news .col-sm-9 > ul li .summery{min-height: auto;}
}
@media (max-width : 615px){
  .profile-page .main-search{
    display: none;
  }
  .profile-page .basket{clear: left; margin-left: 10px;}

}
@media (max-width : 573px){
  .profile-page .relo{margin-top: 5px;}
  .profile-page .basket{margin-top: 24px;}
}

@media (max-width : 482px) and  (min-width : 350px) {
  .relo{margin-top: 0;}
}

@media (max-width :375px){
  .profile-page .basket{
    width: 75px;
  }
  .profile-page .basket.active:after{width: 75px;}

  .profile-page .basket a{font-size: 0;}
}
@media (max-width : 470px) {
  .total-price h4{padding: 0px 10px;}
  .total-price h4 p{font-size: 18px; text-align: center;}
}
@media (max-width : 450px){
  .basket-page{padding: 20px 5px 30px;}
  .login-page > div:last-child a{width: 100%;}

  .modal-dialog{width: 98%;}
  .compaire-product ul > li{
    width: 100%;
  }

  .compaire-product .border{width: 100%; margin-bottom: 10px;}
  .compaire-product .left-brd{
    border:none;
    padding-bottom: 20px;
    height: auto;
  }
  .login-page > div:first-child label,
  .login-page > div:first-child > div label,
  .login-page > div:first-child > div a{
    float: none;
    margin: 0;
    width: 100%;
    display: block;
  }
  .login-page > div:first-child > div a{margin-right: 3%;}
  .login-page > div:first-child input[type="text"]{width: 100%; float: none;}
  .login-page > div:first-child h3{margin-bottom: 5px;}
  .login-page > div:first-child{padding-bottom: 10px;}
  .login-page > div:first-child input[type="submit"]{width: 100%; margin-top: 10px;}
  .login-page > div{height: auto;}

  .order-info,.send-way{padding: 15px 10px;}
  .order-info>div{
    padding: 0;
  }
}

@media (max-width : 400px){
  #footer > .container > .row > div{width: 100%;}  
  .more-detail .nav-tabs > li{
    float: none;
  }
  .product-page .bottom a{
    width: 70%;
    margin-bottom: 5px;
    display: block;
  }
  .product-page .pull-left{width: 100%;}
  .product-page .like{
    border:none;
    display: block;
    width: 100%;
  }
  .view-count{padding:9px 5px}
  .view-option{padding: 12px 5px 13px;}
  .product-page{padding: 30px 0px 25px;}

  .kopon-takhfif input[type="submit"]{
    width: 27%;
  }
  .kopon-takhfif input[type="text"]{
    width: 73%;
  }
  .profile a{padding:0px 7px;}
}

/* tooltip */

.tooltip-inner{
  background-color:#EAF1F3;
  border-radius:5px;
  padding:2px 7px;
  line-height:20px;
  color:#333;
  z-index:999999;
  display: block;
  font-size:12px;
  opacity: 1;
}
.tooltip.top .tooltip-arrow{border-top-color:#EAF1F3;}

.tooltip.bottom .tooltip-arrow{border-bottom-color:#EAF1F3;}

.tooltip.bottom{margin-top: 0;}

.orange-brd{border-color: #e7ab51;}
.blue-brd{border-color: #00c0ff;}
.pink-brd{border-color: #f35958;}


@media only screen and (max-width: 1199px){
  #offer .item{margin: 10px 5px;}
}


.favorite .tooltip.top .tooltip-arrow,
.carousel .tooltip.top .tooltip-arrow,
.category .tooltip.top .tooltip-arrow{left: 21px !important;}
.favorite .tooltip.top,
.carousel .tooltip.top,
.category .tooltip.top{left: 3px !important;}
.tooltip.in{opacity: 1; font-family: 'Ham3d'; }


@media only screen and (max-width: 1999px) and (min-width: 850px){
}

/***********new style***********/
.short-info{
  font-size: 12px;
}