/*-----------------------------------------
[Table Of Content]

    01. Typography CSS
    02. Color CSS
    03. Common Style CSS
    04. Header Area Style CSS
        4.1 - Site Navigation Style
    05. Start Hero Banner Area Style
    06. Off Canvas Style CSS
    07. Director Message Style CSS
    08. About Area Style CSS
    09. Service Area Style CSS
    10. Team Area Style CSS
    11. Product Style CSS
    12. Testimonial Style CSS
    13. Blog Post Style CSS
    14. Banner Style CSS
    15. Call to Action Style CSS
    16. Slider Style CSS
    17. Brand Logo Style CSS
    18. Feature Style CSS
    19. Page Header Style CSS
    20. Progress Bar Style CSS
    21. Portfolio Style CSS
    22. Shop Page Style CSS
    23. Sidebar Style Css
    24. Single Product Page CSS
    25. Cart Page Pages Style Css
    26. Checkout Page Pages Style Css
    27. Blog Pages Style Css
    28. Footer Style CSS
----------------------------------------*/
/*=====================================
   01. Typography CSS
===================================== */
body {
  color: #757575;
  font-size: 15px;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  line-height: 1.6;
  margin: 0;
}

/* Remove text-shadow in selection highlight. */
::-moz-selection {
  background: #6a2f90;
  color: #FFFFFF;
  text-shadow: none;
}
::selection {
  background: #6a2f90;
  color: #FFFFFF;
  text-shadow: none;
}

/* A better looking default horizontal rule */
hr {
  border: 0;
  border-top: 1px solid #e1e1e1;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  display: block;
  height: 1px;
  margin: 1em 0;
  padding: 0;
  overflow: visible;
}

/* Remove the gap between audio, canvas, iframes,images, videos */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/* Remove default fieldset styles. */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/* Allow only vertical resizing of textareas. */
textarea {
  resize: vertical;
}

/* Anchor Tag Default Style */
a {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  outline: none;
  text-decoration: none;
}
a:hover, a:active, a:focus {
  color: inherit;
  outline: none;
  text-decoration: none;
}

textarea:focus, textarea:active, input:focus, input:active {
  outline: none;
}

/* Heading Default Style */
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-weight: 400;
  color: #262626;
  line-height: 1.2;
}

h1, .h1 {
  font-size: 60px;
  margin-bottom: 6px;
  margin-top: -15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  h1, .h1 {
    margin-top: -12px;
  }
}
@media only screen and (max-width: 767.98px) {
  h1, .h1 {
    margin-top: -8px;
  }
}

h2, .h2 {
  font-size: 56px;
  margin-bottom: 6px;
  margin-top: -14px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  h2, .h2 {
    margin-top: -10px;
  }
}
@media only screen and (max-width: 767.98px) {
  h2, .h2 {
    margin-top: -7px;
  }
}

h3, .h3 {
  font-size: 48px;
  margin-bottom: 10px;
  margin-top: -12px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  h3, .h3 {
    margin-top: -9px;
  }
}
@media only screen and (max-width: 767.98px) {
  h3, .h3 {
    margin-top: -6px;
  }
}

h4, .h4 {
  font-size: 32px;
  margin-bottom: 14px;
  margin-top: -8px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  h4, .h4 {
    margin-top: -6px;
  }
}
@media only screen and (max-width: 767.98px) {
  h4, .h4 {
    margin-top: -5px;
  }
}

h5, .h5 {
  font-size: 26px;
  margin-bottom: 15px;
}

h6, .h6 {
  font-size: 20px;
  margin-bottom: 12px;
}

/* Paragraph Margin */
p {
  margin-bottom: 15px;
}
p:last-child {
  margin-bottom: 0;
}

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

strong, b {
  font-weight: 700;
}

figure {
  margin: 0;
}

img {
  max-width: 100%;
}

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
button:active, button:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

[data-mfp-src], .btn-img-popup {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.parallax {
  background-repeat: no-repeat;
}

.form-message.alert {
  margin-top: 10px;
}

.row > * {
  position: relative;
}

/*============================
03. Common Style CSS
==============================*/
/*------------------
3.1 - Buttons Style
--------------------*/
.btn-group .btn {
  margin-right: 15px;
}
.btn-group .btn:last-child {
  margin-right: 0;
}

.btn {
  border-radius: 0;
  color: #6a2f90;
  display: inline-block;
  padding: 18px 45px;
  font-size: 14px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-transition: 0.4s ease-in;
  transition: 0.4s ease-in;
  outline: none;
  letter-spacing: 1.75px;
  position: relative;
}
@media only screen and (max-width: 767.98px) {
  .btn {
    padding: 15px 25px;
  }
}
.btn:focus, .btn:active {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-bordered {
  border-color: #e1e1e1;
  color: #262626;
}
.btn-bordered:hover {
  border-color: #6a2f90;
  color: #6a2f90;
}
.btn-black {
  background-color: #303030;
  color: #FFFFFF;
}
.btn-black:hover {
  background-color: #6a2f90;
}
.btn-brand {
  background-color: #6a2f90;
  color: #FFFFFF;
}
.btn-brand:hover {
  background-color: #303030;
  color: #FFFFFF;
}
.btn-hvr-brand {
  border-color: #6a2f90;
  color: #6a2f90;
}
.btn-hvr-brand:hover {
  background-color: #6a2f90;
  border-color: #6a2f90;
  color: #FFFFFF;
}

/*----------------------
3.2 - Background Image
-----------------------*/
.bg-img {
  background: no-repeat center center;
  background-size: cover;
}
.bg-img-tr {
  background: no-repeat top right;
}
.bg-img-tl {
  background: no-repeat top left;
}
.bg-img-br {
  background: no-repeat bottom right;
}
.bg-img-bl {
  background: no-repeat bottom left;
}
.bg-img-nr {
  background: no-repeat center center;
  background-size: contain;
}

/*-----------------
3.3 - Overflow
-------------------*/
.fix {
  overflow: hidden;
}
.fix-x {
  overflow-x: hidden;
}
.fix-y {
  overflow-y: hidden;
}

/*-------------------------
3.4 - Section title Style
--------------------------*/
.section-title {
  margin-bottom: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .section-title {
    margin-bottom: 51px;
  }
}
@media only screen and (max-width: 767.98px) {
  .section-title {
    margin-bottom: 35px;
  }
}
.section-title h6 {
  color: #757575;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 35px;
}
@media only screen and (max-width: 767.98px) {
  .section-title h6 {
    margin-bottom: 18px;
  }
}
.section-title h2 {
  margin-bottom: 0;
  font-family: "Playfair Display", serif;
}
@media only screen and (max-width: 767.98px) {
  .section-title h2 {
    font-size: 30px;
  }
}
.section-title--2 h2 {
  font-size: 36px;
  font-weight: 700;
  margin-top: -7px;
  margin-bottom: 25px;
}
.section-title--2 h6 {
  font-size: 14px;
  font-family: "Playfair Display", serif;
  letter-spacing: 3px;
  margin-bottom: 0;
}
.section-title--3 h2 {
  font-size: 40px;
  margin-bottom: 35px;
  padding-bottom: 10px;
  position: relative;
}
@media only screen and (max-width: 767.98px) {
  .section-title--3 h2 {
    margin-bottom: 25px;
    font-size: 30px;
  }
}
.section-title--3 h2:before, .section-title--3 h2:after {
  border-bottom: 1px solid #ddd;
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  height: 1px;
  width: 24px;
}
.section-title--3 h2:after {
  bottom: 3px;
}
.section-title--3.left-align h2:before, .section-title--3.left-align h2:after {
  left: 0;
  -webkit-transform: none;
          transform: none;
}
.section-title.white {
  color: #FFFFFF;
}
.section-title.white h2, .section-title.white h6 {
  color: #FFFFFF;
}

@media screen and (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
}
.container-fluid {
  padding: 0 15px;
}
@media screen and (min-width: 1201px) {
  .container-fluid {
    padding: 0 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .container-fluid {
    max-width: 720px;
    margin: auto;
  }
}

/*--------------------------------
3.9 - Tippy Customization
----------------------------------*/
.tippy-popper .tippy-tooltip {
  background-color: #b22c00;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  padding: 7px 13px;
}
.tippy-popper[x-placement^=top] .tippy-arrow {
  border-top-color: #b22c00 !important;
}
.tippy-popper[x-placement^=bottom] .tippy-arrow {
  border-bottom-color: #b22c00 !important;
}
.tippy-popper[x-placement^=left] .tippy-arrow {
  border-left-color: #b22c00 !important;
}
.tippy-popper[x-placement^=right] .tippy-arrow {
  border-right-color: #b22c00 !important;
}

/*--------------------------------
3.10 - Magnific JS Customization
----------------------------------*/
.ht-mfp {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.ht-mfp.mfp-bg {
  background: rgba(0, 0, 0, 0.4);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.ht-mfp .mfp-content {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (min-width: 1200px) {
  .ht-mfp .mfp-content {
    max-width: 70%;
  }
}
.ht-mfp .mfp-content .mfp-close {
  display: none;
}
.ht-mfp .mfp-close {
  background-color: #6a2f90;
  color: #FFFFFF;
  padding: 0;
  text-align: center;
  opacity: 1;
  top: 50px;
  right: 50px;
  height: 50px;
  width: 50px;
  line-height: 50px;
}
@media only screen and (max-width: 767.98px) {
  .ht-mfp .mfp-close {
    top: 30px;
    right: 30px;
    height: 40px;
    width: 40px;
    line-height: 40px;
  }
}
.ht-mfp .mfp-close:hover {
  background-color: #b22c00;
}
.ht-mfp .mfp-arrow {
  background-color: #6a2f90;
  opacity: 1;
  margin-left: 15px;
  height: 55px;
  width: 55px;
}
.ht-mfp .mfp-arrow:before {
  display: none;
}
.ht-mfp .mfp-arrow:after {
  content: "\f104";
  color: #FFFFFF;
  font-family: "FontAwesome";
  font-size: 25px;
  line-height: 40px;
  text-align: center;
  margin: 0;
  padding: 0;
  border: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
.ht-mfp .mfp-arrow-right {
  margin-left: auto;
  margin-right: 15px;
}
.ht-mfp .mfp-arrow-right:after {
  content: "\f105";
}
.ht-mfp .mfp-arrow:hover {
  background-color: #7f1f00;
}
.ht-mfp.zoom-animate.mfp-bg {
  opacity: 0;
}
.ht-mfp.zoom-animate .mfp-content {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  opacity: 0;
}
.ht-mfp.zoom-animate.mfp-ready.mfp-bg {
  opacity: 0.9;
}
.ht-mfp.zoom-animate.mfp-ready .mfp-content {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}
.ht-mfp.zoom-animate.mfp-removing .mfp-content {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  opacity: 0;
}
.ht-mfp.zoom-animate.mfp-removing.mfp-bg {
  opacity: 0;
}
.ht-mfp.zoom-animate.mfp-removing .mfp-close {
  opacity: 0;
}

/*--------------------------------
3.11 - Blockquote Style
----------------------------------*/
blockquote, .blockquote {
  background-color: #222222;
  color: #FFFFFF;
  font-size: 26px;
  line-height: 1.4;
  padding: 42px 44px 80px;
  position: relative;
}
@media only screen and (max-width: 767.98px) {
  blockquote, .blockquote {
    padding: 20px 22px 60px;
  }
}
blockquote:before, .blockquote:before {
  content: "\f10e";
  font-family: "FontAwesome";
  position: absolute;
  right: 40px;
  bottom: 40px;
}
@media only screen and (max-width: 767.98px) {
  blockquote:before, .blockquote:before {
    right: 30px;
    bottom: 20px;
  }
}
blockquote-title, .blockquote-title {
  color: #6a2f90;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1.5px;
  line-height: 1;
}

/*--------------------------------
3.12 - Nice Select Customization
----------------------------------*/
.nice-select {
  background-color: transparent;
  border-radius: 0;
  border: none;
  border-bottom: 2px solid #6a2f90;
  color: #262626;
  float: inherit;
  font-size: 24px;
  padding-left: 0;
}
.nice-select:hover, .nice-select:focus {
  border-bottom-color: #6a2f90;
}
.nice-select:after {
  border-right-color: #757575;
  border-bottom-color: #757575;
  height: 7px;
  width: 7px;
}
.nice-select .list {
  border-radius: 0;
  color: #262626;
  font-size: 14px;
  width: 100%;
}

/*==========================
02. Color CSS
============================*/
.bg-white {
  background-color: #FFFFFF;
}
.bg-softWhite {
  background-color: #f8f8f8 !important;
}
.bg-brand {
  background-color: #6a2f90;
}
.bg-secondary {
  background-color: #b22c00 !important;
}
.bg-secondary-soft {
  background-color: #e53900;
}
.bg-secondary-2 {
  background-color: #496189;
}
.bg-blackSoft {
  background-color: #222222;
}

.text-brand {
  color: #6a2f90;
}

/*==========================
3.0 - Template Spacing
============================*/
.sm-top {
  margin-top: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .sm-top {
    margin-top: 90px;
  }
}
@media only screen and (max-width: 767.98px) {
  .sm-top {
    margin-top: 60px;
  }
}

.sm-bottom {
  margin-bottom: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .sm-bottom {
    margin-bottom: 90px;
  }
}
@media only screen and (max-width: 767.98px) {
  .sm-bottom {
    margin-bottom: 60px;
  }
}

.sm-top-wp {
  margin-top: 115px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .sm-top-wp {
    margin-top: 85px;
  }
}
@media only screen and (max-width: 767.98px) {
  .sm-top-wp {
    margin-top: 55px;
  }
}

.sm-y-wp {
  margin: 115px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .sm-y-wp {
    margin: 85px 0;
  }
}
@media only screen and (max-width: 767.98px) {
  .sm-y-wp {
    margin: 60px 0;
  }
}

.sp-top {
  padding-top: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .sp-top {
    padding-top: 90px;
  }
}
@media only screen and (max-width: 767.98px) {
  .sp-top {
    padding-top: 60px;
  }
}

.sp-y {
  padding: 120px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .sp-y {
    padding: 90px 0;
  }
}
@media only screen and (max-width: 767.98px) {
  .sp-y {
    padding: 60px 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .sp-y-md {
    padding: 90px 0;
  }
}

@media only screen and (max-width: 767.98px) {
  .sp-y-sm {
    padding: 60px 0;
  }
}

/*=============================
04. Header Area Style CSS
==============================*/
.header-top-text {
  background-color: #000000;
  color: #6a2f90;
  line-height: 1;
  font-weight: 700;
  font-size: 14px;
  padding: 14px 0;
}
@media only screen and (max-width: 767.98px) {
  .header-top-text {
    font-size: 13px;
    line-height: 1.3;
  }
}

.header-config-area {
  border-bottom: 1px solid #e1e1e1;
}
.header-config-area .nav li {
  border-right: 1px solid #e1e1e1;
  padding: 12px 20px;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .header-config-area .nav li {
    padding: 10px;
  }
}
.header-config-area .nav li:first-child {
  border-left: 1px solid #e1e1e1;
}
.header-config-area .nav li a {
  color: #757575;
  font-size: 13px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.header-config-area .nav li a:hover {
  color: #b22c00;
}
.header-config-area .nav li a:hover:after {
  color: #b22c00;
}
.header-config-content .config-nav li a:after {
  content: "\f3d0";
  font-family: "Ionicons";
  color: #000000;
  padding-left: 5px;
  vertical-align: middle;
}
.header-config-content .config-nav li .config-option {
  background-color: #FFFFFF;
  border: 1px solid #e1e1e1;
  position: absolute;
  left: -1px;
  top: calc(100% + 0px);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  width: 200px;
  z-index: 9;
  transition: 0.4s;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  pointer-events: none;
}
.header-config-content .config-nav li .config-option li {
  border: 0;
  border-bottom: 1px solid #e1e1e1;
}
.header-config-content .config-nav li .config-option li:last-child {
  border-bottom: 0;
}
.header-config-content .config-nav li .config-option li a:after {
  display: none;
}
.header-config-content .config-nav li:hover .config-option {
  opacity: 1;
  visibility: visible;
  -webkit-transform: none;
          transform: none;
  pointer-events: visible;
}
.header-config-buttons .media-icons {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media only screen and (max-width: 767.98px) {
  .header-config-buttons .media-icons {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media only screen and (max-width: 767.98px) {
  .header-config-buttons .media-icons li {
    padding: 10px 15px;
  }
}
.header-config-buttons .media-icons li.btn-cart a {
  color: #262626;
  text-transform: uppercase;
  font-size: 14px;
}
.header-config-buttons .media-icons li.btn-cart a i {
  font-size: 15px;
  margin-right: 5px;
  color: #757575;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (max-width: 767.98px) {
  .header-config-buttons .media-icons li.btn-cart a span {
    display: none;
  }
}
.header-config-buttons .media-icons li a {
  font-size: 16px;
}

.header-nav-area {
  padding: 20px 0;
}

.logo-wrap {
  max-width: 225px;
}
@media only screen and (max-width: 767.98px) {
  .logo-wrap {
    max-width: 150px;
  }
}

.search-box-inner {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.search-box-inner li {
  margin-left: 20px;
}
.search-box-inner li:first-child {
  margin-left: 0;
}
.search-box-inner li a {
  color: #262626;
  line-height: 1;
  vertical-align: middle;
  font-size: 22px;
}
.search-box-inner li a:hover {
  color: #b22c00;
}
.search-box-inner li a.btn-search i.ion-close {
  display: none;
}
.search-box-inner li a.btn-search.active i.ion-close {
  display: block;
}
.search-box-inner li a.btn-search.active i.ion-search {
  display: none;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (max-width: 767.98px) {
  .search-box-inner li a.btn-menu {
    font-size: 30px;
  }
}
.search-box-inner .header-search-box {
  position: absolute;
  left: 15px;
  top: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
  -webkit-transition: 0.3s;
  transition: 0.3s;
/*  margin-top: 15px;*/
  z-index: 9;
}
.search-box-inner .header-search-box.show {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.search-box-inner .search-box-content {
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  padding: 10px;
  width: 300px;
}
.search-box-inner .search-box-content input {
  background-color: #EEEEEE;
  border: none;
  font-weight: 600;
  padding: 15px 10px;
  outline: none;
  width: 100%;
}

/*=============================
4.1 - Site Navigation Style
==============================*/
.main-nav {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.main-nav li {
  margin-right: 30px;
}
.main-nav li.active a {
  color: #6a2f90;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .main-nav li {
    margin-right: 20px;
  }
}
.main-nav li:last-child {
  margin-right: 0;
}
.main-nav li a {
  color: #262626;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
}
.main-nav li.has-submenu {
  position: relative;
}
.main-nav li.has-submenu.full-width {
  position: static;
}
.main-nav li.has-submenu > a:after {
  content: "\f3d0";
  font-family: "Ionicons";
  color: #000000;
  font-size: 80%;
  padding-left: 5px;
}
.main-nav li.has-submenu .submenu-nav {
  background-color: #FFFFFF;
  border: 1px solid #eee;
  position: absolute;
  left: -20px;
  top: 100%;
  padding: 10px;
  margin-top: 20px;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  pointer-events: none;
  width: 200px;
  z-index: 999;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .main-nav li.has-submenu .submenu-nav {
    margin-top: 25px;
    left: -50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599.98px) {
  .main-nav li.has-submenu .submenu-nav {
    left: -50px;
  }
}
.main-nav li.has-submenu .submenu-nav:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 100%;
  height: 38px;
  width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .main-nav li.has-submenu .submenu-nav:before {
    height: 25px;
  }
}
.main-nav li.has-submenu .submenu-nav li {
  margin-right: 0;
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.main-nav li.has-submenu .submenu-nav li:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.main-nav li.has-submenu .submenu-nav li a {
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 400;
}
.main-nav li.has-submenu .submenu-nav li a:hover {
  color: #b22c00;
}
.main-nav li.has-submenu .submenu-nav--mega {
  left: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
}
.main-nav li.has-submenu .submenu-nav--mega .mega-item {
  border: none;
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  max-width: 25%;
  margin: 0 15px;
}
@media only screen and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .main-nav li.has-submenu .submenu-nav--mega .mega-item#d-none {
    display: none;
  }
}
.main-nav li.has-submenu .submenu-nav--mega .mega-item > a {
  display: none;
}
.main-nav li.has-submenu .submenu-nav--mega .mega-item ul li a i {
  vertical-align: middle;
  margin-right: 5px;
}
.main-nav li.has-submenu:hover .submenu-nav {
  -webkit-transform: none;
          transform: none;
  opacity: 1;
  visibility: visible;
  pointer-events: visible;
}

/* Responsive Mobile Menu */
.mobile-menu {
  margin: 0 -10px;
}
.mobile-menu.res-mobile-menu {
  min-height: 310px;
  overflow: auto;
}
.mobile-menu .slicknav_btn {
  display: none;
}
.mobile-menu .slicknav_menu {
  padding: 0;
}
.mobile-menu .slicknav_nav {
  background-color: #FFFFFF;
  display: block !important;
  padding: 0 30px 20px;
}
.mobile-menu .slicknav_nav li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
}
.mobile-menu .slicknav_nav li:last-child {
  border-bottom: 0;
}
.mobile-menu .slicknav_nav li a {
  color: #757575;
  font-size: 16px;
  padding: 6px 0;
  margin: 0;
  text-transform: capitalize;
  position: relative;
}
.mobile-menu .slicknav_nav li a .slicknav_arrow {
  background-color: transparent;
  color: #757575;
  font-size: 15px;
  display: block;
  text-align: center;
  margin: 0;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.mobile-menu .slicknav_nav li a a {
  padding: 0;
}
.mobile-menu .slicknav_nav li a:hover {
  color: #6a2f90;
  background-color: transparent;
}
.mobile-menu .slicknav_nav li img {
  display: none;
}
.mobile-menu .slicknav_nav li ul {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin: 0;
  padding-left: 10px;
}
.mobile-menu .slicknav_nav li ul li a {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.7);
  padding: 8px 0;
}
.mobile-menu .slicknav_nav .slicknav_open > .slicknav_item {
  position: relative;
}
.mobile-menu .slicknav_nav .slicknav_open > .slicknav_item .slicknav_arrow {
  color: #6a2f90;
}

/*===========================
28. Footer Style CSS
===========================*/
.footer-area {
  position: relative;
  color: #999999;
}
.footer-area:before {
  background-color: rgba(0, 0, 0, 0.4);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.footer-area .footer-widget-area {
  padding: 100px 0 60px;
}
@media only screen and (max-width: 767.98px) {
  .footer-area .footer-widget-area {
    padding: 65px 0 60px;
  }
}
.footer-area .footer-copyright-area {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding: 45px 0;
}
@media only screen and (max-width: 767.98px) {
  .footer-area .footer-copyright-area {
    padding: 30px 0;
  }
}

.copyright-content a {
  color: #6a2f90;
}
.copyright-content a:hover {
  color: #FFFFFF;
}

.widget-item {
  margin-top: 38px;
}
.widget-item .widget-title {
  color: #999999;
  font-size: 24px;
  line-height: 1;
  margin-top: -1px;
  margin-bottom: 34px;
  padding-bottom: 15px;
  position: relative;
}
@media only screen and (max-width: 767.98px) {
  .widget-item .widget-title {
    margin-bottom: 25px;
  }
}
.widget-item .widget-title:before {
  background-color: rgba(255, 255, 255, 0.1);
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 25px;
}
.widget-item .widget-body {
  color: #999999;
}
.widget-item .widget-body a {
  color: #FFFFFF;
}
.widget-item address {
  line-height: 2;
  margin-bottom: 0;
  font-weight: 500;
}
.widget-item .keepintouch p i {
  color: #6a2f90;
  font-size: 22px;
  line-height: 1;
  vertical-align: middle;
  margin-right: 10px;
}
.widget-item .working-hours {
  line-height: 30px;
}
.widget-item .working-hours hr {
  border: none;
  background-color: rgba(255, 255, 255, 0.2);
  width: 30px;
}

.widget-list li {
  line-height: 1;
  margin-bottom: 20px;
}
.widget-list li:last-child {
  margin-bottom: 0;
}
.widget-list li a {
  color: #FFFFFF;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.widget-list li a:hover {
  color: #6a2f90;
  padding-left: 5px;
}

.social-icons a {
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 2px;
  color: #FFFFFF;
  font-size: 13px;
  display: inline-block;
  text-align: center;
  margin-right: 10px;
  line-height: 38px;
  height: 40px;
  width: 40px;
}
.social-icons a:hover {
  background-color: #6a2f90;
  border-color: #6a2f90;
}
.social-icons a:last-child {
  margin-right: 0;
}

/*--------------------------------
Scroll Top Button
----------------------------------*/
.btn-scroll-top {
  background-color: #6a2f90;
  border-radius: 50%;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14);
  color: #FFFFFF;
  cursor: pointer;
  font-size: 16px;
  display: block;
  text-align: center;
  line-height: 50px;
  position: fixed;
  bottom: -50px;
  right: 30px;
  height: 50px;
  width: 50px;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
@media only screen and (max-width: 767.98px) {
  .btn-scroll-top {
    line-height: 40px;
    height: 40px;
    width: 40px;
  }
}
.btn-scroll-top:hover {
  background-color: #b22c00;
}
.btn-scroll-top.show {
  bottom: 30px;
  opacity: 1;
  visibility: visible;
}

/*================================
05. Start Hero Banner Area Style
==================================*/
.hero-banner-area {
  position: relative;
}
.hero-banner-area:before {
  background-color: rgba(0, 0, 0, 0.4);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.hero-banner--full-height {
  height: 100vh;
}
@media only screen and (max-width: 767.98px) {
  .hero-banner--full-height {
    height: auto;
    padding: 60px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .hero-banner--full-height {
    height: auto;
    padding: 90px 0;
  }
}
@media only screen and (min-width: 1200px) {
  .hero-banner-content {
    padding-right: 30px;
  }
}
.hero-banner-content h5, .hero-banner-content h2 {
  color: #FFFFFF;
}
.hero-banner-content h5 {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 20px;
}
.hero-banner-content h2 {
  font-family: "Playfair Display", serif;
  font-size: 80px;
  margin-bottom: 0;
}
@media only screen and (max-width: 767.98px) {
  .hero-banner-content h2 {
    font-size: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .hero-banner-content h2 {
    font-size: 50px;
  }
}
.hero-banner-content .btn {
  margin-top: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .hero-banner-content .btn {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 767.98px) {
  .hero-banner-content .btn {
    margin-top: 25px;
  }
}

.opening-hours-wrap {
  background-color: rgba(0, 0, 0, 0.3);
  color: #FFFFFF;
  text-align: center;
  padding: 60px;
  max-width: 430px;
  margin-left: auto;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .opening-hours-wrap {
    margin: 50px auto 0;
  }
}
@media only screen and (max-width: 767.98px) {
  .opening-hours-wrap {
    padding: 30px 20px;
    margin: 40px auto 0;
  }
}
.opening-hours-wrap h4 {
  color: #FFFFFF;
  font-family: "Playfair Display", serif;
}
.opening-hours-wrap .opening-hour-table {
  margin-bottom: 0;
}
.opening-hours-wrap .opening-hour-table tr td {
  border: none;
  color: #FFFFFF;
  text-transform: uppercase;
  font-weight: 700;
  white-space: nowrap;
}
.opening-hours-wrap .opening-hour-table tr td.day {
  text-align: right;
}
.opening-hours-wrap .btn {
  margin-top: 30px;
}
.opening-hours-wrap .btn-hvr-brand:not(:hover) {
  border-color: #FFFFFF;
  color: #FFFFFF;
}
.opening-hours-wrap.layout-2 {
  background-color: transparent;
  border: 1px solid #f2f2f2;
  position: relative;
  max-width: 450px;
  padding-top: 70px;
  margin-left: 0;
  margin-right: 15px;
  margin-bottom: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .opening-hours-wrap.layout-2 {
    margin: 0 auto;
  }
}
@media only screen and (max-width: 767.98px) {
  .opening-hours-wrap.layout-2 {
    padding-top: 40px;
    margin-top: 0;
  }
}
.opening-hours-wrap.layout-2:before {
  border: 1px solid #f2f2f2;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  margin-left: 15px;
  margin-top: 15px;
}
.opening-hours-wrap.layout-2 h4 {
  color: #262626;
  font-family: "Playfair Display", serif;
  font-size: 24px;
  font-weight: 700;
  margin-top: 0;
}
.opening-hours-wrap.layout-2 .opening-hour-table tr td {
  color: #757575;
}
.opening-hours-wrap.layout-2 .opening-hour-table tr td:first-child {
  color: rgba(117, 117, 117, 0.7);
}
.opening-hours-wrap.layout-2 .btn-hvr-brand:not(:hover) {
  border-color: #e1e1e1;
  color: #757575;
}

/*==========================================
06. Off Canvas Style CSS
===========================================*/
.off-canvas-wrapper {
  position: fixed;
  left: 0;
  top: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  height: 100vh;
  width: 100vw;
  z-index: 9999;
}
.off-canvas-wrapper.active {
  opacity: 1;
  visibility: visible;
  pointer-events: visible;
}
.off-canvas-wrapper.active .off-canvas-inner {
  -webkit-transform: none;
          transform: none;
}
.off-canvas-wrapper.active .btn-close {
  display: block;
}
.off-canvas-wrapper.active .off-canvas-overlay {
  opacity: 1;
  visibility: visible;
}
.off-canvas-wrapper .close-btn {
  color: #6a2f90;
  font-size: 25px;
  line-height: 1;
  right: 0;
  top: 0;
  z-index: 9;
  background: #FFFFFF;
  width: 100%;
  text-align: right;
}
.off-canvas-wrapper .close-btn .btn-close {
  margin-left: auto;
}
.off-canvas-wrapper .close-btn i {
  line-height: 1;
}
.off-canvas-wrapper .close-btn:hover {
  color: #6a2f90;
}
.off-canvas-overlay {
  background-color: rgba(0, 0, 0, 0.8);
  cursor: url("../img/icons/cancel-white.png"), auto;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  height: 100%;
  width: 100%;
  z-index: 2;
}
.off-canvas-inner {
  background-color: #FFFFFF;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: 0.45s;
  transition: 0.45s;
  height: 100%;
  z-index: 3;
  overflow-y: auto;
}
.off-canvas-content {
  width: 380px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 50px 0 60px;
  overflow-y: auto;
  overflow-x: hidden;
}
@media only screen and (max-width: 767.98px) {
  .off-canvas-content {
    padding: 45px 0 30px;
  }
}
@media only screen and (max-width: 575.98px) {
  .off-canvas-content {
    width: 280px;
  }
}
.off-canvas-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 20px 15px;
  margin-bottom: 15px;
}

/*================================
07. Director Message Style CSS
==================================*/
.director-quote {
  font-family: "Playfair Display", serif;
  font-size: 24px;
  line-height: 2;
  font-style: italic;
  color: #333333;
  margin-top: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .director-quote {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 767.98px) {
  .director-quote {
    margin-top: 30px;
    font-size: 20px;
  }
}

.director-info {
  margin-top: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .director-info {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 767.98px) {
  .director-info {
    margin-top: 20px;
  }
}
.director-info h6 {
  color: #333333;
  font-family: "Playfair Display", serif;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 0;
  margin-top: 35px;
}
@media only screen and (max-width: 767.98px) {
  .director-info h6 {
    margin-top: 25px;
  }
}
.director-info h6 .designation {
  color: #757575;
  display: block;
  font-size: 14px;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  margin-top: 10px;
}

/*=========================
14. Banner Style CSS
===========================*/
.banner-area--2 {
  position: relative;
  margin-bottom: -40px;
  z-index: 2;
}

/*===========================
17. Brand Logo Style CSS
============================*/
.brand-logo-item {
  text-align: center;
}
.brand-logo-item img {
  margin: auto;
}

/*=============================
08. About Area Style CSS
==============================*/
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .about-area .director-info img {
    max-width: 150px;
  }
}

.about-txt.home-3 h2 {
  font-size: 36px;
  font-weight: 700;
  font-family: "Playfair Display", serif;
  margin-top: -7px;
}
.about-txt.home-3 h6 {
  font-size: 14px;
  font-family: "Playfair Display", serif;
  letter-spacing: 3px;
  margin-bottom: 20px;
}
.about-txt.home-3 .btn {
  padding: 10px;
  font-size: 13px;
}

.offer-area {
  position: relative;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .offer-area {
    margin-top: 90px;
  }
}
@media only screen and (max-width: 767.98px) {
  .offer-area {
    margin-top: 60px;
  }
}
.offer-area:before {
  background-color: rgba(0, 0, 0, 0.7);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}
.offer-area h4 {
  border: 3px solid #FFFFFF;
  color: #FFFFFF;
  font-family: "Playfair Display", serif;
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 0;
  padding: 10px 30px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 205px;
  z-index: 2;
}
.offer-area img {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.offer-area:hover img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.video-popup-content {
  position: relative;
  text-align: center;
  padding: 40px 60px;
  z-index: 1;
}
@media only screen and (max-width: 767.98px) {
  .video-popup-content {
    padding: 20px 25px;
  }
}
.video-popup-content:before {
  border: 1px solid #e1e1e1;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: calc(100% - 80px);
  width: calc(100% - 120px);
  z-index: -1;
}
@media only screen and (max-width: 767.98px) {
  .video-popup-content:before {
    height: calc(100% - 40px);
    width: calc(100% - 50px);
  }
}
.video-popup-content:after {
  background-color: #EEEEEE;
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  height: calc(100% - 80px);
  width: calc(100% - 120px);
  z-index: -2;
}
@media only screen and (max-width: 767.98px) {
  .video-popup-content:after {
    height: calc(100% - 40px);
    width: calc(100% - 50px);
  }
}
.video-popup-content img {
  margin: auto;
  width: 100%;
}
.video-popup-content--2 {
  padding: 0;
}
@media only screen and (min-width: 1200px) {
  .video-popup-content--2 {
    margin-right: -420px;
  }
}
.video-popup-content--2:before, .video-popup-content--2:after {
  display: none;
}

.btn-play {
  background-color: #FFFFFF;
  border-radius: 50%;
  color: black;
  font-size: 24px;
  text-align: center;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  line-height: 68px;
  height: 68px;
  width: 68px;
  z-index: 98;
}
@media only screen and (max-width: 575.98px) {
  .btn-play {
    font-size: 18px;
    line-height: 38px;
    height: 38px;
    width: 38px;
  }
}
.btn-play i {
  padding-left: 5px;
}
.btn-play:before {
  background-color: #FFFFFF;
  border-radius: 50%;
  content: "";
  opacity: 0.3;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 82px;
  height: 82px;
  z-index: 97;
}
@media only screen and (max-width: 575.98px) {
  .btn-play:before {
    line-height: 38px;
    height: 52px;
    width: 52px;
  }
}
.btn-play:hover {
  color: #000000;
}

.salon-gallery-item {
  margin-top: 30px;
}

.about-me-page-content h6 {
  font-weight: 700;
  color: #b22c00;
  font-size: 15px;
  line-height: 1.5;
  margin-bottom: 20px;
}

.creative-approach-wrap {
  border-top: 1px solid #e1e1e1;
  padding-top: 70px;
  margin-top: 70px;
}
@media only screen and (max-width: 767.98px) {
  .creative-approach-wrap {
    margin-top: 40px;
    padding-top: 40px;
  }
}

.creative-approach-item {
  margin-top: 30px;
}
.creative-approach-item .serial-no {
  font-size: 48px;
  line-height: 1;
  color: #b22c00;
  display: block;
  margin-bottom: 25px;
}
.creative-approach-item h5 {
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
}

/*================================
09. Service Area Style CSS
=================================*/
@media only screen and (min-width: 1200px) {
  .service-area .container-fluid {
    padding: 0 30px;
  }
}
.service-item {
  margin-top: 30px;
}
.service-item .service-thumb {
  overflow: hidden;
}
.service-item .service-thumb img {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.service-item .service-content {
  background-color: #FFFFFF;
  border: 1px solid #e1e1e1;
  position: relative;
  margin: -50px auto 0;
  display: block;
  padding: 40px;
  width: 86%;
  z-index: 8;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .service-item .service-content {
    padding: 30px 15px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599.98px), only screen and (max-width: 767.98px) {
  .service-item .service-content {
    padding: 30px 15px;
    width: 100%;
    margin-top: 0;
  }
}
.service-item .service-content__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 32px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (max-width: 767.98px) {
  .service-item .service-content__title {
    margin-bottom: 22px;
  }
}
.service-item .service-content__title .icon {
  margin-right: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (max-width: 767.98px) {
  .service-item .service-content__title .icon {
    margin-right: 15px;
  }
}
.service-item .service-content__title h3 {
  font-size: 34px;
  font-family: "Playfair Display", serif;
  font-weight: 700;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .service-item .service-content__title h3 {
    font-size: 30px;
  }
}
.service-item .service-content__btn {
  margin-top: 49px;
}
.service-item .service-content__btn .btn-service {
  color: #757575;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 1;
  font-weight: 700;
  display: block;
  position: relative;
}
.service-item .service-content__btn .btn-service:after {
  content: "\f105";
  font-family: "FontAwesome";
  display: block;
  text-align: center;
  color: #dfdfdf;
  border-radius: 20px;
  border: 1px solid #e1e1e1;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  line-height: 40px;
  height: 40px;
  width: 40px;
}
.service-item .service-content__btn .btn-service:hover {
  color: #6a2f90;
}
.service-item .service-content__btn .btn-service:hover:after {
  background-color: #333333;
}
.service-item:hover .service-thumb img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.service-item--2 {
  text-align: center;
}
.service-item--2 img {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.service-item--2:hover img {
  -webkit-transform: translateX(10px);
          transform: translateX(10px);
}

/*===========================
10. Team Area Style CSS
============================*/
.team-member {
  background-color: #FFFFFF;
  padding: 8px;
  margin-top: 30px;
}
.team-member__thumb {
  overflow: hidden;
}
.team-member__thumb img {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  width: 100%;
}
.team-member__thumb img:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.team-member__info {
  padding: 20px;
  position: relative;
}
.team-member__info .title {
  position: relative;
  display: block;
}
.team-member__info .title:after {
  border: 1px solid #e1e1e1;
  border-radius: 20px;
  content: "\f105";
  color: #e1e1e1;
  display: block;
  font-family: "FontAwesome";
  text-align: center;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  line-height: 40px;
  height: 40px;
  width: 40px;
}
.team-member__info .title:hover h6, .team-member__info .title:hover .designation, .team-member__info .title:hover:after {
  color: #6a2f90;
}
.team-member__info .title:hover:after {
  border-color: #6a2f90;
}
.team-member__info h6 {
  color: #333333;
  font-family: "Playfair Display", serif;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.team-member__info h6 .designation {
  color: #757575;
  display: block;
  font-size: 14px;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  margin-top: 10px;
}
.team-member--2 {
  padding: 0;
  background-color: transparent;
}
.team-member--2 .team-member__thumb {
  position: relative;
}
.team-member--2 .team-member__thumb:before, .team-member--2 .team-member__thumb:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  pointer-events: none;
}
.team-member--2 .team-member__thumb:before {
  border-left: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
  height: 55%;
  width: 80%;
}
.team-member--2 .team-member__thumb:after {
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  height: 85%;
  width: 50%;
}
.team-member--2 .team-member__thumb:hover img {
  -webkit-transform: none;
          transform: none;
}
.team-member--2 .team-member__thumb:hover:before {
  height: 95%;
  opacity: 1;
  visibility: visible;
}
.team-member--2 .team-member__thumb:hover:after {
  width: 90%;
  opacity: 1;
  visibility: visible;
}
.team-member--2 .team-member__info {
  padding: 0;
  text-align: center;
  margin-top: 20px;
}
.team-member--2 .team-member__info .title h6 {
  text-transform: uppercase;
  color: #b22c00;
  font-size: 16px;
  font-family: "Lato", sans-serif;
}
.team-member--2 .team-member__info .title:after {
  display: none;
}
.team-member--2 .team-member__info .title .designation {
  font-size: 16px;
  text-transform: capitalize;
}
.team-member--2 .team-member__info .social-icons {
  margin-top: 15px;
}
.team-member--2 .team-member__info .social-icons a {
  border: none;
  color: #777;
  font-size: 18px;
  line-height: 1;
  height: auto;
  width: auto;
}
.team-member--2 .team-member__info .social-icons a:hover {
  color: #b22c00;
  background-color: transparent;
}

/*=======================
11. Product Style CSS
========================*/
.product-item {
  margin-top: 30px;
}
.product-item__thumb {
  position: relative;
}
.product-item__thumb img {
  width: 100%;
}
.product-item__thumb:before {
  background-color: rgba(0, 0, 0, 0.8);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.product-item__thumb .product-action {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
}
.product-item__thumb .product-action a {
  background-color: #FFFFFF;
  color: #757575;
  display: block;
  font-size: 13px;
  line-height: 1;
  font-weight: 700;
  padding: 10px 25px;
  margin-top: 20px;
  max-width: 135px;
  margin-left: auto;
  margin-right: auto;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.product-item__thumb .product-action a:first-child {
  margin-top: 0;
}
.product-item__thumb .product-action a.btn-quick-view {
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
}
.product-item__thumb .product-action a.btn-add-to-cart {
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
}
.product-item__thumb .product-action a:hover {
  background-color: #6a2f90;
  color: #FFFFFF;
}
.product-item__info {
  text-align: center;
  margin-top: 15px;
}
.product-item__info a {
  color: #262626;
}
.product-item__info a:hover {
  color: #b22c00;
}
.product-item__info h4 {
  font-size: 16px;
  font-weight: 700;
  margin-top: 5px;
}
.product-item__info .price {
  color: #b22c00;
  font-size: 19px;
  font-weight: 700;
}
.product-item:hover .product-item__thumb:before {
  opacity: 1;
  visibility: visible;
}
.product-item:hover .product-item__thumb .product-action a {
  -webkit-transform: none;
          transform: none;
  opacity: 1;
  visibility: visible;
}
.product-item--2 {
  background-color: #FFFFFF;
  padding-bottom: 15px;
}

/*===========================
12. Testimonial Style CSS
=============================*/
.testimonial-area {
  position: relative;
}
.testimonial-area:before {
  background-color: rgba(0, 0, 0, 0.4);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
@media only screen and (max-width: 767.98px) {
  .testimonial-area:before {
    opacity: 1;
    visibility: visible;
  }
}
.testimonial-item__quote {
  color: #FFFFFF;
  font-size: 32px;
  font-family: "Playfair Display", serif;
  font-style: italic;
  line-height: 2;
}
@media only screen and (max-width: 767.98px) {
  .testimonial-item__quote {
    font-size: 20px;
  }
}
.testimonial-item__author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 45px;
}
@media only screen and (max-width: 767.98px) {
  .testimonial-item__author {
    margin-top: 30px;
  }
}
.testimonial-item__author .author-thumb {
  border-radius: 50%;
  overflow: hidden;
  -ms-flex-preferred-size: 70px;
      flex-basis: 70px;
  margin-right: 30px;
  height: 70px;
  width: 70px;
}
.testimonial-item__author .author-info h6 {
  color: #FFFFFF;
  font-family: "Playfair Display", serif;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.testimonial-item__author .author-info h6 .designation {
  color: #EEEEEE;
  display: block;
  font-size: 14px;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  margin-top: 10px;
}

/*=========================
13. Blog Post Style CSS
==========================*/
.blog-post {
  margin-top: 30px;
}
.blog-post__thumb {
  position: relative;
  overflow: hidden;
  margin-bottom: 40px;
}
@media only screen and (max-width: 767.98px) {
  .blog-post__thumb {
    margin-bottom: 30px;
  }
}
.blog-post__thumb:before {
  background-color: rgba(0, 0, 0, 0.5);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  left: auto;
  right: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  width: 0;
}
.blog-post__thumb .blog-action {
  text-align: center;
}
.blog-post__thumb .blog-action a {
  border: 1px solid #FFFFFF;
  border-radius: 50%;
  color: #FFFFFF;
  cursor: pointer;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: calc(50% + 30px);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  line-height: 53px;
  height: 55px;
  width: 55px;
}
.blog-post__thumb .blog-action a:hover {
  background-color: #6a2f90;
  border-color: #6a2f90;
}
.blog-post__content .post-date {
  color: #757575;
  font-size: 14px;
  font-family: "Playfair Display", serif;
  font-style: italic;
  margin-bottom: 15px;
}
.blog-post__content .post-title {
  font-size: 18px;
  font-family: "Playfair Display", serif;
  font-weight: 700;
  margin-bottom: 20px;
  margin-top: 0;
}
.blog-post__content .post-title a {
  color: #262626;
}
.blog-post__content .post-title a:hover {
  color: #6a2f90;
}
.blog-post__content .post-meta {
  margin-bottom: 20px;
}
.blog-post__content .post-meta a {
  color: #ababab;
  margin-right: 15px;
}
.blog-post__content .post-meta a:last-child {
  margin-right: 0;
}
.blog-post__content .post-meta a:hover {
  color: #6a2f90;
}
.blog-post__content .post-meta a i {
  margin-right: 5px;
}
.blog-post__content .btn-read-more {
  color: #757575;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  display: inline-block;
  text-transform: uppercase;
  margin-top: 35px;
}
@media only screen and (max-width: 767.98px) {
  .blog-post__content .btn-read-more {
    margin-top: 25px;
  }
}
.blog-post__content .btn-read-more:hover {
  color: #6a2f90;
}
.blog-post:hover .blog-post__thumb:before {
  left: 0;
  right: auto;
  width: 100%;
}
.blog-post:hover .blog-post__thumb .blog-action a {
  left: 50%;
  opacity: 1;
  visibility: visible;
}
.blog-post--2 .blog-post__thumb {
  margin-bottom: 20px;
}
.blog-post--2 .blog-post__content .post-title {
  margin-bottom: 11px;
}
.blog-post--2 .blog-post__content .post-meta {
  margin-bottom: 15px;
}
.blog-post--3 .blog-post__thumb {
  margin-bottom: 20px;
}
.blog-post--3 .blog-post__thumb:before {
  background-color: rgba(255, 255, 255, 0.4);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.blog-post--3 .blog-post__thumb .blog-action a {
  border: none;
  font-size: 50px;
  line-height: 1;
  height: auto;
  width: auto;
}
.blog-post--3 .blog-post__thumb .blog-action a:hover {
  background-color: transparent;
}
.blog-post--3 .blog-post__content .post-title {
  margin-bottom: 15px;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-size: 26px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (max-width: 767.98px) {
  .blog-post--3 .blog-post__content .post-title {
    font-size: 20px;
  }
}
.blog-post--3 .blog-post__content .post-title a:hover {
  color: #b22c00;
}
.blog-post--3 .blog-post__content .post-meta {
  margin-bottom: 15px;
}
.blog-post--3 .blog-post__content .btn-view-more {
  color: #6a2f90;
  text-decoration: underline;
  font-weight: 700;
}
.blog-post--3 .blog-post__content .btn-view-more:hover {
  color: #b22c00;
}
.blog-post--3:hover .blog-post__thumb:before {
  opacity: 1;
  visibility: visible;
}
.blog-post.white-bg {
  background-color: #FFFFFF;
}
.blog-post.white-bg .blog-post__thumb {
  margin-bottom: 0;
}
.blog-post.white-bg .blog-post__content {
  padding: 25px;
}

/*===============================
15. Call to Action Style CSS
================================*/
.call-to-action-content {
  position: relative;
}
.call-to-action-content h4 {
  font-weight: 700;
  font-size: 24px;
  letter-spacing: 5px;
  margin-bottom: 50px;
}
@media only screen and (max-width: 767.98px) {
  .call-to-action-content h4 {
    font-size: 18px;
  }
}
.call-to-action-content .btn-watch {
  border: 2px solid #e1e1e1;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: #262626;
  display: inline-block;
  padding: 18px 50px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media only screen and (max-width: 767.98px) {
  .call-to-action-content .btn-watch {
    width: 80%;
  }
}
.call-to-action-content .btn-watch i {
  margin-right: 5px;
}
.call-to-action-content .btn-watch:hover {
  color: #6a2f90;
  border-color: #6a2f90;
}

/*======================
16. Slider Style CSS
=======================*/
.slider-content-wrap .slider-slide-item-inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 800px;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .slider-content-wrap .slider-slide-item-inner {
    height: 600px;
  }
}
@media only screen and (max-width: 767.98px) {
  .slider-content-wrap .slider-slide-item-inner {
    height: auto;
    display: block;
    padding-top: 60px;
  }
}
.slider-content-wrap .slider-slide-item-inner .slider-slide-left {
  max-width: 385px;
  -ms-flex-preferred-size: 385px;
      flex-basis: 385px;
}
@media only screen and (max-width: 767.98px) {
  .slider-content-wrap .slider-slide-item-inner .slider-slide-left {
    text-align: center;
    margin: 0 auto 40px;
  }
}
.slider-content-wrap .slider-slide-item-inner .slider-slide-left h2 {
  font-family: "Playfair Display", serif;
  font-size: 70px;
  font-weight: 700;
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .slider-content-wrap .slider-slide-item-inner .slider-slide-left h2 {
    font-size: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .slider-content-wrap .slider-slide-item-inner .slider-slide-left h2 {
    font-size: 40px;
  }
}
@media only screen and (max-width: 767.98px) {
  .slider-content-wrap .slider-slide-item-inner .slider-slide-left h2 {
    font-size: 30px;
    margin-bottom: 20px;
  }
}
.slider-content-wrap .slider-slide-item-inner .slider-slide-right {
  text-align: center;
  max-width: 295px;
}
@media only screen and (max-width: 767.98px) {
  .slider-content-wrap .slider-slide-item-inner .slider-slide-right {
    margin: 0 auto 30px;
  }
}
.slider-content-wrap .slider-slide-item-inner .slider-slide-right h4 {
  color: #757575;
  font-size: 24px;
  margin-bottom: 5px;
  margin-top: 22px;
}
.slider-content-wrap .slider-slide-item-inner .slider-slide-pic {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0;
  text-align: center;
  z-index: -1;
}
@media only screen and (max-width: 767.98px) {
  .slider-content-wrap .slider-slide-item-inner .slider-slide-pic {
    position: static;
    -webkit-transform: none;
            transform: none;
  }
}
@media only screen and (max-width: 767.98px) {
  .slider-content-wrap .slider-slide-item-inner .slider-slide-pic img {
    max-width: 300px;
  }
}
.slider-content-wrap.slider-home-4 .slider-slide-item-inner {
  height: 485px;
}
@media only screen and (max-width: 767.98px) {
  .slider-content-wrap.slider-home-4 .slider-slide-item-inner {
    height: 350px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 0;
  }
}
.slider-content-wrap.slider-home-4 .slider-slide-item-inner .slide-content {
  padding-left: 65px;
}
@media only screen and (max-width: 575.98px) {
  .slider-content-wrap.slider-home-4 .slider-slide-item-inner .slide-content {
    padding-left: 30px;
  }
}
.slider-content-wrap.slider-home-4 .slider-slide-item-inner .slide-content .layer-1 {
  font-size: 90px;
  line-height: 1;
  color: #FFFFFF;
  font-weight: 100;
  max-width: 300px;
}
@media only screen and (max-width: 767.98px) {
  .slider-content-wrap.slider-home-4 .slider-slide-item-inner .slide-content .layer-1 {
    font-size: 50px;
  }
}
.slider-content-wrap.slider-home-4 .slider-slide-item-inner .slide-content .layer-2 {
  color: #FFFFFF;
  font-weight: 700;
  font-family: "Playfair Display", serif;
  font-style: italic;
}
.slider-content-wrap.slider-home-4 .slider-slide-item-inner .slide-content .layer-3 {
  color: #FFFFFF;
  text-transform: uppercase;
  font-style: italic;
  letter-spacing: 1.5px;
  position: relative;
  margin-top: 30px;
  display: inline-block;
  padding-left: 20px;
}
.slider-content-wrap.slider-home-4 .slider-slide-item-inner .slide-content .layer-3:before {
  background-image: url("../img/slider/home4/slide-1-2.png");
  content: "";
  position: absolute;
  left: 0;
  top: -20px;
  width: 189px;
  height: 71px;
  z-index: -1;
}
.slider-content-wrap.slider-home-4 .slider-slide-item-inner .slide-content .layer-5 {
  color: #FFFFFF;
  font-size: 60px;
  font-weight: 100;
  max-width: 300px;
}
@media only screen and (max-width: 767.98px) {
  .slider-content-wrap.slider-home-4 .slider-slide-item-inner .slide-content .layer-5 {
    font-size: 30px;
  }
}
.slider-content-wrap.slider-home-4 .slider-slide-item-inner .slide-content .layer-6 {
  font-weight: 700;
  font-style: italic;
  position: relative;
}
.slider-content-wrap.slider-home-4 .slider-slide-item-inner .slide-content .layer-6:before {
  background-image: url("../img/slider/home4/slide-3-2.png");
  background-repeat: no-repeat;
  background-position: center;
  content: "";
  position: absolute;
  left: -40px;
  top: 7px;
  z-index: -1;
  height: 100%;
  width: 180px;
}
@media only screen and (max-width: 575.98px) {
  .slider-content-wrap.slider-home-4 .slider-slide-item-inner .slide-content .layer-6:before {
    width: 120px;
  }
}
.slider-content-wrap.slider-home-4.large-height .slider-slide-item-inner {
  height: 900px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .slider-content-wrap.slider-home-4.large-height .slider-slide-item-inner {
    height: 600px;
  }
}
@media only screen and (max-width: 767.98px) {
  .slider-content-wrap.slider-home-4.large-height .slider-slide-item-inner {
    height: 400px;
  }
}

.slider-carousel {
  position: relative;
}
.slider-carousel .lSAction a {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  color: #FFFFFF;
  display: block;
  font-size: 30px;
  text-align: center;
  line-height: 60px;
  height: 60px;
  width: 60px;
  position: absolute;
  left: 50px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
@media only screen and (max-width: 767.98px) {
  .slider-carousel .lSAction a {
    font-size: 20px;
    line-height: 40px;
    height: 40px;
    width: 40px;
    left: 10px;
  }
}
.slider-carousel .lSAction a i {
  margin-left: -5px;
}
.slider-carousel .lSAction a.lSNext {
  left: auto;
  right: 50px;
}
@media only screen and (max-width: 767.98px) {
  .slider-carousel .lSAction a.lSNext {
    right: 10px;
  }
}
.slider-carousel .lSAction a.lSNext i {
  margin-left: 0;
  margin-right: -5px;
}
.slider-carousel .lSAction a:hover {
  background-color: #6a2f90;
  color: #FFFFFF;
  cursor: pointer;
}
.slider-carousel:hover .lSAction a {
  opacity: 1;
  visibility: visible;
}

.slider-banner-wrap {
  position: relative;
}
.slider-banner-wrap .slider-banner-item {
  height: 485px;
}
@media only screen and (max-width: 767.98px) {
  .slider-banner-wrap .slider-banner-item {
    height: 350px;
  }
}
.slider-banner-wrap .lSPager.lSpg {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%) !important;
          transform: translateX(-50%) !important;
  bottom: 20px;
}
.slider-banner-wrap .lSPager.lSpg li {
  padding: 0 3px;
}
.slider-banner-wrap .lSPager.lSpg li a {
  border: 1px solid #e1e1e1;
  background-color: #e1e1e1;
}
.slider-banner-wrap .lSPager.lSpg li.active a, .slider-banner-wrap .lSPager.lSpg li:hover a {
  background-color: transparent;
}

.video-bg-wrapper {
  height: 750px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .video-bg-wrapper {
    height: 550px;
  }
}
@media only screen and (max-width: 767.98px) {
  .video-bg-wrapper {
    height: 350px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .slider-slide-pic.slide-2-1 img {
    max-width: 200px;
  }
}

/*==========================
18. Feature Style CSS
============================*/
.feature-item {
  margin-top: 30px;
}
.feature-item__icon {
  background-color: #cccccc;
  border-radius: 50%;
  margin: 0 auto 30px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  line-height: 100px;
  height: 100px;
  width: 100px;
}
@media only screen and (max-width: 767.98px) {
  .feature-item__icon {
    margin-bottom: 10px;
  }
}
.feature-item__icon:hover {
  background-color: #6a2f90;
}
.feature-item--light {
  color: #FFFFFF;
}
.feature-item--light .feature-item__icon:not(:hover) {
  background-color: #333333;
}

.feature-pic img {
  width: 100%;
}

/*======================
Banner Style CSS
=======================*/
.banner-content-inner {
  height: 350px;
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .banner-content-inner {
    height: 300px;
  }
}
@media only screen and (max-width: 767.98px) {
  .banner-content-inner {
    height: 130px;
  }
}

@media only screen and (max-width: 767.98px) {
  .director-message-content.sp-top {
    padding-top: 35px;
  }
}

/*============================
19. Page Header Style CSS
=============================*/
.page-tittle-wrap {
  position: relative;
}
.page-tittle-wrap:before {
  background-color: rgba(255, 255, 255, 0.9);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.page-tittle-wrap .page-tittle-content {
  height: 265px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width: 767.98px) {
  .page-tittle-wrap .page-tittle-content {
    height: 180px;
  }
}
.page-tittle-wrap .page-tittle-content h2 {
  margin-bottom: 0;
  font-weight: 100;
  font-size: 65px;
  line-height: 1;
}
@media only screen and (max-width: 767.98px) {
  .page-tittle-wrap .page-tittle-content h2 {
    font-size: 40px;
  }
}

.page-breadcrumb-wrap {
  border-bottom: 1px solid #e1e1e1;
  padding: 20px 0;
}
.page-breadcrumb-wrap .breadcrumb {
  background-color: transparent;
  margin-bottom: 0;
  padding: 0;
}
.page-breadcrumb-wrap .breadcrumb li:before {
  content: "\f3d1";
  font-family: "Ionicons";
  vertical-align: middle;
}
.page-breadcrumb-wrap .breadcrumb li:first-child:before {
  display: none;
}
.page-breadcrumb-wrap .breadcrumb li a {
  color: #222222;
}
.page-breadcrumb-wrap .breadcrumb li a:hover {
  color: #6a2f90;
}
.page-breadcrumb-wrap .breadcrumb li.active {
  color: #6a2f90;
}

/*==========================
20. Progress Bar Style CSS
============================*/
.progress-bar-item {
  margin-top: 30px;
}
.progress-bar-item .progress-info {
  font-size: 14px;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 10px;
}
.progress-bar-item .progress-info__title {
  color: #262626;
  display: inline-block;
}
.progress-bar-item .progress-info__percent {
  color: #b22c00;
}
.progress-bar-item .progress-line {
  background-color: #EEEEEE;
  height: 6px;
  position: relative;
}
.progress-bar-item .progress-line-bar {
  background-color: #6a2f90;
  height: 100%;
  width: 0;
}

/*==========================
21. Portfolio Style CSS
===========================*/
.portfolio-item {
  position: relative;
  margin-top: 30px;
}
.portfolio-item__thumb {
  position: relative;
}
.portfolio-item__thumb:before {
  background-color: rgba(178, 44, 0, 0.9);
  content: "";
  position: absolute;
  left: auto;
  right: 0;
  top: 0;
  height: 100%;
  width: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.portfolio-item__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.portfolio-item__info .title {
  color: #FFFFFF;
  font-size: 20px;
  margin: 10px 0;
}
.portfolio-item__info a {
  color: #FFFFFF;
  -webkit-transform: translateX(-50px);
          transform: translateX(-50px);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  display: block;
}
.portfolio-item__info a.btn-img-popup {
  font-size: 25px;
  line-height: 1;
}
.portfolio-item__info a.cate {
  font-size: 13px;
}
.portfolio-item:hover .portfolio-item__thumb:before {
  pointer-events: none;
  left: 0;
  right: auto;
  width: 100%;
  opacity: 1;
  visibility: visible;
}
.portfolio-item:hover .portfolio-item__info {
  opacity: 1;
  visibility: visible;
}
.portfolio-item:hover .portfolio-item__info a {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.portfolio-item:hover .portfolio-item__info a:nth-child(2) {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.portfolio-item:hover .portfolio-item__info a:nth-child(3) {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

.filter-menu {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.filter-menu li {
  border: 1px solid #e1e1e1;
  padding: 9px 18px;
  margin: 3px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (max-width: 767.98px) {
  .filter-menu li {
    padding: 5px 10px;
  }
}
.filter-menu li.active {
  background-color: #6a2f90;
  border-color: #6a2f90;
  color: #FFFFFF;
}

@media only screen and (max-width: 767.98px) {
  .portfolio-details-thumb {
    margin-bottom: 30px;
  }
}
.portfolio-details-thumb img {
  width: 100%;
}
@media only screen and (max-width: 767.98px) {
  .portfolio-details-content h2, .portfolio-details-content .h4 {
    font-size: 24px;
  }
}
.portfolio-details-content .portfolio-meta {
  margin-top: 30px;
}
@media only screen and (max-width: 767.98px) {
  .portfolio-details-content .portfolio-meta {
    margin-top: 20px;
  }
}
.portfolio-details-content .portfolio-meta .meta {
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.portfolio-details-content .portfolio-meta .meta:last-child {
  margin-bottom: 0;
}
.portfolio-details-content .portfolio-meta .meta-title {
  color: #b22c00;
  text-transform: uppercase;
  margin-right: 20px;
}
.portfolio-details-content .portfolio-meta .meta-value a {
  color: #262626;
}
.portfolio-details-content .portfolio-meta .meta-value a:hover {
  color: #6a2f90;
}

/*=========================
22. Shop Page Style CSS
==========================*/
.shop-content-shorting {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 50px;
}
@media only screen and (max-width: 575.98px) {
  .shop-content-shorting {
    display: block;
  }
}
@media only screen and (max-width: 575.98px) {
  .shop-content-shorting .product-sorting {
    margin-top: 15px;
  }
}
.shop-content-shorting .product-sorting .nice-select {
  background-color: #EEEEEE;
  color: #757575;
  border: none;
  font-size: 15px;
  padding-left: 15px;
  height: 45px;
  line-height: 47px;
  min-width: 230px;
}
.shop-content-shorting .product-sorting .nice-select:after {
  border-right-color: #757575;
  border-bottom-color: #757575;
  right: 15px;
}

/*=========================
23. Sidebar Style Css
===========================*/
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .sidebar-wrapper {
    margin-top: 85px;
  }
}
@media only screen and (max-width: 767.98px) {
  .sidebar-wrapper {
    margin-top: 55px;
  }
}
.sidebar-item {
  border: 1px solid #e1e1e1;
  padding: 20px;
  margin-bottom: 40px;
}
.sidebar-item:last-child {
  margin-bottom: 0;
}
.sidebar-title {
  display: inline-block;
  font-size: 24px;
  font-family: "Playfair Display", serif;
  line-height: 1;
  margin-top: 0;
  margin-bottom: 29px;
  position: relative;
}
.sidebar-list li {
  border-bottom: 1px solid #e1e1e1;
  padding: 10px 0;
}
.sidebar-list li:first-child {
  padding-top: 0;
}
.sidebar-list li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.sidebar-list li a {
  color: #262626;
}
.sidebar-list li a:hover {
  color: #b22c00;
}
.sidebar-list li .post-date {
  font-size: 16px;
  display: block;
  line-height: 1;
  margin-top: 5px;
}

.sidebar-search-box .form-input-item {
  position: relative;
  margin: 0;
}
.sidebar-search-box .form-input-item input {
  border: 1px solid #e1e1e1;
  display: block;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  padding: 10px;
  width: 100%;
}
.sidebar-search-box .form-input-item input:focus {
  border-color: #b22c00;
}
.sidebar-search-box .form-input-item input::-webkit-input-placeholder {
  color: #757575;
}
.sidebar-search-box .form-input-item input::-moz-placeholder {
  color: #757575;
}
.sidebar-search-box .form-input-item input:-ms-input-placeholder {
  color: #757575;
}
.sidebar-search-box .form-input-item input::-ms-input-placeholder {
  color: #757575;
}
.sidebar-search-box .form-input-item input::placeholder {
  color: #757575;
}
.sidebar-search-box .form-input-item .btn-src {
  font-size: 21px;
  line-height: 1;
  color: #6a2f90;
  position: absolute;
  right: 0;
  top: 12px;
}
@media only screen and (max-width: 767.98px) {
  .sidebar-search-box .form-input-item .btn-src {
    top: 6px;
  }
}

.tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.tags li {
  margin-right: 5px;
}
.tags li:after {
  content: ",";
}
.tags li:last-child {
  margin-right: 0;
}
.tags li:last-child:after {
  display: none;
}
.tags li a {
  color: #262626;
}
.tags li a:hover {
  color: #b22c00;
}

.top-rated-prod-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.top-rated-prod-item:nth-child(1n+2) {
  margin-top: 20px;
}
.top-rated-prod-item h3 {
  font-size: 14px;
  margin-bottom: 9px;
  margin-top: -2px;
  font-weight: 700;
}
.top-rated-prod-item h3 a {
  color: #262626;
}
.top-rated-prod-item h3 a:hover {
  color: #b22c00;
}
.top-rated-prod-item .rating {
  color: #6a2f90;
  line-height: 1;
  font-size: 13px;
  margin-bottom: 5px;
}
.top-rated-prod-item .price-group {
  font-weight: 700;
}
.top-rated-prod-item .price-group .price-old {
  opacity: 0.8;
  margin-right: 5px;
}
.top-rated-prod-item .price-group .price {
  color: #b22c00;
}
.top-rated-prod-item .prod-thumb {
  max-width: 80px;
  -ms-flex-preferred-size: 100px;
      flex-basis: 100px;
  margin-right: 20px;
}
.top-rated-prod-item .prod-thumb img {
  min-height: 65px;
}

/*==================================
24. Single Product Page CSS
==================================*/
@media only screen and (max-width: 767.98px) {
  .product-thumb-area {
    margin-bottom: 30px;
  }
}
.product-thumb-area .lSSlideOuter {
  position: relative;
}
.product-thumb-area .lSSlideOuter .lSGallery {
  margin-top: 10px;
}
.product-thumb-area .lSSlideOuter .lSGallery li {
  border-radius: 0;
}
.product-thumb-area .lSSlideOuter .lSGallery li:hover, .product-thumb-area .lSSlideOuter .lSGallery li.active {
  border-radius: 0;
}
.product-thumb-area .lSSlideOuter .lSAction a {
  border: 1px solid #6a2f90;
  border-radius: 50%;
  color: #6a2f90;
  cursor: pointer;
  display: block;
  font-size: 12px;
  text-align: center;
  line-height: 30px;
  height: 30px;
  width: 30px;
  position: absolute;
  left: 10px;
  z-index: 1;
  /*        @media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (max-width: 767.98px) {
            bottom: 30px;
          }*/
}
.product-thumb-area .lSSlideOuter .lSAction a.lSNext {
  left: auto;
  right: 10px;
}
.product-thumb-area .lSSlideOuter .lSAction a:hover {
  color: #FFFFFF;
  background-color: #6a2f90;
}

@media only screen and (max-width: 767.98px) {
  .prod-details-info-content h2 {
    font-size: 20px;
  }
}
.prod-details-info-content .price-group {
  color: #e74c3c;
  font-size: 30px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .prod-details-info-content .price-group {
    font-size: 20px;
  }
}
.prod-details-info-content .price-group del {
  margin-right: 10px;
  color: #757575;
}
.prod-details-info-content p:last-child {
  margin-bottom: 0;
}

.product-config .config-item {
  margin-bottom: 20px;
}
.product-config .config-item:last-child {
  margin-bottom: 0;
}
.product-config .config-item .config-name {
  font-weight: 600;
  text-transform: capitalize;
  font-size: 18px;
  line-height: 1;
  margin-bottom: 13px;
}
.product-config .config-item .config-name b {
  text-transform: capitalize;
  margin-left: 5px;
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
}
.product-config .config-item .config-list li {
  border: 1px solid #D4D4D4;
  cursor: pointer;
  color: #8d8d8d;
  height: 40px;
  padding: 3px;
  font-size: 14px;
  line-height: 1;
  display: block;
  text-align: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin-right: 5px;
  overflow: hidden;
  outline: none;
  width: 40px;
}
.product-config .config-item .config-list li.active, .product-config .config-item .config-list li:hover {
  border-color: #6a2f90;
  color: #222222;
  font-weight: 600;
}
.product-config .config-item .config-list li span {
  line-height: 30px;
  display: block;
}

.prod-details-footer__item {
  border-bottom: 1px solid #e1e1e1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 12px 0;
}
.prod-details-footer__item:first-child {
  border-top: 1px solid #e1e1e1;
}
.prod-details-footer__item h5 {
  font-size: 15px;
  line-height: 1;
  text-transform: capitalize;
  font-weight: 700;
  margin-bottom: 0;
}
.prod-details-footer__item h5 i {
  color: #888888;
  margin-right: 10px;
}
@media only screen and (max-width: 575.98px) {
  .prod-details-footer__item h5 i {
    margin-right: 3px;
  }
}
.prod-details-footer__item .cate-list li {
  margin-right: 10px;
}
.prod-details-footer__item .cate-list li:last-child {
  margin-right: 0;
}
.prod-details-footer__item .cate-list li a {
  color: #757575;
  font-size: 14px;
}
.prod-details-footer__item .cate-list li a:hover {
  color: #6a2f90;
}
.prod-details-footer__item .share-item a {
  color: #757575;
  margin-right: 15px;
}
.prod-details-footer__item .share-item a:last-child {
  margin-right: 0;
}
.prod-details-footer__item .share-item a:hover {
  color: #6a2f90;
}

.product-description-review .desc-review-tab-menu {
  border-bottom: 2px solid #e1e1e1;
  padding-bottom: 5px;
  margin-bottom: 30px;
}
.product-description-review .desc-review-tab-menu li {
  margin-right: 20px;
}
.product-description-review .desc-review-tab-menu li:last-child {
  margin-right: 0;
}
.product-description-review .desc-review-tab-menu li a {
  color: #b22c00;
  font-size: 20px;
  line-height: 1;
  text-transform: capitalize;
  position: relative;
  padding-bottom: 5px;
}
.product-description-review .desc-review-tab-menu li a.active:after {
  background-color: #6a2f90;
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  height: 2px;
  width: 100%;
}

.product-rating-wrap .pro-avg-rating {
  margin-bottom: 30px;
  float: left;
  width: 100%;
  line-height: 1;
}
.product-rating-wrap .pro-avg-rating h4 {
  font-size: 24px;
  margin: 0 0 7px;
  font-weight: 600;
}
.product-rating-wrap .pro-avg-rating h4 span {
  color: #000000;
  font-size: 12px;
}
.product-rating-wrap .pro-avg-rating > span {
  display: block;
}
.product-rating-wrap .rating-list {
  margin-bottom: 30px;
  float: left;
  width: 100%;
}
.product-rating-wrap .rating-list .sin-list {
  margin-right: 30px;
}
.product-rating-wrap .rating-list .sin-list:last-child {
  margin-right: 0;
}
.product-rating-wrap .rating-list .sin-list i {
  color: #fbbf00;
}
.product-rating-wrap .rating-list .sin-list span {
  color: #666666;
}
.product-rating-wrap .sin-ratings {
  margin-bottom: 25px;
}
.product-rating-wrap .sin-ratings:last-child {
  margin-bottom: 0;
}
.product-rating-wrap .sin-ratings .rating-author {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
.product-rating-wrap .sin-ratings .rating-author h3 {
  float: left;
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  line-height: 18px;
  margin-right: 15px;
}
.product-rating-wrap .sin-ratings .rating-author .rating-star {
  line-height: 1;
}
.product-rating-wrap .sin-ratings .rating-author .rating-star i {
  color: #fbbf00;
  font-size: 14px;
}
.product-rating-wrap .sin-ratings .rating-author .rating-star span {
  margin-left: 5px;
  font-weight: 600;
}
.product-rating-wrap .rating-form-wrapper {
  margin-top: 50px;
}
.product-rating-wrap .rating-form-wrapper h3 {
  border-bottom: 1px solid #e1e1e1;
  font-size: 20px;
  margin: 0 0 30px;
  padding: 0 0 10px;
  text-transform: capitalize;
}
.product-rating-wrap .rating-form h5 {
  float: left;
  font-size: 16px;
  line-height: 1;
  margin-right: 10px;
  font-weight: 600;
  margin-bottom: 0;
}
.product-rating-wrap .rating-form .rating-star {
  margin-bottom: 15px;
  display: inline-block;
}
.product-rating-wrap .rating-form .rating-star i {
  color: #D4D4D4;
  float: left;
  display: block;
  margin-right: 3px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.product-rating-wrap .rating-form .rating-star i:hover ~ i {
  color: #D4D4D4;
}
.product-rating-wrap .rating-form .rating-star i:last-child {
  margin: 0;
}
.product-rating-wrap .rating-form .rating-star:hover i {
  color: #fbbf00;
}

.pro-qty {
  display: inline-block;
  position: relative;
  width: 120px;
}
.pro-qty input {
  border: 1px solid #e1e1e1;
  text-align: center;
  outline: none;
  height: 52px;
  width: 100%;
}
.pro-qty a {
  color: #757575;
  font-size: 22px;
  text-align: center;
  position: absolute;
  top: 0;
  line-height: 52px;
  height: 100%;
  width: 30px;
}
.pro-qty a:hover {
  background-color: #6a2f90;
  color: #FFFFFF;
}
.pro-qty a.inc {
  right: 0;
  border-left: 1px solid #e1e1e1;
}
.pro-qty a.dec {
  border-right: 1px solid #e1e1e1;
  left: 0;
}

.form-input-item {
  margin-top: 50px;
}
@media only screen and (max-width: 767.98px) {
  .form-input-item {
    margin-top: 30px;
  }
}
.form-input-item input, .form-input-item textarea {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #6a2f90;
  color: #757575;
  display: block;
  font-size: 16px;
  width: 100%;
}
.form-input-item input::-webkit-input-placeholder, .form-input-item textarea::-webkit-input-placeholder {
  color: #757575;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.form-input-item input::-moz-placeholder, .form-input-item textarea::-moz-placeholder {
  color: #757575;
  -moz-transition: 0.4s;
  transition: 0.4s;
}
.form-input-item input:-ms-input-placeholder, .form-input-item textarea:-ms-input-placeholder {
  color: #757575;
  -ms-transition: 0.4s;
  transition: 0.4s;
}
.form-input-item input::-ms-input-placeholder, .form-input-item textarea::-ms-input-placeholder {
  color: #757575;
  -ms-transition: 0.4s;
  transition: 0.4s;
}
.form-input-item input::placeholder, .form-input-item textarea::placeholder {
  color: #757575;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.form-input-item input:focus, .form-input-item textarea:focus {
  border-bottom-color: #6a2f90;
}
.form-input-item input:focus::-webkit-input-placeholder, .form-input-item textarea:focus::-webkit-input-placeholder {
  opacity: 0;
}
.form-input-item input:focus::-moz-placeholder, .form-input-item textarea:focus::-moz-placeholder {
  opacity: 0;
}
.form-input-item input:focus:-ms-input-placeholder, .form-input-item textarea:focus:-ms-input-placeholder {
  opacity: 0;
}
.form-input-item input:focus::-ms-input-placeholder, .form-input-item textarea:focus::-ms-input-placeholder {
  opacity: 0;
}
.form-input-item input:focus::placeholder, .form-input-item textarea:focus::placeholder {
  opacity: 0;
}
.form-input-item textarea {
  padding: 0;
  resize: none;
}
.form-input-item .btn-bordered {
  padding: 18px 10px;
  width: 100%;
}
.form-input-item.light input, .form-input-item.light textarea {
  color: #6a2f90;
}
.form-input-item.light input::-webkit-input-placeholder, .form-input-item.light textarea::-webkit-input-placeholder {
  color: #6a2f90;
}
.form-input-item.light input::-moz-placeholder, .form-input-item.light textarea::-moz-placeholder {
  color: #6a2f90;
}
.form-input-item.light input:-ms-input-placeholder, .form-input-item.light textarea:-ms-input-placeholder {
  color: #6a2f90;
}
.form-input-item.light input::-ms-input-placeholder, .form-input-item.light textarea::-ms-input-placeholder {
  color: #6a2f90;
}
.form-input-item.light input::placeholder, .form-input-item.light textarea::placeholder {
  color: #6a2f90;
}
.form-input-item.light input:focus, .form-input-item.light textarea:focus {
  border-bottom-color: #FFFFFF;
}
.form-input-item.light .btn-bordered {
  color: #6a2f90;
}
.form-input-item.light .btn-bordered:hover {
  color: #FFFFFF;
}
.form-input-item.classic {
  margin-top: 35px;
}
.form-input-item.classic input, .form-input-item.classic textarea {
  background-color: #EEEEEE;
  border-bottom: 0;
  padding: 10px;
}
.form-input-item.classic .btn-bordered {
  padding: 20px 40px;
  width: auto;
}

#quickViewModal {
  display: block;
  opacity: 0;
  z-index: -99;
  -webkit-transform: translateY(-100px);
          transform: translateY(-100px);
  -webkit-transition: 0s;
  transition: 0s;
}
#quickViewModal.show {
  opacity: 1;
  -webkit-transform: none;
          transform: none;
  z-index: 9999;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  #quickViewModal .modal-dialog {
    max-width: 90%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  #quickViewModal .btn-hvr-brand {
    min-width: 170px;
    padding-left: 0;
    padding-right: 0;
  }
}

/*==================================
25. Cart Page Pages Style Css
===================================*/
.shopping-cart-table thead th {
  color: #222222;
  font-weight: 700;
  font-size: 15px;
  text-transform: uppercase;
  border-bottom: 0;
}
.shopping-cart-table tr td, .shopping-cart-table tr th {
  vertical-align: middle;
  width: 15%;
  padding: 10px;
  border-color: #e1e1e1;
  white-space: nowrap;
}
.shopping-cart-table tr td.product-list, .shopping-cart-table tr th.product-list {
  width: 55%;
}
.shopping-cart-table .product-list .remove-icon {
  margin-right: 15px;
}
.shopping-cart-table .product-list .remove-icon button {
  color: #757575;
}
.shopping-cart-table .product-list .remove-icon button:hover {
  color: #6a2f90;
}
.shopping-cart-table .product-list .product-thumb {
  display: block;
  width: 70px;
  margin-right: 20px;
}
.shopping-cart-table .product-list .product-name {
  color: #222222;
  line-height: 1;
}
.shopping-cart-table .product-list .product-name:hover {
  color: #6a2f90;
}
.shopping-cart-table .pro-qty {
  width: 120px;
  line-height: 40px;
}
.shopping-cart-table .pro-qty input {
  padding: 10px 0;
  font-weight: 400;
  height: 40px;
}
.shopping-cart-table .pro-qty a {
  width: 30px;
  line-height: 44px;
  font-weight: 400;
  font-size: 16px;
}

.cart-coupon-update-area {
  border: 1px solid #e1e1e1;
  border-top: 0;
  padding: 20px 30px 30px;
}
.cart-coupon-update-area button {
  font-size: 14px;
  font-weight: 700;
}
.cart-coupon-update-area button:hover {
  color: #6a2f90;
}
.cart-coupon-update-area .coupon-form-wrap {
  width: 55%;
}
@media only screen and (max-width: 575.98px) {
  .cart-coupon-update-area .coupon-form-wrap {
    width: 100%;
  }
}
.cart-coupon-update-area .coupon-form-wrap form {
  position: relative;
}
.cart-coupon-update-area .coupon-form-wrap form input {
  border: none;
  border-bottom: 1px solid #e1e1e1;
  display: block;
  outline: none;
  padding: 5px 100px 5px 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  width: 100%;
}
.cart-coupon-update-area .coupon-form-wrap form input:focus {
  border-color: #6a2f90;
}
.cart-coupon-update-area .coupon-form-wrap form .btn-apply {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.cart-coupon-update-area .cart-update-buttons button:nth-child(1n+2) {
  margin-left: 10px;
}

.cart-calculate-area {
  background-color: #EEEEEE;
  padding: 30px;
}
.cart-calculate-area h5 {
  font-weight: 600;
  font-size: 24px;
  line-height: 1;
  margin-bottom: 20px;
}
.cart-calculate-area .cart-cal-table {
  white-space: nowrap;
}
.cart-calculate-area .cart-cal-table table {
  margin-bottom: 0;
}
.cart-calculate-area .cart-cal-table td, .cart-calculate-area .cart-cal-table th {
  font-size: 16px;
  font-weight: 400;
  padding: 5px 0 15px;
}
.cart-calculate-area .cart-cal-table .shipping-method li {
  margin-bottom: 15px;
}
.cart-calculate-area .cart-cal-table .shipping-method li:last-child {
  margin-bottom: 0;
}
.cart-calculate-area .cart-cal-table .shipping-method .custom-control-label:before {
  top: 5px;
}
.cart-calculate-area .cart-cal-table .shipping-method .custom-control-label:after {
  top: 5px;
}
.cart-calculate-area .cart-cal-table .order-total {
  border-top: 1px solid #e1e1e1;
}
.cart-calculate-area .cart-cal-table .order-total th, .cart-calculate-area .cart-cal-table .order-total td {
  padding-top: 15px;
}
.cart-calculate-area .proceed-checkout-btn {
  margin: 15px 0 0;
}

.table-responsive::-webkit-scrollbar-thumb, .list::-webkit-scrollbar-thumb {
  border-radius: 0;
  border: 0;
  background-color: #6a2f90;
}
.table-responsive::-webkit-scrollbar, .list::-webkit-scrollbar {
  background-color: rgba(255, 147, 38, 0.3);
  -webkit-appearance: none;
  width: 15px;
  height: 5px;
}

.custom-control-input:checked ~ .custom-control-label:before {
  border-color: #6a2f90;
  background-color: #6a2f90;
}
.custom-control-input:focus ~ .custom-control-label:before, .custom-control-input:active ~ .custom-control-label:before, .custom-control-input:disabled ~ .custom-control-label:before {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}
.custom-control.custom-checkbox .custom-control-label:before {
  border-radius: 0;
  height: 14px;
  width: 14px;
  top: 6px;
}
.custom-control.custom-checkbox .custom-control-label:after {
  background-size: 8px 10px;
  top: 6px;
  height: 14px;
  width: 14px;
}

/*==========================================
26. Checkout Page Pages Style Css
===========================================*/
.checkout-page-coupon-area .card {
  border: none;
  padding: 0;
}
.checkout-page-coupon-area .card h3 {
  background-color: #b22c00;
  color: #FFFFFF;
  font-size: 16px;
  line-height: 1.2;
  margin: 0;
  padding: 20px 30px;
}
@media only screen and (max-width: 575.98px) {
  .checkout-page-coupon-area .card h3 {
    font-size: 14px;
    padding: 10px 15px;
  }
}
.checkout-page-coupon-area .card h3 i {
  color: #008000;
  margin-right: 10px;
}
.checkout-page-coupon-area .card h3 span {
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.checkout-page-coupon-area .card h3 span:hover {
  color: #6a2f90;
}
.checkout-page-coupon-area .card .card-body {
  padding: 0;
  margin-top: 30px;
}
.checkout-page-coupon-area .card .card-body .apply-coupon-wrapper .form-input-item input {
  font-size: 16px;
  padding: 10px 0;
}
.checkout-page-coupon-area .card .card-body .apply-coupon-wrapper .btn-bordered {
  padding: 15px 20px;
}

.checkout-billing-details-wrap {
  margin-top: 90px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .checkout-billing-details-wrap {
    margin-top: 60px;
  }
}
@media only screen and (max-width: 767.98px) {
  .checkout-billing-details-wrap {
    margin-top: 40px;
  }
}
.checkout-billing-details-wrap h2 {
  font-weight: 600;
  font-size: 30px;
  line-height: 1;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 46px;
}
@media only screen and (max-width: 767.98px) {
  .checkout-billing-details-wrap h2 {
    margin-bottom: 26px;
  }
}
.checkout-billing-details-wrap h2:before {
  background-color: #222222;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 50px;
}

.billing-form-wrap .form-input-item {
  margin-top: 40px;
}
.billing-form-wrap .form-input-item input, .billing-form-wrap .form-input-item textarea {
  font-size: 16px;
  padding: 5px 0;
}
.billing-form-wrap .form-input-item input::-webkit-input-placeholder, .billing-form-wrap .form-input-item textarea::-webkit-input-placeholder {
  color: #757575;
}
.billing-form-wrap .form-input-item input::-moz-placeholder, .billing-form-wrap .form-input-item textarea::-moz-placeholder {
  color: #757575;
}
.billing-form-wrap .form-input-item input:-ms-input-placeholder, .billing-form-wrap .form-input-item textarea:-ms-input-placeholder {
  color: #757575;
}
.billing-form-wrap .form-input-item input::-ms-input-placeholder, .billing-form-wrap .form-input-item textarea::-ms-input-placeholder {
  color: #757575;
}
.billing-form-wrap .form-input-item input::placeholder, .billing-form-wrap .form-input-item textarea::placeholder {
  color: #757575;
}
.billing-form-wrap .form-input-item .nice-select:after {
  border-right-color: #757575;
  border-bottom-color: #757575;
}
.billing-form-wrap .form-input-item .nice-select .current {
  font-size: 16px;
  color: #757575;
}

.checkout-box-wrap .account-create {
  margin-top: 25px;
  font-size: 16px;
}
.checkout-box-wrap .account-create, .checkout-box-wrap .ship-to-different {
  display: none;
}

.order-details-area-wrap {
  border: 2px solid #e1e1e1;
  padding: 50px 30px;
  margin-top: 80px;
}
@media only screen and (max-width: 575.98px) {
  .order-details-area-wrap {
    padding: 30px 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .order-details-area-wrap {
    margin-top: 60px;
  }
}
@media only screen and (max-width: 767.98px) {
  .order-details-area-wrap {
    margin-top: 40px;
  }
}
.order-details-area-wrap h2 {
  font-weight: 600;
  font-size: 30px;
  line-height: 1;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 35px;
}
@media only screen and (max-width: 767.98px) {
  .order-details-area-wrap h2 {
    margin-bottom: 26px;
  }
}
.order-details-area-wrap h2:before {
  background-color: #222222;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 50px;
}
.order-details-area-wrap .order-details-table {
  line-height: 1;
  white-space: nowrap;
}
.order-details-area-wrap .order-details-table .custom-control-label, .order-details-area-wrap .order-details-table th {
  font-weight: 400;
}
.order-details-area-wrap .order-details-table .table thead {
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 27px;
}
.order-details-area-wrap .order-details-table .table thead th {
  margin-bottom: 27px;
}
.order-details-area-wrap .order-details-table .table tbody {
  border-bottom: 1px solid #e1e1e1;
}
.order-details-area-wrap .order-details-table .table tbody .cart-item {
  font-size: 16px;
}
.order-details-area-wrap .order-details-table .table tbody .cart-item:first-child td {
  padding-top: 30px;
}
.order-details-area-wrap .order-details-table .table tbody .cart-item:last-child td {
  padding-bottom: 30px;
}
.order-details-area-wrap .order-details-table .table tfoot .shipping .shipping-method li {
  margin-bottom: 15px;
}
.order-details-area-wrap .order-details-table .table tfoot .shipping .shipping-method li:last-child {
  margin-bottom: 0;
}
.order-details-area-wrap .order-details-table .table tfoot .shipping .shipping-method .custom-control-label {
  line-height: 23px;
}
.order-details-area-wrap .order-details-table .table tfoot .total-amount {
  font-size: 20px;
  font-weight: 600;
}
.order-details-area-wrap .order-details-table .table tfoot tr {
  border-bottom: 1px solid #e1e1e1;
}
.order-details-area-wrap .order-details-table .table tr td, .order-details-area-wrap .order-details-table .table tr th {
  padding: 15px 0;
}
.order-details-area-wrap .order-details-table .table tr td:last-child, .order-details-area-wrap .order-details-table .table tr th:last-child {
  text-align: right;
}
.order-details-area-wrap .order-details-table .product-title .product-quantity {
  color: #8d8d8d;
  font-size: 14px;
}
.order-details-area-wrap .order-details-footer {
  font-size: 15px;
}

/*==========================
27. Blog Pages Style Css
============================*/
.blog-layout-switcher ul {
  background-color: #EEEEEE;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 12px 15px;
}
.blog-layout-switcher ul li {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  margin-right: 20px;
  line-height: 1;
  cursor: pointer;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.blog-layout-switcher ul li:last-child {
  margin-right: 0;
}
.blog-layout-switcher ul li.active {
  color: #b22c00;
}

.layout-list .blog-post {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (min-width: 1200px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .layout-list .blog-post {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media only screen and (max-width: 767.98px) {
  .layout-list .blog-post {
    display: block;
  }
}
.layout-list .blog-post__thumb {
  margin: 0 30px 0 0;
}
@media only screen and (max-width: 767.98px) {
  .layout-list .blog-post__thumb {
    margin: 0 0 25px 0;
  }
}
.layout-list [class*=col-] {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
}

/*============================
Start Comment Area Wrapper
============================*/
.comment-area-wrapper {
  margin-top: 60px;
  border-top: 1px solid #e1e1e1;
  padding-top: 55px;
}
.comment-area-wrapper h3 {
  font-size: 26px;
  margin-bottom: 30px;
  margin-top: 0;
}
@media only screen and (max-width: 767.98px) {
  .comment-area-wrapper h3 {
    margin-bottom: 25px;
  }
}
.comment-area-wrapper .form-input-item {
  margin-top: 30px;
}
.comment-area-wrapper .form-input-item input, .comment-area-wrapper .form-input-item textarea {
  background-color: #EEEEEE;
  padding: 10px 20px;
  border: 1px solid #EEEEEE;
}
.comment-area-wrapper .form-input-item input:focus, .comment-area-wrapper .form-input-item textarea:focus {
  background-color: transparent;
  border-color: #6a2f90;
}

.single-comment-wrap {
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 35px;
}
.single-comment-wrap:last-child {
  margin-bottom: 0;
}
.single-comment-wrap.comment-reply {
  margin-left: 50px;
}
@media only screen and (max-width: 767.98px) {
  .single-comment-wrap.comment-reply {
    margin-left: 20px;
  }
}
.single-comment-wrap .author-thumb {
  border-radius: 3px;
  margin-right: 15px;
  height: 70px;
  max-width: 70px;
  -ms-flex-preferred-size: 70px;
      flex-basis: 70px;
  overflow: hidden;
}
.single-comment-wrap .comments-info {
  margin-top: -4px;
  -ms-flex-preferred-size: calc(100% - 70px);
      flex-basis: calc(100% - 70px);
}
.single-comment-wrap .comment-footer {
  margin-top: 8px;
}
.single-comment-wrap .comment-footer a {
  font-size: 14px;
  color: #757575;
}
.single-comment-wrap .comment-footer a strong {
  color: #222222;
}
.single-comment-wrap .comment-footer a.btn-reply {
  color: #222222;
}
.single-comment-wrap .comment-footer a.btn-reply:hover {
  color: #6a2f90;
}

.map-area-wrap {
  height: 100%;
}
@media only screen and (max-width: 767.98px) {
  .map-area-wrap {
    height: 350px;
    margin-bottom: 40px;
  }
}