/*---------------------------------------------
Template name:  Kinen Ecommerce
Version:        1.0
Author:         ThemeLooks
Author url:     http://themelooks.com

NOTE:
-----
Please DO NOT EDIT THIS CSS, you may need to use "custom.css" file for writing your custom css.
We may release future updates so it will overwrite this file. it's better and safer to use "custom.css".

[Table of Content]

01: General CSS 
    1.1: Default CSS
    1.2 scroll bar
    1.3: Buttons
    1.4: theme main hover effect
    1.5: Padding/Margin
    1.6: Overlay
    1.7: Animations
02: Header
    2.1: Header Menu 1
    2.2: header menu home page 2
    2.3: header menu home page 3
    2:4 sticky social area
    2.5: header menu home page 4
03: Page Title
04: Banner
    4.1: main banner 01
    4.02: main banner home2
    4:3 dress pointer home banner2
    4:4 pointer position
    4.05: main banner home3
    4.6: main banner home 4
    4.07: main banner home 5
05: Modal Window
06: Quick view modal container
    6:1 modal add to cart
07: Side nave
08: offcanvas
09: About Us page
    09:1 about intro
    09:2 about ceo
    9:03 our team
10: Collection section
    10:2 collection type2
11: add section
12: our partner
13: Quick service
14: top sellers
    14:01 top sellers type2
15: Call to action
16: dash add
17: Featured area
    17:01 section title
    17:02 section title type2
    17:03 featured type2
18: New Arrivel
    18:2 new arrival type2
    18:3 type 3 shop page
    18:4 single product type4
19: offer area
20: Insta feed
21: Tweeter feed
22: Coming soon area
23: Subscribe area
    23:02 subscribe type2
24: About Us
25: our testimonial area
    25:01 testimonial area
26: Our Out late
27: Counter up
28: Strat Our Blog
29: Blog details
    29:01 post main content
    29:02 post content body
    29:03 post tag and share
    29:04 post  author
    29:05 related post
    29:06 Comment form
30: Single Blog right side bar
    30:01 blog side bar
31: Blog list style
    31:01 block quort
32: Blog Pinterest
33: Error page
    33:01 error type 2
    33:02 error type 3
34: Category page
    34:01 category page1
    34:02 Category page2
    34:03 category page3
    34:04 category page 4
35: Collection pages
    35:01 colllection page1
    35:02 collection page2
    35:03 category page3
    35:04 category page 4
36: cart page
37: Wish list page
38: Check Out page
    38:01 billing details
    38:02 terms and conditions
39: My account
    39:01 dashboard nav
    39:02 dashboard content
    39:03 order
    39:04 download
    39:05 address
    39:06 account details
40: Order Tracking
41: Shope 2 column with side bar
    41:01 filter menu
    41:02 shop side bar
    42: single product details
    42:01 single product tab
    42:03 faq type2
    42:04 related product
    42:05 single product details out of stock
    42:06 single product details grouped
43: Contact Us
44: comming soon
45: footer area
    45:01 footer type2
    45:02 footer type3
    45:03 footer type4
46: Others
    46.01: About block
    46.02: Why us
    46.03: Subscription
    46.04: Carousel controls
    46.05: Slider pagination style
    46.06: Social icons
    46.07: Back to top
    46.08: Preloader
    46.19: Form validation
    46.10: Content animation
----------------------------------------------*/

/*=============================================
    01: General CSS
==============================================*/

/* 1.1: Default CSS */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}
::-moz-selection {
  background: #31333e;
  color: #fff;
  text-shadow: none;
}
::selection {
  background: #31333e;
  color: #fff;
  text-shadow: none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}

/* 1.2 scroll bar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
  background: #333333;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}

button:focus,
input:focus,
select:focus,
textarea:focus {
  outline: none !important;
}
button[type="submit"] {
  cursor: pointer;
  background: transparent;
  border: none;
  color: #333333;
}
textarea {
  resize: none;
}
img {
  max-width: 100%;
  height: auto;
}

a {
  color: #31333e;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
a:hover {
  color: #ff7353;
}
a,
a:hover,
a:active,
a:focus {
  text-decoration: none;
  outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "Roboto Condensed", sans-serif;
  color: #fff;
  line-height: 1.4;
}
h1,
.h1 {
  font-size: 60px;
  line-height: 80px;
}
h2,
.h2 {
  font-size: 30px;
}
h3,
.h3 {
  font-size: 24px;
  line-height: 32px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 16px;
}
h6,
.h6 {
  font-size: 14px;
}

p {
  line-height: 26px;
  margin-bottom: 25px;
  font-weight: 400;
}
body {
  font-family: "Lato", sans-serif;
  font-size: 16px;
  color: #fff;
  background: black;
  line-height: 26px;
  overflow-x: hidden !important;
}

@media only screen and (max-width: 600px) {
  body {
    overflow-x: hidden !important;
  }
}
.select-wrapper select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.select-wrapper select::-ms-expand {
  display: none;
}
.select-wrapper {
  position: relative;
}
.select-wrapper:after {
  content: "\f107";
  font-family: "FontAwesome";
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  font-size: 20px;
  height: 30px;
  pointer-events: none;
}
.width-expend {
  width: 170px;
}

/* 1.3: Buttons */
.btn.active,
.btn:hover,
.btn:focus {
  outline: none;
  box-shadow: none;
}
.btn {
  font-family: "Roboto Condensed", sans-serif;
  color: #333333;
  position: relative;
  padding: 10px 20px 8px;
  overflow: hidden;
  z-index: 0;
  font-size: 16px;
  font-weight: 700;
  border: none;
  outline: none;
  border-radius: 0;
}

.btn:before {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  background: #000000;
  z-index: -1;
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
  height: 25px;
  width: 25px;
  border-radius: 0;
  bottom: 0;
  opacity: 0.1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
}
.btn:hover:before {
  height: 100%;
  width: 100%;
  opacity: 1;
}
.btn.style-2 {
  position: relative;
}
.btn.style-2:before {
  right: 0;
  bottom: 0;
  left: auto;
}
.btn.btn-line {
  padding: 8px 0 2px;
  font-weight: 400;
}
.btn-line.btn:before {
  height: 1px;
  width: 100%;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
  right: 0;
  left: auto;
}
.btn.btn-line:hover:before {
  width: 50%;
  right: 0;
  left: auto;
}

.btn.btn-fill-type:hover:before {
  -webkit-transform: rotate3d(0, 0, 1, 0deg) translate3d(0, 0, 0);
  transform: rotate3d(0, 0, 1, 0deg) translate3d(0, 0, 0);
}

.btn.btn-fill-type:before {
  width: 140%;
  height: 100%;
  background: #333;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.59, 0.03, 0.2, 1);
  transition: -webkit-transform 0.5s cubic-bezier(0.59, 0.03, 0.2, 1);
  transition: transform 0.5s cubic-bezier(0.59, 0.03, 0.2, 1);
  transition: transform 0.5s cubic-bezier(0.59, 0.03, 0.2, 1),
    -webkit-transform 0.5s cubic-bezier(0.59, 0.03, 0.2, 1);
  -webkit-transform: rotate3d(0, 0, 1, -10deg) translate3d(-1.2em, 110%, 0);
  transform: rotate3d(0, 0, 1, -10deg) translate3d(-1.2em, 110%, 0);
  -webkit-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
}
.btn.btn-fill-type:hover {
  color: #fff;
}
.btn.btn-fill-type:hover svg .cls-1 {
  fill: #fff;
}
.btn.btn-fill-type svg .cls-1 {
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.btn.btn-fill-type {
  border: 2px solid #333;
  padding: 11px 20px;
  color: #333333;
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
/*1.4: theme main hover effect*/

.normal-hover-parent {
  overflow: hidden;
  position: relative;
}
.hover-state {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
}
.normal-state {
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
}
.main-parent:hover .hover-state {
  visibility: visible;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.theme-bg-overlay {
  position: relative;
  height: 100%;
  width: 100%;
}
.theme-bg-overlay:before {
  content: "";
  position: absolute;
  background: #00c544;
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.disabled {
  pointer-events: none;
}

.primary-bg {
  background-color: #1c1967;
}
.secondary-bg {
}

.great-vibes {
  font-family: "Great Vibes", cursive;
}
.lato {
  font-family: "Lato", sans-serif;
}
.roboto {
  font-family: "Roboto Condensed", sans-serif;
}
.font-weight-700 {
  font-weight: 700;
}
b,
strong {
  font-weight: bold;
}
.list-inline > li {
  display: inline-block;
}

.form-control {
  font-size: 14px;
}
.form-control:focus {
  border-color: #fff;
}

input.parsley-error,
textarea.parsley-error,
select.parsley-error {
  border-bottom: 1px solid red !important;
}
.half-gutter {
  margin-right: -7.5px;
  margin-left: -7.5px;
}
.half-gutter > .col,
.half-gutter > [class*="col-"] {
  padding-right: 7.5px;
  padding-left: 7.5px;
}
.no-gutters-padding {
  padding-right: 0px;
  padding-left: 0px;
}
.theme-border-top {
  border-top: 1px solid #999999;
}
.theme-border-bottom {
  border-bottom: 1px solid #999999;
}

.theme-list-style {
  padding: 0;
  list-style: none;
}
.theme-list-style li {
  font-weight: 600;
  color: #4c4f60;
  padding: 5px 0;
}
.theme-list-style li:before {
  content: "\f05d";
  font-family: "FontAwesome";
  color: #999999;
  font-size: 12px;
  font-weight: normal;
  margin-right: 10px;
}

.form-field {
  position: relative;
  margin-bottom: 15px;
}
.theme-input-style {
  font-size: 12px;
  width: 100%;
  height: 40px;
  padding: 0 10px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  background: transparent;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
input.theme-input-style:focus {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
textarea.theme-input-style {
  padding: 10px;
  min-height: 120px;
  display: block;
}

.theme-input-style:focus {
  border-color: #000;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

label input[type="checkbox"],
label input[type="radio"] {
  position: relative;
  top: 2px;
  margin-right: 5px;
}

.form-group {
  position: relative;
}

.table-bordered,
.table-bordered td,
.table-bordered th {
  border-color: #e2e6fb;
}

.alignleft {
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
}
.alignright {
  float: right;
  margin-left: 15px;
  margin-bottom: 15px;
}
.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto 15px;
}
/* 1.5: Padding/Margin */
.pt-140 {
  padding-top: 140px;
}
.pb-140 {
  padding-bottom: 140px;
}
.pt-130 {
  padding-top: 130px;
}
.pb-130 {
  padding-bottom: 130px;
}
.pt-120 {
  padding-top: 120px;
}
.pb-120 {
  padding-bottom: 120px;
}
.pt-110 {
  padding-top: 110px;
}
.pb-110 {
  padding-bottom: 110px;
}
.pt-100 {
  padding-top: 100px;
}
.pb-100 {
  padding-bottom: 100px;
}
.pt-90 {
  padding-top: 90px;
}
.pb-90 {
  padding-bottom: 90px;
}
.pt-80 {
  padding-top: 80px;
}
.pb-80 {
  padding-bottom: 80px;
}
.pt-70 {
  padding-top: 70px;
}
.pb-70 {
  padding-bottom: 70px;
}
.pt-60 {
  padding-top: 60px;
}
.pb-60 {
  padding-bottom: 60px;
}
.pt-55 {
  padding-top: 55px;
}
.pb-55 {
  padding-bottom: 55px;
}
.pt-50 {
  padding-top: 50px;
}
.pb-50 {
  padding-bottom: 50px;
}
.pt-40 {
  padding-top: 40px;
}
.pb-40 {
  padding-bottom: 40px;
}
.pt-30 {
  padding-top: 30px;
}
.pb-30 {
  padding-bottom: 30px;
}
.pt-20 {
  padding-top: 20px;
}
.pb-20 {
  padding-bottom: 20px;
}
.pt-10 {
  padding-top: 10px;
}
.pb-10 {
  padding-bottom: 10px;
}

.mt-140 {
  margin-top: 140px;
}
.mb-140 {
  margin-bottom: 140px;
}
.mt-120 {
  margin-top: 120px;
}
.mb-120 {
  margin-bottom: 120px;
}
.mt-70 {
  margin-top: 70px;
}
.mb-70 {
  margin-bottom: 70px;
}
.mt-60 {
  margin-top: 60px;
}
.mb-60 {
  margin-bottom: 60px;
}
.mt-50 {
  margin-top: 50px;
}
.mb-50 {
  margin-bottom: 50px;
}
.mt-40 {
  margin-top: 40px;
}
.mb-40 {
  margin-bottom: 40px;
}
.mt-30 {
  margin-top: 30px;
}
.mb-30 {
  margin-bottom: 30px;
}

.mr-50 {
  margin-right: 50px;
}
.ml-50 {
  margin-left: 50px;
}
.mlr-25 {
  margin-right: 25px;
  margin-left: 25px;
}
.pl-50 {
  padding-left: 50px;
}
/*1.6: Overlay*/
.overlay {
  position: relative;
}
.overlay:before {
  position: absolute;
  height: 100%;
  width: 100%;
  content: "";
  top: 0;
  bottom: 0;
  top: 0;
  left: -50%;
  background: -webkit-linear-gradient(
    left,
    rgba(255, 255, 255, 0.9) 0%,
    rgba(255, 255, 255, 0.55) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  background: -webkit-linear-gradient(
    left,
    rgba(255, 255, 255, 0.9) 0%,
    rgba(255, 255, 255, 0.55) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0.9) 0%,
    rgba(255, 255, 255, 0.55) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
}
.single-colection-inner:hover.overlay:before {
  left: 0%;
}
/* 1.7: Animations */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translate3d(0, -40px, 0);
    transform: translate3d(0, -40px, 0);
  }
  to {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translate3d(0, -40px, 0);
    transform: translate3d(0, -40px, 0);
  }
  to {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }
  to {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }
  to {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
  to {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
  to {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
  }
  to {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
  }
  to {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.spin {
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes bounce {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
.bounce {
  -webkit-animation: bounce 2s linear infinite;
  animation: bounce 1s linear infinite;
}
@-webkit-keyframes rotate2d {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate2d {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotate2d {
  -webkit-animation: rotate2d 2s linear infinite;
  animation: rotate2d 1s linear infinite;
}
@-webkit-keyframes rotate-2d {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@keyframes rotate-2d {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
.rotate-2d {
  -webkit-animation: rotate-2d 2s linear infinite;
  animation: rotate-2d 1s linear infinite;
}

@-webkit-keyframes rotate3d {
  0% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}

@keyframes rotate3d {
  0% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}
.rotate3d {
  -webkit-animation: rotate3d 2s linear infinite;
  animation: rotate3d 1s linear infinite;
}

/*=============================================
    02: Header
==============================================*/

/* 2.1: Header Menu 1*/
#menu-button span.bar {
  width: 25px;
  height: 3px;
  background-color: #fff;
  z-index: 0;
  display: block;
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
}
#menu-button span.bar.bar2 {
  margin: 5px 0;
}
#menu-button:hover .bar1 {
  -webkit-transform: rotate(-45deg) translate3d(-2px, 2px, 0);
  transform: rotate(-45deg) translate3d(-2px, 2px, 0);
  width: 13px;
}

#menu-button:hover .bar3 {
  width: 13px;
  -webkit-transform: rotate(45deg) translate3d(-2px, -2px, 0);
  transform: rotate(45deg) translate3d(-2px, -2px, 0);
}
.main-header {
  box-shadow: none;
  position: fixed;
  z-index: 9999;
  width: 100%;
  top: 0;
  left: 0;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
  background-color: black;
}

.main-header.stuck {
  position: fixed;
  top: 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  width: 100%;
}
.header-menu,
.header-menu ul,
.header-menu ul li,
.header-menu ul li a,
.header-menu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
}
.header-menu #menu-button {
  display: none;
}
.header-menu > ul ul {
  text-align: left;
  z-index: 99999;
}
.header-menu {
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
  text-align: center;
}

.header-menu > ul > li {
  display: inline-block;
}
.header-menu > ul > li.has-sub:hover:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2em;
  bottom: -2em;
  cursor: pointer;
  left: 0;
}
.header-menu > ul > li {
  padding-left: 20px;
  padding-right: 20px;
}
.header-menu > ul > li:first-child {
  padding-left: 0;
}
.header-menu > ul > li:last-child {
  padding-right: 0;
}
.header-menu > ul > li > a {
  padding: 35px 0 35px;
  font-size: 16px;
  color: #333333;
  text-transform: capitalize;
}

.header-menu > ul > li:hover > a,
.header-menu > ul > li.active > a {
  color: #333333;
}

.header-menu > ul > li > a > i {
  font-size: 12px;
  display: block;
  text-align: center;
  width: 100%;
  position: absolute;
  top: 63px;
}
.header-menu ul ul {
  position: absolute;
  /*left: -9999px;*/
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: top 0.2s ease, opacity 0.2s ease;
  transition: top 0.2s ease, opacity 0.2s ease;
}
.header-menu > ul > li > ul {
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  -webkit-transition: top 0.2s ease, opacity 0.2s ease;
  -webkit-transition: left 0.2s ease, opacity 0.2s ease;
  transition: left 0.2s ease, opacity 0.2s ease;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
  top: 86px;
  -webkit-transition: 0.2s all linear;
  transition: 0.2s all linear;
}
.header-menu > ul > li:hover > ul {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
  top: 86px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
}

.header-menu.align-right > ul > li:hover > ul {
  right: 0;
}

.header-menu ul ul ul {
  top: 32px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.header-menu ul ul ul:after {
  content: "";
  position: absolute;
  left: -10px;
  top: 0;
  width: 10px;
  height: 100%;
  z-index: -1;
}
.header-menu ul ul ul li {
  background: #fff;
}
.header-menu ul ul > li:hover > ul {
  top: 0;
  left: 180px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.header-menu.align-right ul ul > li:hover > ul {
  left: auto;
  right: 178px;
  padding-left: 0;
  padding-right: 10px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.header-menu ul ul li a {
  width: 210px;
  padding: 8px 20px;
  font-size: 14px;
  line-height: 1.25;
  position: relative;
  background: #ffffff;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: #999999;
  font-weight: 400;
  text-transform: capitalize;
}
.header-menu ul ul li a i {
  position: absolute;
  right: 15px;
  top: 16px;
  font-size: 10px;
}

.header-menu ul ul li:hover > a,
.header-menu ul ul li > a:hover,
.header-menu ul ul li.active > a {
  color: #333333;
  padding-left: 25px;
}
.header-menu ul ul li:hover > a:before,
.header-menu ul ul li > a:hover:before,
.header-menu ul ul li.active > a:before {
  left: 15px;
}
.header-menu
  ul
  ul
  li
  a:before
  .main-header.sticky
  .header-menu
  ul
  ul
  li:hover
  > a,
.main-header.sticky .header-menu ul ul li > a:hover,
.main-header.sticky .header-menu ul ul li.active > a {
  color: #53e1ff;
}

.header-menu > ul {
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
}
.header-menu > ul > li:last-child {
  margin-right: 0;
}
.header-menu > ul > li > a:after {
  content: "";
  position: absolute;
  height: 5px;
  width: 15px;
  background: #333333;
  left: 50%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
  -webkit-transition: 0.2s all linear;
  transition: 0.2s all linear;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 73%;
}
.header-menu ul ul ul,
.header-menu ul ul {
  padding: 8px 0;
  background: #fff;
}
.header-menu > ul > li:hover > a:after,
.header-menu > ul > li.active > a:after {
  visibility: visible;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.header-menu ul ul li a:before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  left: 10px;
  background: #fff;
  top: 50%;
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
  visibility: hidden;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50%;
}

.header-menu ul ul li a:hover:before {
  visibility: visible;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  background: #333;
}
.header-menu > ul > li > ul .has-sub-item {
  position: relative;
}

.header-menu > ul > li.has-sub-item:after,
.header-menu > ul > li.has-sub-item:before,
.header-menu > ul > li.has-sub-item ul li.has-sub-item:before,
.header-menu > ul > li.has-sub-item ul li.has-sub-item:after {
  content: "";
  right: 2px;
  font-family: FontAwesome;
  position: absolute;
  top: 50%;
  color: #000;
  transform: translateY(-40%);
  height: 1px;
  width: 7px;
  background: #000;
}
.header-menu > ul > li.has-sub-item ul li.has-sub-item:before,
.header-menu > ul > li.has-sub-item ul li.has-sub-item:after {
  right: 10px;
  top: 49.5%;
}
.header-menu > ul > li.has-sub-item:before,
.header-menu > ul > li.has-sub-item ul li.has-sub-item:before {
  transform: rotate(90deg);
  z-index: 1;
  top: 49.5%;
  transition: 0.3s all linear;
}
.header-menu > ul > li.has-sub-item:hover:before,
.header-menu > ul > li.has-sub-item ul li.has-sub-item:hover:before {
  transform: rotate(0deg);
  z-index: 1;
  top: 50%;
}
.main-header.sticky {
  background: black;
  position: fixed;
  width: 100%;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

.main-header.stuck {
  background: #1c1967;
  position: fixed;
  width: 100%;
  -webkit-animation: fadeInDown 1s linear;
  animation: fadeInDown 1s linear;
}

.menu-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.signup--out-btn {
  margin-left: 16px;
}
.main-header .header-menu ul ul li.active a:before {
  visibility: visible;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  background: #333333;
}
.main-header
  .header-menu
  ul
  .has-sub-item
  ul
  .has-sub-item
  ul
  li.active
  a:before {
  visibility: visible;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  background: #333333;
}
.main-header .header-menu ul .has-sub-item ul .has-sub-item ul li a:before {
  visibility: hidden;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.main-header
  .header-menu
  ul
  .has-sub-item
  ul
  .has-sub-item
  ul
  li
  a:hover:before {
  visibility: visible;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.main-header .header-menu ul ul ul li.active a:before {
  visibility: visible;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  background: #333333;
}
.main-header
  .header-menu
  ul
  .has-sub-item
  ul
  .has-sub-item
  ul
  li.has-sub-item
  a:before {
  visibility: hidden;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.nav-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.logo .sticky-logo {
  display: none;
  height: 120px;
  width: 120px;
}
.logo .sticky-logo {
  display: none;
}
.main-header.sticky .logo .default-logo {
  display: none;
}
.default-logo {
  height: 100px;
  width: 100px;
}
.main-header.sticky .logo .sticky-logo {
  display: block;
}
.main-header-wraper {
  padding: 0 50px;
}
.modal-menu-container ul {
  display: inline-flex;
  align-items: center;
}
.modal-menu-container ul li {
  padding-right: 20px;
  vertical-align: middle;
}
.modal-menu-container {
  text-align: right;
}
.header-menu ul ul ul {
  left: 210px;
}
.header-menu ul ul > li:hover > ul {
  top: 0px;
  left: 210px;
}
/*2.2: header menu home page 2*/
.offcanvas.header-offcanvas2.show {
  width: 350px;
  padding-top: 120px;
}
.header-offcanvas2 .submenu-button:before {
  content: "";
  position: absolute;
  right: 22.5px;
  top: 18px;
  display: block;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top-color: #333;
  z-index: 99;
}
.header-offcanvas2 .submenu-button {
  position: absolute;
  right: 0;
  display: block;
  width: 50px;
  height: 40px;
  z-index: 10;
  cursor: pointer;
}
.header-offcanvas2 .submenu-button:before {
  content: "";
  position: absolute;
  right: 22.5px;
  top: 18px;
  display: block;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top-color: #333;
  z-index: 99;
}

.header-offcanvas2 ul.show {
  display: block;
}
.header-offcanvas2 ul li ul {
  padding-left: 15px;
}
.header-offcanvas2 ul li ul {
  display: none;
}
.header-offcanvas2.offcanvas .show {
  width: 300px;
  padding-top: 90px;
}
.header-offcanvas2 .offcanvas-cancel {
  position: absolute;
  right: 35px;
  top: 35px;
}
.header-offcanvas2 ul li,
.header-offcanvas2 ul li a,
.header-offcanvas2 ul {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
}
.header-offcanvas2 ul li a {
  padding: 12px 15px !important;
  color: #333;
  text-transform: capitalize;
}
.header-style2 .header-menu #menu-button {
  display: block;
  font-size: 26px;
  color: #333333;
  text-align: right;
  display: inline-block;
  cursor: pointer;
}
.header-style2 .header-menu {
  text-align: right;
}
.header-offcanvas2 ul ul li.active a {
  color: #333333;
}
.header-offcanvas2 ul ul li a {
  padding-left: 30px !important;
  width: auto;
  color: #777777;
}
.menu-search-inner button {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.menu-search-inner {
  position: relative;
}
.main-header-wraper.header-style2 {
  padding: 20px 50px;
}
.modal-menu-container ul li:last-child {
  padding-right: 0;
}
.main-menu-btn #menu-button i {
  font-size: 25px;
}
.menu-search-inner .theme-input-style {
  font-size: 14px;
}
.menu-search-inner .theme-input-style::-webkit-input-placeholder {
  color: #999999 !important;
}
.menu-search-inner .theme-input-style::-moz-placeholder {
  color: #999999 !important;
}
.menu-search-inner .theme-input-style:-ms-input-placeholder {
  color: #999999 !important;
}
.menu-search-inner .theme-input-style::placeholder {
  color: #999999 !important;
}
.modal-menu-container ul li:hover .cls-1 {
  fill: #ff7353 !important;
}
.submenu-opened.submenu-button:before {
  border-bottom-color: #ff7353;
  border-top-color: transparent;
}
/*2.3: header menu home page 3*/

.header-style3.main-header.sticky .logo .sticky-logo {
  display: block;
  margin: 0 auto;
}
.header-style3 {
  margin: 0 auto;
}
.header-style3 .catagory-menu-left ul li {
  margin-right: 20px;
}
.catagory-menu-left ul {
  display: inline-flex;
  align-items: center;
}
.main-menu-btn {
  padding-top: 2px;
}
.header-style3 .catagory-menu-left {
  padding: 23px 0px;
}
/*2:4 sticky social area*/
.sticky-social-area {
  position: fixed;
  right: 40px;
  top: 50%;
  z-index: 10;
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
}
.sticky-social-area ul li:not(:last-child) {
  padding-bottom: 8px;
}
.sticky-social-area ul li a {
  font-size: 12px;
  font-weight: 600;
  color: white;
}
.sticky-social-area ul li a:hover {
  color: #ff7353;
}
.sticky-social-area ul li span {
  margin-right: 10px;
  font-size: 14px;
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
  visibility: hidden;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  left: 0;
  top: 2px;
}
.sticky-social-area ul li {
  padding-left: 25px;
  position: relative;
}
.sticky-social-area ul li a:hover span {
  visibility: visible;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.sticky-social-area.sticky {
  top: 25%;
}
/*2.5: header menu home page 4*/
.relative-header.main-header {
  position: relative;
  background: #fff;
  width: 100%;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
.relative-header.main-header.sticky {
  position: fixed;
}
.modal-menu-container ul li .cls-1 {
  fill: #333 !important;
}

/*=================================================
    03: Page Title
=================================================*/

.main-header.inner-page-header.sticky {
  position: fixed;
}

.page-title-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: -9px;
}
.page-title-heading h1.h2 {
  font-weight: 700;
  color: #333333;
  text-transform: uppercase;
  margin-bottom: 0;
  z-index: 6;
  position: relative;
}
.page-title-heading h1.h2 span {
  font-weight: 700;
  color: #333333;
  font-size: 60px;
  position: absolute;
  top: 0;
  -webkit-transform: translateY(-26%);
  transform: translateY(-26%);
  opacity: 0.1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  text-transform: uppercase;
  font-family: "Roboto Condensed", sans-serif;
  left: 68%;
  white-space: nowrap;
}

.page-title-heading {
  display: inline-block;
  position: relative;
}

.page-title-inner {
  padding: 176px 0 80px;
}
.main-header.inner-page-header {
  background: #fff;
}
.page-title-wrap ul li {
  display: inline-block;
  position: relative;
  padding-left: 10px;
}
.page-title-wrap ul li a:hover {
  color: #333;
}

.page-title-wrap ul li a {
  color: #999999;
  text-transform: capitalize;
  font-size: 14px;
  transition: 0.3s all linear;
}
.page-title-wrap ul li:first-child {
  padding-left: 0;
}
.page-title-wrap ul li + li:before {
  content: "";
  position: absolute;
  height: 2px;
  width: 2px;
  top: 66%;
  background: #333333;
  left: 3px;
  border-radius: 50%;
}
.page-title-wrap ul li.active a {
  color: #333333;
}

/*=============================================
    04: Banner
==============================================*/
/*4.1: main banner 01*/

.banner-slider2 .banner-image,
.banner-slider2 .single-slider-text h1,
.banner-slider2 .single-slider-text h3,
.single-slider-text a,
.banner-slider3 .single-slider-text span,
.banner-slider3 .single-slider-text h1,
.banner-carousel1 .banner-image,
.banner-carousel1 .single-slider-text h1,
.banner-carousel1 .single-slider-text span,
.banner-carousel1 .single-slider-text p,
.banner-carousel1 .single-slider-text a {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}

.banner-slider2 .active .single-slider-text a,
.banner-slider2 .active .single-slider-text h1,
.banner-slider2 .active .single-slider-text h3,
.banner-slider3 .active .single-slider-text a,
.banner-slider3 .active .single-slider-text span,
.banner-slider3 .active .single-slider-text h1,
.banner-carousel1 .active .single-slider-text h1,
.banner-carousel1 .active .single-slider-text span {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
.banner-slider2 .active .single-slider-text h1,
.banner-slider3 .active .single-slider-text h1 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.banner-slider2 .active .single-slider-text h3,
.banner-slider3 .active .single-slider-text span {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.banner-slider2 .active .banner-image,
.banner-carousel1 .active .single-slider-text p {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
.banner-carousel1 .active .single-slider-text a {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.banner-carousel1 .active .banner-image {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
.banner-carousel1 .active .single-slider-text span a {
  color: #555555;
}
.single-slider-text a:hover {
  color: #fff;
}
.active .dress-poiner {
  z-index: 12;
}
.active .banner-image {
  z-index: 11;
}
.dress-poiner {
  visibility: hidden;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.active .dress-poiner {
  -webkit-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transform: scale(1);
  transform: scale(1);
  visibility: visible;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.banner-carousel1 .single-slider-text span {
  margin-bottom: 0;
  display: block;
}
.banner-carousel1 .single-slider-text h1 {
  font-weight: 700;
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
  -webkit-transition: none 0s ease 0s;
  transition: none 0s ease 0s;
}

.banner-carousel1 .single-slider-wrap {
  padding-top: 190px;
  padding-bottom: 260px;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
.banner-carousel3 .owl-dots,
.banner-carousel1 .owl-dots {
  counter-reset: dots;
  position: absolute;
  bottom: 50px;
  right: 15%;
}
.banner-carousel3 .owl-dot:before,
.banner-carousel1 .owl-dot:before {
  counter-increment: dots;
  content: "";
  font-weight: 700;
  font-size: 16px;
  color: #333333;
  font-family: "Roboto Condensed", sans-serif;
}
.banner-carousel3 .owl-dot.active:before,
.banner-carousel1 .owl-dot.active:before {
  counter-increment: dots;
  content: counter(dots);
  font-weight: 700;
  font-size: 16px;
  color: #333333;
  font-family: "Roboto Condensed", sans-serif;
}
.banner-carousel3 .owl-dot,
.banner-carousel1 .owl-dot {
  margin-right: 30px;
  position: relative;
  cursor: pointer;
}
.banner-carousel3 .owl-dot.active:after,
.banner-carousel1 .owl-dot.active:after {
  display: none;
}
.banner-carousel3 .owl-dot.active,
.banner-carousel1 .owl-dot.active {
  margin-right: 11px;
}
.banner-carousel3 .owl-dot:after,
.banner-carousel1 .owl-dot:after {
  position: absolute;
  background: #333333;
  content: "";
  width: 20px;
  height: 2px;
  bottom: 0;
  left: 0;
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
  cursor: pointer;
}
.banner-carousel3 .owl-dot.active:before,
.banner-carousel1 .owl-dot.active:before {
  counter-increment: dots;
  content: counter(dots);
}
.banner-carousel1 .owl-item .single-slider-wrap img {
  display: block;
  width: inherit !important;
}
.banner-carousel1 .single-slider-text {
  margin-top: 160px;
}
.banner-image img {
  position: absolute !important;
  top: 0;
}

.banner-image {
  position: relative;
}
.dress-poiner.smart.poiner4 .pointer-details,
.dress-poiner.trandy.poiner3 .pointer-details,
.trandy.poiner4 .pointer-details {
  -webkit-transform-origin: right;
  transform-origin: right;
}
/*4.02: main banner home2
===============================*/
/*banner text*/
.banner-slider2 .single-slider-text a {
  z-index: 20;
}
.banner-slider2 .single-slider-wrap-inner {
  height: 860px !important;
}
.height-100 {
  height: 100%;
}
.height-100vh {
  height: 100vh;
}
.banner-slider2 .banner-image {
  position: absolute;
  width: 100%;
  height: 100%;
  right: -100px;
  background-repeat: no-repeat !important;
  background-position: bottom right !important;
}
.banner-slider2 .banner-image.men-3,
.banner-slider2 .banner-image.men-2 {
  background-repeat: no-repeat !important;
  background-position: bottom right !important;
}

.banner-slider2 .single-slider-text {
  margin-top: 125px;
}
.banner-slider2 button.owl-prev {
  left: 50px;
}
.banner-slider2 button.owl-next {
  right: 50px;
}

.banner-carousel2 button.owl-prev,
.banner-carousel2 button.owl-next {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  font-weight: 700 !important;
  color: #333333 !important;
  font-size: 14px !important;
  text-transform: uppercase !important;
  font-family: "Roboto Condensed", sans-serif !important;
}

.banner-slider2 button.owl-next {
  left: auto;
  right: 50px;
}

.banner-slider2 .single-slider-wrap {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.banner-slider2 .single-slider-text h3 {
  font-weight: 700;
  color: #543d2c;
  margin-bottom: 0;
  text-transform: capitalize;
  margin-left: -60px;
}

.banner-slider2 .single-slider-text h1 {
  font-weight: 700;
  color: #543d2c;
  margin-bottom: 15px;
  text-transform: uppercase;
  font-size: 140px;
  line-height: 1;
}
.slide2 .single-slider-text h3 {
  color: #222222;
}
.slide2 .single-slider-text h1 {
  color: #222222;
}
.slide3 .single-slider-text h3 {
  color: #1e2561;
}
.slide3 .single-slider-text h1 {
  color: #1e2561;
}
.banner-slider2 .banner-image img {
  position: relative;
  width: inherit !important;
}
.dress-poiner.smart.poiner4 .pointer-details {
  left: -293px;
}
.single-slider-wrap-inner:before {
  position: absolute;
  content: "";
  background: #fffce3;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 111;
}
.banner-slider2 .active .single-slider-wrap-inner:before {
  display: none;
}
.banner-slider2 .single-slider-wrap-inner {
  position: relative;
}
/* 4:3 dress pointer home banner2 */
.dress-poiner > span {
  width: 25px;
  height: 25px;
  display: block;
  background: #ff0000;
  text-align: center;
  line-height: 20.5px;
  border-radius: 50%;
  cursor: pointer;
}

.dress-poiner > span i {
  font-size: 12px;
  color: #ffdd9e;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
}
.dress-poiner:hover span i {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.dress-poiner:hover .pointer-details {
  visibility: visible;
  -webkit-transform: scale(1) rotateX(0deg);
  transform: scale(1) rotateX(0deg);
}

.dress-poiner {
  position: absolute;
}
.dress-poiner > span:before {
  height: 100%;
  width: 100%;
  background: #ff0000;
  content: "";
  position: absolute;
  border-radius: 50%;
  left: 0;
  top: 0;
  transition: 0.3s all linear;
}
.pointer-details {
  width: 274px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  background: #fff5e5;
  position: absolute;
  top: -38px;
  left: 45px;
  -webkit-transform: scale(0) rotateX(90deg);
  transform: scale(0) rotateX(90deg);
  -webkit-transform-origin: left;
  transform-origin: left;
  visibility: hidden;
  -webkit-transition: 0.3s all cubic-bezier(1, 0.02, 1, 1);
  transition: 0.3s all cubic-bezier(1, 0.02, 1, 1);
}

.pointer-details p {
  margin-bottom: 0;
  font-weight: 700;
  color: #333;
}

.pointer-details .pointer-image {
  margin-right: 21px;
}

.pointer-body h6 {
  font-family: "Lato", sans-serif;
  font-size: 16px;
  color: #333333;
}

.pointer-body p span {
  display: inline-block;
  margin-left: 21px;
}
.dress-poiner:hover {
  -webkit-animation: none;
  animation: none;
}
.dress-poiner span:before {
  -webkit-animation: zoom 0.3s linear infinite alternate;
  animation: zoom 0.3s linear infinite alternate;
}
.dress-poiner:hover span:before {
  animation: none;
}
@-webkit-keyframes zoom {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
@keyframes zoom {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
/*4:4 pointer position */
.dress-poiner.trandy.poiner2 {
  top: 89%;
  right: 26%;
}
.dress-poiner.poiner1 {
  top: 51%;
  right: 25%;
}
.trandy.poiner3 .pointer-details {
  left: -292px;
}
.dress-poiner.trandy.poiner4 {
  top: 26%;
  right: 3%;
}

.trandy.poiner4 .pointer-details {
  left: -290px;
}

.dress-poiner.trandy.poiner3 {
  top: 72%;
  right: 3px;
}
.dress-poiner.trandy.poiner1 {
  top: 51%;
  right: 28%;
}
.dress-poiner.smart.poiner2 {
  top: 39%;
  left: 59%;
}
.dress-poiner.smart.poiner3 {
  top: 85%;
  left: 30%;
}
.dress-poiner.smart.poiner4 {
  top: 92%;
  right: 18%;
}
.dress-poiner.smart.poiner1 {
  top: 51%;
  right: 25%;
}
.categores-link-wrap ul li {
  display: inline-block;
  padding-right: 20px;
}

.categores-link-wrap ul {
  padding: 0;
  list-style: none;
}

.categores-link-wra {
  position: absolute;
  bottom: 0;
}

.categores-link-wrap {
  position: absolute;
  bottom: 9px;
  left: -25%;
}

.categores-link-wrap ul li a {
  font-size: 14px;
  color: #777777;
  font-weight: 700;
  font-family: "Roboto Condensed", sans-serif;
  z-index: 11;
  position: relative;
}

.categores-link-wrap ul li a:hover {
  color: #222222;
}
.dress-poiner.trandy.poiner2 {
  top: 89%;
  right: 33%;
}
/* 4.05: main banner home3
====================================*/
.banner-slider3 .banner-image img {
  position: relative !important;
  width: inherit !important;
}
.banner-slider3 .image-caption {
  position: absolute;
  top: 180px;
  left: 300px;
  z-index: 11;
}

.banner-slider3 .image-caption h6 {
  font-weight: 700;
  color: #ff7353;
}

.banner-slider3 .image-caption h5 {
  font-weight: 700;
}
.banner-slider3 .single-slider-text h1 {
  font-weight: 700;
  line-height: 1;
  margin-bottom: 25px;
}
.banner-slider3 .banner-image:before {
  height: 350px;
  width: 350px;
  position: absolute;
  content: "";
  background: #fff;
  border-radius: 50%;
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  top: 146px;
  left: 92px;
}
.banner-slider3 .single-slider-text span {
  margin-bottom: 10px;
  display: block;
  font-size: 14px;
}
.banner-slider3 .single-slider-wrap {
  padding: 70px 0;
}
.banner-slider3 .dress-image img {
  width: inherit !important;
}
.dress-details ul li h6 {
  font-weight: 700;
  margin-bottom: 0;
}

.dress-details ul li h6 span {
  display: block;
}

.dress-image {
  margin-bottom: 15px;
}

.dress-details ul li {
  display: inline-block;
  margin-right: 17px;
}
.dress-details {
  position: absolute;
  bottom: -30px;
  right: -150px;
}
.banner-slider3 .right-content .image-caption {
  top: 190px;
  left: 110px;
  text-align: right;
  z-index: 11;
}
.banner-slider3 .right-content .banner-image:before {
  top: 134px;
  left: -70px;
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
}
.right-content .dress-details {
  bottom: -30px;
  left: -100px;
}
.right-content .banner-image {
  float: right;
}
/*4.6: main banner home 4
============================================*/
.banner-carousel4 .banner-image img {
  position: relative !important;
}
.banner-carousel4 .single-slider-wrap {
  width: 320px;
  position: relative;
}
.banner-carousel4 .banner-hover-text h2 {
  font-weight: 700;
  line-height: 1;
}
.banner-carousel4 .banner-hover-layer {
  position: absolute;
  top: -100%;
  left: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.8);
  height: 100%;
  -webkit-transition: all 0.4s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  visibility: visible;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  z-index: 20;
}

.banner-carousel4 .single-slider-wrap:hover .banner-hover-layer {
  top: 0;
  visibility: visible;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-animation: bounce2 1s linear;
  animation: bounce2 1s linear;
}
@-webkit-keyframes bounce2 {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0);
  }

  70% {
    -webkit-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -20px, 0);
  }
}
@keyframes bounce2 {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0);
  }

  70% {
    -webkit-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -20px, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
.banner-hover-text-wrap {
  position: absolute;
  bottom: 70px;
  left: 50px;
}

.catagory-button span {
  display: inline-block;
  cursor: pointer;
}
.catagory-button span.down-arro {
  transition: 0.3s all linear;
}
.catagory-button span.down-arro:hover {
  transform: rotate(180deg);
}
.catagory-button {
  margin-top: 33px;
}
.catagory-button span path#Collaps_button,
.catagory-button span path#Catagory_button {
  fill: #000000;
}
.catagory-button .up-arro {
  display: none;
}
.hover-catagory-menu ul li a:hover {
  color: #333;
  margin-left: 4px;
}
.hover-catagory-menu ul li a {
  color: #555555;
  transition: 0.3s all linear;
}
.hover-catagory-menu ul li {
  padding-bottom: 13px;
}
.hover-catagory-menu {
  display: none;
  margin-bottom: 33px;
  margin-top: 33px;
}
.banner-carousel4.owl-carousel .owl-item img {
  display: block;
  width: inherit;
}
/*4.07: main banner home 5
============================================*/

/*====================================================
    05: Modal Window
====================================================*/

.modal-window-close {
  position: relative;
  margin-top: 50px;
  height: 45px;
  width: 45px;
  line-height: 37px;
  margin: 50px auto 0;
  border: 2px solid #333333;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
  z-index: 100;
  padding-left: 2px;
}
.modal-window-close svg .cls-1 {
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
}
.modal-window-close:hover.modal-window-close svg .cls-1 {
  fill: #ff0000;
}
.modal-window-close:hover {
  border-color: #ff0000;
}

.modal-window-inner h2 {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 37px;
}

.modal-window-inner h4 {
  color: #ff5400;
  font-weight: 700;
  margin-bottom: 0;
}

.modal-window-inner h2.h1 {
  font-weight: 700;
  font-size: 120px;
  color: #ff5400;
  line-height: 110px;
  display: inline-block;
}

.modal-window-inner span {
  font-weight: 700;
  display: inline-block;
  font-size: 30px;
  vertical-align: top;
  font-family: "Roboto Condensed", sans-serif;
  color: #ff5400;
}

.modal-window-inner p {
  color: #999999;
  font-size: 14px;
  margin-bottom: 45px;
}
.modal-subscribe {
  position: relative;
}
.modal-subscribe button[type="submit"] {
  cursor: pointer;
  background: transparent;
  border: none;
  color: #333333;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
}

.modal-subscribe button[type="submit"]:hover {
  -webkit-transform: translate(10px, -50%);
  transform: translate(10px, -50%);
}

.modal-window-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -10;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  overflow-y: auto;
  z-index: 9999;
  visibility: hidden;
  -webkit-transition: all 0.7s linear;
  transition: all 0.7s linear;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.modal-window-container.window-show .modal-window-overlay {
  visibility: visible;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.modal-window-content:before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background: url("../img/pattern.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.modal-window-content {
  width: 500px;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  padding: 60px;
  -webkit-transition: 0.2s all linear;
  transition: 0.2s all linear;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  z-index: 100000;
  position: fixed;
  top: 0;
  margin: 0 auto;
  left: 50%;
  -webkit-transform: translateX(-50%) scale(0.7);
  transform: translateX(-50%) scale(0.7);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
  box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.3);
  background: #fff !important;
}

.modal-window-container.window-show .modal-window-content {
  -webkit-transform: translateX(-50%) scale(1);
  transform: translateX(-50%) scale(1);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  z-index: 1000000;
  visibility: visible;
}
.modal-window-open {
  overflow: hidden;
}
.quick-view-content-inner .product-details-inner {
  padding: 30px 30px 30px 0px;
}
.quick-view-content-inner .product-details-inner .product-description p {
  font-size: 16px;
  margin-bottom: 24px;
  line-height: 26px;
}
.quick-view-content-inner .list-product-group {
  margin-bottom: 8px;
  user-select: none;
}
.quick-view-content-inner .product-details-btns > * {
  display: inline-block;
  padding-right: 10px;
}
.quick-view-content-inner .more-details-button {
  margin-top: 16px;
}
.quick-view-content-inner .item-product-meta-info {
  margin: 24px 0 0px;
}
.quick-view-content-inner .list-product-group ul .group {
  width: 100%;
  padding-bottom: 20px;
}
/*===============================================
    06: Quick view modal container
===============================================*/
.quick-view-content .wish-btn a span {
  margin-right: 0;
}
.quick-view-content-inner .list-product-group ul .group .list-heading {
  margin-right: 8px;
}
.quick-view-content-wrap {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
  z-index: 10000;
}

.quick-view-content .modal-window-close {
  position: absolute;
  top: 20px;
  right: 20px;
  margin-top: 0;
  text-align: center;
}
.quick-view-content-inner {
  background: #fff;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
}
.modal-quickview-container .wish-btn a span {
  margin-right: 0;
}

.quick-product-thumbs {
  width: 230px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 20px;
}
.quick-product-thumbs .swiper-slide-active {
  border: 1px solid #333333;
}
.modal-quickview-container.show .modal-window-overlay {
  visibility: visible;
  opacity: 1;
}
.more-details-button {
  margin-top: 16px;
}

.more-details-button a {
  font-size: 14px;
}

.modal-quickview-container.show .quick-view-content-wrap {
  opacity: 1;
  visibility: visible;
}
.quick-view-content-wrap {
  opacity: 0;
  visibility: hidden;
  z-index: 10000;
  position: fixed;
  min-height: calc(100% - (0.5rem * 2));
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
}
.quick-view-content {
  width: 920px;
  margin: 0 auto;
  z-index: 10000;
  position: relative;
  left: 0;
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
  top: 50px;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  margin-bottom: 25px;
}
.modal-quickview-container.show .quick-view-content {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.product-details-inner .product-title h2 {
  font-weight: 700;
}
.product-details-inner .product-title h2 a {
  color: #333333;
}
/* 6:1 modal add to cart */

.wish-notifacition-inner .wish-noti-image,
.add-notifacition-inner .add-noti-image {
  width: 80px;
  height: 80px;
  margin-right: 20px;
}
.wish-notifacition-inner,
.add-notifacition-inner {
  width: 500px;
  background: #fff;
  padding: 10px;
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
  box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.1);
}
.add-notifacition-inner p {
  margin-bottom: 0;
  color: #2bc900;
}
.wish-notifacition-inner p {
  margin-bottom: 0;
  color: #0c5460;
}
.modal-wish-notifacition,
.modal-add-notifacition {
  position: fixed;
  top: 25%;
  right: 0;
  z-index: 10;
  visibility: hidden;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
}
.wish-notifacition-inner span,
.add-notifacition-inner span {
  font-size: 14px;
  color: #333333;
}
.quick-view-content .list-product-group ul li .size-list li .product-size {
  border-color: #777;
  transition: 0.3s all linear;
}
.quick-view-content
  .list-product-group
  ul
  li
  .size-list
  li
  .product-size:hover {
  background: #333;
  color: #fff !important;
  border-color: #333;
}
.quick-view-content
  .list-product-group
  ul
  li
  .size-list
  li
  .product-size.active {
  border-color: #333;
}
/* ==============================================
    07: Side nave
==============================================*/

.slidenav {
  transition: 0.6s all linear;
  -moz-transition-delay: 0.35s;
  transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -webkit-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -webkit-transform-origin: 100% 0%;
  transform-origin: top;
  z-index: 100000;
  top: -100%;
  left: auto;
  width: 100vw;
  height: 100vh;
  position: fixed;
  background-color: transparent;
  overflow-y: scroll;
  overflow-x: hidden;
}

.slidenav.active {
  transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  top: 0%;
  background-color: rgba(255, 255, 255, 0.98);
}

.catagory-menu-wrap ul li ul {
  padding-left: 0;
  position: absolute;
  top: 51px;
}
.catagory-menu-wrap,
.catagory-menu-wrap ul,
.catagory-menu-wrap ul li,
.catagory-menu-wrap ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
}
.catagory-menu-wrap ul li {
  list-style: none;
}
.catagory-menu-wrap ul > li {
  list-style: none;
  display: inline-flex;
  width: 24%;
  position: relative;
}
.catagory-menu-wrap ul li ul li {
  display: block;
  width: 100%;
}
.catagory-menu-wrap > ul > li > ul {
  -webkit-transition: top 0.2s ease, opacity 0.2s ease;
  transition: top 0.2s ease, opacity 0.2s ease;
}
.catagory-menu-wrap ul li a {
  font-size: 18px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
}
.catagory-menu-wrap ul li ul li a {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #777777;
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
}
.catagory-menu-wrap ul li ul li a:hover {
  color: #333333;
}
.catagory-menu-wrap ul li ul li {
  padding-bottom: 11px;
}

.search-bar {
  margin-bottom: 108px;
}

.menu-cancel {
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 44px;
  border: 2px solid #333333;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
}

.menu-cancel:hover:after {
  visibility: visible;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.menu-cancel:hover svg path#icon {
  fill: #ff0000;
}
.menu-cancel svg path#icon {
  fill: #333;
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
}
.menu-cancel:hover {
  border-color: #ff0000;
}
.catagory-menu-header {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 20px 75px;
}
.search-bar .search-icon {
  font-family: Fontawesome;
  border: none;
  position: absolute;
  top: 50%;
  display: inline-block;
  height: 39px;
  width: 40px;
  text-align: center;
  right: 0px;
  background: transparent;
}
.catagory-menu-wrap ul li ul:before {
  content: "";
  background: #dbdbdb;
  position: absolute;
  height: 100%;
  width: 1px;
  top: 0;
  right: -60px;
}
.catagory-menu-wrap ul li:last-child ul:last-child:before {
  display: none;
}
.catagory-menu-wrap ul > li span {
  display: inline-block;
  position: absolute;
  left: -15px;
  top: -18px;
}

.catagory-menu-wrap ul > li span svg path#icon {
  opacity: 0.1 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
}
.search-menu .search-bar.primary-form input {
  height: 50px;
  font-size: 18px;
}
.search-menu .search-bar .search-icon {
  height: 50px;
  width: 50px;
  font-size: 28px;
  top: 50%;
  right: 0;
}

/*=================================================
    08: offcanvas
===================================================*/
#menu-button i {
  display: none;
}
.offcanvas {
  width: 500px;
  background: #fff;
  top: 0;
  right: -100%;
  position: fixed;
  height: 100%;
  text-align: left;
  padding: 30px;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
  box-shadow: 4px 0px 30px #333333;
  z-index: 1000000;
  padding-top: 50px;
}
.offcanvas.show {
  right: 0;
  width: 500px;
  overflow: auto;
}
.offcanvas-cancel {
  cursor: pointer;
  display: inline-block;
}
.offcanvas-inner a {
  display: block;
}

.single-item-right .btn.out-stock-btn,
.single-item-right .btn.addto-cart-btn {
  display: block;
  padding: 0;
  margin-bottom: 0;
  color: #333333;
  font-size: 14px;
}
.cart-btn img {
  width: 40;
  height: 40;
}
.single-item-right .btn.out-stock-btn {
  color: #ff0000;
}
.single-item-right .btn.out-stock-btn:before,
.single-item-right .btn.addto-cart-btn:before {
  display: none;
}
.offcanvas-head h3 {
  font-weight: 700;
  margin-bottom: 0;
  margin-left: 50px;
}
.offcanvas-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 65px;
}
.offcanvas-cancel:hover {
  border-color: #ff0000;
}
.offcanvas-cancel svg path {
  transition: 0.3s all linear;
}
.offcanvas-cancel:hover svg path {
  fill: red;
}
.single-item-left img {
  margin-right: 30px;
}
.single-item-details h5 {
  font-weight: 700;
  margin-bottom: 4px;
}
.single-item-details p {
  margin-bottom: 0;
}
.single-added-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
}
.single-item-right h6 {
  margin-bottom: 0;
  font-weight: 700;
}
.single-item-right h6 {
  margin-bottom: 0;
  font-weight: 700;
}

.single-item-right a {
  display: inline-block;
  margin-bottom: 13px;
}

.single-item-right a:hover path#remove {
  fill: red;
}
.sold-item .single-item-right h6 {
  margin-bottom: 0;
  font-weight: 700;
  color: #ff0000;
}
.offcanvas-head .head-text {
  position: relative;
}

.offcanvas-head .head-text svg {
  position: absolute;
  left: 12px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=5)";
  top: -9px;
}
.offcanvas-cancel {
  height: 45px;
  width: 45px;
  text-align: center;
  line-height: 38px;
  border: 2px solid #000;
  border-radius: 50%;
  -webkit-transition: 0.5s all linear;
  transition: 0.5s all linear;
}

.offcanvas-account path#Account_icon {
  opacity: 0.1;
  fill: #999;
}
.offcanvas:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../../assets/img/pattern2.png);
  z-index: -1;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.added-cart-list .single-item-right a {
  display: inline-block;
  margin-bottom: 13px;
  visibility: hidden;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}
.single-added-list:hover .single-item-right a {
  visibility: visible;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.cart-support ul {
  margin-bottom: 0;
  padding: 20px 40px;
}

.cart-support ul li {
  padding-bottom: 13px;
  color: #bcbcbc;
}

.cart-support ul li span {
  font-size: 18px;
  margin-right: 20px;
}
.cart-support ul {
  margin-bottom: 0;
  padding: 20px 40px;
}

.cart-support ul li {
  padding-bottom: 13px;
  padding-left: 25px;
  color: #bcbcbc;
  position: relative;
}

.cart-support ul li span {
  font-size: 18px;
  position: absolute;
  left: 0;
  top: 3px;
}

.cart-support p {
  margin-bottom: 0;
  display: inline-block;
  padding: 0 15px;
  color: #333333;
  font-weight: 700;
  margin-left: 30px;
  background: #ffff;
}

.cart-support {
  position: relative;
}

.cart-support:before {
  content: "";
  height: 1px;
  width: 100%;
  background: #c5c5c5;
  position: absolute;
  top: 11px;
  z-index: -1;
}
.view-cart-check-btn a {
  display: inline-block;
  background: #333333;
  padding: 10px 65px !important;
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  font-family: "Roboto Condensed", sans-serif;
}
.view-cart-check-btn a:hover {
  color: #333 !important;
}
.view-cart-check-btn a.btn.btn-fill-type:before {
  background: #fff;
}
.view-cart-check-btn {
  margin-top: 100px;
}

.cart-support ul li:last-child {
  padding-bottom: 0;
}

.view-cart-check-btn p {
  margin-top: 30px;
}
.total-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 100px;
  border-top: 1px solid #333333;
}

.total-price h3 {
  margin-top: 15px;
  margin-bottom: 0;
  font-weight: 700;
  color: #ff7353;
}

.total-price h5 {
  font-weight: 700;
  margin-top: 20px;
}
.cls-1 {
  opacity: 1 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.product-details-nav .nav,
.category-nav .nav,
.login-register-nav .nav {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 50px;
}
.main-log-regi .login-register-nav .nav {
  margin: 0 80px 50px 80px;
}
.login-register-wrap.main-log-regi {
  margin-bottom: 0;
}
.category-nav .nav {
  width: 50%;
  margin: 0 auto 50px;
}
.product-details-nav .nav a,
.category-nav .nav a,
.login-register-nav .nav a {
  padding: 20px;
  font-size: 16px;
  font-weight: 700;
  font-family: "Roboto Condensed", sans-serif;
  color: #999999;
  line-height: 1;
  position: relative;
}
.product-details-nav .nav a.active,
.category-nav .nav a.active,
.login-register-nav .nav a.active {
  color: #333333;
}
.product-details-tab-inner {
  margin-top: 80px;
}
.product-details-nav .nav a.active:after,
.category-nav .nav a.active:after,
.login-register-nav .nav a.active:after {
  content: "";
  position: absolute;
  height: 5px;
  width: 15px;
  background: #333333;
  left: 50%;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
  -webkit-transition: 0.2s all linear;
  transition: 0.2s all linear;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 96%;
}
.login-register-content {
  padding: 0 25px;
}
.login-register-content .primary-form input:not([type="submit"]) {
  height: 40px;
  padding: 0 0 0 30px;
  font-size: 14px;
}
.input-field label {
  position: absolute;
  margin-bottom: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.input-field {
  position: relative;
  margin-bottom: 37px;
}
.login-register-content input[type="submit"] {
  position: relative;
  border: none;
  cursor: pointer;
  height: 100%;
  font-size: 16px;
  font-weight: 700;
  text-transform: capitalize;
  font-family: "Roboto Condensed", sans-serif;
  padding: 8px 15px;
  background: #333;
  color: #ffff;
  margin-bottom: 30px;
  -webkit-transform: translate(0);
  transform: translate(0);
}
.login-register-content p a {
  display: inline-block;
  text-decoration: underline;
  margin-left: 5px;
}
.offcanvas-overlay {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 100003;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  overflow-y: hidden;
  overflow-x: hidden;
  text-align: center;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
  -webkit-transition: 0.4s all linear;
  transition: 0.4s all linear;
  visibility: hidden;
}
.login-register-wrap {
  margin-bottom: 100px;
}
.single-item-right .btn.addto-cart-btn {
  display: block;
  padding: 0;
  margin-bottom: 0;
  color: #333333;
}

.single-item-right .btn.addto-cart-btn:before {
  display: none;
}
.login-register-content button.btn {
  padding: 7px 20px;
  color: #fff;
  background: #333;
  margin-bottom: 30px;
}

.login-register-content button.btn:before {
  background: #fff;
}

.login-register-content button.btn:hover {
  color: #333;
}
/*================================================
   09: About Us page
================================================*/
/*09:1 about intro*/
.about-us-intro .intro-heading h2 {
  font-weight: 700;
  margin-bottom: 0;
}

.about-us-intro .intro-heading {
  margin-bottom: 30px;
  margin-top: -7px;
}
.about-us-intro {
  margin-bottom: 69px;
}
.about-image-inner .about-image.img1 {
  margin-top: 94px;
}

.about-image-inner .about-image.img3 {
  margin-top: -214px;
}
.about-image-inner.type2 {
  margin-bottom: 60px;
}

.about-our-principles-inner h2,
.about-our-mision-inner h2 {
  text-transform: capitalize;
  font-weight: 700;
  margin-bottom: 28px;
}

.about-our-principles-inner .principle-list li {
  padding-left: 24px;
  position: relative;
}

.about-our-principles-inner .principle-list li:not(:last-child) {
  padding-bottom: 8px;
}

.about-our-principles-inner .principle-list li:before {
  content: "";
  position: absolute;
  background: #333333;
  height: 4px;
  width: 8px;
  left: 3px;
  top: 12px;
}

/*09:2 about ceo*/
.about-our-mision-inner p:last-child {
  margin-bottom: 0;
}

.about-our-goal {
  margin-bottom: -8px;
}

.ceo-discription-inner h3 {
  font-weight: 700;
  margin-bottom: 5px;
  text-transform: capitalize;
}

.ceo-discription-inner h5 {
  margin-bottom: 27px;
}

.ceo-discription-inner blockquote {
  font-size: 20px;
  font-style: italic;
  color: #333333;
  margin-bottom: 20px;
}

.ceo-discription-inner {
  padding: 0 100px 0 40px;
}
/*9:03 our team*/
.single-team-member .team-member-image {
  margin-bottom: 36px;
}

.single-team-member .team-member-details h4 {
  text-transform: capitalize;
  font-weight: 700;
  margin-bottom: 2px;
}

.single-team-member .team-member-details p {
  color: #777777;
}
.member-social-area ul li {
  display: inline-block;
  padding-right: 5px;
}

.member-social-area ul li a {
  height: 30px;
  width: 30px;
  display: block;
  text-align: center;
  line-height: 30px;
  font-size: 13px;
}
.member-social-area {
  margin-bottom: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  margin-top: -30px;
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
}

.about-member-body {
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
}

.single-team-member {
  margin-bottom: 60px;
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
}
.single-team-member:hover {
  margin-bottom: 30px;
}

.single-team-member:hover .member-social-area {
  margin-top: 0;
  -webkit-transform: scale(1);
  transform: scale(1);
}
/*================================================
    10: Collection section
==================================================*/
.single-colection-inner {
  position: relative;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  overflow: hidden;
  margin-bottom: 30px;
}
.single-colection-img img {
  width: 100%;
  height: inherit;
}
.single-colection {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(30px, -50%);
  transform: translate(30px, -50%);
}
.single-colection h3 {
  color: #333333;
  font-weight: 700;
  margin-bottom: 15px;
}

.single-colection .btn {
  font-size: 14px;
  padding: 8px 18px 8px;
}
.single-colection .btn:hover {
  color: #fff;
}
/*10:2 collection type2*/
.overlay2 {
  position: relative;
}
.overlay2:before {
  position: absolute;
  height: 100%;
  width: 100%;
  content: "";
  top: 0;
  bottom: 0;
  top: 0;
  left: -50%;
  background: -webkit-linear-gradient(
    left,
    rgba(255, 239, 189, 0.9) 0%,
    rgba(255, 239, 189, 0.55) 50%,
    rgba(255, 239, 189, 0) 100%
  );
  background: -webkit-linear-gradient(
    left,
    rgba(255, 239, 189, 0.9) 0%,
    rgba(255, 239, 189, 0.55) 50%,
    rgba(255, 239, 189, 0) 100%
  );
  background: linear-gradient(
    to right,
    rgba(255, 239, 189, 0.9) 0%,
    rgba(255, 239, 189, 0.55) 50%,
    rgba(255, 239, 189, 0) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
}
.overlay3 {
  position: relative;
}
.overlay3:before {
  position: absolute;
  height: 100%;
  width: 100%;
  content: "";
  top: 0;
  bottom: 0;
  top: 0;
  left: -50%;
  background: -webkit-linear-gradient(
    left,
    rgba(236, 255, 212, 0.9) 0%,
    rgba(236, 255, 212, 0.55) 50%,
    rgba(236, 255, 212, 0) 100%
  );
  background: -webkit-linear-gradient(
    left,
    rgba(236, 255, 212, 0.9) 0%,
    rgba(236, 255, 212, 0.55) 50%,
    rgba(236, 255, 212, 0) 100%
  );
  background: linear-gradient(
    to right,
    rgba(236, 255, 212, 0.9) 0%,
    rgba(236, 255, 212, 0.55) 50%,
    rgba(236, 255, 212, 0) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
}
.overlay4 {
  position: relative;
}
.overlay4:before {
  position: absolute;
  height: 100%;
  width: 100%;
  content: "";
  top: 0;
  bottom: 0;
  top: 0;
  left: -50%;
  background: -webkit-linear-gradient(
    left,
    rgba(255, 212, 239, 0.9) 0%,
    rgba(255, 212, 239, 0.55) 50%,
    rgba(255, 212, 239, 0) 100%
  );
  background: -webkit-linear-gradient(
    left,
    rgba(255, 212, 239, 0.9) 0%,
    rgba(255, 212, 239, 0.55) 50%,
    rgba(255, 212, 239, 0) 100%
  );
  background: linear-gradient(
    to right,
    rgba(255, 212, 239, 0.9) 0%,
    rgba(255, 212, 239, 0.55) 50%,
    rgba(255, 212, 239, 0) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
}
.single-colection-inner.type2:hover.overlay2:before,
.single-colection-inner.type2:hover.overlay3:before,
.single-colection-inner.type2:hover.overlay4:before {
  left: 0%;
}
/*===================================================
    11: add section
===================================================*/
.single-add-inner a:hover {
  color: #fff;
}
.single-add-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 30px;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
.single-add-inner.small-img {
  height: 256px;
}
.single-add-inner.larg-img {
  height: 543px;
  position: relative;
}
.single-add {
  margin-left: 45px;
}
.single-add-inner:hover .single-add h3 {
  color: #ff7353;
}
.single-add h3 {
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
}
.single-add p {
  margin-bottom: 0;
  font-size: 14px;
  color: #777777;
}

.single-add h3 {
  font-weight: 700;
  margin-bottom: 15px;
}
.save .single-add h3 {
  font-weight: 700;
  color: #ff7353;
}
.single-add h3 span {
  display: block;
}
.discount .single-add h2 span {
  font-size: 60px;
  font-weight: 700;
  display: block;
}
.single-add-inner.larg-img .single-add {
  top: 45px;
  position: absolute;
  left: 47px;
  margin-left: 0;
}
.single-add-inner.larg-img .single-add h2 {
  font-size: 22px;
  line-height: 1.2;
  font-weight: 700;
  text-transform: uppercase;
}
.larg-img .single-add p {
  margin-bottom: 0;
  font-size: 14px;
  color: #333333;
}
.single-add-inner.larg-img.discount a {
  position: absolute;
  left: 50px;
  bottom: 70px;
}
.single-add-inner.larg-img.discount.type2 a,
.single-add-inner.larg-img.type2 .single-add {
  left: 25px;
}
/*==================================================
    12: our partner
==================================================*/
.our-partner_inner ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 60px 20px;
}
/*===============================================
    13: Quick service
===============================================*/
.single-quick-service p {
  margin-bottom: 0;
  font-size: 14px;
}

.single-quick-service {
  margin-bottom: 25px;
  position: relative;
}

.single-quick-text {
  margin-left: 30px;
}

.single-quick-text h5 {
  font-weight: 700;
  text-transform: capitalize;
}

.single-quick-service:after {
  position: absolute;
  width: 1px;
  height: 100%;
  content: "";
  background: #333333;
  right: 5px;
  top: 0;
}
.quick-service-wrap .col-md-3:last-child .single-quick-service:after,
.quick-service-wrap .col-md-4:last-child .single-quick-service:after {
  display: none;
}
.bdr-top {
  border-top: 1px solid #f9f9f9;
}
.bdr-btm {
  border-bottom: 1px solid #f9f9f9;
}
/*===================================================
   14: top sellers
===================================================*/
.single-top-seller {
  margin-bottom: 30px;
  position: relative;
}
.single-top-seller .top-seller-img {
  height: 80px;
  width: 80px;
  overflow: hidden;
  position: relative;
  margin-right: 30px;
}

.single-seller-body h5 {
  font-weight: 700;
  text-transform: capitalize;
}
.single-seller-body h5 a {
  clear: #333333;
}
.single-seller-body .h5 {
  margin-bottom: 0;
  font-weight: 700;
  color: #777777;
  -webkit-transition: 0.2s all linear;
  transition: 0.2s all linear;
}
.single-top-seller:hover .single-seller-body .h5 {
  color: #ff7353;
}
/*14:01 top sellers type2*/
.single-top-seller.type2 {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
}
.type2.single-top-seller .top-seller-img {
  height: 160px;
  width: 160px;
}

.single-top-seller.type2 .star-rating {
  margin: 0;
}
.single-top-seller.type2 .product-rating {
  margin-bottom: 10px;
  margin-top: 0;
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
}
.single-top-seller.type2 .single-seller-body h5 {
  font-size: 18px;
  color: #333333;
}
.single-top-seller.type2 .single-seller-body h5 a {
  color: #333333;
}
.type2.discount .single-add h2 span,
.single-add-inner.larg-img.type2 .single-add h2,
.type2.larg-img .single-add p {
  color: #ff7353;
}
/*======================================================
    15: Call to action
======================================================*/
.callto-action-inner h3 {
  font-weight: 700;
  margin-bottom: 0;
  line-height: 1;
  text-transform: capitalize;
  transition: 0.3s all linear;
}

.callto-action-inner h5 {
  line-height: 1;
  margin-bottom: 0;
  font-weight: 700;
  text-transform: capitalize;
  margin-top: 15px;
}

.callto-action-inner h5 a.btn {
  padding-top: 5px;
  text-transform: capitalize;
  font-weight: 700;
}
.callto-action-inner h5 a.btn:hover {
  color: #fff;
}

.callto-action-inner {
  padding: 36px 0px 36px 55px;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
/*================================================
    16: dash add
================================================*/
.dash-add-inner {
  padding: 38px 42px 34px;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.dash-add-inner .dash-add-text h5 {
  font-size: 18px;
  font-weight: 700;
  color: #333333;
  margin-bottom: 0;
}
/*==============================================
   17: Featured area
==============================================*/
/*17:01 section title*/
.section-title h2 {
  font-weight: 700;
  margin-bottom: 0;
  text-transform: uppercase;
}

.section-title-wrap {
  margin-bottom: 60px;
}
.section-title-wrap .section-title {
  display: inline-block;
  position: relative;
  margin-top: -9px;
}

.section-title span {
  font-weight: 700;
  color: white;
  font-size: 60px;
  position: absolute;
  top: 0;
  -webkit-transform: translateY(-26%);
  transform: translateY(-26%);
  opacity: 0.1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  text-transform: uppercase;
  font-family: "Roboto Condensed", sans-serif;
  left: -200%;
}

/*17:02 section title type2*/
.section-title-wrap.type2 {
  text-align: center;
}

.type2 .section-title span {
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
  left: 50% !important;
  top: -23px;
}
.section-title-wrap.type3 {
  text-align: center;
  margin-top: 20px;
}

.type3 .section-title span {
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
  left: -6% !important;
  top: -31px;
}
.featured-item-left {
  width: 50%;
  float: left;
}
.single-feature-inner:hover .featured-item-image .normal-state {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
}
.featured-item-image {
  position: relative;
  overflow: hidden;
}
.featured-item-image .normal-state {
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
}
.featured-item-image .hover-state {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
  position: absolute;
  top: 0;
  left: 0;
}
.single-feature-inner:hover .featured-item-image .hover-state {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
}
.featured-content p {
  margin-bottom: 0;
  font-size: 12px;
  color: #555555;
}
.single-feature-inner {
  margin-bottom: 70px;
}

.featured-content h3 {
  color: #333333;
  font-weight: 700;
  margin-bottom: 15px;
}

.featured-content h4 {
  color: #ff7353;
  font-weight: 700;
  display: inline-block;
}
.featured-item-image img {
  width: 100%;
}
.featured-content span {
  margin-left: 20px;
  font-weight: 700;
  color: #999999;
  text-decoration: line-through;
}
.wish-list svg #wishlist,
.add-to-btn svg #Add_to_bag_ {
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
}
.add-to-btn .wish-list:hover #wishlist,
.add-to-btn .add-to-bag:hover #Add_to_bag_ {
  fill: #ff7353;
}
.feature-long {
  margin-bottom: 23px;
}
.content-right {
  margin-left: 30px;
}
.text-rev {
  -ms-flex-flow: row-reverse;
  flex-flow: row-reverse;
}
.text-rev .content-left {
  margin-left: 100px;
  position: absolute;
  width: 89%;
  top: -56px;
}
.add-to-btn .add-to-bag {
  margin-right: 13px;
}
.add-to-btn a {
  display: inline-block;
}
.add-to-btn {
  margin-top: 3px;
  visibility: hidden;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
}
.single-feature-inner:hover .add-to-btn {
  visibility: visible;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/*17:03 featured type2*/
.featured-content .single-add {
  margin-left: 0;
  position: absolute;
  bottom: 0;
}

.featured-content.text-right .single-add {
  right: 30px;
  bottom: 30px;
}

.single-featured-inner.type2 {
  position: relative;
  margin-bottom: 30px;
}

.featured-content.text-left .single-add {
  left: 30px;
  bottom: 30px;
}

.featured-content .single-add a {
  visibility: hidden;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
}
.featured-content .single-add a:hover {
  color: #fff;
}
.featured-content .single-add {
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
}

.single-featured-inner.type2:hover .single-add {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
.single-featured-inner.type2:hover .single-add h3 {
  color: #ff7353;
}
.single-featured-inner.type2:hover h3 {
  color: #ff7353;
}

.single-featured-inner.type2:hover .single-add a {
  visibility: visible;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/*===============================================
    18: New Arrivel
===============================================*/
.star-rating:before {
  content: "\f006\f006\f006\f006\f006";
  color: #999999;
  top: 0;
  left: 0;
  position: absolute;
  font-family: FontAwesome;
  letter-spacing: 2px;
  font-size: 12px;
}

.star-rating span:before {
  content: "\f005\f005\f005\f005";
  top: 0;
  position: absolute;
  left: 0;
  font-family: FontAwesome;
  letter-spacing: 2px;
  color: #ffc600;
  font-size: 12px;
}

.star-rating {
  overflow: hidden;
  position: relative;
  height: 1em;
  line-height: 1;
  font-size: 1em;
  width: 5.4em;
}
.product-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 25px 20px;
}

.product-price h5 {
  margin-bottom: 0;
  line-height: 1;
  font-weight: 700;
  color: #777777;
}
.product-image .hover-state {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.product-thumb {
  position: relative;
  overflow: hidden;
}

.product-title {
  position: absolute;
  bottom: 15px;
  left: 20px;
}
.single-product .product-title {
  padding-right: 10px;
}
.product-title h4 {
  margin-bottom: 0;
  font-weight: 700;
  color: #333333;
}
.product-title h4 a {
  color: #333333;
}
.product-buttons {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 5;
}
.quick-icon-btn a span:first-child,
.wishlist-icon-btn a span:first-child,
.compare-icon-btn a span:first-child,
.addto-icon-btn a span:first-child {
  height: 40px;
  width: 40px;
  background: #ffffff;
  text-align: center;
  line-height: 40px;
  display: inline-block;
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
}
.quick-icon-btn a span:first-child:hover,
.wishlist-icon-btn a span:first-child:hover,
.compare-icon-btn a span:first-child:hover,
.addto-icon-btn a span:first-child:hover {
  background: #333333;
}
.quick-icon-btn a span:first-child:hover {
  color: #fff;
}
.wishlist-icon-btn a span:first-child:hover path.cls-1,
.compare-icon-btn a span:first-child:hover path.cls-1,
.addto-icon-btn a span:first-child:hover path.cls-1 {
  fill: #fff;
}
.product-icon i {
  font-size: 19px;
}
.quick-icon-btn a .icon-title,
.wishlist-icon-btn a .icon-title,
.compare-icon-btn a .icon-title,
.addto-icon-btn a .icon-title {
  background: #333333;
  padding: 3px 11px;
  color: #fff;
  position: relative;
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0);
  display: inline-block;
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
  visibility: hidden;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  font-size: 14px;
}
.quick-icon-btn a .product-icon:hover + span,
.wishlist-icon-btn a .product-icon:hover + span,
.compare-icon-btn a .product-icon:hover + span,
.addto-icon-btn a .product-icon:hover + span {
  visibility: visible;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: translate3d(5px, 0, 0);
  transform: translate3d(5px, 0, 0);
}
.quick-icon-btn a .icon-title:after,
.wishlist-icon-btn a .icon-title:after,
.compare-icon-btn a .icon-title:after,
.addto-icon-btn a .icon-title:after {
  position: absolute;
  width: 0;
  height: 0;
  border-right: 5px solid #333333;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  left: 0;
  content: "";
  top: 50%;
  margin-left: -5px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.product-buttons > * {
  margin-bottom: 2px;
}
.single-product:hover .product-image .hover-state {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.single-product:hover .quick-icon-btn,
.single-product:hover .addto-icon-btn,
.single-product:hover .wishlist-icon-btn,
.single-product:hover .compare-icon-btn {
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}
.quick-icon-btn,
.compare-icon-btn,
.wishlist-icon-btn,
.addto-icon-btn {
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
  -webkit-transform: translateX(-40px);
  transform: translateX(-40px);
}
.addto-icon-btn {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.wishlist-icon-btn {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.compare-icon-btn {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.single-product {
  margin-bottom: 40px;
}
.single-product:hover .product-title h4 a {
  color: #555555;
}
.single-product:hover .product-price h5 {
  color: #ff7353;
}
.quick-icon-btn a .product-icon i {
  color: #333;
}
.quick-icon-btn a .product-icon:hover i {
  color: #fff;
}
.product-tag {
  position: absolute;
  right: -43px;
  top: 50%;
  height: 45px;
  width: 130px;
  text-align: center;
  display: inline-block;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}

.product-tag .tag-text span {
  margin-bottom: 0;
  font-weight: 700;
  line-height: 45px;
  color: #fff;
  text-transform: uppercase;
  font-family: "Roboto Condensed", sans-serif;
}
.product-tag:after {
  content: "";
  background: #ff7353;
  position: absolute;
  height: 200%;
  width: 105%;
  top: -3px;
  right: -4px;
  z-index: -1;
  border-top-right-radius: 130px;
  border-top-left-radius: 130px;
}

.new-product-tag .product-tag:after {
  background: #7ee279;
}
.sold-product-tag .product-tag:after {
  background: #ffcc43;
}
.sold-product-tag .product-tag {
  z-index: 2;
}
.sold-product-tag {
  position: relative;
}

.sold-product-tag:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background: #fefefe;
  z-index: 1;
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
.product-image a img {
  width: 100%;
}
/*18:2 new arrival type2*/

.type2 .product-info {
  display: block;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  padding: 0;
  text-align: center;
  margin-top: 30px;
  overflow: hidden;
}
.type2 .product-title {
  position: relative;
  bottom: auto;
  left: auto;
}
.type2 .product-rating {
  margin-bottom: 10px;
  margin-top: -30px;
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
}
.type2 .product-rating {
  margin-bottom: 10px;
}
.type2 .product-title h4 {
  margin-bottom: 9px;
}
.type2 .quick-icon-btn a .product-icon:hover + span,
.type2 .wishlist-icon-btn a .product-icon:hover + span,
.type2 .compare-icon-btn a .product-icon:hover + span,
.type2 .addto-icon-btn a .product-icon:hover + span {
  visibility: visible;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: translate3d(0px, 10px, 0);
  transform: translate3d(0px, 10px, 0);
}
.type2 .product-buttons {
  position: absolute;
  top: auto;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 5;
  bottom: 0px;
  left: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.type2 .product-buttons > div {
  display: inline-block;
  margin-right: 2px;
}
.type2 .product-buttons > * {
  margin-bottom: 0px;
}
.type2 .quick-icon-btn:hover .addto-icon-btn,
.type2 .single-product:hover .addto-icon-btn,
.type2 .single-product:hover .wishlist-icon-btn,
.type2 .single-product:hover .compare-icon-btn {
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}
.type2 .quick-icon-btn a span:first-child,
.type2 .wishlist-icon-btn a span:first-child,
.type2 .compare-icon-btn a span:first-child,
.type2 .addto-icon-btn a span:first-child {
  display: inline-block;
}
.type2 .quick-icon-btn a .product-icon:hover + span,
.type2 .wishlist-icon-btn a .product-icon:hover + span,
.type2 .compare-icon-btn a .product-icon:hover + span,
.type2 .addto-icon-btn a .product-icon:hover + span {
  visibility: visible;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: translate3d(0px, 10px, 0);
  transform: translate3d(0px, 10px, 0);
}
.type2 .quick-icon-btn a .icon-title,
.type2 .wishlist-icon-btn a .icon-title,
.type2 .compare-icon-btn a .icon-title,
.type2 .addto-icon-btn a .icon-title {
  position: absolute;
  -webkit-transform: translate3d(0px, 5px, 0);
  transform: translate3d(0px, 5px, 0);
  display: inline-block;
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
  visibility: hidden;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  width: 270%;
  top: -53px;
  left: -99%;
  text-align: center;
}
.type2 .quick-icon-btn a .icon-title:after,
.type2 .wishlist-icon-btn a .icon-title:after,
.type2 .compare-icon-btn a .icon-title:after,
.type2 .addto-icon-btn a .icon-title:after {
  position: absolute;
  width: 0;
  height: 0;
  border-top: 5px solid #333333;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  left: 50%;
  content: "";
  top: auto;
  margin-left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  bottom: -15px;
}
.type2 .quick-icon-btn,
.type2 .compare-icon-btn,
.type2 .wishlist-icon-btn,
.type2 .addto-icon-btn {
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
  -webkit-transform: translateY(40px);
  transform: translateY(40px);
}
.type2 .addto-icon-btn {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.type2 .wishlist-icon-btn {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.type2 .compare-icon-btn {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.type2.single-product {
  margin-bottom: 60px;
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
}
.type2.single-product:hover {
  margin-bottom: 30px;
}
.single-product.type2:hover.type2 .product-rating {
  margin-top: 0px;
}
.type2 .star-rating {
  margin: 0 auto;
}
.type2 .compare-icon-btn svg .cls-1,
.type2 .wishlist-icon-btn svg .cls-1,
.type2 .addto-icon-btn svg .cls-1 {
  fill: #333 !important;
}
.type2 .compare-icon-btn:hover svg .cls-1,
.type2 .wishlist-icon-btn:hover svg .cls-1,
.type2 .addto-icon-btn:hover svg .cls-1 {
  fill: #fff !important;
}
/*18:3 type 3 shop page*/
.type3 .product-info {
  display: block;
  padding: 0;
}
.type3 .product-info .product-title {
  position: relative;
  bottom: 0;
  left: 0;
}
.single-product.type3 {
  overflow: hidden;
}
.type3 .product-image {
  overflow: hidden;
  position: relative;
}
.type3 .product-info .product-rating {
  margin-bottom: 9px;
}
.type3 .product-info .product-title h4 {
  margin-bottom: 9px;
}
.type3 .product-price h5 {
  margin-bottom: 20px;
}
.addto-bag-btn span {
  display: inline-block;
  margin-right: 11px;
}
.single-product.type3 {
  overflow: hidden;
  margin-bottom: 60px;
}
.width20 {
  width: 20%;
  padding-left: 15px;
  padding-right: 15px;
}
.shop-content-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.single-product-inner.width20 {
  margin-bottom: 0;
}
/* 18:4 single product type4 */
.single-product.type4 {
  margin-bottom: 11px;
}

.single-product.type4 .product-rating {
  display: none;
}

.single-product.type4 .product-info {
  padding: 19px 20px 10px;
}

.single-product.type4 .product-title {
  position: relative;
  margin-top: 15px;
}
/*==============================================
    19: offer area
==============================================*/
.offer-inner-area {
  background: #ffffff;
  background: rgba(255, 255, 255, 0.8);
  padding: 90px 178px;
  margin: 80px 0;
}
.offer-inner-area .get-upto {
  font-weight: 700;
  margin-bottom: 0;
  line-height: 1;
  margin-left: 30px;
}

.offer-inner-area h2 {
  font-size: 75px;
  font-weight: 700;
  position: relative;
  padding-left: 133px;
  line-height: 1.2;
}

.offer-inner-area h2 .spacial {
  color: #fe0000;
  font-weight: 400;
  font-size: 100px;
  position: absolute;
  left: 0;
  top: -15px;
}
.offer-inner-area h4 {
  font-weight: 700;
}

.offer-inner-area h4 span {
  color: #8c8c8c;
}

.offer-inner-area p {
  color: #777777;
  font-size: 14px;
}
.offer-inner-area a.btn:hover {
  color: #fff;
}
.offer {
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
/*===============================================
    20: Insta feed
===============================================*/
.single-carousel-inner .figurecaption {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.single-carousel-inner {
  position: relative;
}

.single-carousel-inner .figurecaption span i {
  margin-right: 5px;
}

.single-carousel-inner .figurecaption span {
  color: #fff;
  z-index: 2;
  visibility: hidden;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}
.single-carousel-inner .figurecaption span + span {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}
.single-carousel-inner:hover .figurecaption span {
  visibility: visible;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
.single-carousel-inner:hover .figurecaption span + span {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}

.single-carousel-inner:after {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  visibility: hidden;
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  top: 0%;
  width: 100%;
  background: #000;
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
  border-radius: 0%;
}

.single-carousel-inner:hover:after {
  visibility: visible;
  top: 0;
  height: 100%;
  border-radius: 0%;
}
.single-carousel-inner a img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
}

.single-carousel-inner a {
  overflow: hidden;
  display: block;
  z-index: 3;
}

.single-carousel-inner:hover a img {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.insta-feed-title h3 {
  display: inline-block;
  margin-bottom: 50px;
  font-weight: 700;
}
.insta-feed-wrap {
  margin-bottom: 12px;
}
/*================================================
    21: Tweeter feed
================================================*/
.tweeter-heading h3 {
  margin-bottom: 0;
  font-weight: 700;
}
.tweeter-heading {
  margin-bottom: 50px;
}
.tweet-image {
  margin-right: 15px;
}

.tweetr-user a {
  font-size: 16px;
  font-weight: 700;
  font-family: "Roboto Condensed", sans-serif;
}

.tweetr-user span {
  margin-left: 20px;
  font-size: 12px;
  color: #999999;
}

.tweetr-user {
  margin-bottom: 9px;
}

.tweet-body p {
  color: #555555;
  margin-bottom: 13px;
  font-size: 14px;
  line-height: 22px;
}

.tweet-body p a {
  color: #31b0f0;
}

.tweet-meta ul li {
  display: inline-block;
  margin-right: 15px;
  font-size: 12px;
}

.single-tweet-item {
  background: #fcfcfc;
  padding: 12px 15px;
  margin-bottom: 30px;
}
/*===============================================
    22: Coming soon area
===============================================*/
.coming-soon-text h5 {
  font-weight: 700;
  line-height: 1;
  margin-bottom: 0;
  letter-spacing: 3px;
}

.coming-soon-text h3 {
  font-weight: 700;
  letter-spacing: 6px;
  text-transform: uppercase;
  margin-bottom: 18px;
}

.coming-soon-text h2.h1 {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 100px;
  color: #fe3a1a;
  letter-spacing: -6px;
}
.coming-soon-img {
  margin-left: -43px;
  z-index: -1;
  position: relative;
}
.coming-soon-img:before {
  position: absolute;
  height: 420px;
  width: 430px;
  background: #d3d3d3;
  content: "";
  border-radius: 50%;
  z-index: -1;
  top: 77px;
  left: -42px;
  opacity: 0.2;
}
.coming-soon-text .btn {
  margin-top: 25px;
}

.coming-soon-text .btn:hover {
  color: #fff;
}
/*===============================================
    23: Subscribe area
===============================================*/
.subscribe-text h5 {
  color: #555555;
  font-weight: 700;
}

.subscribe-text p {
  color: #777777;
  margin-bottom: 0;
}
input[type="submit"] {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border: none;
  background: no-repeat;
  cursor: pointer;
  height: 100%;
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
  font-family: "Roboto Condensed", sans-serif;
}

/*23:02 subscribe type2*/
.subscribe-bg {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  position: relative;
}
.subscribe-bg:before {
  position: absolute;
  height: 100%;
  width: 100%;
  content: "";
  background: #000;
  top: 0;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.type2 .subscribe-text h2 {
  color: #ffffff;
  font-weight: 700;
}
.type2 .subscribe-text p {
  color: #c4c4c4;
}
.type2 .subscribe-form .theme-input-style {
  border-color: rgba(255, 255, 255, 0.5);
  color: #ffffff;
}
.type2 .subscribe-form input[type="submit"] {
  color: #fff;
  z-index: 5;
}
.type2 .subscribe-form span {
  background: #fff;
  z-index: 10;
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}
.type2 .subscribe-text {
  margin-right: 20px;
}
/*=====================================================
    24: About Us
=====================================================*/
.about-image img {
  border: 5px solid #ffff;
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
  box-shadow: -1px 2px 30px rgba(0, 0, 0, 0.25);
}
.about-image .about-image1 {
  position: relative;
}
.about-image .about-image2 {
  position: absolute;
  top: 70px;
  right: 15px;
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
}
.about-image .about-image3 {
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
  -webkit-transform: translate3d(95px, -30px, 0);
  transform: translate3d(95px, -30px, 0);
}
.about-header span {
  margin-bottom: 9px;
  display: inline-block;
  font-size: 14px;
}

.about-header h3 {
  margin-bottom: 25px;
  font-weight: 700;
}

.about-area-inner a {
  font-size: 14px;
  font-weight: 700;
  font-family: "Roboto Condensed", sans-serif;
}

.about-area-inner a span {
  font-size: 14px;
  font-weight: 700;
}
/*=====================================================
    25: our testimonial area
=====================================================*/
.single-testimonial .author-name h4 {
  font-weight: 700;
}

.single-testimonial .author-name p {
  font-size: 14px;
}

.testimonial-carousel .owl-nav {
  margin-top: 13px;
}

.testimonial-carousel .owl-nav .owl-next {
  margin-left: 80px;
}

.testimonial-carousel .owl-nav button {
  color: #b3b3b3 !important;
  font-size: 18px !important;
}

.testimonial-carousel .owl-nav button:hover {
  color: #333333 !important;
}

.quote-icon {
  position: absolute;
  bottom: 2px;
  left: 10%;
}

.quote-icon i {
  color: #ededed;
}
/*25:01 testimonial area*/
.single-testimonial.type2 {
  text-align: center;
}

.testimonial-carousel-wrap.type2 {
  text-align: center;
}
.type2 .quote-icon {
  position: absolute;
  bottom: -3px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.type2 .quote-icon i {
  font-size: 24px;
}
/*==============================================
    26: Our Out late
==============================================*/
.outlate-inner ul li {
  display: inline-block;
  width: 24%;
  padding-bottom: 13px;
}

.outlate-inner ul li p {
  margin-bottom: 2px;
  color: #333333;
  font-size: 12px;
}

.outlate-inner ul li span {
  display: block;
  font-size: 11px;
  color: #777777;
  line-height: 16px;
}
/*==============================================
    27: Counter up
==============================================*/
.counter-number h2 {
  font-weight: 700;
  color: #f1f1f1;
  line-height: 1;
  margin-bottom: 0;
  display: inline-block;
}
.counter-details {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.counter-number span {
  font-weight: 700;
  color: #f1f1f1;
  line-height: 1;
  margin-bottom: 0;
}
.single-counter {
  padding: 0 46px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  margin-bottom: 30px;
}

.counter-details h5 {
  font-weight: 700;
  margin-left: 15px;
  margin-bottom: 0;
  text-transform: uppercase;
}

.counter-number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
/*===============================================
    28: Strat Our Blog
===============================================*/
.single-post-details p {
  margin-bottom: 0;
  font-size: 12px;
}
.single-blog-wrap {
  margin-bottom: 30px;
}

.single-post-details h3 {
  font-weight: 700;
}
.post-info ul li {
  display: inline-block;
  position: relative;
}

.post-info ul li + li {
  padding-left: 25px;
}

.post-info ul li a {
  font-size: 12px;
  color: #777777;
}

.post-info {
  padding-bottom: 22px;
}

.single-post-details .post-body p {
  font-size: 16px;
  margin-bottom: 15px;
}

.post-body a {
  color: #999999;
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
}

.post-body a:before {
  background: #999999;
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
}

.post-info ul li + li:before {
  height: 3px;
  width: 3px;
  position: absolute;
  content: "";
  background: #777777;
  top: 50%;
  left: 11px;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  border-radius: 50%;
}
.single-blog-wrap:hover .single-post-details h3 a {
  color: #555555;
}
.single-blog-wrap:hover .post-body a:before {
  background: #333333;
}
.single-blog-wrap:hover .post-body a {
  color: #333333;
}
/*=====================================================
    29: Blog details
=====================================================*/
/*29:01 post main content*/
.post-main-content .post-mata ul li {
  font-size: 12px;
  color: #777777;
  display: inline-block;
}

.post-main-content .post-mata ul li:not(:last-child) {
  margin-right: 13px;
}

.post-main-content .post-mata {
  margin-bottom: 6px;
}

.post-main-content .post-heading h2 {
  font-weight: 700;
  text-transform: inherit;
  color: #333333;
  margin-bottom: 0;
}

.post-main-content .post-heading {
  margin-bottom: 46px;
}

.post-main-image .image-caption {
  margin-top: 30px;
}

.post-main-image .image-caption p {
  font-weight: 300;
  font-style: italic;
  font-size: 12px;
  color: #999999;
  margin-bottom: 40px;
}

.post-main-image .image-caption p a {
  color: #999999;
}

.post-main-content .post-mata ul li a {
  color: #777777;
}

.post-main-content {
  margin-top: -7px;
}
/*29:02 post content body*/
.single-post-content .single-post-content h5 {
  font-weight: 700;
  font-size: 24px;
}

.post-details-body .single-post-content h5 {
  font-weight: 700;
  color: #333333;
  margin-bottom: 19px;
}

.post-details-body .single-post-content p {
  color: #777777;
  line-height: 28px;
}

.post-details-body .single-post-content blockquote {
  padding: 12px 106px 40px;
  text-align: center;
  font-size: 18px;
  color: #555555;
  font-style: italic;
  text-decoration: underline;
  margin-bottom: 0;
}
/*29:03 post tag and share*/
.single-post-tag-share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.single-blog-share ul li {
  display: inline-block;
  margin-left: 22px;
}
.share-and-tag {
  border-bottom: 1px solid #e2e2e2;
  border-top: 1px solid #e2e2e2;
  padding: 16px 0;
  margin-bottom: 30px;
}

.single-post-tag-share .single-blog-tag span {
  font-weight: 700;
  text-transform: capitalize;
  color: #333333;
}

.single-post-tag-share .single-blog-tag a {
  color: #999999;
}

.single-blog-share ul li a {
  font-size: 16px;
  color: #999999;
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
}

.single-blog-share ul li:hover a {
  color: #333333;
}
/*29:04 post  author*/
.single-post-author .post-author-body {
  margin-left: 30px;
}

.single-post-author .post-author-body h6 {
  margin-bottom: 0;
  font-weight: 700;
  text-transform: capitalize;
}

.single-post-author .post-author-body p {
  margin-bottom: 0;
  color: #777777;
}

.single-post-author {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  margin-bottom: 30px;
}

/*29:05 related post*/
.single-related-post-inner .related-post-head {
  text-align: center;
  margin-bottom: 40px;
}

.single-related-post-inner .related-post-head h3 {
  font-weight: 700;
}

.single-related-post-inner {
  margin-top: 35px;
}
.single-related-post-inner
  .related-post-wraper
  .single-blog-details.post-content {
  padding-left: 15px;
}
/*29:06 Comment form*/
.single-post-comment-inner ul {
  padding-left: 0;
  list-style: none;
}
.comment-form-wrap h4,
.post-comments-wrap h4 {
  font-weight: 700;
  font-size: 20px;
  margin-top: 10px;
}
.post-comments-wrap h4 {
  border-bottom: 1px solid #d3d3d3;
  padding-bottom: 16px;
}
.single-post-comment-inner ul > li {
  margin-top: 30px;
  padding-bottom: 0px;
}

.single-post-comment-inner ul > li > ul > li {
  padding-left: 95px;
  border-bottom: 1px solid #f6f6f6;
  padding-top: 0;
  padding-bottom: 26px;
}

.single-post-comment .avatar {
  margin-right: 30px;
}

.single-post-comment h6 {
  color: #555555;
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
}

.single-post-comment span.commnet-time {
  font-size: 12px;
  color: #999999;
  margin-left: 28px;
}

.single-post-comment p {
  margin-bottom: 13px;
}

.single-post-comment a {
  color: #999999;
  font-size: 12px;
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
}
.single-post-comment a:hover {
  color: #333333;
}
.single-post-comment a span i {
  margin-left: 5px;
  font-size: 9px;
}
.single-post-comment-inner {
  margin-bottom: 30px;
}
.comment-respond .theme-input-style {
  font-size: 14px;
  margin-bottom: 30px;
}
.comment-form-wrap h4 {
  margin-bottom: 34px;
}
.comment-respond textarea.theme-input-style {
  padding: 10px;
  min-height: 105px;
  display: block;
}
.comment-respond .btn {
  background: none;
}
.comment-respond .btn:hover {
  color: #fff;
}
.avatar-details {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.comment-form-wrap {
  margin-bottom: 30px;
}
.avatar .comment-author-image {
  height: 65px;
  width: 65px;
  border-radius: 50%;
  overflow: hidden;
}
/*===============================================
    30: Single Blog right side bar
===============================================*/
.type2 .single-blog-image {
  margin-bottom: 24px;
}

.post-info a {
  color: #555555;
  font-size: 12px;
}

.post-info span {
  color: #555555;
  font-size: 12px;
}

.type2 .single-blog-details h4 {
  font-weight: 700;
  margin-bottom: 19px;
}
.type2 .single-blog-details h4 a {
  color: #333333;
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
}

.type2 .single-blog-details h4 a:hover {
  color: #555555;
}

.type2 .single-blog-details p {
  color: #777777;
  font-size: 16px;
  margin-bottom: 16px;
}
.type2 .post-info {
  padding-bottom: 7px;
}
.single-blog-wrap.type2 {
  margin-bottom: 60px;
}
.single-blog-wrap.type2 .btn-line.btn:before {
  height: 1px;
  width: 100%;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
}

.single-blog-wrap.type2 .btn.btn-line:hover:before {
  width: 50%;
}
.pagination.blog-pagination li a {
  font-family: "Roboto Condensed", sans-serif;
  color: #999999;
  font-weight: 700;
}

.pagination.blog-pagination {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
}

.pagination.blog-pagination li:not(:first-child) {
  padding-left: 13px;
}

.pagination.blog-pagination li:first-child {
  padding-right: 16px;
  color: #333333;
  font-size: 24px;
}

.pagination.blog-pagination li:last-child {
  padding-left: 29px;
  font-size: 24px;
}

.pagination.blog-pagination li.active a {
  font-size: 24px;
  color: #333333;
}

.pagination.blog-pagination li:last-child a {
  color: #333333;
}

.pagination.blog-pagination li:first-child a {
  color: #333333;
}
/*30:01 blog side bar*/
.sidebar-search-form {
  position: relative;
  margin-top: 20px;
}

.sidebar-search-form button {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.sidebar-search-form .theme-input-style {
  font-size: 14px;
  color: #333333;
}
.single-sidebar-widget .populer-post ul li h5 {
  text-transform: inherit;
  font-weight: 700;
  margin-bottom: 4px;
}
.single-sidebar-widget .populer-post ul li h5 a {
  color: #555555;
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
}
.single-sidebar-widget .populer-post ul li h5 a:hover {
  color: #777777;
}
.single-sidebar-widget .populer-post ul li p {
  color: #555555;
  margin-bottom: 0;
}

.single-sidebar-widget .populer-post ul li p a {
  color: #555555;
}
.single-sidebar-widget .populer-post ul li {
  padding-bottom: 14px;
  position: relative;
  margin-bottom: 17px;
}
.single-sidebar-widget .populer-post ul li:after {
  position: absolute;
  content: "";
  bottom: 0;
  height: 1px;
  width: 100%;
  left: 0;
  background: #f1f1f1;
  background: -webkit-linear-gradient(
    left,
    #fff 0,
    #fff 30%,
    #f1f1f1 80%,
    #fff 100%
  );
  background: -webkit-linear-gradient(
    left,
    #fff 0,
    #f2f2f2 20%,
    #f2f2f2 80%,
    #fff 100%
  );
  background: linear-gradient(
    to right,
    #fff 0,
    #f2f2f2 20%,
    #f2f2f2 80%,
    #fff 100%
  );
}
.single-sidebar-widget .widget-title h4 {
  font-size: 20px;
  color: #333333;
  font-weight: 700;
  margin-bottom: 0;
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
}
.single-sidebar-widget .widget-title {
  margin-bottom: 22px;
  margin-top: -7px;
}
.sider-add-inner .sidebar-add-text .btn-line.btn:before {
  background: #fff;
}
.sider-add-inner .sidebar-add-text h2 {
  color: #fff;
  font-weight: 700;
  line-height: 70px;
  margin-bottom: 0;
}

.sider-add-inner .sidebar-add-text h3 {
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1;
  font-size: 22px;
  margin-bottom: 4px;
}

.sider-add-inner .sidebar-add-text p {
  color: #fff;
  margin-bottom: 20px;
}

.sider-add-inner .sidebar-add-text a {
  color: #fff;
}

.single-sidebar-widget .sider-add-inner {
  padding: 103px 30px 102px;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  position: relative;
}
.single-sidebar-widget .sider-add-inner:before {
  content: "";
  position: absolute;
  background: #5658ac;
  width: 155px;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.sider-add-inner .sidebar-add-text {
  position: relative;
  z-index: 1;
}
.sidebar-social-area ul li a {
  height: 40px;
  width: 40px;
  display: block;
  background: #f3f3f3;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  color: #333333;
  font-size: 16px;
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
}
.sidebar-social-area ul li a:hover {
  color: #fff;
  background: #333333;
}
.sidebar-social-area ul li {
  display: inline-block;
}

.sidebar-social-area ul li:not(:last-child) {
  margin-right: 8px;
}
.sidebar-stay-form {
  position: relative;
}
.sidebar-stay-form button {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.sidebar-stay-form .theme-input-style {
  font-size: 14px;
  color: #333333;
}
.single-sidebar-widget.widget_nav_menu ul {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}

.single-sidebar-widget.widget_nav_menu ul li:not(:last-child) {
  padding-bottom: 15px;
}
.single-sidebar-widget:last-child {
  margin-bottom: 0;
}

.single-sidebar-widget.widget_nav_menu ul li a {
  color: #777777;
  transition: 0.3s all linear;
}
.single-sidebar-widget.widget_nav_menu ul li a:hover {
  color: #333;
}
/*=================================================
    31: Blog list style
=================================================*/
.single-reply-comment a + a {
  margin-left: 15px;
}

.single-reply-comment {
  margin-right: 15px;
}

.single-reply-comment a i {
  margin-right: 5px;
}

.single-reply-comment a {
  font-size: 14px;
  color: #777777;
}
.single-blog-wrap.type3:hover {
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.05);
}

.single-blog-wrap.type3 {
  margin-bottom: 50px;
  background: #fefefe;
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
}
.type3 .single-post-details.right-content {
  padding-left: 20px;
  padding-right: 20px;
}
.type3 .single-post-details.left-content {
  padding-left: 50px;
}
.type3 .single-blog-image img {
  width: 100%;
}

/*31:01 block quort*/
.single-blog-quote {
  background: #fcfcfc;
  padding: 42px 0 38px;
  margin-bottom: 50px;
}

.single-blog-quote .single-quote-text p {
  margin-bottom: 0;
  font-style: normal;
  color: #333333;
}

.single-blog-quote .single-quote-text h4 {
  margin-bottom: 42px;
  font-style: italic;
  position: relative;
}

.single-blog-quote .single-quote-text h4:after {
  content: "";
  position: absolute;
  height: 2px;
  width: 20px;
  background: #333333;
  bottom: -30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
/*==============================================
    32: Blog Pinterest
==============================================*/
.type4 .single-blog-image {
  margin-bottom: 23px;
}
.type4 .single-blog-details .post-info {
  padding-bottom: 11px;
}
.type4 .single-blog-details .post-heading h4 {
  margin-bottom: 4px;
  font-weight: 700;
}
.single-blog-wrap.type4 {
  margin-bottom: 50px;
}
.type4 .single-blog-details .post-heading h4 a {
  color: #333333;
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
}
.type4 .single-blog-details .post-heading h4 a {
  color: #555555;
}
.type4 .single-blog-details .post-heading h4 a:hover {
  color: #333;
}
.type4 .single-blog-image img {
  width: 100%;
}
/*============================================
    33: Error page
============================================*/
.error-inner-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.error-inner-text span {
  color: #333333;
  font-size: 16px;
}

.error-inner-text h1 {
  font-weight: 700;
  margin-bottom: 13px;
}
.error-inner-tex a:hover,
.error-inner-text a:hover {
  color: #fff;
}
/*33:01 error type 2*/
.error-inner-tex.type2 h1 {
  font-size: 48px;
  font-weight: 700;
  letter-spacing: 16px;
}
.error-inner-tex.type2 span {
  font-size: 16px;
  color: #333333;
}
/*33:02 error type 3*/
.error-inner-tex.type3 h1 {
  font-size: 36px;
  font-weight: 700;
  letter-spacing: 31px;
  color: #fff;
  margin-bottom: 0px;
}
.error-inner-tex.type3 span {
  font-size: 16px;
  color: #333333;
  color: #fff;
}
.error-inner-tex.type3 a {
  color: #fff;
}
/*===============================================
    34: Category page
===============================================*/
/*34:01 category page1*/
.hover-effect {
  overflow: hidden;
  position: relative;
  line-height: 0;
  display: block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.hover-effect:before,
.hover-effect:after {
  position: absolute;
  top: 0;
  left: -175%;
  z-index: 2;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.3) 10%,
    rgba(255, 255, 255, 0) 100%
  );
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.3) 10%,
    rgba(255, 255, 255, 0) 100%
  );
  -webkit-transform: skewX(45deg);
  transform: skewX(45deg);
  pointer-events: none;
}
.hover-effect:after {
  background: -webkit-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.3) 80%,
    rgba(255, 255, 255, 0) 100%
  );
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.3) 80%,
    rgba(255, 255, 255, 0) 100%
  );
  right: -175%;
  left: auto;
  top: -0%;
}
.hover-effect:hover:before {
  animation: shine 1s;
  -webkit-animation: shine 1s;
}
.hover-effect:hover:after {
  animation: shine2 1s;
  -webkit-animation: shine2 1s;
}
@-webkit-keyframes shine {
  100% {
    left: 160%;
  }
}
@keyframes shine {
  100% {
    left: 160%;
    -webkit-transform: skewX(45deg);
    transform: skewX(45deg);
  }
}
@-webkit-keyframes shine2 {
  100% {
    right: 160%;
  }
}
@keyframes shine2 {
  100% {
    right: 160%;
    -webkit-transform: skewX(45deg);
    transform: skewX(45deg);
    top: 0;
  }
}
.catagory-title-wrap h2 {
  font-weight: 700;
  margin-bottom: 0;
  position: absolute;
  -webkit-transform: rotate(-90deg) translate(-45%, -348%);
  transform: rotate(-90deg) translate(-45%, -348%);
  width: 400px;
}
.catagory-title-wrap h2 span {
  font-size: 60px;
  position: absolute;
  top: -34px;
  left: 0;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  color: #f9f9f9;
  z-index: -1;
}
.catagory-title-wrap h2 a .letter {
  position: relative;
  top: 0;
  left: 0;
  color: #333;
  opacity: 1;
  font-size: 30px;
  z-index: 10;
}
.single-category-wrap {
  margin-bottom: 70px;
}
.category-image {
  position: relative;
}

.category-image a {
  position: absolute;
  bottom: 30px;
  left: 30px;
  padding: 10px 20px 8px;
}
.category-image a:hover {
  color: #fff;
}

/*34:02 Category page2 */
.type2.single-category-wrap {
  margin-bottom: 100px;
}
.type2 .catagory-title-wrap h2 {
  font-weight: 700;
  margin-bottom: 0;
  position: relative;
  -webkit-transform: rotate(0deg) translate(0, 0);
  transform: rotate(0deg) translate(0, 0);
  width: 100%;
}
.type2 .catagory-title-wrap {
  text-align: center;
  margin-bottom: 74px;
  margin-top: -9px;
}
.type2 .catagory-title-wrap h2 span {
  font-size: 60px;
  position: absolute;
  top: -30px;
  left: 50%;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  color: #f9f9f9;
  z-index: -1;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.type2 .category-image img {
  width: 100%;
}
.type2 .single-category-content h2 {
  font-weight: 700;
  margin-bottom: 15px;
}
.type2 .single-category-content h2 a {
  color: #333333;
}
.type2 .single-category-content {
  margin-top: 58px;
}

.type2 .single-category-content h2 a:hover {
  color: #333;
}

.type2 .single-category-content a:hover {
  color: #fff;
}
/* 34:03 category page3*/
.width50,
.width20,
.width30,
.width40,
.width60 {
  margin-bottom: 30px;
  padding-left: 15px;
  padding-right: 15px;
}
.width60 {
  width: 60%;
}
.width50 {
  width: 50%;
}
.width40 {
  width: 40%;
}
.width30 {
  width: 30%;
}
.width20 {
  width: 20%;
}
.category-image {
  float: left;
}
.category-image.long-size.type3 img {
  max-height: 400px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.category-image.short-size.type3 img {
  max-height: 300px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
/* 34:04 category page 4 */
.catagory-slider .owl-dot {
  height: 6px;
  width: 6px;
  background: #999999 !important;
  margin-right: 6px;
  border-radius: 50%;
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
}

.catagory-slider .owl-dot.active {
  background: #333333 !important;
}

.catagory-slider .owl-dots {
  position: absolute;
  bottom: 20px;
  left: 25px;
}

.category-item-content h2 a {
  color: #333333;
  font-weight: 700;
}

.category-item-content h2 {
  margin-bottom: 4px;
}

.category-item-content span {
  color: #d7d7d7;
  margin-bottom: 9px;
  display: block;
  font-size: 14px;
}
.category-item-content p {
  margin-bottom: 18px;
}
.category-item-content a.btn {
  color: #999999;
}
.category-item-content a.btn:hover {
  color: #fff;
}
.category-image.type3 {
  position: relative;
}
.category-image.type3 a {
  left: 50px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s all linear;
}
.category-image.type3:hover a {
  opacity: 1;
  visibility: visible;
}
/*=============================================
    35: Collection pages
=============================================*/
/*35:01 colllection page1*/
.type4 .image-caption h2 {
  font-size: 48px;
  margin-bottom: 9px;
}

.type4 .image-caption {
  margin-left: -125px;
}

.single-collection-wrap.type4 .image-caption a {
  font-weight: 700;
}
.single-collection-wrap.type4 .image-caption h2 a {
  color: #333333;
}
.single-collection-wrap.type4 .image-caption a.btn {
  font-weight: 400;
}
.single-collection-wrap.type4 {
  margin-bottom: 10px;
}
.gallery-thumbs .active .collection-image,
.gallery-thumbs .swiper-slide-active .collection-image {
  border: 10px solid #fff;
}
.collection-image .share-social-area {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 20px;
}

.collection-image .share-social-area ul li {
  padding-bottom: 14px;
}
.collection-image .share-social-area ul li a span {
  margin-left: 10px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
  -webkit-transform: translateX(15px);
  transform: translateX(15px);
  position: absolute;
}
.collection-image .share-social-area ul li a:hover span {
  visibility: visible;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  display: inline-block;
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}

.collection-image .share-social-area ul li a {
  position: relative;
}
/*35:02 collection page2*/
.single-collection-wrap .collection-image {
  position: relative;
}
.single-collection-wrap .collection-image h3 {
  margin-bottom: 18px;
  font-weight: 700;
  font-size: 48px;
}
.single-collection-wrap .collection-image h3 a {
  color: #333333;
}
.collection-image .image-caption {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: -199px;
}

.single-collection-wrap {
  margin-bottom: 30px;
}
.left-content .collection-image .image-caption {
  left: -280px;
}
/*35:03 category page3*/
.type2 .collection-image .image-caption {
  right: auto;
  left: 30px;
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
  visibility: hidden;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  z-index: 11;
}
.type2 .collection-image h3 {
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 30px;
}
.collection-inner-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.collection-inner-area .single-collection-wrap.type2 {
  width: 50%;
  margin-bottom: 0;
  position: relative;
  z-index: 5;
}
.single-collection-wrap.type2:hover .image-caption {
  visibility: visible;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/* .single-collection-wrap.type2 .collection-image span:before,
.single-collection-wrap.type2 .collection-image span:after{
    content: "";
    position: absolute;
    width: 25%;
    height: 25%;
    -webkit-transition: .5s all linear;
    transition: .5s all linear;
    background: #fff;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    top: 0;
    left: 50%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    -webkit-transition-timing-function: steps(3, start);
            transition-timing-function: steps(3, start);
    z-index: 1;
    -webkit-transition-delay: .2s;
            transition-delay: .2s;
}

.single-collection-wrap.type2 .collection-image span:after{
    left: 75%;
    -webkit-transition-delay: .3s;
            transition-delay: .3s;
 
}

.single-collection-wrap.type2:hover  .collection-image span:after,
.single-collection-wrap.type2:hover  .collection-image span:before{
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    visibility: visible;
    bottom: 0;
    height: 100%;
    
}

.single-collection-wrap.type2:after,
.single-collection-wrap.type2:before{
    content: "";
    position: absolute;
    width: 25%;
    height: 25%;
    background: #fff;
    -webkit-transition: .5s all linear;
    transition: .5s all linear;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    top: 0;
    left: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    -webkit-transition-timing-function: steps(3, start);
            transition-timing-function: steps(3, start);
    z-index: 1;
}
.single-collection-wrap.type2:after{
    left: 25%;
    -webkit-transition-delay: .1s;
            transition-delay: .1s;
}


.single-collection-wrap.type2:hover:after,
.single-collection-wrap.type2:hover:before{
    opacity: .80;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    visibility: visible;
    bottom: 0;
    height: 100%;
}  */

/*35:04 category page 4*/
.type3 .collection-image .image-caption {
  right: auto;
  left: 30px;
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
  visibility: hidden;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  z-index: 10;
}
.single-collection-wrap.type3:hover .image-caption {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
}
.type3 .collection-image h3 {
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 30px;
}

.single-collection-wrap.type3.margin-minus {
  margin-top: -170px;
}
.single-collection-wrap .collection-image img {
  width: 100%;
}

.single-collection-wrap.type3 {
  margin-bottom: 90px;
}
.single-collection-wrap.type3.long-img.left-side {
  padding-right: 30px;
}
.single-collection-wrap.type3.short-image.right-side {
  padding-left: 30px;
}
.single-collection-wrap.type3.short-image.left-side {
  padding-right: 30px;
}
.single-collection-wrap.type3.margin-minus.long-img.right-side {
  padding-left: 30px;
}

/* .single-collection-wrap.type3 .collection-image span:before,
.single-collection-wrap.type3 .collection-image span:after{
    content: "";
    position: absolute;
    width: 25%;
    height: 25%;
    -webkit-transition: .5s all linear;
    transition: .5s all linear;
    background: #fff;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    top: 0;
    left: 50%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    -webkit-transition-timing-function: steps(4, start);
            transition-timing-function: steps(4, start);
    z-index: 1;
    -webkit-transition-delay: .2s;
            transition-delay: .2s;
}
.single-collection-wrap.type3 .collection-image span:after{
    left: 75%;
    -webkit-transition-delay: .3s;
            transition-delay: .3s;
 
}
.single-collection-wrap.type3:hover  .collection-image span:after,
.single-collection-wrap.type3:hover  .collection-image span:before{
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    visibility: visible;
    bottom: 0;
    height: 100%;
    
}
.single-collection-wrap.type3 .collection-image:after,
.single-collection-wrap.type3 .collection-image:before{
    content: "";
    position: absolute;
    width: 25%;
    height: 25%;
    background: #fff;
    -webkit-transition: .5s all linear;
    transition: .5s all linear;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    top: 0;
    left: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    -webkit-transition-timing-function: steps(4, start);
            transition-timing-function: steps(4, start);
    z-index: 1;
}
.single-collection-wrap.type3 .collection-image:after{
    left: 25%;
    -webkit-transition-delay: .1s;
            transition-delay: .1s;
}

.single-collection-wrap.type3:hover .collection-image:after,
.single-collection-wrap.type3:hover .collection-image:before{
    opacity: .80;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    visibility: visible;
    bottom: 0;
    height: 100%;
}  */

/*================================================
    36: cart page
================================================*/

.cart-product-wrap {
  padding: 0 65px;
}
.shop_table tbody tr + tr td:first-child {
  padding: 30px 15px 30px 30px;
}
.shop_table tbody tr:first-child td {
  color: #333333;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  font-weight: 700;
  padding: 0px 30px 25px 30px;
}
.shop_table tbody tr + tr:last-child,
.shop_table tbody tr:first-child {
  border-bottom: 1px solid #000000;
}
.cart-product-wrap table {
  width: 100%;
}
.shop_table tbody tr + tr td a {
  color: #333333;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  font-weight: 700;
}
.shop_table tbody tr + tr td a + a {
  margin-left: 15px;
}
.product-thumbnail {
  width: 300px;
}
.shop_table .product-quantity input,
.shop_table .product-size input {
  height: 35px;
  width: 35px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  text-align: center;
  background: #fff;
  margin: 0 8px;
  font-size: 14px;
  font-weight: 700;
  color: #333333;
}

.shop_table tbody tr:first-child td + td {
  text-align: center;
}

.shop_table tbody tr + tr td + td {
  text-align: center;
}

.shop_table tbody tr + tr td + td.product-remove {
  width: 30px;
}

.shop_table tbody tr + tr td:nth-child(5) {
  color: #333333;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.shop_table tbody tr + tr td:nth-child(4) {
  color: #333333;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
}

.shop_table tbody tr + tr td:nth-child(2) {
  color: #333333;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.shop_table tbody .product-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.shop_table tbody tr td .plus,
.shop_table tbody tr td .minus {
  cursor: pointer;
}
.shop_table tbody tr td .plus svg .cls-1,
.shop_table tbody tr td .minus svg .cls-1 {
  fill: #333333;
}
.shop_table tbody .product-remove svg {
  cursor: pointer;
}
.shop_table tbody .product-remove svg .cls-1 {
  fill: #d7d7d7;
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
}
.cart_item:hover .product-remove svg .cls-1 {
  fill: red;
}
.shop_table tbody tr + tr {
  border-bottom: 1px solid #eaeaea;
}
tr.woocommerce-cart-form__cart-item.cart_item .product-size {
  width: inherit;
  height: inherit;
  border-width: 0;
}
.cart-product-wrap .coupon .btn:before {
  left: auto;
  right: 0;
}

.update-cart-btn {
  font-size: 14px;
  font-weight: 700;
  font-family: "Roboto Condensed", sans-serif;
  border: 2px solid #333333 !important;
  padding: 13px 25px;
  display: inline-block;
}

.update-cart-btn svg {
  margin-right: 10px;
}

.cart-shoping-button a + a {
  margin-left: 16px;
}

.cart-shoping-button {
  margin-bottom: 60px;
  margin-top: 30px;
}

.cart-product-wrap .coupon {
  position: relative;
}

.cart-product-wrap .coupon .btn {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cart-product-wrap .coupon .btn:hover,
.cart-product-wrap .coupon .theme-input-style:focus + button {
  color: #fff;
}
.cart-product-wrap .coupon .theme-input-style:focus + button:before {
  height: 100%;
  width: 100%;
  opacity: 1;
}

.cart-product-wrap .coupon .theme-input-style {
  font-size: 14px;
  color: #333;
}
.btn-cupon-wrap {
  padding: 0 13px 0 30px;
}

.shop-total-wrap .shop_table tbody tr td,
.shop-total-wrap .shop_table tbody tr th {
  padding: 20px 20px 20px 65px;
}
.shop-total-wrap .shop_table tbody tr + tr {
  border-width: 0;
}

.shop-total-wrap .shop_table tbody tr + tr th {
  font-size: 16px;
  color: #333333;
}

.shop-total-wrap .shop_table tbody tr + tr td {
  color: #333333;
  font-size: 24px;
  font-weight: 700;
}

.shop-total-wrap .wc-proceed-to-checkout {
  margin-top: 22px;
}

.shop-total-wrap a {
  padding: 13px 74px !important;
  margin-left: 30px;
  color: #fff !important;
  background: #333;
}
.shop-total-wrap a:hover {
  color: #333 !important;
}
.shop-total-wrap a.btn.btn-fill-type:before {
  background: #fff;
}
.shop-total-wrap .shop_table tbody tr:first-child {
  border-color: #eaeaea;
}
.checkout-register-input.input-btn-style button:hover {
  color: #fff;
}
/*  37: Wish list page
==============================================*/
.woocommerce-cart-form__cart-item.cart_item td.instock {
  color: #03cc03;
}
.woocommerce-cart-form__cart-item.cart_item td.outstock {
  color: #ff0000;
}
.shop-total-wrap.wish-total .shop_table tbody tr:first-child {
  border-color: #eaeaea;
  border-width: 0;
}
.shop-total-wrap.wish-total .shop_table tbody tr th {
  text-transform: uppercase;
  font-size: 16px;
  color: #333333;
}
.shop-total-wrap.wish-total .shop_table tbody tr td {
  font-size: 24px;
  font-weight: 700;
}
/*==============================================
    38: Check Out page
==============================================*/
.checkout-register-wrap .btn {
  position: relative;
}
.checkout-register-wrap input {
  margin-bottom: 30px;
}
.input-btn-style {
  position: relative;
}

.input-btn-style button {
  position: absolute;
  top: 0;
  right: 0;
}

.input-btn-style .btn:before {
  right: 0;
  left: auto;
}
.coupon-register-title h5,
.checkout-register-title h5 {
  font-weight: 700;
  cursor: pointer;
  display: inline-block;
}
.coupon-register-title h5 a,
.checkout-register-title h5 a {
  color: #333;
}
.coupon-register-title,
.checkout-register-title {
  margin-bottom: 24px;
}
.checkout-register-input.input-btn-style button {
  text-transform: uppercase;
  position: relative;
}
.coupon-register-title h5 span,
.checkout-register-title h5 span {
  font-size: 14px;
  color: #777;
  font-weight: 600;
}
.checkout-register-wrap .form-btn-field a {
  display: block;
  text-decoration: underline;
  margin-top: 30px;
}
.checkout-register-wrap .form-btn-field label input {
  margin-bottom: 0;
}

.checkout-register-wrap .form-btn-field label {
  vertical-align: middle;
  margin-left: 10px !important;
}
/*38:01 billing details*/
.billing-details .woocommerce-input-wrapper input {
  margin-bottom: 25px;
  font-size: 14px;
  border-bottom: 1px solid #999999;
}
.billing-details .woocommerce-input-wrapper input:focus {
  border-color: #000000;
}
.billing-details-wrap {
  margin-top: 70px;
}
.billing-details-wrap {
  margin-top: 70px;
}

.billing-details {
  margin-top: 20px;
}

.billing-details .billing-heading h3 {
  font-weight: 700;
  margin-bottom: 50px;
}
.checkout-register-input input {
  font-size: 14px;
  margin-bottom: 30px;
}
.checkout-register-input input::-webkit-input-placeholder,
.woocommerce-input-wrapper input::-webkit-input-placeholder {
  color: #d7d7d7 !important;
}
.checkout-register-input input::-moz-placeholder,
.woocommerce-input-wrapper input::-moz-placeholder {
  color: #d7d7d7 !important;
}
.checkout-register-input input:-ms-input-placeholder,
.woocommerce-input-wrapper input:-ms-input-placeholder {
  color: #d7d7d7 !important;
}
.checkout-register-input input::placeholder,
.woocommerce-input-wrapper input::placeholder {
  color: #d7d7d7 !important;
}
table.review-order-table {
  width: 100%;
  margin-bottom: 36px;
}
.checkout-review-order-wrap {
  background: #fcfcfc;
  padding: 50px 30px;
}
.review-order-header h3 {
  font-weight: 700;
  margin-bottom: 17px;
}

.review-order-table tbody tr th,
.review-order-table tbody tr td {
  padding: 12px;
}

.review-order-table tbody tr th {
  font-size: 16px;
  color: #333333;
  font-weight: 700;
  font-family: "Roboto Condensed", sans-serif;
  border-bottom: 1px solid #eaeaea;
}

.review-order-table tbody tr th:last-child {
  text-align: right;
}

.review-order-table tbody tr td:first-child {
  color: #555555;
  font-size: 16px;
}

.review-order-table tbody tr td:first-child span {
  margin-left: 20px;
  font-size: 12px;
  color: #999999;
}

.review-order-table tbody tr td:last-child {
  text-align: right;
  color: #555555;
  font-size: 16px;
  font-weight: 700;
  font-family: "Roboto Condensed", sans-serif;
}

.review-order-table tbody tr:last-child {
  border-top: 1px solid #eaeaea;
}
.review-order-table tbody tr:last-child td:first-child {
  padding-left: 65px;
  text-transform: uppercase;
  color: #333333;
}

.review-order-table tbody tr:last-child td:last-child {
  color: #ff7353;
}

.check-shipping-heading h5 {
  font-weight: 700;
  margin-bottom: 32px;
}

.check-shipping-wrap table {
  width: 100%;
}

.check-shipping-table tbody tr td {
  padding: 10px;
  color: #999999;
  font-size: 16px;
  vertical-align: middle;
}

.check-shipping-table tbody tr td input {
  margin-right: 10px;
  vertical-align: middle;
}

.check-shipping-table tbody tr td:last-child {
  font-size: 16px;
  color: #555555;
  font-weight: 700;
  font-family: "Roboto Condensed", sans-serif;
  text-align: right;
}

.check-shipping-table tbody tr:last-child {
  border-top: 1px solid #eaeaea;
}

.check-shipping-table tbody tr:last-child td {
  padding-left: 65px;
  text-transform: uppercase;
  color: #333333;
}

.check-shipping-table tbody tr:last-child td:last-child {
  font-size: 20px;
  color: #ff7353;
}

.check-shipping-wrap {
  margin-bottom: 47px;
}

.payment-system-heading h5 {
  font-weight: 700;
  margin-bottom: 32px;
}

table.payment-system-table {
  width: 100%;
}

.payment-system-table tbody tr td {
  padding: 10px;
  font-size: 16px;
  color: #999999;
}

.payment-system-table tbody tr td input {
  margin-right: 10px;
  vertical-align: middle;
}
.review-order-table tbody tr:nth-child(2) td {
  padding-top: 28px;
}

.review-order-table tbody tr:nth-child(4) td {
  padding-bottom: 25px;
}
.check-shipping-table tbody tr:nth-child(3) td {
  padding-bottom: 28px;
}
.checkout-review-order-wrap label {
  cursor: pointer;
}
.billing-details textarea {
  resize: none;
  display: block;
  width: 100%;
  height: 100px;
  padding-left: 20px;
  padding-top: 10px;
}
.shop--create-account {
  margin-top: 20px;
}
.billing-details label.billing-textarea {
  margin-top: 20px;
  margin-bottom: 15px;
}
.terms-and-conditions-wrapper .billing-submit-button:before {
  background: #fff;
}
.terms-and-conditions-wrapper .billing-submit-button:hover {
  color: #333;
}
/*38:02 terms and conditions*/
.terms-and-conditions-wrapper {
  margin-top: 42px;
}

.terms-and-conditions-wrapper p {
  color: #999999;
  margin-bottom: 15px;
}

.terms-and-conditions-wrapper label span {
  color: #999999;
}

.terms-and-conditions-wrapper label {
  display: block;
  margin-bottom: 27px;
}
.terms-and-conditions-wrapper label span a {
  text-decoration: underline;
}
.terms-and-conditions-wrapper .billing-submit-button {
  padding: 19px 130px;
  font-size: 16px;
  color: #fff;
  background: #333333;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
}
/*==================================================
    39: My account
==================================================*/
/*39:01 dashboard nav*/
.dashboard-inner .nav-list {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
  display: block;
}

.dashboard-inner {
  background: #fcfcfc;
  padding: 70px 0 70px 50px;
}

.dashboard-inner .nav-list li:not(:last-child) {
  padding-bottom: 28px;
}

.dashboard-inner .nav-list li a span {
  margin-right: 20px;
  vertical-align: middle;
}

.dashboard-inner .nav-list li a {
  font-size: 16px;
  font-weight: 700;
  color: #999999;
  font-family: "Roboto Condensed", sans-serif;
}

.dashboard-inner .nav-list li a.active {
  color: #333333;
}

.dashboard-inner .nav-list li a.active svg .cls-1 {
  fill: #333333;
}
/*39:02 dashboard content*/
.deshboard-content-wrap {
  margin-top: 66px;
}

.dashboard-tab-info p {
  color: #777777;
  font-size: 16px;
}
.dashboard-tab-info p + p {
  margin-bottom: 0;
}

.dashboard-tab-info p span {
  font-size: 12px;
}

.dashboard-tab-info p span a {
  color: #333333;
  font-weight: 900;
}

.dashboard-tab-info p a {
  color: #333333;
  font-weight: 700;
}
/*39:03 order*/
.dashboard-order-table tbody tr th,
.dashboard-order-table tbody tr td {
  padding: 20px;
}

table.dashboard-order-table {
  width: 100%;
  white-space: nowrap;
}

.dashboard-order-table tbody tr th {
  color: #333333;
  font-size: 16px;
  border-bottom: 1px solid;
}

.dashboard-order-table tbody tr td {
  border-bottom: 1px solid #eaeaea;
  color: #777777;
}

.dashboard-order-table tbody tr td:last-child {
  font-weight: 700;
  font-family: "Roboto Condensed", sans-serif;
}

.dashboard-order-table tbody tr td:last-child a {
  color: #555555;
}
/*39:04 download*/
.dashboard-tab-downlod p span i {
  font-size: 16px;
  margin-right: 7px;
  color: #ffcc00;
}

.dashboard-tab-downlod p {
  color: #777777;
  font-size: 16px;
  padding-bottom: 0;
  margin-bottom: 0;
}

.dashboard-tab-downlod .go-shop-btn {
  font-size: 14px;
  font-weight: 700;
  color: #ffffff;
  padding: 12px 10px;
  background: #333333;
  margin-bottom: 0;
  font-family: "Roboto Condensed", sans-serif;
  text-transform: uppercase;
}
.passwrd-change-wrap .go-shop-btn:hover,
.dashboard-tab-downlod .go-shop-btn:hover {
  color: #333;
}
.passwrd-change-wrap .go-shop-btn:before,
.dashboard-tab-downlod .go-shop-btn:before {
  background: #fff;
}
/*39:05 address*/
.address-info-inner .shipping-address h5,
.address-info-inner .billing-information h5 {
  font-weight: 700;
  margin-bottom: 24px;
}

.address-info-inner .shipping-address ul,
.address-info-inner .billing-information ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
.address-info-inner .shipping-address ul li,
.address-info-inner .billing-information ul li {
  padding-bottom: 9px;
  font-size: 16px;
  color: #777777;
}
.address-info-inner .shipping-address ul li:last-child a,
.address-info-inner .billing-information ul li:last-child a {
  color: #ff0000;
}
.address-info-inner .shipping-address ul li:last-child,
.address-info-inner .billing-information ul li:last-child {
  margin-top: 28px;
}

.address-info p {
  margin-bottom: 47px;
  font-size: 16px;
  color: #999999;
}
.billing-information {
  float: left;
  width: 50%;
}

.shipping-address {
  float: right;
  width: 50%;
}

/*39:06 account details*/
.account-details .theme-input-style {
  font-size: 14px;
  margin-bottom: 30px;
  padding-left: 23px;
}

.account-details .theme-input-style::-webkit-input-placeholder {
  color: #d7d7d7 !important;
}

.account-details .theme-input-style::-moz-placeholder {
  color: #d7d7d7 !important;
}

.account-details .theme-input-style:-ms-input-placeholder {
  color: #d7d7d7 !important;
}

.account-details .theme-input-style::placeholder {
  color: #d7d7d7 !important;
}

.account-details p {
  margin-top: -20px;
  font-size: 14px;
  font-style: italic;
  color: #999999;
}

.passwrd-change-wrap h5 {
  font-weight: 700;
  margin: 15px 0 36px;
}
.passwrd-change-wrap .go-shop-btn {
  font-size: 14px;
  font-weight: 700;
  color: #ffffff;
  padding: 12px 20px;
  background: #333333;
  margin-bottom: 0;
  font-family: "Roboto Condensed", sans-serif;
  text-transform: uppercase;
  display: inline-block;
}

/*===============================================
   40: Order Tracking
===============================================*/
.single-tracking-inner h5 {
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
}

.single-tracking-inner p {
  color: #999999;
  margin-bottom: 0;
}
.single-tracking-img {
  margin-bottom: 21px;
  display: inline-block;
  background: #fff;
  width: 56px;
  height: inherit;
}
.order-deliverd-date p {
  color: #555555;
}

.order-deliverd-date p span {
  color: #333333;
  font-size: 18px;
  font-weight: 700;
}

.order-deliverd-date {
  margin: 37px 0 42px;
}
.order-details-heading h5 {
  font-size: 18px;
  font-weight: 600;
}

.order-details-heading {
  border-bottom: 1px solid #eaeaea;
}
.order-address-details .order-no p {
  font-size: 16px;
  color: #777777;
  margin-bottom: 0;
}

.order-address-details .order-no p span {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 24px;
  color: #333333;
  font-weight: 700;
}

.order-address-details .order-no {
  margin-top: 22px;
  margin-bottom: 59px;
}
.billing-to-area h5,
.shipping-to-area h5 {
  font-weight: 700;
  margin-bottom: 20px;
}
.billing-to-area p:not(:last-child),
.shipping-to-area p:not(:last-child) {
  margin-bottom: 6px;
}
.billing-to-area p,
.shipping-to-area p {
  color: #555555;
}
.billing-to-area,
.shipping-to-area {
  width: 50%;
  float: left;
}
.track-lines {
  position: relative;
}

.track-lines:after {
  position: absolute;
  top: 15px;
  left: 7%;
  height: 2px;
  width: 86%;
  background: #fcfcfc;
  content: "";
  z-index: -1;
}

.single-tracking-inner {
  position: relative;
  margin-bottom: 30px;
}

.single-tracking-inner:after {
  content: "";
  background: red;
  width: 89%;
  height: 2px;
  position: absolute;
  top: 15px;
  left: 61%;
}
.track-lines .col-md-3:nth-child(3) .single-tracking-inner:after,
.track-lines .col-md-3:nth-child(4) .single-tracking-inner:after {
  display: none;
}
.single-tracking-inner.line-1:after {
  background: #ffd800;
  background: -webkit-linear-gradient(left, #ffd800 0%, #33f345 100%);
  background: linear-gradient(to right, #ffd800 0%, #33f345 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd800', endColorstr='#33f345',GradientType=1 );
}
.single-tracking-inner.line-3:after,
.single-tracking-inner.line-2:after {
  background: #33f345;
}
.track-lines .col-md-3:last-child .single-tracking-inner {
  margin-bottom: 0;
}

/*==================================================
    41: Shope 2 column with side bar
==================================================*/
/*41:01 filter menu*/
.search-form button {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.product-filter-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.product-grid-view ul {
  padding: 0;
  list-style: none;
  margin: 0;
}

.product-grid-view ul li {
  display: inline-block;
  padding-left: 15px;
}
.product-grid-view #nav-four-col {
  display: none;
}
.product-grid-view ul li:first-child {
  padding-left: 0;
}
.product-filter .product-filter-btn i,
.newest-product a i {
  margin-right: 6px;
}
.product-filter .product-filter-btn span + i,
.newest-product a span + i {
  margin-right: 0;
  margin-left: 3px;
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
}
.newest-product {
  position: relative;
}
.newest-product .newest-product-option {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);
  border: 0;
  border-radius: 0;
  margin-top: 14px;
  padding: 20px;
  z-index: 100;
  color: #777777;
  width: 155px;
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
  -webkit-transform: translate3d(0px, 35px, 0px) !important;
  transform: translate3d(0px, 35px, 0px) !important;
  opacity: 0;
  top: 0%;
}
.newest-product.show .newest-product-option {
  -webkit-transform: translate3d(0px, 35px, 0px) !important;
  transform: translate3d(0px, 35px, 0px) !important;
  opacity: 1;
  top: 0%;
}
.newest-product .newest-product-option li a:hover {
  color: #333333;
  margin-left: 4px;
}

.newest-product .newest-product-option li a {
  color: #777777;
  font-size: 14px;
  line-height: 1;
  display: block;
  transition: 0.3s all linear;
}

.newest-product .newest-product-option li:not(:last-child) {
  padding-bottom: 16px;
}
.newest-product a#dropdownnewest {
  color: #777777;
  text-transform: capitalize;
  padding: 14px 0;
}
.newest-product a#dropdownnewest span {
  font-size: 14px;
}
.newest-product a#dropdownnewest .sort-by {
  color: #333333;
  text-transform: capitalize;
}
.product-filter-menu {
  position: absolute;
  background: #fff;
  z-index: 9999;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  top: 49px;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  visibility: hidden;
  width: 100%;
  left: 0;
}

.product-filter:hover .product-filter-menu {
  visibility: visible;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.product-filter-mobile a i {
  font-size: 19px;
}
.product-filter .product-filter-btn {
  color: #333333;
  padding: 14px 0;
  font-size: 14px;
}
.shop-toolbar-filter .product-found span {
  font-size: 14px;
}
.woocommerce-products-header .shope-filter-item ul {
  list-style: none;
  padding-left: 0;
  padding: 30px 0 30px 40px;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.woocommerce-products-header .shope-filter-item ul > li {
  display: inline-block;
  width: 19%;
  position: relative;
}

.woocommerce-products-header .shope-filter-item ul li ul li {
  display: block;
  width: 100%;
}

.woocommerce-products-header .shope-filter-item ul li ul {
  left: 0;
  display: table;
  padding: 21px 0 0;
}

.woocommerce-products-header .shope-filter-item ul li a {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  font-size: 16px;
}

.woocommerce-products-header .shope-filter-item ul li ul li a {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #777777;
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
}
.woocommerce-products-header .shope-filter-item ul li ul li a:hover {
  color: #333333;
}
.woocommerce-products-header .shope-filter-item ul li ul li {
  padding-bottom: 5px;
}

.shope-filter-item .size-list a {
  height: 35px;
  width: 35px;
  display: block;
  text-align: center;
  line-height: 35px;
  border-radius: 50%;
  color: #777777 !important;
  font-weight: 700 !important;
}

.shope-filter-item .size-list a.active span {
  color: #333333 !important;
  border-color: #333333;
}
.shope-filter-item .size-list a span {
  transition: 0.3s all linear;
  border-color: #777777;
}
.shope-filter-item .size-list a:hover span {
  background: #333;
  border-color: #333;
  color: #fff !important;
}
.woocommerce-products-header .shope-filter-item ul li > ul.size-list > li {
  display: inline-block;
  width: 26%;
  padding-bottom: 14px;
}

.woocommerce-products-header .shope-filter-item ul li > ul.size-list {
  padding-right: 25px;
}

.woocommerce-products-header .shope-filter-item ul li ul.tag-list li {
  display: inline-block;
  width: inherit;
}

.woocommerce-products-header .shope-filter-item ul li ul.tag-list {
  padding-right: 65px;
}

.woocommerce-products-header .shope-filter-item ul li ul.tag-list li a:hover {
  color: #333333;
}
.woocommerce-products-header .shope-filter-item ul li ul.tag-list li a {
  color: #999999;
  margin-left: 3px;
  transition: 0.3s all linear;
}
.woocommerce-products-header .shope-filter-item ul li ul.color-list li {
  display: inline-block;
  width: 45px;
}
.woocommerce-products-header .shope-filter-item ul li ul.color-list {
  width: 100%;
}
.color-list li .color {
  height: 30px;
  width: 30px;
  background: #ff3000;
  display: block;
}
.color-list li .color2 {
  background-color: #ff9000;
}
.color-list li .color3 {
  background-color: #ffc000;
}
.color-list li .color4 {
  background-color: #fff000;
}
.color-list li .color5 {
  background-color: #8bec22;
}
.color-list li .color6 {
  background-color: #00d2ff;
}
.color-list li .color7 {
  background-color: #0012ff;
}
.color-list li .color8 {
  background-color: #c50bf4;
}
.color-list li .color9 {
  background-color: #ff00d2;
}
.color-list li .color10 {
  background-color: #0de545;
}
.color-list li {
  display: inline-block;
  width: 45px;
}

.woocommerce-products-header .shope-filter-item ul li ul.color-list {
  padding-right: 60px;
}
.woocommerce-products-header .shope-filter-item ul li a {
  color: #333333;
}
.shop-toolbar-filter {
  padding-bottom: 33px;
}

/*41:02 shop side bar*/
.single-sidebar-widget .shop-sidebar {
  margin-top: 80px;
}
.recent-product-wrap .recent-produt-image,
.new-product-wrap .new-produt-image {
  width: 60px;
  height: 60px;
  margin-right: 15px;
}
.recent-product-wrap .recent-produt-image img,
.new-product-wrap .new-produt-image img {
  -o-object-fit: cover;
  object-fit: cover;
}
.recent-product-wrap .product-img-caption h5 a,
.new-product-wrap .product-img-caption h5 a {
  font-weight: 700;
  color: #555555;
  margin-bottom: 5px;
}
.recent-product-wrap .product-img-caption h5 a:hover,
.new-product-wrap .product-img-caption h5 a:hover {
  color: #333333;
}
.recent-product-wrap .product-img-caption h6,
.new-product-wrap .product-img-caption h6 {
  font-weight: 700;
  color: #777777;
  margin-bottom: 0;
}
.recent-product-wrap,
.new-product-wrap {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
}
.recent-product-item ul li:not(:last-child),
.new-product-item ul li:not(:last-child) {
  padding-bottom: 20px;
}
.single-widget-size .size-list a {
  height: 35px;
  width: 35px;
  display: inline-block;
  text-align: center;
  line-height: 35px;
  border-radius: 50%;
  color: #777777 !important;
  font-weight: 900 !important;
}
.single-widget-size .size-list li {
  display: inline-block;
  padding-right: 10px;
}
.single-widget-size .size-list a.active .product-size {
  color: #333333 !important;
  border-color: #333333;
}
.single-widget-size .size-list a .product-size {
  color: #777777;
  border-color: #777777;
  transition: 0.3s all linear;
}
.single-widget-size .size-list a:hover .product-size {
  color: #fff !important;
  border-color: #333333;
  background: #333333;
}

.single-widget-color .color-list li {
  display: inline-block;
  padding-bottom: 10px;
  padding-right: 11px;
  width: inherit;
}
.single-widget-color {
  margin-bottom: -21px;
}
.single-sidebar-widget .sider-add-inner.shope-add-sidebar:before {
  display: none;
}
.single-sidebar-widget .sider-add-inner.shope-add-sidebar {
  padding: 17px 30px 30px;
}
.sider-add-inner .sidebar-add-text p {
  padding-bottom: 63px;
}
.single-sidebar-widget.widget_categories {
  margin-top: -20px;
}
.single-widget-catagoris a {
  font-size: 14px;
  color: #777777;
}
.single-widget-catagoris ul li {
  padding-bottom: 10px;
}
.single-widget-catagoris a:hover {
  color: #333333;
}

.single-widget-catagoris a {
  font-size: 14px;
  color: #777777;
  transition: 0.3s all linear;
}
.woocommerce-products-header .shope-filter-item ul li ul.price-list li a:hover,
.woocommerce-products-header
  .shope-filter-item
  ul
  li
  ul.category-list
  li
  a:hover {
  margin-left: 4px;
}
/*===============================================
    42: single product details
===============================================*/
.swiper-container.product-thumbs {
  width: 230px;
}
.swiper-container.product-thumbs {
  width: 230px;
  position: absolute;
  bottom: 20px;
  left: 50%;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  z-index: 1001;
}
.shop-product-slider-wrap {
  position: relative;
}
.swiper-slide.active {
  border: 1px solid #333333;
}
.zoomContainer {
  z-index: 101;
}
.zoomContainer .zoomLens {
  width: 200px !important;
  height: 200px !important;
  border-radius: 5px !important;
  border-color: #333333 !important;
  border-width: 2px !important;
}
.product-details-inner .product-info {
  display: block;
  padding: 0;
}
.product-details-inner .product-title {
  position: relative;
  bottom: 0;
  left: 0;
  margin-bottom: 15px;
}
.product-details-inner .product-info .product-rating {
  margin-bottom: 9px;
}

.product-details-inner .product-price h5 {
  margin-bottom: 20px;
}
.product-details-inner .product-price .new-price {
  font-weight: 700;
  color: #ff7353;
  display: inline-block;
  text-decoration: none;
}
.product-details-inner .product-price .old-price {
  text-decoration: line-through;
  display: inline-block;
  margin-left: 18px;
}
.product-details-inner .product-description p {
  font-size: 16px;
  margin-bottom: 38px;
  line-height: 26px;
}

.wish-btn a span {
  margin-right: 8px;
}
.product-details-btns > * {
  display: inline-block;
  padding-right: 20px;
}
.product-size {
  height: 35px;
  width: 35px;
  border: 2px solid #333;
  display: inline-block;
  text-align: center;
  line-height: 32px;
  border-radius: 50%;
  color: #777777 !important;
  font-weight: 900 !important;
}
.size-list .product-size.active {
  color: #333333 !important;
}
.list-product-group ul li {
  display: inline-block;
  vertical-align: middle;
}
.list-product-group ul li .size-list li .product-size {
  border-color: #777777;
  transition: 0.3s all linear;
}

.list-product-group ul li .size-list li .product-size.active {
  border-color: #333;
}

.list-product-group ul li .size-list li:hover .product-size {
  background: #333;
  border-color: #333;
  color: #fff !important;
}
.list-product-group ul li ul {
  display: inline-block;
}
.list-product-group ul .group {
  width: 49%;
  padding-bottom: 20px;
}
.list-product-group ul .group .product-available,
.list-product-group ul .group .product-quantity {
  display: inline-block;
}
.list-product-group ul li .size-list li {
  padding-right: 8px;
}
.list-product-group ul .group .list-heading {
  color: #333333;
  font-size: 16px;
  text-transform: capitalize;
  margin-right: 15px;
}

.quantity-group .product-quantity-list {
  margin: 0 8px;
}
.list-product-group ul .color-group ul li .color {
  height: 15px;
  width: 15px;
  background: #de2dcb;
  display: inline-block;
  position: relative;
  border-radius: 50%;
}
.list-product-group ul .color-group ul li .color2 {
  background-color: #00deff;
}
.list-product-group ul .color-group ul li .color3 {
  background-color: #53db39;
}
.list-product-group ul .color-group ul li {
  padding-right: 7px;
}
.list-product-group ul .color-group ul li .color.active {
  transform: scale(1.3);
}
.list-product-group {
  margin-bottom: 20px;
  user-select: none;
}
.list-product-group ul .group .product-quantity-list {
  color: #333333 !important;
}
.product_meta.item-product-meta-info > * {
  display: block;
  font-size: 12px;
  color: #999999;
}

.product_meta.item-product-meta-info a {
  color: #999999;
}

.item-product-meta-info label {
  margin-bottom: 0;
}

.item-product-meta-info {
  margin: 33px 0 16px;
}
.single-product-share ul {
  display: inline-block;
}

.single-product-share ul li {
  display: inline-block;
  margin-right: 16px;
}
.single-product-share ul li a {
  color: #999999;
  font-size: 16px;
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
}
.single-product-share ul li a:hover {
  color: #333333;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.single-product-share label span {
  margin-right: 16px;
  display: inline-block;
  border: 1px solid #eaeaea;
  color: #333333;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
}
.zoomWindowContainer .zoomWindow,
.product-gallery .swiper-slide img {
  cursor: crosshair !important;
}
.product-thumbs .swiper-slide.swiper-slide-active {
  border: 1px solid #333333;
}
/*42:01 single product tab*/
.description-inner p {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 46px;
}
.description-content-image {
  width: 160px;
  height: 230px;
  margin-right: 30px;
}

.description-content-text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.description-content-image img {
  -o-object-fit: cover;
  object-fit: cover;
}

.description-content-text h5 {
  font-family: "Lato", sans-serif;
  color: #333333;
  font-weight: 700;
  text-transform: capitalize;
}

.description-content-text p {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 16px;
}
.description-content-text ul li span {
  font-size: 14px;
  color: #333333;
  margin-right: 10px;
}

.description-content-text ul li {
  margin-bottom: 3px;
}
.faq-content-wrap ul li h5 {
  color: #333333;
  line-height: 24px;
  margin-bottom: 16px;
}

.faq-content-wrap ul li {
  padding-left: 55px;
  position: relative;
  padding-bottom: 5px;
}

.faq-list li span {
  color: #333333;
  display: block;
  font-weight: 700;
  position: absolute;
  top: 0;
  left: 0;
}
.flex-1 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
/*42:03 faq type2*/
.faq-content-wrap.type2 {
  margin-top: -6px;
}
.review-author-inner .review-author-image {
  height: 65px;
  width: 65px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 30px;
}

.review-author-details .product-rating {
  display: inline-block;
  vertical-align: middle;
}

.review-author-details h6 {
  display: inline-block;
  vertical-align: middle;
  font-weight: 700;
  margin-right: 25px;
  font-size: 15px;
  color: #555555;
}

.review-author-details p {
  color: #999999;
  margin-bottom: 0;
}

.review-author-inner ul li:not(:last-child) {
  padding-bottom: 30px;
}
.review-author-comment {
  border: 1px solid #333;
  padding: 45px 50px 50px;
  margin-top: 70px;
}

.review-comment-heading h4 {
  font-weight: 700;
  text-transform: capitalize;
}

.review-comment-heading {
  margin-bottom: 31px;
}

.review-author-comment h6 {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 16px;
}

.review-author-comment .product-rating {
  display: inline-block;
  vertical-align: middle;
}
.review-author-comment .star-rating span:before,
.review-author-comment .star-rating:before {
  top: 2px;
}
.review-author-comment .comment-respond {
  margin-top: 13px;
}
.review-author-comment .comment-respond .btn.btn-fill-type {
  padding: 5px 20px;
  color: #fff;
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
  background: #333 !important;
  outline: 2px solid #333333;
  border-width: 0;
}
.review-author-comment .comment-respond .btn.btn-fill-type:hover {
  color: #333333;
}
.review-author-comment .comment-respond .btn.btn-fill-type:before {
  background-color: #fff;
}
.product-details-btns a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tab-content.single-product-tab {
  margin-bottom: 62px;
}
.product-details-nav .nav {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
/*42:04 related product*/
.related-product-heading h2 {
  font-weight: 700;
  color: #333333;
  text-transform: capitalize;
}
.related-product-heading {
  margin-bottom: 59px;
}
/*42:05 single product details out of stock*/
.product-details-inner .product-out-stock {
  margin-bottom: 37px;
}

.product-details-inner .product-out-stock h5 {
  font-weight: 700;
  color: #ff0000;
  text-transform: capitalize;
}
/*42:06 single product details grouped*/
.grouped-table tbody tr td:nth-child(2) h5 {
  font-weight: 700;
  margin-bottom: 0;
}
.grouped-table tbody tr td:last-child h4 {
  margin-bottom: 0;
}

.grouped-table tbody tr td:last-child {
  text-align: right;
}

.grouped-table tbody tr td:first-child .product-size {
  margin: 0 6px;
}

.grouped-table table tr td {
  border: none;
  padding: 20px;
}

.grouped-table table tr:first-child {
  border-bottom: 1px solid #d7d7d7;
}

.grouped-table table tr:first-child td {
  padding-top: 0;
}
.grouped-table table {
  white-space: nowrap;
  overflow: scroll;
}
.wish-btn a.external span {
  margin-right: 0;
}
/*===================================================
    43: Contact Us
===================================================*/
#map {
  width: 100%;
  height: 530px;
}
.office-address-head h3,
.office-ifno-inner h3 {
  font-weight: 700;
  margin-bottom: 18px;
}
.office-address-head,
.office-ifno-inner {
  margin-bottom: 53px;
}

.office-addess-inner .single-address h4 {
  font-weight: 700;
  margin-bottom: 15px;
}

.office-addess-inner .single-address {
  padding-bottom: 36px;
}
.input-form-group {
  position: relative;
}

.input-form-group label {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.input-form-group textarea,
.input-form-group input {
  padding-left: 24px;
}

.input-form-group {
  margin-bottom: 30px;
}
.input-form-group label.text-area {
  margin-bottom: 0;
  top: 22px;
}

.address-form-inner .btn-fill-type {
  background: #333333;
  color: #fff;
  padding: 3px 20px;
}

.address-form-inner .btn-fill-type:before {
  background: #fff;
}

.address-form-inner .btn-fill-type:hover {
  color: #333333;
}
.form-response span {
  color: #fff;
  background: #333;
  padding: 6px 15px;
}
.theme-input-style:focus::-webkit-input-placeholder {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: 0.4s all linear;
  transition: 0.4s all linear;
  padding-left: 50px;
}
.theme-input-style:focus::-moz-placeholder {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: 0.4s all linear;
  transition: 0.4s all linear;
  padding-left: 50px;
}
.theme-input-style:focus:-ms-input-placeholder {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: 0.4s all linear;
  transition: 0.4s all linear;
  padding-left: 50px;
}
.theme-input-style:focus::placeholder {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: 0.4s all linear;
  transition: 0.4s all linear;
  padding-left: 50px;
}
.theme-input-style::-webkit-input-placeholder {
  color: #c8c8c8 !important;
  font-size: 14px !important;
}
.theme-input-style::-moz-placeholder {
  color: #c8c8c8 !important;
  font-size: 14px !important;
}
.theme-input-style:-ms-input-placeholder {
  color: #c8c8c8 !important;
  font-size: 14px !important;
}
.theme-input-style::placeholder {
  color: #c8c8c8 !important;
  font-size: 14px !important;
}
.we-are-social h3 {
  font-weight: 700;
  margin-bottom: 16px;
}

.we-are-social p {
  margin-bottom: 16px;
}

.we-are-social .footer-social-area {
  margin-top: 19px;
}
.office-address-form {
  padding-left: 20px;
}
/* ===========================================
    44: comming soon
=========================================== */
.coming-header .logo {
  padding: 25px 0;
}
.coming-inner-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.coming-inner-text h1 {
  font-weight: 700;
  color: #ff0000;
  line-height: 36px;
  text-transform: uppercase;
}

.coming-inner-text h4 {
  font-weight: 700;
}
.coming-soon-inner ul li strong {
  font-size: 60px;
  color: #333333;
  font-family: "Roboto Condensed", sans-serif;
}

.coming-soon-inner ul li {
  display: inline-block;
  position: relative;
  border: 1px solid #ff0000;
  padding: 28px 6px 15px;
  margin-right: 55px;
}

.coming-soon-inner {
  margin-top: 50px;
}

.coming-soon-inner ul li span {
  position: absolute;
  background: #fff;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 100%;
  font-family: "Roboto Condensed", sans-serif;
  color: #333333;
}
.coming-inner-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-repeat: no-repeat !important;
  background-position: 80% 0% !important;
}
.coming-soon-inner ul {
  margin-bottom: 24px;
}
.coming-inner-text .theme-input-style {
  color: #333333 !important;
}

/* search result */
.search-input-text {
  margin-bottom: 42px;
}

/* coming soon type2 */
.coming-soon-inner ul li {
  background: #fff;
}
.coming-soon-social-area {
  margin-top: 50px;
}
.coming-soon-social-area .sidebar-social-area ul li a {
  background: #eeeeee;
}
.coming-soon-social-area .sidebar-social-area ul li a:hover {
  background: #333333;
}
.type2 .coming-soon-inner ul li {
  padding: 32px 16px 19px;
}
.type2 .coming-soon-inner ul li span {
  padding-right: 5px;
}

/*===============================================
    45: footer area
===============================================*/

.fa-envelope:before {
  content: "\f0e0" !important;
}
.pattern {
  background-image: url("../../assets/img/pattern.png");
}
.footer-logo {
  margin-bottom: 20px;
}

.footer-header h5 {
  font-weight: 800;
  color: #333333;
  margin-bottom: 0;
  text-transform: capitalize;
}
.footer-about-text p {
  font-size: 14px;
}
.footer-header {
  margin-bottom: 22px;
  margin-top: 35px;
}

.links-list li {
  padding: 0 0 5px 0;
}

.links-list li a:hover {
  color: #333333;
}
.links-list li a {
  color: #777777;
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
  font-size: 14px;
}
.copyright-text p a {
  color: #777777;
}
.footer-contact-list li {
  padding-bottom: 5px;
  color: #777777;
  font-size: 14px;
  position: relative;
  padding-left: 36px;
}

.footer-type1 .trams-conditaion ul li a:hover {
  color: #333333 !important;
}
.trams-conditaion ul li a:hover {
  color: #fff !important;
}

.footer-contact-list li span {
  display: inline-block;
  padding-right: 0;
  font-size: 16px;
  color: #777777;
  position: absolute;
  left: 0;
}

.footer-contact-list li a {
  color: #777777;
}
.footer-bottom-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 24px 2px;
  border-top: 1px solid #999999;
}

.trams-conditaion ul li {
  display: inline-block;
  padding: 0 12px;
}

.copyright-text p {
  margin-bottom: 0;
  -webkit-transform: inherit;
  transform: inherit;
  font-size: 14px;
}

.footer-bottom-wrap {
  padding: 20px 0;
}
.footer-widget {
  margin-bottom: 40px;
  color: #777777;
}
.links-list li:last-child,
.footer-contact-list li:last-child {
  padding-bottom: 0;
}
.trams-conditaion ul li a {
  color: #999999;
  font-size: 14px;
}

.trams-conditaion ul li:last-child {
  padding-right: 0;
}
.links-list li a:hover {
  margin-left: 4px;
}
.copyright-text p a {
  font-weight: 700;
  transition: 0.3s all linear;
}

.copyright-text p:hover a {
  color: #fff !important;
}
.footer-type1 .copyright-text p:hover a {
  color: #333 !important;
}
/*45:01 footer type2*/
.footer-type2 .footer-bottom-wrap {
  border-width: 0;
}
.footer-type2 .footer-bottom {
  background-color: #333333;
}
.footer-type2 .trams-conditaion ul li a,
.footer-type2 .copyright-text p a,
.footer-type2 .copyright-text p {
  color: #fff;
}
.footer-subscribe button[type="submit"] {
  cursor: pointer;
  background: transparent;
  border: none;
  color: #333333;
  width: inherit;
  position: absolute;
  top: 50%;
  right: 4px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.footer-subscribe {
  position: relative;
}
.footer-social-area ul li a:hover {
  color: #fff;
  background-color: #333333;
}
.footer-social-area ul li a {
  height: 30px;
  width: 30px;
  display: block;
  border: 1px solid #333333;
  border-radius: 50%;
  line-height: 28px;
  text-align: center;
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
  font-size: 12px;
}

.footer-social-area ul li {
  display: inline-block;
  margin-right: 7px;
}

.footer-social-area {
  margin-top: 24px;
}
footer.pattern {
  border-top: 1px solid #f9f9f9;
}
/*45:02 footer type3*/
.footer-type3 {
  background: #333333;
}
.footer-type3 .footer-bottom {
  background: #3d3d3d;
}
.footer-type3 .footer-bottom-wrap {
  border-width: 0;
}
.footer-type3 .footer-widget {
  color: #d7d7d7;
}
.footer-type3 .theme-input-style {
  font-size: 14px;
  color: #777777;
  border-color: #d1d1d1;
}
.footer-type3 .footer-subscribe button[type="submit"] {
  color: #fff;
}
.footer-type3 .footer-header h5 {
  color: #fff;
}
.footer-type3 .footer-contact-list li span,
.footer-type3 .links-list li a,
.footer-type3 .footer-contact-list li a,
.footer-type3 .footer-contact-list li {
  color: #d7d7d7;
}
.footer-type3 .footer-social-area ul li a {
  border: 1px solid #d7d7d7;
  color: #ffffff;
}
.footer-type3 .trams-conditaion ul li a,
.footer-type3 .copyright-text p a,
.footer-type3 .copyright-text p {
  color: #999999;
}
.footer-type3 .footer-social-area ul li a:hover {
  color: #333333;
  background: #ffffff;
  border-color: #fff;
}
.footer-type3 .footer-header {
  margin-top: 11px;
}
.footer-type3 .footer-widget {
  margin-bottom: 50px;
}
/*45:03 footer type4*/
.footer-type4 {
  background-color: #fcfcfc;
}
.footer-type4 .footer-bottom {
  background-color: #333333;
}
.footer-type4 .trams-conditaion ul li a,
.footer-type4 .copyright-text p a,
.footer-type4 .copyright-text p {
  color: #d7d7d7;
}
.footer-type4 .footer-widget {
  margin-bottom: 50px;
}
.footer-type4 .footer-bottom-wrap {
  border-width: 0;
}
/*=============================================
    46: Others
==============================================*/

h1 span {
  color: #999999;
}

/*46.01: About block */
.about-content h1 {
  margin-top: -12px;
}
.about-content p {
  margin-bottom: -5px;
}

/* 46.02: Why us */
.single-reason {
  border: 1px solid #ecf7fe;
  padding: 30px 15px 25px;
}
.single-reason i {
  font-size: 30px;
  color: #00c544;
}
.single-reason .h5 {
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 14px;
}
.single-reason span {
  color: #4c4f60;
}

/* 46.03: Subscription */
.primary-form {
  position: relative;
}
.primary-form input:not([type="submit"]) {
  height: 40px;
  padding: 0 0 0 15px;
  font-size: 14px;
}
.subscribe-form input[type="submit"] {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border: none;
  background: no-repeat;
  cursor: pointer;
  padding: 0 20px;
}

.primary-form .parsley-errors-list {
  display: none;
}
.subscribe-form .subscribe-btn {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  color: #333;
  padding: 6px 20px;
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
  font-family: "Roboto Condensed", sans-serif;
}
.subscribe-form:focus .subscribe-btn {
  color: #fff;
}
.subscribe-form .subscribe-btn:after {
  content: "";
  position: absolute;
  height: 20px;
  width: 20px;
  right: 0;
  bottom: 0;
  background: #333;
  opacity: 0.2;
  transition: 0.3s all linear;
}
.subscribe-form .theme-input-style:focus + button:after {
  width: 100%;
  height: 100%;
  opacity: 1;
  z-index: -1;
}
.subscribe-form .theme-input-style:focus + button {
  color: #fff;
}
.subscribe-bg .subscribe-form .subscribe-btn:after {
  background: #fff;
}
.subscribe-bg .subscribe-form .subscribe-btn {
  color: #fff;
}

.subscribe-bg .subscribe-form .theme-input-style:focus + button {
  color: #333;
}
.subscribe-bg .subscribe-form .theme-input-style:focus + button:after {
  width: 100%;
  height: 100%;
  opacity: 1;
  z-index: -1;
}
.subscribe-bg .subscribe-form .theme-input-style:focus + button {
  color: #333;
}
/* 46.04: Carousel controls */
.carousel-control {
  border: 1px solid #e2e6fb;
  width: 40px;
  height: 40px;
  color: #8388a8;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  cursor: pointer;
}
.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
  background-color: #00c544;
  border-color: #00c544;
  outline: none;
}
.swiper-button-disabled {
  pointer-events: none;
}

/* 46.05: Slider pagination style */
.slider-pagination-style .swiper-pagination-bullet {
  width: 15px;
  height: 5px;
  border: 1px solid #e2e6fb;
  border-radius: 0;
  background: transparent;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  margin: 0 5px;
}
.slider-pagination-style .swiper-pagination-bullet-active {
  width: 15px;
  height: 10px;
  background: #e2e6fb;
}
.slider-pagination-style .swiper-pagination-bullet:focus {
  outline: none;
}

/* 46.06: Social icons */
.social-icons li:not(:last-child) {
  margin-right: 25px;
}

/* 46.07: Back to top */
.back-to-top {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
  -webkit-transition: 0.3s all linear;
  transition: 0.3s all linear;
}

.back-to-top.show {
  bottom: 30px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
  z-index: 999;
}
.back-to-top a {
  width: 35px;
  height: 35px;
  background: #000;
  box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.6);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font-size: 16px;
  color: #fff;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  line-height: 35px;
  bottom: 10%;
  right: 4%;
  position: fixed;
  z-index: 998;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.top-array {
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  height: 8px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  width: 8px;
  position: absolute;
  left: 14px;
  top: 13px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.top-line {
  background-color: #fff;
  height: 10px;
  left: 18px;
  position: absolute;
  top: 14px;
  width: 2px;
  margin-left: -1px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.back-to-top.show a:hover .top-line {
  height: 14px;
  border-color: #000;
  background: #000;
  top: 12px;
}

.back-to-top a:hover .top-array {
  border-color: #000;
  top: 11px;
}

.back-toop-tooltip {
  position: absolute;
  top: -65px;
  -webkit-transform: rotate(-90deg) translateX(20px);
  transform: rotate(-90deg) translateX(20px);
  width: 100px;
  left: -33px;
  -webkit-transition: 0.6s all ease;
  transition: 0.6s all ease;
  line-height: 1;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
}

.back-toop-tooltip span {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  font-family: "Roboto Condensed", sans-serif;
}

.back-to-top a:hover .back-toop-tooltip {
  -webkit-transform: rotate(-90deg) translateX(5px);
  transform: rotate(-90deg) translateX(5px);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
}
.back-to-top.show a {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.back-to-top a:hover {
  background: #fff;
  color: #000;
}
.back-to-top.home6 a {
  background: #00c6c6;
}

/* 46.08: Preloader */
.sk-cube-grid {
  width: 50px;
  height: 50px;
}
.sk-cube-grid .sk-cube.sk-cube5 {
  background: #fff;
}
.sk-cube-grid .sk-cube {
  width: 33%;
  height: 33%;
  background-color: #333333;
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
  animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
.sk-cube-grid .sk-cube1 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.sk-cube-grid .sk-cube2 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.sk-cube-grid .sk-cube3 {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.sk-cube-grid .sk-cube4 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.sk-cube-grid .sk-cube5 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.sk-cube-grid .sk-cube6 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.sk-cube-grid .sk-cube7 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.sk-cube-grid .sk-cube8 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.sk-cube-grid .sk-cube9 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

@-webkit-keyframes sk-cubeGridScaleDelay {
  0%,
  70%,
  100% {
    -webkit-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}

@keyframes sk-cubeGridScaleDelay {
  0%,
  70%,
  100% {
    -webkit-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
.preLoader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 99999;
  overflow: hidden;
}
.preloder-inner {
  margin: auto auto;
  height: 100%;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
/* 46.09: Form validation */
.parsley-errors-list {
  list-style: none;
  padding: 0;
  position: absolute;
  left: 0;
  margin: -10px 0 0;
  top: 100%;
  text-align: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.parsley-errors-list li {
  font-size: 13px;
  line-height: 1.5;
  background: red;
  color: #fff;
  padding: 0 10px;
  padding: 0 10px;
}

/* 46.10: Content animation */
[data-animate] {
  visibility: hidden;
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
}
[data-animate].animated {
  visibility: visible;
}