/******************************************************************
Template Name: Ashion
Description: Ashion ecommerce template
Author: Colorib
Author URI: https://colorlib.com/
Version: 1.0
Created: Colorib
******************************************************************/
/*------------------------------------------------------------------
[Table of contents]

1.  Template default CSS
	1.1	Variables
	1.2	Mixins
	1.3	Flexbox
	1.4	Reset
2.  Helper Css
3.  Header Section
4.  Categories Section
5.  Product Section
6.  Banner Section
7.  Countdown Section
8.  Instagram
9.  Contact
10.  Footer Style
-------------------------------------------------------------------*/
/*----------------------------------------*/
/* Template default CSS
/*----------------------------------------*/
@font-face {
  font-family: "Estedad";
  src: url("../fonts/Estedad/Estedad-Regular.ttf");
  font-display: swap;
}
@font-face {
  font-family: "Estedad-Bold";
  src: url("../fonts/Estedad/Estedad-Bold.ttf");
  font-display: swap;
}
@font-face {
  font-family: "Estedad-Light";
  src: url("../fonts/Estedad/Estedad-Light.ttf");
  font-display: swap;
}
@font-face {
  font-family: "Estedad-Thin";
  src: url("../fonts/Estedad/Estedad-Thin.ttf");
  font-display: swap;
}
html,
body {
  height: 100%;
  font-family: "Estedad", Tahoma;
  -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  color: #111111;
  font-weight: 400;
  font-family: "Estedad", Tahoma;
}

h1 {
  font-size: 70px;
}

h2 {
  font-size: 36px;
}

h3 {
  font-size: 30px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 16px;
}

p {
  font-size: 14px;
  font-family: "Estedad", Tahoma;
  color: #666666;
  font-weight: 400;
  line-height: 24px;
  margin: 0 0 15px 0;
}

img {
  max-width: 100%;
}

input:focus,
select:focus,
button:focus,
textarea:focus {
  outline: none;
}

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

ul,
ol {
  padding: 0;
  margin: 0;
}

/*---------------------
  Helper CSS
-----------------------*/
.section-title {
  margin-bottom: 45px;
  text-align: left;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  direction: rtl;
}
.section-title h4,
.section-title a {
  color: #111111;
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
  display: inline-block;
}
.section-title h4:after {
  position: absolute;
  left: 0;
  bottom: -10px;
  height: 2px;
  width: 100%;
  background: #d57e88;
  content: "";
}
.section-title a {
  font-size: 13px;
  color: rgba(99, 99, 99, 0.87);
}
.section-title a:hover {
  color: #d57e88;
}

.set-bg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}

.spad {
  padding-top: 100px;
  padding-bottom: 100px;
}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
  color: #fff;
}

/* buttons */
.primary-btn {
  display: inline-block;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  padding: 12px 30px 10px;
  color: #ffffff;
  background: #d57e88;
}

.site-btn {
  font-size: 14px;
  color: #ffffff;
  background: #d57e88;
  font-weight: 600;
  border: none;
  text-transform: uppercase;
  display: inline-block;
  padding: 12px 30px;
  border-radius: 50px;
}

/* Preloder */
#preloder {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999999;
  background: #ffffff;
}

.loader {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -13px;
  margin-left: -13px;
  border-radius: 60px;
  animation: loader 0.8s linear infinite;
  -webkit-animation: loader 0.8s linear infinite;
}

@keyframes loader {
  0% {
    transform: rotate(0deg);
    border: 4px solid #f44336;
    border-left-color: transparent;
  }
  50% {
    transform: rotate(180deg);
    border: 4px solid #673ab7;
    border-left-color: transparent;
  }
  100% {
    transform: rotate(360deg);
    border: 4px solid #f44336;
    border-left-color: transparent;
  }
}
.spacial-controls {
  position: fixed;
  width: 111px;
  height: 91px;
  top: 0;
  right: 0;
  z-index: 999;
}

.spacial-controls .search-switch {
  display: block;
  height: 100%;
  padding-top: 30px;
  background: #323232;
  text-align: center;
  cursor: pointer;
}

.search-model {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #ffffff;
  z-index: 99999;
}

.search-model-form {
  padding: 0 15px;
}

.search-model-form input {
  width: 500px;
  font-size: 40px;
  border: none;
  border-bottom: 2px solid rgba(225, 225, 225, 0.2901960784);
  background: 0 0;
  color: #999;
}

.search-close-switch {
  position: absolute;
  width: 50px;
  height: 50px;
  background: #333;
  color: #fff;
  text-align: center;
  border-radius: 50%;
  font-size: 28px;
  line-height: 28px;
  top: 30px;
  cursor: pointer;
  transform: rotate(45deg);
  display: flex;
  align-items: center;
  justify-content: center;
}

/*---------------------
  Header
-----------------------*/
.header {
  background: #ffffff;
  position: relative;
  z-index: 999;
}
.header::before {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  width: 100%;
  height: 160%;
  background: url(../img/background/bg-header.jpg) no-repeat 0 23%;
  background-size: auto;
  background-size: auto;
  background-size: auto;
  background-size: auto;
  background-size: auto;
  background-size: auto;
  z-index: -1;
  background-size: 100%;
  opacity: 0.25;
}
.header.main::before {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  width: 100%;
  height: 115%;
  background: url(../img/background/bg-header.jpg) no-repeat 0 23%;
  background-size: auto;
  background-size: auto;
  background-size: auto;
  background-size: auto;
  background-size: auto;
  background-size: auto;
  z-index: -1;
  background-size: 100%;
  opacity: 0.25;
}

.header__logo {
  float: right;
  text-align: center;
  padding: 15px 0;
}
.header__logo img {
  width: 190px;
}
.header__logo a {
  display: inline-block;
}

.header__menu {
  padding: 30px 0 27px;
  direction: rtl;
  text-align: center;
}
.header__menu ul li {
  list-style: none;
  display: inline-block;
  margin-right: 40px;
  position: relative;
}
.header__menu ul li.active a:after {
  transform: scale(1);
}
.header__menu ul li:hover a:after {
  transform: scale(1);
}
.header__menu ul li:hover .dropdown {
  top: 27px;
  opacity: 1;
  visibility: visible;
}
.header__menu ul li .dropdown {
  position: absolute;
  left: 0;
  top: 56px;
  width: 150px;
  background: #111111;
  text-align: left;
  padding: 2px 0;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  transition: all, 0.3s;
}
.header__menu ul li .dropdown li {
  display: block;
  margin-right: 0;
}
.header__menu ul li .dropdown li a {
  font-size: 14px;
  color: #ffffff;
  font-weight: 400;
  padding: 8px 20px;
  text-transform: capitalize;
}
.header__menu ul li .dropdown li a:after {
  display: none;
}
.header__menu ul li a {
  font-size: 15px;
  text-transform: uppercase;
  color: #111111;
  font-weight: 500;
  display: block;
  padding: 2px 0;
  position: relative;
}
.header__menu ul li a:after {
  position: absolute;
  left: 0;
  bottom: -10px;
  width: 100%;
  height: 2px;
  background: #d57e88;
  content: "";
  transition: all, 0.5s;
  transform: scale(0);
}

.header__right {
  text-align: right;
  padding: 30px 0 27px;
  float: left;
}

.header__right__auth {
  display: inline-block;
  margin-right: 40px;
}
.header__right__auth a {
  font-size: 12px;
  color: #666666;
  position: relative;
  margin-right: 8px;
}
.header__right__auth a:last-child {
  margin-right: 0;
}
.header__right__auth a:last-child:after {
  display: none;
}

.header__right__search {
  display: none;
  position: absolute;
  left: 55%;
  top: 50%;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  width: 70%;
  padding: 10px;
  background: #fff;
}
.header__right__search form {
  display: flex;
  flex-direction: row-reverse;
}
.header__right__search form input {
  text-align: right;
  font-size: 14px;
  border: unset;
  width: 90%;
}
.header__right__search form button {
  background: unset;
  border: unset;
  transform: rotate(90deg);
}
.header__right__search form button::after {
  content: "\f002";
  font-family: "FontAwesome";
}
.header__right__search form span {
  line-height: 2;
  font-weight: normal;
  padding-right: 6px;
}
.header__right__search .search-items {
  border-top: 1px solid rgba(225, 225, 225, 0.2901960784);
  margin-top: 15px;
}
.header__right__search .search-items .product-search {
  display: flex;
  flex-direction: row-reverse;
  padding: 5px 0;
  border-bottom: 1px solid rgba(225, 225, 225, 0.2901960784);
}
.header__right__search .search-items .product-search img {
  width: 50px;
  height: 50px;
}
.header__right__search .search-items .product-search a {
  line-height: 3;
  padding: 0 10px;
  font-size: 14px;
  text-decoration: none;
  color: rgba(99, 99, 99, 0.87);
  font-weight: bold;
}
.header__right__search .search-items .product-search a:hover {
  color: #d57e88;
}
.header__right__search .search-items .show-all {
  text-align: center;
  padding-top: 6px;
}
.header__right__search .search-items .show-all a {
  font-size: 12px;
  color: rgba(99, 99, 99, 0.87);
  font-weight: bold;
}
.header__right__search .search-items .show-all a:hover {
  color: #d57e88;
}

.header__right__widget {
  display: inline-block;
}
.header__right__widget li {
  list-style: none;
  display: inline-block;
  font-size: 18px;
  color: #111111;
  margin-right: 20px;
  cursor: pointer;
}
.header__right__widget li:last-child {
  margin-right: 0;
}
.header__right__widget li a {
  font-size: 18px;
  color: #111111;
  position: relative;
}
.header__right__widget li a .tip {
  position: absolute;
  right: -12px;
  top: -11px;
  height: 18px;
  width: 18px;
  background: #111111;
  font-size: 10px;
  font-weight: 500;
  color: #ffffff;
  line-height: 18px;
  text-align: center;
  border-radius: 50%;
}

.header__categories {
  float: right;
  text-align: right;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background: #000;
  color: #fff;
  width: 85%;
  position: relative;
}
.header__categories .header__category__button {
  margin: 0 auto;
  padding: 10px 0;
  cursor: pointer;
}
.header__categories .header__category__button span {
  padding-right: 45px;
  font-weight: bold;
  font-size: 14px;
}
.header__categories .header__category__button .header__category__menu {
  background: #ffffff;
  position: absolute;
  top: 100%;
  right: 0;
  width: 100%;
  z-index: 1000;
  visibility: hidden;
  transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1), visibility 0.4s cubic-bezier(0.19, 1, 0.22, 1), transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
.header__categories .header__category__button .header__category__menu ul {
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.075);
  list-style: none;
  transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1), visibility 0.4s cubic-bezier(0.19, 1, 0.22, 1), transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
.header__categories .header__category__button .header__category__menu ul li {
  padding: 12px 20px;
  font-weight: bold;
  font-size: 14px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.075);
  position: relative;
}
.header__categories .header__category__button .header__category__menu ul li a {
  color: #000000;
  transition: 0.3s;
}
.header__categories .header__category__button .header__category__menu ul li.has-item::after {
  content: "\f104";
  font-size: 15px;
  font-family: "FontAwesome";
  position: absolute;
  top: 10px;
  left: 20px;
  color: rgba(82, 82, 82, 0.45);
  font-weight: normal;
}
.header__categories .header__category__button .header__category__menu ul li.has-item ul {
  position: absolute;
  right: 100%;
  background: #ffffff;
  color: #000000;
  top: 0;
  visibility: hidden;
  transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1), visibility 0.4s cubic-bezier(0.19, 1, 0.22, 1), transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
.header__categories .header__category__button .header__category__menu ul li.has-item:hover ul {
  visibility: visible;
}
.header__categories .header__category__button .header__category__menu ul li:last-child {
  border-bottom: unset;
}
.header__categories .header__category__button .header__category__menu ul li:hover a {
  color: rgba(99, 99, 99, 0.87);
}
.header__categories .header__category__button::before {
  content: "\f03a";
  font-size: 18px;
  font-family: "FontAwesome";
  position: absolute;
  top: 9px;
  right: 20px;
}
.header__categories .header__category__button::after {
  content: "\f107";
  font-size: 18px;
  font-family: "FontAwesome";
  position: absolute;
  top: 9px;
  left: 20px;
}
.header__categories .header__category__button:hover .header__category__menu {
  visibility: visible;
}

.offcanvas-menu-wrapper {
  display: none;
}

.canvas__open {
  display: none;
}

.slick-prev {
  position: absolute;
  z-index: 1000;
  top: 35%;
  left: -20px;
  font-size: 0;
  outline: none;
  border: unset;
  background: #d57e88;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  padding-left: 1px;
}
.slick-prev::before {
  content: "\f053";
  font-family: "FontAwesome";
  color: #fff;
  font-size: 13px;
}

.slick-next {
  position: absolute;
  z-index: 1000;
  top: 35%;
  right: -25px;
  font-size: 0;
  outline: none;
  border: unset;
  background: #d57e88;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  padding-left: 6px;
}
.slick-next::before {
  content: "\f054";
  font-family: "FontAwesome";
  color: #fff;
  font-size: 13px;
}

/*---------------------
  Banner
-----------------------*/
.banner {
  height: 500px;
}

.banner__text span {
  font-size: 18px;
  color: #d57e88;
  text-transform: uppercase;
}
.banner__text h1 {
  font-size: 80px;
  color: #111111;
  font-family: "Cookie", cursive;
  margin-bottom: 15px;
}
.banner__text a {
  font-size: 14px;
  color: #111111;
  text-transform: uppercase;
  font-weight: 700;
  position: relative;
  padding: 0 0 3px;
  display: inline-block;
}
.banner__text a:after {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 100%;
  background: #d57e88;
  content: "";
}

.banner__slider {
  text-align: center;
  padding: 150px 0 0;
}
.banner__slider.owl-carousel .owl-dots {
  position: absolute;
  left: 0;
  top: 430px;
  width: 100%;
  text-align: center;
}
.banner__slider.owl-carousel .owl-dots button {
  height: 12px;
  width: 12px;
  background: #a1a1a1;
  border-radius: 50%;
  margin-right: 10px;
}
.banner__slider.owl-carousel .owl-dots button.active {
  background: #d57e88;
}
.banner__slider.owl-carousel .owl-dots button:last-child {
  margin-right: 0;
}

/*---------------------
  Product
-----------------------*/
/*---------------------
  Services
-----------------------*/
.services {
  padding-top: 80px;
  padding-bottom: 50px;
  background: #f4f2f3;
}

.services__item {
  padding-right: 65px;
  position: relative;
  margin-bottom: 20px;
  text-align: right;
}
.services__item i {
  font-size: 36px;
  color: #d57e88;
  position: absolute;
  right: 0;
  top: 4px;
}
.services__item h6 {
  color: #111111;
  font-weight: 600;
  margin-bottom: 5px;
}
.services__item p {
  margin-bottom: 0;
}

/*---------------------
  Instagram
-----------------------*/
.instagram__item {
  height: 320px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.instagram__item:hover:after {
  opacity: 1;
}
.instagram__item:hover .instagram__text {
  opacity: 1;
  visibility: visible;
}
.instagram__item:after {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.9);
  content: "";
  opacity: 0;
  z-index: -1;
  transition: all, 0.3s;
}

.instagram__text {
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: all, 0.3s;
}
.instagram__text i {
  font-size: 30px;
  color: #0d0d0d;
}
.instagram__text a {
  font-size: 16px;
  color: #0d0d0d;
  font-weight: 500;
  display: block;
  margin-top: 10px;
}

/*---------------------
  Blog
-----------------------*/
.blog {
  position: relative;
}
.blog::before {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: url(../img/background/bg-blog.jpg) no-repeat 100% 100%;
  z-index: -1;
  opacity: 0.3;
}

/*---------------------
  Footer
-----------------------*/
.footer {
  padding-top: 55px;
  position: relative;
}
.footer::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: url(../img/background/bg-footer.jpg) 0 50% no-repeat;
  background-size: auto;
  background-size: auto;
  background-size: auto;
  background-size: 100%;
  z-index: -1;
  opacity: 0.2;
}

.footer__about {
  margin-bottom: 30px;
}
.footer__about p {
  margin-bottom: 20px;
  text-align: justify;
  font-size: 13px;
  direction: rtl;
  padding-left: 25px;
}

.footer__logo {
  margin-bottom: 20px;
  text-align: right;
}
.footer__logo a img {
  width: 65%;
}

.footer__payment a {
  margin-right: 6px;
  margin-bottom: 10px;
  display: inline-block;
}
.footer__payment a:last-child {
  margin-right: 0;
}

.footer__widget {
  margin-bottom: 30px;
}
.footer__widget h6 {
  color: #111111;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 12px;
  text-align: right;
}
.footer__widget ul li {
  list-style: none;
  text-align: right;
}
.footer__widget ul li a {
  font-size: 14px;
  color: #666666;
  line-height: 30px;
}
.footer__widget ul li a:hover {
  color: #d57e88;
}

.footer__newslatter {
  margin-bottom: 30px;
}
.footer__newslatter h6 {
  color: #111111;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 25px;
  float: right;
}

.footer__social {
  float: right;
}
.footer__social a {
  display: inline-block;
  height: 40px;
  width: 40px;
  background: #e1e1e1;
  font-size: 15px;
  color: #111111;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  margin-right: 6px;
  margin-bottom: 5px;
}
.footer__social a:last-child {
  margin-right: 0;
}
.footer__social a:hover {
  background: #d57e88;
  color: #ffffff;
}

.footer__copyright__text {
  border-top: 1px solid #e1e1e1;
  padding: 18px 0 25px;
  text-align: center;
  margin-top: 35px;
  direction: rtl;
}
.footer__copyright__text p {
  margin-bottom: 0;
}
.footer__copyright__text a {
  color: #5C5C5C;
}
.footer__copyright__text i {
  color: #d57e88;
}
.footer__copyright__text a:hover {
  color: #d57e88;
}

/*---------------------
  Breadcrumb
-----------------------*/
.breadcrumb-option {
  padding-top: 35px;
  direction: rtl;
  text-align: right;
}

.breadcrumb__links a {
  font-size: 15px;
  font-weight: 500;
  color: #111111;
  margin-left: 18px;
  display: inline-block;
  position: relative;
}
.breadcrumb__links a:after {
  position: absolute;
  left: -14px;
  top: 0;
  content: "\f104";
  font-family: "FontAwesome";
}
.breadcrumb__links a i {
  margin-right: 5px;
}
.breadcrumb__links span {
  font-size: 15px;
  font-weight: 500;
  color: #888888;
  display: inline-block;
}

/*---------------------
  Categories
-----------------------*/
.categories {
  overflow: hidden;
}
.categories .container-fluid {
  padding-right: 5px;
}
.categories .categories_parent__small__item {
  margin: unset !important;
  padding: unset !important;
}
.categories .categories_parent__small__item.left_round .categories__item {
  border-bottom-left-radius: 20px;
}
.categories .categories_parent__small__item.right_round .categories__item {
  border-bottom-right-radius: 20px;
}
.categories .categories__item {
  direction: rtl;
  display: flex;
  align-items: center;
  margin: 4px;
  padding-right: 70px;
}
.categories .categories__item.categories__large__item {
  height: 80vh;
  padding-left: 70px;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
}
.categories .categories__item.categories__large__item .categories__text {
  width: 40%;
  text-align: justify;
  direction: rtl;
}
.categories .categories__item.categories__large__item .categories__text p {
  margin-bottom: 15px;
}
.categories .categories__item:not(.categories__large__item) {
  height: 30vh;
  position: relative;
  transition: transform 0.5s cubic-bezier(0, 0, 0.44, 1.18);
}
.categories .categories__item:not(.categories__large__item) .categories__text {
  position: absolute;
  left: 25px;
}
.categories .categories__item:not(.categories__large__item):hover {
  transform: scale(1.07);
}
.categories .categories__text h1 {
  font-family: "Estedad-Bold";
  color: #111111;
  margin-bottom: 15px;
  font-size: 70px;
}
.categories .categories__text h4 {
  color: #111111;
  font-weight: 700;
  font-size: 22px;
}
.categories .categories__text p {
  margin: 15px 0;
  line-height: 2.3;
}
.categories .categories__text a {
  font-size: 16px;
  color: #111111;
  text-transform: uppercase;
  font-weight: 600;
  position: relative;
  padding: 0 0 3px;
  float: left;
}
.categories .categories__text a:after {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 100%;
  background: #d57e88;
  content: "";
}
.categories .categories__text a:hover {
  color: rgba(99, 99, 99, 0.87);
}
.categories .category-container .categories_parent__small__item:nth-child(1) .categories__item {
  border-bottom-left-radius: 20px;
}
.categories .category-container .categories_parent__small__item:last-child .categories__item {
  border-bottom-right-radius: 20px;
}

/*---------------------
  Product
-----------------------*/
.product {
  text-align: center;
  padding-top: 60px;
  padding-bottom: 50px;
  position: relative;
  z-index: 999;
}
.product .load-btn {
  display: none;
}
.product.left__bg::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: url(../img/background/flow-1.jpg) no-repeat 100% 15%;
  background-size: auto;
  background-size: auto;
  z-index: -1;
  opacity: 0.3;
  background-size: 20%;
}
.product.right__bg::before {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: url(../img/background/bg-product-01.jpg) no-repeat 0% 0;
  background-size: auto;
  background-size: auto;
  background-size: auto;
  background-size: auto;
  z-index: -1;
  opacity: 0.3;
  background-size: 80%;
}

.filter__controls {
  text-align: left;
  margin-bottom: 50px;
  direction: rtl;
}
.filter__controls li {
  font-size: 14px;
  list-style: none;
  display: inline-block;
  color: #111111;
  margin-right: 35px;
  position: relative;
  cursor: pointer;
}
.filter__controls li.active:after {
  opacity: 1;
}
.filter__controls li:after {
  position: absolute;
  left: 0;
  bottom: -4px;
  height: 2px;
  width: 100%;
  background: #d57e88;
  content: "";
  opacity: 0;
}
.filter__controls li:last-child {
  margin-left: 0;
}

.product__item {
  margin-bottom: 35px;
  transition: transform 0.5s cubic-bezier(0, 0, 0.44, 1.18);
  height: 425px;
  overflow: hidden;
}
.product__item:hover {
  transform: scale(1.09);
}
.product__item:hover .product__hover li {
  opacity: 1;
  top: 0;
}
.product__item:hover a {
  color: #d57e88;
}
.product__item.sale .product__item__pic .label {
  background: #d57e88;
}
.product__item.sale .product__item__text .product__price {
  color: #d57e88;
}

.product__item__pic {
  height: 360px;
  position: relative;
  overflow: hidden;
}
.product__item__pic .label {
  font-size: 12px;
  color: #ffffff;
  font-weight: 500;
  display: inline-block;
  padding: 2px 8px;
  text-transform: uppercase;
  position: absolute;
  left: 10px;
  top: 10px;
}
.product__item__pic .label.new {
  background: #36a300;
}
.product__item__pic .label.stockout {
  background: red;
}
.product__item__pic .label.stockblue {
  background: #0066bd !important;
}
.product__item__pic .label.sale {
  background: #d57e88;
}

.product__hover {
  position: absolute;
  right: -15px;
  width: 100%;
  top: 35px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.product__hover li {
  list-style: none;
  display: inline-block;
  margin: 5px 0;
  position: relative;
  top: 100px;
  opacity: 0;
}
.product__hover li:nth-child(1) {
  transition: all 0.4s ease 0.1s;
}
.product__hover li:nth-child(2) {
  transition: all 0.4s ease 0.15s;
}
.product__hover li:nth-child(3) {
  transition: all 0.4s ease 0.2s;
}
.product__hover li:last-child {
  margin-right: 0;
}
.product__hover li:hover a {
  background: #d57e88;
}
.product__hover li:hover a span {
  color: #ffffff;
  transform: rotate(360deg);
}
.product__hover li a {
  font-size: 18px;
  color: #111111;
  display: block;
  height: 45px;
  width: 45px;
  background: #ffffff;
  line-height: 48px;
  text-align: center;
  border-radius: 50%;
  transition: all, 0.5s;
}
.product__hover li a span {
  position: relative;
  transform: rotate(0);
  transition: all, 0.3s;
  display: inline-block;
}

.product__item__text {
  text-align: center;
  padding-top: 10px;
}
.product__item__text h6 {
  margin-bottom: 10px;
}
.product__item__text h6 a {
  font-size: 16px;
  color: rgba(99, 99, 99, 0.87);
  font-weight: 900;
  font-size: 16px;
  text-wrap: nowrap;
  overflow: hidden;
}
.product__item__text .product__price {
  color: #111111;
  font-weight: 600;
  direction: rtl;
  font-size: 15px;
}
.product__item__text .product__price span {
  font-size: 14px;
  color: #b1b0b0;
  text-decoration: line-through;
  margin-left: 4px;
}

/*---------------------
  Shop
-----------------------*/
.shop {
  padding-top: 70px;
  padding-bottom: 80px;
}
.shop .shop_head {
  display: none;
}

.sidebar__categories {
  margin-bottom: 50px;
}
.sidebar__categories .section-title {
  margin-bottom: 35px;
}
.sidebar__categories .section-title h4 {
  font-size: 18px;
}

.categories__accordion .card {
  border: none;
  border-radius: 0;
  padding-bottom: 12px;
  border-bottom: 1px solid #f2f2f2 !important;
  margin-bottom: 12px;
  direction: rtl;
  text-align: right;
}
.categories__accordion .card:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none !important;
}
.categories__accordion .card-heading {
  cursor: pointer;
}
.categories__accordion .card-heading a {
  font-size: 14px;
  font-weight: 500;
  color: #111111;
  display: block;
}
.categories__accordion .card-body {
  padding-left: 0;
  padding-top: 6px;
  padding-bottom: 0;
}
.categories__accordion .card-body li {
  list-style: none;
  position: relative;
  padding-left: 16px;
}
.categories__accordion .card-body li:before {
  position: absolute;
  right: -18px;
  top: 14px;
  height: 1px;
  width: 4px;
  background: #666666;
  content: "";
}
.categories__accordion .card-body li a {
  font-size: 14px;
  color: #666666;
  line-height: 30px;
}

.categories__accordion .card-heading a:after,
.categories__accordion .card-heading > a.active[aria-expanded=false]:after {
  content: "\f107";
  font-size: 14px;
  font-family: "FontAwesome";
  color: #666666;
  position: absolute;
  left: 30px;
  top: 0px;
}

.categories__accordion .card-heading.active a:after {
  content: "\f106";
  font-size: 14px;
  font-family: "FontAwesome";
  color: #666666;
  position: absolute;
  left: 30px;
  top: -1px;
}

.categories__accordion .card-heading a[aria-expanded=true]:after,
.categories__accordion .card-heading > a.active:after {
  content: "\f106";
  font-size: 14px;
  font-family: "FontAwesome";
  color: #666666;
  position: absolute;
  left: 30px;
  top: -1px;
}

.sidebar__filter {
  position: relative;
  margin-bottom: 60px;
}
.sidebar__filter .section-title {
  margin-bottom: 50px;
}
.sidebar__filter .section-title h4 {
  font-size: 18px;
}
.sidebar__filter a {
  font-size: 14px;
  color: #0d0d0d;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 700;
  display: inline-block;
  padding: 5px 16px 5px 24px;
  border: 2px solid #ff0000;
  position: absolute;
  left: 0;
  bottom: -5px;
  border-radius: 2px;
}

.filter-range-wrap .range-slider .price-input {
  position: relative;
  text-align: right;
}
.filter-range-wrap .range-slider .price-input p {
  font-size: 16px;
  color: #0d0d0d;
  font-weight: 500;
  display: inline-block;
  margin-bottom: 0;
}

.filter-range-wrap .range-slider .price-input:after {
  position: absolute;
  right: 47px;
  top: 12px;
  height: 1px;
  width: 5px;
  background: #0d0d0d;
  content: "";
}

.filter-range-wrap .range-slider .price-input input {
  font-size: 16px;
  color: #0d0d0d;
  max-width: 16%;
  border: none;
}

.filter-range-wrap .range-slider .price-input input:nth-child(1) {
  margin-right: 28px;
}

.filter-range-wrap .price-range {
  border-radius: 0;
  margin-bottom: 28px;
}

.filter-range-wrap .price-range.ui-widget-content {
  border: none;
  background: rgba(0, 0, 0, 0.1);
  height: 5px;
}

.filter-range-wrap .price-range.ui-widget-content .ui-slider-handle {
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #d57e88;
  border: none;
  outline: none;
  cursor: pointer;
}

.filter-range-wrap .price-range .ui-slider-range {
  background: #d57e88;
  border-radius: 0;
}

.sidebar__sizes, .sidebar__color {
  margin-bottom: 40px;
}
.sidebar__sizes .section-title, .sidebar__color .section-title {
  margin-bottom: 35px;
}
.sidebar__sizes .section-title h4, .sidebar__color .section-title h4 {
  font-size: 18px;
}
.sidebar__sizes .size__list label, .sidebar__color .size__list label {
  display: block;
  padding-right: 20px;
  font-size: 14px;
  text-transform: uppercase;
  color: #444444;
  position: relative;
  cursor: pointer;
  text-align: right;
}
.sidebar__sizes .size__list label input, .sidebar__color .size__list label input {
  position: absolute;
  visibility: hidden;
}
.sidebar__sizes .size__list label input:checked ~ .checkmark, .sidebar__color .size__list label input:checked ~ .checkmark {
  border-color: #d57e88;
}
.sidebar__sizes .size__list label input:checked ~ .checkmark:after, .sidebar__color .size__list label input:checked ~ .checkmark:after {
  border-color: #d57e88;
  opacity: 1;
}
.sidebar__sizes .size__list label .checkmark, .sidebar__color .size__list label .checkmark {
  position: absolute;
  right: 0;
  top: 4px;
  height: 10px;
  width: 10px;
  border: 1px solid #444444;
  border-radius: 2px;
}
.sidebar__sizes .size__list label .checkmark:after, .sidebar__color .size__list label .checkmark:after {
  position: absolute;
  left: 0px;
  top: -2px;
  width: 11px;
  height: 5px;
  border: solid #ffffff;
  border-width: 1.5px 1.5px 0px 0px;
  transform: rotate(127deg);
  opacity: 0;
  content: "";
}

.sidebar__color .color__list label {
  text-transform: capitalize;
}

.pagination__option {
  direction: rtl;
}
.pagination__option a {
  display: inline-block;
  height: 40px;
  width: 40px;
  border: 1px solid #f2f2f2;
  border-radius: 50%;
  font-size: 14px;
  color: #111111;
  font-weight: 600;
  line-height: 40px;
  text-align: center;
  transition: all, 0.3s;
  margin-right: 6px;
}
.pagination__option a:last-child {
  margin-right: 0;
}
.pagination__option a i {
  font-weight: 600;
}
.pagination__option a:hover {
  background: #0d0d0d;
  border-color: #0d0d0d;
  color: #ffffff;
}

.shop-category_wrapper {
  text-align: center;
  border-top: 2px solid #d57e88;
  margin: 40px 0;
  height: 400px;
  overflow: hidden;
  position: relative;
}
.shop-category_wrapper a {
  position: absolute;
  bottom: 0;
  z-index: 999;
  left: 44%;
  border: 1px solid #000000;
  padding: 6px 15px;
  border-radius: 5px;
  background: #000000;
  color: #ffffff;
  cursor: pointer;
}
.shop-category_wrapper a:hover {
  background: #ffffff;
  color: #000000;
}
.shop-category_wrapper p {
  padding: 15px 0;
  direction: rtl;
  line-height: 2;
  font-size: 15px;
  text-align: justify;
}
.shop-category_wrapper img {
  padding: 15px 20px;
}
.shop-category_wrapper img.full-img {
  margin: 0 auto;
}
.shop-category_wrapper:after {
  content: "";
  position: absolute;
  bottom: 47px;
  height: 100%;
  width: 100%;
  background: linear-gradient(to bottom, rgba(100, 100, 100, 0) 0%, #fff 75%);
  bottom: 0;
  left: 0;
}

.optional_products {
  display: flex;
  justify-content: space-between;
  margin: 25px 0;
  border-bottom: 1px solid #f2f2f2;
  padding-bottom: 30px;
}
.optional_products .option-product_item .option_title {
  text-align: center;
}
.optional_products .option-product_item .option_title h6 {
  font-size: 13px;
  padding: 7px 0;
  font-weight: bold;
}

.optional_title {
  text-align: center;
  font-weight: bold;
  padding: 10px 0;
}

/*---------------------
  Product Details
-----------------------*/
.product-details {
  padding-top: 70px;
  padding-bottom: 50px;
}

.product__details__pic {
  overflow: hidden;
}

.product__details__pic__bottom {
  width: inherit;
  max-height: 574px;
  overflow-y: auto;
  display: flex;
  margin-top: 5px;
}
.product__details__pic__bottom .pt {
  display: block;
  margin-bottom: 20px;
  cursor: pointer;
  position: relative;
}
.product__details__pic__bottom .pt::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #000;
  opacity: 0;
  transition: all 0.3s;
}
.product__details__pic__bottom .pt.active::after {
  opacity: 0.3;
}
.product__details__pic__bottom .pt:last-child {
  margin-bottom: 0;
}
.product__details__pic__bottom .pt img {
  min-width: 100%;
}

.product__details__slider__content {
  width: 100%;
}

.product__details__pic__slider.owl-carousel .owl-nav button {
  position: absolute;
  left: 10px;
  top: 50%;
  font-size: 22px;
  color: #111111;
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 50%;
  line-height: 44px;
  text-align: center;
  margin-top: -20px;
}
.product__details__pic__slider.owl-carousel .owl-nav button.owl-next {
  left: auto;
  right: 10px;
}

.product__details__text {
  text-align: right;
  direction: rtl;
}
.product__details__text h3 {
  color: #111111;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 12px;
}
.product__details__text h3 span {
  display: block;
  font-size: 14px;
  color: #444444;
  text-transform: none;
  font-weight: 400;
  margin-top: 5px;
}
.product__details__text p {
  color: #444444;
  margin-bottom: 28px;
}

.product__details__price {
  font-size: 30px;
  font-weight: 600;
  color: #d57e88;
  margin-bottom: 30px;
}
.product__details__price span {
  font-size: 18px;
  color: #b1b0b0;
  text-decoration: line-through;
  margin-left: 10px;
  display: inline-block;
}

.quantity {
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
}
.quantity > span {
  font-size: 14px;
  color: #111111;
  font-weight: 600;
  float: right;
  margin-top: 14px;
  margin-left: 15px;
}

.pro-qty {
  height: 50px;
  width: 150px;
  border: 1px solid #ebebeb;
  border-radius: 50px;
  padding: 0 20px;
  overflow: hidden;
  display: inline-block;
}
.pro-qty .qtybtn {
  font-size: 14px;
  color: #666666;
  cursor: pointer;
  float: left;
  width: 12px;
  line-height: 46px;
}
.pro-qty input {
  font-size: 14px;
  color: #666666;
  font-weight: 500;
  border: none;
  float: left;
  width: 84px;
  text-align: center;
  height: 48px;
}

.product__details__button {
  overflow: hidden;
  margin-bottom: 25px;
}
.product__details__button .cart-btn {
  display: inline-block;
  font-size: 14px;
  color: #ffffff;
  background: #d57e88;
  font-weight: 600;
  text-transform: uppercase;
  padding: 14px 30px 15px;
  border-radius: 50px;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
.product__details__button ul {
  float: left;
}
.product__details__button ul li {
  list-style: none;
  display: inline-block;
  margin-right: 5px;
}
.product__details__button ul li:last-child {
  margin-right: 0;
}
.product__details__button ul li a {
  display: inline-block;
  height: 50px;
  width: 50px;
  border: 1px solid #ebebeb;
  border-radius: 50%;
  line-height: 50px;
  text-align: center;
  padding-top: 1px;
}
.product__details__button ul li a span {
  font-size: 18px;
  color: #666666;
}

.product__details__widget {
  border-top: 1px solid #ebebeb;
  padding-top: 35px;
}
.product__details__widget ul li {
  list-style: none;
  margin-bottom: 10px;
}
.product__details__widget ul li:last-child {
  margin-bottom: 0;
}
.product__details__widget ul li span {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  color: #111111;
  width: 150px;
  float: right;
}
.product__details__widget ul li .stock__checkbox {
  overflow: hidden;
}
.product__details__widget ul li .stock__checkbox label {
  display: block;
  padding-left: 20px;
  font-size: 14px;
  color: #666666;
  position: relative;
  cursor: pointer;
}
.product__details__widget ul li .stock__checkbox label input {
  position: absolute;
  visibility: hidden;
}
.product__details__widget ul li .stock__checkbox label input:checked ~ .checkmark {
  border-color: #d57e88;
}
.product__details__widget ul li .stock__checkbox label input:checked ~ .checkmark:after {
  border-color: #d57e88;
  opacity: 1;
}
.product__details__widget ul li .stock__checkbox label .checkmark {
  position: absolute;
  left: 0;
  top: 5px;
  height: 10px;
  width: 10px;
  border: 1px solid #444444;
  border-radius: 2px;
}
.product__details__widget ul li .stock__checkbox label .checkmark:after {
  position: absolute;
  left: 0px;
  top: -2px;
  width: 11px;
  height: 5px;
  border: solid #ffffff;
  border-width: 1.5px 1.5px 0px 0px;
  transform: rotate(127deg);
  opacity: 0;
  content: "";
}
.product__details__widget ul li .color__checkbox label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  margin-right: 20px;
}
.product__details__widget ul li .color__checkbox label.active input ~ .checkmark:after {
  border-color: #ffffff;
  opacity: 1;
}
.product__details__widget ul li .color__checkbox label:last-child {
  margin-right: 0;
}
.product__details__widget ul li .color__checkbox label input {
  position: absolute;
  visibility: hidden;
}
.product__details__widget ul li .color__checkbox label input:checked ~ .checkmark:after {
  border-color: #ffffff;
  opacity: 1;
}
.product__details__widget ul li .color__checkbox label .checkmark {
  position: absolute;
  left: 0;
  top: -10px;
  height: 20px;
  width: 20px;
  background: #e31e2f;
  border-radius: 50%;
  content: "";
}
.product__details__widget ul li .color__checkbox label .checkmark.black-bg {
  background: #111111;
}
.product__details__widget ul li .color__checkbox label .checkmark.grey-bg {
  background: #e4aa8b;
}
.product__details__widget ul li .color__checkbox label .checkmark:after {
  position: absolute;
  left: 3px;
  top: 5px;
  width: 13px;
  height: 6px;
  border: solid #ffffff;
  border-width: 1.5px 1.5px 0px 0px;
  transform: rotate(127deg);
  opacity: 0;
  content: "";
}
.product__details__widget ul li .size__btn label, .product__details__widget ul li .pattern__btn label {
  font-size: 14px;
  color: #666666;
  text-transform: uppercase;
  cursor: pointer;
  margin-right: 10px;
  display: inline-block;
  margin-bottom: 0;
}
.product__details__widget ul li .size__btn label:last-child, .product__details__widget ul li .pattern__btn label:last-child {
  margin-left: 0;
}
.product__details__widget ul li .size__btn label.active, .product__details__widget ul li .pattern__btn label.active {
  color: #d57e88;
}
.product__details__widget ul li .size__btn label input, .product__details__widget ul li .pattern__btn label input {
  position: absolute;
  visibility: hidden;
}
.product__details__widget ul li p {
  margin-bottom: 0;
  color: #666666;
}

.product__details__tab {
  padding-top: 80px;
  margin-bottom: 65px;
}

.nav {
  border-bottom: none;
  justify-content: center;
  position: relative;
  margin-bottom: 40px;
}
.nav::before {
  position: absolute;
  left: 0;
  top: 13px;
  height: 1px;
  width: 335px;
  background: #e1e1e1;
  content: "";
}
.nav::after {
  position: absolute;
  right: 0;
  top: 13px;
  height: 1px;
  width: 335px;
  background: #e1e1e1;
  content: "";
}

.nav-item {
  margin-right: 46px;
}
.nav-item:last-child {
  margin-right: 0;
}
.nav-item .nav-link {
  font-size: 18px;
  color: #666666;
  font-weight: 600;
  border: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 0;
}
.nav-item .nav-link.active {
  color: #111111;
}

.tab-content .tab-pane h6 {
  color: #666666;
  font-weight: 600;
  margin-bottom: 24px;
}
.tab-content .tab-pane p:last-child {
  margin-bottom: 0;
}

.related__title h5 {
  font-size: 20px;
  color: #111111;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 35px;
}

/*---------------------
  Shop Cart
-----------------------*/
.shop-cart {
  padding-top: 70px;
  padding-bottom: 90px;
  direction: rtl;
  text-align: right;
}

.shop__cart__table {
  margin-bottom: 30px;
}
.shop__cart__table table {
  width: 100%;
}
.shop__cart__table thead {
  border-bottom: 1px solid #f2f2f2;
}
.shop__cart__table thead th {
  font-size: 18px;
  color: #111111;
  font-weight: 600;
  text-transform: uppercase;
  padding-bottom: 20px;
}
.shop__cart__table tbody tr {
  border-bottom: 1px solid #f2f2f2;
}
.shop__cart__table tbody tr td {
  padding: 30px 0;
}
.shop__cart__table tbody tr .cart__product__item {
  overflow: hidden;
  width: 585px;
}
.shop__cart__table tbody tr .cart__product__item img {
  float: right;
  margin-left: 25px;
}
.shop__cart__table tbody tr .cart__product__item .cart__product__item__title {
  overflow: hidden;
  padding-top: 23px;
}
.shop__cart__table tbody tr .cart__product__item .cart__product__item__title h6 {
  color: #111111;
  font-weight: 600;
}
.shop__cart__table tbody tr .cart__product__item .cart__product__item__title .rating i {
  font-size: 10px;
  color: #e3c01c;
  margin-right: -4px;
}
.shop__cart__table tbody tr .cart__price {
  font-size: 16px;
  color: #d57e88;
  font-weight: 600;
  width: 190px;
}
.shop__cart__table tbody tr .cart__quantity {
  width: 190px;
}
.shop__cart__table tbody tr .cart__quantity .pro-qty {
  border: none;
  padding: 0;
  width: 110px;
  border-radius: 0;
}
.shop__cart__table tbody tr .cart__quantity .pro-qty input {
  color: #444444;
}
.shop__cart__table tbody tr .cart__quantity .pro-qty .qtybtn {
  font-size: 16px;
  color: #444444;
}
.shop__cart__table tbody tr .cart__total {
  font-size: 16px;
  color: #d57e88;
  font-weight: 600;
  width: 150px;
}
.shop__cart__table tbody tr .cart__close {
  text-align: right;
}
.shop__cart__table tbody tr .cart__close span {
  height: 45px;
  width: 45px;
  background: #f2f2f2;
  border-radius: 50%;
  font-size: 18px;
  color: #111111;
  line-height: 44px;
  text-align: center;
  display: inline-block;
  font-weight: 600;
  cursor: pointer;
}

.cart__btn {
  margin-bottom: 50px;
}
.cart__btn.update__btn {
  text-align: left;
}
.cart__btn a {
  font-size: 14px;
  color: #111111;
  font-weight: 600;
  text-transform: uppercase;
  display: inline-block;
  padding: 14px 30px 12px;
  background: #f5f5f5;
}
.cart__btn a span {
  color: #d57e88;
  font-size: 14px;
  margin-left: 5px;
}

.discount__content h6 {
  color: #111111;
  font-weight: 600;
  text-transform: uppercase;
  display: inline-block;
  margin-left: 30px;
}
.discount__content form {
  position: relative;
  width: 370px;
  display: inline-block;
}
.discount__content form input {
  height: 52px;
  width: 100%;
  border: 1px solid #444444;
  border-radius: 50px;
  padding-left: 30px;
  padding-right: 115px;
  font-size: 14px;
  color: #444444;
}
.discount__content form input::-moz-placeholder {
  color: #444444;
}
.discount__content form input::placeholder {
  color: #444444;
}
.discount__content form button {
  position: absolute;
  left: 4px;
  top: 4px;
}

.cart__total__procced {
  background: #f5f5f5;
  padding: 40px;
}
.cart__total__procced h6 {
  color: #111111;
  font-weight: 600;
  text-transform: uppercase;
  padding-bottom: 13px;
  border-bottom: 1px solid rgb(215, 215, 215);
}
.cart__total__procced ul {
  margin-bottom: 25px;
}
.cart__total__procced ul li {
  list-style: none;
  font-size: 14px;
  color: #111111;
  font-weight: 600;
  overflow: hidden;
  line-height: 40px;
  display: flex;
  justify-content: space-between;
}
.cart__total__procced ul li span {
  color: #d57e88;
  float: right;
}
.cart__total__procced .primary-btn {
  display: block;
  border-radius: 50px;
  text-align: center;
  padding: 12px 0 10px;
}

/*---------------------
  Checkout
-----------------------*/
.checkout {
  padding-top: 80px;
  padding-bottom: 70px;
  text-align: right;
  direction: rtl;
}

.checkout__form h5 {
  color: #111111;
  font-weight: 600;
  text-transform: uppercase;
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 20px;
  margin-bottom: 25px;
}
.checkout__form .checkout__form__input p {
  color: #444444;
  font-weight: 500;
  margin-bottom: 10px;
}
.checkout__form .checkout__form__input p span {
  color: #d57e88;
}
.checkout__form .checkout__form__input p label {
  color: #d57e88;
  font-weight: bold;
  font-size: 12px;
  margin-right: 5px;
}
.checkout__form .checkout__form__input input {
  height: 50px;
  width: 100%;
  border: 1px solid #e1e1e1;
  border-radius: 2px;
  margin-bottom: 25px;
  font-size: 14px;
  padding-right: 20px;
  color: #666666;
}
.checkout__form .checkout__form__input input::-moz-placeholder {
  color: #666666;
}
.checkout__form .checkout__form__input input::placeholder {
  color: #666666;
}
.checkout__form .checkout__form__checkbox {
  margin-bottom: 20px;
}
.checkout__form .checkout__form__checkbox label {
  display: block;
  padding-left: 24px;
  font-size: 14px;
  color: #444444;
  font-weight: 500;
  position: relative;
  cursor: pointer;
  margin-bottom: 16px;
}
.checkout__form .checkout__form__checkbox label input {
  position: absolute;
  visibility: hidden;
}
.checkout__form .checkout__form__checkbox label input:checked ~ .checkmark {
  border-color: #d57e88;
}
.checkout__form .checkout__form__checkbox label input:checked ~ .checkmark:after {
  border-color: #d57e88;
  opacity: 1;
}
.checkout__form .checkout__form__checkbox label .checkmark {
  position: absolute;
  left: 0;
  top: 4px;
  height: 10px;
  width: 10px;
  border: 1px solid #444444;
  border-radius: 2px;
}
.checkout__form .checkout__form__checkbox label .checkmark:after {
  position: absolute;
  left: 0px;
  top: -2px;
  width: 11px;
  height: 5px;
  border: solid #ffffff;
  border-width: 1.5px 1.5px 0px 0px;
  transform: rotate(127deg);
  opacity: 0;
  content: "";
}
.checkout__form .checkout__form__checkbox p {
  margin-bottom: 0;
}

.checkout__order {
  background: #f5f5f5;
  padding: 30px;
}
.checkout__order h5 {
  border-bottom: 1px solid #d7d7d7;
  margin-bottom: 18px;
}
.checkout__order .site-btn {
  width: 100%;
}

.checkout__order__product {
  border-bottom: 1px solid #d7d7d7;
  padding-bottom: 22px;
}
.checkout__order__product ul li {
  list-style: none;
  font-size: 14px;
  color: #444444;
  font-weight: 500;
  overflow: hidden;
  margin-bottom: 14px;
  line-height: 24px;
  display: flex;
  justify-content: space-between;
}
.checkout__order__product ul li:last-child {
  margin-bottom: 0;
}
.checkout__order__product ul li:first-child {
  font-weight: 700;
}
.checkout__order__product ul li span {
  font-size: 14px;
  color: #111111;
  font-weight: 600;
  float: right;
}
.checkout__order__product ul li .top__text {
  font-size: 16px;
  color: #111111;
  font-weight: 600;
  float: left;
}
.checkout__order__product ul li .top__text__right {
  font-size: 16px;
  color: #111111;
  font-weight: 600;
  float: right;
}

.checkout__order__total {
  padding-top: 12px;
  border-bottom: 1px solid #d7d7d7;
  padding-bottom: 10px;
  margin-bottom: 25px;
}
.checkout__order__total ul li {
  display: flex;
  justify-content: space-between;
  font-weight: 700;
  font-size: 1.2rem;
  padding: 8px 0;
}
.checkout__order__total ul li span {
  color: #d57e88;
  float: right;
  font-size: 14px;
}
.checkout__order__total ul li span.label-amount {
  color: #444444;
}

.checkout__order__widget {
  padding-bottom: 10px;
}
.checkout__order__widget label {
  display: block;
  padding-left: 25px;
  font-size: 14px;
  font-weight: 500;
  color: #111111;
  position: relative;
  cursor: pointer;
  margin-bottom: 14px;
}
.checkout__order__widget label input {
  position: absolute;
  visibility: hidden;
}
.checkout__order__widget label input:checked ~ .checkmark {
  border-color: #d57e88;
}
.checkout__order__widget label input:checked ~ .checkmark:after {
  border-color: #d57e88;
  opacity: 1;
}
.checkout__order__widget label .checkmark {
  position: absolute;
  left: 0;
  top: 4px;
  height: 10px;
  width: 10px;
  border: 1px solid #444444;
  border-radius: 2px;
}
.checkout__order__widget label .checkmark:after {
  position: absolute;
  left: 0px;
  top: -2px;
  width: 11px;
  height: 5px;
  border: solid #ffffff;
  border-width: 1.5px 1.5px 0px 0px;
  transform: rotate(127deg);
  opacity: 0;
  content: "";
}

/*---------------------
    Blog
-----------------------*/
.blog {
  padding-top: 70px;
  padding-bottom: 80px;
}

.blog__item {
  margin-bottom: 35px;
}
.blog__item:hover .blog__item__pic {
  filter: opacity(0.5);
}
.blog__item:hover .blog__item__text {
  filter: opacity(1);
}

.blog__item__pic {
  height: 240px;
}
.blog__item__pic.large__item {
  height: 540px;
}

.blog__item__text {
  padding: 25px 20px 0 0;
  margin-left: 30px;
  background: #ffffff;
  margin-top: -54px;
  text-align: right;
  direction: rtl;
}
.blog__item__text h6 {
  margin-bottom: 6px;
}
.blog__item__text h6 a {
  color: #111111;
  font-weight: 600;
  line-height: 21px;
}
.blog__item__text h6 a:hover {
  color: #d57e88;
  cursor: pointer;
}
.blog__item__text ul li {
  font-size: 12px;
  color: #888888;
  display: inline-block;
  list-style: none;
  margin-left: 25px;
  position: relative;
}
.blog__item__text ul li span {
  color: #111111;
}
.blog__item__text ul li:after {
  position: absolute;
  left: -17px;
  top: 0px;
  content: "|";
}
.blog__item__text ul li:last-child {
  margin-left: 0;
}
.blog__item__text ul li:last-child:after {
  display: none;
}

.primary-btn.load-btn {
  color: #111111;
  background: #E0E0E0;
  padding: 12px 85px 10px;
  border-radius: 50px;
  margin: 0 auto;
}
.primary-btn.load-btn:hover {
  color: #ffffff;
  background: #d57e88;
}

/*---------------------
  Blog Sidebar
-----------------------*/
.blog__sidebar {
  padding-left: 40px;
}

.blog__sidebar__item {
  margin-bottom: 50px;
}
.blog__sidebar__item:last-child {
  margin-bottom: 0;
}
.blog__sidebar__item .section-title {
  margin-bottom: 40px;
}
.blog__sidebar__item .section-title h4 {
  font-size: 16px;
}
.blog__sidebar__item .section-title h4:after {
  bottom: -7px;
}
.blog__sidebar__item ul li {
  list-style: none;
  line-height: 30px;
}
.blog__sidebar__item ul li a {
  font-size: 14px;
  color: #111111;
  transition: all, 0.3s;
}
.blog__sidebar__item ul li a:hover {
  color: #d57e88;
}
.blog__sidebar__item ul li a:hover span {
  color: #111111;
}
.blog__sidebar__item ul li a span {
  float: right;
  color: #888888;
}

.blog__feature__item {
  display: block;
  overflow: hidden;
  margin-bottom: 30px;
}
.blog__feature__item:last-child {
  margin-bottom: 0;
}

.blog__feature__item__pic {
  float: left;
  margin-right: 25px;
}

.blog__feature__item__text {
  overflow: hidden;
}
.blog__feature__item__text h6 {
  font-size: 14px;
  color: #111111;
  font-weight: 600;
  line-height: 21px;
  margin-bottom: 5px;
}
.blog__feature__item__text span {
  font-size: 12px;
  color: #888888;
  display: block;
}

.blog__sidebar__tags a {
  display: inline-block;
  font-size: 13px;
  color: #666666;
  border: 1px solid #f2f2f2;
  padding: 8px 14px 7px;
  margin-right: 6px;
  margin-bottom: 10px;
  transition: all, 0.3s;
}
.blog__sidebar__tags a:hover {
  color: #111111;
}
.blog__sidebar__tags a:last-child {
  margin-right: 0;
}

/*---------------------
  Blog Details
-----------------------*/
.blog-details {
  padding-top: 80px;
  padding-bottom: 80px;
}

.blog__details__content {
  direction: rtl;
  text-align: right;
}
.blog__details__content .blog__details__item {
  background: #ffffff;
  margin-bottom: 24px;
}
.blog__details__content .blog__details__item img {
  width: 100%;
  height: 350px;
  -o-object-fit: cover;
     object-fit: cover;
}

.blog__details__item__title {
  background: #ffffff;
  padding-top: 30px;
  padding-right: 30px;
  margin-top: -100px;
  position: relative;
  margin-right: 50px;
  margin-left: 50px;
}
.blog__details__item__title .tip {
  font-size: 12px;
  color: #ffffff;
  background: #d57e88;
  text-transform: uppercase;
  font-weight: 500;
  display: inline-block;
  padding: 2px 11px 1px;
  border-radius: 5px;
}
.blog__details__item__title h4 {
  color: #111111;
  font-weight: 600;
  line-height: 39px;
  margin-top: 10px;
  margin-bottom: 5px;
}
.blog__details__item__title ul li {
  font-size: 12px;
  color: #888888;
  display: inline-block;
  list-style: none;
  margin-right: 25px;
  position: relative;
}
.blog__details__item__title ul li span {
  color: #111111;
}
.blog__details__item__title ul li:after {
  position: absolute;
  left: -17px;
  top: 0px;
  content: "|";
}
.blog__details__item__title ul li:last-child {
  margin-left: 0;
}
.blog__details__item__title ul li:last-child:after {
  display: none;
}

.blog__details__desc {
  margin-bottom: 40px;
  text-align: right;
  direction: rtl;
}
.blog__details__desc p {
  font-size: 15px;
  color: #444444;
  line-height: 27px;
}
.blog__details__desc p:last-child {
  margin-bottom: 0;
}

.blog__details__quote {
  border-top: 2px solid #d57e88;
  position: relative;
  padding-top: 22px;
  margin-bottom: 20px;
}
.blog__details__quote .icon {
  height: 30px;
  width: 30px;
  font-size: 18px;
  color: #d57e88;
  background: #ffffff;
  position: absolute;
  left: 0;
  top: -11px;
}
.blog__details__quote p {
  font-size: 16px;
  color: #111111;
  font-weight: 600;
  font-style: italic;
  line-height: 30px;
  margin-bottom: 0;
}

.blog__details__tags {
  margin-bottom: 50px;
}
.blog__details__tags a {
  display: inline-block;
  font-size: 13px;
  color: #666666;
  border: 1px solid #f2f2f2;
  padding: 8px 14px 7px;
  margin-right: 6px;
  margin-bottom: 10px;
  transition: all, 0.3s;
}
.blog__details__tags a:hover {
  color: #111111;
}
.blog__details__tags a:last-child {
  margin-right: 0;
}

.blog__details__btns {
  background: #f5f5f5;
  padding: 14px 30px;
  margin-bottom: 55px;
}

.blog__details__btn__item.blog__details__btn__item--next {
  text-align: left;
}
.blog__details__btn__item.blog__details__btn__item--next h6 a i {
  margin-left: 0;
  margin-right: 5px;
}
.blog__details__btn__item h6 a {
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  color: #111111;
}
.blog__details__btn__item h6 a i {
  font-size: 15px;
  font-weight: 600;
  position: relative;
  top: 1px;
  margin-left: 5px;
}

.blog__comment__item__pic {
  float: left;
  margin-right: 25px;
}
.blog__comment__item__pic img {
  border-radius: 50%;
}

.blog__comment__item__text {
  overflow: hidden;
}
.blog__comment__item__text h6 {
  color: #111111;
  font-weight: 600;
  margin-bottom: 14px;
}
.blog__comment__item__text p {
  font-size: 15px;
  color: #444444;
  line-height: 26px;
}
.blog__comment__item__text ul li {
  list-style: none;
  font-size: 12px;
  color: #888888;
  display: inline-block;
  margin-right: 25px;
}
.blog__comment__item__text ul li:last-child {
  margin-right: 0;
}
.blog__comment__item__text ul li i {
  font-size: 14px;
  color: #d57e88;
  margin-right: 5px;
}

/*---------------------
  Contact
-----------------------*/
.contact {
  padding-top: 80px;
  padding-bottom: 80px;
}

.contact__address {
  margin-bottom: 45px;
  direction: rtl;
  text-align: right;
}
.contact__address h5 {
  color: #111111;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.contact__address ul li {
  list-style: none;
  position: relative;
  margin-bottom: 20px;
}
.contact__address ul li:last-child {
  margin-bottom: 0;
}
.contact__address ul li h6 {
  color: #111111;
  font-weight: 600;
  margin-bottom: 10px;
}
.contact__address ul li h6 i {
  font-size: 16px;
  color: #d57e88;
  margin-left: 5px;
}
.contact__address ul li p {
  margin-bottom: 0;
  font-size: 15px;
  color: #444444;
}
.contact__address ul li span {
  font-size: 15px;
  color: #444444;
  display: inline-block;
  margin-left: 25px;
  position: relative;
}
.contact__address ul li span:after {
  position: absolute;
  left: -15px;
  top: 11px;
  content: "|";
  line-height: 0;
}
.contact__address ul li span:last-child {
  margin-right: 0;
}
.contact__address ul li span:last-child:after {
  display: none;
}

.contact__form {
  direction: rtl;
  text-align: right;
}
.contact__form h5 {
  color: #111111;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 35px;
}
.contact__form form input {
  height: 50px;
  width: 100%;
  padding-right: 20px;
  font-size: 14px;
  color: #444444;
  border: 1px solid #e1e1e1;
  border-radius: 10px;
  margin-bottom: 20px;
}
.contact__form form input::-moz-placeholder {
  color: #444444;
}
.contact__form form input::placeholder {
  color: #444444;
}
.contact__form form textarea {
  height: 130px;
  width: 100%;
  padding-right: 20px;
  padding-top: 12px;
  font-size: 14px;
  color: #444444;
  border: 1px solid #e1e1e1;
  border-radius: 10px;
  margin-bottom: 14px;
  resize: none;
}
.contact__form form textarea::-moz-placeholder {
  color: #444444;
}
.contact__form form textarea::placeholder {
  color: #444444;
}

.contact__map {
  height: 780px;
}
.contact__map iframe {
  width: 100%;
}

.cms {
  min-height: 100vh;
  direction: rtl;
  text-align: right;
}
.cms::before {
  position: absolute;
  top: 100%;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: url(../img/background/flow-1.jpg) no-repeat 100% 15%;
  background-size: auto;
  background-size: auto;
  background-size: auto;
  z-index: -1;
  opacity: 0.3;
  background-size: 13%;
}
.cms::after {
  position: absolute;
  bottom: -65%;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: url(../img/background/bg-product-01.jpg) no-repeat 0% 0;
  background-size: auto;
  background-size: auto;
  z-index: -1;
  opacity: 0.3;
  background-size: 40%;
}
.cms .cms-content {
  direction: rtl;
  text-align: justify;
}
.cms .cms-content p {
  line-height: 2.3;
}
.cms .cms-content h2,
.cms .cms-content h3,
.cms .cms-content h4,
.cms .cms-content h5,
.cms .cms-content h6 {
  text-align: right;
  padding: 5px 0;
}
.cms .cms-content img {
  width: 300px;
  margin: 8px auto;
  justify-content: center;
}
.cms .cms-content img:nth-child(2n) {
  float: left;
}
.cms .cms-content img:nth-child(2n+1) {
  float: right;
}
.cms .tracking__form {
  direction: rtl;
  text-align: right;
}
.cms .tracking__form h5 {
  color: #111111;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 35px;
}
.cms .tracking__form form input {
  height: 50px;
  width: 100%;
  padding-right: 20px;
  font-size: 14px;
  color: #444444;
  border: 1px solid #e1e1e1;
  border-radius: 10px;
  margin-bottom: 20px;
}
.cms .tracking__form form input::-moz-placeholder {
  color: #444444;
}
.cms .tracking__form form input::placeholder {
  color: #444444;
}
.cms .tracking__table {
  direction: rtl;
  text-align: center;
  margin-top: 50px;
}
.cms .order-code, .cms .order-date, .cms .order-tracking {
  font-size: 15px;
  color: #1c1c1c;
  margin-right: 5px;
}
.cms .text-muted {
  font-size: 13px;
}
.cms .victoria-head {
  display: flex;
  flex-direction: column;
}
.cms .victoria-head img {
  width: 150px;
  margin: 0 auto;
}
.cms .victoria-head strong {
  margin-top: 10px;
  text-align: center;
  font-size: 18px;
  font-family: tahoma;
}

.bottom-menu {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
  border-top: 1px solid #ddd;
  z-index: 1000;
}
.bottom-menu ul {
  display: flex;
  justify-content: space-around;
  margin: 0;
  padding: 10px 0;
  list-style: none;
}
.bottom-menu ul li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  color: #222;
  font-weight: 500;
  font-size: 12px;
}
.bottom-menu ul li a i {
  font-size: 18px;
  margin-bottom: 3px;
}
.bottom-menu ul li a span {
  display: block;
}

/*--------------------------------- Responsive Media Quaries -----------------------------*/
@media only screen and (min-width: 1600px) and (max-width: 1900px) {
  .header {
    padding: 0 85px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .header__menu ul li {
    margin-right: 20px;
  }
  .header {
    padding: 0 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
}
/* Medium Device = 1200px */
@media only screen and (min-width: 993px) and (max-width: 1199px) {
  /*header*/
  .header__menu ul li {
    margin-right: 20px;
  }
  .header__right__auth {
    margin-right: 5px;
  }
  .header__categories {
    width: 250px;
  }
  .sidebar__filter a {
    padding: 5px 15px 5px 15px;
  }
  .nav::before {
    width: 240px;
  }
  .nav::after {
    width: 240px;
  }
}
/* Tablet Device = 768px */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  /*base*/
  .filter__controls li {
    margin-right: 15px;
  }
  .sidebar__filter a {
    position: relative;
    bottom: 0;
  }
  .slick-next {
    right: -20px;
  }
  /*header*/
  .header__menu {
    display: none;
  }
  .header__logo {
    float: left;
  }
  .header__right {
    display: none;
  }
  .header__categories {
    display: none;
    width: 250px;
  }
  .nav::before {
    width: 125px;
  }
  .nav::after {
    width: 125px;
  }
  /*menu*/
  .canvas__open {
    display: block;
    font-size: 22px;
    color: #222;
    height: 35px;
    width: 35px;
    line-height: 35px;
    text-align: center;
    border: 1px solid #323232;
    border-radius: 2px;
    cursor: pointer;
    position: absolute;
    right: 50px;
    top: 35px;
  }
  .offcanvas-menu-overlay {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    content: "";
    z-index: 98;
    transition: all, 0.5s;
    visibility: hidden;
  }
  .offcanvas-menu-overlay.active {
    visibility: visible;
  }
  .offcanvas-menu-wrapper {
    position: fixed;
    right: -400px;
    width: 400px;
    height: 100%;
    background: #ffffff;
    display: block;
    z-index: 1000;
    overflow-y: auto;
    transition: all, 0.5s;
    opacity: 0;
    box-sizing: border-box;
  }
  .offcanvas-menu-wrapper.active {
    opacity: 1;
    right: 0;
  }
  .offcanvas__close {
    position: absolute;
    width: 40px;
    height: 40px;
    left: 30px;
    top: 25px;
    border: 1px solid #ddd;
    border-radius: 50%;
    font-size: 26px;
    text-align: center;
    transform: rotate(45deg);
    cursor: pointer;
  }
  .offcanvas__tabs {
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  .offcanvas__tabs button {
    width: 50%;
    background: whitesmoke;
    color: darkgrey;
    font-size: 14px;
    padding: 18px 0;
    border: unset;
    color: #b9b3b3;
    font-size: 13px;
    font-weight: bold;
  }
  .offcanvas__tabs button.active {
    background: #dcdbdb;
    border-bottom: 2px solid #000;
    color: #000;
  }
  .offcanvas__wrapper .offcanvas__categories {
    display: none;
  }
  .offcanvas__wrapper .offcanvas__main {
    display: block;
  }
  .slicknav_btn {
    display: none;
  }
  .slicknav_menu {
    background: transparent;
    padding: 0;
    margin-bottom: 20px;
  }
  .slicknav_menu ul li {
    text-align: right;
    border-bottom: 1px solid rgba(225, 225, 225, 0.2901960784);
    padding: 8px 35px 8px 0;
    font-size: 15px;
    direction: rtl;
    position: relative;
  }
  .slicknav_menu ul li a span {
    position: absolute;
    left: 15px;
  }
  .slicknav_menu ul li ul li {
    border-bottom: unset;
  }
  .slicknav_nav ul {
    margin: 0;
  }
  .slicknav_nav ul li {
    text-align: right;
    border-bottom: 1px solid rgba(225, 225, 225, 0.2901960784);
    padding: 8px 35px 8px 0;
    font-size: 15px;
  }
  .slicknav_nav .slicknav_row,
  .slicknav_nav a {
    padding: 7px 0;
    margin: 0;
    color: #111111;
    font-weight: 600;
  }
  .slicknav_nav .slicknav_row:hover {
    border-radius: 0;
    background: transparent;
    color: #111111;
  }
  .slicknav_nav a:hover {
    border-radius: 0;
    background: transparent;
    color: #111111;
  }
  .slicknav_nav {
    display: block !important;
  }
  .offcanvas__widget {
    text-align: center;
  }
  .offcanvas__widget form {
    display: flex;
    flex-direction: row-reverse;
  }
  .offcanvas__widget input {
    width: 100%;
    text-align: right;
    padding-right: 40px;
    direction: rtl;
    height: 65px;
    border: unset;
    color: #070707;
    font-size: 14px;
    font-weight: bold;
  }
  .offcanvas__widget button {
    background: unset;
    border: unset;
    padding-left: 15px;
  }
  .offcanvas__widget button::after {
    content: "\f002";
    font-family: "FontAwesome";
  }
  /*category*/
  .categories .category-container .categories_parent__small__item:nth-child(1) .categories__item {
    border-bottom-left-radius: unset;
  }
  .categories .category-container .categories_parent__small__item:nth-child(5) .categories__item {
    border-bottom-left-radius: 20px;
  }
  .categories .categories__item.categories__large__item {
    height: 45vh;
  }
  .categories .categories__item.categories__large__item .categories__text {
    width: 60%;
  }
  .categories .categories__item.categories__large__item .categories__text h1 {
    font-size: 45px;
  }
  .categories .categories__item:not(.categories__large__item) {
    height: 15vh;
  }
  /*product*/
  .product {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .filter-range-wrap .range-slider .price-input input {
    max-width: 27%;
  }
  .filter-range-wrap .range-slider .price-input {
    margin-bottom: 20px;
  }
  .product__details__pic {
    margin-bottom: 50px;
  }
  .checkout__order {
    margin-top: 20px;
  }
  /*blog*/
  .blog__sidebar {
    padding-left: 0;
  }
  .blog__item__text h6 {
    font-size: 13px;
  }
  .blog__item__text ul li {
    font-size: 10px;
  }
  /*services*/
  .services__item i {
    font-size: 30px;
  }
  .services__item h6 {
    font-size: 14px;
    text-align: center;
  }
  .services__item p {
    font-size: 10px;
    text-align: center;
  }
  /*instagram*/
  .instagram .instagram__item {
    height: 250px;
  }
}
/* Wide Mobile = 480px */
@media only screen and (max-width: 767px) {
  /*base*/
  p {
    text-align: justify;
  }
  h4 {
    font-size: 16px;
  }
  h6 {
    font-size: 14px;
  }
  .slick-next {
    right: 10px;
  }
  .slick-prev {
    left: 10px;
  }
  /*header*/
  .header::before {
    height: 100%;
  }
  .header__logo {
    float: left;
  }
  .header__logo img {
    width: 150px;
  }
  .header__categories {
    display: none;
  }
  .header__menu {
    display: none;
  }
  .header__right {
    display: none;
  }
  .breadcrumb__links a {
    font-size: 12px;
  }
  .breadcrumb__links span {
    font-size: 13px;
  }
  /*menu*/
  .canvas__open {
    display: block;
    font-size: 22px;
    color: #222;
    height: 35px;
    width: 35px;
    line-height: 35px;
    text-align: center;
    border: 1px solid #323232;
    border-radius: 2px;
    cursor: pointer;
    position: absolute;
    right: 25px;
    top: 24px;
  }
  .offcanvas-menu-overlay {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    content: "";
    z-index: 98;
    transition: all, 0.5s;
    visibility: hidden;
  }
  .offcanvas-menu-overlay.active {
    visibility: visible;
  }
  .offcanvas-menu-wrapper {
    position: fixed;
    right: -270px;
    width: 270px;
    height: 100%;
    background: #ffffff;
    display: block;
    z-index: 1000;
    overflow-y: auto;
    transition: all, 0.5s;
    opacity: 0;
    box-sizing: border-box;
  }
  .offcanvas-menu-wrapper.active {
    opacity: 1;
    right: 0;
  }
  .offcanvas__close {
    position: absolute;
    width: 40px;
    height: 40px;
    left: 30px;
    top: 25px;
    border: 1px solid #ddd;
    border-radius: 50%;
    font-size: 26px;
    text-align: center;
    transform: rotate(45deg);
    cursor: pointer;
  }
  .offcanvas__tabs {
    display: flex;
    flex-direction: row;
    padding-right: 25px;
    justify-content: center;
  }
  .offcanvas__tabs button {
    width: 50%;
    background: whitesmoke;
    color: darkgrey;
    padding: 18px 0;
    border: unset;
    color: #b9b3b3;
    font-size: 13px;
    font-weight: bold;
  }
  .offcanvas__tabs button.active {
    background: #dcdbdb;
    border-bottom: 2px solid #000;
    color: #000;
  }
  .offcanvas__widget.filter {
    padding: 15px 40px 0 15px;
  }
  .offcanvas__wrapper .offcanvas__categories {
    display: none;
  }
  .offcanvas__wrapper .offcanvas__main {
    display: block;
  }
  .slicknav_btn {
    display: none;
  }
  .slicknav_menu {
    background: transparent;
    padding: 0;
    margin-bottom: 20px;
  }
  .slicknav_menu ul li {
    text-align: right;
    border-bottom: 1px solid rgba(225, 225, 225, 0.2901960784);
    padding: 8px 35px 8px 0;
    font-size: 12px;
    direction: rtl;
    position: relative;
  }
  .slicknav_menu ul li a span {
    position: absolute;
    left: 15px;
  }
  .slicknav_menu ul li ul li {
    border-bottom: unset;
  }
  .slicknav_nav ul {
    margin: 0;
  }
  .slicknav_nav ul li {
    text-align: right;
    border-bottom: 1px solid rgba(225, 225, 225, 0.2901960784);
    padding: 8px 35px 8px 0;
    font-size: 12px;
  }
  .slicknav_nav .slicknav_row,
  .slicknav_nav a {
    padding: 7px 0;
    margin: 0;
    color: #111111;
    font-weight: 600;
  }
  .slicknav_nav .slicknav_row:hover {
    border-radius: 0;
    background: transparent;
    color: #111111;
  }
  .slicknav_nav a:hover {
    border-radius: 0;
    background: transparent;
    color: #111111;
  }
  .slicknav_nav {
    display: block !important;
  }
  .offcanvas__widget {
    text-align: center;
  }
  .offcanvas__widget form {
    display: flex;
    flex-direction: row-reverse;
  }
  .offcanvas__widget input {
    width: 100%;
    text-align: right;
    padding-right: 40px;
    direction: rtl;
    height: 65px;
    border: unset;
    color: #070707;
    font-size: 14px;
    font-weight: bold;
  }
  .offcanvas__widget button {
    background: unset;
    border: unset;
    padding-left: 15px;
  }
  .offcanvas__widget button::after {
    content: "\f002";
    font-family: "FontAwesome";
  }
  /*product*/
  .product .load-btn {
    display: inline;
  }
  .product__details__pic__left {
    height: auto;
  }
  .product__details__pic {
    margin-bottom: 30px;
  }
  .quantity {
    float: none;
    margin-right: 0;
  }
  .nav::before {
    display: none;
  }
  .nav::after {
    display: none;
  }
  .shop__cart__table {
    overflow-x: auto;
  }
  .shop__cart__table tbody tr .cart__product__item img {
    float: none;
    margin-right: 0;
  }
  .cart__btn {
    text-align: center;
    margin-bottom: 25px;
  }
  .cart__btn.update__btn {
    text-align: center;
  }
  .filter__controls {
    text-align: left;
    margin-bottom: 40px;
  }
  .filter__controls li {
    margin-right: 20px;
  }
  .shop .shop_head {
    width: 100%;
    padding: 0 15px;
    display: flex;
    flex-direction: column;
  }
  .shop .shop_head .shop_count {
    display: flex;
    flex-direction: row;
    justify-content: right;
    font-size: 14px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(221, 221, 221, 0.4);
    font-weight: bold;
  }
  .shop .shop_head .shop_filter {
    display: flex;
    flex-direction: row-reverse;
    justify-content: right;
    padding: 10px 0 15px;
  }
  .shop .shop_head .shop_filter span {
    direction: rtl;
    font-size: 14px;
    font-weight: bold;
  }
  .shop .shop_head .shop_filter i {
    padding-left: 5px;
    font-weight: unset;
    font-size: 18px;
  }
  .shop .shop__sidebar {
    display: none;
  }
  .shop .sidebar__categories .section-title h4 {
    font-size: 11px;
  }
  /*blog*/
  .blog__sidebar {
    padding-left: 0;
    padding-top: 40px;
  }
  /*footer*/
  .footer {
    padding-top: 30px;
  }
  .footer .footer__newslatter {
    margin-bottom: 15px;
  }
  .footer .footer__newslatter h6 {
    float: unset;
    text-align: center;
  }
  .footer .footer__social {
    float: unset;
    text-align: center;
    margin-bottom: 15px;
  }
  .footer .footer__widget {
    margin-bottom: 15px;
  }
  .footer .footer__widget h6 {
    text-align: center;
    margin-bottom: 5px;
  }
  .footer .footer__widget ul li {
    text-align: center;
  }
  .footer .footer__widget ul li a {
    font-size: 12px;
  }
  .footer .footer__logo {
    text-align: center;
  }
  .footer .footer__logo a img {
    width: 50%;
  }
  .footer__about p {
    text-align: center;
    font-size: 12px;
    padding: 0 15px;
  }
  .footer__copyright__text {
    margin-top: unset;
  }
  .footer__copyright__text p {
    font-size: 10px;
    text-align: center;
  }
  /*contact*/
  .contact__content {
    margin-bottom: 40px;
  }
  /*shop*/
  .shop {
    padding-top: 25px;
    padding-bottom: 30px;
  }
}
/* Small Device = 320px */
@media only screen and (max-width: 479px) {
  .primary-btn.load-btn {
    padding: 12px 50px 10px;
  }
  .nav-item {
    margin-right: 20px;
  }
  .search-model-form input {
    width: 100%;
    font-size: 24px;
  }
  /*categories*/
  .categories .categories__item.categories__large__item {
    height: 40vh;
  }
  .categories .categories__item.categories__large__item .categories__text {
    width: unset;
  }
  .categories .categories__item.categories__large__item .categories__text h1 {
    font-size: 25px;
  }
  .categories .categories__item.categories__large__item .categories__text p {
    font-size: 12px;
  }
  .categories .categories__item.categories__large__item .categories__text a {
    font-size: 13px;
  }
  .categories .categories__item:not(.categories__large__item) {
    height: 13vh;
  }
  .categories .categories__item:not(.categories__large__item) .categories__text p {
    display: none;
  }
  .categories .categories__item:not(.categories__large__item) .categories__text a {
    font-size: 10px !important;
  }
  .categories .container-fluid {
    padding-right: 15px;
  }
  .categories .category-container {
    padding: 0 15px !important;
  }
  .categories .category-container .categories_parent__small__item .categories__item .categories__text h4 {
    font-size: 15px;
    margin: 8px 0;
  }
  .categories .category-container .categories_parent__small__item .categories__item .categories__text p {
    margin: 5px 0;
  }
  .categories .category-container .categories_parent__small__item .categories__item .categories__text a {
    font-size: 14px;
  }
  .categories .category-container .categories_parent__small__item:nth-child(1) .categories__item {
    border-bottom-left-radius: 0 !important;
  }
  .categories .category-container .categories_parent__small__item:nth-child(5) .categories__item {
    border-bottom-left-radius: 20px;
  }
  .categories .category-container .categories_parent__small__item .item:nth-child(odd) {
    padding-left: 15px !important;
    padding-right: 0 !important;
  }
  /*banners*/
  .banner__text h1 {
    font-size: 45px;
  }
  /*product*/
  .slick-initialized .slick-slide {
    padding: 0 45px;
  }
  .section-title .show-more {
    display: none;
  }
  .product__details__button .cart-btn {
    float: none;
    margin-right: 0;
  }
  .product__details__button ul {
    float: none;
  }
  /*blog*/
  .blog__details__item__title {
    margin-right: 30px;
  }
  /*services*/
  .services {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .services .services__item h6 {
    font-size: 13px;
  }
  .services .services__item i {
    font-size: 22px;
    right: 20px;
    top: 0px;
  }
  .services .services__item p {
    font-size: 12px;
  }
  /*instagram*/
  .instagram__item {
    height: 125px;
  }
}
/*320px*/
@media (max-width: 320px) {
  /*categories*/
  .categories .categories__item.categories__large__item .categories__text h1 {
    font-size: 20px;
  }
  .categories .categories__item.categories__large__item .categories__text p {
    line-height: 1.5;
  }
  .categories .categories__item .categories__text p {
    margin: 0px;
  }
  .categories .category-container .categories_parent__small__item .categories__item .categories__text p {
    display: none;
  }
  .categories .category-container .categories_parent__small__item .categories__item .categories__text h4 {
    font-size: 12px;
  }
  .categories .category-container .categories_parent__small__item .categories__item .categories__text a {
    font-size: 12px;
  }
}/*# sourceMappingURL=style.css.map */