/*-----------------------------------------------------------------------------------

    Template Name: Bardy - Beard Oil eCommerce Bootstrap 5 template
    Version: 1.0

-----------------------------------------------------------------------------------

    CSS INDEX
    ===================

    01. Theme default CSS
    02. Header CSS
    03. Hero CSS
    04. About CSS
    05. Shop CSS
    06. Product CSS
    07. Sidebar CSS
    08. Banner CSS
    09. Subscribe CSS
    10. Testimonial CSS
    11. Brand CSS
    12. Service CSS
    13. Blog CSS
    14. Comment CSS
    15. Contact CSS
    16. Cart CSS
    17. Checkout CSS
    18. Compare CSS
    19. My Account CSS
    20. Login & Register CSS
    21. Footer CSS

-----------------------------------------------------------------------------------*/
/*----------------------------------------*/
/*  01. Theme default CSS
/*----------------------------------------*/
/*-- Google Font --*/
@import url("css.css");
/*-- Common Style --*/
*, *::after, *::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html, body, .site-wrapper {
  height: 100%;
}

body {
  background-color: #ffffff;
  font-size: 15px;
  line-height: 28px;
  font-style: normal;
  font-weight: normal;
  visibility: visible;
  font-family: "Open Sans", sans-serif;
  color: #222222;
  position: relative;
}
body[data-rtl=rtl] {
  direction: rtl;
  text-align: right;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Oswald", sans-serif;
  color: #222222;
  font-weight: 400;
  margin-top: 0;
  line-height: 1.2;
}

h1 {
  font-size: 36px;
}
@media only screen and (max-width: 767px) {
  h1 {
    font-size: 32px;
  }
}
@media only screen and (max-width: 575px) {
  h1 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 479px) {
  h1 {
    font-size: 24px;
  }
}

h2 {
  font-size: 30px;
}
@media only screen and (max-width: 767px) {
  h2 {
    font-size: 26px;
  }
}
@media only screen and (max-width: 575px) {
  h2 {
    font-size: 24px;
  }
}
@media only screen and (max-width: 479px) {
  h2 {
    font-size: 18px;
  }
}

h3 {
  font-size: 24px;
}
@media only screen and (max-width: 767px) {
  h3 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 575px) {
  h3 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 479px) {
  h3 {
    font-size: 16px;
  }
}

h4 {
  font-size: 18px;
}
@media only screen and (max-width: 767px) {
  h4 {
    font-size: 16px;
  }
}
@media only screen and (max-width: 479px) {
  h4 {
    font-size: 14px;
  }
}

h5 {
  font-size: 14px;
}

h6 {
  font-size: 12px;
}

p:last-child {
  margin-bottom: 0;
}

a, button {
  color: inherit;
  display: inline-block;
  line-height: inherit;
  text-decoration: none;
  cursor: pointer;
}

a, button, img, input, span {
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

*:focus {
  outline: none !important;
}

a:focus {
  color: inherit;
  outline: none;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  color: #d0a97e;
}

button, input[type=submit] {
  cursor: pointer;
}

ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

img {
  max-width: 100%;
}

/*-- 
    - Common Classes
-----------------------------------------*/
.fix {
  overflow: hidden;
}

.hidden {
  display: none;
}

.clear {
  clear: both;
}

.section, .main-wrapper {
  float: left;
  width: 100%;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
}
@media only screen and (max-width: 575px) {
  .container {
    max-width: 450px;
  }
}
@media only screen and (max-width: 479px) {
  .container {
    max-width: 300px;
  }
}
.no-gutters {
  margin-left: 0;
  margin-right: 0;
}
.no-gutters > .col, .no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
  margin: 0;
}

/*-- 
    - Input Placeholder
-----------------------------------------*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input::-ms-input-placeholder, textarea::-ms-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input::placeholder, textarea::placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/*--
    - Background Color
------------------------------------------*/
.bg-white {
  background-color: #ffffff !important;
}

.bg-gray {
  background-color: #f8f8f8 !important;
}

.bg-dark {
  background-color: #222222 !important;
}

.bg-theme {
  background-color: #d0a97e !important;
}

/*-- 
    - Tab Content & Pane Fix
------------------------------------------*/
.tab-content {
  width: 100%;
}
.tab-content .tab-pane {
  display: block;
  height: 0;
  max-width: 100%;
  visibility: hidden;
  overflow: hidden;
  opacity: 0;
}
.tab-content .tab-pane.active {
  height: auto;
  visibility: visible;
  opacity: 1;
  overflow: visible;
}

/*-- 
    - Main Wrapper
------------------------------------------*/
/*-- 
    - Section Title
------------------------------------------*/
.section-title h1 {
  font-weight: 600;
  letter-spacing: 0.25px;
  margin: 0;
  line-height: 1;
  margin-top: -5px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  padding-bottom: 2px;
  z-index: 1;
}
.section-title h1::before {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  height: 8px;
  width: 100%;
  background-color: #d0a97e;
  z-index: -1;
}
.section-title p {
  max-width: 570px;
  line-height: 24px;
  margin-top: 17px;
}
.section-title.center {
  text-align: center;
}
.section-title.center p {
  margin-left: auto;
  margin-right: auto;
}
.section-title.left {
  text-align: left;
}
.section-title.left p {
  margin-right: auto;
}
.section-title.right {
  text-align: right;
}
.section-title.right p {
  margin-left: auto;
}

/*-- 
    - Perfect Scroll Bar
------------------------------------------*/
.ps .ps__rail-y {
  width: 6px;
  background-color: transparent !important;
}
.ps .ps__rail-y .ps__thumb-y {
  width: 100%;
  right: 0;
  background-color: rgba(34, 34, 34, 0.15);
}

/*-- 
    - Page Banner Section
------------------------------------------*/
.page-banner-section {
  background-color: #0b1521;
  padding: 80px 0 90px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .page-banner-section {
    padding: 60px 0 70px;
  }
}
@media only screen and (max-width: 767px) {
  .page-banner-section {
    padding: 40px 0 50px;
  }
}
@media only screen and (max-width: 575px) {
  .page-banner-section {
    padding: 25px 0 35px;
  }
}

/*-- Page Banner --*/
.page-banner h1 {
  font-size: 48px;
  color: #d8d8d8;
  font-weight: 500;
  letter-spacing: 0.1px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .page-banner h1 {
    font-size: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .page-banner h1 {
    font-size: 30px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 575px) {
  .page-banner h1 {
    font-size: 24px;
    margin-bottom: 10px;
  }
}

/*-- Page Breadcrumb --*/
.page-breadcrumb {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page-breadcrumb li {
  color: #d8d8d8;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0.5px;
  font-family: "Oswald", sans-serif;
  line-height: 1;
}
@media only screen and (max-width: 575px) {
  .page-breadcrumb li {
    font-size: 16px;
  }
}
.page-breadcrumb li::after {
  content: "-";
  margin: 0 6px;
}
.page-breadcrumb li:last-child::after {
  display: none;
}
.page-breadcrumb li a:hover {
  color: #d0a97e;
}

/*-- 
    - Page Pagination
------------------------------------------*/
.page-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: -10px;
}
.page-pagination li {
  font-size: 16px;
  line-height: 22px;
  font-family: "Oswald", sans-serif;
  color: #a4a4a4;
  margin: 0 10px 10px;
}
.page-pagination li a {
  color: #a4a4a4;
}
.page-pagination li a i {
  line-height: 22px;
}
.page-pagination li.active a {
  color: #222222;
}
.page-pagination li:first-child a {
  color: #222222;
}
.page-pagination li:first-child a i {
  margin-right: 10px;
  float: left;
}
.page-pagination li:first-child a:hover {
  color: #d0a97e;
}
.page-pagination li:last-child a {
  color: #222222;
}
.page-pagination li:last-child a i {
  margin-left: 10px;
  float: right;
}
.page-pagination li:last-child a:hover {
  color: #d0a97e;
}

/*************************
 Bootstrap Custom Container
************************/
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container,
.container-sm {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container,
.container-md,
.container-sm {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container,
.container-lg,
.container-md,
.container-sm {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    max-width: 1200px;
  }
}
@media (min-width: 1400px) {
  .container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    max-width: 1200px;
  }
}
.row {
  --bs-gutter-x: 30px;
}

.row {
  --bs-gutter-x: 30px;
}

/*-- 
    Button Default
-----------------------------------------------*/
/*Button Group*/
.button-group > *, .button-group > .btn {
  margin-right: 20px;
}
.button-group > *.btn-xs, .button-group > .btn.btn-xs {
  margin-right: 10px;
}
.button-group > *.btn-sm, .button-group > .btn.btn-sm {
  margin-right: 15px;
}
.button-group > *:last-child, .button-group > .btn:last-child {
  margin-right: 0;
}

.button-group.no-space > *, .button-group.no-space > .btn {
  margin-right: 0;
}
.button-group.no-space > *:last-child, .button-group.no-space > .btn:last-child {
  margin-right: 0;
}

.btn {
  display: inline-block;
  background-color: #222222;
  border-color: #222222;
  color: #d0a97e;
  font-family: "Oswald", sans-serif;
  border-radius: 4px;
  height: 38px;
  text-transform: capitalize;
  font-size: 15px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: 0.25px;
  padding: 5px 19px;
  border-width: 1px;
  border-style: solid;
}
.btn i {
  font-size: 21px;
  line-height: 24px;
  margin-right: 12px;
  float: left;
}
.btn span {
  display: inline-block;
}
.btn:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn:hover {
  background-color: #d0a97e;
  border-color: #d0a97e;
  color: #222222;
}

.btn-theme {
  background-color: #d0a97e;
  border-color: #d0a97e;
  color: #222222;
}
.btn-theme.btn-outline {
  background-color: transparent;
  color: #d0a97e;
}
.btn-theme.btn-outline:hover {
  background-color: #d0a97e;
  border-color: #d0a97e;
  color: #222222;
}
.btn-theme:hover {
  background-color: #d7b591;
  border-color: #d7b591;
  color: #222222;
}

.btn-link {
  height: auto !important;
  width: auto !important;
  background-color: transparent;
  border: none !important;
  color: #222222;
  padding: 0 !important;
}
.btn-link:hover {
  color: #007bff;
  background-color: transparent;
  border: none;
}
.btn-link i {
  font-size: 22px;
}
.btn-link.btn-xs i {
  font-size: 16px;
}
.btn-link.btn-sm i {
  font-size: 19px;
}
.btn-link.btn-lg i {
  font-size: 26px;
}
.btn-link.btn-xl i {
  font-size: 30px;
}

.btn-outline {
  background-color: transparent;
  border-color: #151515;
}
.btn-outline:hover {
  background-color: #222222;
  border-color: #222222;
}

.btn-box {
  width: 38px;
  padding: 6px 0px;
  text-align: center;
}
.btn-box i {
  margin: 0;
  float: none;
}
.btn-box span {
  display: none;
  margin: 0;
}

.btn-icon-right {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.btn-icon-right i {
  margin-left: 12px;
  margin-right: 0;
  float: right;
}

.btn-square {
  border-radius: 0;
}

.btn-round {
  border-radius: 50px;
}

/*-- 
    Button Sizes 
-----------------------------------------------*/
.btn-xs {
  font-size: 11px;
  height: 25px;
  padding: 0 8px;
}
.btn-xs i {
  font-size: 15px;
  margin-right: 5px;
}
.btn-xs .btn-icon-right i {
  margin-left: 5px;
  margin-right: 0;
}
.btn-xs.btn-box {
  width: 26px;
  padding: 1px 0;
}
.btn-xs.btn-box i {
  margin: 0;
}

.btn-sm {
  font-size: 13px;
  height: 32px;
  padding: 2px 13px;
}
.btn-sm i {
  font-size: 19px;
  margin-right: 8px;
}
.btn-sm .btn-icon-right i {
  margin-left: 8px;
  margin-right: 0;
}
.btn-sm.btn-box {
  width: 32px;
  padding: 3px 0;
}
.btn-sm.btn-box i {
  margin: 0;
}

.btn-lg {
  font-size: 18px;
  height: 46px;
  padding: 9px 30px;
}
.btn-lg i {
  font-size: 24px;
}
.btn-lg.btn-box {
  width: 44px;
  padding: 9px 0;
}
.btn-lg.btn-box i {
  margin: 0;
}

.btn-xl {
  font-size: 19px;
  height: 50px;
  padding: 11px 31px;
}
.btn-xl i {
  font-size: 24px;
}
.btn-xl.btn-box {
  width: 50px;
  padding: 12px 0;
}
.btn-xl.btn-box i {
  margin: 0;
}

/*----------------------------------------*/
/*  02. Header CSS
/*----------------------------------------*/
.header-section {
  z-index: 999;
}
.header-section > .container > .row {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.header-section > .container > .row > .col {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  position: static;
}
.header-section > .container > .row > .col:first-child, .header-section > .container > .row > .col:last-child {
  min-width: 185px;
}
@media only screen and (max-width: 479px) {
  .header-section > .container > .row > .col:first-child, .header-section > .container > .row > .col:last-child {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
  }
}

/*-- Header Logo --*/
.header-logo {
  margin: 5px 0;
}
@media only screen and (max-width: 479px) {
  .header-logo {
    text-align: center;
    margin-top: 20px;
  }
}
.header-logo a {
  display: inline-block;
}
.header-logo a img {
  max-width: 100%;
}

/*-- Main Menu --*/
.main-menu > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.main-menu > ul > li {
  margin-right: 65px;
  position: static;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu > ul > li {
    margin-right: 40px;
  }
}
.main-menu > ul > li:last-child {
  margin-right: 0;
}
.main-menu > ul > li > a {
  font-size: 16px;
  line-height: 30px;
  font-weight: 600;
  letter-spacing: 0.25px;
  font-family: "Oswald", sans-serif;
  color: #222222;
  display: block;
  padding: 25px 0;
  position: relative;
}
.main-menu > ul > li > a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: 10px;
  height: 1px;
  width: 0;
  background-color: #222222;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.main-menu > ul > li.active > a::before, .main-menu > ul > li:hover > a::before {
  width: 100%;
}
.main-menu > ul > li:hover > .sub-menu {
  margin-top: 0;
  opacity: 1;
  visibility: visible;
  z-index: 99;
}
.main-menu > ul > li:hover > .mega-menu {
  margin-top: 0;
  opacity: 1;
  visibility: visible;
  z-index: 99;
}

/*-- Sub Menu --*/
.sub-menu {
  position: absolute;
  left: auto;
  top: 100%;
  margin-left: -20px;
  margin-top: 30px;
  padding: 20px;
  background-color: #222222;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 220px;
  z-index: -99;
  opacity: 0;
  visibility: hidden;
}
.sub-menu li {
  margin-bottom: 5px;
  position: relative;
}
.sub-menu li:last-child {
  margin-bottom: 0;
}
.sub-menu li a {
  color: #d8d8d8;
  display: block;
  font-family: "Oswald", sans-serif;
  font-size: 14px;
  line-height: 30px;
  font-weight: 500;
  letter-spacing: 0.25px;
}
.sub-menu li.active > a {
  color: #d0a97e;
}
.sub-menu li:hover > a {
  color: #d0a97e;
  padding-left: 5px;
}
.sub-menu li:hover .sub-menu {
  margin-top: 0;
  opacity: 1;
  visibility: visible;
  z-index: 99;
}
.sub-menu .sub-menu {
  top: 0;
  left: 100%;
  margin-left: 0;
}
.sub-menu .sub-menu .sub-menu {
  left: auto;
  right: 100%;
}
.sub-menu .sub-menu .sub-menu .sub-menu {
  left: 100%;
  right: auto;
}

/*-- Mega Menu --*/
.mega-menu {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: 15px;
  top: 100%;
  margin-top: 30px;
  padding: 30px 15px;
  background-color: #222222;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: calc(100% - 30px);
  z-index: -99;
  opacity: 0;
  visibility: hidden;
}
.mega-menu li {
  margin-bottom: 5px;
}
.mega-menu li.col {
  padding: 0 15px;
}
.mega-menu li.col > a {
  color: #d0a97e;
  padding-bottom: 7px;
  border-bottom: 1px solid rgba(208, 169, 126, 0.5);
  margin-bottom: 10px;
}
.mega-menu li > span {
  color: #d0a97e;
  display: block;
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  line-height: 1;
  padding-top: 5px;
  padding-bottom: 10px;
  font-weight: 500;
  letter-spacing: 0.25px;
  margin-bottom: 15px;
  border-bottom: 1px solid #d0a97e;
}
.mega-menu li:last-child {
  margin-bottom: 0;
}
.mega-menu li a {
  color: #d8d8d8;
  display: block;
  font-family: "Oswald", sans-serif;
  font-size: 14px;
  line-height: 30px;
  font-weight: 500;
  letter-spacing: 0.25px;
}
.mega-menu li.active > a {
  color: #d0a97e;
}
.mega-menu li:hover > a {
  color: #d0a97e;
}

/*-- Header Action --*/
.header-action {
  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;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-action {
    margin-right: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .header-action {
    margin-right: 50px;
  }
}

/*-- Header Wishlist --*/
.header-wishlist {
  height: 30px;
  padding: 2px 0;
  margin-right: 25px;
}
.header-wishlist .icon {
  display: block;
  text-indent: -9999px;
  width: 27px;
  height: 25px;
  background-repeat: no-repeat;
  background-image: url(../image/action-sprites.png);
  background-position: -81px 0;
}

/*-- Header Cart Wrap --*/
.header-cart-wrap {
  position: relative;
}

/*-- Header Cart Toggle --*/
.header-cart-toggle {
  background-color: transparent;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 30px;
  padding: 25px 0;
}
@media only screen and (max-width: 767px) {
  .header-cart-toggle {
    padding: 15px 0;
  }
}
.header-cart-toggle span {
  float: left;
  font-size: 16px;
  line-height: 30px;
  font-weight: 600;
  letter-spacing: 0.25px;
  font-family: "Oswald", sans-serif;
  color: #222222;
}
.header-cart-toggle span.icon {
  display: block;
  text-indent: -9999px;
  width: 27px;
  height: 25px;
  margin-right: 9px;
  background-repeat: no-repeat;
  background-image: url(../image/action-sprites.png);
  background-position: 0 0;
}
.header-cart-toggle span.number {
  margin-right: 5px;
}
.header-cart-toggle span.number::after {
  content: "-";
  margin-left: 5px;
}
/*-- Header Mini Cart --*/
.header-mini-cart {
  position: absolute;
  right: 0;
  top: 100%;
  background-color: #222222;
  width: 300px;
  z-index: 99;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
  display: none;
}
@media only screen and (max-width: 479px) {
  .header-mini-cart {
    left: -67px;
    right: auto;
  }
}

/*-- Header Mini Cart Head --*/
.mini-cart-head {
  padding: 15px 30px;
  border-bottom: 1px solid #3c3c3c;
}
.mini-cart-head h3 {
  color: #d8d8d8;
  margin: 0;
}

/*-- Header Mini Cart Body --*/
.mini-cart-body {
  padding: 20px;
  border-bottom: 1px solid #3c3c3c;
}
.mini-cart-body .mini-cart-body-inner {
  max-height: 280px;
  position: relative;
  padding: 11px;
}
.mini-cart-body .mini-cart-body-inner .ps__rail-y {
  opacity: 1;
}
.mini-cart-body .mini-cart-body-inner .ps__rail-y .ps__thumb-y {
  background-color: rgba(255, 255, 255, 0.15);
}

/*-- Header Mini Cart Product --*/
.mini-cart-product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}
.mini-cart-product:last-child {
  margin-bottom: 0;
}
.mini-cart-product .image {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 60px;
          flex: 0 0 60px;
  min-width: 60px;
  position: relative;
}
.mini-cart-product .image a {
  display: block;
}
.mini-cart-product .image a img {
  width: 100%;
}
.mini-cart-product .image .remove {
  position: absolute;
  left: -11px;
  top: -11px;
  z-index: 3;
  border: none;
  width: 22px;
  height: 22px;
  border-radius: 50px;
  background-color: #ffffff;
  color: #222222;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  padding: 0;
  line-height: 1;
  text-align: center;
}
.mini-cart-product .image .remove i {
  font-size: 11px;
  line-height: 22px;
  display: block;
}
.mini-cart-product .image .remove:hover {
  color: #ff0000;
}
.mini-cart-product .content {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 60px);
          flex: 0 0 calc(100% - 60px);
  padding-left: 15px;
}
.mini-cart-product .content .title {
  font-family: "Oswald", sans-serif;
  color: #d8d8d8;
  display: block;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 600;
  margin-bottom: 5px;
}
.mini-cart-product .content .title:hover {
  color: #d0a97e;
}
.mini-cart-product .content span {
  display: block;
  color: #d8d8d8;
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
}

/*-- Header Mini Cart Footer --*/
.mini-cart-footer {
  padding: 20px 30px;
}
.mini-cart-footer h4 {
  color: #d8d8d8;
  margin-bottom: 20px;
}
.mini-cart-footer .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
}
.mini-cart-footer .buttons a {
  width: 48%;
  background-color: #090909;
  color: #d0a97e;
  line-height: 24px;
  padding: 8px 15px;
  text-align: center;
  font-size: 14px;
  font-family: "Oswald", sans-serif;
  letter-spacing: 0.25px;
}
.mini-cart-footer .buttons a:hover {
  background-color: #d0a97e;
  color: #000000;
}

/*-- Mobile Menu --*/
.mobile-menu {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 0 100% !important;
          flex: 1 0 100% !important;
}
.mobile-menu .mean-bar {
  position: relative;
  /*---- Mean Nav ----*/
}
.mobile-menu .mean-bar .meanmenu-reveal {
  position: absolute;
  top: -49px;
}
@media only screen and (max-width: 767px) {
  .mobile-menu .mean-bar .meanmenu-reveal {
    top: -40px;
  }
}
.mobile-menu .mean-bar .meanmenu-reveal span {
  position: relative;
  /*---- Menu Open ----*/
  /*---- Menu Close ----*/
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar {
  height: 2px;
  width: 26px;
  background-color: #222222;
  display: block;
  margin: 8px 0;
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::before, .mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #222222;
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::before {
  top: -8px;
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::after {
  bottom: -8px;
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-close {
  height: 2px;
  width: 26px;
  background-color: transparent;
  display: block;
  margin: 8px 0;
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-close::before, .mobile-menu .mean-bar .meanmenu-reveal span.menu-close::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #222222;
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-close::before {
  top: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-close::after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.mobile-menu .mean-bar .mean-nav {
  background-color: #ffffff;
}
.mobile-menu .mean-bar .mean-nav > ul {
  margin-bottom: 30px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-top: 0px solid transparent;
  overflow-x: hidden;
  max-height: 250px;
}
@media only screen and (max-width: 767px) {
  .mobile-menu .mean-bar .mean-nav > ul {
    max-height: 180px;
    overflow-y: auto;
  }
}
@media only screen and (max-width: 575px) {
  .mobile-menu .mean-bar .mean-nav > ul {
    max-height: 220px;
    overflow-y: auto;
  }
}
.mobile-menu .mean-bar .mean-nav > ul li {
  position: relative;
  display: block;
  float: left;
  width: 100%;
  /*---- Sub Menu & Mega Menu ----*/
}
.mobile-menu .mean-bar .mean-nav > ul li a {
  font-size: 13px;
  display: block;
  font-family: "Oswald", sans-serif;
  color: #222222;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 44px;
  position: relative;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  padding: 0 40px 0 20px;
  border-bottom: 0;
  margin-bottom: 0;
  /*---- Menu Expand For Sub Menu ----*/
}
.mobile-menu .mean-bar .mean-nav > ul li a::after {
  display: none;
}
.mobile-menu .mean-bar .mean-nav > ul li a:hover {
  color: #d0a97e;
  padding-left: 25px;
}
.mobile-menu .mean-bar .mean-nav > ul li a.active {
  color: #d0a97e;
}
.mobile-menu .mean-bar .mean-nav > ul li a.mean-expand {
  border-width: 0 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.05);
  position: absolute;
  right: -1px;
  top: 0;
  font-size: 20px !important;
  color: #222222;
  line-height: 44px;
  height: 46px;
  width: 40px;
  text-align: center;
  padding: 0;
}
.mobile-menu .mean-bar .mean-nav > ul li a.mean-expand.mean-clicked {
  line-height: 40px;
}
.mobile-menu .mean-bar .mean-nav > ul li span {
  font-size: 13px;
  display: block;
  color: #222222;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 44px;
  position: relative;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  border-bottom: none;
  padding: 0 40px 0 20px;
  margin: 0;
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu, .mobile-menu .mean-bar .mean-nav > ul li ul {
  position: static;
  background-color: rgba(0, 0, 0, 0.03);
  margin: 0;
  padding: 0 !important;
  width: 100%;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 0;
  display: none;
  float: left;
  width: 100%;
  opacity: 1;
  visibility: visible;
  z-index: 1;
  -webkit-transition: none;
  transition: none;
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li, .mobile-menu .mean-bar .mean-nav > ul li ul li {
  padding: 0;
  margin: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  border-right: 0px solid transparent;
  width: 100%;
  display: block !important;
  float: left;
  width: 100%;
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li a, .mobile-menu .mean-bar .mean-nav > ul li ul li a {
  font-size: 11px;
  display: block !important;
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li a::before, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li a::before, .mobile-menu .mean-bar .mean-nav > ul li ul li a::before {
  display: none;
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li span, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li span, .mobile-menu .mean-bar .mean-nav > ul li ul li span {
  font-size: 11px;
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li ul li ul {
  background-color: rgba(0, 0, 0, 0.04);
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul li a, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul li a, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li ul li ul li a {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li ul li ul li a.mean-expand {
  border-width: 0 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.05);
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu ul, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul ul, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu ul, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul ul, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu ul, .mobile-menu .mean-bar .mean-nav > ul li ul li ul .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li ul li ul ul {
  background-color: rgba(0, 0, 0, 0.05);
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu ul li a, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul ul li a, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu ul li a, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul ul li a, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu ul li a, .mobile-menu .mean-bar .mean-nav > ul li ul li ul .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li ul li ul ul li a {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu ul li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul ul li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu ul li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul ul li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu ul li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li ul li ul .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li ul li ul ul li a.mean-expand {
  border-width: 0 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.05);
}

/*----------------------------------------*/
/*  03. Hero CSS
/*----------------------------------------*/
/*-- Hero Slider --*/
.hero-slider .slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 9;
  border: none;
  background-color: #222222;
  color: #d0a97e;
  padding: 15px 10px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  text-align: center;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}
.hero-slider .slick-arrow i {
  font-size: 30px;
  line-height: 30px;
  display: block;
}
.hero-slider .slick-arrow.slick-prev {
  left: 15px;
}
.hero-slider .slick-arrow.slick-next {
  right: 15px;
}
.hero-slider .slick-arrow:hover {
  background-color: #d0a97e;
  color: #222222;
}
.hero-slider .slick-dots {
  position: absolute;
  left: 0;
  bottom: 40px;
  width: 100%;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-slider .slick-dots {
    bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-slider .slick-dots {
    bottom: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .hero-slider .slick-dots {
    bottom: 10px;
  }
}
.hero-slider .slick-dots li {
  margin: 0 5px;
}
.hero-slider .slick-dots li button {
  display: block;
  padding: 0;
  width: 15px;
  height: 15px;
  border: 3px solid #d0a97e;
  background-color: #222222;
  text-indent: -9999px;
  border-radius: 50px;
}
@media only screen and (max-width: 767px) {
  .hero-slider .slick-dots li button {
    border-width: 2px;
    width: 10px;
    height: 10px;
  }
}
.hero-slider .slick-dots li.slick-active button {
  width: 30px;
  background-color: #d0a97e;
}
@media only screen and (max-width: 767px) {
  .hero-slider .slick-dots li.slick-active button {
    width: 20px;
  }
}

/*-- Hero Item --*/
.hero-item {
  height: calc(100vh - 80px);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-item {
    height: auto;
    padding: 100px 0;
  }
}
@media only screen and (max-width: 767px) {
  .hero-item {
    height: auto;
    padding: 80px 0;
  }
}

/*-- Hero Content Wrap --*/
.hero-content-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/*-- Hero Image --*/
.hero-image {
  display: inline-block;
  position: relative;
  z-index: 1;
  float: right;
  margin-left: 90px;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: fadeOutUp;
          animation-name: fadeOutUp;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  z-index: 1;
}
.hero-image.hero-image-2 {
  margin-left: 10px;
  max-width: 315px;
  padding: 0 50px 40px;
}
.hero-image.hero-image-2::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 28%;
  background-color: #26303a;
  border-radius: 50%;
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-image.hero-image-2 {
    max-width: 270px;
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-image.hero-image-2 {
    max-width: 180px;
    padding: 0 30px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-image.hero-image-2 {
    max-width: 120px;
    padding: 0 20px 20px;
  }
}
@media only screen and (max-width: 575px) {
  .hero-image.hero-image-2 {
    max-width: 100px;
    padding: 0 20px 15px;
  }
}
@media only screen and (max-width: 479px) {
  .hero-image.hero-image-2 {
    max-width: 80px;
    padding: 0 15px 10px;
  }
}
.hero-image img {
  max-width: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .hero-image {
    margin-left: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-image {
    max-width: 150px;
    margin-left: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-image {
    max-width: 100px;
    margin-left: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-image {
    max-width: 70px;
    margin-left: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .hero-image {
    margin-left: 15px;
  }
}
@media only screen and (max-width: 479px) {
  .hero-image {
    max-width: 50px;
  }
}

/*-- Hero Content --*/
.hero-content * {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: fadeOutUp;
          animation-name: fadeOutUp;
}
.hero-content *:nth-child(1) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
  -webkit-animation-name: fadeOutLeft;
          animation-name: fadeOutLeft;
}
.hero-content *:nth-child(2) {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.hero-content *:nth-child(3) {
  -webkit-animation-delay: 1.3s;
          animation-delay: 1.3s;
  -webkit-animation-name: fadeOutRight;
          animation-name: fadeOutRight;
}
.hero-content h2 {
  font-size: 40px;
  line-height: 1;
  font-weight: 300;
  letter-spacing: 0.5px;
  color: #ffffff;
}
.hero-content h1 {
  font-size: 70px;
  line-height: 78px;
  font-weight: 500;
  letter-spacing: 0.1px;
  color: #ffffff;
  margin-bottom: 32px;
}
.hero-content .btn {
  line-height: 25px;
}
.hero-content .btn:hover {
  background-color: #222222;
  border-color: #222222;
  color: #d0a97e;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .hero-content h2 {
    font-size: 36px;
  }
  .hero-content h1 {
    font-size: 56px;
    line-height: 68px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-content h2 {
    font-size: 30px;
  }
  .hero-content h1 {
    font-size: 50px;
    line-height: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-content h2 {
    font-size: 24px;
  }
  .hero-content h1 {
    font-size: 40px;
    line-height: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-content h2 {
    font-size: 18px;
  }
  .hero-content h1 {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 20px;
  }
  .hero-content .btn {
    font-size: 11px;
    height: 32px;
    padding: 3px 20px;
  }
}
@media only screen and (max-width: 479px) {
  .hero-content h2 {
    font-size: 13px;
  }
  .hero-content h1 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
  }
  .hero-content .btn {
    font-size: 10px;
    height: 26px;
    padding: 0 15px;
  }
}

.slick-current .hero-image {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}
.slick-current .hero-content *:nth-child(1) {
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
}
.slick-current .hero-content *:nth-child(2) {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}
.slick-current .hero-content *:nth-child(3) {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
}

/*----------------------------------------*/
/*  04. About CSS
/*----------------------------------------*/
/*-- About Shape --*/
.about-shape {
  position: absolute;
}
.about-shape.one {
  left: 0;
  top: 60px;
}
.about-shape.two {
  right: 0;
  bottom: 0;
}

/*-- About Content --*/
.about-content h3 {
  margin-bottom: 0;
}
.about-content h1 {
  font-weight: 600;
  margin-bottom: 25px;
}
.about-content p {
  max-width: 570px;
}
.about-content .btn {
  margin-top: 20px;
}
.about-content .desc {
  margin-bottom: 15px;
}
.about-content.about-content-1 {
  padding-left: 40px;
  padding-right: 70px;
}
@media only screen and (max-width: 767px) {
  .about-content.about-content-1 {
    padding-right: 0;
  }
}
.about-content.about-content-1 h3 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
}
.about-content.about-content-1 h3::before {
  content: "";
  position: absolute;
  left: 100%;
  margin-left: 15px;
  top: 50%;
  width: 60px;
  height: 1px;
  margin-top: 2px;
  background-color: #c8c8c8;
}
.about-content.about-content-1 .desc {
  position: relative;
}
.about-content.about-content-1 .desc::before, .about-content.about-content-1 .desc::after {
  width: 1px;
  height: 90%;
  background-color: #c8c8c8;
  content: "";
  position: absolute;
  top: 0;
}
.about-content.about-content-1 .desc::before {
  left: -40px;
  top: 8px;
}
.about-content.about-content-1 .desc::after {
  left: -35px;
  top: 16px;
}

/*-- About Content Light --*/
.about-content-light h3 {
  color: #d8d8d8;
}
.about-content-light h1 {
  color: #d8d8d8;
}
.about-content-light p {
  color: #d8d8d8;
}

/*-- About Image --*/
.about-image {
  position: relative;
  margin-left: -30px;
  margin-bottom: -10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-image {
    margin-left: -7px;
  }
}
@media only screen and (max-width: 767px) {
  .about-image {
    margin-left: -7px;
  }
}
.about-image .col {
  margin-bottom: 14px;
}
.about-image .col:first-child {
  margin-top: 30px;
}
.about-image .col img {
  z-index: 1;
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-image .col {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .about-image .col {
    margin-left: 0;
  }
}
@media only screen and (max-width: 479px) {
  .about-image .col {
    margin-left: 0;
  }
}

/*-- About Image Wrap --*/
.about-image-wrap {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.about-image-wrap .image-1, .about-image-wrap .image-2 {
  min-height: 450px;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.about-image-wrap .image-1 {
  width: 65%;
}
.about-image-wrap .image-2 {
  width: 40%;
  position: relative;
}
.about-image-wrap .image-2::before {
  position: absolute;
  left: 8%;
  top: 8%;
  right: 8%;
  bottom: 8%;
  content: "";
  border: 15px solid rgba(208, 169, 126, 0.3);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-image-wrap .image-1, .about-image-wrap .image-2 {
    min-height: 380px;
  }
  .about-image-wrap .image-1 {
    width: 60%;
  }
  .about-image-wrap .image-2 {
    width: 40%;
  }
}
@media only screen and (max-width: 767px) {
  .about-image-wrap .image-1, .about-image-wrap .image-2 {
    min-height: 300px;
  }
  .about-image-wrap .image-1 {
    width: 60%;
  }
  .about-image-wrap .image-2 {
    width: 40%;
  }
}
@media only screen and (max-width: 575px) {
  .about-image-wrap .image-1, .about-image-wrap .image-2 {
    min-height: 250px;
  }
}

/*----------------------------------------*/
/*  05. Shop CSS
/*----------------------------------------*/
/*-- Shop Toolbar --*/
.shop-toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}

/*-- Product View Mood --*/
.product-view-mode {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 80px;
  margin-bottom: 10px;
}
.product-view-mode button {
  border: none;
  background-color: transparent;
  padding: 0;
  height: 21px;
  margin-right: 15px;
  position: relative;
}
.product-view-mode button:hover.grid span {
  background-position: 0 -21px;
  width: 21px;
}
.product-view-mode button:hover.list span {
  background-position: -21px -21px;
  width: 29px;
}
.product-view-mode button.active.grid span {
  background-position: 0 -21px;
  width: 21px;
}
.product-view-mode button.active.list span {
  background-position: -21px -21px;
  width: 29px;
}
.product-view-mode button:last-child {
  margin-right: 0;
}
.product-view-mode button span {
  display: block;
  overflow: hidden;
  background-repeat: no-repeat;
  width: 21px;
  height: 21px;
  text-indent: -9999px;
  background-image: url(../image/view-mode-sprites.png);
}
.product-view-mode button.grid span {
  background-position: 0 0;
  width: 21px;
}
.product-view-mode button.list span {
  background-position: -21px 0;
  width: 29px;
}

/*-- Product Showing --*/
.product-showing {
  margin-bottom: 10px;
}
.product-showing p {
  margin: 0;
  line-height: 21px;
}

/*-- Product Short --*/
.product-short {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
.product-short p {
  margin: 0;
  line-height: 21px;
  float: left;
  margin-right: 20px;
}
.product-short .nice-select {
  width: 160px;
  height: 30px;
  border: 1px solid #cccccc;
  border-radius: 50px;
  font-size: 13px;
  padding: 0 15px;
}
.product-short .nice-select .current {
  line-height: 29px;
  display: block;
}
.product-short .nice-select .list {
  padding: 10px 0;
  width: 100%;
}
.product-short .nice-select .list li {
  padding: 0 15px;
  line-height: 30px;
  height: auto;
  min-height: auto;
}

/*-- Shop Product Wrap --*/
.shop-product-wrap > .col, .shop-product-wrap > [class*=col-] {
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.shop-product-wrap.list > .col, .shop-product-wrap.list > [class*=col-] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

/*----------------------------------------*/
/*  06. Product CSS
/*----------------------------------------*/
/*-- Product Slider --*/
.product-slider .slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 9;
  border: none;
  background-color: #ffffff;
  padding: 10px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  text-align: center;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
  opacity: 0;
}
.product-slider .slick-arrow i {
  font-size: 24px;
  line-height: 24px;
  display: block;
}
.product-slider .slick-arrow.slick-prev {
  left: -7px;
  margin-left: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .product-slider .slick-arrow.slick-prev {
    left: 8px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-slider .slick-arrow.slick-prev {
    left: 8px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-slider .slick-arrow.slick-prev {
    left: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .product-slider .slick-arrow.slick-prev {
    left: 8px;
  }
}
.product-slider .slick-arrow.slick-next {
  right: -7px;
  margin-right: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .product-slider .slick-arrow.slick-next {
    right: 8px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-slider .slick-arrow.slick-next {
    right: 8px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-slider .slick-arrow.slick-next {
    right: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .product-slider .slick-arrow.slick-next {
    right: 8px;
  }
}
.product-slider .slick-arrow:hover {
  background-color: #222222;
  color: #d0a97e;
}
.product-slider:hover .slick-arrow {
  opacity: 1;
}
.product-slider:hover .slick-arrow.slick-prev {
  margin-left: 0;
}
.product-slider:hover .slick-arrow.slick-next {
  margin-right: 0;
}
.product-slider .slick-dots {
  width: 100%;
  padding: 0;
  margin: 30px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.product-slider .slick-dots li {
  margin: 0 5px;
}
.product-slider .slick-dots li button {
  display: block;
  padding: 0;
  width: 12px;
  height: 12px;
  border: 2px solid #d0a97e;
  background-color: #222222;
  text-indent: -9999px;
  border-radius: 50px;
}
.product-slider .slick-dots li.slick-active button {
  width: 30px;
  background-color: #d0a97e;
}
.product-slider .slick-list {
  margin: 0 -15px;
}
.product-slider .slick-list .slick-slide {
  margin: 0 15px;
}

/*-- Product Item --*/
.product-item {
  border: 1px solid #ebebeb;
  background-color: #f4f4f4;
  padding: 18px;
}
.product-item:hover .product-image .image {
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}
.product-item:hover .product-image .product-action {
  margin-top: 0;
  opacity: 1;
}
.product-item .product-image {
  position: relative;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  margin-bottom: 15px;
}
.product-item .product-image .image {
  display: block;
}
.product-item .product-image .image img {
  width: 100%;
}
.product-item .product-image .product-action {
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  margin-top: 30px;
  opacity: 0;
}
.product-item .product-image .product-action a, .product-item .product-image .product-action button {
  border: none;
  background-color: transparent;
  padding: 15px;
  border-right: 1px solid #ededed;
}
.product-item .product-image .product-action a:last-child, .product-item .product-image .product-action button:last-child {
  border-right: none;
}
.product-item .product-image .product-action a span, .product-item .product-image .product-action button span {
  display: block;
  text-indent: -9999px;
  width: 20px;
  height: 19px;
  background-repeat: no-repeat;
  background-image: url(../image/action-small-sprites.png);
}
.product-item .product-image .product-action a.cart span, .product-item .product-image .product-action button.cart span {
  background-position: 0 0;
}
.product-item .product-image .product-action a.compare span, .product-item .product-image .product-action button.compare span {
  background-position: -20px 0;
}
.product-item .product-image .product-action a.quickview span, .product-item .product-image .product-action button.quickview span {
  background-position: -40px 0;
}
.product-item .product-image .product-action a.wishlist span, .product-item .product-image .product-action button.wishlist span {
  background-position: -60px 0;
}
.product-item .product-image .product-action a.wishlist.is-active, .product-item .product-image .product-action button.wishlist.is-active {
  background-color: #222222;
}
.product-item .product-image .product-action a.wishlist.is-active span, .product-item .product-image .product-action button.wishlist.is-active span {
  background-position: -80px -19px;
}
.product-item .product-image .product-action a.wishlist.is-active:hover, .product-item .product-image .product-action button.wishlist.is-active:hover {
  background-color: #222222;
}
.product-item .product-image .product-action a.wishlist.is-active:hover span, .product-item .product-image .product-action button.wishlist.is-active:hover span {
  background-position: -80px -19px;
}
.product-item .product-image .product-action a:hover, .product-item .product-image .product-action button:hover {
  background-color: #222222;
}
.product-item .product-image .product-action a:hover.cart span, .product-item .product-image .product-action button:hover.cart span {
  background-position: 0 -19px;
}
.product-item .product-image .product-action a:hover.compare span, .product-item .product-image .product-action button:hover.compare span {
  background-position: -20px -19px;
}
.product-item .product-image .product-action a:hover.quickview span, .product-item .product-image .product-action button:hover.quickview span {
  background-position: -40px -19px;
}
.product-item .product-image .product-action a:hover.wishlist span, .product-item .product-image .product-action button:hover.wishlist span {
  background-position: -60px -19px;
}
.product-item .product-content {
  margin: 0 -18px;
}
.product-item .product-content .head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.product-item .product-content .head .top {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 18px;
}
.product-item .product-content .head .top .title {
  margin-bottom: 12px;
  font-size: 18px;
}
.product-item .product-content .head .bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 15px 18px 0;
  border-top: 1px solid #ffffff;
}
.product-item .product-content .head .bottom .price {
  font-size: 18px;
  line-height: 21px;
  font-family: "Oswald", sans-serif;
  color: #222222;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
  margin: 0 10px;
}
.product-item .product-content .head .bottom .price .old {
  margin-left: 12px;
  display: block;
  text-decoration: line-through;
  font-weight: 400;
}
.product-item .product-content .head .bottom .ratting {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 10px;
}
.product-item .product-content .head .bottom .ratting i {
  font-size: 13px;
  color: #d0a97e;
  margin-right: 6px;
}
.product-item .product-content .head .bottom .ratting i:last-child {
  margin-right: 0;
}
.product-item .product-content .body {
  display: none;
}
.product-item.list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 30px;
}
@media only screen and (max-width: 479px) {
  .product-item.list {
    padding: 20px;
  }
}
.product-item.list .product-image {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 300px;
          flex: 0 0 300px;
  max-width: 300px;
  margin-bottom: 0;
}
.product-item.list .product-image .image {
  display: block;
}
.product-item.list .product-image .image img {
  width: 100%;
}
.product-item.list .product-image .product-action {
  display: none;
}
@media only screen and (max-width: 767px) {
  .product-item.list .product-image {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 15px;
  }
}
.product-item.list .product-content {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 300px);
          flex: 0 0 calc(100% - 300px);
  max-width: calc(100% - 300px);
  padding: 0 50px 0 40px;
  margin: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-item.list .product-content {
    padding: 0 10px 0 30px;
  }
}
@media only screen and (max-width: 767px) {
  .product-item.list .product-content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
}
.product-item.list .product-content .head .top {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 0;
}
.product-item.list .product-content .head .top .title {
  margin-bottom: 17px;
  font-size: 24px;
}
@media only screen and (max-width: 479px) {
  .product-item.list .product-content .head .top .title {
    font-size: 18px;
  }
}
.product-item.list .product-content .head .bottom {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 0;
  border-top: 0;
}
.product-item.list .product-content .head .bottom .price {
  font-size: 24px;
  line-height: 28px;
  margin-left: 0;
}
@media only screen and (max-width: 479px) {
  .product-item.list .product-content .head .bottom .price {
    font-size: 18px;
    line-height: 21px;
  }
}
.product-item.list .product-content .body {
  display: block;
  margin-top: 30px;
}
.product-item.list .product-content .body ul {
  margin-bottom: 20px;
}
.product-item.list .product-content .body ul li::before {
  content: "";
  font-family: FontAwesome;
  margin-right: 10px;
}
.product-item.list .product-content .body .product-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.product-item.list .product-content .body .product-action a, .product-item.list .product-content .body .product-action button {
  margin-right: 30px;
}
.product-item.list .product-content .body .product-action a:last-child, .product-item.list .product-content .body .product-action button:last-child {
  margin-right: 0;
}
.product-item.list .product-content .body .product-action a span, .product-item.list .product-content .body .product-action button span {
  display: block;
  text-indent: -9999px;
  width: 27px;
  height: 25px;
  background-repeat: no-repeat;
  background-image: url(../image/action-sprites.png);
}
.product-item.list .product-content .body .product-action a.cart span, .product-item.list .product-content .body .product-action button.cart span {
  background-position: 0 0;
}
.product-item.list .product-content .body .product-action a.compare span, .product-item.list .product-content .body .product-action button.compare span {
  background-position: -27px 0;
}
.product-item.list .product-content .body .product-action a.quickview span, .product-item.list .product-content .body .product-action button.quickview span {
  background-position: -54px 0;
}
.product-item.list .product-content .body .product-action a.wishlist span, .product-item.list .product-content .body .product-action button.wishlist span {
  background-position: -81px 0;
}
.product-item.list .product-content .body .product-action a:hover.cart span, .product-item.list .product-content .body .product-action button:hover.cart span {
  background-position: 0 -25px;
}
.product-item.list .product-content .body .product-action a:hover.compare span, .product-item.list .product-content .body .product-action button:hover.compare span {
  background-position: -27px -25px;
}
.product-item.list .product-content .body .product-action a:hover.quickview span, .product-item.list .product-content .body .product-action button:hover.quickview span {
  background-position: -54px -25px;
}
.product-item.list .product-content .body .product-action a:hover.wishlist span, .product-item.list .product-content .body .product-action button:hover.wishlist span {
  background-position: -81px -25px;
}

/*-- Single Product Details --*/
.product-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.product-details .product-image {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 350px;
  width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details .product-image {
    max-width: 300px;
  }
}
@media only screen and (max-width: 767px) {
  .product-details .product-image {
    max-width: 100%;
  }
}
.product-details .product-image .single-product-slider, .product-details .product-image .single-product-slider-syn {
  display: block;
  padding: 20px;
  border: 1px solid #ebebeb;
  background-color: #f4f4f4;
}
.product-details .product-image .single-product-slider img, .product-details .product-image .single-product-slider-syn img {
  width: 100%;
}
.product-details .product-image .single-product-thumb-slider-syn {
  display: block;
  margin-top: 10px;
  margin: 5px -5px -5px;
}
.product-details .product-image .single-product-thumb-slider-syn .item {
  padding: 5px;
}
.product-details .product-image .single-product-thumb-slider-syn .item.slick-center img {
  background-color: #d0a97e;
}
.product-details .product-image .single-product-thumb-slider-syn .item img {
  width: 100%;
  padding: 10px;
  border: 1px solid #ebebeb;
  background-color: #f4f4f4;
}
.product-details .product-image.left-thumbnail, .product-details .product-image.right-thumbnail {
  max-width: 480px;
  padding-left: 130px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details .product-image.left-thumbnail, .product-details .product-image.right-thumbnail {
    max-width: 350px;
    padding-left: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .product-details .product-image.left-thumbnail, .product-details .product-image.right-thumbnail {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 575px) {
  .product-details .product-image.left-thumbnail, .product-details .product-image.right-thumbnail {
    padding-left: 110px;
  }
}
@media only screen and (max-width: 479px) {
  .product-details .product-image.left-thumbnail, .product-details .product-image.right-thumbnail {
    padding-left: 0;
    padding-right: 0 !important;
  }
}
.product-details .product-image.left-thumbnail .single-product-thumb-slider-syn, .product-details .product-image.right-thumbnail .single-product-thumb-slider-syn {
  width: 120px;
  position: absolute;
  left: 0;
  top: 0;
  margin: -5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details .product-image.left-thumbnail .single-product-thumb-slider-syn, .product-details .product-image.right-thumbnail .single-product-thumb-slider-syn {
    width: 75px;
  }
  .product-details .product-image.left-thumbnail .single-product-thumb-slider-syn .item img, .product-details .product-image.right-thumbnail .single-product-thumb-slider-syn .item img {
    padding: 3px;
  }
}
@media only screen and (max-width: 575px) {
  .product-details .product-image.left-thumbnail .single-product-thumb-slider-syn, .product-details .product-image.right-thumbnail .single-product-thumb-slider-syn {
    width: 100px;
  }
}
@media only screen and (max-width: 479px) {
  .product-details .product-image.left-thumbnail .single-product-thumb-slider-syn, .product-details .product-image.right-thumbnail .single-product-thumb-slider-syn {
    width: 100%;
    position: static;
    margin-top: 5px;
  }
}
.product-details .product-image.left-thumbnail .single-product-thumb-slider-syn .slick-arrow, .product-details .product-image.right-thumbnail .single-product-thumb-slider-syn .slick-arrow {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details .product-image.left-thumbnail .single-product-thumb-slider-syn .slick-arrow, .product-details .product-image.right-thumbnail .single-product-thumb-slider-syn .slick-arrow {
    display: none !important;
  }
}
.product-details .product-image.left-thumbnail .single-product-thumb-slider-syn .slick-arrow.slick-prev, .product-details .product-image.right-thumbnail .single-product-thumb-slider-syn .slick-arrow.slick-prev {
  top: -7px;
  margin-top: 30px;
  margin-left: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .product-details .product-image.left-thumbnail .single-product-thumb-slider-syn .slick-arrow.slick-prev, .product-details .product-image.right-thumbnail .single-product-thumb-slider-syn .slick-arrow.slick-prev {
    top: 8px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details .product-image.left-thumbnail .single-product-thumb-slider-syn .slick-arrow.slick-prev, .product-details .product-image.right-thumbnail .single-product-thumb-slider-syn .slick-arrow.slick-prev {
    top: 8px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details .product-image.left-thumbnail .single-product-thumb-slider-syn .slick-arrow.slick-prev, .product-details .product-image.right-thumbnail .single-product-thumb-slider-syn .slick-arrow.slick-prev {
    top: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .product-details .product-image.left-thumbnail .single-product-thumb-slider-syn .slick-arrow.slick-prev, .product-details .product-image.right-thumbnail .single-product-thumb-slider-syn .slick-arrow.slick-prev {
    top: 8px;
  }
}
.product-details .product-image.left-thumbnail .single-product-thumb-slider-syn .slick-arrow.slick-next, .product-details .product-image.right-thumbnail .single-product-thumb-slider-syn .slick-arrow.slick-next {
  bottom: -7px;
  top: auto;
  margin-bottom: 30px;
  margin-right: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .product-details .product-image.left-thumbnail .single-product-thumb-slider-syn .slick-arrow.slick-next, .product-details .product-image.right-thumbnail .single-product-thumb-slider-syn .slick-arrow.slick-next {
    bottom: 8px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details .product-image.left-thumbnail .single-product-thumb-slider-syn .slick-arrow.slick-next, .product-details .product-image.right-thumbnail .single-product-thumb-slider-syn .slick-arrow.slick-next {
    bottom: 8px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details .product-image.left-thumbnail .single-product-thumb-slider-syn .slick-arrow.slick-next, .product-details .product-image.right-thumbnail .single-product-thumb-slider-syn .slick-arrow.slick-next {
    bottom: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .product-details .product-image.left-thumbnail .single-product-thumb-slider-syn .slick-arrow.slick-next, .product-details .product-image.right-thumbnail .single-product-thumb-slider-syn .slick-arrow.slick-next {
    bottom: 8px;
  }
}
.product-details .product-image.left-thumbnail .single-product-thumb-slider-syn:hover .slick-arrow, .product-details .product-image.right-thumbnail .single-product-thumb-slider-syn:hover .slick-arrow {
  opacity: 1;
}
.product-details .product-image.left-thumbnail .single-product-thumb-slider-syn:hover .slick-arrow.slick-prev, .product-details .product-image.right-thumbnail .single-product-thumb-slider-syn:hover .slick-arrow.slick-prev {
  margin-top: 0;
}
.product-details .product-image.left-thumbnail .single-product-thumb-slider-syn:hover .slick-arrow.slick-next, .product-details .product-image.right-thumbnail .single-product-thumb-slider-syn:hover .slick-arrow.slick-next {
  margin-bottom: 0;
}
.product-details .product-image.left-thumbnail + .product-content, .product-details .product-image.right-thumbnail + .product-content {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 480px);
          flex: 0 0 calc(100% - 480px);
  max-width: calc(100% - 480px);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details .product-image.left-thumbnail + .product-content, .product-details .product-image.right-thumbnail + .product-content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 350px);
            flex: 0 0 calc(100% - 350px);
    max-width: calc(100% - 350px);
  }
}
@media only screen and (max-width: 767px) {
  .product-details .product-image.left-thumbnail + .product-content, .product-details .product-image.right-thumbnail + .product-content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
.product-details .product-image.right-thumbnail {
  padding-left: 0;
  padding-right: 130px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details .product-image.right-thumbnail {
    padding-left: 0;
    padding-right: 80px;
  }
}
@media only screen and (max-width: 575px) {
  .product-details .product-image.right-thumbnail {
    padding-left: 0;
    padding-right: 110px;
  }
}
.product-details .product-image.right-thumbnail .single-product-thumb-slider-syn {
  left: auto;
  right: 0;
}
.product-details .product-content {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 350px);
          flex: 0 0 calc(100% - 350px);
  max-width: calc(100% - 350px);
  will-change: min-height;
}
@media only screen and (max-width: 767px) {
  .product-details .product-content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
.product-details .product-content .product-content-inner {
  padding-left: 60px;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  /* For browsers don't support translate3d. */
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  will-change: position, transform;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details .product-content .product-content-inner {
    padding-left: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details .product-content .product-content-inner {
    padding-left: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .product-details .product-content .product-content-inner {
    padding-left: 0;
  }
}
.product-details .product-content .product-content-inner .head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.product-details .product-content .product-content-inner .head .top {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.product-details .product-content .product-content-inner .head .top .title {
  margin-bottom: 17px;
  font-size: 24px;
}
.product-details .product-content .product-content-inner .head .bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.product-details .product-content .product-content-inner .head .bottom .price {
  font-size: 24px;
  line-height: 28px;
  font-family: "Oswald", sans-serif;
  color: #222222;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
  margin-right: 20px;
}
.product-details .product-content .product-content-inner .head .bottom .price .old {
  margin-left: 12px;
  display: block;
  text-decoration: line-through;
  font-weight: 400;
}
.product-details .product-content .product-content-inner .head .bottom .ratting {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.product-details .product-content .product-content-inner .head .bottom .ratting i {
  font-size: 13px;
  color: #d0a97e;
  margin-right: 6px;
}
.product-details .product-content .product-content-inner .head .bottom .ratting i:last-child {
  margin-right: 0;
}
.product-details .product-content .product-content-inner .body {
  display: block;
  margin-top: 20px;
}
.product-details .product-content .product-content-inner .body p {
  margin-bottom: 20px;
}
.product-details .product-content .product-content-inner .body .product-group {
  margin-bottom: 20px;
}
.product-details .product-content .product-content-inner .body .product-group li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 10px;
}
.product-details .product-content .product-content-inner .body .product-group li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.product-details .product-content .product-content-inner .body .product-group li > * {
  margin-right: 20px;
  margin-bottom: 10px;
}
.product-details .product-content .product-content-inner .body .product-group li > *:last-child {
  margin-right: 0;
}
.product-details .product-content .product-content-inner .body .product-group li .image {
  width: 50px;
  padding: 5px;
  border: 1px solid #ebebeb;
  background-color: #f4f4f4;
}
.product-details .product-content .product-content-inner .body .product-group li .image img {
  max-width: 100%;
}
.product-details .product-content .product-content-inner .body .product-group li .title {
  min-width: 130px;
}
.product-details .product-content .product-content-inner .body .product-group li .price {
  font-weight: 600;
  font-size: 18px;
}
.product-details .product-content .product-content-inner .body .size, .product-details .product-content .product-content-inner .body .vitamin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-bottom: 1px solid #aaaaaa;
  padding-bottom: 12px;
  margin-bottom: 12px;
}
.product-details .product-content .product-content-inner .body .size h4, .product-details .product-content .product-content-inner .body .vitamin h4 {
  font-size: 18px;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  margin-bottom: 0;
  margin-right: 13px;
}
.product-details .product-content .product-content-inner .body .size button, .product-details .product-content .product-content-inner .body .vitamin button {
  border: none;
  background-color: transparent;
  padding: 0;
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 600;
  margin-right: 25px;
  line-height: 22px;
  border-bottom: 2px solid transparent;
}
.product-details .product-content .product-content-inner .body .size button:last-child, .product-details .product-content .product-content-inner .body .vitamin button:last-child {
  margin-right: 0;
}
.product-details .product-content .product-content-inner .body .size button.active, .product-details .product-content .product-content-inner .body .size button:hover, .product-details .product-content .product-content-inner .body .vitamin button.active, .product-details .product-content .product-content-inner .body .vitamin button:hover {
  border-color: #868686;
}
.product-details .product-content .product-content-inner .body .quantity {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 30px;
}
.product-details .product-content .product-content-inner .body .quantity h4 {
  margin-right: 10px;
  margin-bottom: 0;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
}
.product-details .product-content .product-content-inner .body .quantity .pro-qty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.product-details .product-content .product-content-inner .body .quantity .pro-qty input {
  width: 60px;
  height: 30px;
  text-align: center;
  background-color: #222222;
  border: none;
  color: #ffffff;
  font-weight: 600;
  margin: 0 2px;
}
.product-details .product-content .product-content-inner .body .quantity .pro-qty .qtybtn {
  background-color: #222222;
  color: #ffffff;
  height: 30px;
  width: 25px;
  font-size: 19px;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.product-details .product-content .product-content-inner .body .product-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.product-details .product-content .product-content-inner .body .product-action a, .product-details .product-content .product-content-inner .body .product-action button {
  margin-right: 30px;
}
.product-details .product-content .product-content-inner .body .product-action a:last-child, .product-details .product-content .product-content-inner .body .product-action button:last-child {
  margin-right: 0;
}
.product-details .product-content .product-content-inner .body .product-action a span, .product-details .product-content .product-content-inner .body .product-action button span {
  display: block;
  text-indent: -9999px;
  width: 27px;
  height: 25px;
  background-repeat: no-repeat;
  background-image: url(../image/action-sprites.png);
}
.product-details .product-content .product-content-inner .body .product-action a.buy, .product-details .product-content .product-content-inner .body .product-action button.buy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 25px;
  padding: 10px 20px;
  background-color: #d0a97e;
  font-weight: 600;
  font-family: "Oswald", sans-serif;
  letter-spacing: 0.5px;
}
.product-details .product-content .product-content-inner .body .product-action a.buy:hover, .product-details .product-content .product-content-inner .body .product-action button.buy:hover {
  background-color: #222222;
  color: #d0a97e;
}
.product-details .product-content .product-content-inner .body .product-action a.buy span, .product-details .product-content .product-content-inner .body .product-action button.buy span {
  margin-right: 15px;
}
.product-details .product-content .product-content-inner .body .product-action a.cart span, .product-details .product-content .product-content-inner .body .product-action a.buy span, .product-details .product-content .product-content-inner .body .product-action button.cart span, .product-details .product-content .product-content-inner .body .product-action button.buy span {
  background-position: 0 0;
}
.product-details .product-content .product-content-inner .body .product-action a.compare span, .product-details .product-content .product-content-inner .body .product-action button.compare span {
  background-position: -27px 0;
}
.product-details .product-content .product-content-inner .body .product-action a.quickview span, .product-details .product-content .product-content-inner .body .product-action button.quickview span {
  background-position: -54px 0;
}
.product-details .product-content .product-content-inner .body .product-action a.wishlist span, .product-details .product-content .product-content-inner .body .product-action button.wishlist span {
  background-position: -81px 0;
}
.product-details .product-content .product-content-inner .body .product-action a:hover.cart span, .product-details .product-content .product-content-inner .body .product-action a:hover.buy span, .product-details .product-content .product-content-inner .body .product-action button:hover.cart span, .product-details .product-content .product-content-inner .body .product-action button:hover.buy span {
  background-position: 0 -25px;
}
.product-details .product-content .product-content-inner .body .product-action a:hover.compare span, .product-details .product-content .product-content-inner .body .product-action button:hover.compare span {
  background-position: -27px -25px;
}
.product-details .product-content .product-content-inner .body .product-action a:hover.quickview span, .product-details .product-content .product-content-inner .body .product-action button:hover.quickview span {
  background-position: -54px -25px;
}
.product-details .product-content .product-content-inner .body .product-action a:hover.wishlist span, .product-details .product-content .product-content-inner .body .product-action button:hover.wishlist span {
  background-position: -81px -25px;
}
.product-details .single-product-thumb-slider-syn .slick-list {
  margin: 0;
}
.product-details .single-product-thumb-slider-syn .slick-list .slick-slide {
  margin: 0;
}

/*-- Single Product Details Gallery --*/
.product-details-with-gallery .product-image {
  max-width: 40%;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 40%;
          flex: 1 0 40%;
  margin-bottom: -10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-with-gallery .product-image {
    max-width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .product-details-with-gallery .product-image {
    max-width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
    margin-bottom: 10px;
  }
}
.product-details-with-gallery .product-image a {
  display: block;
  padding: 15px;
  border: 1px solid #ebebeb;
  background-color: #f4f4f4;
}
.product-details-with-gallery .product-image a img {
  width: 100%;
}
.product-details-with-gallery .product-content {
  max-width: 60%;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 60%;
          flex: 1 0 60%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-with-gallery .product-content {
    max-width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
  }
  .product-details-with-gallery .product-content .product-content-inner {
    padding-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .product-details-with-gallery .product-content {
    max-width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
  }
}
.product-details-with-gallery.right-gallery .product-content .product-content-inner {
  padding-left: 0;
  padding-right: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details-with-gallery.right-gallery .product-content .product-content-inner {
    padding-left: 0;
    padding-right: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-with-gallery.right-gallery .product-content .product-content-inner {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .product-details-with-gallery.right-gallery .product-content .product-content-inner {
    padding-left: 0;
    padding-right: 0;
  }
}

/*-- Single Product Details Tab List --*/
.product-details-tab-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.product-details-tab-list li {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  text-align: center;
  background-color: #222222;
  color: #d8d8d8;
  border-right: 1px solid #d8d8d8;
}
.product-details-tab-list li:last-child {
  border: none;
}
@media only screen and (max-width: 575px) {
  .product-details-tab-list li {
    bottom: 10px;
    border-bottom: 1px solid #d8d8d8;
  }
  .product-details-tab-list li:nth-child(2) {
    border-right: none;
  }
}
.product-details-tab-list li a {
  display: block;
  line-height: 24px;
  padding: 13px 20px;
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.25px;
}
.product-details-tab-list li a.active {
  background-color: #d0a97e;
  color: #222222;
}

/*-- Single Product Details Tab Content --*/
.product-details-tab-content {
  padding: 45px;
  background-color: #f4f4f4;
}
@media only screen and (max-width: 575px) {
  .product-details-tab-content {
    padding: 30px;
  }
}
.product-details-tab-content .specification li {
  margin-bottom: 10px;
}
.product-details-tab-content .specification li:last-child {
  margin-bottom: 0;
}
.product-details-tab-content .specification li::before {
  content: "";
  font-family: FontAwesome;
  margin-right: 10px;
}

/*-- Reviwe List --*/
.review-list {
  overflow: hidden;
  margin-bottom: 40px;
  max-width: 650px;
}
.review-list .review {
  float: left;
  width: 100%;
  overflow: hidden;
  margin-bottom: 30px;
}
.review-list .review:last-child {
  margin-bottom: 0;
}
.review-list .review .name {
  font-size: 18px;
  margin-bottom: 15px;
}
.review-list .review .name span {
  font-size: 12px;
}
.review-list .review .name span::before {
  content: "-";
  margin: 0 5px;
}
.review-list .review .ratting {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  margin-bottom: 10px;
}
.review-list .review .ratting i {
  font-size: 13px;
  color: #d0a97e;
  margin-right: 6px;
}
.review-list .review .ratting i:last-child {
  margin-right: 0;
}
/*-- Review Form --*/
.review-form {
  max-width: 650px;
}
.review-form h3 {
  margin-bottom: 20px;
}
.review-form form .ratting {
  margin-bottom: 10px;
}
.review-form form input {
  width: 100%;
  line-height: 24px;
  padding: 10px 20px;
  background-color: #ffffff;
  border: none;
  color: #656565;
}
.review-form form input[type=submit] {
  width: auto;
  background-color: #222222;
  padding: 10px 30px;
  color: #d0a97e;
  font-family: "Oswald", sans-serif;
  letter-spacing: 0.25px;
  text-transform: uppercase;
}
.review-form form input[type=submit]:hover {
  background-color: #d0a97e;
  color: #222222;
}
.review-form form textarea {
  width: 100%;
  line-height: 24px;
  padding: 8px 20px;
  background-color: #ffffff;
  border: none;
  resize: none;
  color: #656565;
  height: 100px;
}

/*----------------------------------------*/
/*  07. Sidebar CSS
/*----------------------------------------*/
.sidebar {
  margin-bottom: 60px;
  float: left;
  width: 100%;
}
.sidebar:last-child {
  margin-bottom: 0;
}
.sidebar .sidebar-title {
  font-size: 18px;
  border: 10px solid #f4f4f4;
  line-height: 26px;
  padding: 5px 20px;
  margin-bottom: 30px;
}

/*-- Search --*/
.sidebar-search {
  position: relative;
}
.sidebar-search input {
  width: 100%;
  border-radius: 50px;
  border: 1px solid #b4b4b4;
  height: 45px;
  line-height: 23px;
  padding: 10px 25px;
  padding-right: 80px;
  font-size: 13px;
}
.sidebar-search input[type=submit] {
  width: auto;
  border: none;
  background-color: #d0a97e;
  color: #222222;
  text-transform: uppercase;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 14px;
  font-weight: 500;
  font-family: "Oswald", sans-serif;
  padding: 11px 20px;
}

/*-- List --*/
.sidebar-list li {
  margin-bottom: 20px;
}
.sidebar-list li:last-child {
  margin-bottom: 0;
}
.sidebar-list li a {
  display: block;
  line-height: 20px;
}

/*-- Post List --*/
.sidebar-post {
  margin-bottom: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.sidebar-post:last-child {
  margin-bottom: 0;
}
.sidebar-post .image {
  display: block;
  max-width: 80px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 80px;
          flex: 1 0 80px;
  border-radius: 4px;
  overflow: hidden;
}
.sidebar-post .image img {
  width: 100%;
}
.sidebar-post .content {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 calc(100% - 80px);
          flex: 1 0 calc(100% - 80px);
  padding-left: 15px;
}
.sidebar-post .content .title {
  font-size: 18px;
  line-height: 24px;
}
.sidebar-post .content p {
  font-size: 13px;
  line-height: 22px;
  max-width: 180px;
}

/*-- Tweet List --*/
.sidebar-tweet {
  margin-bottom: 20px;
}
.sidebar-tweet:last-child {
  margin-bottom: 0;
}
.sidebar-tweet p {
  font-size: 15px;
  line-height: 22px;
  color: #222222;
}
.sidebar-tweet p a {
  font-weight: 600;
  color: #d0a97e;
}
.sidebar-tweet p a:hover {
  text-decoration: underline;
}

/*-- Price Range --*/
#price-range {
  background-color: #f4f4f4;
  height: 7px;
  width: 100%;
  border-radius: 50px;
  position: relative;
  margin-bottom: 30px;
}
#price-range .ui-slider-range {
  background-color: #222222;
  height: 100%;
  border-radius: 50px;
  position: absolute;
  top: 0;
}
#price-range .ui-slider-handle {
  position: absolute;
  top: -2px;
  height: 11px;
  width: 11px;
  background-color: #f4f4f4;
  border: 2px solid #222222;
  border-radius: 50px;
  -webkit-transition: none;
  transition: none;
  cursor: pointer;
}
#price-range .ui-slider-handle span {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 100%;
  margin-top: 11px;
  font-weight: 600;
  display: block;
  line-height: 23px;
}
#price-range .ui-slider-handle:nth-child(3) {
  margin-left: -11px;
}

/*-- Tag Cloud --*/
.tag-cloud {
  overflow: hidden;
}
.tag-cloud a {
  font-size: 15px;
  line-height: 23px;
  margin-right: 15px;
  float: left;
  margin-bottom: 7px;
}
.tag-cloud a:hover {
  font-weight: 600;
  font-size: 16px;
}

/*----------------------------------------*/
/*  08. Banner CSS
/*----------------------------------------*/
.banner a {
  display: block;
  position: relative;
  overflow: hidden;
}
.banner a::before {
  background-color: rgba(255, 255, 255, 0.2);
  content: "";
  height: 200%;
  left: -280px;
  position: absolute;
  top: -50%;
  -webkit-transform: rotate(35deg);
  transform: rotate(35deg);
  -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
  width: 80px;
  z-index: 0;
}
.banner a::after {
  background-color: rgba(255, 255, 255, 0.2);
  content: "";
  height: 200%;
  left: 180%;
  position: absolute;
  top: -50%;
  -webkit-transform: rotate(35deg);
  transform: rotate(35deg);
  -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
  width: 80px;
  z-index: 0;
}
.banner a:hover::before {
  left: 180%;
  -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
}
.banner a:hover::after {
  left: -280px;
  -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
}
.banner a img {
  width: 100%;
}

/*----------------------------------------*/
/*  09. Subscribe CSS
/*----------------------------------------*/
.subscribe-section {
  background-image: url(../image/subscribe-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

/*-- Subscribe Wrap --*/
.subscribe-wrap {
  text-align: center;
}
.subscribe-wrap h3 {
  font-weight: 300;
  color: #d8d8d8;
  letter-spacing: 0.1px;
  margin-bottom: 10px;
}
.subscribe-wrap h3 span {
  color: #d0a97e;
  font-weight: 600;
}
.subscribe-wrap h1 {
  font-weight: 600;
  color: #d8d8d8;
  letter-spacing: 0.1px;
  margin-bottom: 10px;
}
.subscribe-wrap p {
  color: #d8d8d8;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .subscribe-wrap h3 {
    font-size: 22px;
  }
  .subscribe-wrap h1 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .subscribe-wrap {
    margin-right: 0;
  }
}

/*-- Subscribe Form --*/
.subscribe-form {
  position: relative;
  max-width: 525px;
  width: 100%;
  margin: auto;
  margin-top: 40px;
}
.subscribe-form input[type=email] {
  width: 100%;
  border: 1px solid #b4b4b4;
  border-radius: 50px;
  height: 50px;
  line-height: 24px;
  padding: 12px 30px;
  background-color: transparent;
  color: #d8d8d8;
  font-size: 13px;
}
@media only screen and (max-width: 479px) {
  .subscribe-form input[type=email] {
    text-align: center;
  }
}
.subscribe-form input[type=email]::-webkit-input-placeholder {
  color: #d8d8d8;
}
.subscribe-form input[type=email]::-moz-placeholder {
  color: #d8d8d8;
}
.subscribe-form input[type=email]:-ms-input-placeholder {
  color: #d8d8d8;
}
.subscribe-form input[type=email]::-ms-input-placeholder {
  color: #d8d8d8;
}
.subscribe-form input[type=email]::placeholder {
  color: #d8d8d8;
}
.subscribe-form button {
  font-size: 18px;
  font-family: "Oswald", sans-serif;
  color: #222222;
  height: 50px;
  position: absolute;
  right: 0;
  top: 0;
  line-height: 24px;
  padding: 13px 30px;
  border-radius: 50px;
  background-color: #d0a97e;
  border: none;
  font-weight: 600;
  text-transform: uppercase;
}
@media only screen and (max-width: 479px) {
  .subscribe-form button {
    position: static;
    margin-top: 10px;
    width: 100%;
  }
}

/*-- Mailchimp Message --*/
.mailchimp-error {
  color: #ff0000;
}

.mailchimp-success {
  color: #28a745;
}

/*----------------------------------------*/
/*  10. Testimonial CSS
/*----------------------------------------*/
/*-- Testimonial Section Title --*/
.testimonial-section-title {
  position: absolute;
  left: 41.666667%;
  top: 85px;
  z-index: 9;
  padding-left: 15px;
  padding-right: 30px;
}
.testimonial-section-title::before {
  content: "";
  position: absolute;
  right: 0;
  left: -90px;
  bottom: -20px;
  height: 9px;
  background-color: #222222;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-section-title {
    top: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-section-title {
    position: relative;
    left: 0;
    top: 0;
    margin-bottom: 60px;
    padding: 0;
    display: inline-block;
  }
  .testimonial-section-title::before {
    left: 0;
    right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial-section-title {
    position: relative;
    left: 0;
    top: 0;
    margin-bottom: 50px;
    padding: 0;
    display: inline-block;
  }
  .testimonial-section-title::before {
    left: 0;
    right: 0;
  }
}
.testimonial-section-title h1::before {
  display: none;
}

/*-- Testimonial Image Slider --*/
.testimonial-image-slider {
  padding: 0 40px;
  max-width: 415px;
  margin: auto;
  z-index: 9;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-image-slider {
    margin: 0;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial-image-slider {
    margin: 0;
  }
}
@media only screen and (max-width: 479px) {
  .testimonial-image-slider {
    padding: 0 30px;
  }
}
.testimonial-image-slider::before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  top: 65px;
  bottom: 65px;
  background-color: #222222;
}
@media only screen and (max-width: 479px) {
  .testimonial-image-slider::before {
    top: 30px;
    bottom: 30px;
  }
}
.testimonial-image-slider .slick-arrow {
  position: absolute;
  left: -15px;
  bottom: 65px;
  border: none;
  background-color: transparent;
  padding: 0;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
  font-size: 18px;
  font-weight: 700;
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
  line-height: 1;
}
.testimonial-image-slider .slick-arrow.slick-prev::after {
  position: absolute;
  right: -11px;
  top: 0;
  content: "/";
}
.testimonial-image-slider .slick-arrow.slick-next {
  bottom: 120px;
}
.testimonial-image-slider .slick-arrow:hover {
  color: #d0a97e;
}
@media only screen and (max-width: 479px) {
  .testimonial-image-slider .slick-arrow {
    bottom: 30px;
  }
  .testimonial-image-slider .slick-arrow.slick-next {
    bottom: 85px;
  }
}

/*-- Testimonial Image --*/
/*-- Testimonial Content Slider --*/
.testimonial-content-slider {
  margin-top: 175px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-content-slider {
    margin-top: 140px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-content-slider {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial-content-slider {
    margin-top: 30px;
  }
}

/*-- Testimonial Content --*/
.testimonial-content {
  padding: 50px 60px 0;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-content {
    padding: 40px 40px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-content {
    padding: 40px 40px 0;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial-content {
    padding: 40px 40px 0;
  }
}
@media only screen and (max-width: 479px) {
  .testimonial-content {
    padding: 30px 30px 0;
  }
}
.testimonial-content::before, .testimonial-content::after {
  position: absolute;
  width: 30px;
  height: 27px;
  content: "";
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.testimonial-content::before {
  left: 0;
  top: 0;
  background-image: url(../image/quote-left.png);
}
.testimonial-content::after {
  right: 0;
  bottom: 25px;
  background-image: url(../image/quote-right.png);
}
.testimonial-content p {
  margin-bottom: 20px;
}
.testimonial-content h4 {
  font-weight: 700;
  margin-bottom: 6px;
}
.testimonial-content span {
  display: block;
  font-family: "Oswald", sans-serif;
  line-height: 1;
  margin: 0;
}

/*----------------------------------------*/
/*  11. Brand CSS
/*----------------------------------------*/
.brand-item {
  text-align: center;
}
.brand-item img {
  max-width: 100%;
  margin: auto;
}

/*----------------------------------------*/
/*  12. Service CSS
/*----------------------------------------*/
/*-- Service Container --*/
.service-container {
  background-color: #ffffff;
  max-width: 1520px;
  width: 100%;
  margin: auto;
  border: 1px solid #ebebeb;
  border-radius: 500px;
  padding: 25px 0;
  margin-bottom: -90px;
  position: relative;
  z-index: 9;
}
@media only screen and (max-width: 767px) {
  .service-container {
    margin-bottom: 50px;
    max-width: 540px;
    border: none;
    padding: 0;
    border-radius: 0px;
  }
}

/*-- Service --*/
.service {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px 40px;
  position: relative;
}
.service::before {
  content: "";
  position: absolute;
  right: 0;
  top: 18px;
  bottom: 18px;
  width: 1px;
  background-color: #ebebeb;
}
.service:last-child::before {
  display: none;
}
.service .icon {
  width: 52px;
  height: 43px;
  background-repeat: no-repeat;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  background-image: url(../image/service-sprites.png);
}
.service:nth-child(1) .icon {
  background-position: 0 0;
}
.service:nth-child(2) .icon {
  background-position: -52px 0;
}
.service:nth-child(3) .icon {
  background-position: -104px 0;
}
.service:nth-child(4) .icon {
  background-position: -156px 0;
}
.service .content {
  width: calc(100% - 52px);
  padding-left: 25px;
}
.service .content h3 {
  font-weight: 500;
  margin-bottom: 7px;
}
.service:hover:nth-child(1) .icon {
  background-position: 0 -43px;
}
.service:hover:nth-child(2) .icon {
  background-position: -52px -43px;
}
.service:hover:nth-child(3) .icon {
  background-position: -104px -43px;
}
.service:hover:nth-child(4) .icon {
  background-position: -156px -43px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .service {
    padding: 15px 25px;
  }
  .service .content {
    padding-left: 20px;
  }
  .service .content h3 {
    font-size: 20px;
  }
  .service .content p {
    font-size: 13px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service:nth-child(2)::before {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service:nth-child(2)::before {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .service {
    padding: 0 15px;
    margin-bottom: 30px;
  }
  .service::before {
    display: none;
  }
  .service:last-child {
    margin-bottom: 0;
  }
  .service p {
    max-width: 300px;
  }
}
/*----------------------------------------*/
/*  13. Blog CSS
/*----------------------------------------*/
/*-- Blog Section Title --*/
.blog-section-title {
  background-color: #222222;
  padding: 78px 35px;
}
.blog-section-title h1 {
  color: #d8d8d8;
  font-weight: 600;
  letter-spacing: 0.25px;
  margin-bottom: 0;
}
.blog-section-title p {
  color: #d8d8d8;
  line-height: 24px;
  margin-top: 19px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-section-title {
    padding: 80px 35px;
  }
  .blog-section-title h1 {
    font-size: 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-section-title {
    padding: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .blog-section-title {
    padding: 50px;
  }
}
@media only screen and (max-width: 479px) {
  .blog-section-title {
    padding: 30px;
  }
}

/*-- Blog Slider --*/
.blog-slider .slick-arrow {
  position: absolute;
  bottom: -1px;
  z-index: 99;
  height: 30px;
  width: 40px;
  border: none;
  padding: 0;
  text-align: center;
  background-color: #d8d8d8;
  color: #222222;
}
.blog-slider .slick-arrow i {
  font-size: 18px;
  line-height: 32px;
  display: block;
}
.blog-slider .slick-arrow:hover {
  background-color: #d0a97e;
  color: #222222;
}
.blog-slider .slick-arrow.slick-prev {
  right: 41px;
}
.blog-slider .slick-arrow.slick-next {
  right: 0;
}

/*-- Home Blog --*/
.home-blog {
  background-color: #222222;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.home-blog .image {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 38%;
          flex: 0 0 38%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  min-height: 200px;
  text-indent: -9999px;
}
.home-blog .image a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 575px) {
  .home-blog .image {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
    height: 250px;
  }
}
@media only screen and (max-width: 479px) {
  .home-blog .image {
    height: 200px;
  }
}
.home-blog .content {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 62%;
          flex: 0 0 62%;
  padding: 50px;
  padding-right: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .home-blog .content {
    padding-right: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .home-blog .content {
    padding: 30px 50px 30px 30px;
  }
}
@media only screen and (max-width: 575px) {
  .home-blog .content {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
  }
}
.home-blog .content .title {
  font-weight: 600;
  font-size: 24px;
  letter-spacing: 0.25px;
  margin-bottom: 3px;
}
@media only screen and (max-width: 479px) {
  .home-blog .content .title {
    font-size: 20px;
  }
}
.home-blog .content .title a {
  color: #d8d8d8;
}
.home-blog .content .title a:hover {
  color: #d0a97e;
}
.home-blog .content .blog-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 13px;
}
.home-blog .content .blog-meta li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #d8d8d8;
  letter-spacing: 0.5px;
  font-family: "Oswald", sans-serif;
  margin-bottom: 3px;
}
.home-blog .content .blog-meta li::after {
  content: "|";
  margin: 0 10px;
}
.home-blog .content .blog-meta li:last-child::after {
  display: none;
}
.home-blog .content .blog-meta li a:hover {
  color: #d0a97e;
}
.home-blog .content p {
  color: #d8d8d8;
  line-height: 24px;
  margin-bottom: 12px;
}
.home-blog .content .read-more {
  color: #d8d8d8;
  font-weight: 600;
  text-transform: capitalize;
  font-family: "Oswald", sans-serif;
}
.home-blog .content .read-more:hover {
  color: #d0a97e;
}

/*-- Blog --*/
.blog-item {
  background-color: #222222;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.blog-item .image {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40%;
          flex: 0 0 40%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  min-height: 200px;
  text-indent: -9999px;
}
.blog-item .image img {
  display: none;
  width: 100%;
}
@media only screen and (max-width: 575px) {
  .blog-item .image {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
    height: 250px;
  }
}
@media only screen and (max-width: 479px) {
  .blog-item .image {
    height: 200px;
  }
}
.blog-item .content {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 60%;
          flex: 0 0 60%;
  padding: 50px 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-item .content {
    padding-right: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .blog-item .content {
    padding: 30px 50px 30px 30px;
  }
}
@media only screen and (max-width: 575px) {
  .blog-item .content {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
  }
}
.blog-item .content .title {
  font-weight: 600;
  font-size: 24px;
  letter-spacing: 0.25px;
  margin-bottom: 3px;
}
@media only screen and (max-width: 479px) {
  .blog-item .content .title {
    font-size: 20px;
  }
}
.blog-item .content .title a {
  color: #d8d8d8;
}
.blog-item .content .title a:hover {
  color: #d0a97e;
}
.blog-item .content .blog-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 13px;
}
.blog-item .content .blog-meta li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #d8d8d8;
  letter-spacing: 0.5px;
  font-family: "Oswald", sans-serif;
  margin-bottom: 3px;
}
.blog-item .content .blog-meta li::after {
  content: "|";
  margin: 0 10px;
}
.blog-item .content .blog-meta li:last-child::after {
  display: none;
}
.blog-item .content .blog-meta li a:hover {
  color: #d0a97e;
}
.blog-item .content p {
  color: #d8d8d8;
  line-height: 24px;
  margin-bottom: 12px;
}
.blog-item .content .read-more {
  color: #d8d8d8;
  font-weight: 600;
  text-transform: capitalize;
  font-family: "Oswald", sans-serif;
}
.blog-item .content .read-more:hover {
  color: #d0a97e;
}
.blog-item.grid .image {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  background-image: none !important;
  height: auto !important;
  min-height: auto !important;
}
.blog-item.grid .image img {
  display: block;
}
.blog-item.grid .content {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  padding: 30px;
}

/*-- Single Blog --*/
.single-blog-item .image {
  width: 100%;
  margin-bottom: 21px;
}
.single-blog-item .content .blog-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 13px;
}
.single-blog-item .content .blog-meta li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #222222;
  letter-spacing: 0.5px;
  font-family: "Oswald", sans-serif;
  margin-bottom: 3px;
}
.single-blog-item .content .blog-meta li::after {
  content: "|";
  margin: 0 10px;
}
.single-blog-item .content .blog-meta li:last-child::after {
  display: none;
}
.single-blog-item .content .blog-meta li a:hover {
  color: #d0a97e;
}
.single-blog-item .content .desc .blockquote {
  margin: 30px 60px;
}
@media only screen and (max-width: 767px) {
  .single-blog-item .content .desc .blockquote {
    margin: 30px;
  }
}
.single-blog-item .content .desc .blockquote p {
  font-size: 18px;
  line-height: 30px;
  font-style: italic;
}
.single-blog-item .content .blog-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 30px;
}
.single-blog-item .content .blog-footer .tags, .single-blog-item .content .blog-footer .share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.single-blog-item .content .blog-footer .tags span, .single-blog-item .content .blog-footer .share span {
  display: block;
  font-size: 15px;
  font-weight: 500;
  font-family: "Oswald", sans-serif;
  line-height: 25px;
  margin-right: 10px;
}
.single-blog-item .content .blog-footer .tags a, .single-blog-item .content .blog-footer .share a {
  font-size: 15px;
  line-height: 25px;
}
.single-blog-item .content .blog-footer .tags a::after, .single-blog-item .content .blog-footer .share a::after {
  content: ",";
  margin-right: 5px;
}
.single-blog-item .content .blog-footer .tags a:last-child::after, .single-blog-item .content .blog-footer .share a:last-child::after {
  display: none;
}

/*-- Blog Navigation --*/
.blog-navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 25px;
}
.blog-navigation a {
  font-size: 15px;
  font-family: "Oswald", sans-serif;
  line-height: 20px;
}
.blog-navigation a i {
  line-height: 24px;
  display: block;
  color: #acacac;
}
.blog-navigation a.prev-blog i {
  float: left;
  margin-right: 10px;
}
.blog-navigation a.next-blog i {
  float: right;
  margin-left: 10px;
}
.blog-navigation a:hover {
  color: #d0a97e;
}
.blog-navigation a:hover i {
  color: #d0a97e;
}

/*----------------------------------------*/
/*  14. Comment CSS
/*----------------------------------------*/
/*-- Comment Wrap --*/
.comment-wrap h3 {
  font-size: 24px;
  line-height: 1;
  margin-bottom: 40px;
}

/*-- Comment List --*/
.comment-list {
  overflow: hidden;
  margin-bottom: 40px;
}
/*-- Child Comment --*/
.child-comment {
  margin-left: 120px;
}
@media only screen and (max-width: 479px) {
  .child-comment {
    margin-left: 0;
  }
}

/*-- Comment --*/
.comment {
  margin-bottom: 50px;
}
.comment .image {
  width: 90px;
  float: left;
  margin-right: 30px;
  border-radius: 4px;
  overflow: hidden;
}
.comment .image img {
  width: 100%;
}
.comment .content {
  overflow: hidden;
}
.comment .content h5 {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 6px;
}
.comment .content .time {
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 5px;
}
.comment .content .reply {
  line-height: 18px;
  font-weight: 600;
  display: block;
  margin-bottom: 5px;
}
.comment .content .decs {
  margin-top: 2px;
}
.comment .content .decs p {
  line-height: 26px;
}

/*-- Comment Form --*/
.comment-form input {
  display: block;
  width: 100%;
  border-width: 0 0 1px;
  border-style: solid;
  border-color: #9d9d9d;
  height: auto;
  line-height: 18px;
  padding: 0 0 10px;
  margin-bottom: 40px;
}
.comment-form input:focus {
  border-color: #d0a97e;
}
.comment-form textarea {
  display: block;
  width: 100%;
  border-width: 0 0 1px;
  border-style: solid;
  border-color: #9d9d9d;
  height: 130px;
  line-height: 18px;
  padding: 0 0 10px;
  margin-bottom: 40px;
  resize: none;
}
.comment-form textarea:focus {
  border-color: #d0a97e;
}
.comment-form button {
  padding: 10px 30px;
  border-radius: 50px;
  background-color: #222222;
  color: #d0a97e;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 25px;
  border: none;
  font-family: "Oswald", sans-serif;
}
.comment-form button:hover {
  background-color: #d0a97e;
  color: #222222;
}

/*----------------------------------------*/
/*  15. Contact CSS
/*----------------------------------------*/
/*-- Contact Information --*/
.contact-info {
  background-color: #222222;
  max-width: 435px;
  padding: 95px 60px;
}
@media only screen and (max-width: 479px) {
  .contact-info {
    padding: 50px 30px;
  }
}
.contact-info ul li {
  border-bottom: 1px dashed #636363;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.contact-info ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.contact-info ul li h4 {
  color: #d8d8d8;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 9px;
}
.contact-info ul li p {
  color: #d8d8d8;
  max-width: 250px;
}
.contact-info ul li p a {
  display: block;
}

/*-- Contact Form Wrap --*/
.contact-form-wrap h3 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px;
}
.contact-form-wrap p {
  margin-bottom: 30px;
}

/*-- Contact Form --*/
.contact-form input {
  display: block;
  width: 100%;
  border: 1px solid #ebebeb;
  border-radius: 50px;
  line-height: 24px;
  padding: 11px 25px;
  color: #656565;
}
.contact-form textarea {
  display: block;
  width: 100%;
  border: 1px solid #ebebeb;
  border-radius: 20px;
  line-height: 24px;
  padding: 20px 25px;
  color: #656565;
  height: 190px;
  resize: none;
}
.contact-form button {
  font-size: 18px;
  line-height: 25px;
  padding: 10px 30px;
  text-transform: uppercase;
  background-color: #222222;
  color: #d0a97e;
  border: none;
  border-radius: 50px;
  font-weight: 600;
  font-family: "Oswald", sans-serif;
}
.contact-form button:hover {
  background-color: #d0a97e;
  color: #222222;
}

/*---------------------------------------
    16. Cart CSS
-----------------------------------------*/
/*-- Cart Table --*/
.cart-table .table {
  border-bottom: 2px solid #222222;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .cart-table .table {
    border-top: 2px solid #222222;
  }
}
.cart-table .table thead {
  background-color: #222222;
}
@media only screen and (max-width: 767px) {
  .cart-table .table thead {
    display: none;
  }
}
.cart-table .table thead tr th {
  text-align: center;
  border: none;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  padding: 12px 20px;
}
.cart-table .table tbody tr td {
  text-align: center;
  border: none;
  padding: 25px 20px;
  vertical-align: middle;
  border-bottom: 1px solid #dddddd;
}
@media only screen and (max-width: 767px) {
  .cart-table .table tbody tr td {
    display: block;
    width: 100%;
    max-width: none;
    padding: 15px;
    text-align: left;
  }
}

.cart-table th.pro-thumbnail, .cart-table td.pro-thumbnail {
  max-width: 160px;
  min-width: 120px;
  width: 160px;
}
@media only screen and (max-width: 767px) {
  .cart-table th.pro-thumbnail a, .cart-table td.pro-thumbnail a {
    width: 160px;
  }
}
.cart-table th.pro-title, .cart-table td.pro-title {
  min-width: 200px;
}
.cart-table td.pro-thumbnail a {
  display: block;
  border: 1px solid #eeeeee;
  max-width: 70px;
}
.cart-table td.pro-thumbnail a img {
  width: 100%;
  background-color: #f6f7f8;
}
.cart-table td.pro-title a {
  font-size: 16px;
  font-weight: 600;
  color: #222222;
}
.cart-table td.pro-title a:hover {
  color: #d0a97e;
}
.cart-table td.pro-price span {
  display: block;
  font-size: 15px;
  font-weight: 600;
  color: #222222;
}
.cart-table td.pro-quantity .pro-qty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 767px){
  .cart-table td.pro-quantity .pro-qty{
    justify-content: flex-start;
  }
}
.cart-table td.pro-quantity .pro-qty input {
  width: 60px;
  height: 30px;
  text-align: center;
  background-color: #222222;
  border: none;
  color: #ffffff;
  font-weight: 600;
  margin: 0 2px;
}
.cart-table td.pro-quantity .pro-qty .qtybtn {
  background-color: #222222;
  color: #ffffff;
  height: 30px;
  width: 25px;
  font-size: 19px;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.cart-table td.pro-subtotal span {
  display: block;
  font-size: 15px;
  font-weight: 600;
  color: #222222;
}
.cart-table td.pro-addtocart button {
  width: 140px;
  border-radius: 50px;
  height: 36px;
  border: 1px solid #d0a97e;
  line-height: 24px;
  padding: 5px 20px;
  font-weight: 700;
  text-transform: capitalize;
  color: #222222;
  background-color: #d0a97e;
}
.cart-table td.pro-addtocart button:hover {
  background-color: #222222;
  border-color: #222222;
  color: #d0a97e;
}
.cart-table td.pro-remove a {
  display: block;
  font-weight: 600;
  color: #222222;
}
.cart-table td.pro-remove a i {
  font-size: 15px;
}
.cart-table td.pro-remove a:hover {
  color: #ff0000;
}
@media only screen and (max-width: 767px) {
  .cart-table td.pro-remove a {
    width: 60px;
    text-align: center;
  }
}

/*-- Calculate Shipping --*/
.calculate-shipping {
  margin-bottom: 23px;
}
.calculate-shipping h4 {
  font-size: 20px;
  line-height: 23px;
  text-decoration: underline;
  text-transform: capitalize;
  font-weight: 700;
  margin-bottom: 30px;
}
.calculate-shipping form .nice-select {
  width: 100%;
  border-radius: 50px;
  height: 36px;
  border: 1px solid #999999;
  line-height: 24px;
  padding: 5px 20px;
  background-color: transparent;
}
.calculate-shipping form .nice-select::after {
  border-color: #222222;
}
.calculate-shipping form .nice-select .current {
  display: block;
  line-height: 24px;
  font-size: 14px;
  color: #222222;
}
.calculate-shipping form input {
  width: 100%;
  border-radius: 50px;
  height: 36px;
  border: 1px solid #999999;
  line-height: 24px;
  padding: 5px 20px;
  color: #222222;
  background-color: transparent;
}
.calculate-shipping form input[type=submit] {
  font-weight: 700;
  color: #222222;
  background-color: #d0a97e;
  border-color: #d0a97e;
  width: 140px;
}
.calculate-shipping form input[type=submit]:hover {
  background-color: #222222;
  border-color: #222222;
  color: #d0a97e;
}

/*-- Discount Coupon --*/
.discount-coupon h4 {
  font-size: 20px;
  line-height: 23px;
  text-decoration: underline;
  text-transform: capitalize;
  font-weight: 700;
  margin-bottom: 30px;
}
.discount-coupon form input {
  width: 100%;
  border-radius: 50px;
  height: 36px;
  border: 1px solid #999999;
  line-height: 24px;
  padding: 5px 20px;
  color: #222222;
  background-color: transparent;
}
.discount-coupon form input[type=submit] {
  font-weight: 700;
  color: #222222;
  background-color: #d0a97e;
  border-color: #d0a97e;
  width: 140px;
}
.discount-coupon form input[type=submit]:hover {
  background-color: #222222;
  border-color: #222222;
  color: #d0a97e;
}

/*-- Cart Summary --*/
.cart-summary {
  float: right;
  max-width: 410px;
  width: 100%;
  margin-left: auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-summary {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .cart-summary {
    margin-left: 0;
  }
}
.cart-summary .cart-summary-wrap {
  background-color: #222222;
  padding: 45px 50px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 575px) {
  .cart-summary .cart-summary-wrap {
    padding: 25px 30px;
  }
}
.cart-summary .cart-summary-wrap h4 {
  font-size: 20px;
  line-height: 23px;
  text-decoration: underline;
  text-transform: capitalize;
  font-weight: 700;
  margin-bottom: 30px;
  color: #d0a97e;
}
.cart-summary .cart-summary-wrap p {
  font-size: 14px;
  font-weight: 600;
  line-height: 23px;
  color: #ffffff;
}
.cart-summary .cart-summary-wrap p span {
  float: right;
}
.cart-summary .cart-summary-wrap h2 {
  border-top: 1px solid #ffffff;
  padding-top: 9px;
  font-size: 18px;
  line-height: 23px;
  font-weight: 700;
  color: #d0a97e;
  margin: 0;
}
.cart-summary .cart-summary-wrap h2 span {
  float: right;
}
.cart-summary .cart-summary-button {
  overflow: hidden;
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-summary .cart-summary-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  .cart-summary .cart-summary-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.cart-summary .cart-summary-button button {
  margin-top: 10px;
  width: 140px;
  border-radius: 50px;
  height: 36px;
  border: 1px solid #999999;
  line-height: 24px;
  padding: 5px 20px;
  color: #222222;
  background-color: transparent;
  margin-left: 20px;
  font-weight: 700;
  float: right;
}
.cart-summary .cart-summary-button button:last-child {
  margin-left: 0;
}
.cart-summary .cart-summary-button button.checkout-btn {
  color: #222222;
  background-color: #d0a97e;
  border-color: #d0a97e;
}
.cart-summary .cart-summary-button button:hover {
  background-color: #222222;
  border-color: #222222;
  color: #d0a97e;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-summary .cart-summary-button button {
    margin-left: 0;
    margin-right: 20px;
  }
  .cart-summary .cart-summary-button button:last-child {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .cart-summary .cart-summary-button button {
    margin-left: 0;
    margin-right: 10px;
  }
  .cart-summary .cart-summary-button button:last-child {
    margin-right: 0;
  }
}
@media only screen and (max-width: 575px) {
  .cart-summary .cart-summary-button button {
    width: 130px;
  }
}

/*---------------------------------------
    17. Checkout CSS
-----------------------------------------*/
/*-- Checkout Title --*/
.checkout-title {
  font-size: 20px;
  line-height: 23px;
  text-decoration: underline;
  text-transform: capitalize;
  font-weight: 700;
  margin-bottom: 30px;
}

/*-- Checkout Form --*/
.checkout-form label {
  display: block;
  font-size: 14px;
  margin-bottom: 12px;
  font-weight: 600;
  text-transform: capitalize;
}
.checkout-form .nice-select {
  width: 100%;
  background-color: transparent;
  border: 1px solid #999999;
  border-radius: 50px;
  line-height: 23px;
  padding: 10px 20px;
  font-size: 14px;
  height: 45px;
  color: #222222;
  margin-bottom: 15px;
}
.checkout-form .nice-select::after {
  width: 6px;
  height: 6px;
  border-width: 1px;
  right: 20px;
  border-color: #222222;
}
.checkout-form .nice-select .current {
  color: #222222;
  display: block;
  line-height: 23px;
}
.checkout-form .nice-select .list {
  width: 100%;
}
.checkout-form input {
  width: 100%;
  background-color: transparent;
  border: 1px solid #999999;
  border-radius: 50px;
  line-height: 23px;
  padding: 10px 20px;
  font-size: 14px;
  color: #222222;
  margin-bottom: 15px;
}
.checkout-form input[type=checkbox] {
  width: auto;
}
.checkout-form .check-box {
  float: left;
  margin-right: 70px;
}
.checkout-form .check-box:last-child {
  margin-right: 0;
}
.checkout-form .check-box input[type=checkbox] {
  display: none;
}
.checkout-form .check-box input[type=checkbox] + label {
  position: relative;
  padding-left: 30px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #222222;
  margin: 0;
}
.checkout-form .check-box input[type=checkbox] + label::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  display: block;
  border: 2px solid #999999;
  content: "";
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.checkout-form .check-box input[type=checkbox] + label::after {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  content: "";
  font-family: Fontawesome;
  font-size: 12px;
  line-height: 20px;
  opacity: 0;
  color: #222222;
  width: 20px;
  text-align: center;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.checkout-form .check-box input[type=checkbox]:checked + label::before {
  border: 2px solid #222222;
}
.checkout-form .check-box input[type=checkbox]:checked + label::after {
  opacity: 1;
}

/*-- Shipping Form --*/
#shipping-form {
  display: none;
}

/*-- Checkout Cart Total --*/
.checkout-cart-total {
  background-color: #222222;
  padding: 45px;
}
@media only screen and (max-width: 575px) {
  .checkout-cart-total {
    padding: 30px;
  }
}
.checkout-cart-total h4 {
  -ms-flex-preferred-size: 18px;
      flex-basis: 18px;
  line-height: 23px;
  font-weight: 700;
  color: #d0a97e;
}
.checkout-cart-total h4:first-child {
  margin-top: 0;
  margin-bottom: 25px;
}
.checkout-cart-total h4:last-child {
  margin-top: 15px;
  margin-bottom: 0;
}
.checkout-cart-total h4 span {
  float: right;
  display: block;
}
.checkout-cart-total ul {
  border-bottom: 1px solid #ffffff;
}
.checkout-cart-total ul li {
  color: #ffffff;
  font-size: 14px;
  line-height: 23px;
  font-weight: 600;
  display: block;
  margin-bottom: 16px;
}
.checkout-cart-total ul li span {
  color: #ffffff;
  float: right;
}
.checkout-cart-total p {
  font-size: 14px;
  line-height: 30px;
  font-weight: 600;
  color: #ffffff;
  padding: 10px 0;
  border-bottom: 1px solid #ffffff;
  margin: 0;
}
.checkout-cart-total p span {
  float: right;
}

/*-- Checkout Payment Method --*/
.checkout-payment-method {
  background-color: #222222;
  padding: 45px;
}
@media only screen and (max-width: 575px) {
  .checkout-payment-method {
    padding: 30px;
  }
}

/*-- Single Payment Method --*/
.single-method {
  margin-bottom: 20px;
}
.single-method:last-child {
  margin-bottom: 0;
}
.single-method input[type=radio] {
  display: none;
}
.single-method input[type=radio] + label {
  position: relative;
  padding-left: 30px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  margin: 0;
}
.single-method input[type=radio] + label::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  display: block;
  border: 2px solid #ffffff;
  content: "";
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.single-method input[type=radio] + label::after {
  position: absolute;
  left: 5px;
  top: 5px;
  display: block;
  content: "";
  opacity: 0;
  background-color: #d0a97e;
  width: 10px;
  text-align: center;
  height: 10px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.single-method input[type=radio]:checked + label::before {
  border: 2px solid #d0a97e;
}
.single-method input[type=radio]:checked + label::after {
  opacity: 1;
}
.single-method input[type=checkbox] {
  display: none;
}
.single-method input[type=checkbox] + label {
  position: relative;
  padding-left: 30px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  margin: 0;
}
.single-method input[type=checkbox] + label::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  display: block;
  border: 2px solid #ffffff;
  content: "";
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.single-method input[type=checkbox] + label::after {
  position: absolute;
  left: 4px;
  top: 4px;
  display: block;
  content: "";
  opacity: 0;
  background-color: #d0a97e;
  width: 8px;
  text-align: center;
  height: 8px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.single-method input[type=checkbox]:checked + label::before {
  border: 2px solid #d0a97e;
}
.single-method input[type=checkbox]:checked + label::after {
  opacity: 1;
}
.single-method p {
  display: none;
  margin-top: 8px;
  font-size: 14px;
  color: #ffffff;
  line-height: 23px;
}

/*-- Place Order --*/
.place-order {
  margin-top: 40px;
  float: left;
}

/*---------------------------------------
    18. Compare CSS
-----------------------------------------*/
/*-- Compare Table --*/
.compare-table .table tbody tr:first-child {
  border-top: 1px solid #eeeeee;
}
.compare-table .table tbody tr td {
  text-align: center;
  border: none;
  padding: 25px 30px;
  vertical-align: middle;
  border-bottom: 1px solid #eeeeee;
  border-left: 1px solid #eeeeee;
}
.compare-table .table tbody tr td:last-child {
  border-right: 1px solid #eeeeee;
}
.compare-table .table tbody tr td.first-column {
  min-width: 180px;
  font-size: 18px;
  font-weight: 600;
  color: #222222;
  margin: 0;
  line-height: 1;
}
.compare-table .table tbody tr td.product-image-title {
  min-width: 310px;
  vertical-align: bottom;
  padding-top: 70px;
}
.compare-table .table tbody tr td.product-image-title .image {
  clear: both;
  width: 100%;
  margin-bottom: 40px;
}
.compare-table .table tbody tr td.product-image-title .image img {
  max-width: 100%;
}
.compare-table .table tbody tr td.product-image-title .title {
  float: left;
  clear: both;
  font-size: 16px;
  font-weight: 600;
  color: #222222;
  line-height: 20px;
  margin-bottom: 10px;
}
.compare-table .table tbody tr td.product-image-title .title:hover {
  color: #d0a97e;
}
.compare-table .table tbody tr td.pro-desc p {
  text-align: left;
  margin: 0;
}
.compare-table .table tbody tr td.pro-price {
  font-size: 16px;
  font-weight: 600;
  color: #222222;
}
.compare-table .table tbody tr td.pro-color {
  font-size: 16px;
  font-weight: 600;
  color: #222222;
}
.compare-table .table tbody tr td.pro-stock {
  font-size: 16px;
  font-weight: 600;
  color: #222222;
}
.compare-table .table tbody tr td.pro-remove button {
  border: none;
  background-color: transparent;
  padding: 0;
}
.compare-table .table tbody tr td.pro-remove button i {
  font-size: 20px;
}
.compare-table .table tbody tr td.pro-remove button:hover {
  color: #ff0000;
}
.compare-table .table tbody tr td.pro-ratting i {
  color: #222222;
  font-size: 14px;
}

/*---------------------------------------
    19. My Account CSS
-----------------------------------------*/
/*-- My Account Tab Menu -*/
.myaccount-tab-menu {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.myaccount-tab-menu a {
  border: 1px solid #eeeeee;
  border-bottom: none;
  color: #222222;
  font-weight: 600;
  font-size: 12px;
  display: block;
  padding: 15px 15px 13px;
  text-transform: uppercase;
}
.myaccount-tab-menu a:last-child {
  border-bottom: 1px solid #eeeeee;
}
.myaccount-tab-menu a:hover, .myaccount-tab-menu a.active {
  background-color: #d0a97e;
  color: #ffffff;
}
.myaccount-tab-menu a i {
  font-size: 16px;
  text-align: center;
  width: 25px;
}

/*-- My Account Content -*/
.myaccount-content {
  font-size: 16px;
  border: 1px solid #eeeeee;
  padding: 30px;
}
@media only screen and (max-width: 575px) {
  .myaccount-content {
    padding: 20px 15px;
  }
}
.myaccount-content h3 {
  border-bottom: 1px dashed #eeeeee;
  padding-bottom: 10px;
  margin-bottom: 25px;
}
.myaccount-content .welcome a {
  color: #000000;
}
.myaccount-content .welcome a:hover {
  color: #d0a97e;
}
.myaccount-content .welcome strong {
  font-weight: 600;
}

/*-- My Account Table -*/
.myaccount-table {
  white-space: nowrap;
  font-size: 15px;
}
.myaccount-table table th, .myaccount-table .table th {
  padding: 10px;
}
.myaccount-table table td, .myaccount-table .table td {
  padding: 20px 10px;
  vertical-align: middle;
}

.saved-message {
  border-top: 3px solid #d0a97e;
  border-radius: 5px 5px 0 0;
  font-weight: 600;
  font-size: 13px;
  padding: 20px;
}

/*-- My Account Details Form -*/
.account-details-form h4 {
  margin: 0;
}
.account-details-form input {
  display: block;
  width: 100%;
  border: 1px solid #ebebeb;
  border-radius: 50px;
  line-height: 24px;
  padding: 11px 25px;
  color: #656565;
}

/*---------------------------------------
    20. Login & Register CSS
-----------------------------------------*/
/*--Login Register Form -*/
.login-register-form h3 {
  margin-bottom: 30px;
}
.login-register-form input {
  display: block;
  width: 100%;
  border: 1px solid #ebebeb;
  border-radius: 50px;
  line-height: 24px;
  padding: 11px 25px;
  color: #656565;
}

/*---------------------------------------
    21. Footer CSS
-----------------------------------------*/
/*-- Footer Top Section --*/
.footer-top-section {
  padding: 180px 0 50px;
}
@media only screen and (max-width: 767px) {
  .footer-top-section {
    padding-top: 90px;
  }
}

/*-- Footer Widget Wrap --*/
.footer-widget-wrap {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.footer-widget-wrap > .col, .footer-widget-wrap > [class*=col-] {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-widget-wrap > .col, .footer-widget-wrap > [class*=col-] {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
            flex: 1 0 50%;
  }
}
@media only screen and (max-width: 767px) {
  .footer-widget-wrap > .col, .footer-widget-wrap > [class*=col-] {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
            flex: 1 0 50%;
    max-width: 50%;
  }
}
@media only screen and (max-width: 575px) {
  .footer-widget-wrap > .col, .footer-widget-wrap > [class*=col-] {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
    max-width: 100%;
  }
}

/*-- Footer Widget --*/
.footer-widget .title {
  color: #d8d8d8;
  white-space: nowrap;
  margin-top: 15px;
  margin-bottom: 19px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-widget .title {
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .footer-widget .title {
    margin-top: 0;
  }
}
.footer-widget img {
  margin-bottom: 18px;
}
.footer-widget p {
  color: #d8d8d8;
  width: 270px;
  line-height: 23px;
}
@media only screen and (max-width: 767px) {
  .footer-widget p {
    width: auto;
  }
}
.footer-widget ul li {
  margin-bottom: 12px;
}
.footer-widget ul li:last-child {
  margin-bottom: 0;
}
.footer-widget ul li a {
  color: #d8d8d8;
  white-space: nowrap;
  display: block;
  line-height: 23px;
}
.footer-widget ul li a:hover {
  color: #d0a97e;
}

/*-- Footer Bottom Section --*/
.footer-bottom-section {
  padding: 15px 0;
}

.copyright {
  line-height: 22px;
  margin: 4px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .copyright {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .copyright {
    text-align: center;
  }
}

.payment-method {
  text-align: right;
  margin: 4px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .payment-method {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .payment-method {
    text-align: center;
  }
}