/*
Theme Name: Prima
Theme URI:http://chapiroos.ir
Version:1.0
Author:GreenWeb Team(A.M)
Author URI:http://greenweb.ir
*/
/*============== Reset-CSS =============*/
#message .modal-body img {
  max-width: 100%;
  height: auto; }

#message .modal-body ul {
  list-style: disc;
  padding-right: 10px; }

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0; }

/*table {
    border-collapse: collapse;
    border-spacing: 0;
}*/
fieldset,
img {
  border: 0; }

ul {
  list-style: none; }

* {
  outline: none !important; }

a {
  text-decoration: none;
  outline: none;
  cursor: pointer; }

a:hover,
a:active,
a:focus {
  text-decoration: none !important;
  outline: none; }

.clear {
  clear: both; }

img {
  border: none; }

body {
  font-family: iranyekan !important;
  direction: rtl;
  background-color: #ffffff;
  padding: 0;
  margin: 0; }

a {
  text-decoration: none;
  list-style: none; }

h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea {
  font-family: iranyekan !important; }

@font-face {
  font-family: iranyekan;
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/eot/iranyekanwebbold(fanum).eot");
  src: url("../fonts/eot/iranyekanwebbold(fanum).eot?#iefix") format("embedded-opentype"), url("../fonts/woff2/iranyekanwebbold(fanum).woff2") format("woff2"), url("../fonts/woff/iranyekanwebbold(fanum).woff") format("woff"), url("../fonts/ttf/IRANYekanBold(FaNum).ttf") format("truetype"); }

@font-face {
  font-family: iranyekan;
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/eot/iranyekanweblight(fanum).eot");
  src: url("../fonts/eot/iranyekanweblight(fanum).eot?#iefix") format("embedded-opentype"), url("../fonts/woff2/iranyekanweblight(fanum).woff2") format("woff2"), url("../fonts/woff/iranyekanweblight(fanum).woff") format("woff"), url("../fonts/ttf/IRANYekanLight(FaNum).ttf") format("truetype"); }

@font-face {
  font-family: iranyekan;
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/eot/iranyekanwebregular(fanum).eot");
  src: url("../fonts/eot/iranyekanwebregular(fanum).eot?#iefix") format("embedded-opentype"), url("../fonts/woff2/iranyekanwebregular(fanum).woff2") format("woff2"), url("../fonts/woff/iranyekanwebregular(fanum).woff") format("woff"), url("../fonts/ttf/IRANYekanRegular(FaNum).ttf") format("truetype"); }

@font-face {
  font-family: 'AM-font';
  src: url("../fonts/AM-font.eot?adreso");
  src: url("../fonts/AM-font.eot?adreso#iefix") format("embedded-opentype"), url("../fonts/AM-font.ttf?adreso") format("truetype"), url("../fonts/AM-font.woff?adreso") format("woff"), url("../fonts/AM-font.svg?adreso#AM-font") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'AMbell-font';
  src: url("../fonts/AMbell-font.eot?s4ixas");
  src: url("../fonts/AMbell-font.eot?s4ixas#iefix") format("embedded-opentype"), url("../fonts/AMbell-font.ttf?s4ixas") format("truetype"), url("../fonts/AMbell-font.woff?s4ixas") format("woff"), url("../fonts/AMbell-font.svg?s4ixas#AMbell-font") format("svg");
  font-weight: normal;
  font-style: normal; }

i.amf {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'AM-font' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

i.bell {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'AMbell-font' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: relative;
  top: 10px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.b-bell:before {
  content: "\aa000"; }

.am-logoin:before {
  content: "\a910a"; }

.am-communication:before {
  content: "\a911a"; }

.am-logout:before {
  content: "\a912a"; }

.am-cart:before {
  content: "\a913a"; }

.am-user:before {
  content: "\a914a"; }

/*================================  Change Color , Background  ================================*/
/* comment :
                        Wherever this color code was on the page :

                                 layout1 -->#ffffff
                /  /
                                 layout2 -->#897085
                /  /
                                 layout3 -->#545454
                          /           /
                                 layout4 -->#8b6a90
     /  /
                                 layout5 -->#37c936
                  /  /
                                 layout6 -->#178af5
                    /  /
                                 layout7 -->#eee7ef
                       /   /
                                 layout8 -->#37c936
                         /  /
                                 layout9 --> /background btns/
                                 layout10 --> /hover background btns/
*/
/* all header in client Prima */
h1,
.h1 {
  color: #433541; }

/*-------------------------layout1-----------------------*/
/*.layout1{
    color: #ffffff !important;
}
!*----------------------------layout2----------------------*!
.layout2{
    color: #897085!important;
    background: #897085;
}
.layout2:hover{
    color: #ffffff!important;
}
!*------------------------layout3----------------------*!

.layout3{
    color: #545454!important;
}
.layout3:hover{
    color: #897085 !important;
}
!*-----------------------slider loader -------------------------*!

.camera_loader{
    border-left: 5px solid #9D10CC;
    border-top: 5px solid #6B307F;
    border-right: 5px solid #C414FF;
    border-bottom: 5px solid #D761FF;
}


 !*----------------------layout4--------------------------*!
.layout4{
    color: #8b7288 !important;
}
 !*------------------------layout5------------------------*!

.layout5{
    color: #37c936;
}
 !*------------------------------------------------*!

!* layout6 *!
.layout6{
     border: 2px solid #8b6a90;
     color: #8b6a90;
}
.layout6:hover{
    border: 2px solid #8b6a90;
    color: #ffffff;
    background: #8b6a90;
}

 !*------------------------------------------------*!
.layout7{
    color: #eee7ef;
}
!* -------------------------------------------------*!

.layout8{
    background: #433541;
}

.layout9{
    background: #ffffff !important !* background btns *!
}
.layout9:hover{
   color: #ffffff !important !* background btns *!
}
.layout10:hover{
    background: #8b7288 !important ; !* hover background btns *!
}
.layout11{
    background: #271a25;
}
.layout12:hover{
    background: #8b7288 ;
    box-shadow: 4px 6px 8px 0 rgb(191, 165, 206), 0px 4px 6px 0 rgb(191, 165, 206);
}
.layout13{ background: #17c00f !important;}*/
/*============================================*/
.body-main {
  padding: 0px;
  margin: 0px; }

.padding-row {
  padding: 0;
  margin: 0; }

header.header {
  height: auto;
  padding: 0px;
  margin: 0px;
  position: absolute;
  width: 100%;
  direction: rtl !important; }

.header-layout {
  position: relative !important; }

.topmenu {
  min-height: 113px;
  z-index: 999;
  color: #ffffff;
  padding: 0px;
  margin: 0px;
  position: relative !important;
  direction: rtl !important; }

.topmenu-dashboard {
  opacity: 1 !important; }

.img-logo-top {
  max-width: 120px;
  max-height: 99px;
  margin-top: -13px;
  margin-right: -40px; }

.topbar {
  height: 110px;
  padding: 0px;
  direction: rtl !important; }

.header-menu {
  height: 110px;
  position: relative; }

.header-bottom {
  width: 100%; }

.header-bottom h1 {
  width: 128px;
  height: 73px;
  float: right;
  margin-top: 15px; }

.header-bottom h1 a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 1px; }

nav .container-fluid {
  padding: 0px; }

.navbar-default {
  background: none;
  border: none;
  margin-bottom: 0px;
  float: right;
  position: static; }

.navbar-collapse {
  float: right;
  padding: 0; }

.navbar-default .navbar-nav > li > a {
  padding: 45px 15px;
  font-size: 18px;
  font-weight: lighter;
  direction: rtl;
  color: white; }

div.cart {
  cursor: pointer;
  position: relative; }

div.cart .card-count-badge {
  height: 24px;
  min-width: 24px;
  position: absolute;
  padding: 0 0px;
  border-radius: 50%;
  background: red !important;
  font: normal 13px/24px 'iranyekan';
  text-align: center;
  top: -10px;
  right: -6px;
  cursor: pointer;
  color: #fff !important; }

.phone {
  padding-top: 25px;
  width: 150px;
  margin-top: 15px;
  float: right;
  margin-right: -12px; }

.phone span {
  display: block;
  height: 35px;
  line-height: 35px;
  color: #000;
  text-align: center;
  font-size: 14px; }

.phone span:hover {
  opacity: 1 !important; }

.register {
  float: right;
  padding-top: 32px;
  direction: ltr; }

.register-btn {
  border: none !important; }

.register-btn .fa {
  transition: 0.4s;
  border: 2px solid;
  border-radius: 50%;
  padding: 9px; }

.mainmenu {
  min-height: 53px;
  padding: 0px;
  margin: 0px;
  z-index: 6;
  position: relative; }

.main-menu {
  z-index: 1;
  position: relative; }

.top-menu {
  min-height: 53px;
  padding: 0px;
  z-index: 1; }

nav .container-fluid {
  padding: 0px; }

.mainmenu {
  min-height: 53px;
  padding: 0px; }

.nav {
  direction: rtl !important;
  background: transparent !important; }

nav.navbar.navbar-inverse.navBottom {
  margin-right: 15px;
  border-radius: 0px;
  background-color: transparent !important;
  border: none;
  padding: 0px; }

/*.navBottom .navbar-nav>li>a:hover , .navBottom .navbar-nav>li>a:focus {
    height: 53px;
    box-shadow: none;
    border-top: 2px solid #695d67;
    border-bottom: 2px solid #695d67;
    background: rgba(185, 184, 184, 0.2)!important;
}*/
.navBottom .navbar-nav > li > a {
  transition: 0.5s;
  background: transparent !important;
  line-height: 21px !important;
  direction: rtl;
  font-size: 16px;
  padding-bottom: 17px !important; }

nav.navbar.navbar-inverse.navBottom {
  margin-bottom: 0px; }

.navbar-nav > li ul {
  width: 250px;
  position: absolute;
  top: 53px;
  right: 0px;
  border-radius: 0 0 3px 3px;
  display: none;
  z-index: 1000;
  box-shadow: 0px 1px 8px 0px rgba(139, 114, 136, 0.17); }

.navbar-nav > li ul li span {
  float: left;
  margin-left: 5px;
  background: transparent;
  margin-top: 4px; }

.navbar-nav > li ul li, .navbar-nav > li ul li ul li {
  border-bottom: 1px solid #e3e3e3;
  font-size: 16px;
  position: relative;
  text-align: center;
  padding: 15px 0;
  transition: 0.4s;
  border-bottom: 1px solid #e3e3e3; }

.navbar-nav > li ul li a, .navbar-nav > li ul li ul li a {
  border: none;
  background: transparent !important; }

.navbar-nav > li ul li a:hover, .navbar-nav > li ul li ul li a:hover {
  border: none;
  background: transparent;
  box-shadow: none; }

.navbar-nav > li ul li ul {
  position: absolute;
  top: 0px;
  right: 100%;
  border-radius: 3px;
  display: none; }

.navbar-nav > li ul li:hover {
  background: rgba(185, 184, 184, 0.2);
  border-right: 2px solid #695d67;
  border-left: 2px solid #695d67; }

/* Overline From Right */
.hvr-overline-from-right {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden; }

.hvr-overline-from-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 100%;
  right: 0;
  top: 0;
  background: #ffffff;
  height: 3px;
  transition-property: left;
  transition-duration: 0.3s;
  transition-timing-function: ease-out; }

.hvr-overline-from-right:hover:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:active:before {
  left: 0; }

/* =============================*/
/* Underline Reveal */
.hvr-underline-reveal {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden; }

.hvr-underline-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  background: #bcb2bb;
  height: 4px;
  transform: translateY(4px);
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out; }

.hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
  transform: translateY(0); }

/*================== Slider ===================*/
.slider {
  height: auto;
  padding: 0;
  margin: 0; }

.slider .slider-box * {
  direction: ltr; }

.slider_box {
  background: #f2f7fa;
  height: 100%;
  position: relative; }

.slider_box * {
  direction: ltr; }

.camera_wrap a, .camera_wrap img,
.camera_wrap ol, .camera_wrap ul, .camera_wrap li,
.camera_wrap table, .camera_wrap tbody, .camera_wrap tfoot, .camera_wrap thead, .camera_wrap tr, .camera_wrap th, .camera_wrap td
.camera_thumbs_wrap a, .camera_thumbs_wrap img,
.camera_thumbs_wrap ol, .camera_thumbs_wrap ul, .camera_thumbs_wrap li,
.camera_thumbs_wrap table, .camera_thumbs_wrap tbody, .camera_thumbs_wrap tfoot, .camera_thumbs_wrap thead, .camera_thumbs_wrap tr, .camera_thumbs_wrap th, .camera_thumbs_wrap td {
  background: none;
  border: 0;
  font: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  list-style: none; }

.camera_wrap {
  direction: ltr;
  display: none;
  float: left;
  position: relative;
  z-index: 0; }

.camera_wrap img {
  max-width: none !important; }

.camera_fakehover {
  height: 100%;
  min-height: 60px;
  position: relative;
  width: 100%;
  z-index: 1; }

.camera_wrap {
  width: 100%; }

.camera_src {
  display: none; }

.cameraCont, .cameraContents {
  height: 100%;
  position: relative;
  width: 100%;
  z-index: 1; }

.cameraSlide {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%; }

.cameraContent {
  bottom: 0;
  display: none;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%; }

.camera_target {
  bottom: 0;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-align: left;
  top: 0;
  width: 100%;
  z-index: 0; }

.camera_overlayer {
  bottom: 0;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 0; }

.camera_target_content {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2; }

.camera_target_content .camera_link {
  background: url(../images/blank.gif);
  display: block;
  height: 100%;
  text-decoration: none; }

.camera_loader {
  background: #fff url(../images/camera-loader.gif) no-repeat center;
  background: rgba(255, 255, 255, 0.9) url(../images/camera-loader.gif) no-repeat center;
  border: 1px solid #ffffff;
  border-radius: 18px;
  height: 36px;
  left: 50%;
  overflow: hidden;
  position: absolute;
  margin: -18px 0 0 -18px;
  top: 50%;
  width: 36px;
  z-index: 3; }

.camera_bar {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3; }

.camera_thumbs_wrap.camera_left .camera_bar, .camera_thumbs_wrap.camera_right .camera_bar {
  height: 100%;
  position: absolute;
  width: auto; }

.camera_thumbs_wrap.camera_bottom .camera_bar, .camera_thumbs_wrap.camera_top .camera_bar {
  height: auto;
  position: absolute;
  width: 100%; }

.camera_nav_cont {
  height: 65px;
  overflow: hidden;
  position: absolute;
  right: 9px;
  top: 15px;
  width: 120px;
  z-index: 4; }

.camera_caption {
  bottom: 0;
  display: block;
  position: absolute;
  width: 100%; }

.camera_caption > div {
  padding: 10px 20px; }

.camerarelative {
  overflow: hidden;
  position: relative; }

.imgFake {
  cursor: pointer; }

.camera_prevThumbs {
  bottom: 4px;
  cursor: pointer;
  left: 0;
  position: absolute;
  top: 4px;
  visibility: hidden;
  width: 30px;
  z-index: 10; }

.camera_prevThumbs div {
  background: url(../images/camera_skins.png) no-repeat -160px 0;
  display: block;
  height: 40px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
  width: 30px; }

.camera_nextThumbs {
  bottom: 4px;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 4px;
  visibility: hidden;
  width: 30px;
  z-index: 10; }

.camera_nextThumbs div {
  background: url(../images/camera_skins.png) no-repeat -190px 0;
  display: block;
  height: 40px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
  width: 30px; }

.camera_command_wrap .hideNav {
  display: none; }

.camera_command_wrap {
  left: 0;
  position: relative;
  right: 0;
  z-index: 4; }

.camera_wrap .camera_pag .camera_pag_ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: right; }

.camera_wrap .camera_pag .camera_pag_ul li {
  border-radius: 8px;
  cursor: pointer;
  display: inline-block;
  height: 16px;
  margin: 20px 5px;
  position: relative;
  text-align: left;
  text-indent: 9999px;
  width: 16px; }

.camera_commands_emboss .camera_pag .camera_pag_ul li {
  box-shadow: 0px 1px 0px white, inset 0px 1px 1px rgba(0, 0, 0, 0.2); }

.camera_wrap .camera_pag .camera_pag_ul li > span {
  border-radius: 5px;
  height: 8px;
  left: 4px;
  overflow: hidden;
  position: absolute;
  top: 4px;
  width: 8px; }

.camera_commands_emboss .camera_pag .camera_pag_ul li:hover > span {
  box-shadow: 0px 1px 0px white, inset 0px 1px 1px rgba(0, 0, 0, 0.2); }

.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
  box-shadow: 0; }

.camera_pag_ul li img {
  display: none;
  position: absolute; }

.camera_pag_ul .thumb_arrow {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid;
  top: 0;
  left: 50%;
  margin-left: -4px;
  position: absolute; }

.camera_prev, .camera_next, .camera_commands {
  cursor: pointer;
  height: 40px;
  margin-top: -20px;
  position: absolute;
  top: 60%;
  width: 40px;
  z-index: 2; }

.camera_prev {
  left: 45px; }

.camera_prev > span {
  background: url(../images/left.png) no-repeat 0 0;
  display: block;
  height: 43px;
  width: 43px; }

.camera_next {
  right: 45px; }

.camera_next > span {
  background: url(../images/right.png) no-repeat 0px 0;
  display: block;
  height: 43px;
  width: 43px; }

.camera_commands {
  right: 41px; }

.camera_commands > .camera_play {
  background: url(../images/camera_skins.png) no-repeat -80px 0;
  height: 40px;
  width: 40px; }

.camera_commands > .camera_stop {
  background: url(../images/camera_skins.png) no-repeat -120px 0;
  display: block;
  height: 40px;
  width: 40px; }

.camera_wrap .camera_pag .camera_pag_ul li {
  border-radius: 8px;
  cursor: pointer;
  display: inline-block;
  height: 16px;
  margin: 20px 5px;
  position: relative;
  text-indent: 9999px;
  width: 16px; }

.camera_thumbs_cont {
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  overflow: hidden;
  position: relative;
  width: 100%; }

.camera_commands_emboss .camera_thumbs_cont {
  box-shadow: 0px 1px 0px white, inset 0px 1px 1px rgba(0, 0, 0, 0.2); }

.camera_thumbs_cont > div {
  float: left;
  width: 100%; }

.camera_thumbs_cont ul {
  overflow: hidden;
  padding: 3px 4px 8px;
  position: relative;
  text-align: center; }

.camera_thumbs_cont ul li {
  display: inline;
  padding: 0 4px; }

.camera_thumbs_cont ul li > img {
  border: 1px solid;
  cursor: pointer;
  margin-top: 5px;
  vertical-align: bottom; }

.camera_clear {
  display: block;
  clear: both; }

.showIt {
  display: none; }

.camera_clear {
  clear: both;
  display: block;
  height: 1px;
  margin: -1px 0 25px;
  position: relative; }

/*====== continue ========*/
#back_to_camera {
  background: rgba(255, 255, 255, 0.9);
  clear: both;
  display: block;
  height: 40px;
  line-height: 40px;
  padding: 20px;
  position: relative;
  z-index: 1; }

#camera_wrap {
  bottom: 0;
  height: 100%;
  left: 0;
  margin-bottom: 0 !important;
  position: fixed;
  right: 0;
  top: 0; }

.camera_bar {
  z-index: 2; }

.camera_thumbs {
  margin-top: -100px;
  position: relative;
  z-index: 1; }

.camera_thumbs_cont {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0; }

.camera_overlayer {
  opacity: .1; }

.arrow-down-1 {
  width: 65px;
  height: 65px;
  background: #ffffff;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  margin: -92px 0 0 0;
  position: relative;
  right: 49%; }

.arrow-down-2 {
  width: 65px;
  height: 65px;
  background: #fbfafb;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  margin: -33px 0 0 0;
  position: relative;
  right: 49%; }

.arrow-down-3 {
  width: 65px;
  height: 65px;
  background: #ffffff;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  margin: -32px 0 0 0;
  position: relative;
  right: 49%; }

.arrow-down-4 {
  width: 65px;
  height: 65px;
  background: #ffffff;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  margin: -33px 0 0 0;
  position: relative;
  right: 49%; }

.a-down-1 {
  background-color: #eee7ef;
  position: absolute;
  top: 20%;
  right: 20%;
  width: 40px;
  height: 40px;
  z-index: 279;
  color: #a19da2; }

.a-down-2 {
  height: 38px;
  position: relative;
  margin: 15px -5px 0px 0px;
  transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg); }

.a-down-3 {
  height: 38px;
  position: relative;
  margin: 10px 17px 0px 0px;
  transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg); }

.a-down-4 {
  height: 38px;
  position: relative;
  margin: 14px 13px 0px 0px;
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg); }

.arrow-down-1 a {
  transition: 0.4s; }

.about-ravand {
  min-height: 647px;
  background: #ffffff;
  background: url(../images/mountain2.png) no-repeat center;
  background-size: cover;
  padding: 0px;
  margin: 0px; }

h1 {
  font-size: 22px;
  font-weight: lighter; }

.about {
  float: right;
  text-align: center;
  font-size: 16px; }
  @media (max-width: 575px) {
    .about {
      margin-top: 90px !important; } }

.about h1 {
  padding-top: 60px;
  margin-right: -20px;
  padding-bottom: 20px;
  background: transparent !important; }

.about p {
  text-align: center;
  padding-top: 35px;
  line-height: 35px;
  background: transparent;
  font-weight: normal; }

.about p:hover {
  border: none; }

/*.about span{margin-right: -20px;}*/
.diamond-box {
  margin: 90px 0px;
  text-align: -webkit-center;
  text-align: -moz-center; }

#diamond {
  width: 110px;
  height: 110px;
  /*background: transparent;*/
  /*margin: 3px 40px 0 30px;*/
  transform: rotate(-45deg);
  transform-origin: 0 100%;
  border: 2px solid #8b7288;
  border-radius: 3px;
  position: absolute;
  top: 0px;
  right: 38%; }

#diamond1 {
  width: 110px;
  height: 110px;
  /*background: #8b7288;*/
  transform: rotate(-45deg);
  transform-origin: 0 100%;
  border: 2px solid #8b7288;
  border-radius: 3px;
  position: absolute;
  top: 0px;
  right: 17%; }

#diamond p:hover {
  color: #8b7288 !important; }

#diamond1 p, #diamond p {
  margin: 7px -24px 0 0;
  font-size: 18px;
  transform: rotate(45deg); }

#diamond1:hover {
  box-shadow: 0 0 1px transparent;
  position: absolute; }

#diamond1:hover:before {
  pointer-events: none;
  content: '';
  position: absolute;
  border-bottom: #8b7288 solid 2px;
  border-right: #8b7288 solid 2px;
  top: -10px;
  right: -10px;
  bottom: -10px;
  left: -10px;
  opacity: 0;
  transition-duration: 0.6s;
  transition-property: top, right, bottom, left; }

#diamond1:hover:before, #diamond1:focus:before, #diamond1:active:before {
  top: 99px;
  right: -8px;
  bottom: 29px;
  left: 61px;
  opacity: 1;
  width: 15px;
  height: 15px; }

#diamond:hover {
  box-shadow: 0 0 1px transparent;
  position: absolute; }

#diamond:hover:before {
  pointer-events: none;
  content: '';
  position: absolute;
  border-top: #8b7288 solid 2px;
  border-left: #8b7288 solid 2px;
  top: -10px;
  right: -10px;
  bottom: -10px;
  left: -10px;
  opacity: 0;
  transition-duration: 0.6s;
  transition-property: top, right, bottom, left; }

#diamond:hover:before, #diamond:focus:before, #diamond:active:before {
  top: -8px;
  right: 99px;
  bottom: 29px;
  left: -10px;
  opacity: 1;
  width: 15px;
  height: 15px; }

.ravand {
  float: right;
  text-align: center;
  margin-bottom: 30px; }

.ravand h1 {
  background: transparent !important;
  padding-top: 60px;
  margin-right: 20px;
  padding-bottom: 20px; }

.ravand span {
  margin-right: 20px; }

.ravand .hr {
  border: 1px dashed #8b6a90;
  width: 1px;
  height: 22px;
  position: absolute;
  top: 96px;
  right: 88px;
  opacity: 0.7; }

.circle {
  margin: 15px 35px 0 0;
  height: 80px;
  width: 80px;
  border-radius: 50%;
  border: 1px solid #8b6a90; }

.rectangle {
  margin: 45px 30px 0 0;
  min-height: 60px;
  width: 59%; }

.m .circle img {
  max-width: 78px;
  max-height: 78px;
  margin: 0px -15px 0px 0px;
  border-radius: 50%;
  min-width: 78px;
  min-height: 78px; }

.mostview {
  text-align: center;
  min-height: 637px;
  background: url(../images/slider1.png) no-repeat;
  background-size: cover; }

.mostview h1 {
  margin: 40px 0 15px 0;
  background: transparent !important;
  padding-right: 25px; }

.mostview span {
  margin-right: 27px; }

.blog .hidden-xs {
  margin-right: 27px; }

.tool-box {
  margin: 28px auto;
  padding: 0px;
  -ms-flex-align: center;
  align-items: center; }

.tool-box * {
  direction: ltr; }

.product-box-one {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 4px 10px 0 rgba(0, 0, 0, 0.15);
  padding: 0px;
  margin: 0 8px 10px 2px !important; }

.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default; }

.hovereffect .overlay {
  position: absolute;
  overflow: hidden;
  width: 92%;
  height: 73%;
  left: 4%;
  top: 4%;
  border-bottom: 1px solid #FFF;
  border-top: 1px solid #FFF;
  border-right: 1px solid #FFF;
  border-left: 1px solid #FFF;
  transition: opacity 0.35s, transform 0.35s;
  transform: scale(0, 1); }

.hovereffect:hover .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: scale(1); }

.hovereffect:hover .product-name {
  background: #37c936 !important;
  color: #ffffff !important;
  transition: all 0.35s; }

.hovereffect:hover .product-name p {
  color: #ffffff !important;
  transition: all 0.35s; }

.hovereffect img {
  display: block;
  position: relative;
  transition: all 0.35s; }

.hovereffect:hover img {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.6" /><feFuncG type="linear" slope="0.6" /><feFuncB type="linear" slope="0.6" /></feComponentTransfer></filter></svg>#filter');
  filter: brightness(0.5);
  -webkit-filter: brightness(0.5); }

.hovereffect h2 {
  text-transform: uppercase;
  text-align: center;
  position: relative;
  font-size: 17px;
  background-color: transparent;
  color: #FFF;
  padding: 6em 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: opacity 0.35s, transform 0.35s;
  transform: translate3d(0, -100%, 0); }

.hovereffect:hover h2 {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: translate3d(0, 0, 0); }

/*.text-hover{
    width: 100%;
    height: 84%;
    position: absolute;
    top: 0px;
    !* right: 7px; *!
    text-align: center;
    line-height: 50%;
    opacity: 0;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    -ms-transition: 0.6s;
    transition: 0.6s;
}
.text-hover p{
    height: 100%; line-height: 235px;
}
.text-hover .square{
    border: 1px solid #fff;
    width: 94%;
    height: 92%;
    margin: 11px 0px 5px 8px;
}
.product-box-one:hover .text-hover{
    opacity: 0.8;
    color: #ffffff !important;
}
.product-name:hover .text-hover{
    opacity: 0.8;
    color: #ffffff !important;
}*/
/*.product-box-one:hover {
    border: 1px solid #e3e3e3;
    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.1), 0 12px 25px 0 rgba(0, 0, 0, 0.15);
}*/
/* float */
/*.product-box-one:hover {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    z-index: 1;
}
.product-box-one:hover, .product-box-one:focus, .product-box-one:active {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}*/
.product-box-one a > img {
  height: 265px !important; }

.product-box-one a {
  display: block; }

.product-name {
  min-height: 64px;
  padding: 9px 0 0 0; }

/*
.product-name:hover{
    color: #897085 !important;
}
*/
/* Overline From Right */
.product-box-one:hover .product-name {
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden; }

/*.product-box-one:hover .product-name:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 100%;
    right: 0;
    top: 0;
    background: #897085;
    height: 4px;
    -webkit-transition-property: left;
    transition-property: left;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}*/
.product-box-one:hover .product-name:before, .product-box-one:hover .product-name:focus:before, .product-box-one:hover .product-name:active:before {
  left: 0; }

.product-name p {
  line-height: 45px;
  font-size: 16px; }

/*================== Blog ===================*/
.blog-box {
  background: #fff;
  padding: 0px;
  height: auto;
  /* Safari, Chrome and Opera > 12.1 */
  /* Firefox < 16 */
  /* Internet Explorer */
  /* Opera < 12.1 */
  animation: fadein 5s; }

.blog-nat * {
  direction: ltr; }

.bloger * {
  direction: rtl; }

.thumbnail {
  padding: 0px;
  border: none;
  background-color: transparent !important; }

.caption {
  padding: 0px; }

.continue-btn {
  border: 2px solid;
  border-radius: 25px;
  margin-top: 20px;
  padding: 6px 10px; }

.right-caption {
  padding: 0px;
  width: 57px;
  height: 95px;
  border: 1px solid rgba(28, 141, 246, 0);
  border-radius: 3px;
  float: right;
  margin-left: 10px;
  box-shadow: 5.785px 6.894px 8px 0px rgba(139, 114, 136, 0.17); }

.bloger {
  padding: 0px 15px; }

.bloger .left-caption h3 {
  font-size: 19px;
  margin-bottom: 15px; }

.header-blog {
  padding: 0px;
  text-align: center;
  margin-bottom: 30px;
  background: transparent !important; }

.header-blog h5 {
  font-size: 30px;
  font-weight: lighter;
  padding-top: 30px;
  text-align: center;
  margin-bottom: 20px;
  padding-right: 25px; }

.header-blog span {
  display: block;
  margin: 0 auto 25px; }

.header-blog h6 {
  font-size: 16px;
  text-align: center; }

.top-rc {
  text-align: center;
  background: transparent; }

.bloger img {
  height: 200px !important;
  width: 100%;
  object-fit: cover;
  border-radius: 5px; }

.top-rc h1 {
  font-size: 18px;
  line-height: 40px; }

.top-rc h2 {
  padding: 0px;
  font-size: 10px;
  text-align: center;
  color: #FFFFFF;
  margin-top: -9px;
  margin-bottom: 10px; }

.down-rc {
  padding: 10px 0 6px;
  text-align: center;
  border-radius: 3px;
  background: #FFFFFF !important; }

.down-rc p {
  font-size: 18px;
  padding: 0px;
  text-align: center; }

.thumbnail img {
  transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out; }

.thumbnail > a {
  margin-bottom: 25px;
  display: block; }

.thumbnail:hover img {
  box-shadow: 5px 13px 24px rgba(183, 183, 183, 0.65); }

.left-caption {
  background: transparent !important; }

.left-caption a {
  background: transparent !important; }

.left-caption .header-caption {
  font-weight: bold; }

.more {
  margin-top: 50px;
  text-align: center; }

.slick-next.slick-arrow, .slick-prev.slick-arrow {
  top: 180px !important; }

.dropdown-static {
  z-index: 99999;
  top: 110px !important;
  opacity: 1 !important; }

.dropdown-static li a {
  color: #ffffff; }

.dropdown-static li a:hover {
  color: #fffdfd; }

.dropdown-static-submenu {
  z-index: 99999;
  right: 220px; }

/*================================= Footer ==================================*/
footer {
  margin-top: 15px;
  min-height: 400px; }

.contact-box {
  height: auto;
  padding: 30px 0;
  background: #1b1b1b;
  border-bottom: 1px solid #2c2c2c; }

.comment {
  color: #ffffff;
  padding-right: 30px; }

.phone-num {
  display: block;
  direction: ltr;
  text-align: left;
  font-size: 17px;
  color: #fff; }

.containerfluid .footer {
  min-height: 490px; }

.logo-footer,
.quick-access,
.contact,
.namad,
.product-footer {
  margin-top: 45px; }

.logo-footer a img {
  max-width: 185px;
  max-height: 120px; }

.social-network {
  margin-top: 10px;
  text-align: center; }

.logo-footer p {
  margin-top: 25px;
  background: transparent !important;
  line-height: 30px; }

.social-network a {
  display: block;
  float: right;
  margin: 0 8px; }

.product-footer h3 {
  font-size: 17px;
  margin-bottom: 30px; }

.product-footer ul li {
  padding: 5px 0; }

.product-footer ul li a {
  background: transparent;
  transition: 0.4s;
  font-size: 15px; }

.quick-access h3,
.contact h3,
.product-footer h3,
.namad h3 {
  font-size: 22px;
  margin-bottom: 30px;
  background: transparent !important;
  margin-top: 35px;
  font-weight: lighter; }

.namad p {
  background: transparent !important; }

.quick-access h3:hover,
.contact h3:hover,
.product-footer h3:hover,
.namad h3:hover {
  background: transparent; }

.quick-access ul li,
.contact ul li {
  padding: 5px 0; }

.quick-access ul li a {
  background: transparent;
  transition: 0.4s;
  font-size: 15px; }

.contact ul li p {
  background: transparent;
  margin-bottom: 20px;
  font-size: 15px; }

.contact ul li a {
  background: transparent;
  transition: 0.4s;
  font-size: 15px; }

.down-footer span {
  display: block;
  height: 15px;
  width: 100%; }

.fa-twitter-square,
.fa-facebook-square,
.fa-instagram,
.fa-telegram {
  background: transparent !important;
  font-size: 22px !important; }

#copyright {
  overflow: hidden;
  margin-top: 71px; }

#copyright .fa {
  float: right;
  font: normal 14px/70px 'iranyekan';
  color: #b6aed8; }

#copyright .fa a {
  color: #b6aed8;
  font-weight: normal; }

#copyright .en {
  float: left;
  font: normal 14px/70px 'iranyekan';
  color: #b6aed8; }

#copyright .en a {
  font-weight: normal;
  color: #b6aed8; }

/*========================================= panel =============================================*/
#master-container {
  border: 1px solid #e3e3e3; }

.main {
  width: 100%;
  height: auto;
  margin-bottom: 21px;
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  box-shadow: 4px 8px 26px -18px #5f6060;
  /* margin-top: 255px;*/ }

.desk {
  min-height: 65px;
  padding: 31px 0 0 0;
  max-width: 1200px;
  margin-bottom: 31px; }

.right-desk {
  min-height: 65px;
  position: relative;
  text-align: center;
  padding: 0px !important; }

.desk-btn {
  cursor: pointer;
  display: block;
  height: 65px;
  font-size: 16px;
  padding: 20px 0 0 0;
  color: #fff;
  border-radius: 0px;
  border: none;
  position: relative; }

.desk-btn a {
  color: #ffffff; }

.btn:hover .btn:focus {
  color: #fff; }

.left-desk {
  min-height: 65px;
  border: 1px solid #e3e3e3;
  position: relative; }

/* Bubble Left */
.right-desk ul li:hover {
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative; }

.right-desk ul li:hover:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  transition-duration: 0.3s;
  transition-property: transform;
  top: calc(50% - 4px);
  right: 9px;
  border-width: 8px 8px 8px 0;
  border-color: transparent #8b6a90 transparent transparent; }

.right-desk ul li:hover:before, .right-desk ul li:focus:before, .right-desk ul li:active:before {
  transform: translateX(10px); }

.username {
  height: 100%; }

.user-img {
  padding: 0px;
  margin-top: 15px; }

.user-p {
  color: #545454;
  margin-right: -5px;
  padding: 0px;
  margin-top: 20px; }

.order-cost {
  height: 100%; }

.order {
  float: left; }

.btn-fast {
  height: 45px;
  min-width: 137px;
  color: #ffffff;
  margin-top: 10px;
  display: inline-block;
  text-align: center;
  line-height: 47px;
  background: #17c00f;
  border-radius: 5px; }

.btn-special {
  height: 45px;
  min-width: 137px;
  color: #8b6a90;
  margin-top: 10px;
  display: inline-block;
  text-align: center;
  line-height: 41px;
  background: transparent !important;
  border: 3px solid #8b6a90;
  border-radius: 5px; }

.btn-special:hover, .btn-fast:hover {
  color: #ffffff; }

/*!* Round Corners *!
.btn-special:hover,.btn-fast:hover {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: border-radius;
    transition-property: border-radius;
}
.btn-special:hover,.btn-fast:hover, .btn-special:focus,.btn-fast:focus, .btn-special:active , .btn-fast:active {
    border-radius: 1em;
}*/
.shop {
  height: auto;
  margin-top: 23px;
  padding: 0px; }

.headerpub6 {
  height: auto;
  padding: 0px;
  margin: 0px;
  position: absolute;
  width: 100%;
  direction: rtl !important; }

.header-shop {
  height: 36px;
  background: #dadada; }

.caret-left {
  float: right;
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-right: 5px solid;
  border-right-color: #999999;
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  margin-top: 5px;
  margin-right: -8px; }

.header-shop p {
  padding-top: 5px; }

.main-shop {
  height: auto;
  border: 1px solid #e3e3e3;
  margin-bottom: 33px; }

.submit-shop {
  height: 73px;
  width: 100%; }

.submit-shop p {
  color: #a6a6a6;
  padding-top: 39px; }

.item-shop {
  min-height: 211px;
  width: 100%; }

.right-item {
  height: 100%; }

.right-item h5 {
  font-size: 24px; }

.right-item p {
  padding: 5px;
  color: #a6a6a6; }

.cost-item {
  margin-top: 40px; }

.cost-item h5 {
  color: #a6a6a6;
  font-size: 16px; }

.cost-item p {
  font-size: 18px;
  color: #16b661; }

.btn-situation {
  border: 1px solid #17c00f;
  border-radius: 15px;
  color: #17c00f;
  background: #fff;
  width: 90px;
  background: #f8fdfa; }

.left-item {
  height: 100%; }

.property-shop {
  min-height: 370px;
  width: 100%; }

form-control {
  width: 20px;
  height: 80px; }

.btn-plus {
  width: 240px;
  height: 35px;
  border-radius: 15px;
  background: #1c8df6;
  color: #fff; }

.down-shop {
  min-height: 300px;
  width: 100%; }

.header-des h5, .header-spe h5 {
  font-weight: bold;
  font-size: 20px;
  color: #4b4b4b; }

.list {
  margin-top: 40px; }

ul.des- list {
  color: #4b4b4b;
  padding-right: 10px; }

ul.des-list li {
  /*list-style-image: url('../images/ul_03.png');*/
  list-style-position: inside; }

ul.des-list li a {
  font-size: 14px;
  color: #000; }

.spe {
  margin-top: 40px; }

.right-desk .desk-ul {
  width: 225px;
  background: #ffffff;
  border-radius: 3px;
  position: absolute;
  top: 66px;
  right: 0px;
  z-index: 20;
  box-shadow: 0px 8px 34px 0px #717171;
  display: none;
  text-align: justify;
  z-index: 1000; }

.right-desk .desk-ul li {
  padding: 7px 10px;
  font-size: 14px;
  float: right;
  width: 100%;
  border-bottom: 1px solid #e3e3e3; }

.right-desk .desk-ul li a {
  background: transparent;
  border: none;
  transition: 0.3s;
  display: block;
  height: 30px;
  line-height: 30px;
  letter-spacing: -1px;
  padding: 5px; }

.right-desk .desk-ul li a span {
  background: transparent;
  padding-left: 5px; }

.right-desk .desk-ul li a:hover {
  color: #ffffff;
  background: transparent !important; }

.desk-sub-arrow {
  margin-top: 9px; }

.input-check {
  margin-top: 9px; }

/*================== Responsive ===================*/
@media (max-width: 992px) {
  .continue-btn {
    border: 2px solid;
    border-radius: 25px;
    margin-top: 20px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 4px 10px 0 rgba(0, 0, 0, 0.15);
    transition: 0.4s;
    padding: 6px 10px; }
  .register-btn1 {
    float: right;
    border: 2px solid;
    border-radius: 25px;
    transition: 0.4s;
    padding: 5px 5px; }
  .ravand {
    margin: 0 auto; }
  .m {
    margin: 0 auto; }
  .m .circle img {
    max-width: 78px;
    max-height: 78px;
    margin: 0px -15px 0px 0px;
    border-radius: 50%; }
  .circle {
    margin: 15px 35px 0 0;
    height: 80px;
    width: 80px;
    border-radius: 50%;
    border: 1px solid #8b6a90; }
  .rectangle {
    margin-bottom: 10px;
    width: 59%;
    min-height: 60px; }
  .box {
    background: #ffffff;
    padding: 0px;
    border: 1px solid #000;
    height: 380px;
    width: 46%; }
  .about-ravand {
    min-height: 647px;
    background: #ffffff;
    padding: 0px;
    margin: 0px;
    margin-top: 175px; } }

@media (min-width: 1280px) {
  .container {
    width: 1200px; }
  .product-box-one {
    width: 24%; } }

@media (max-width: 1200px) {
  .register1 {
    float: left !important;
    padding-top: 8px;
    padding-left: 0px;
    position: relative;
    z-index: 999999; }
  .register-btn {
    border: none !important;
    float: right; }
  /* .main {
       margin-top: 255px !important;
   }*/
  .header-menu {
    height: 175px; } }

@media (min-width: 1024px) and (max-width: 1279px) {
  .header, .product-box-one {
    height: auto; }
  .navbar-collapse {
    margin-right: 10px !important; }
  .nav > li > a {
    padding: 10px 11px;
    font-size: 14px; }
  .form h5 span {
    font-size: 10px; }
  .about {
    background: #fff;
    margin-bottom: 30px; }
  .social-network a {
    margin: 0 5px; }
  .ims {
    margin-right: 10px; }
  ul.ims li {
    margin: 30px 15px 85px 15px; }
  .m {
    padding-right: 65px; }
  .continue-btn {
    margin: 10px 380px 0 0; }
  .customers {
    margin-left: 175px; }
  .right-caption {
    width: 52px; }
  .down-rc {
    padding: 8px 4px; }
  .product-box-one {
    width: 48%; }
  #diamond1 {
    right: 12%; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .header {
    height: auto; }
  .navbar-collapse {
    margin-right: 0px !important;
    padding-right: 0px; }
  .navbar-default .navbar-nav > li > a {
    font-size: 13px; }
  .nav > li > a {
    padding: 8px 10px; }
  .about {
    margin-bottom: 15px; }
  .logo-footer {
    padding-bottom: 30px; }
  .quick-access, .contact {
    margin-top: 30px; }
  .continue-btn {
    margin: 10px 280px 0 0; }
  .navBottom .navbar-nav > li > a:hover, .navBottom .navbar-nav > li > a:focus {
    height: 53px; }
  .open .dropdown-toggle {
    color: #8b6a90;
    background-color: #fff;
    height: 50px; }
  .register-btn {
    margin-right: 6px; }
  .nav > li > a {
    padding: 10px 8px; }
  .navbar-inverse .navbar-collapse {
    padding-right: 0px;
    padding-left: 0px; }
  nav.navbar.navbar-inverse.navBottom {
    margin-right: 0px; }
  .product-box-one {
    width: 24%; }
  #diamond1 {
    right: 21%; } }

@media (min-width: 992px) and (max-width: 1276px) {
  .ravand .hr {
    height: 20px;
    top: 98px;
    right: 138px; }
  .content-blog {
    width: 19em !important; } }

@media (min-width: 767px) and (max-width: 992px) {
  .ravand .hr {
    top: 100px; }
  .content-blog {
    width: 13em !important; } }

@media (max-width: 767px) {
  .navbar-toggle {
    margin-left: -13px; }
  .navbar-header button {
    width: auto; }
  header {
    height: auto; }
  .header-top {
    height: auto;
    padding-bottom: 45px; }
  .header-bottom h1 {
    margin-right: 15px; }
  .navbar-default .navbar-toggle {
    border: none;
    margin-top: 100px;
    margin-left: 0px; }
  .navbar-inverse .navBottom .navbar-toggle .navBottom {
    border: none; }
  .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #847c88; }
  .navbar-inverse .navbar-toggle {
    border-color: #847c88; }
  .navbar-inverse .navbar-toggle .icon-bar {
    background-color: #847c88; }
  .ravand .hr {
    border: 1px dashed #8b6a90;
    width: 1px;
    height: 26px;
    position: absolute;
    top: 99px;
    right: 74px;
    opacity: 0.7; }
  .mostview {
    background: #e7e0e5 !important; }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff; }
  .navbar-inverse .navBattom .navbar-toggle .navButtom .icon-bar {
    background-color: #fff; }
  .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    color: #fff;
    background: none; }
  .navbar-toggle {
    margin-top: 10px; }
  .navbar-collapse {
    width: 100%;
    margin: 30px 0 !important; }
  .navbar-default .navbar-nav > li > a {
    border: none;
    padding-top: 10px; }
  .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    border: none;
    /*height: 50px;*/ }
  .mainmenu .navbar-inverse .navbar-toggle:hover, .mainmenu .navbar-inverse .navbar-toggle:focus {
    background: none; }
  .navbar-nav > li ul {
    display: none;
    /* position: relative; */
    width: 100%;
    margin: 50px 0px 0 10px;
    top: 0px;
    /* z-index: 100; */
    border: 1px solid #e3e3e3; }
  .navbar-nav > li ul li ul {
    right: 0px;
    display: block;
    position: relative;
    width: 100%;
    margin: 15px 0 0 0;
    top: 0px; }
  .navbar-nav > li ul li ul li:last-child {
    border: none; }
  .navbar-nav > li ul li, .navbar-nav > li ul li ul li {
    position: relative;
    width: 100%;
    text-align: center;
    padding: 15px 0;
    transition: 0.4s; }
  .navbar-collapse {
    width: 100%;
    margin: 5px 0 !important; }
  .navbar-default .navbar-nav > li > a {
    border: none;
    padding-top: 5px; }
  .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    border: none;
    /*height: 50px;*/ }
  .about {
    padding-bottom: 30px; }
  .rectangle {
    padding-left: 0px; }
  .menu-box ul li span {
    position: relative;
    left: 0; }
  .about {
    background: #fff;
    margin-bottom: 15px;
    margin-top: 35px; }
  .img-product hr {
    visibility: hidden; }
  .proces h6, .pms h6, .bmh h6 {
    line-height: 28px; }
  .phone-num {
    text-align: center;
    margin-top: 30px; }
  .logo-footer {
    padding-bottom: 30px; }
  .quick-access, .contact, .namad {
    margin-top: 30px;
    padding-bottom: 30px; }
  .toplink {
    display: none; }
  .continue-btn {
    margin: 0 auto; }
  .m {
    padding-right: 0px; }
  .header-product h5, .header-mostsell h5, .header-blog h5 {
    font-size: 24px; }
  .right-caption {
    display: none; }
  .box {
    background: #ffffff;
    padding: 0px;
    height: 380px;
    width: 95%; }
  .right-desk ul {
    width: 100% !important; }
  .product-box-one {
    margin: 0 0px 60px 2px; }
  .dropdown-static {
    top: -15px !important; }
  .dropdown-static-submenu {
    right: 0px !important; }
  .navbar-default .navbar-nav > li > a {
    padding: 25px 40px 15px 0px !important; }
  .navbar-default .navbar-nav > li:hover {
    border-top: none; }
  .navbar-nav {
    margin: 0px !important; }
  .dropdown-static {
    margin: 75px 0px 0 10px !important; }
  .hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active {
    animation-name: none !important; }
  .product-footer {
    margin-top: 0px !important; } }

@media (max-width: 480px) {
  .arrow-up {
    bottom: 12px !important;
    right: 28px !important;
    height: 40px !important;
    width: 40px !important;
    padding: 8px 13px !important; }
  .content-blog {
    width: 18em !important; }
  .arrow-down-3, .arrow-down-2, .arrow-down-1, .arrow-down-1 {
    right: 41% !important; }
  .ravand {
    margin-bottom: 25px; }
  .register-btn {
    font-size: 10px;
    width: 60px;
    height: 40px;
    text-align: center; }
  #wallet .walletmenu {
    width: 250px !important;
    margin-right: 3px;
    margin-top: -4px; }
  #diamond1 p, #diamond p {
    margin: -6px -30px 0 0;
    font-size: 14px; }
  #diamond1 {
    width: 90px;
    height: 90px;
    background: #8b7288;
    right: 3%; }
  #diamond {
    width: 90px;
    height: 90px;
    background: #ffffff; }
  .ravand .hr {
    display: none; }
  .mail-cart ul {
    max-width: 235px !important;
    width: 235px !important; }
  .shop-cart ul {
    max-width: 170px !important; } }

.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
  cursor: pointer; }

.down-triangle1 {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #ffffff; }

.down-triangle1:hover {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #8b6a90; }

.arrow-down {
  width: 0;
  height: 0;
  border-left: 10px solid #fff;
  border-right: 10px solid #FFF;
  border-top: 10px solid transparent;
  position: absolute;
  top: 42px;
  right: 167px;
  z-index: 1000; }

.arrow-down1 {
  width: 0;
  height: 0;
  border-left: 10px solid #fff;
  border-right: 10px solid #FFF;
  border-top: 10px solid transparent;
  position: absolute;
  top: 42px;
  right: 49px;
  z-index: 1000; }

.file-upload-method-container {
  position: relative; }

.file-upload-method {
  display: inline-block;
  float: right;
  width: 120px;
  text-align: center;
  height: 43px;
  line-height: 36px;
  cursor: pointer; }

.file-upload-method.right {
  border-top: solid 1px #ababab;
  border-right: solid 1px #ababab;
  border-bottom: solid 1px #ababab;
  border-radius: 0 5px 5px 0; }

.file-upload-method.left {
  border-top: solid 1px #ababab;
  border-left: solid 1px #ababab;
  border-bottom: solid 1px #ababab;
  border-radius: 5px 0 0 5px; }

.file-upload-method .active {
  pointer-events: none;
  cursor: not-allowed;
  color: #ffffff !important;
  border: none !important;
  padding: 7px; }

.file-upload-method .active1 {
  pointer-events: none;
  cursor: not-allowed;
  color: #ffffff !important;
  border: none !important;
  padding: 7px; }

.modal-header .close {
  color: #ffffff;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: 0.6; }

.modal-header .close {
  opacity: 1; }

.slick-prev.slick-arrow {
  width: 24px !important;
  height: 24px !important;
  left: -80px !important; }

.slick-next.slick-arrow {
  width: 24px !important;
  height: 24px !important;
  right: -100px !important; }

.shop-cart .fa {
  transition: 0.4s; }

.mail-cart .fa {
  transition: 0.4s; }

.shop-cart, .mail-cart, .searchBox a, .register-btn {
  float: left;
  position: relative;
  color: #ffffff;
  font-size: 24px;
  cursor: pointer;
  z-index: 100000;
  padding-bottom: 30px;
  float: left;
  margin: 0 4px; }

@media (min-width: 991px) {
  .fa-shopping-cart {
    font-size: 28px !important; } }

.cartbadge {
  height: 24px;
  min-width: 24px;
  position: absolute;
  padding: 0 0px;
  border-radius: 50%;
  background: #ff7200 !important;
  font: normal 13px/24px 'iranyekan';
  text-align: center;
  top: -10px;
  right: -6px;
  cursor: pointer;
  color: #fff !important; }

.shop-cart ul {
  display: none;
  top: 65px;
  position: absolute;
  z-index: 10000;
  background: #ffffff;
  min-height: 53px;
  max-width: 325px;
  width: 170px;
  left: 7px;
  float: right !important;
  border-radius: 5px;
  box-shadow: 0px 9px 30px -3px #5f6060; }

.shop-cart ul:after {
  content: '';
  position: absolute;
  left: 4%;
  top: -6px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ffffff;
  clear: both; }

.shop-cart ul li a {
  border: none !important;
  font-size: 15px;
  color: #545454; }

.shop-cart ul li a:hover {
  background: transparent !important; }

.shop-list {
  padding-right: 15px;
  padding-bottom: 5px; }

.final-pay {
  padding-right: 15px;
  padding-bottom: 10px; }

.mail-cart ul {
  display: none;
  top: 65px;
  position: absolute;
  z-index: 10000;
  background: #ffffff;
  max-width: 380px;
  padding-bottom: 15px;
  float: right !important;
  border-radius: 5px;
  box-shadow: 0px 9px 30px -3px #5f6060;
  width: 400px;
  left: -2px; }

@media (max-width: 390px) {
  .mail-cart ul {
    left: -52px !important; } }

.header-notif {
  float: right;
  display: block;
  background: #ffffff;
  width: 100%;
  position: relative;
  z-index: 100;
  top: 0px;
  height: 30px;
  margin: 0 auto;
  border-bottom: 1px solid #e3e3e3;
  border-radius: 5px 5px 0 0;
  font-size: 17px;
  color: #545454;
  padding: 4px 8px; }

.inside-notif {
  float: right;
  display: block;
  background: #ffffff;
  width: 100%;
  position: relative;
  z-index: 100;
  top: 0px;
  min-height: 40px;
  max-height: 420px;
  overflow: auto;
  margin: 0 auto;
  border-bottom: 1px solid #e3e3e3;
  border-top: 1px solid #e3e3e3;
  padding-right: 10px;
  padding-left: 18px; }

.one-trash {
  position: relative;
  left: 43px;
  float: left;
  width: 100%;
  text-align: left; }

.footer-notif {
  float: right;
  display: block;
  background: #ffffff;
  width: 100%;
  position: relative;
  z-index: 100;
  top: 0px;
  height: 20px;
  margin: 0 auto;
  border-top: 1px solid #e3e3e3;
  border-radius: 0 0 5px 5px; }

.footer-notif a {
  text-align: center;
  font-size: 15px;
  color: #545454;
  padding: 5px 0;
  display: block; }

.mail-cart ul:after {
  content: '';
  position: absolute;
  left: 4%;
  top: -6px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ffffff;
  clear: both; }

.mail-cart ul li {
  padding: 20px 0 18px 0 !important;
  min-height: 55px;
  border-bottom: 1px solid #e3e3e3;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: -1px;
  float: right;
  width: 100%; }

.mail-cart ul li:last-child {
  padding: 6px 18px 0 0;
  min-height: 55px;
  border-bottom: none;
  font-size: 16px; }

.mail-cart ul li a {
  color: #545454 !important;
  border: none !important;
  /*margin-left: 139px;*/ }

.mail-cart ul li a:hover {
  background: transparent !important;
  border: none !important; }

.mail-cart ul li span {
  color: #ababab;
  float: left;
  font-size: 14px;
  border: none !important;
  background: transparent !important;
  width: 100%;
  padding-right: 15px; }

.mail-cart ul .see-more {
  display: none;
  min-height: 27px !important;
  background: #e4e4e4 !important;
  text-align: left !important;
  margin-right: 0px !important;
  text-align: center !important;
  margin-top: 10px; }

.mail-cart ul .see-more a {
  font-size: 12px !important;
  margin-left: 0px;
  margin-right: 0px;
  color: #dedede;
  background: transparent; }

.mail-cart ul .see-more:hover {
  height: 39px !important; }

.am-logout, .am-user, .am-logoin, .am-cart, .b-bell {
  border-radius: 50%;
  padding: 9px;
  background: transparent !important;
  font-size: 24px !important; }

.fa-angle-down-1 {
  padding-right: 5px; }

.hr-h {
  width: 2px;
  height: 610px;
  border: 1px solid #eee7ef;
  position: absolute;
  left: 49%;
  float: left;
  margin-left: 5px;
  margin-top: 45px; }

.thumbnail > img, .thumbnail a > img {
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #f3e4f7; }

.img-user {
  width: 47px;
  height: 47px;
  max-width: 47px;
  max-height: 47px;
  margin-top: 0px;
  border-radius: 50%;
  border: none !important; }

.f-1 {
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  font-size: 22px !important;
  padding: 3px 16px 0 0; }

.f-2 {
  padding: 7px 5px 0 0 !important; }

.f-3 {
  transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  font-size: 22px !important;
  padding: 0px 0px 2px 16px; }

.a-down-1:hover {
  color: #ffffff;
  background: #8b7288;
  border-radius: 5px;
  transition-duration: 0.3s; }

.fa-paper-plane {
  font-size: 16px !important;
  padding-top: 3px; }

.a-l-1 {
  border: none !important;
  background: transparent; }

.a-l-1:hover {
  background: transparent;
  border: none !important; }

/* Bounce To Bottom */
.hvr-bounce-to-bottom {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  transition-property: color;
  transition-duration: 0.5s; }

.hvr-bounce-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #8b6a90;
  transform: scaleY(0);
  transform-origin: 50% 0;
  transition-property: transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-out; }

.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
  color: white; }

.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
  transform: scaleY(1);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }

/* Bounce To Bottom _ 1 */
.hvr-bounce-to-bottom-1 {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  transition-property: color;
  transition-duration: 0.5s; }

.hvr-bounce-to-bottom-1:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ffffff;
  border: 3px solid #17c00f;
  transform: scaleY(0);
  transform-origin: 50% 0;
  transition-property: transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  border-radius: 5px; }

.hvr-bounce-to-bottom-1:hover, .hvr-bounce-to-bottom-1:focus, .hvr-bounce-to-bottom-1:active {
  color: #17c00f; }

.hvr-bounce-to-bottom-1:hover:before, .hvr-bounce-to-bottom-1:focus:before, .hvr-bounce-to-bottom-1:active:before {
  transform: scaleY(1);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }

.dropdown-static li {
  border: none !important; }

/* Overline From Center */
.hvr-overline-from-center {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden; }

.hvr-overline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  top: 0;
  background: #ffffff;
  height: 4px;
  transition-property: left, right;
  transition-duration: 0.3s;
  transition-timing-function: ease-out; }

.hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before {
  left: 0;
  right: 0; }

/* Bubble Left */
.hvr-bubble-left {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative; }

.hvr-bubble-left:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  transition-duration: 0.3s;
  transition-property: transform;
  top: calc(50% - 10px);
  left: 0;
  border-width: 10px 10px 10px 0;
  border-color: transparent #8b6a90 transparent transparent; }

.hvr-bubble-left:hover:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:active:before {
  transform: translateX(-10px); }

.tooltip-user {
  display: none;
  position: absolute;
  z-index: 999999;
  top: 111px;
  width: 300px;
  height: 200px;
  border-radius: 0 0 5px 5px; }

@media (max-width: 768px) {
  .tooltip-user {
    display: none;
    position: absolute;
    z-index: 999999;
    top: 88px;
    right: 50%;
    width: 300px;
    height: 200px;
    border-radius: 0 0 5px 5px;
    transform: translate(50%, 0);
    border: 1px solid;
    border-radius: 10px; } }

.tooltip-user h6 {
  text-align: center;
  color: #fff;
  padding: 20px 0 5px 0;
  font-size: 16px; }

.tooltip-user h4 {
  text-align: center;
  color: #fff;
  padding: 20px 0;
  font-size: 16px;
  direction: rtl; }

.tooltip-user p {
  text-align: center;
  color: #ffffff;
  padding-bottom: 12px;
  border-bottom: 1px solid #564954;
  font-weight: lighter;
  font-size: 13px;
  direction: rtl; }

.logout-btn {
  height: 45px;
  margin: 12px 16px 10px 6px;
  background: #8b7f8e;
  border-radius: 2px;
  padding-top: 12px; }

.logout-btn-1 {
  height: 45px;
  background: #8b7f8e;
  margin: 12px 11px 10px 10px;
  border-radius: 2px;
  padding-top: 12px; }

.logout-btn span, .logout-btn-1 span {
  color: #ffffff;
  text-align: center;
  font-weight: lighter;
  border: none !important; }

/* Ripple Out */
@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0; } }

.hvr-ripple-out {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative; }

.hvr-ripple-out:before {
  content: '';
  position: absolute;
  border: #ffffff solid 2px;
  top: 2px;
  right: 2px;
  bottom: 2px;
  left: 2px;
  animation-duration: 1s;
  border-radius: 50%; }

.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
  animation-name: hvr-ripple-out; }

/* Icon Back */
.hvr-icon-back {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  transition-duration: 0.1s; }

.hvr-icon-back:before {
  padding-left: 0em;
  display: none;
  content: "\f137";
  position: absolute;
  left: 1em;
  font-family: FontAwesome;
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out; }

.hvr-icon-back:hover:before, .hvr-icon-back:focus:before, .hvr-icon-back:active:before {
  transform: translateX(-4px);
  display: inline-block;
  padding-left: -3.6em; }

/* Bubble Bottom */
.hvr-bubble-bottom {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative; }

.hvr-bubble-bottom:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  transition-duration: 0.3s;
  transition-property: transform;
  left: calc(50% - 10px);
  bottom: 2px;
  border-width: 10px 10px 0 10px;
  border-color: #b89eb5 transparent transparent transparent;
  transform: translateY(10px); }

/*
.hvr-bubble-bottom:hover:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:active:before {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}*/
/* Button 5b */
.btn-5b:hover span {
  transform: translateX(200%); }

.btn-5b:hover:before {
  left: 0; }

.icon-exit:before {
  content: "\f060 "; }

.icon-dashboard:before {
  content: "\f061 "; }

.logout-btn-1:before, .icon-file:before {
  font-family: 'FontAwesome';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: relative;
  -webkit-font-smoothing: antialiased;
  color: #fff;
  font-size: 18px !important; }

.logout-btn:before, .icon-file:before {
  font-family: 'FontAwesome';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: relative;
  -webkit-font-smoothing: antialiased;
  color: #fff;
  font-size: 18px !important; }

.btn-5 {
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.btn-5b:before {
  left: -100%;
  top: 0; }

.btn-5:before {
  position: absolute;
  height: 100%;
  width: 100%;
  line-height: 2.5;
  font-size: 180%;
  transition: all 0.3s; }

.btn-exit {
  border: none;
  cursor: pointer;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 1px;
  outline: none;
  position: relative;
  transition: all 0.3s;
  text-align: center;
  font-family: 'iranyekan' !important; }

.btn-exit:after {
  content: '';
  position: absolute;
  z-index: -1;
  transition: all 0.3s; }

.btn-5 span {
  display: inline-block;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s;
  -webkit-backface-visibility: hidden;
  -moz-transition: all 0.3s;
  -moz-backface-visibility: hidden;
  transition: all 0.3s;
  backface-visibility: hidden;
  font-size: 12px;
  font-family: 'iranyekan' !important; }

.blog-nat {
  padding: 0px;
  margin-top: 12px; }

.img-blog {
  height: 520px;
  padding: 0px; }

.header-blog {
  margin: 47px 13px 0 0;
  float: right;
  font-weight: lighter; }

.more-blog {
  margin: 58px 0 0px 21px;
  float: left; }

.blog-article {
  background: #fafafa !important; }

.content-blog {
  white-space: nowrap;
  width: 32em;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-bottom: 12px; }

#mybtn {
  display: none; }

.arrow-up {
  position: fixed;
  bottom: 45px;
  right: 100px;
  z-index: 9999999;
  border: none;
  outline: none;
  background-color: #635161;
  color: white;
  cursor: pointer;
  height: 50px;
  width: 50px;
  transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  padding: 15px 19px; }

.f-5 {
  color: #fff;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  font-size: 25px !important; }

.color-back-login {
  width: 57.1%;
  opacity: 0.8;
  height: 100%;
  position: absolute;
  right: 43%;
  top: 0px;
  border-radius: 25px 0 0 25px;
  overflow: auto; }

.center-login {
  position: relative;
  top: 25%; }

.modal {
  z-index: 999999 !important; }

.order-lable-ell {
  white-space: normal !important;
  width: 22em;
  padding-top: 10px !important;
  margin-bottom: 1px !important; }

.order-input-mt {
  margin-top: 10px;
  padding-top: 8px !important; }

.dz-message .uploadmsg {
  color: #333 !important; }

.fa-angle-down {
  margin-bottom: 0px !important;
  margin-top: 0px !important; }

.cart_items_shop {
  font-size: 14px;
  margin: 0px 20px 10px 20px !important; }

.check-it label {
  padding: 0px 8px 6px 14px !important; }

.check-it .check {
  top: -2px !important;
  left: -1px !important; }

.image-user {
  width: 47px;
  max-width: 47px;
  display: inline-block;
  position: relative;
  left: 11px;
  float: left;
  margin: 0 10px 0 0; }

.accept-offer-height {
  height: 36px !important; }

.swal2-modal {
  z-index: 20000001 !important; }

.footer-payment {
  top: -21px; }

.pay .product-item-pay img {
  position: relative;
  top: -2px !important;
  margin-left: 10px; }

.payments .prices .final_cost .caret-left {
  top: 6px;
  position: relative;
  padding-left: 13px;
  background: transparent !important;
  right: 3px !important;
  top: 7px !important;
  float: right; }

.prices .initial_cost {
  padding: 10px 0px 10px 0px !important; }

.prices .fico {
  padding-right: 6px !important; }

.selected .chooseImage .chooseMark:after {
  padding: 1px 2px !important; }

#modal-select-galleries .modal-content .left-menu .gallery-images .gallery-image-container .chooseImage {
  padding: 5px 0px !important; }

.namad1 img {
  max-width: 125px;
  max-height: 150px;
  margin: 0 1px; }

.fancybox-container {
  z-index: 999999999 !important; }

.specials-dropdown {
  top: 63px !important;
  left: 15px !important; }

@media (min-width: 480px) and (max-width: 626px) {
  .order .specials-dropdown {
    top: 105px !important; } }

@media only screen and (max-width: 479px) {
  .order .specials-dropdown {
    top: 105px !important; } }

.star-option p {
  font-size: 11.5px !important; }

.select-option .myselect {
  margin-top: 30px; }

ul.pagination li.first:before {
  padding: 1px 0px 4px 2px !important; }

ul.pagination li.prev:before {
  padding: 1px 0px 4px 2px !important; }

ul.pagination li.next:before {
  padding: 1px 2px 4px 0px !important; }

ul.pagination li.last:before {
  padding: 1px 2px 4px 0px !important; }

.wrapper .gallery-row {
  padding: 15px 15px !important; }

.left-side-order, .right-side-order {
  margin-top: 55px; }

.user-info-profile #login-form .help-block {
  top: 0; }

#searchModal {
  text-align: right; }
  #searchModal .modal-dialog {
    width: 600px;
    overflow: hidden;
    top: 50%;
    transform: translate(50%, -50%);
    right: 50%;
    margin: 0; }
    @media (max-width: 990px) {
      #searchModal .modal-dialog {
        width: 350px; } }
    #searchModal .modal-dialog .modal-content {
      border-radius: 10px;
      padding: 10px;
      min-height: 280px; }
      #searchModal .modal-dialog .modal-content .searchModalInputCancleBox {
        position: relative; }
        #searchModal .modal-dialog .modal-content .searchModalInputCancleBox input.searchModalInput {
          width: calc(100% - 27px);
          background: #f1f3f4;
          border: none;
          border-radius: 10px;
          height: 40px;
          transition: all 0.5s;
          font-size: 13px;
          text-align: center;
          transition: all .5s;
          padding-right: 35px;
          font-weight: 600; }
          #searchModal .modal-dialog .modal-content .searchModalInputCancleBox input.searchModalInput:focus {
            box-shadow: 0 0 22px -2px #00000038;
            outline: none;
            text-align: right;
            padding-right: 40px;
            font-weight: 300; }
        #searchModal .modal-dialog .modal-content .searchModalInputCancleBox .fa-search {
          position: absolute;
          color: #a9a9a9;
          font-size: 23px;
          right: 9px;
          top: 9px; }
        #searchModal .modal-dialog .modal-content .searchModalInputCancleBox .loadingIcon {
          position: absolute;
          right: 9px;
          top: 8px;
          width: 23px;
          display: none; }
        #searchModal .modal-dialog .modal-content .searchModalInputCancleBox .searchModalClear {
          font-size: 21px;
          color: darkgrey;
          position: relative;
          top: 4px;
          cursor: pointer; }
      #searchModal .modal-dialog .modal-content .searchModalContentBox {
        margin-top: 10px;
        max-height: 500px;
        overflow: auto; }
        #searchModal .modal-dialog .modal-content .searchModalContentBox .searchModalContentLoading {
          text-align: center; }
        #searchModal .modal-dialog .modal-content .searchModalContentBox #searchModalContentProducts {
          display: none;
          position: relative; }
          #searchModal .modal-dialog .modal-content .searchModalContentBox #searchModalContentProducts .searchModalContentProductsLabel {
            position: absolute;
            background: white;
            top: -8px;
            padding: 0 8px;
            font-size: 11px;
            color: #9e9e9e;
            padding: 0 8px;
            transition: all 0.5s; }
          #searchModal .modal-dialog .modal-content .searchModalContentBox #searchModalContentProducts #searchModalContentProductsUl {
            list-style: none;
            padding-right: 0;
            margin-bottom: 0;
            border-top: 1px solid #6d6d6d4a;
            padding-top: 20px;
            margin-top: 20px; }
            #searchModal .modal-dialog .modal-content .searchModalContentBox #searchModalContentProducts #searchModalContentProductsUl .searchModalContentProductUlLi {
              border-radius: 5px;
              padding: 5px;
              transition: all 0.5s; }
              #searchModal .modal-dialog .modal-content .searchModalContentBox #searchModalContentProducts #searchModalContentProductsUl .searchModalContentProductUlLi:hover {
                background: #f1f1f1; }
              #searchModal .modal-dialog .modal-content .searchModalContentBox #searchModalContentProducts #searchModalContentProductsUl .searchModalContentProductUlLi .searchModalContentProductUlLiA {
                text-decoration: none;
                font-size: 12px;
                font-weight: 500;
                color: #5f5f5f; }
              #searchModal .modal-dialog .modal-content .searchModalContentBox #searchModalContentProducts #searchModalContentProductsUl .searchModalContentProductUlLi .searchModalContentProductUlLiImg {
                width: 35px;
                margin-left: 10px; }
        #searchModal .modal-dialog .modal-content .searchModalContentBox #searchModalContentCategories {
          display: none;
          position: relative; }
          #searchModal .modal-dialog .modal-content .searchModalContentBox #searchModalContentCategories .searchModalContentCategoriesLabel {
            position: absolute;
            background: white;
            top: -8px;
            padding: 0 8px;
            font-size: 11px;
            color: #9e9e9e;
            padding: 0 8px;
            transition: all 0.5s; }
          #searchModal .modal-dialog .modal-content .searchModalContentBox #searchModalContentCategories #searchModalContentCategoriesUl {
            list-style: none;
            padding-right: 0;
            margin-bottom: 0;
            border-top: 1px solid #6d6d6d4a;
            padding-top: 20px;
            margin-top: 20px; }
            #searchModal .modal-dialog .modal-content .searchModalContentBox #searchModalContentCategories #searchModalContentCategoriesUl .searchModalContentCategoriesUlLi {
              border-radius: 5px;
              padding: 5px;
              transition: all 0.5s; }
              #searchModal .modal-dialog .modal-content .searchModalContentBox #searchModalContentCategories #searchModalContentCategoriesUl .searchModalContentCategoriesUlLi:hover {
                background: #f1f1f1; }
              #searchModal .modal-dialog .modal-content .searchModalContentBox #searchModalContentCategories #searchModalContentCategoriesUl .searchModalContentCategoriesUlLi .searchModalContentCategoriesUlLiA {
                text-decoration: none;
                font-size: 12px;
                font-weight: 500;
                color: #5f5f5f; }
              #searchModal .modal-dialog .modal-content .searchModalContentBox #searchModalContentCategories #searchModalContentCategoriesUl .searchModalContentCategoriesUlLi .searchModalContentCategoriesUlLiImg {
                width: 35px;
                margin-left: 10px; }

.searchBox {
  float: left; }
  .searchBox #TopBarSearchBox {
    position: relative; }
    .searchBox #TopBarSearchBox .TopBarSearchBoxInput {
      background: #ececec;
      border: none;
      width: 100%;
      height: 35px;
      border-radius: 4px;
      padding: 10px;
      color: black; }
    .searchBox #TopBarSearchBox a i {
      border-radius: 50%;
      padding: 9px;
      background: transparent !important;
      font-size: 24px !important; }

#secondMenu {
  direction: rtl !important;
  position: relative !important;
  transform: none !important; }
  #secondMenu .MenuMainUl.mainUl .mainParts {
    padding: 17px 10px !important; }

#secondMenu .MenuMainUl .MenuMega .MegaMenuv2 .MegaMenuv2MasterLinks #megaMenuV2Navs .nav-item.active, #MenuV2 .MenuMainUl .MenuMega .MegaMenuv2 .MegaMenuv2MasterLinks #megaMenuV2Navs .nav-item.active {
  background: white; }
  #secondMenu .MenuMainUl .MenuMega .MegaMenuv2 .MegaMenuv2MasterLinks #megaMenuV2Navs .nav-item.active a, #MenuV2 .MenuMainUl .MenuMega .MegaMenuv2 .MegaMenuv2MasterLinks #megaMenuV2Navs .nav-item.active a {
    cursor: pointer; }

#secondMenu #megaMenuTabContent, #MenuV2 #megaMenuTabContent {
  background: #fff;
  border: none !important;
  padding: 0 !important;
  box-shadow: none !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

#secondMenu a, #MenuV2 a {
  border: none !important; }

#MenuV2 {
  opacity: 1 !important;
  position: static !important;
  transform: none !important; }
  #MenuV2 .MenuMainUl.mainUl .mainParts {
    padding: 45px 10px;
    font-size: 18px;
    font-weight: lighter; }
    #MenuV2 .MenuMainUl.mainUl .mainParts > a {
      color: white !important; }
    #MenuV2 .MenuMainUl.mainUl .mainParts i {
      color: black; }
    #MenuV2 .MenuMainUl.mainUl .mainParts > i {
      color: white; }
    #MenuV2 .MenuMainUl.mainUl .mainParts:hover {
      background: #bbbbbb33; }

/*# sourceMappingURL=style.css.map */