﻿@charset "UTF-8";
/*------------------------------------------css reset--------------------------------*/
@font-face {
  font-family: 'iransans';
  src: url("../fonts/iransans/iraniansansweb-regular.eot");
  src: local("☺"), url("../fonts/iransans/iraniansansweb-regular.woff") format("woff"), url("../fonts/iransans/iraniansansweb-regular.ttf") format("truetype"), url("../fonts/iransans/iraniansansweb-regular.svg") format("svg"); }
@font-face {
  font-family: 'iransans-bold';
  src: url("../fonts/iransans/IRANSansWeb_Bold.eot");
  src: local("☺"), url("../fonts/iransans/IRANSansWeb_Bold.woff") format("woff"), url("../fonts/iransans/IRANSansWeb_Bold.ttf") format("truetype"), url("../fonts/iransans/IRANSansWeb_Bold.woff2") format("woff2"); }
li, ul {
  list-style: none;
  padding: 0; }

body::-webkit-scrollbar-track {
  background-color: transparent; }

body::-webkit-scrollbar {
  width: 10px;
  background-color: #ffffff; }

body::-webkit-scrollbar-thumb {
  background-color: #9e9e9e; }
  
.carousel-indicators {
    bottom: -100px;
}
#carouselExampleIndicators{
	margin-bottom:130px;
}
  
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 0.9rem; }

input::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 0.9rem; }

input:-ms-input-placeholder {
  /* IE 10+ */
  font-size: 0.9rem; }

input:-moz-placeholder {
  /* Firefox 18- */
  font-size: 0.9rem; }

/*------------------------------bootstrap style RTL-----------------------*/
body, html {
  direction: rtl;
  background-color: #fff;
  font-size: 13px;
  text-align: right; }

*, body, html {
  font-family: 'iransans'; }

.navbar {
  direction: ltr; }

.navbar-nav {
  padding-right: 0;
  direction: rtl; }

/*-----------------------------initial style---------------------*/
.navbar-light .navbar-brand {
  position: absolute;
  top: -3.3rem;
  right: 4rem;
  color: rgba(0, 0, 0, 0.9); }

.btn:focus, .btn:active, .btn:not(:disabled):not(.disabled).active:focus, .btn:not(:disabled):not(.disabled):active:focus, .show > .btn.dropdown-toggle:focus {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

/*------------------------------------------main-menu----------------------------------------------*/
.navbar {
  position: absolute;
  width: 100%;
  top: 3rem;
  background-color: rgba(255, 255, 255, 0.62);
  border-bottom: 1px solid #c3c3c3;
  border-top: 1px solid #eaeaea;
  -moz-box-shadow: 0 38px 36px -31px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 38px 36px -31px rgba(0, 0, 0, 0.25);
  box-shadow: 0 38px 36px -31px rgba(0, 0, 0, 0.25);
  z-index: 9; }

.navbar-nav > li > a {
  display: block;
  padding: 1.2rem 1.2rem;
  color: #333333; }

.navbar-nav > li > a:hover {
  color: #d7b75e;
  text-decoration: none; }

/*------------------------------dropdown-menu-----------------------*/
.sub-menu {
  display: none; }

.dropdown-m {
  position: relative; }

@media (min-width: 992px) {
  .sub-menu {
    position: absolute;
    z-index: 1000;
    display: none;
    top: 100%;
    right: 0;
    float: left;
    min-width: 14rem;
    padding: .5rem 0;
    margin: 0;
    font-size: 1rem;
    color: #212529;
    text-align: right;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: .25rem; }

  .sub-menu li a {
    color: #000;
    font-size: 0.9rem;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: block;
    padding: 0.6rem; }

  .sub-menu li a:hover {
    text-decoration: none;
    background-color: #d7b75e;
    color: #fff; }

  .navbar-nav li:hover > ul {
    top: 100%;
    right: 0;
    display: block;
    padding: 0;
    -moz-border-radius: 0 0 0 0;
    -webkit-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0; }

  .dropdown-m .sub-menu .dropdown-m:hover > ul.sub-menu {
    top: 0;
    right: 100%;
    display: block; } }
/*-------------------------mobile menu--------------------------------*/
#drill-down {
  display: none;
  margin-top: 6.7rem; }

.slider-menu__link:hover {
  background-color: #d7b75e; }

.slider-menu__back::before {
  content: 'برگشت';
  position: absolute;
  right: 2.9rem;
  font-weight: 600; }

.slider-menu__link {
  display: block;
  text-decoration: none;
  color: #333333;
  padding: 10px 15px;
  transition: all .2s;
  font-weight: 100 !important;
  font-size: 0.9rem !important; }

.slider-menu {
  text-transform: none;
  font-size: 1rem;
  -moz-box-shadow: 0 2px 3px 0 #ddd;
  -webkit-box-shadow: 0 2px 3px 0 #ddd;
  box-shadow: 0 2px 3px 0 #ddd; }

/*-------------------------*/
.bg-main {
  background-color: #d0b389; }

.bg-red {
  background-color: #7b0d1a; }

.bg-gray {
  background-color: #f5f5f5; }

.bg-light-yellow {
  background-color: #f7e9d4; }

.shadow-bottom-1 {
  -moz-box-shadow: 0 3px 5px 0 #ddd;
  -webkit-box-shadow: 0 3px 5px 0 #ddd;
  box-shadow: 0 3px 5px 0 #ddd; }

.btn-dark {
  color: #d7b75e;
  border-color: #d7b75e; }

.btn-dark:hover {
  color: #d7b75e; }

.red-box {
  background-color: #8a0f1e;
  -moz-border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
  -webkit-border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
  border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
  position: absolute;
  top: -1.7rem;
  width: 70%;
  right: 50%;
  -moz-transform: translate(50%, 0);
  -ms-transform: translate(50%, 0);
  -o-transform: translate(50%, 0);
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
  padding: 1.5rem;
  border-bottom: 4px solid #d7b75e; }

.red-box::before {
  background-color: #7b0d1a;
  -moz-border-radius: 0.5rem 0.5rem 0 0;
  -webkit-border-radius: 0.5rem 0.5rem 0 0;
  border-radius: 0.5rem 0.5rem 0 0;
  position: absolute;
  content: '';
  top: -1.7rem;
  width: 100%;
  right: 50%;
  -moz-transform: translate(50%, 0) skewY(3.5deg);
  -ms-transform: translate(50%, 0) skewY(3.5deg);
  -o-transform: translate(50%, 0) skewY(3.5deg);
  -webkit-transform: translate(50%, 0) skewY(3.5deg);
  transform: translate(50%, 0) skewY(3.5deg);
  padding: 2.8rem;
  z-index: -1; }

.red-box::after {
  background-color: #7b0d1a;
  -moz-border-radius: 0.5rem 0.5rem 0 0;
  -webkit-border-radius: 0.5rem 0.5rem 0 0;
  border-radius: 0.5rem 0.5rem 0 0;
  position: absolute;
  content: '';
  top: -1.7rem;
  width: 100%;
  right: 50%;
  -moz-transform: translate(50%, 0) skewY(-3.5deg);
  -ms-transform: translate(50%, 0) skewY(-3.5deg);
  -o-transform: translate(50%, 0) skewY(-3.5deg);
  -webkit-transform: translate(50%, 0) skewY(-3.5deg);
  transform: translate(50%, 0) skewY(-3.5deg);
  padding: 2.8rem;
  z-index: -1; }

.py-6 {
  padding-top: 5rem;
  padding-bottom: 5rem; }

.btn-contact {
  position: absolute;
  right: 50%;
  -moz-transform: translate(50%, 0);
  -ms-transform: translate(50%, 0);
  -o-transform: translate(50%, 0);
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
  bottom: -1.6rem;
  border: 2px solid #d7b75e; }

.btn-contact:hover {
  border: 2px solid #d7b75e; }

.text-red {
  color: #7b0d1a; }

.font-weight-bold {
  font-family: iransans-bold; }

.title {
  font-size: 2.4rem;
  color: #e4e4e4; }

.store-box {
  height: 17rem;
  width: 18rem;
  overflow: hidden;
  position: relative;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  outline: 1px solid #d7b75e;
  outline-offset: -1rem;
  -moz-box-shadow: 0 16px 35px -20px #d7b75e;
  -webkit-box-shadow: 0 16px 35px -20px #d7b75e;
  box-shadow: 0 16px 35px -20px #d7b75e; }

.store-box:hover {
  -moz-transform: translateY(-0.5rem);
  -ms-transform: translateY(-0.5rem);
  -o-transform: translateY(-0.5rem);
  -webkit-transform: translateY(-0.5rem);
  transform: translateY(-0.5rem); }

.store-box-title {
  bottom: 1.5rem;
  background-color: #7b0d1a;
  width: 100%;
  padding: 0.7rem;
  color: #f1e8a9; }

.rounded-2 {
  -moz-border-radius: 1rem 1rem 1rem 1rem;
  -webkit-border-radius: 1rem 1rem 1rem 1rem;
  border-radius: 1rem 1rem 1rem 1rem; }

.text-main {
  color: #d7b75e; }

.text-main-2 {
  color: #d0b389; }

.logo2 {
  position: absolute;
  height: 100px;
  right: 50%;
  top: -5.9rem;
  transform: translate(50%); }

/*----------------------------*/
.new-products {
  position: relative;
  z-index: 1; }

.new-products::before {
  position: absolute;
  content: '';
  width: 50%;
  height: 5rem;
  background-color: #f5f5f5;
  bottom: -2.7em;
  right: 0;
  z-index: 9;
  -moz-transform: skewY(-2deg);
  -ms-transform: skewY(-2deg);
  -o-transform: skewY(-2deg);
  -webkit-transform: skewY(-2deg);
  transform: skewY(-2deg);
  border-bottom: 3px solid #d0b389; }

.new-products::after {
  position: absolute;
  content: '';
  width: 50%;
  height: 5rem;
  background-color: #f5f5f5;
  bottom: -2.7em;
  left: 0;
  z-index: 9;
  -moz-transform: skewY(2deg);
  -ms-transform: skewY(2deg);
  -o-transform: skewY(2deg);
  -webkit-transform: skewY(2deg);
  transform: skewY(2deg);
  border-bottom: 3px solid #d0b389; }

/*----------------------------*/
.parallax {
  /* The image used */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 100%), url("../img/slider5.jpg");
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 100%), url("../img/slider5.jpg");
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 100%), url("../img/slider5.jpg");
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6000000', endColorstr='#e6000000',GradientType=0 );
  /* IE6-9 */
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding: 15rem 0; }

.parallax::before {
  position: absolute;
  content: '';
  width: 50%;
  height: 5rem;
  background-color: #fff;
  bottom: -2.7em;
  right: 0;
  z-index: 9;
  -moz-transform: skewY(2deg);
  -ms-transform: skewY(2deg);
  -o-transform: skewY(2deg);
  -webkit-transform: skewY(2deg);
  transform: skewY(2deg);
  border-top: 3px solid #d0b389; }

.parallax::after {
  position: absolute;
  content: '';
  width: 50%;
  height: 5rem;
  background-color: #fff;
  bottom: -2.7em;
  left: 0;
  z-index: 9;
  -moz-transform: skewY(-2deg);
  -ms-transform: skewY(-2deg);
  -o-transform: skewY(-2deg);
  -webkit-transform: skewY(-2deg);
  transform: skewY(-2deg);
  border-top: 3px solid #d0b389; }

.lh-2 {
  line-height: 2; }

.access-box {
  outline: 2px dashed #fff;
  outline-offset: -1rem;
  background: url(../img/bg.jpg) #4c4c4c;
  background-blend-mode: color-burn; }

.access-box p {
  right: 50%;
  -moz-transform: translate(50%, 0);
  -ms-transform: translate(50%, 0);
  -o-transform: translate(50%, 0);
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
  border: 1px solid #fff; }

.access-box img {
  margin-bottom: 1.5rem;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
  -webkit-transform: scale(0.7);
  transform: scale(0.7); }

.access-box:hover a img {
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  -webkit-transform: scale(0.5);
  transform: scale(0.5); }

/*--------------------------*/
.footer-box {
  border: 3px solid #7b0d1a;
  padding: 1rem;
  margin-bottom: 1rem; }

.copyright {
  right: 50%;
  -moz-transform: translate(50%, 0);
  -ms-transform: translate(50%, 0);
  -o-transform: translate(50%, 0);
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
  border-right: 3px solid #7b0d1a;
  border-left: 3px solid #7b0d1a; }

/******************************************product********************************************/
.pt-6 {
  padding-top: 8rem; }

.product-description {
  border: 3px solid #d7b75e; }

nav.bg-dark ul.navbar-nav > li > a {
  color: #fff; }

/****************************************shop*****************************/
a:hover {
  text-decoration: none; }

.product-detail {
  position: absolute;
  top: 50%;
  right: 50%;
  width: 85%;
  background-color: rgba(123, 13, 26, 0.9);
  color: #d0b389;
  height: 85%;
  transform: translate(50%, -50%);
  -moz-transform: translate(50%, -50%) rotateY(90deg);
  -ms-transform: translate(50%, -50%) rotateY(90deg);
  -o-transform: translate(50%, -50%) rotateY(90deg);
  -webkit-transform: translate(50%, -50%) rotateY(90deg);
  transform: translate(50%, -50%) rotateY(90deg);
  opacity: 0;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.product-list:hover .product-detail {
  transform: translate(50%, -50%);
  -moz-transform: translate(50%, -50%) rotateY(0deg);
  -ms-transform: translate(50%, -50%) rotateY(0deg);
  -o-transform: translate(50%, -50%) rotateY(0deg);
  -webkit-transform: translate(50%, -50%) rotateY(0deg);
  transform: translate(50%, -50%) rotateY(0deg);
  opacity: 1; }

.pic-box img {
  height: 26rem;
  object-fit: contain; }

.title-2 {
  border-bottom: 3px solid #7b0d1a;
  border-left: 3px solid #7b0d1a;
  border-right: 3px solid #7b0d1a; }

/*****pagination*********pagination********pagination************pagination******************pagination********pagination*************/
.pagination {
  flex-wrap: wrap; }

.pagination li a {
  position: relative;
  display: block;
  padding: 0.9rem 1.3rem;
  margin-left: 0px;
  line-height: 1.25;
  color: #828282;
  font-size: 1.1rem; }

.pagination li a:focus, .pagination li a:hover {
  color: #0056b3;
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #ddd; }

.pagination li.active a {
  z-index: 2;
  color: #fff;
  background-color: #7b0d1a;
  border-color: #7b0d1a; }

/*---------------*/
.object-cover {
  object-fit: cover; }

.sticky-top {
  top: 1rem;
  z-index: 1; }

.fs-1 {
  font-size: 0.9rem; }

.rounded-3 {
  -moz-border-radius: 3rem 3rem 3rem 3rem;
  -webkit-border-radius: 3rem 3rem 3rem 3rem;
  border-radius: 3rem 3rem 3rem 3rem; }

.bg-gray-light {
  background-color: #f9f9f9; }

.badge-main {
  position: absolute !important;
  top: 0.2rem !important;
  right: 0.1rem;
  background-color: #d7b75e;
  color: #333333; }

.archive p, .page p {
  line-height: 2.4;
  font-size: 0.9rem; }

.bg-dark-2 {
  background-color: #343434; }

.color {
  height: 3rem;
  width: 3rem;
  float: right;
  margin: 0.2rem;
  -moz-border-radius: 50% 50% 50% 50%;
  -webkit-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%; }

.filter-tag {
  border-top: 1px solid #7b0d1a;
  border-bottom: 1px solid #7b0d1a; }

/*# sourceMappingURL=style.css.map */

.carousel-indicators li {
    position: relative;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    display:flex;
    align-items:center;
    width: 60px;
    height: auto;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: 0;
    cursor: pointer;
    border: 2px solid #888;
    border-radius: 5px;
    background-color: rgba(255,255,255,.5);
}
.img-cover {
    height: 36rem;
    object-fit: contain;
    max-width: 100%;
    -webkit-object-fit: contain;
}