/* Shop Page */
 {
  /* progress bar */ }
   .instagram-area {
    padding-top: 50px; }
   .nav-absolute.navbar-area {
    position: inherit;
    padding: 0; }
   .shop-title {
    padding-left: 20%; }
   .shop-right {
    padding-left: 50px; }
   .fashion-shop-slider .image-bg {
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 320px;
    height: 450px; }
     .fashion-shop-slider .image-bg:hover .hover-state {
      opacity: 1;
      visibility: visible; }
     .fashion-shop-slider .image-bg .hover-state {
      width: 100%;
      height: 100%;
      background: rgba(220, 163, 120, 0.4);
      position: relative;
      text-align: center;
      transition: .5s;
      opacity: 0;
      visibility: hidden; }
       .fashion-shop-slider .image-bg .hover-state a {
        color: #fff;
        font-size: 20px;
        font-weight: 400;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
       .fashion-shop-slider .image-bg .hover-state span {
        color: #fff;
        position: absolute;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%); }
   .fashion-shop-slider .image-1 {
    background-image: url("../img/shop-page/slide1.png"); }
   .fashion-shop-slider .image-2 {
    background-image: url("../img/shop-page/slide2.png"); }
   .fashion-shop-slider .image-3 {
    background-image: url("../img/shop-page/slide3.png"); }
   .fashion-shop-slider .image-4 {
    background-image: url("../img/shop-page/slide4.png"); }
   .fashion-shop-slider .slick-list {
    padding: 0 10% 0 0; }
   .slider-progress {
    margin-top: 70px; }
   .shop-content {
    padding-top: 100px;
    position: relative; }
     .shop-content .shop-items-top {
      margin-top: -55px;
      margin-bottom: 30px; }
       .shop-content .shop-items-top span {
        font-family: var(--heading-font);
        font-weight: 400; }
       .shop-content .shop-items-top .dropdown {
        padding-right: 20px; }
         .shop-content .shop-items-top .dropdown .drop-btn {
          border: none;
          background: none; }
           .shop-content .shop-items-top .dropdown .drop-btn:focus {
            outline: none; }
     .shop-content .shop-sidebar .title {
      margin: 50px 0 30px; }
       .shop-content .shop-sidebar .title h4 {
        font-weight: 700;
        text-transform: uppercase; }
     .shop-content .shop-sidebar ul {
      margin: 0;
      padding: 0; }
       .shop-content .shop-sidebar ul li {
        margin: 10px 0;
        font-weight: 400; }
     .shop-content .shop-sidebar .categories li {
      position: relative; }
       .shop-content .shop-sidebar .categories li:after {
        content: '\f067';
        font-family: 'fontAwesome';
        display: inline-block;
        padding: 5px;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border: 1px solid var(--paragraph-color);
        font-size: 9px;
        line-height: 10px;
        text-align: center;
        position: absolute;
        top: 0;
        right: 50%; }
     .shop-content .shop-sidebar .colors .circle {
      width: 16px;
      height: 16px;
      border-radius: 50%;
      display: inline-block;
      margin-right: 25px; }
     .shop-content .shop-sidebar .colors .black {
      background: #000000; }
     .shop-content .shop-sidebar .colors .blue {
      background: #B1C6D6; }
     .shop-content .shop-sidebar .colors .grey {
      background: #BEBEBE; }
     .shop-content .shop-sidebar .colors .green {
      background: #007B00; }
     .shop-content .shop-sidebar .colors .yellow {
      background: #E5B000; }
     .shop-content .shop-sidebar .colors .red {
      background: #E20000; }
   .controler-wrapper {
    margin-top: 33px;
    padding-left: 10px; }
     .controler-wrapper .active-controler {
      bottom: -19px;
      position: absolute; }
     .controler-wrapper .progressbar {
      width: 40%;
      height: 5px;
      position: relative;
      top: 38px; }
       .controler-wrapper .progressbar .home-slider-progress {
        background-color: #E2E2E2;
        position: absolute;
        width: 100%;
        height: 2px; }
       .controler-wrapper .progressbar .home-slider-progress-active {
        background-color: var(--main-color-one);
        position: absolute;
        width: 0;
        height: 2px;
        top: 0; }
       .controler-wrapper .progressbar span.devider {
        position: absolute;
        bottom: 20px;
        left: 20px; }
     .controler-wrapper .total-controler {
      position: absolute;
      bottom: -19px;
      left: 98px; }

 .fashion-shop-slider .slick-prev {
  display: none !important; }

 .fashion-shop-slider .slick-arrow {
  position: absolute;
  bottom: -73px;
  left: 44%;
  cursor: pointer;
  line-height: 0;
  font-size: 20px; }

@media only screen and (min-width: 992px) {
  .shop-sidebar-right {
    margin-left: 30px; } }

.coming-soon-page ul.countdown li span,
.coming-soon-page ul.countdown li p {
  color: #ddd; }