/*
  Theme Name: Siemon & Salazar - Clean, Minimal eCommerce HTML5 Template
  Author: basictheme
  Support: basictheme400@gmail.com
  Description: Clean, Minimal eCommerce HTML5 Template
  Version: 1.0
*/

/* CSS Index
-----------------------------------
1. Theme default css
2. header
3. slider
4. service area
5. product area
6. blog area
7. top product category area
8. help you area
9. sale off area
10. shop now & order now bg area
11. Shop page area
12. Contact page
13. wishlist page
14. faq page
15. portfolio area
16. checkout page
17. cart page
18. subscribe area
19. login area
20. footer area
21. extra info css
-----------------------------------*/

/* 1. Theme default css
-------------------------------------------------------------- */
/* google-fonts */
/* @import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800&display=swap'); */
@import url("https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap");

body {
  font-family: "Tajawal", sans-serif;
  font-weight: 400;
  color: #292929;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #292929;
  font-weight: 700;
  direction: rtl;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  color: #df0e0e;
}
h2 {
  font-size: 36px;
  line-height: 36px;
  letter-spacing: -1.5px;
}
h3 {
  font-size: 48px;
}
h4 {
  font-size: 18px;
  line-height: 24px;
}
h5 {
  font-size: 14px;
  line-height: 24px;
}
p {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #666666;
  direction: rtl;
}

span,
input,
img {
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
ul {
  margin: 0px;
  padding: 0px;
}
li {
  list-style: none;
}
img {
  max-width: 100%;
  transition: all 0.3s ease-out 0s;
}
.container-wrapper {
  max-width: 1430px;
  margin: 0 auto;
}
.container-fluid-wrapper {
  max-width: 1790px;
  margin: 0 auto;
}
.container-wrapper-home4 {
  max-width: 1480px;
  margin: 0 auto;
}
.extra-padding-15 {
  padding-left: 15px;
  padding-right: 15px;
}
.extra-padding-10 {
  padding-left: 10px;
  padding-right: 10px;
}
.extra-padding-20 {
  padding-left: 20px;
  padding-right: 20px;
}
.extra-padding-25 {
  padding-left: 25px;
  padding-right: 25px;
}
a,
button,
li {
  transition: 0.3s;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.width100 {
  width: 100%;
}
.height100 {
  height: 100%;
}
.over-hidden {
  overflow: hidden;
}
.clear-both {
  clear: both;
}
.over-scroll {
  overflow: scroll;
}
.over-x-hidden {
  overflow-x: hidden;
}
.over-y-scroll {
  overflow-y: scroll;
}
.transition-3 {
  transition: 0.3s;
}
.mlr-15 {
  margin-left: -15px;
  margin-right: -15px;
}
a:focus,
button:focus,
.btn:focus,
.btn-link:hover {
  text-decoration: none;
  outline: 0;
  box-shadow: none;
}
a:focus,
a:hover,
.footer-menu li a:hover {
  text-decoration: none;
  outline: 0 none;
  color: inherit;
}
*::-moz-selection {
  background: #df0e0e;
  color: #fff;
  text-shadow: none;
}
::-moz-selection {
  background: #444;
  color: #fff;
  text-shadow: none;
}
::selection {
  background: #444;
  color: #fff;
  text-shadow: none;
}
*::-moz-placeholder {
  color: #666;
  font-size: 13px;
  opacity: 0.6;
}
*::placeholder {
  color: #666;
  font-size: 13px;
  opacity: 0.6;
}
.transition {
  transition: 0.3s;
}
.btn:focus {
  outline: 0 none;
}
/* slider dots */
.slick-dots {
  position: absolute;
  left: 50%;
  bottom: 30px;
  transform: translateX(-50%);
}
.slick-dots li {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #d3d3d3;
  display: inline-block;
  text-indent: -10000px;
  margin: 0 5px;
}
.slick-dots li.slick-active,
.slick-dots li:hover {
  background: #292929;
}
.slider7 .slick-dots {
  bottom: 150px;
}
/* slider arrow */
.slick-arrow .l-a,
.slick-arrow .r-a {
  position: absolute;
  width: 40px;
  height: 40px;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  border: 0;
  background: none;
  color: #666666;
  z-index: 3;
  font-size: 36px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
}
.slick-arrow .r-a {
  right: 10px;
  left: auto;
}
.slick-arrow .l-a:hover,
.slick-arrow .r-a:hover {
  color: #df0e0e;
}
.blog-post-active:hover .l-a {
  left: -35px;
  visibility: visible;
  opacity: 1;
}
.blog-post-active:hover .r-a {
  right: -45px;
  visibility: visible;
  opacity: 1;
}
.product-tab-thamb-active .slick-arrow .l-a,
.product-tab-thamb-active .slick-arrow .r-a,
.p-bottom-thamb-active .slick-arrow .l-a,
.p-bottom-thamb-active .slick-arrow .r-a {
  position: absolute;
  width: 30px;
  height: 30px;
  border: 1px solid #ebebeb;
  top: -5px;
  left: 48%;
  font-size: 20px;
  background: #fff;
  color: #292929;
  border-radius: 50%;
  text-align: center;
  line-height: 27.8px;
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%);
}
.product-tab-thamb-active .slick-arrow .r-a {
  top: auto;
  left: 48%;
  bottom: -4px;
}
.slick-arrow .l-a:hover,
.slick-arrow .r-a:hover {
  color: #292929;
}
.p-bottom-thamb-active .slick-arrow .l-a,
.p-bottom-thamb-active .slick-arrow .r-a {
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.p-bottom-thamb-active .slick-arrow .r-a {
  right: 0;
  left: auto;
}
/* common css start */
.bottom-line {
  border-bottom: 1px solid #ebebeb;
  height: auto;
  width: 100%;
  margin-bottom: 1px;
}
.footer-logo img,
.header4 .logo img,
.header5 .logo img,
.slider6 .slider-content img,
.welcome-store-content img {
  filter: invert(1) sepia(1) hue-rotate(0deg) brightness(1.2);
}
/* button */
.sub-btn {
  text-align: center;
  text-transform: uppercase;
  padding: 28px 68px;
  font-size: 13px;
  line-height: 1px;
  border-radius: 2px;
  outline: 0 none;
  font-weight: 500;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
}
.filter-btn {
  text-transform: capitalize;
  padding: 8px 24px;
  font-size: 14px;
  font-weight: 400;
  background: #292929;
  color: #fff;
  border-radius: 3px;
}
.filter-btn:hover,
.more-view-btn:hover,
.review-btn:hover,
.name-and-email input:hover,
.save-info:hover input,
.sub-btn:hover {
  -webkit-animation-name: btn-hover-horizontal;
  animation-name: btn-hover-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
@-webkit-keyframes btn-hover-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
/* page-title css */
.page-title .breadcrumb-item {
  font-size: 14px;
  color: #df0e0e;
}
.page-title h2 {
  font-size: 60px;
  font-weight: 400;
}
.p-page-area .page-title .breadcrumb-item {
  color: #292929;
}
.page-height {
  height: 650px;
  background-repeat: no-repeat;
  background-size: cover;
}
/* common css end */

/* 2. header
--------------------------------------------------- */
.header {
  left: 0;
  top: 0;
  right: 0;
  z-index: 22;
  transition: 0.3s;
  position: relative;
}

.body-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 999;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
.body-overlay.opened {
  opacity: 1;
  visibility: visible;
}
.sticky-menu {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 22;
}
.sticky-menu .header {
  padding-top: 12px;
  padding-bottom: 12px;
  background: #fff;
  -webkit-box-shadow: 0 8px 4px -7px rgba(115, 115, 115, 0.1);
  -moz-box-shadow: 0 8px 4px -7px rgba(115, 115, 115, 0.1);
  box-shadow: 0 8px 4px -7px rgba(115, 115, 115, 0.1);
}
.header-area.sticky-menu {
  background: #fff;
}
.main-menu ul li {
  display: inline-block;
  margin-right: 26px;
  position: relative;
}
.main-menu ul li:last-child {
  margin-right: 0;
}
.main-menu ul li > a {
  color: #292929;
  font-size: 13px;
  font-weight: 500;
  display: inline-block;
  text-transform: uppercase;
  line-height: 60px;
  padding-right: 10px;
  position: relative;
}
.main-menu ul li > a::after {
  position: absolute;
  content: "\f078";
  font-family: "font awesome 5 free";
  font-weight: 600;
  font-size: 8px;
  margin-left: 3px;
  top: 51%;
  transform: translateY(-50%);
}
.main-menu ul li > a::before {
  content: "";
  position: absolute;
  right: 0;
  width: 0;
  bottom: 10px;
  background: #292929;
  height: 2px;
  transition: 0.3s;
}
.main-menu ul li > a.active::before {
  width: 100%;
}
.main-menu ul li > a:hover::before,
.main-menu ul li > a:hover a.active::before {
  width: 100%;
  left: 0;
}
/* mega menu */
.main-menu ul li .mega-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 230px;
  height: auto;
  background: #fff;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  z-index: 2;
  background-repeat: no-repeat;
  background-position: center top;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform-origin: 50% 0;
  transition: 0.5s;
  -webkit-transition: transform 500ms ease, opacity 500ms ease;
  -moz-transition: transform 500ms ease, opacity 500ms ease;
  -ms-transition: transform 500ms ease, opacity 500ms ease;
  -o-transition: transform 500ms ease, opacity 500ms ease;
  transform: scaleY(0);
  -ms-transform: scaleY(0);
  -webkit-transform: scaleY(0);
}
.header-area.white-bg .mega-menu {
  top: 100%;
}
.main-menu ul li:hover > .mega-menu {
  opacity: 1;
  visibility: visible;
  transform: scaleY(1);
}
.main-menu ul li:hover > .mega-menu.mega-sub-menu {
  top: -25px;
}
.main-menu ul li .mega-menu li {
  display: block;
  height: auto;
  margin-bottom: 12px;
  margin-right: 0;
}
.main-menu ul li .mega-menu a {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 18px;
  display: block;
  text-transform: inherit;
}
.main-menu ul li .mega-menu a::before,
.main-menu ul li .mega-menu a::after {
  display: none;
}
.main-menu ul li .mega-menu li a:hover {
  color: #292929;
}
.main-menu ul li .mega-menu li a.mega-title:hover {
  padding-left: 0;
}
.main-menu ul li .mega-menu li .mega-menu {
  left: 100%;
  top: 0;
}
.main-menu ul li .mega-menu a.mega-title {
  font-size: 14px;
  color: #292929;
  font-weight: 500;
}
.mega-dropdown-menu li a span {
  font-size: 13px;
}
.main-menu ul li.full-mega-menu-position {
  position: static;
}
.mean-container.main-menu ul li.full-mega-menu-position {
  position: inherit;
}
.mean-container .mega-menu {
  background-image: none !important;
}
.main-menu ul li .mega-menu.full-mega-menu {
  top: 100%;
  left: 15px;
  width: 90%;
  background-position: right;
  max-width: 1127px;
  display: flex;
  background-attachment: scroll;
}
.mega-menu.full-mega-menu > li {
  min-width: 20%;
}
.mega-menu.full-mega-menu2 > li {
  min-width: 25%;
}
.mean-container .mega-menu.full-mega-menu > li {
  padding-left: 0;
  padding-top: 0;
}
.main-menu .mega-menu ul > li {
  margin-left: 0;
}
.main-menu ul li .mega-menu.full-mega-menu a {
  padding-bottom: 5px;
}
/* header right */
.header-right ul li {
  padding-left: 30px;
}
.header-right ul li span,
a.mobile-menubar {
  color: #292929;
  font-size: 18px;
}
.header-right ul li a span.logo-register {
  font-size: 14px;
}
.header-right ul li span:hover {
  color: #df0e0e;
}
.header-right ul li a span.logo-register:hover {
  color: #292929;
}
.header a.mobile-menubar {
  font-size: 20px;
}
/* header-shopping-cart-details */
.header-shopping-cart-details {
  width: 350px;
  top: 42px;
  right: 0;
  z-index: 1000;
  display: none;
}
.header4 .header-shopping-cart-details {
  right: auto;
}
.h-shop-cart-img {
  width: 80px;
}
.h-shop-cart-contetn h6 {
  font-size: 14px;
  font-weight: 400;
}
.header-right .header-shopping-cart-details .h-shop-cart-contetn ul li span,
.header-right .header-shopping-cart-details .s-sub-t span {
  font-size: 14px;
  font-weight: 500;
}
.s-p-remove {
  margin-top: -9px;
}
.header-right .header-shopping-cart-details .h-shop-cart-contetn ul li span {
  color: #666;
}
/* header-setting-content */
.header-setting-content,
.mobile-h-setting-more-content {
  right: 0;
  top: 42px;
  background: #fff;
  min-height: 300px;
  width: 220px;
  z-index: 1000;
  border: 1px solid #ebebeb;
  display: none;
}
.header-right .header-setting-content ul li {
  padding-left: 0;
}
.header-setting-content ul li a,
.mobile-h-setting-more-content ul li a {
  font-size: 14px;
  color: #666666;
  margin-bottom: 9px;
  display: block;
}
/* header2 */
.header2 .heading-welcome p {
  color: #1f1f1f;
}
.header2 .main-menu,
.header11 .main-menu {
  margin-top: 25px;
}
.sticky-menu .header2 .main-menu,
.sticky-menu .header11 .main-menu {
  margin-top: 0;
}
.sticky-menu .header2 .heading-welcome,
.sticky-menu .header2 .logo,
.sticky-menu .header2 .header-right,
.sticky-menu .header11 .heading-welcome,
.sticky-menu .header11 .logo,
.sticky-menu .header11 .header-right {
  display: none !important;
}
/* header4 */
header.header4 {
  position: fixed;
  top: 20px;
  bottom: 20px;
  z-index: 55;
  overflow: visible;
  width: 280px;
}
.header4 .main-menu ul > li {
  display: block;
  border-bottom: 1px solid #434343;
  margin-right: 0;
  position: relative;
}
.header4 .main-menu ul li::before {
  content: "";
  position: absolute;
  border-right: 12px solid #fff;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  right: -30px;
  top: 9px;
  z-index: 112;
  opacity: 0;
  transition: all 0.3s ease;
  transition-delay: 0.06s;
  visibility: hidden;
}
.header4 .main-menu ul > li:hover::before {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
  transition-duration: 0.1s;
}
.header4 .main-menu ul li > a {
  color: #fff;
  line-height: 37px;
  text-align: center;
  display: block;
}
.header4 .main-menu {
  width: 100%;
}
.header4 .main-menu ul li > a::before {
  display: none;
}
.header4 .header-right ul li span,
.header4 .main-menu ul li .mega-menu a,
.header4 .mobile-menubar {
  color: #ffffff;
}
.header4 .main-menu ul li > a::after {
  content: "\f054";
  margin-left: 5px;
}
.header4 .main-menu ul li .mega-menu {
  top: -55%;
  left: 113.5%;
}
.header4 .main-menu ul li .mega-menu li {
  border: none;
}
.header4 .main-menu ul li .mega-menu a {
  color: #666666;
  line-height: inherit;
  text-align: left;
}
.header4 .main-menu ul li .mega-menu.full-mega-menu {
  min-width: 1127px;
}
.header4 .copyright-text p,
.header4 .copyright-text a {
  color: #fff;
  font-size: 12px;
}
.header4 .social-link li a {
  color: #ffffff;
  text-align: center;
}
/* home5 */
.header-area.sticky-menu .header5 {
  background: #292929;
}
.header5 .main-menu ul li > a,
.header5 .header-right ul li span,
.header5 .header-right ul li a span.logo-register:hover,
.header5 .mobile-menubar {
  color: #fff;
}
.header5 .main-menu ul li .mega-menu a {
  color: inherit;
}
.header5 .main-menu ul li > a::before {
  background: #fff;
}
.header5 .header-right ul li span:hover {
  color: #df0e0e;
}
/* header12 */
.menu-bar-home12 {
  display: flex;
  flex: 1;
  justify-content: flex-end;
  margin-right: 30px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
}
.show-menu {
  opacity: 1;
  visibility: visible;
}
.home12-menu span {
  color: #fff;
  font-size: 24px;
  line-height: 38px;
}
.home12-menu {
  cursor: pointer;
  width: 40px;
  height: 40px;
}
.click-close-menu-h12,
.show-menu .click-show-menu-h12 {
  display: none;
}
.show-menu .click-close-menu-h12 {
  display: block;
}
.header5 .header-right ul li .header-shopping-cart span:hover {
  color: #ffffff;
}

/* 3. slider
-------------------------------------------------------------- */
.slider-height {
  min-height: 960px;
}
.single-slider {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.slider-content span {
  font-size: 18px;
  line-height: 1;
}
.slider-content h1 {
  font-size: 52px;
  font-weight: 700;
  line-height: 1.1;
  color: rgb(41, 41, 41);
  letter-spacing: -3px;
  text-transform: capitalize;
}
.slider-btn {
  font-size: 13px;
  font-weight: 500;
  border-bottom: 2px solid #292929;
}
.slider-btn:hover {
  color: #df0e0e !important;
  border-bottom: 2px solid #df0e0e !important;
}
/* others slider */
.slider2 .slider-content {
  left: 6.7%;
}
.slider2 .slider-content h1,
.slider-height5 h1,
.slider6 h1,
.slider8 h1,
.slider12 h1 {
  font-size: 70px;
}
/* homer4 */
.side-content {
  margin-left: 300px;
}
.main-wrapper {
  overflow-x: hidden;
}
.slider-height-4 {
  min-height: 610px;
}
.instagram-img img:hover {
  opacity: 0.7;
}
/* home5 */
.slider-height5 {
  min-height: 100vh;
}
.slider-height5 h1,
.slider-height5 span,
.slider8 h1,
.slider8 span,
.slider8 .slider-btn,
.slider9 h1,
.slider9 span,
.slider12 h1,
.slider12 span {
  color: #fff;
}
.slider-height5 .slider-img {
  left: 50%;
  right: 0;
  top: 0;
  bottom: 0;
  transform: translateX(-50%);
}
/* home6 */
.slider-height6 {
  min-height: 600px;
}
.slider6 img {
  width: 170px;
}
/* home7 */
.slider7 .slider-content h1,
.slider10 .slider-content h1 {
  font-size: 80px;
  line-height: 1;
}
.slider7 .slider-height {
  min-height: 880px;
}
.slider7 .more-view-btn {
  font-weight: 500;
  font-size: 13px;
}
/* home8 */
.slider8 .slider-height {
  min-height: 720px;
}
.slider8 .slider-btn,
.slider9 .slider-btn,
.slider12 .slider-btn {
  border-bottom: 2px solid #ffffff;
}
/* slider9 */
.slider9 .slider-content,
.slider10 .slider-content {
  left: 12%;
}
.slider9 h1 {
  font-size: 100px;
}
/* slider11 */
.slider11 .slider-content {
  left: 19%;
  margin-top: 60px;
}
.slider11 .slider-content h1 {
  font-size: 80px;
  line-height: 1;
  color: rgb(50, 50, 50);
}
/* slider12 */
.slider12 .slider-height {
  min-height: 900px;
}
.slider12 .slider-content p {
  font-size: 18px;
  color: #fff;
  padding: 0 180px;
  font-weight: 300;
}
.home12-menu .icon-clear:hover {
  color: #ffffff;
}
.home12-s-btn {
  animation: home12-s-btn 1s linear 0s infinite alternate;
}
@keyframes home12-s-btn {
  0% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}

/* 4. service area
------------------------------------------------------------- */
.single-service-feature {
  padding: 0 25px;
}
.single-service-feature h4,
.single-product h5 {
  max-height: 25px;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: capitalize;
}
.single-service-feature h4:hover {
  -webkit-animation: pulse 0.5s ease-in-out;
  -moz-animation: pulse 0.5s ease-in-out;
  -ms-animation: pulse 0.5s ease-in-out;
  animation: pulse 0.5s ease-in-out;
}
.ser-f-icon::before {
  font-size: 45px;
  margin-left: 0;
}
/* 5. product area
-------------------------------------------------------------- */
.single-product-tab-content .nav-link {
  font-size: 14px;
  color: #666;
  padding: 0;
  margin-right: 28px;
}
.single-product-tab-content .nav-link.active,
.single-product-tab-content .nav-link:hover {
  color: #292929;
}
.single-product-tab-content .tab-content .tab-pane {
  display: block;
  height: 0;
  overflow: hidden;
}
.single-product-tab-content .fade {
  opacity: 1;
  transition: opacity 0.15s linear;
}
.single-product-tab-content .fade.show {
  opacity: 1;
}
.single-product-tab-content .tab-content > .active {
  display: block;
  height: auto;
  overflow: visible;
}
.single-product-tab-content sup {
  font-size: 12px;
}
.product-label span {
  font-size: 12px;
}
.hover-img {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.single-product:hover .hover-img {
  opacity: 1;
  visibility: visible;
  transform: scale(1.06);
  -webkit-transform: scale(1.06);
  -moz-transform: scale(1.06);
  -ms-transform: scale(1.06);
  -o-transform: scale(1.06);
}
.single-product-label {
  top: 20px;
  left: 20px;
  z-index: 2;
}
.single-product-label span {
  border-radius: 2px;
  font-size: 12px;
  width: 55px;
  height: 30px;
  line-height: 30px;
}
.view-btn a {
  font-size: 14px;
  padding: 12px 30px;
  border-radius: 3px;
  display: inline-block;
}
.view-btn a:hover {
  background: #292929;
  color: #fff;
}
.view-btn {
  top: 45%;
  left: 50%;
  width: 100%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  z-index: 11;
  -webkit-transition: top 0.4s ease;
  -ms-transition: top 0.4s ease;
  -o-transition: top 0.4s ease;
  transition: top 0.4s ease;
  opacity: 0;
  visibility: hidden;
}
.single-product:hover .view-btn {
  top: 50%;
  opacity: 1;
  visibility: visible;
  height: 45px;
}
.single-product-tag a {
  font-size: 13px;
  line-height: 28px;
}
.single-product-price li span,
.add-to-cart a {
  font-size: 13px;
  font-weight: 500;
}
.add-to-cart a:hover {
  color: #df0e0e;
}
.single-product:hover .single-product-price {
  opacity: 0;
  visibility: hidden;
  transform: translateX(5%);
}
.add-to-cart {
  left: -10px;
  opacity: 0;
  visibility: hidden;
}
.add-to-cart span {
  font-size: 16px;
}
.single-product:hover .add-to-cart {
  left: 0;
  opacity: 1;
  visibility: visible;
}
.single-product-wishlist {
  right: 0;
  top: 3px;
}
.single-product-wishlist li span {
  color: #292929;
  font-size: 18px;
  opacity: 0.3;
}
.single-product:hover .single-product-wishlist li span {
  opacity: 1;
}
.more-view-btn {
  font-size: 14px;
  padding: 18px 50px;
  border-radius: 2px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
}
/* home5 */
.single-product-info-hover-home5 {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  z-index: 2;
}
.single-product-info-hover-home5 h5 {
  font-weight: 400;
}
.single-product:hover .single-product-info-hover-home5 {
  opacity: 1;
  visibility: visible;
}
.single-product:hover .single-product-info-hover-home5 .single-product-price {
  visibility: visible;
  opacity: 1;
  transform: translateX(0);
}
.single-product-home5::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(245, 245, 245, 0.9);
  opacity: 0;
  visibility: hidden;
  z-index: 2;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
}
.single-product-home5:hover::before {
  opacity: 1;
  visibility: visible;
}
.single-blog-content h3 {
  font-size: 24px;
}

/* 6. blog area
-------------------------------------------------------------- */
.single-blog-info span {
  font-size: 12px;
}
.blog-search input {
  height: 52px;
  border-radius: 0;
  padding: 0 16px;
}
.blog-search input:focus {
  border: 1px solid #ced4da;
}
.blog-search a {
  top: 53%;
  transform: translateY(-50%);
  right: 15px;
  color: #666;
  font-size: 17px;
}
.sidebar-widget .r-post-content h6 a,
.r-comments span,
.sidebar-widget .r-comments a {
  color: #292929;
}
.r-post-content span {
  font-size: 12px;
}
.r-comments p {
  margin-bottom: 12px;
}
.meta li {
  margin-bottom: 14px;
}
.blog-btn {
  font-size: 14px;
}
.blog-btn:hover {
  color: #fd0e0e;
}
.blog-rs-left .single-blog-content {
  margin-left: -37px;
}
.blog-rs-left .single-blog-content p {
  white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  word-wrap: break-word; /* Internet Explorer 5.5+ */
  word-break: break-all;
}
.blog-rs-left .single-blog-info {
  line-height: 1;
}
/* audio-player start*/
.audioplayer {
  margin: 22px 0 3px 0;
  padding: 0 15px;
  height: 40px;
  border: none;
  border-radius: 0;
  background: #000;
}
.audioplayer-playpause {
  width: 26px;
  height: 20px;
  justify-content: start;
}
.audioplayer:not(.audioplayer-playing) .audioplayer-playpause,
.audioplayer-playing .audioplayer-playpause {
  background: transparent;
  border: none;
}
.audioplayer:not(.audioplayer-playing) .audioplayer-playpause a {
  border-left: 12px solid #fff;
}
.audioplayer-time {
  color: #fff;
}
.audioplayer-time-current {
  margin-left: 0;
}
.audioplayer-bar::before {
  height: 10px;
  top: 2px;
}
.audioplayer-bar-played::after {
  display: none;
}
.audioplayer-time-duration {
  margin-right: 6px;
}
.audioplayer-volume-button a::before {
  width: 0;
  height: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  top: -14px;
  left: 0;
  content: "\e913";
  font-family: "icomoon";
  font-size: 18px;
  color: #fff;
  opacity: 0;
}
.audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a::after {
  content: "\ea27";
  font-family: "icomoon";
  transform: inherit;
  color: #fff;
  left: 3px;
  top: -11px;
  border: transparent;
  border-width: 0;
  font-size: 15px;
  width: 20px;
  height: 30px;
}
.audioplayer-mute .audioplayer-volume-button a::before {
  opacity: 1;
}
.audioplayer-volume-button a {
  width: 0;
  height: 0;
}
.audioplayer-volume-adjust div div {
  top: 4;
  height: 9px;
  background-color: #fff;
}
.audioplayer-volume-adjust > div {
  height: 9px;
  background-color: #666;
}
.audioplayer-bar > div {
  top: 2px;
}
.audioplayer-bar-loaded {
  height: 10px;
  background: #666;
}
.audioplayer-bar-played {
  height: 10px;
  background: #fff;
}
.audioplayer-playing .audioplayer-playpause a::before,
.audioplayer-playing .audioplayer-playpause a::after {
  background-color: #fff;
}
/* audio-player end*/
/* pagination */
.pagination-page .page-link {
  width: 42px;
  height: 42px;
  text-align: center;
  color: #888;
  border: 1px solid #ebebeb;
  margin-right: 10px;
  line-height: 24px;
  display: block;
  font-size: 14px;
}
.pagination-page .page-link:hover,
.pagination-page .page-item.active .page-link {
  background-color: #666666;
  border-color: #666666;
  color: #fff;
}
.pagination-page .page-link:focus {
  box-shadow: none;
}

/* blog details page */
.blockquote {
  border-left: 5px solid #df0e0e;
  padding: 15px 0 14px 15px;
  background-repeat: no-repeat;
  background-position: 15px center;
}
.entry-counter span,
.blog-social-sharing li span {
  font-size: 14px;
}
.blog-social-sharing .social-link li a {
  color: #666666;
  border: 1px solid #ebebeb;
  text-align: center;
  font-size: 14px;
  margin-left: 0;
  margin-right: 8px;
}
.blog-social-sharing .social-link li a:hover {
  border: 1px solid #3c3c3c;
  color: #292929;
}
.blog-comment-area h5 {
  font-size: 24px;
}
.blog-social-sharing .reply-form label {
  color: #666666;
}
.blog-social-sharing .contact-form .review-btn {
  font-size: 13px;
}
.blog-details-content h2 {
  line-height: 48px;
}
.blog-comment-area .reply-form textarea {
  height: 170px;
}
.blog-comment-area .review-btn {
  font-size: 13px;
  font-weight: 500;
}

/* 7. top product category area
-------------------------------------------------------------- */
.p-cate-name {
  top: 40px;
  left: 40px;
}
.top-product:hover .p-cate-name {
  top: 50px;
}
.p-cate-name span {
  font-size: 14px;
}
/* others home */
.top-product-zoom .p-cate-name {
  top: 50%;
  transform: translateY(-50%);
}
.top-product.top-product-zoom:hover .p-cate-name {
  top: 50%;
}
.top-product-zoom:hover .zoom-img {
  transform: scale(1.1);
}
/* home6 */
.top-product-category-area-h6 .top-product-zoom .p-cate-name,
.top-product-category-area-h7 .top-product-zoom .p-cate-name {
  top: 70px;
  left: 40px;
}
.top-product-category-area-h6 .top-product.top-product-zoom:hover .p-cate-name,
.top-product-category-area-h7 .top-product.top-product-zoom:hover .p-cate-name {
  top: 85px;
}
/* home12 */
.top-product12::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(29, 29, 29, 0.9);
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
}
.top-product12:hover::before {
  opacity: 1;
  visibility: visible;
}
.top-product12 h4 {
  color: #fff;
}
.top-product12 h4 a:hover {
  color: inherit;
}
.top-product12 .items a {
  color: #999;
  letter-spacing: -0.5px;
}
.p-cate-name12 {
  left: 0;
  right: 0;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.top-product12:hover .p-cate-name12 {
  opacity: 1;
  visibility: visible;
}
.top-product12 .p-cate-name12 h4 {
  -webkit-transform: translateY(15px);
  -ms-transform: translateY(15px);
  transform: translateY(15px);
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
}
.top-product12 .p-cate-name12 .items {
  -webkit-transform: translateY(-15px);
  -ms-transform: translateY(-15px);
  transform: translateY(-15px);
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
}
.top-product12:hover .p-cate-name12 h4,
.top-product12:hover .p-cate-name12 .items {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

/* 8. help you area
-------------------------------------------------------------- */
.help-you-bg {
  min-height: 600px;
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
}
.help-you-content span {
  font-size: 18px;
}
.help-you-content p {
  font-size: 16px;
  color: #292929;
}
.welcome-store-content h3 {
  font-size: 24px;
  font-weight: 400;
}

/* 9. sale off area
-------------------------------------------------------------- */
.sale-off-text {
  top: 0;
  left: 0;
  right: 0;
}
.sale-off-text.sale-off-text-bottom {
  bottom: 0;
  top: auto;
}
.sale-off-text p {
  font-size: 16px;
}
.sale-off-text h3 {
  font-size: 20px;
}
.sale-off-price a {
  font-size: 13px;
  font-weight: 500;
}
.sale-off-content:hover .zoom-img {
  transform: scale(1.1);
}
/* sale-off-banner */
.sale-off-banner-img {
  background-position: center right;
}
.sale-off-banner h3 {
  font-size: 36px;
  font-weight: 400;
}
.sale-off-banner .sale-off-text p {
  font-size: 18px;
}

/* 10. shop now & order now bg area
-------------------------------------------------------------- */
.shop-now-banner,
.order-now-banner {
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.shop-now-banner-content h2 {
  font-size: 60px;
}
.shop-now-banner-content span {
  font-size: 18px;
}
.shop-now-banner-content .slider-btn {
  border-bottom: 1px solid #fff;
  line-height: 1;
}
.banner-now-banner-content P {
  font-size: 16px;
  font-weight: 300;
}
.ship-icon span::before {
  font-size: 128px;
  margin-left: 0;
}
/* 11. Shop page area
-------------------------------------------------------------- */
.shop-title h6,
.view-mode span,
.shop-title-right .form-control,
.sidebar-widget li a,
.sidebar-widget li {
  font-size: 14px;
  font-weight: 400;
  color: #666;
  transition: 0.3s;
}
.shop-title h6:hover,
.shop-title-right .form-control {
  color: #292929;
}
.view-mode .single-product-tab .nav-link {
  margin-right: 0;
  margin-left: 8px;
  padding-right: 0;
}
.p-tab-btn span {
  font-size: 20px;
  color: #666;
}
.p-tab-btn.active {
  pointer-events: none;
}
.nav-link.p-tab-btn.active span,
.nav-link.p-tab-btn span:hover {
  color: #292929;
}
/* shop-right-sidebar start */
.sidebar-widget li a:hover,
.sidebar-widget li:hover {
  color: #df0e0e;
}
.sidebar-widget li a:hover span,
.sidebar-widget li:hover span {
  color: #666666;
}
/* filter-price start*/
.sidebar-widget .ui-widget.ui-widget-content {
  border: 1px solid #df0e0e;
  background: #666666;
  height: 6px;
}
.sidebar-widget .ui-widget-header {
  background: #df0e0e;
}
.sidebar-widget .ui-slider-horizontal .ui-slider-handle {
  background: #fff;
  border: 5px solid #df0e0e;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  top: -5px;
}
/* accordion start */
.sidebar-widget .accordion:after {
  content: "\002B";
  float: right;
  margin-left: 5px;
  font-weight: 800;
  font-size: 14px;
  color: #292929;
}
.sidebar-widget .active::after {
  content: "\2212";
}
.sidebar-widget .panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
/* accordion end */
.price-amount input {
  width: 80px;
  font-size: 14px;
  font-weight: 500;
}
.price-amount label {
  font-size: 14px;
  font-weight: 500;
}
.size li a {
  margin-bottom: 15px;
  display: inline-block;
}
.size li span {
  padding-left: 5px;
}
/* round-checkbox css start*/
.option-input:checked::after {
  background: #000;
  content: "";
  display: block;
  position: relative;
  z-index: 1;
}
.option-input.radio {
  border-radius: 50%;
}
.option-input.radio::after {
  border-radius: 50%;
}
.option-input {
  appearance: none;
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  height: 18px;
  width: 18px;
  transition: 0.15s;
  border: 1px solid #e1e1e1;
  color: #000;
  cursor: pointer;
  display: inline-block;
  outline: none;
  position: relative;
  z-index: 1;
}
.product-choose-colors .option-input {
  height: 25px;
  width: 25px;
}
.option-input:checked::before {
  position: absolute;
  content: "✓";
  display: inline-block;
  font-size: 14px;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
}
/* round-checkbox css end*/
.search-tag li {
  display: inline-block;
}
.search-tag li a {
  background: #f5f5f5;
  padding: 6px 14px;
  margin-bottom: 12px;
  display: inline-block;
  border-radius: 30px;
  font-size: 12px;
  margin-right: 10px;
}
.search-tag li a:hover,
.search-tag li a:hover span {
  background: #fd0e0e;
  color: #fff;
}
/* shop-accordion start*/
.shop-sidebar-btn-accordion .card-header:first-child {
  border-radius: 3px;
}
.side-bar-accor-btn span {
  color: #fff;
  font-size: 18px;
  line-height: 1;
}
.collapsed .shop-accor-left-icon span::before {
  position: absolute;
  content: "\e90a";
  right: 20px;
  top: 0;
  font-size: 18px;
  line-height: 42px;
  display: block;
}
/* shop-accordion end*/
/* shop-left-sidebar start */
.shop-ls-right .size li {
  display: inline-block;
}
.shop-ls-right .size li a {
  width: 40px;
  background: #ccc;
  border-radius: 50%;
  height: 40px;
  text-align: center;
  line-height: 40px;
  margin-right: 10px;
  transition: 0.3s;
}
.shop-ls-right .size li a:hover {
  background: #fd0e0e;
  color: #fff;
}
.shop-ls-right .option-input {
  height: 14px;
  width: 14px;
}
.shop-ls-color li {
  display: inline-block;
  margin-right: 12px;
  padding: 2px;
  border: 1px solid #666;
  border-radius: 50%;
}
.shop-ls-right .brand {
  margin-bottom: 15px;
  display: block;
}
/* shop-left-sidebar end */
/* shop-list */
.p-list-content .all-info .sub-btn {
  padding: 26px 80px;
}
.product-list-view:hover .sub-btn {
  background: #292929;
  color: #fff;
}
/* product-details-page */
.p-tap-vertical {
  height: calc(100% + 20px) !important;
}
.single-page-tab {
  width: 150px;
}
.single-page-tab .nav-link,
.bottom-thamb-n .nav-link {
  opacity: 0.6;
}
.single-page-tab .nav-link {
  opacity: 0.6;
  padding: 9.5px 1rem;
  padding-right: 0;
}
.p-tap-vertical img {
  width: 110px;
  height: 110px;
}
.p-right-thamb .single-page-tab .nav-link {
  padding-right: 0;
  padding-left: 0;
}
.single-page-tab .nav-link.active,
.single-page-tab .show > .nav-link,
.single-page-tab .nav-link:hover,
.single-page-tab .show > .nav-link,
.bottom-thamb-n .nav-link.active,
.bottom-thamb-n .show > .nav-link,
.bottom-thamb-n .nav-link:hover,
.bottom-thamb-n .show > .nav-link {
  background-color: transparent;
  opacity: 1;
}
.product-left-img-tab .tab-content {
  margin-left: 35px;
}
.product-gallery-btn {
  right: 15px;
  top: 15px;
}
.right-thamb .product-gallery-btn {
  right: auto;
  left: 15px;
}
.zoom-gallery {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.product-gallery-btn a:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
/* p-right-thamb */
.product-left-img-tab .right-thamb.tab-content {
  margin-left: 0;
  margin-right: 35px;
}
/* p-bottom-thamb */
.product-left-img-tab.p-bottom-thamb .tab-content {
  margin-left: 0;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: transparent;
}
.p-bottom-thamb-info .product-left-img-info p {
  padding-right: 30px;
}
/* page-left */
.rating ul li {
  display: inline-block;
}
.rating.rating-shop ul li span {
  font-size: 12px;
  color: #fd0e0e;
}
.add-review a {
  font-size: 14px;
  color: #666;
  padding-left: 15px;
  margin-left: 12px;
  border-left: 1px solid #dedede;
}
.p-info-img-price span {
  font-size: 14px;
  font-weight: 500;
}
.product-left-img-info p {
  padding-right: 210px;
}
.add-cart-btn:hover {
  border-color: #131215;
  color: #131215;
  background: #fff;
}
.quantity-field input {
  width: 160px;
  height: 54px;
  color: #666;
}
.custom-prev,
.custom-next {
  position: absolute;
  right: 22px;
  top: 18px;
  font-size: 12px;
  color: #292929;
}
.custom-next {
  right: auto;
  left: 28px;
}
.all-info .sub-btn {
  padding: 26px 55px;
}
.single-product-list-button li a {
  width: 54px;
  height: 54px;
  line-height: 53px;
  text-align: center;
  font-size: 18px;
  margin-right: 15px;
  transition: 0.3s;
}
.single-product-list-button li a:hover {
  border: 2px solid #292929;
}
.product-view-info .social-link li a {
  color: #666;
  border: 0;
  text-align: center;
  margin: 0;
}
.sku span,
.mega-product li a,
.mega-product li span,
.p-tags span,
.p-tags a,
.social-link-view-info span,
.p-right-thamb-selection-area label {
  font-size: 14px;
}
.mega-product li,
.p-tags li {
  display: inline-block;
}
.social-link-view-info li {
  display: inline-block;
}
.social-link-view-info a {
  color: #666;
  padding-right: 20px;
}

/* page-tab */
.product-view-tab .nav-link.active {
  color: #292929;
}
.product-view-tab .nav-link {
  padding: 0;
  margin-right: 10px;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 500;
  color: #666;
}
.product-details-text p {
  margin-bottom: 10px;
}
.aditional-info ul li {
  font-style: italic;
  padding-left: 3px;
}
/* page-right */
.product-left-img-info h3 {
  font-size: 24px;
}
.avatar-img {
  width: 85px;
  border-radius: 50%;
  margin-right: 30px;
  border: 3px solid #ddd;
}
.review-text {
  max-width: 70%;
}
.review-comments-area span,
.product-review span,
.reply-form label {
  font-size: 14px;
}
.product-review .rat {
  display: none;
  top: -4px;
  left: 0;
  right: 0;
  bottom: 0;
  transition: 0.3s;
}
.product-review .ratting a {
  color: #fd0e0e;
  font-size: 12px;
}
.product-review .ratting:hover .rat {
  display: block;
}
.name-and-email input,
.contact-form input,
.contact-form textarea {
  height: 50px;
  border-radius: 3px;
  border: 1px solid #ced4da;
  min-width: 240px;
}
.reply-form textarea {
  height: 150px;
}
.review-btn {
  border-radius: 3px;
  padding: 16px 50px;
}

/* 12. Contact page
-------------------------------------------------------------- */
.map iframe {
  width: 100%;
  height: 450px;
  border: 0;
}
.contact-area h3 {
  font-size: 20px;
}
.contact-form-left span {
  font-size: 14px;
  font-weight: 500;
}
.c-social-link .social-link li a {
  text-align: center;
  border: 2px solid #ebebeb;
  color: #666;
  line-height: 38px;
  transition: 0.4s;
  margin-left: 0;
  margin-right: 12px;
}
.c-social-link .social-link li a:hover {
  border: 2px solid #fd0e0e;
}
.c-social-link span {
  font-weight: 400;
}
.contact-form-right label {
  color: #292929;
  font-size: 14px;
}
.contact-form-right .review-btn {
  font-size: 13px;
  font-weight: 500;
}
.hot-line span::before {
  font-size: 55px;
  margin-left: 0;
}

/* 13. wishlist page
-------------------------------------------------------------- */
.table-content.table-content2,
.mobile-wishlist .p-img img {
  width: 120px;
}
.wishlist-area a {
  font-size: 14px;
}
.table td,
.table th {
  vertical-align: middle;
  border-bottom: 1px solid #dee2e6;
}
.table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid #dee2e6;
  color: #292929;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}
.group-p-table .table th,
.table td.table-content {
  padding: 20px 10px;
  text-align: center;
}
.btn.p-add-cart {
  width: 150px;
}
.p-remove span {
  font-size: 18px;
}
.p-add-cart {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
}

/* 14. faq page
-------------------------------------------------------------- */
.faq-title h3 {
  font-size: 20px;
}
.faq-title h3::after {
  content: "";
  width: 30px;
  border-top: 3px solid #df0e0e;
  position: absolute;
  left: 0;
  bottom: 0;
}
.faq-accor button {
  width: 100%;
}
.faq-btn span.qan {
  font-size: 18px;
  color: #292929;
  font-weight: 500;
}
.collapsed .faq-close-btn span::before {
  position: absolute;
  content: "\e909";
  top: -11px;
  font-size: 13px;
  font-weight: 600;
  color: #292929;
}
.faq-close-btn {
  font-size: 13px;
  width: 25px;
  font-weight: 600;
}
.faq-area .btn-link {
  color: #292929;
}
.faq-area .btn-link:hover,
.faq-area .btn-link:focus {
  text-decoration: none;
}

/* 15. portfolio area
-------------------------------------------------------------- */
.single-port-thamb {
  width: 148px;
}
.single-port-modal .single-port-modal .close {
  opacity: 1;
  width: 28px;
  height: 28px;
  top: -14px;
  right: -12px;
  border-radius: 50%;
  font-size: 18px;
  border: 2px solid #fff;
  -webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
  box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
}
.single-port-modal .modal-dialog {
  max-width: 630px;
}
.likes-counter::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 28px;
  background: #ebebeb;
}
.project-date span,
.project-categories a,
.project-date,
.likes-counter a,
.portfolio-menu button {
  font-size: 14px;
  color: #666;
}
.project-date p,
.portfolio-menu button:hover,
.portfolio-menu button.active,
.portfolio-menu button:checked,
.portfolio-menu button:focus {
  color: #292929;
}
.single-port-right a:hover {
  color: #fd0e0e;
}
.project-info h6 {
  font-size: 14px;
  font-weight: 300;
}
.single-project .project-v-mere {
  left: 0;
  right: 0;
  top: 50%;
  margin-top: -30px;
  z-index: 3;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -webkit-transform: scale(0.2);
  -moz-transform: scale(0.2);
  -ms-transform: scale(0.2);
  -o-transform: scale(0.2);
  transform: scale(0.2);
}
.single-project :hover .project-v-mere {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}
.project-v-mere a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 40px;
}
.single-p-img::after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  content: "";
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  transition: opacity 300ms ease-out 0s;
  -webkit-transition: opacity 300ms ease-out 0s;
  -moz-transition: opacity 300ms ease-out 0s;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
  pointer-events: none;
}
.single-project:hover .single-p-img::after {
  opacity: 1;
  visibility: visible;
}

/* 16. checkout page
-------------------------------------------------------------- */
.coupon-content,
.checkout-content,
#ship-box-info,
#cbox-account-info {
  display: none;
}
#login,
#couponshow {
  cursor: pointer;
}
.coupon-accordion h6 {
  background-color: #f5f2f1;
  border-top: 3px solid #292929;
  font-size: 14px;
  font-weight: 400;
}
.coupon-accordion h6::before {
  content: "\f07b";
  left: 30px;
  top: 17px;
  position: absolute;
  color: #6f7172;
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
}
.coupon-area span,
.checkout-area span,
.checkout-area label {
  font-size: 14px;
  color: #666;
}
.checkout-area label {
  display: block;
}
.coupon-area input,
.checkout-area input,
.country-select select {
  border: 1px solid #ebebeb;
  height: 45px;
  margin: 0 0 14px;
  padding: 0 0 0 10px;
}
.country-select select.form-control:not([size]):not([multiple]) {
  height: 45px;
  font-size: 14px;
}
.save-info input,
.shipping .r-inpt {
  height: auto !important;
}
/* checkout-area */
.checkout-area h4 {
  font-size: 26px;
}
.country-select select:focus .order-notes textarea {
  border: 1px solid #ebebeb;
  height: 90px;
}
.order-notes textarea::placeholder {
  opacity: 1;
}
.your-order {
  border: 3px solid #ebebeb;
}
.your-order-table table th {
  border-top: medium none;
  vertical-align: middle;
  white-space: nowrap;
  width: 50%;
}
.your-order-table table th,
.your-order-table table td {
  border-bottom: 1px solid #eaedff;
  border-right: medium none;
  color: #666;
  font-size: 14px;
  padding: 15px 0;
}
.payment-method h6 .btn-link {
  font-size: 14px;
  color: #292929;
  font-weight: 500;
  cursor: pointer;
}
/* 17. cart page
-------------------------------------------------------------- */
.cart-img {
  width: 120px;
  margin: 0 auto;
}
.cart-table .quantity-field input {
  width: 110px;
  height: 50px;
}
.cart-table .table td,
.cart-table .table th {
  padding: 20px 10px;
}
.cart-area .sub-btn {
  padding: 28px 48px;
}
.coupon-code-area input {
  height: 58px;
  border: 1px solid #ebebeb;
}
.total-price-area h2 {
  font-size: 22px;
}
.p-name {
  font-size: 14px;
}

/* 18. subscribe area
-------------------------------------------------------------- */
.subscribe-area2 {
  background-color: #f5f5f5;
}
/* privacy page */
.privacy-content p,
.term-con-content p,
.about-us-content p {
  margin-bottom: 5px;
}
.term-con-content h3 {
  font-size: 24px;
}
/* page- 404 */
.text-404 h3 {
  font-size: 30px;
}
/* about-page */
.about-us-video.about-video-bg {
  width: 100%;
  height: 820px;
  background-size: cover;
}
/* Video button css start */
.wave-pulse {
  width: 1px;
  height: 0;
  margin: 0 auto;
}
.wave-pulse::before,
.wave-pulse::after {
  opacity: 0;
  content: "";
  display: block;
  position: absolute;
  width: 200px;
  height: 130px;
  top: 50%;
  left: 50%;
  border: 3px solid #fff;
  -webkit-animation: zoomBig 3.25s linear infinite;
  animation: zoomBig 3.25s linear infinite;
  border-radius: 20px;
}
@media (max-width: 767px) {
  .wave-pulse:before,
  .wave-pulse:after {
    width: 150px;
    height: 100px;
  }
}
.wave-pulse:before {
  -webkit-animation-delay: 0.75s;
  animation-delay: 0.75s;
}
.video-play {
  -webkit-transition: all 1s cubic-bezier(0, 0, 0.2, 1) !important;
  -o-transition: all 1s cubic-bezier(0, 0, 0.2, 1) !important;
  padding: all 1s cubic-bezier(0, 0, 0.2, 1) !important;
  width: 80px;
  height: 50px;
  line-height: 50px;
  border-radius: 10px;
}
.video-play-wrap:hover .video-play {
  background: #fd0e0e;
  color: #fff;
}
@-webkit-keyframes zoomBig {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    opacity: 1;
    border-width: 3px;
  }
  40% {
    opacity: 0.5;
    border-width: 2px;
  }
  65% {
    border-width: 1px;
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
    border-width: 0;
  }
}
@keyframes zoomBig {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    opacity: 1;
    border-width: 3px;
  }
  40% {
    opacity: 0.5;
    border-width: 2px;
  }
  65% {
    border-width: 1px;
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
    border-width: 0;
  }
}
/* 19. login area
-------------------------------------------------------------- */
.login-form input {
  height: 60px;
}
.login-form-area h3 {
  font-size: 30px;
}
.login-form label {
  font-size: 14px;
  color: #666;
}
.or span::before,
.or span::after {
  position: absolute;
  content: "";
  width: auto;
  height: 2px;
  background: #ebebeb;
  left: 0;
  right: 54%;
  top: 50%;
}
.or span::after {
  right: 0;
  left: 54%;
}

/* 20. footer area
-------------------------------------------------------------- */
.footer-area-area p,
.footer-area-area li a,
.footer-area-area p a {
  color: #d8d6d6;
  font-size: 14px;
}
.footer-top-content p {
  max-width: 695px;
  margin: 0 auto;
}
.social-link li a {
  width: 40px;
  height: 40px;
  line-height: 39px;
  border: 2px solid #3c3c3c;
  border-radius: 50%;
  display: block;
  margin: 0 6px;
  transition: 0.3s;
}
.social-link li a:hover,
.footer-menu li a:hover,
.footer-bottom a:hover,
.social-link-view-info a:hover {
  color: #df0e0e;
}
.footer-menu li {
  display: inline-block;
  margin-bottom: 10px;
}
.footer-menu li a {
  color: #d8d6d6;
  text-transform: uppercase;
  display: block;
  position: relative;
  font-size: 12px;
  padding: 0 22px;
}
.footer-menu li a::after {
  position: absolute;
  content: "/";
  right: 0px;
}
.footer-menu li a:hover::after {
  color: #d8d6d6;
}
.footer-menu li:last-child a::after {
  display: none;
}
.footer-bottom {
  background: #1e1e1e;
}
.footer-bottom p {
  margin-bottom: 0;
}
.footer2 .footer-menu li a::after {
  display: none;
}
.footer2 .footer-menu li a {
  padding-left: 30px;
  padding-right: 0;
}
.footer6 .footer-bottom {
  background: #292929;
}
.footer6 .footer-menu li a {
  padding-left: 0;
  padding-right: 28px;
  font-size: 14px;
  text-transform: capitalize;
  font-weight: 500;
  margin-bottom: 12px;
}
.footer-widget ul li {
  margin-bottom: 10px;
}
.footer-widget ul li a:hover {
  color: #df0e0e;
}
/* others footer */
.footer9 a,
.footer9 p {
  color: #d8d6d6;
}

/* 21. extra info css
-------------------------------------------------------------- */
/* header-search-details */
.header-search-details {
  width: 100%;
  position: fixed;
  top: -250%;
  left: 0;
  z-index: 555;
  height: 100%;
  transition: 0.5s;
}
.header-search-details.open-search-info {
  top: 0;
}
.header-search-content h3 {
  font-size: 30px;
}
.header-search-content ul li a {
  font-size: 18px;
  color: #292929;
  margin: 30px 32px;
  display: block;
}
.header-search-content ul li a:hover,
.header-search-details ul li a.active {
  color: #df0e0e;
}
/* form css  start*/
.header-search-content form a {
  right: 0;
  bottom: 10px;
  font-size: 18px;
  color: #555555;
}
.header-search-content form input {
  border: 0;
  border-bottom: 1px solid #ebebeb;
  padding: 0;
  padding-left: 45px;
  margin: 0;
  color: #555;
  padding-left: 10px;
  font-size: 14px;
  background: none;
  box-shadow: none;
  height: 45px;
  text-indent: 40px;
  border-radius: 0;
}
.header-search-content form input .form-control:focus {
  border-color: transparent;
}
.form-control:focus {
  border-color: #ebebeb;
  outline: 0;
  box-shadow: none;
}
.subscribe-form form input {
  height: 45px;
  border: 0;
  border-bottom: 1px solid #ebebeb;
  border-radius: 0;
}
.header-search-content form input:focus,
.subscribe-form input:focus {
  border-bottom: 1px solid #222;
}
.search-form input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #fff;
}
.search-form input::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
}
.search-form input:-ms-input-placeholder {
  /* IE 10+ */
  color: #fff;
}
.search-form input:-moz-placeholder {
  /* Firefox 18- */
  color: #fff;
}
/* form css  end*/
/* .side-mobile-menu start*/
.side-mobile-menu {
  width: 479px;
  position: fixed;
  left: -110%;
  top: 0;
  z-index: 9999;
  height: 100%;
  transition: all 0.3s ease-out;
  overflow: scroll;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
.side-mobile-menu.open-menubar {
  left: 0;
}
.icon-clear {
  font-size: 24px;
  color: #292929;
}
.icon-clear:hover {
  color: #df0e0e;
}
.side-mobile-menu .header-search-content ul li a {
  font-size: 14px;
  margin: 12px;
  color: #666666;
}
/* mobile mean menu start*/
.mean-container .mean-nav ul li {
  background: #fff;
}
.mean-container .mean-nav ul li a {
  color: #666;
  font-size: 14px;
  padding-left: 10px;
  margin-right: -20px;
  width: 94%;
}
.mean-container .mean-nav .mega-menu {
  border: 0;
}
.mean-container .mean-nav ul li .mega-title a.mean-expand {
  padding: 0;
}
.mean-container .mega-menu li {
  border-right: 0;
}
/* mobile mean menu end*/
.side-mobile-menu .header-search-content ul li a:hover,
.side-mobile-menu .header-search-content ul li a.active {
  color: #df0e0e;
}
.side-mobile-menu .header-search-content form a {
  right: 0;
  left: auto;
  font-size: 16px;
  top: 24px;
}
.side-mobile-menu .header-search-content form input {
  text-indent: 0;
}
.side-mobile-menu .menu-login ul li a,
.mobile-header-setting-more span {
  color: #666666;
  font-size: 16px;
  cursor: pointer;
}
.side-mobile-menu .menu-login ul li {
  padding: 15px 0;
}
.side-mobile-menu .menu-login ul li a:hover,
.mobile-header-setting-more span:hover {
  color: #292929;
}
.side-mobile-menu .menu-login {
  clear: both;
}
/* mobile-h-setting-more-content */
.mobile-h-setting-more-content {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 9999;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
.mobile-h-setting-info {
  display: block;
}
.setting-more span,
.setting-more-close-icon span {
  font-size: 22px;
  cursor: pointer;
  color: #666;
}
.setting-more span:hover,
.setting-more-close-icon span:hover {
  color: #292929;
}
.setting-more-close-icon.float-right.pt-10 {
  margin-top: -54px;
}
/* .side-mobile-menu end*/

/* tooltip css*/
.tooltip-inner {
  background: rgba(0, 0, 0, 1);
  font-size: 13px;
  border-radius: 0;
  padding-top: 0;
  padding-bottom: 4px;
}
/* back to top */
#scroll a {
  position: fixed;
  font-size: 18px;
  text-align: center;
  width: 47px;
  height: 48px;
  line-height: 48px;
  display: block;
  right: 30px;
  bottom: 150px;
  cursor: pointer;
  background: #fff;
  color: #292929;
  border: 2px solid #ebebeb;
  border-radius: 5px;
  z-index: 999;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

/* preloader css start */
#preloader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  overflow: visible;
  background: #000;
  display: flex;
  justify-content: center;
  align-items: center;
}
.circle {
  width: 310px;
  height: 310px;
  display: block;
  background: #fff;
  border-radius: 500%;
  position: relative;
  animation: rotation 2s linear infinite;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.inner {
  width: 200px;
  height: 200px;
  background: #000000;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  border-radius: 100%;
  box-shadow: 0 -130px 0 -75px #000;
  animation: switch 8s ease-in-out infinite;
}
@keyframes switch {
  0% {
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 200px;
    height: 200px;
    box-shadow: 0 -130px 0 -75px #000;
  }
  25% {
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 200px;
    height: 200px;
    box-shadow: 0 -130px 0 -75px #000;
  }
  50% {
    top: calc(100% - 55px);
    width: 50px;
    height: 50px;
    box-shadow: 0 -130px 0 75px #000;
    transform: translateX(-50%) translateY(0);
  }
  75% {
    top: calc(100% - 55px);
    width: 50px;
    height: 50px;
    box-shadow: 0 -130px 0 75px #000;
    transform: translateX(-50%) translateY(0);
  }
  100% {
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 200px;
    height: 200px;
    box-shadow: 0 -130px 0 -75px #000;
  }
}
/* preloader css end*/