/******************************************************************
  Theme Name: Makeup Artist
  Description: Makeup Artist - Template
  Author: Colorib
  Author URI: https://www.colorib.com/
  Version: 1.0
  Created: Colorib 
******************************************************************/
/*------------------------------------------------------------------
[Table of contents]

1.  Template default CSS
	1.1	Variables
	1.2	Mixins
	1.3	Flexbox
	1.4	Reset
2.  Helper Css
3.  Header Section
4.  Hero Section
5.  Banner Section
6.  Product Section
7.  Intagram Section
8.  Latest Section
9.  Contact
10.  Footer Style
-------------------------------------------------------------------*/
/*----------------------------------------*/
/* Template default CSS
/*----------------------------------------*/
html,
body {
  height: 100%;
  font-family: "Spartan", sans-serif;
  -webkit-font-smoothing: antialiased;
}

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

h1 {
  font-size: 70px;
}

h2 {
  font-size: 36px;
}

h3 {
  font-size: 30px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 16px;
}

p {
  font-size: 15px;
  font-family: "Spartan", sans-serif;
  color: #444444;
  font-weight: 400;
  line-height: 26px;
  margin: 0 0 15px 0;
}

img {
  max-width: 100%;
}

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

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

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

/*---------------------
  Helper CSS
-----------------------*/
.section-title {
  margin-bottom: 60px;
  position: relative;
  z-index: 1;
}
.section-title:after {
  position: absolute;
  left: 0;
  top: -25px;
  right: 0;
  height: 117px;
  width: 163px;
  background: url(../images/icon/s-bg-w.png);
  content: "";
  z-index: -1;
  margin: 0 auto;
}
.section-title span {
  font-size: 20px;
  color: #e65783;
  font-weight: 500;
  letter-spacing: 4px;
  display: block;
  text-transform: uppercase;
}
.section-title h2 {
  font-size: 150px;
  font-family: "Mattings Regular";
  line-height: 125px;
}

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

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

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

/* buttons */
.primary-btn {
  display: inline-block;
  font-size: 18px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
  background: #e65783;
  padding: 14px 40px 12px;
  border-radius: 50px;
}

.site-btn {
  border: none;
  display: inline-block;
  padding: 12px 40px 10px;
  background: #e65783;
  font-size: 15px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
}

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

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

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

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

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

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

.search-model-form input {
  width: 500px;
  font-size: 40px;
  border: none;
  border-bottom: 2px solid #333;
  background: 0 0;
  color: #999;
}

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

/*---------------------
  Header
-----------------------*/
.header {
  background: #ffffff;
}

.header__logo {
  padding: 20px 0;
}
.header__logo a {
  display: inline-block;
}

.header__options {
  text-align: right;
}

.header__menu {
  display: inline-block;
  margin-right: 45px;
}
.header__menu ul li {
  list-style: none;
  display: inline-block;
  margin-right: 50px;
  position: relative;
}
.header__menu ul li.active a:after {
  opacity: 1;
}
.header__menu ul li:hover a:after {
  opacity: 1;
}
.header__menu ul li:hover .dropdown {
  top: 100px;
  opacity: 1;
  visibility: visible;
}
.header__menu ul li:last-child {
  margin-right: 0;
}
.header__menu ul li .dropdown {
  position: absolute;
  left: 0;
  top: 120px;
  width: 160px;
  background: #200204;
  text-align: left;
  padding: 5px 0;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  -ms-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}
.header__menu ul li .dropdown li {
  display: block;
  margin-right: 0;
}
.header__menu ul li .dropdown li a {
  font-size: 14px;
  color: #ffffff;
  font-weight: 400;
  padding: 5px 20px;
  text-transform: capitalize;
}
.header__menu ul li .dropdown li a:after {
  display: none;
}
.header__menu ul li a {
  font-size: 16px;
  font-weight: 500;
  color: #200204;
  display: block;
  padding: 40px 0 37px;
  position: relative;
}
.header__menu ul li a:after {
  position: absolute;
  left: 0;
  bottom: 26px;
  right: 0;
  width: 7px;
  height: 7px;
  background: #e65783;
  content: "";
  border-radius: 50%;
  margin: 0 auto;
  opacity: 0;
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  -ms-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}

.search__option {
  display: inline-block;
  margin-right: 45px;
  cursor: pointer;
}

.header__option__right {
  display: inline-block;
  padding: 24px 0;
}
.offcanvas-menu-wrapper {
  display: none;
}

.canvas__open {
  display: none;
}

/*---------------------
  Hero
-----------------------*/
.hero {
  overflow: hidden;
}

.hero__items {
  height: 900px;
}

.hero__slider.owl-carousel .owl-nav button {
  font-size: 60px;
  color: #888888;
  height: 150px;
  width: 150px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  position: absolute;
  left: -75px;
  top: 50%;
  margin-top: -75px;
}
.hero__slider.owl-carousel .owl-nav button i {
  position: absolute;
  right: 35px;
  top: 45px;
}
.hero__slider.owl-carousel .owl-nav button.owl-next {
  left: auto;
  right: -75px;
}
.hero__slider.owl-carousel .owl-nav button.owl-next i {
  left: 35px;
  right: auto;
  top: 46px;
}
.hero__slider.owl-carousel .owl-dots {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 26px;
  text-align: center;
}
.hero__slider.owl-carousel .owl-dots button {
  height: 15px;
  width: 15px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  margin-right: 10px;
  position: relative;
}
.hero__slider.owl-carousel .owl-dots button:after {
  position: absolute;
  left: -2.5px;
  top: -2.5px;
  height: 20px;
  width: 20px;
  border: 3px solid #ffffff;
  content: "";
  border-radius: 50%;
  opacity: 0;
}
.hero__slider.owl-carousel .owl-dots button.active {
  background: transparent;
}
.hero__slider.owl-carousel .owl-dots button.active:after {
  opacity: 1;
}
.hero__slider.owl-carousel .owl-dots button:last-child {
  margin-right: 0;
}

/*---------------------
  Services
-----------------------*/
.services {
  padding-top: 150px;
  position: relative;
  z-index: 1;
  padding-bottom: 0;
}
.services:after {
  position: absolute;
  left: 0;
  top: 0;
  height: 825px;
  width: 100%;
  background: url(../images/services/services-bg.png);
  content: "";
  z-index: -1;
}
.services .container {
  border-bottom: 1px solid #ede5e5;
  padding-bottom: 70px;
}

.services__item {
  margin-bottom: 30px;
}
.services__item.services__item__top:hover .services__item__text {
  top: 30px;
}
.services__item:hover .services__item__text {
  top: -30px;
  box-shadow: 0px 5px 25px rgba(83, 116, 131, 0.16);
  background: #ffffff;
}

.services__item__pic img {
  min-width: 100%;
}

.services__item__text {
  padding: 30px 30px;
  position: relative;
  left: 0;
  top: 0;
  width: calc(100% - 30px);
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  -ms-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}
.services__item__text h5 {
  font-size: 20px;
  font-weight: 500;
  color: #200204;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.services__item__text span {
  color: #e65783;
  display: block;
  font-size: 15px;
  font-weight: 500;
}

/*---------------------
  Testimonial
-----------------------*/
.testimonial__item__icon {
  position: absolute;
  left: 0;
  top: -42px;
  z-index: -1;
}

.testimonial__author {
  overflow: hidden;
  margin-bottom: 35px;
}

.testimonial__item {
  padding-left: 345px;
  position: relative;
  z-index: 1;
}
.testimonial__item p {
  font-size: 15px;
  color: #200204;
  font-weight: 500;
  line-height: 40px;
  margin-bottom: 0;
}

.testimonial__author__pic {
  float: left;
  margin-right: 25px;
}
.testimonial__author__pic img {
  height: 70px;
  width: 70px;
  border-radius: 50%;
}

.testimonial__author__text {
  overflow: hidden;
  padding-top: 10px;
}
.testimonial__author__text h5 {
  color: #200204;
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.testimonial__author__text span {
  color: #e65783;
  display: block;
  font-size: 15px;
  font-weight: 500;
}

.testimonial__slider.owl-carousel .owl-stage-outer {
  padding-top: 42px;
  padding-bottom: 63px;
}
.testimonial__slider.owl-carousel .owl-dots {
  position: absolute;
  right: 3px;
  top: 50px;
}
.testimonial__slider.owl-carousel .owl-dots button {
  height: 15px;
  width: 15px;
  background: #fadde6;
  border-radius: 50%;
  margin-right: 15px;
  position: relative;
}
.testimonial__slider.owl-carousel .owl-dots button:after {
  position: absolute;
  left: -2.5px;
  top: -2.5px;
  height: 20px;
  width: 20px;
  border: 3px solid #e65783;
  content: "";
  border-radius: 50%;
  opacity: 0;
}
.testimonial__slider.owl-carousel .owl-dots button.active {
  background: transparent;
}
.testimonial__slider.owl-carousel .owl-dots button.active:after {
  opacity: 1;
}
.testimonial__slider.owl-carousel .owl-dots button:last-child {
  margin-right: 0;
}

/*---------------------
  Work
-----------------------*/
.work {
  overflow: hidden;
}
.work .container-fluid {
  padding-right: 5px;
  padding-left: 5px;
}

.work__item {
  height: 305px;
  position: relative;
  margin-bottom: 20px;
  margin-left: -5px;
  margin-right: -5px;
  overflow: hidden;
}
.work__item:hover .work__item__text {
  bottom: 0;
}
.work__item.large__item {
  height: 630px;
}

.work__item__text {
  background: #e65783;
  padding: 20px 20px 16px 30px;
  position: absolute;
  left: 0;
  bottom: -500px;
  width: 100%;
  -webkit-transition: all, 0.5s;
  -moz-transition: all, 0.5s;
  -ms-transition: all, 0.5s;
  -o-transition: all, 0.5s;
  transition: all, 0.5s;
}
.work__item__text span {
  color: #ffffff;
  font-size: 14px;
  display: block;
  margin-bottom: 10px;
}
.work__item__text h6 {
  color: #ffffff;
  font-size: 17px;
  text-transform: uppercase;
}

/*---------------------
  Beauty Products
-----------------------*/
.beauty-products {
  background: #f8f2f2;
}

/*---------------------
  Call To Action
-----------------------*/
.callto {
  overflow: hidden;
}

.callto__left {
  height: 550px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.callto__left__text span {
  font-size: 30px;
  color: #e65783;
  letter-spacing: 4px;
  text-transform: uppercase;
}
.callto__left__text h2 {
  font-size: 300px;
  color: #ffffff;
  font-family: "Mattings Regular";
  line-height: 165px;
}

.callto__form {
  height: 550px;
  padding: 90px 100px 65px;
}
.callto__form h3 {
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 32px;
}
.callto__form input {
  background: #ffffff;
  height: 46px;
  width: 100%;
  font-size: 16px;
  color: #888888;
  padding-left: 20px;
  border: none;
  margin-bottom: 30px;
}
.callto__form input::placeholder {
  color: #888888;
}
.callto__form .nice-select {
  height: 46px;
  line-height: 46px;
  border-radius: 0;
  float: none;
  margin-bottom: 30px;
  padding-left: 20px;
}
.callto__form .nice-select .list {
  margin-top: 0;
  width: 100%;
  border-radius: 0;
}
.callto__form .nice-select span {
  font-size: 16px;
  color: #888888;
}
.callto__form .nice-select:after {
  display: none;
}
.callto__form textarea {
  background: #ffffff;
  height: 100px;
  width: 100%;
  font-size: 16px;
  color: #888888;
  padding-left: 20px;
  border: none;
  padding-top: 12px;
  margin-bottom: 24px;
}
.callto__form textarea::placeholder {
  color: #888888;
}

/*---------------------
  Footer
-----------------------*/
.footer {
  background: #f8f2f2;
  padding-top: 130px;
}

.footer__contact__item {
  text-align: center;
  background: #ffffff;
  padding: 55px 30px 25px;
  position: relative;
  margin-bottom: 70px;
}
.footer__contact__item h5 {
  color: #200204;
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.footer__contact__item p {
  color: #200204;
  font-size: 15px;
}

.footer__contact__icon {
  height: 80px;
  width: 80px;
  font-size: 30px;
  line-height: 80px;
  text-align: center;
  background: #ffffff;
  display: inline-block;
  color: #ffffff;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: -40px;
  z-index: 1;
  margin-left: -40px;
}
.footer__contact__icon:after {
  position: absolute;
  left: 10px;
  top: 10px;
  height: 60px;
  width: 60px;
  background: #e65783;
  border-radius: 50%;
  content: "";
  z-index: -1;
}

.footer__logo {
  margin-bottom: 26px;
}
.footer__logo a {
  display: inline-block;
}
.footer__logo h6 {
  font-size: 15px;
  color: #200204;
  margin-top: 18px;
}
.footer__logo h6 a {
  color: #200204;
}

.footer__instagram__pic {
  margin-right: -10px;
  overflow: hidden;
}
.footer__instagram__pic img {
  width: calc(20% - 10px);
  margin-bottom: 10px;
  margin-right: 10px;
  float: left;
}

.footer__copyright {
  padding: 10px 0 15px;
}

.footer__copyright__text {
  color: #200204;
  margin-bottom: 0;
}
.footer__copyright__text i {
  color: #e65783;
}
.footer__copyright__text a {
  color: #e65783;
}

.footer__copyright__social {
  text-align: right;
}
.footer__copyright__social a {
  font-size: 18px;
  color: #111111;
  display: inline-block;
  margin-right: 22px;
}
.footer__copyright__social a:last-child {
  margin-right: 0;
}

/*---------------------
  About
-----------------------*/
.about {
  padding-bottom: 70px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.about:after {
  position: absolute;
  left: 0;
  top: -150px;
  right: 0;
  width: 1105px;
  height: 1070px;
  background: url(../images/about/about-bg.png);
  content: "";
  margin: 0 auto;
}

.about__text .section-title {
  margin-bottom: 30px;
}
.about__text .section-title h2 {
  font-size: 200px;
}
.about__text .section-title h2::before {
  position: absolute;
  left: -48px;
  top: 20px;
  height: 117px;
  width: 163px;
  background: url(../images/icon/s-bg.png);
  content: "";
  z-index: -1;
}
.about__text p {
  color: #200204;
  line-height: 30px;
  margin-bottom: 65px;
}

.about__pic img {
  min-width: 100%;
}

/*---------------------
  Team
-----------------------*/
.team {
  background: #f8f2f2;
}

.team__item:hover.team__item__top .team__item__text {
  margin-top: auto;
  margin-bottom: -130px;
}
.team__item:hover .team__item__text {
  background: #ffffff;
  box-shadow: 0px 5px 25px rgba(83, 116, 131, 0.16);
  height: 210px;
  position: relative;
  left: 0;
  top: 0;
  margin-top: -130px;
}
.team__item:hover .team__item__text span {
  margin-bottom: 15px;
}
.team__item:hover .team__item__text p {
  margin-bottom: 10px;
}
.team__item__pic img {
  min-width: 100%;
}

.team__item__text {
  padding: 30px 30px 25px;
  -webkit-transition: all, 0.5s;
  -moz-transition: all, 0.5s;
  -ms-transition: all, 0.5s;
  -o-transition: all, 0.5s;
  transition: all, 0.5s;
  height: 108px;
  overflow: hidden;
  width: calc(100% - 30px);
}
.team__item__text h5 {
  color: #200204;
  margin-bottom: 10px;
}
.team__item__text span {
  font-size: 14px;
  color: #e65783;
  display: block;
  margin-bottom: 50px;
}
.team__item__text p {
  color: #200204;
  line-height: 25px;
}

.team__item__social a {
  font-size: 18px;
  color: #111111;
  display: inline-block;
  margin-right: 22px;
}
.team__item__social a:last-child {
  margin-right: 0;
}

.team__slider.owl-carousel .col-lg-3 {
  max-width: 100%;
}
.team__slider.owl-carousel .owl-nav button {
  font-size: 30px;
  color: #888888;
  position: absolute;
  left: -25px;
  top: 50%;
  margin-top: -22px;
}
.team__slider.owl-carousel .owl-nav button.owl-next {
  left: auto;
  right: -25px;
}

/*---------------------
  Newslatter
-----------------------*/
.newslatter {
  padding-top: 34px;
  padding-bottom: 40px;
}

.newslatter__text h2 {
  color: #ffffff;
  font-size: 110px;
  font-family: "Mattings Regular";
  line-height: 85px;
  text-shadow: 2px 2px #000;
}

.newslatter__form {
  margin-top: 17px;
}
.newslatter__form form {
  position: relative;
}
.newslatter__form form input {
  width: 100%;
  height: 50px;
  border: 1px solid #fff;
  border-radius: 50px;
  background: rgba(0, 0, 0, 0.6);
  font-size: 15px;
  color: #ffffff;
  padding-left: 40px;
}
.newslatter__form form input::placeholder {
  color: #ffffff;
}
.newslatter__form form button {
  font-size: 15px;
  color: #e65783;
  font-weight: 500;
  background: #ffffff;
  letter-spacing: 2px;
  text-transform: uppercase;
  border: none;
  border-radius: 50px;
  padding: 0 30px;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}

/*---------------------
  Breadcrumb
-----------------------*/
.breadcrumb-option {
  padding-top: 95px;
}

.breadcrumb__text {
  background: #ffffff;
  display: inline-block;
  padding: 45px 106px 0 36px;
}
.breadcrumb__text h2 {
  font-size: 40px;
  color: #200204;
  font-weight: 500;
  margin-bottom: 6px;
}

.breadcrumb__links a {
  font-size: 15px;
  color: #e65783;
  display: inline-block;
  margin-right: 26px;
  position: relative;
}
.breadcrumb__links a:after {
  position: absolute;
  right: -17px;
  top: -1px;
  content: "|";
  color: #200204;
}
.breadcrumb__links span {
  font-size: 16px;
  color: #200204;
  display: inline-block;
}

/*---------------------
  Product
-----------------------*/
.product__widget__show {
  margin-bottom: 25px;
}
.product__widget__show p {
  color: #111111;
  font-size: 14px;
  margin-bottom: 0;
  line-height: 42px;
}

.product__widget__filter .nice-select {
  height: 42px;
  float: none;
  border: 1px solid #e1e1e1;
  padding-left: 22px;
  border-radius: 0;
  margin-bottom: 30px;
}
.product__widget__filter .nice-select .list {
  margin-top: 0;
  border-radius: 0;
  width: 100%;
}
.product__widget__filter .nice-select span {
  font-size: 14px;
  color: #111111;
}
.product__widget__filter .nice-select:after {
  border-bottom: 2px solid #111;
  border-right: 2px solid #111;
  height: 8px;
  margin-top: -5px;
  right: 24px;
  top: 50%;
  width: 8px;
}

.product__item {
  overflow: hidden;
  margin-bottom: 38px;
}
.product__item:hover .product__item__hover {
  top: 30px;
}

.product__item__pic {
  border: 1px solid #e1e1e1;
  height: 330px;
  position: relative;
}

.product__item__hover {
  position: absolute;
  right: 30px;
  top: -300px;
  -webkit-transition: all, 0.5s;
  -moz-transition: all, 0.5s;
  -ms-transition: all, 0.5s;
  -o-transition: all, 0.5s;
  transition: all, 0.5s;
}
.product__item__hover ul li {
  list-style: none;
  position: relative;
  margin-bottom: 10px;
}
.product__item__hover ul li:hover a {
  background: #e65783;
  border-color: #e65783;
}
.product__item__hover ul li:hover a i {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  color: #ffffff;
}
.product__item__hover ul li:hover span {
  opacity: 1;
}
.product__item__hover ul li:last-child {
  margin-bottom: 0;
}
.product__item__hover ul li a {
  height: 50px;
  width: 50px;
  border: 1px solid #e1e1e1;
  background: #ffffff;
  border-radius: 50%;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  color: #111111;
  display: inline-block;
  -webkit-transition: all, 0.5s;
  -moz-transition: all, 0.5s;
  -ms-transition: all, 0.5s;
  -o-transition: all, 0.5s;
  transition: all, 0.5s;
}
.product__item__hover ul li a i {
  display: inline-block;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all, 0.5s;
  -moz-transition: all, 0.5s;
  -ms-transition: all, 0.5s;
  -o-transition: all, 0.5s;
  transition: all, 0.5s;
}
.product__item__hover ul li span {
  font-size: 12px;
  color: #ffffff;
  background: #111111;
  padding: 4px 12px 2px;
  width: 105px;
  text-align: center;
  display: inline-block;
  position: absolute;
  left: -115px;
  top: 13px;
  -webkit-transition: all, 0.5s;
  -moz-transition: all, 0.5s;
  -ms-transition: all, 0.5s;
  -o-transition: all, 0.5s;
  transition: all, 0.5s;
  opacity: 0;
}
.product__item__hover ul li span:after {
  position: absolute;
  right: -4px;
  top: 50%;
  height: 8px;
  width: 8px;
  background: #111111;
  content: "";
  transform: rotate(45deg);
  margin-top: -4px;
}

.product__item__text {
  text-align: center;
  padding: 25px 15px 0;
}
.product__item__text span {
  font-size: 13px;
  color: #888888;
  display: block;
  margin-bottom: 8px;
}
.product__item__text h6 {
  margin-bottom: 15px;
}
.product__item__text h6 a {
  color: #111111;
}
.product__item__text .price {
  color: #e65783;
  font-size: 13px;
  font-weight: 500;
}

.product__slider.owl-carousel .col-lg-3 {
  max-width: 100%;
}
.product__slider.owl-carousel .owl-nav button {
  font-size: 30px;
  color: #888888;
  position: absolute;
  left: -25px;
  top: 28%;
}
.product__slider.owl-carousel .owl-nav button.owl-next {
  left: auto;
  right: -25px;
}

.more__btn.work__btn {
  padding-top: 20px;
}
.more__btn a {
  font-size: 13px;
  color: #111111;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
  display: inline-block;
  padding: 0 15px 5px;
  border-bottom: 2px solid #200204;
}

/*---------------------
  Product Details
-----------------------*/
.product-details {
  padding-bottom: 60px;
}

.product__details__pic {
  margin-right: -30px;
  overflow: hidden;
  margin-bottom: 50px;
}

.product__details__pic__item {
  float: left;
  width: calc(79.4% - 30px);
  border: 1px solid #dddddd;
  margin-right: 30px;
  height: 550px;
}
.product__details__pic__item img {
  min-width: 100%;
  height: 100%;
}

.product__details__thumb {
  float: left;
  width: calc(20.6% - 30px);
}

.pt__item {
  border: 1px solid #dddddd;
  margin-bottom: 30px;
  cursor: pointer;
}
.pt__item.active {
  border-color: #200204;
}
.pt__item:last-child {
  margin-bottom: 0;
}
.pt__item img {
  min-width: 100%;
}

.product__details__text {
  margin-bottom: 50px;
}

.product__details__text__title {
  position: relative;
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 46px;
}
.product__details__text__title h4 {
  color: #200204;
  margin-bottom: 12px;
  font-weight: 500;
}
.product__details__text__title .price {
  font-size: 24px;
  color: #e65783;
  position: absolute;
  right: 0;
  top: 15px;
}
.product__details__text__title ul li {
  list-style: none;
  display: inline-block;
  margin-right: 35px;
  position: relative;
}
.product__details__text__title ul li:after {
  position: absolute;
  right: -22px;
  top: 1px;
  content: "|";
  color: #888888;
  font-size: 15px;
}
.product__details__text__title ul li:last-child {
  margin-right: 0;
}
.product__details__text__title ul li:last-child:after {
  display: none;
}
.product__details__text__title ul li .rating i {
  font-size: 14px;
  color: #ECBA0B;
  margin-right: -4px;
}
.product__details__text__title ul li .rating i:last-child {
  margin-right: 0;
}
.product__details__text__title ul li span {
  font-size: 14px;
  color: #111111;
}

.product__details__info {
  padding: 40px 0;
  border-bottom: 1px solid #e1e1e1;
}
.product__details__info ul {
  margin-bottom: 12px;
}
.product__details__info ul li {
  list-style: none;
  font-size: 15px;
  color: #888888;
  line-height: 30px;
}
.product__details__info ul li span {
  color: #111111;
  font-weight: 500;
  text-transform: uppercase;
}
.product__details__info .product__details__info__color h6 {
  font-size: 15px;
  color: #888888;
  display: inline-block;
  margin-right: 16px;
}

.product__details__info__color__items {
  display: inline-block;
}
.product__details__info__color__items .pc__item {
  display: inline-block;
  margin-right: 6px;
}
.product__details__info__color__items .pc__item:last-child {
  margin-right: 0;
}
.product__details__info__color__items .pc__item input {
  position: absolute;
  visibility: hidden;
}
.product__details__info__color__items .pc__item label {
  height: 12px;
  width: 12px;
  background: #653728;
  border-radius: 50%;
  cursor: pointer;
  margin-bottom: 0;
  position: relative;
}
.product__details__info__color__items .pc__item label.color-2 {
  background: #DBA07A;
}
.product__details__info__color__items .pc__item label.color-3 {
  background: #DAB8B2;
}
.product__details__info__color__items .pc__item label.active:after {
  opacity: 1;
}
.product__details__info__color__items .pc__item label:after {
  position: absolute;
  left: -3px;
  top: -3px;
  height: 18px;
  width: 18px;
  border: 1px solid rgba(242, 101, 96, 0.3);
  content: "";
  border-radius: 50%;
  opacity: 0;
}

.product__details__widget {
  overflow: hidden;
  padding-top: 50px;
}
.product__details__widget .quantity {
  overflow: hidden;
  float: left;
  margin-right: 20px;
}
.product__details__widget .quantity .pro-qty {
  width: 170px;
  height: 50px;
  border: 1px solid #e1e1e1;
  padding: 0 20px;
  border-radius: 50px;
}
.product__details__widget .quantity .pro-qty .qtybtn {
  font-size: 24px;
  color: #200204;
  width: 25px;
  float: left;
  height: 100%;
  line-height: 46px;
  cursor: pointer;
}
.product__details__widget .quantity .pro-qty input {
  font-size: 15px;
  color: #200204;
  font-weight: 500;
  letter-spacing: 2px;
  width: 78px;
  float: left;
  background: transparent;
  border: none;
  height: 100%;
  text-align: center;
}
.product__details__widget .pd__cart {
  display: inline-block;
  font-size: 15px;
  color: #ffffff;
  background: #e65783;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 500;
  padding: 14px 50px 12px;
  float: left;
  margin-right: 20px;
  border-radius: 50px;
}
.product__details__widget .heart__btn {
  width: 50px;
  height: 50px;
  border: 1px solid #e1e1e1;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product__details__desc__tab {
  background: #f8f2f2;
  padding: 45px 0;
  margin-top: 50px;
}
.product__details__desc__tab .nav {
  border: none;
  margin-bottom: 38px;
  justify-content: center;
}
.product__details__desc__tab .nav-item {
  margin-right: 65px;
  position: relative;
}
.product__details__desc__tab .nav-item:after {
  position: absolute;
  right: -36px;
  top: 0;
  content: "/";
  color: #dddddd;
  font-size: 20px;
}
.product__details__desc__tab .nav-item:last-child {
  margin-right: 0;
}
.product__details__desc__tab .nav-item:last-child:after {
  display: none;
}
.product__details__desc__tab .nav-link {
  font-size: 20px;
  color: #100303;
  padding: 0;
  border: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.product__details__desc__tab .nav-link.active {
  color: #e65783;
  background-color: transparent;
  border-color: transparent;
}
.product__details__desc__tab .tab-content {
  text-align: center;
}
.product__details__desc__tab .tab-content p {
  line-height: 27px;
  margin-bottom: 0;
}

/*---------------------
  Related Products
-----------------------*/
.related__products {
  padding-top: 120px;
}
.related__products .section-title:after {
  background: url(../images/icon/s-bg-r.png);
}

/*---------------------
  Services
-----------------------*/
.services-page {
  padding-bottom: 0;
}

.services__page__text {
  margin-bottom: 100px;
}
.services__page__text .price {
  font-size: 16px;
  color: #e65783;
  font-weight: 500;
  background: #ffffff;
  position: relative;
  margin-bottom: 10px;
}
.services__page__text .price:after {
  position: absolute;
  left: 100px;
  top: 11px;
  height: 1px;
  width: 70px;
  background: #e65783;
  content: "";
}
.services__page__text h2 {
  color: #200204;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 40px;
}
.services__page__text p {
  color: #200204;
  line-height: 30px;
  margin-bottom: 20px;
}
.services__page__text ul {
  margin-bottom: 40px;
}
.services__page__text ul li {
  list-style: none;
  font-size: 15px;
  color: #200204;
  margin-bottom: 15px;
}
.services__page__text ul li:last-child {
  margin-bottom: 0;
}
.services__page__text ul li span {
  font-size: 15px;
  color: #e65783;
  margin-right: 15px;
}
.services__page__text .primary-btn {
  color: #200204;
  background: transparent;
  border: 2px solid #e65783;
}

.services__page__pic {
  margin-right: -30px;
  margin-bottom: 100px;
  overflow: hidden;
}

.services__page__pic__item {
  width: calc(50% - 30px);
  margin-right: 30px;
  float: left;
}
.services__page__pic__item.small__item {
  padding-top: 50px;
}

/*---------------------
  Cart
-----------------------*/
.cart__table {
  padding-right: 40px;
}
.cart__table table {
  width: 100%;
}
.cart__table thead {
  border-bottom: 1px solid #e1e1e1;
}
.cart__table thead tr th {
  font-size: 20px;
  color: #100303;
  text-transform: uppercase;
  padding-bottom: 25px;
  font-weight: 400;
}
.cart__table tbody tr {
  border-bottom: 1px solid #f2f2f2;
}
.cart__table tbody tr td {
  padding-top: 35px;
  padding-bottom: 35px;
}
.cart__table tbody tr td.cart__item {
  width: 450px;
}
.cart__table tbody tr td.cart__item .cart__item__pic {
  float: left;
  margin-right: 30px;
}
.cart__table tbody tr td.cart__item .cart__item__pic img {
  border: 1px solid #dddddd;
}
.cart__table tbody tr td.cart__item .cart__item__text {
  overflow: hidden;
  padding-top: 24px;
}
.cart__table tbody tr td.cart__item .cart__item__text h6 {
  font-size: 15px;
  color: #100303;
  margin-bottom: 12px;
}
.cart__table tbody tr td.cart__item .cart__item__text span {
  color: #e65783;
  font-size: 15px;
  font-weight: 500;
  display: block;
}

.cart__quantity {
  width: 200px;
}
.cart__quantity .quantity .pro-qty {
  width: 100px;
  height: 46px;
}
.cart__quantity .quantity .pro-qty input {
  font-size: 15px;
  color: #111111;
  float: left;
  text-align: center;
  border: none;
  background: transparent;
  width: 66px;
  height: 48px;
  letter-spacing: 2px;
  font-weight: 500;
}
.cart__quantity .quantity .pro-qty .qtybtn {
  font-size: 16px;
  color: #888888;
  float: left;
  height: 100%;
  line-height: 46px;
  cursor: pointer;
}

.cart__price {
  font-size: 15px;
  color: #111111;
  width: 180px;
}

.cart__close {
  font-size: 20px;
  color: #e65783;
  cursor: pointer;
  text-align: right;
}

.cart__btn {
  padding-top: 30px;
}

.cart__btn__continue a {
  font-size: 15px;
  color: #200204;
  font-weight: 500;
  text-transform: uppercase;
  padding: 0 20px 4px 0;
  border-bottom: 2px solid #200204;
  display: inline-block;
}

.cart__btn__right {
  text-align: right;
}
.cart__btn__right a {
  font-size: 15px;
  color: #200204;
  font-weight: 500;
  text-transform: uppercase;
  padding: 0 20px 4px 0;
  border-bottom: 2px solid #200204;
  display: inline-block;
  margin-right: 45px;
}
.cart__btn__right a:last-child {
  margin-right: 0;
}

.cart__coupon {
  background: #f8f2f2;
  padding: 25px 30px 30px;
  margin-bottom: 50px;
}
.cart__coupon p {
  color: #200204;
  margin-bottom: 15px;
}
.cart__coupon form {
  position: relative;
}
.cart__coupon form input {
  height: 46px;
  width: 100%;
  border: 1px solid #e1e1e1;
  font-size: 15px;
  color: #888888;
  padding-left: 20px;
  background: #ffffff;
  border-radius: 50px;
}
.cart__coupon form input::placeholder {
  color: #888888;
  font-size: 15px;
}
.cart__coupon form button {
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  background: #200204;
  border: none;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  padding: 0 35px;
  border-radius: 50px;
}

.cart__total {
  background: #f8f2f2;
  padding: 35px 30px 40px;
}
.cart__total h5 {
  color: #200204;
  margin-bottom: 28px;
  font-size: 20px;
  font-weight: 500;
}
.cart__total ul {
  margin-bottom: 28px;
}
.cart__total ul li {
  list-style: none;
  font-size: 15px;
  color: #200204;
  line-height: 36px;
  overflow: hidden;
}
.cart__total ul li span {
  color: #200204;
  float: right;
  font-weight: 500;
}
.cart__total a {
  display: block;
  color: #ffffff;
  background: #200204;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 2px;
  padding: 14px 20px 12px;
  text-align: center;
  border-radius: 50px;
}

/*---------------------
  Checkout
-----------------------*/
.checkout__form__top {
  padding-bottom: 25px;
}
.checkout__form__top h5 {
  color: #200204;
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
}
.checkout__form__top h6 {
  font-size: 15px;
  color: #200204;
  text-align: center;
}
.checkout__form__top h6 a {
  color: #e65783;
  text-decoration: underline;
}

.checkout__form form .input__top {
  margin-bottom: 38px;
}
.checkout__form form .input__top input {
  height: 46px;
  width: 100%;
  padding-left: 20px;
  font-size: 15px;
  color: #888888;
  border: 1px solid #dddddd;
  margin-bottom: 15px;
}
.checkout__form form .input__top input::placeholder {
  color: #888888;
}
.checkout__form form label {
  position: relative;
  font-size: 15px;
  color: #200204;
  cursor: pointer;
  padding-left: 30px;
  margin-bottom: 0;
}
.checkout__form form label input {
  position: absolute;
  visibility: hidden;
}
.checkout__form form label input:checked ~ .checkmark {
  background: #e65783;
  border-color: #e65783;
}
.checkout__form form label input:checked ~ .checkmark:after {
  opacity: 1;
}
.checkout__form form label .checkmark {
  position: absolute;
  left: 0;
  top: 5px;
  height: 12px;
  width: 12px;
  border: 1px solid #200204;
  border-radius: 2px;
  content: "";
}
.checkout__form form label .checkmark:after {
  position: absolute;
  left: 0px;
  top: -1px;
  width: 13px;
  height: 7px;
  border: solid #ffffff;
  border-width: 2px 2px 0px 0px;
  -webkit-transform: rotate(127deg);
  -ms-transform: rotate(127deg);
  transform: rotate(127deg);
  content: "";
  opacity: 0;
}
.checkout__form .site-btn {
  width: 100%;
}

.checkout__address h5 {
  color: #200204;
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 24px;
}
.checkout__address .input__item {
  margin-bottom: 25px;
}
.checkout__address .input__item.double__input input {
  margin-bottom: 10px;
}
.checkout__address .input__item.double__input input:last-child {
  margin-bottom: 0;
}
.checkout__address .input__item p {
  color: #200204;
  margin-bottom: 10px;
}
.checkout__address .input__item input {
  height: 46px;
  width: 100%;
  padding-left: 20px;
  font-size: 15px;
  color: #888888;
  border: 1px solid #dddddd;
}
.checkout__address .input__item input::placeholder {
  color: #888888;
}

.checkout__proceed {
  background: #f8f2f2;
  padding: 30px;
}
.checkout__proceed .checkout__proceed__title h5 {
  color: #200204;
  font-weight: 500;
  margin-bottom: 38px;
  display: inline-block;
  padding: 0 15px 0 0;
  position: relative;
}
.checkout__proceed .checkout__proceed__title h5:after {
  position: absolute;
  left: 0;
  bottom: -4px;
  height: 1px;
  width: 115px;
  background: #200204;
  content: "";
}
.checkout__proceed .proceed__btn {
  font-size: 15px;
  color: #ffffff;
  background: #200204;
  padding: 12px 20px 10px;
  border: none;
  font-weight: 500;
  width: 100%;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.checkout__proceed__coupon {
  margin-bottom: 50px;
}
.checkout__proceed__coupon p {
  color: #200204;
  font-size: 15px;
  margin-bottom: 15px;
}
.checkout__proceed__coupon .coupon__input {
  position: relative;
}
.checkout__proceed__coupon .coupon__input input {
  height: 46px;
  width: 100%;
  border: 1px solid #e1e1e1;
  font-size: 15px;
  color: #200204;
  padding-left: 20px;
  background: #ffffff;
}
.checkout__proceed__coupon .coupon__input input::placeholder {
  color: #200204;
}
.checkout__proceed__coupon .coupon__input button {
  color: #ffffff;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
  background: #200204;
  border: none;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  padding: 0 30px;
}

.checkout__proceed__product {
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 22px;
  margin-bottom: 22px;
}
.checkout__proceed__product h5 {
  color: #200204;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 18px;
}
.checkout__proceed__product ul li {
  list-style: none;
  font-size: 15px;
  color: #200204;
  overflow: hidden;
  line-height: 36px;
}
.checkout__proceed__product ul li span {
  float: right;
  font-weight: 500;
}

.checkout__proceed__total {
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 20px;
  margin-bottom: 25px;
}
.checkout__proceed__total li {
  list-style: none;
  font-size: 15px;
  color: #200204;
  line-height: 36px;
  font-weight: 500;
  overflow: hidden;
}
.checkout__proceed__total li span {
  float: right;
}

.checkout__proceed__widget {
  margin-bottom: 40px;
}
.checkout__proceed__widget label {
  position: relative;
  font-size: 16px;
  color: #200204 !important;
  cursor: pointer;
  padding-left: 30px;
  display: block;
  margin-bottom: 5px !important;
}
.checkout__proceed__widget label:last-child {
  margin-bottom: 0;
}
.checkout__proceed__widget label input {
  position: absolute;
  visibility: hidden;
}
.checkout__proceed__widget label input:checked ~ .checkmark {
  background: #e65783;
  border-color: #e65783 !important;
}
.checkout__proceed__widget label input:checked ~ .checkmark:after {
  opacity: 1;
}
.checkout__proceed__widget label .checkmark {
  position: absolute;
  left: 0;
  top: 6px;
  height: 12px;
  width: 12px;
  border: 1px solid #200204 !important;
  border-radius: 2px;
  content: "";
}
.checkout__proceed__widget label .checkmark:after {
  position: absolute;
  left: 0px;
  top: -1px;
  width: 13px;
  height: 7px;
  border: solid #ffffff;
  border-width: 2px 2px 0px 0px;
  -webkit-transform: rotate(127deg);
  -ms-transform: rotate(127deg);
  transform: rotate(127deg);
  content: "";
  opacity: 0;
}

/*---------------------
  Wishlist
-----------------------*/
.wishlist__table table {
  width: 100%;
}
.wishlist__table thead {
  border-bottom: 1px solid #e1e1e1;
}
.wishlist__table thead tr th {
  font-size: 24px;
  color: #000000;
  font-weight: 500;
  padding-bottom: 35px;
}
.wishlist__table tbody tr {
  border-bottom: 1px solid #f2f2f2;
}
.wishlist__table tbody tr td {
  padding-top: 35px;
  padding-bottom: 35px;
}
.wishlist__table tbody tr td.wishlist__item {
  width: 680px;
}
.wishlist__table tbody tr td.wishlist__item .wishlist__item__pic {
  float: left;
  margin-right: 30px;
}
.wishlist__table tbody tr td.wishlist__item .wishlist__item__pic img {
  border: 1px solid #dddddd;
}
.wishlist__table tbody tr td.wishlist__item .wishlist__item__text {
  overflow: hidden;
  padding-top: 41px;
}
.wishlist__table tbody tr td.wishlist__item .wishlist__item__text h6 {
  color: #200204;
  font-size: 15px;
}

.wishlist__price {
  font-size: 15px;
  font-weight: 500;
  color: #200204;
  width: 235px;
}

.wishlist__stock {
  font-size: 15px;
  color: #000000;
  width: 235px;
}

.wishlist__btn {
  width: 190px;
}
.wishlist__btn a {
  font-size: 15px;
  font-weight: 500;
  color: #ffffff;
  letter-spacing: 1px;
  text-transform: uppercase;
  background: #200204;
  display: inline-block;
  padding: 14px 30px 12px;
  width: 184px;
}

.wishlist__close {
  font-size: 20px;
  color: #e65783;
  text-align: right;
}

/*---------------------
  Blog
-----------------------*/
.latest-blog {
  padding-bottom: 50px;
  padding-top: 80px;
}
.latest-blog .section-title:after {
  background: url(../images/icon/s-bg-r.png);
}

.blog__item {
  margin-bottom: 50px;
}

.blog__item__pic {
  position: relative;
}
.blog__item__pic img {
  min-width: 100%;
}

.blog__item__text {
  padding: 50px 30px 25px;
  box-shadow: 0px 5px 25px rgba(83, 116, 131, 0.16);
  background: #ffffff;
  margin-top: -25px;
  position: relative;
  z-index: 1;
}
.blog__item__text h4 {
  margin-bottom: 10px;
}
.blog__item__text h4 a {
  color: #200204;
  font-size: 22px;
  font-weight: 500;
  line-height: 33px;
}
.blog__item__text ul li {
  font-size: 13px;
  color: #888888;
  list-style: none;
  display: inline-block;
  margin-right: 28px;
  position: relative;
}
.blog__item__text ul li:after {
  position: absolute;
  right: -18px;
  top: 0;
  height: 17px;
  width: 1px;
  background: #888888;
  content: "";
}
.blog__item__text ul li span {
  color: #200204;
}
.blog__item__text ul li:last-child {
  margin-right: 0;
}
.blog__item__text ul li:last-child:after {
  display: none;
}

.blog__item__cat {
  height: 50px;
  width: 50px;
  background: #ffffff;
  font-size: 20px;
  color: #e65783;
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  left: 30px;
  top: -25px;
}
.blog__item__cat i {
  color: #e65783;
}

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

.blog__details__content {
  box-shadow: 0px 5px 25px rgba(83, 116, 131, 0.16);
  padding: 90px 100px 50px;
  margin-top: -70px;
  background: #ffffff;
  position: relative;
}
.blog__details__content .blog__item__cat {
  height: 90px;
  width: 90px;
  background: #ffffff;
  font-size: 36px;
  color: #e65783;
  line-height: 90px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  left: 0;
  right: 0;
  top: -45px;
  margin: 0 auto;
}
.blog__details__content .blog__item__cat i {
  color: #e65783;
}

.blog__details__hero img {
  min-width: 100%;
}

.blog__details__title {
  text-align: center;
  margin-bottom: 34px;
}
.blog__details__title h2 {
  color: #100303;
  line-height: 55px;
  margin-bottom: 12px;
}
.blog__details__title ul {
  margin-bottom: 40px;
}
.blog__details__title ul li {
  font-size: 14px;
  color: #888888;
  list-style: none;
  display: inline-block;
  margin-right: 30px;
  position: relative;
}
.blog__details__title ul li:after {
  position: absolute;
  right: -18px;
  top: -1px;
  content: "|";
  color: #888888;
}
.blog__details__title ul li:last-child {
  margin-right: 0;
}
.blog__details__title ul li:last-child:after {
  display: none;
}
.blog__details__title ul li:first-child {
  color: #200204;
}
.blog__details__title p {
  line-height: 30px;
  color: #200204;
  margin-bottom: 0;
}

.blog__details__item {
  text-align: center;
  margin-bottom: 32px;
}
.blog__details__item h5 {
  color: #200204;
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 36px;
}
.blog__details__item p {
  line-height: 30px;
  color: #200204;
  margin-bottom: 0;
}
.blog__details__item p:last-child {
  margin-top: 30px;
  margin-bottom: 0;
}

.blog__details__pic {
  padding-top: 30px;
  margin-bottom: 55px;
}
.blog__details__pic img {
  min-width: 100%;
}

.blog__details__widget {
  border-top: 1px solid #dddddd;
  padding-top: 20px;
  margin-top: 70px;
  padding-bottom: 50px;
}

.blog__details__widget__tag {
  margin-bottom: 10px;
}
.blog__details__widget__tag span {
  color: #200204;
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 10px;
}
.blog__details__widget__tag a {
  font-size: 14px;
  color: #111111;
  display: inline-block;
  border: 1px solid #e1e1e1;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 10px 20px 6px 15px;
}
.blog__details__widget__tag a:last-child {
  margin-right: 0;
}

.blog__details__widget__social {
  text-align: right;
  margin-bottom: 20px;
}
.blog__details__widget__social span {
  color: #200204;
  display: inline-block;
  margin-right: 20px;
}
.blog__details__widget__social a {
  font-size: 18px;
  color: #111111;
  display: inline-block;
  margin-right: 20px;
}
.blog__details__widget__social a:last-child {
  margin-right: 0;
}

.blog__details__btns {
  background: #f8f2f2;
  padding: 40px 30px 30px;
  margin-bottom: 65px;
}

.blog__details__btns__list.blog__details__btns__list--next span {
  text-align: right;
}
.blog__details__btns__list.blog__details__btns__list--next .blog__details__btns__item__pic {
  float: right;
  margin-right: 0;
  margin-left: 20px;
}
.blog__details__btns__list.blog__details__btns__list--next .blog__details__btns__item__text {
  text-align: right;
}
.blog__details__btns__list span {
  color: #200204;
  font-size: 15px;
  display: block;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 18px;
}

.blog__details__btns__item {
  display: block;
  overflow: hidden;
}
.blog__details__btns__item span {
  color: #200204;
  font-size: 15px;
  display: block;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.blog__details__btns__item__pic {
  float: left;
  margin-right: 20px;
}

.blog__details__btns__item__text {
  overflow: hidden;
}
.blog__details__btns__item__text h6 {
  color: #200204;
  font-weight: 500;
  line-height: 24px;
}

.blog__details__comment {
  margin-bottom: 65px;
}
.blog__details__comment h4 {
  font-size: 20px;
  color: #111111;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: center;
  border-bottom: 1px solid #dddddd;
  padding-bottom: 15px;
  margin-bottom: 30px;
}

.blog__details__comment__item {
  text-align: center;
  border-bottom: 1px solid #f2f2f2;
  padding-bottom: 24px;
  margin-bottom: 30px;
}
.blog__details__comment__item p {
  color: #111111;
  margin-bottom: 50px;
}
.blog__details__comment__item .blog__details__comment__author h5 {
  font-size: 20px;
  color: #111111;
  font-weight: 500;
  margin-bottom: 6px;
}
.blog__details__comment__item .blog__details__comment__author ul {
  display: inline-block;
}
.blog__details__comment__item .blog__details__comment__author ul li {
  font-size: 14px;
  color: #888888;
  list-style: none;
  display: inline-block;
  margin-right: 24px;
  position: relative;
}
.blog__details__comment__item .blog__details__comment__author ul li:after {
  position: absolute;
  right: -17px;
  top: -1px;
  content: "|";
  color: #888888;
}
.blog__details__comment__item .blog__details__comment__author ul li:last-child {
  margin-right: 0;
}
.blog__details__comment__item .blog__details__comment__author ul li:last-child:after {
  display: none;
}
.blog__details__comment__item .blog__details__comment__author ul li a {
  font-size: 14px;
  color: #e65783;
  text-transform: uppercase;
}

.show__all {
  text-align: center;
}
.show__all a {
  font-size: 15px;
  color: #200204;
  font-weight: 500;
  letter-spacing: 1px;
  text-decoration: underline;
}

.blog__details__form {
  text-align: center;
}
.blog__details__form h4 {
  font-size: 20px;
  color: #111111;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 30px;
}
.blog__details__form form input {
  height: 46px;
  width: 100%;
  border: 1px solid #e1e1e1;
  font-size: 15px;
  color: #888888;
  padding-left: 20px;
  margin-bottom: 30px;
}
.blog__details__form form input::placeholder {
  color: #888888;
}
.blog__details__form form textarea {
  height: 100px;
  width: 100%;
  border: 1px solid #e1e1e1;
  font-size: 15px;
  color: #888888;
  padding-left: 20px;
  padding-top: 12px;
  resize: none;
  margin-bottom: 10px;
}
.blog__details__form form textarea::placeholder {
  color: #888888;
}
.blog__details__form form p {
  color: #111111;
  line-height: 30px;
  margin-bottom: 25px;
}
.blog__details__form form p span {
  color: #e65783;
}

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

.contact__map {
  height: 390px;
  margin-bottom: 70px;
}
.contact__map iframe {
  width: 100%;
}

.contact__widget {
  margin-bottom: 40px;
}

.contact__widget__item {
  background: #ffffff;
  padding: 30px 70px;
  position: relative;
  margin-bottom: 50px;
  border: 1px solid #e1e1e1;
}
.contact__widget__item:last-child {
  margin-bottom: 0;
}
.contact__widget__item h5 {
  color: #200204;
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.contact__widget__item p {
  color: #200204;
  font-size: 15px;
  margin-bottom: 0;
}

.contact__widget__icon {
  height: 80px;
  width: 80px;
  font-size: 30px;
  line-height: 80px;
  text-align: center;
  background: #ffffff;
  display: inline-block;
  color: #ffffff;
  border-radius: 50%;
  position: absolute;
  left: -40px;
  top: 50%;
  z-index: 1;
  margin-top: -40px;
}
.contact__widget__icon:after {
  position: absolute;
  left: 10px;
  top: 10px;
  height: 60px;
  width: 60px;
  background: #e65783;
  border-radius: 50%;
  content: "";
  z-index: -1;
}

.contact__form {
  margin-bottom: 40px;
}
.contact__form h2 {
  font-size: 40px;
  color: #200204;
  font-weight: 500;
  margin-bottom: 30px;
}
.contact__form form input {
  height: 50px;
  width: 100%;
  border: 1px solid #e1e1e1;
  font-size: 15px;
  color: #200204;
  padding-left: 20px;
  margin-bottom: 30px;
}
.contact__form form input::placeholder {
  color: #200204;
}
.contact__form form textarea {
  height: 150px;
  width: 100%;
  border: 1px solid #e1e1e1;
  font-size: 15px;
  color: #200204;
  padding-top: 12px;
  padding-left: 20px;
  margin-bottom: 24px;
  resize: none;
}
.contact__form form textarea::placeholder {
  color: #200204;
}
.contact__form form .site-btn {
  background: #200204;
}

/*--------------------------------- Responsive Media Quaries -----------------------------*/
@media only screen and (min-width: 1200px) {
  .product__slider.owl-carousel .owl-nav button {
    left: -10px;
  }

  .product__slider.owl-carousel .owl-nav button.owl-next {
    right: -10px;
  }

  .team__slider.owl-carousel .owl-nav button {
    left: -10px;
  }

  .team__slider.owl-carousel .owl-nav button.owl-next {
    right: -10px;
  }
}
@media only screen and (min-width: 1450px) and (max-width: 1600px) {
  .product__slider.owl-carousel .owl-nav button {
    left: -10px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1449px) {
  .search__option {
    margin-right: 10px;
  }

  .header__menu {
    margin-right: 20px;
  }

  .header__menu ul li {
    margin-right: 32px;
  }

  .product__slider.owl-carousel .owl-nav button {
    left: -5px;
  }

  .product__slider.owl-carousel .owl-nav button.owl-next {
    right: -5px;
  }

  .callto__left__text h2 {
    font-size: 235px;
  }

  .team__slider.owl-carousel .owl-nav button {
    left: -5px;
  }

  .team__slider.owl-carousel .owl-nav button.owl-next {
    right: -5px;
  }

  .team__item__text {
    padding: 30px 25px 25px;
  }

  .team__item__text p {
    font-size: 14px;
  }

  .product__details__pic__item {
    height: auto;
  }

  .product__details__pic__item img {
    height: auto;
  }

  .blog__details__content {
    padding: 90px 50px 50px;
  }

  .blog__details__widget__social a {
    margin-right: 15px;
  }

  .blog__details__widget__tag a {
    margin-bottom: 15px;
  }

  .contact__widget__icon {
    left: -30px;
  }
}
@media only screen and (min-width: 1450px) {
  .container {
    max-width: 1410px;
  }
}
/* Medium Device = 1200px */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header__menu {
    margin-right: 18px;
  }

  .header__option__right .primary-btn {
    font-size: 14px;
    padding: 14px 20px 12px;
  }

  .header__menu ul li {
    margin-right: 18px;
  }

  .search__option {
    margin-right: 18px;
  }

  .product__slider.owl-carousel .owl-nav button {
    left: -5px;
  }

  .product__slider.owl-carousel .owl-nav button.owl-next {
    right: -5px;
  }

  .testimonial__item {
    padding-left: 260px;
  }
  .testimonial__item p {
    line-height: 34px;
  }

  .work__item__text {
    padding: 20px 15px 16px 15px;
  }

  .section-title h2 {
    font-size: 125px;
  }

  .callto__form {
    padding: 90px 30px 65px;
  }

  .callto__left__text h2 {
    font-size: 190px;
  }

  .team__item__text {
    padding: 28px 20px 25px;
    width: calc(100% - 15px);
  }

  .team__item__text p {
    font-size: 13px;
  }

  .newslatter__form form button {
    padding: 0 20px;
  }

  .cart__coupon form button {
    padding: 0 15px;
  }

  .cart__total a {
    letter-spacing: 0px;
    padding: 14px 12px 12px;
  }

  .cart__btn__continue a {
    padding: 0 5px 4px 0;
  }

  .cart__btn__right a {
    padding: 0 5px 4px 0;
    margin-right: 30px;
  }

  .checkout__proceed__coupon .coupon__input button {
    padding: 0 14px;
  }

  .checkout__proceed .proceed__btn {
    padding: 12px 10px 10px;
    letter-spacing: 1px;
  }

  .product__details__pic__item {
    height: auto;
  }

  .product__details__pic__item img {
    height: auto;
  }

  .product__details__text__title .price {
    position: relative;
    top: 0;
    margin-bottom: 15px;
  }

  .product__details__widget .pd__cart {
    padding: 14px 30px 12px;
  }

  .product__details__desc__tab .nav-item {
    margin-right: 20px;
  }

  .product__details__desc__tab .nav-item:after {
    right: -14px;
  }

  .blog__details__content {
    padding: 90px 30px 50px;
  }

  .blog__details__widget__social span {
    margin-right: 8px;
  }

  .blog__details__widget__social a {
    margin-right: 10px;
  }

  .contact__widget__icon {
    left: -30px;
  }
}
/* Tablet Device = 768px */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .canvas__open {
    display: block;
    font-size: 22px;
    color: #200204;
    height: 35px;
    width: 35px;
    line-height: 37px;
    text-align: center;
    border: 1px solid #200204;
    border-radius: 2px;
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 34px;
    z-index: 9;
  }

  .offcanvas-menu-overlay {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    content: "";
    z-index: 98;
    -webkit-transition: all, 0.5s;
    -moz-transition: all, 0.5s;
    -ms-transition: all, 0.5s;
    -o-transition: all, 0.5s;
    transition: all, 0.5s;
    visibility: hidden;
  }

  .offcanvas-menu-overlay.active {
    visibility: visible;
  }

  .offcanvas-menu-wrapper {
    position: fixed;
    left: -300px;
    width: 300px;
    height: 100%;
    background: #ffffff;
    padding: 50px 20px 30px 30px;
    display: block;
    z-index: 99;
    overflow-y: auto;
    -webkit-transition: all, 0.5s;
    -moz-transition: all, 0.5s;
    -ms-transition: all, 0.5s;
    -o-transition: all, 0.5s;
    transition: all, 0.5s;
    opacity: 0;
  }

  .offcanvas-menu-wrapper.active {
    opacity: 1;
    left: 0;
  }

  .slicknav_btn {
    display: none;
  }

  .slicknav_menu {
    background: transparent;
    padding: 0;
    margin-bottom: 30px;
  }

  .slicknav_nav ul {
    margin: 0;
  }

  .slicknav_nav .slicknav_row,
.slicknav_nav a {
    padding: 7px 0;
    margin: 0;
    color: #200204;
    font-weight: 600;
  }

  .slicknav_nav .slicknav_arrow {
    color: #200204;
  }

  .slicknav_nav .slicknav_row:hover {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: transparent;
    color: #200204;
  }

  .slicknav_nav a:hover {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: transparent;
    color: #200204;
  }

  .slicknav_nav {
    display: block !important;
  }

  .offcanvas__search {
    margin-bottom: 30px;
    text-align: center;
  }

  .offcanvas__logo {
    margin-bottom: 30px;
  }

  .header__options {
    display: none;
  }

  .header .container {
    position: relative;
  }

  .footer__contact__item {
    padding: 55px 25px 25px;
  }

  .contact__widget__item {
    padding: 30px 30px 30px 70px;
  }

  .blog__details__content {
    padding: 90px 30px 50px;
  }

  .blog__details__widget__tag {
    text-align: center;
  }

  .blog__details__widget__social {
    text-align: center;
  }

  .product__details__desc__tab {
    padding: 45px 45px;
  }

  .product__slider.owl-carousel .owl-nav button {
    left: -10px;
  }

  .product__slider.owl-carousel .owl-nav button.owl-next {
    right: -10px;
  }

  .team__slider.owl-carousel .owl-nav button {
    left: -10px;
  }

  .team__slider.owl-carousel .owl-nav button.owl-next {
    right: -10px;
  }

  .checkout__proceed {
    margin-top: 40px;
  }

  .cart__btn__right a {
    margin-right: 15px;
  }

  .cart__table {
    padding-right: 0;
    margin-bottom: 40px;
  }

  .product__widget__show p {
    line-height: 26px;
  }

  .callto__form {
    height: auto;
    padding: 90px 100px 100px;
  }

  .about__text {
    margin-bottom: 40px;
  }

  .testimonial__item {
    padding-left: 0;
  }

  .testimonial__item__icon {
    top: -35px;
  }
}
/* Wide Mobile = 480px */
@media only screen and (max-width: 767px) {
  .canvas__open {
    display: block;
    font-size: 22px;
    color: #200204;
    height: 35px;
    width: 35px;
    line-height: 37px;
    text-align: center;
    border: 1px solid #200204;
    border-radius: 2px;
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 34px;
    z-index: 9;
  }

  .offcanvas-menu-overlay {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    content: "";
    z-index: 98;
    -webkit-transition: all, 0.5s;
    -moz-transition: all, 0.5s;
    -ms-transition: all, 0.5s;
    -o-transition: all, 0.5s;
    transition: all, 0.5s;
    visibility: hidden;
  }

  .offcanvas-menu-overlay.active {
    visibility: visible;
  }

  .offcanvas-menu-wrapper {
    position: fixed;
    left: -300px;
    width: 300px;
    height: 100%;
    background: #ffffff;
    padding: 50px 20px 30px 30px;
    display: block;
    z-index: 99;
    overflow-y: auto;
    -webkit-transition: all, 0.5s;
    -moz-transition: all, 0.5s;
    -ms-transition: all, 0.5s;
    -o-transition: all, 0.5s;
    transition: all, 0.5s;
    opacity: 0;
  }

  .offcanvas-menu-wrapper.active {
    opacity: 1;
    left: 0;
  }

  .slicknav_btn {
    display: none;
  }

  .slicknav_menu {
    background: transparent;
    padding: 0;
    margin-bottom: 30px;
  }

  .slicknav_nav ul {
    margin: 0;
  }

  .slicknav_nav .slicknav_row,
.slicknav_nav a {
    padding: 7px 0;
    margin: 0;
    color: #200204;
    font-weight: 600;
  }

  .slicknav_nav .slicknav_arrow {
    color: #200204;
  }

  .slicknav_nav .slicknav_row:hover {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: transparent;
    color: #200204;
  }

  .slicknav_nav a:hover {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: transparent;
    color: #200204;
  }

  .slicknav_nav {
    display: block !important;
  }

  .offcanvas__search {
    margin-bottom: 30px;
    text-align: center;
  }

  .offcanvas__logo {
    margin-bottom: 30px;
  }

  .header__options {
    display: none;
  }

  .header .container {
    position: relative;
  }

  .hero__items {
    height: 560px;
  }

  .section-title h2 {
    font-size: 115px;
  }

  .product__slider.owl-carousel .owl-nav {
    position: relative;
    text-align: center;
    bottom: 20px;
  }

  .product__slider.owl-carousel .owl-nav button {
    position: relative;
    left: 0;
    top: 0;
    margin-right: 20px;
  }
  .product__slider.owl-carousel .owl-nav button:last-child {
    margin-right: 0;
  }

  .product__slider.owl-carousel .owl-nav button.owl-next {
    right: 0;
  }

  .callto__left__text h2 {
    font-size: 190px;
  }

  .testimonial__item {
    padding-left: 0;
  }

  .callto__form {
    height: auto;
    padding: 90px 50px 100px;
  }

  .testimonial.spad {
    padding-bottom: 50px;
  }

  .footer__copyright__text {
    color: #200204;
    margin-bottom: 15px;
    text-align: center;
  }

  .footer__copyright__social {
    text-align: center;
  }

  .about__text {
    margin-bottom: 40px;
  }

  .search-model-form input {
    width: 100%;
  }

  .team__slider.owl-carousel .owl-nav {
    position: relative;
    text-align: center;
    bottom: -50px;
  }

  .team__slider.owl-carousel .owl-nav button {
    position: relative;
    left: 0;
    top: 0;
    margin-right: 20px;
  }
  .team__slider.owl-carousel .owl-nav button:last-child {
    margin-right: 0;
  }

  .team__slider.owl-carousel .owl-nav button.owl-next {
    right: 0;
  }

  .cart__table tbody tr td.cart__item .cart__item__pic {
    float: none;
    margin-right: 0;
  }

  .cart__table {
    overflow-x: auto;
    margin-bottom: 40px;
  }

  .wishlist__table {
    overflow-x: auto;
  }

  .cart__btn__continue {
    margin-bottom: 25px;
  }

  .cart__btn__right {
    text-align: left;
  }

  .checkout__proceed {
    margin-top: 40px;
  }

  .checkout {
    overflow: hidden;
  }

  .checkout__form__top h6 {
    text-align: left;
  }

  .checkout__form__top h5 {
    margin-bottom: 20px;
  }

  .product__details__pic__item {
    height: auto;
  }

  .product__details__pic__item img {
    height: auto;
  }

  .wishlist__item__pic {
    float: none !important;
    margin-right: 0 !important;
  }

  .wishlist__table tbody tr td.wishlist__item .wishlist__item__text {
    padding-top: 20px;
  }

  .product__details__text__title .price {
    position: relative;
    top: 0;
    margin-bottom: 15px;
  }

  .product__details__widget .pd__cart {
    padding: 14px 25px 12px;
  }

  .product__details__desc__tab .nav-item {
    margin-right: 10px;
  }

  .product__details__desc__tab .nav-item:after {
    right: -8px;
  }

  .blog__details__content {
    padding: 90px 30px 50px;
  }

  .product-details {
    overflow: hidden;
  }

  .blog__details__widget__tag a {
    text-align: center;
  }

  .blog__details__widget__social {
    text-align: center;
  }

  .blog__details__btns__list.blog__details__btns__list--next {
    margin-top: 20px;
  }

  .contact__widget__icon {
    left: -16px;
  }

  .about__text .section-title h2 {
    font-size: 135px;
    line-height: 90px;
  }

  .callto__form {
    height: auto;
    padding: 50px 30px 50px;
  }

  .breadcrumb__text {
    padding: 45px 40px 0 36px;
  }
}
/* Small Device = 320px */
@media only screen and (max-width: 479px) {
  .breadcrumb__text h2 {
    font-size: 30px;
  }

  .section-title h2 {
    font-size: 83px;
    line-height: 70px;
  }

  .hero__items {
    height: 500px;
  }

  .about__text .section-title h2 {
    font-size: 90px;
  }

  .testimonial__slider.owl-carousel .owl-dots {
    position: relative;
    right: 0;
    top: 0;
    text-align: center;
  }

  .callto__left__text h2 {
    font-size: 115px;
  }

  .services__page__pic__item {
    width: 100%;
    margin-right: 0;
    float: none;
    margin-bottom: 20px;
  }
  .services__page__pic__item:last-child {
    margin-bottom: 0;
  }

  .services__page__pic {
    margin-right: 0;
  }

  .services__page__pic__item.small__item {
    padding-top: 0;
  }

  .cart__btn__right a {
    margin-bottom: 16px;
  }

  .cart__coupon form button {
    padding: 0 15px;
  }

  .cart__total a {
    letter-spacing: 1px;
    padding: 14px 15px 12px;
  }

  .cart__coupon {
    padding: 25px 25px 30px;
  }

  .cart__total {
    background: #f8f2f2;
    padding: 35px 25px 40px;
  }

  .checkout__proceed__coupon .coupon__input button {
    padding: 0 15px;
  }

  .checkout__proceed {
    margin-top: 30px;
  }

  .checkout__proceed .proceed__btn {
    padding: 12px 14px 10px;
    letter-spacing: 0px;
  }

  .product__details__widget .quantity {
    margin-bottom: 20px;
    float: none;
  }

  .product__details__widget .pd__cart {
    margin-bottom: 20px;
    float: none;
  }

  .blog__details__title h2 {
    line-height: 45px;
  }

  .blog__details__btns {
    padding: 40px 20px 30px;
  }

  .blog__details__content {
    margin-top: -40px;
  }
}

/*# sourceMappingURL=style.css.map */