/*------------------------------------------------------------------
Project:        Fantacy
Author:         HITASOFT UI TEAM
URL:            http://appkodes.com/
Version:        4.0.0
Created:        20/05/2017
-------------------------------------------------------------------*/


/*------------------------------------------------------------------
* Table of Content
* 1. Header
* 2. Footer
* 3. Custom Home Page
* 4. Default Home Page
* 5. Login page
* 6. Signup page
* 7. Signup and login popup
* 8. Popular products page
* 9. Download app popup
* 10.Share popup
* 11.Product Details Page
* 12.Breadcrumb
* 13.shop-page html
* 14.panel accordion
* 15.fixed scroll
* 16.User Profile Page
* 17.tabs css
* 18.Vertical tabs
* 19.Accordion styles
* 20.Store Profile Page
* 21.Star Rating CSS
* 22.Live Feeds page
* 23.Profile page
* 24.Dispute buyer page
* 25.Messages page
* 26.My Orders page
* 27.Address notes page
* 28.Gredits page
* 29.Gift page

*30.Customized css style

-------------------------------------------------------------------*/
/*---------------------------- 1.Header ---------------------------*/


body.modal-open {
    overflow: hidden !important;
  }
  
  .sm-logo {
    display: none;
  }
  
  .top-header {
    border: medium none;
    font-family: regular-font;
    font-size: 11px;
    min-height: 40px;
  }
  
  .mobile-top-menu {
    display: none;
  }
  
  .website-header {
    border: medium none;
    border-radius: 0;
    height: auto;
    z-index: 1029;
    margin-bottom: 0;
    min-height: auto;
    padding: 10px 0;
    top: 40px;
  }
  
  .website-header-left-link li a {
    text-transform: uppercase;
    padding: 10px 7.5px;
    color: #ffffff ! important;
  }
  
  .carousel-indicators li {
    background-color: #ffffff;
    border: 1px solid #fff;
    border-radius: 0px ! important;
    cursor: pointer;
    display: inline-block;
    height: 5px ! important;
    margin: 0px ! important;
    text-indent: -999px;
    width: 14px ! important;
    box-shadow: 0px 0px 3px rgb(0, 0, 0, 0.4);
  }
  
  .carousel-indicators .active {
    background-color: #E84B77;
    border: 1px solid #E84B77;
    border-radius: 0px ! important;
    height: 5px;
    margin: 0 ! important;
    width: 24px ! important;
  }
  
  .pad_left25 {
    padding-left: 25px;
  }
  
  .carousel-indicators {
    top: 10px ! important;
  }
  
  .carousel-indicators {
    left: auto;
    margin-left: 0;
    position: absolute;
    right: 30px;
    width: auto;
  }

  .carousel-inner {

    border-radius: 0px 0px 8px 8px !important;
}
  
  .carousel-inner .item .product_cnt:first-child {
    margin-left: 0px;
    padding-left: 0px;
  }
  
  .carousel-inner .item .product_cnt:last-child {
    margin-right: 0px;
    padding-right: 0px;
  }
  
  .deals-carousel .carousel-inner .item .product_cnt:first-child {
    padding-left: 7.5px;
  }
  
  .deals-carousel .carousel-inner .item .product_cnt:last-child {
    padding-right: 7.5px;
  }
  
  .notification-list-cnt {
    float: left;
    max-height: 400px;
    overflow-y: auto;
    width: 100%;
  }
  
  .navbar-inverse {
    background-color: transparent;
    border-color: transparent;
  }
  
  @media (min-width: 1024px) and (max-width: 1199px) {
    .website-header-left-link li a {
      padding: 10px 4.5px;
      font-size: 10px;
    }
  
  }
  
  .website-header-left-link li:first-child a {
    padding-left: 0;
  }
  
  .website-header-right-link {
    background-color: #B43A5C;
    height: auto;
    margin-right: 0;
  }
  
  .fantacy-logo {
    display: inline-block;
    max-width: 224px;
    min-width: 224px;
    float: left;
    margin-top: 10px;
  }
  
  .website-logo {
    height: auto;
    margin-top: 0;
    padding: 0;
    width: auto;
  }
  
  .navbar-brand>img {
    display: block;
    height: 30px
      /*40px*/
    ;
    width: auto;
  }
  
  .website-header-right-link li {
    border-left: 1px solid #B43A5C;
    height: auto;
  }
  
  .website-header-right-link li ul li {
    border-left: none;
    display: inline-block;
    width: 100%;
  }
  
  .website-header-right-link li ul.lang-dd li a,
  .website-header-right-link li ul.curr-dd li a {
    padding: 8px;
    text-align: center;
    cursor: pointer;
  }
  
  .website-header-right-link li ul li a {
    line-height: 1;
    width: 100%;
  }
  
  .website-header-right-link li a {
    padding: 10px 12px;
    text-align: left;
  }
  
  .website-header-right-link li a .fa {
    margin-left: 5px;
    font-size: 16px;
    margin-top: 1px;
    float: right;
  }
  
  .website-header-right-link li.header-profile ul,
  .website-header-right-link li.notif ul,
  .website-header-right-link li.feeds ul,
  .website-header-right-link li .navbar-right .dropdown-menu {
    left: 0;
  }
  
  .website-header-right-link li.header-profile a {
    display: inline-block;
    padding: 14px;
  }
  
  ul.website-header-right-link li.header-profile ul {
    padding: 0;
  }
  
  .website-header-right-link li.notif ul li a {
    display: inline-block;
    padding: 10px;
    width: 100%;
  }
  
  .navbar-right .dropdown.notif .dropdown-menu,
  .navbar-right .dropdown.feeds .dropdown-menu,
  .navbar-right .dropdown.cart .dropdown-menu {
    left: auto;
  }
  
  ul.website-header-right-link li ul li.dd-heading {
    color: #666666;
    padding: 15px 17px;
    text-transform: uppercase;
  }
  
  .notification-dd,
  .feeds-dd {
    width: 318px;
  }
  
  .notification-dd.dropdown-menu li,
  .notification-dd.dropdown-menu li a {
    display: inline-flex;
  }
  
  .notification-list:hover .notification-detail .remove {
    color: #E84B77;
  }
  
  .welcome {
    font-size: 11px;
    line-height: 1;
    text-align: left;
    text-transform: uppercase;
  }
  
  .name {
    font-size: 11px;
    line-height: 1;
    text-align: left;
    text-transform: uppercase;
  }
  
  .notification {
    background: rgba(0, 0, 0, 0) url("../../images/icons/notification-icon.png") no-repeat scroll center center / contain;
    display: inline-block;
    height: 16px;
    width: 16px;
    margin-top: 4px;
  }
  
  .live-feeds {
    background: rgba(0, 0, 0, 0) url("../../images/icons/live-feeds-icon.png") no-repeat scroll center 3px / contain;
    display: inline-block;
    height: 16px;
    width: 16px;
    margin-top: 2px;
  }
  
  .website-shopping-cart {
    background: rgba(0, 0, 0, 0) url("../../images/cart_icon.png") no-repeat scroll 0 0;
    display: inline-block;
    height: 20px;
    margin-top: 3px;
    width: 24px;
  }
  
  .website-header-right-link li.notif a {
    display: inline-block;
    padding: 9px 12px;
    height: 40px;
  }
  
  .website-header-right-link li.cart a {
    display: inline-block;
    padding: 5px 12px;
    line-height: 1.4;
  }
  
  .website-header-right-link li.feeds a {
    display: inline-block;
    padding: 9px 12px;
    height: 40px;
  }
  
  .website-header-right-link li.feeds ul li a {
    padding: 8px;
  }
  
  .lang-dd,
  .curr-dd {
    min-width: auto;
  }
  
  .website-header-right-link li.notif ul li a {
    height: auto;
  }
  
  .counter-label {
    background-color: #E84B77;
    color: #ffffff !important;
    font-size: 11px !important;
    line-height: 1;
    padding: 2px 4px;
    text-transform: uppercase;
    display: inline-block;
    position: absolute;
    top: 3px;
    right: 5px;
    border-radius: 25px;
  }
  
  header .navbar-inverse .navbar-nav>.open>a,
  header .navbar-inverse .navbar-nav>.open>a:focus {
    background-color: #E84B77;
  }
  
  header .navbar-inverse .navbar-nav>.open>a:hover {
    background-color: #E84B77;
  }
  
  .mobile-menu-txt,
  .website-header-right-link li.header-profile a.nav-menu-profile-padding div div.profile-circle,
  .mobile-cart {
    display: none;
  }
  
  .profile {
    display: inline-block;
    float: left;
    width: 18%;
  }
  
  .notification-text {
    display: inline-block;
    width: 82%;
    text-align: left;
    white-space: normal;
    margin-top: 6px;
    line-height: 1.4;
    color: #666666;
    word-break: break-all;
  }
  
  .all-notification-text a {
    color: #666666 ! important;
  }
  
  .profile-circle {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: rgb(64, 181, 255);
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 20px;
    display: inline-block;
    margin-right: 8px;
  }
  
  .prof-pic {
    line-height: 40px;
  }
  
  .days-counter {
    padding-bottom: 4px;
    padding-top: 10px;
    text-align: left;
    width: 100% !important;
    display: inline-block;
  }
  
  .mobile-top-menu .days-counter {
    float: left;
  }
  
  .all-notification-text {
    padding-bottom: 5px;
    padding-top: 5px;
    display: inline-block;
    width: 100%;
    float: left;
  }
  
  .dd-footer {
    text-align: center;
    width: 100%;
  }
  
  .notification-dd li a.square-profile {
    display: inline-block;
    width: 32%;
  }
  
  .profile-square {
    background-image: url("../../images/thumbnail/thumb_4.png");
    background-color: #F4F4F4;
    background-position: center center;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    color: #fff;
    display: inline-block;
    height: 70px;
    line-height: 20px;
    margin-right: 8px;
    text-align: center;
    width: 70px;
  }
  
  .notification-dd li.notification-list:hover {
    background-color: #f5f5f5;
  }
  
  .notification-dd li.notification-list .notification-detail {
    display: inline-block;
    width: 68%;
  }
  
  .notification-detail a,
  .notification-detail a span {
    display: inline-block;
    width: 100%;
  }
  
  .product-name-text,
  .product-qty {
    display: inline-block;
    line-height: 11px;
    text-align: left;
    white-space: normal;
    color: #666666;
  }
  
  .product-qty {
    padding-top: 5px;
  }
  
  .remove {
    color: #666666;
    display: inline-block;
    text-align: left;
    display: inline-block;
    width: auto;
  }
  
  .product-price-text {
    bottom: 0;
    color: #E84B77;
    float: right;
    font-family: regular-font;
    padding-top: 7px;
    text-align: left;
  }
  
  .website-header .navbar-header .website-logo {
    margin-left: 0px;
  }
  
  .search {
    width: 80%;
    white-space: nowrap;
    display: inline-block;
    float: right;
    background: #fff;
    border-radius: 6px;
    border: 2px solid;
  }
  
  .second_header_search {
    color: #929292;
    display: inline-block;
    float: left;
    text-decoration: none;
    height: auto;
    width: 85%;
  }
  
  .second_header_search input {
    background: url(../../images/icons/search-gray.png) no-repeat scroll 14px 13px;
    background-color: #ffffff;
    border: medium none;
    display: inline-block;
    font-size: 13px;
    padding: 13px 0 12px 40px;
    width: 100%;
  }
  
  .search-icon-link {
    background-color: #e7ebee;
    color: #666666;
    padding: 12px 24px 13px;
    display: inline;
    width: auto;
    text-align: center;
    float: right;
    margin-left: 0;
    border-radius: 0px 5px 5px 0px;
  }
  
  .search_icon {
    background: rgba(0, 0, 0, 0) url("../../images/icons/search_icon.png") no-repeat scroll left center;
    display: inline-block;
    height: 15px;
    width: 15px;
  }
  
  .second_header {
    background-color: #E84B77;
    box-shadow: 1px 2px 3px #e8e6e6;
    margin-top: 102px;
    padding: 15px 0;
  }
  
  .menuslide .carousel-inner {
    padding: 0 15px;
  }
  
  .menuslide .carousel-inner .item {
    overflow-x: hidden;
    white-space: nowrap;
  }
  
  .menuslide .carousel-inner .item .image-grid {
    display: inline;
    overflow: hidden;
    padding: 0;
    white-space: nowrap;
    width: auto;
  }
  
  .menuslide .carousel-inner .item .image-grid a {
    color: #ffffff;
    font-size: 13px;
    height: 20px;
    padding: 0 12px;
    text-transform: uppercase;
    width: auto;
    border-right: 1px solid;
  }
  
  .menuslide .left,
  .menuslide .right {
    margin-left: 0;
    background-image: none;
  }
  
  .menuslide .carousel-control {
    background-color: #E84B77;
    font-size: 20px;
    line-height: 1;
    opacity: 1;
    padding-top: 1px;
    width: 1%;
  }
  
  .menuslide .carousel-inner .item.active .product_cnt:first-child a {
    padding-left: 0px;
  }
  
  .menu {
    position: relative;
  }
  
  .scroll-submenu {
    position: absolute;
    top: 152px;
    padding: 10px;
    z-index: 99;
    width: 100%;
    background-color: #ffffff;
  }
  
  .scroll-submenu .container li {
    display: inline-block;
    padding: 0 8px;
  }
  
  .scroll-submenu .container li a {
    color: #666666;
  }
  
  .scroll-submenu-wrapper {
    max-width: 90%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
  }
  
  .scroll-submenu-wrapper li a:hover {
    color: #E84B77;
  }
  
  @media(min-width:320px) and (max-width:400px) {
    .scroll-submenu {
      max-height: 245px;
    }
  }
  
  .scroll-submenu li {
    padding: 5px 0;
    color: #666666;
  }
  
  .submenu-heading {
    color: #666666;
    width: 100%;
    display: inline-block;
    text-transform: uppercase;
  }
  
  .inter-submenu {
    display: inline-block;
    margin-right: 20px;
  }
  
  /****** Media Query******/
  
  .website-header-right-link li.feeds ul li a:hover span,
  .website-header-right-link li.notif ul li a:hover span {
    color: #fff !important;
  }
  
  @media only screen and (max-width: 991px) {
    header {
      position: fixed;
      top: 0;
      z-index: 1030;
    }
  
    .second_header {
      margin-top: 105px;
      position: fixed;
      width: 100%;
      z-index: 99;
    }
  }
  
  @media only screen and (max-width: 1024px) {
    section.slider {
      margin-top: 10px ! important;
    }
  
    .carousel-indicators {
      bottom: auto;
    }
  
    .top-header {
      display: none;
    }
  
    .mobile-top-menu {
      border: medium none;
      display: block;
      margin-bottom: 0;
      top: 0;
      position: fixed;
      width: 100%;
      z-index: 111;
    }
  
    .website-header {
      display: none;
    }
  
    .mobile-top-menu .container-fluid .navbar-header,
    .mobile-top-menu .container-fluid .navbar-collapse .navbar-nav {
      padding: 0px;
      margin-right: 0px;
      margin-left: 0px;
      display: block;
      width: 100%;
    }
  
    .mobile-top-menu .container-fluid .navbar-header .nav-btn {
      padding-right: 0;
    }
  
    .mobile-top-menu .container-fluid .navbar-header .navbar-toggle {
      margin-top: 5px;
      background-color: transparent;
      border: medium none;
      margin: 7px 10px 0 -2px;
      display: block;
    }
  
    .navbar-toggle {
      border-radius: 0;
      display: inline-block;
      border: none;
    }
  
    .navbar-toggle img {
      display: inline-block;
      margin-top: -2px;
    }
  
    .website-logo {
      height: auto;
      margin-left: 10px;
      margin-top: 5px;
      padding: 0;
      width: auto;
    }
  
    .fantacy-logo {
      display: inline-block;
      max-width: 170px;
      min-width: 170px;
    }
  
    .mobile-top-menu .container-fluid .navbar-header .cart-btn-cnt,
    .mobile-top-menu .container-fluid .navbar-header .notif-btn-cnt {
      margin-top: 5px;
      padding: 10px 8px;
      padding-right: 0px;
    }
  
    .website-shopping-cart {
      background: rgba(0, 0, 0, 0) url("../../images/cart_icon.png") no-repeat scroll 0 0;
      display: inline-block;
      height: 20px;
      width: 24px;
      margin-top: 0px;
    }
  
    .counter-label {
      color: #E84B77;
    }
  
    .counter-label {
      display: inline-block;
      font-family: bold-font;
      font-size: 13px;
      line-height: 13px;
      position: absolute;
      top: 8px;
      right: -4px;
      padding: 2px 5px;
      text-transform: uppercase;
    }
  
    .website-notif {
      background: rgba(0, 0, 0, 0) url("../../images/icons/alert-b.png") no-repeat scroll 0 0;
      display: inline-block;
      height: 24px;
      margin-top: -5px;
      width: 24px;
    }
  
    .mobile-search {
      display: inline-block;
      width: 100%;
    }
  
    .search {
      display: inline-block;
      padding: 10px 10px 10px 15px;
      width: 100%;
      border: none;
    }
  
    .second_header_search {
      display: inline-block;
      width: 100%;
      height: auto;
    }
  
    .second_header_search input {
      height: auto;
      border-radius: 5px;
      padding: 10px;
      width: 100%;
      padding-left: 35px;
    }
  
    .mobile-top-menu .container-fluid #mobile-top-header,
    .mobile-top-menu .container-fluid #mobile-cart,
    .mobile-top-menu .container-fluid #notificationid {
      height: 100%;
      margin: 0;
      overflow: auto;
      padding: 0;
      position: fixed;
      top: 50px;
      width: 100%;
      border-top: none;
    }
  
    .mobile-top-menu .container-fluid #mobile-cart ul,
    .mobile-top-menu .container-fluid #notificationid ul {
      height: auto;
      margin-bottom: 50px;
    }
  
    .mobile-top-menu .container-fluid #mobile-top-header ul li,
    .mobile-top-menu .container-fluid #mobile-cart ul li,
    .mobile-top-menu .container-fluid #notificationid ul li {
      display: inline-block;
      float: left;
      width: 100%;
      border-bottom: 1px solid #eeeeee;
      background-color: #ffffff;
    }
  
    .mobile-top-menu .container-fluid #notificationid ul li a .notification-text,
    .mobile-top-menu .container-fluid #notificationid ul li a .days-counter {
      width: 82%;
      display: inline-block;
      float: left;
    }
  
    .mobile-top-menu .container-fluid #notificationid ul li a .notification-text span {
      float: left;
      width: 82%;
    }
  
    .navbar-collapse.collapse.in {
      border-top: 1px solid #dddddd;
    }
  
    .mobile-top-menu .container-fluid .navbar-collapse ul {
      background-color: #E84B77;
      margin-top: 0;
      box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    }
  
    .mobile-top-menu .container-fluid .navbar-collapse ul li ul {
      margin-bottom: 0;
      padding-top: 0px;
      padding-bottom: 0px;
      border-bottom: none ! important;
    }
  
    .mobile-top-menu .container-fluid #mobile-top-header ul li.dropdown.open ul.dropdown-menu li a,
    .mobile-top-menu .container-fluid #mobile-top-header ul li.dropdown.open ul.dropdown-menu li.open a {
      background-color: #f5f5f5;
      color: #656565;
    }
  
    .mobile-top-menu .container-fluid #mobile-top-header ul li.dropdown.open ul.dropdown-menu li.open a:hover {
      background-color: #E84B77;
    }
  
    .mobile-top-menu .container-fluid #mobile-top-header ul li.dropdown.open ul.dropdown-menu li a:hover {
      background-color: #e7e7e7;
    }
  
    .welcome-text {
      width: 80%;
      display: inline-block;
      text-align: left;
      margin-top: 5px;
    }
  
    .welcome,
    .name {
      text-align: left;
      width: 100%;
      color: #ffffff;
    }
  
    .mobile-signout {
      display: block;
      display: inline-block;
      position: absolute;
      right: 0;
      top: 20px;
    }
  
    .mobile-top-menu .container-fluid .navbar-collapse ul li,
    .mobile-top-menu .container-fluid .navbar-collapse ul li a {
      display: inline-block;
      float: left;
      width: 100%;
    }
  
    .mobile-top-menu .container-fluid .navbar-collapse ul li a {
      background-color: #ffffff;
      color: #656565;
      font-size: 13px;
      padding: 8px 16px;
      text-align: left;
    }
  
    .mobile-top-menu .container-fluid .navbar-collapse ul li.credits {
      font-size: 13px;
      padding: 15px;
    }
  
    .credit-counter {
      background-color: #f7941d;
      border-radius: 15px;
      padding: 2px 8px;
      float: right;
      font-size: 11px;
    }
  
    .mobile-top-menu .container-fluid .navbar-collapse ul li a {
      background-color: #ffffff;
      color: #656565;
      font-size: 13px;
      padding: 8px 16px;
      text-align: left;
    }
  
    .mobile-top-menu .container-fluid .navbar-collapse ul li a.remove {
      text-align: left;
      width: auto;
      display: inline-block;
      position: absolute;
      right: 5%;
      bottom: 5px;
      padding: 0;
    }
  
    .mobile-top-menu .container-fluid .navbar-collapse .navbar-nav li ul.dropdown-menu {
      border-bottom: 1px solid #177aba;
    }
  
    .mobile-menu-txt {
      display: block;
    }
  
    .notification-dd li a {
      line-height: 1.3;
      white-space: normal;
    }
  
    .mobile-top-menu .container-fluid .navbar-collapse ul li a.nav-menu-profile-padding {
      padding: 20px 16px;
    }
  
    .mobile-top-menu .container-fluid .navbar-collapse ul li a:hover,
    .mobile-top-menu .container-fluid .navbar-collapse ul li.open ul li a:hover {
      background-color: #f5f5f5;
      color: #666666;
    }
  
    .mobile-top-menu .container-fluid .navbar-collapse ul li.open a:hover {
      background-color: #E84B77;
      color: #ffffff;
    }
  
    .side-collapse-container {
      width: 100%;
      position: relative;
      left: 0;
      transition: left .4s;
    }
  
    .side-collapse-container.out {
      right: 100%;
      left: auto;
    }
  
    .side-collapse {
      top: 50px;
      bottom: 0;
      left: 0;
      width: 320px;
      position: fixed;
      overflow-y: auto;
      overflow-x: hidden;
      transition: width .4s;
      background-color: #f1f1f1;
      box-shadow: 0 17px 15px rgba(0, 0, 0, .5);
    }
  
    .side-collapse.in {
      width: 0;
    }
  
    .side-collapse .navbar-collapse {
      display: block;
      padding: 0;
      border: none;
    }
  
    .square-profile {
      width: auto;
      float: left;
      display: inline-block;
    }
  
    .product-price-text {
      display: inline-block;
      width: 68%;
      float: left;
    }
  
    .profile {
      width: auto;
      float: left;
    }
  
    #mobile-cart ul.navbar-nav li a .product-name-text,
    #mobile-cart ul.navbar-nav li a .product-qty {
      width: 68%;
    }
  
    .all-notification-text {
      padding-top: 0px;
      padding-bottom: 0px;
      ;
    }
  
    .all-notification-text a {
      text-align: center ! important;
      background-color: #f5f5f5 ! important;
    }
  
    .dd-heading.bold-font {
      color: #666;
      padding: 15px 10px;
    }
  
    #side-navigation.navbar-inverse .nav.navbar-nav {
      width: 320px;
    }
  
    .search {
      background: transparent;
    }
  
  }
  
  @media(min-width:320px) and (max-width:512px) {
    .welcome-text {
      width: 83%;
    }
  }
  
  @media(min-width:400px) and (max-width:600px) {
  
    .mobile-top-menu .container-fluid .navbar-header .cart-btn-cnt,
    .mobile-top-menu .container-fluid .navbar-header .notif-btn-cnt {
      padding: 10px 10px 10px 8px;
    }
  
    .counter-label {
      right: 5px;
      top: 10px;
    }
  
    .home-page-tab li {
      width: 100%;
      border-bottom: 1px solid #e3e3e3;
    }
  }
  
  @media(min-width:601px) and (max-width:767px) {
  
    .mobile-top-menu .container-fluid .navbar-header .cart-btn-cnt,
    .mobile-top-menu .container-fluid .navbar-header .notif-btn-cnt {
      margin: 5px 10px 0;
      padding: 10px 10px 10px 8px;
    }
  
    .counter-label {
      right: 5px;
      top: 10px;
    }
  }
  
  @media(min-width:1024px) and (max-width:1024px) {
    section.slider {
      margin-top: 20px ! important;
    }
  
    .sticker-cnt {
      margin-top: 160px ! important;
    }
  }
  
  @media(min-width:768px) and (max-width:1024px) {
    .mobile-top-menu {
      display: block;
      margin-bottom: 0px;
      border-radius: 0px;
      border: none;
      background-color: #E84B77;
      position: fixed;
      width: 100%;
      z-index: 1030;
    }
  
    .top-header {
      display: none;
    }
  
    .website-header {
      display: none;
    }
  
    .navbar-toggle {
      display: block;
    }
  
    .navbar-header {
      width: 100%;
    }
  
    .nav-btn {
      display: inline-block;
    }
  
    .mobile-top-menu .container-fluid .collapse,
    .mobile-top-menu .container-fluid .collapsing {
      padding-left: 0px;
      padding-right: 0px;
    }
  
    .collapse.in {
      display: block ! important;
    }
  
    .collapse {
      display: none;
    }
  
    .navbar-collapse.collapse {
      display: none ! important;
    }
  
    .navbar-collapse.collapse.in {
      display: block ! important;
    }
  
    .side-collapse .navbar-collapse {
      display: block ! important;
      padding: 0;
    }
  
    .navbar-collapse {
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
      overflow-x: visible;
    }
  
    .navbar-collapse.collapse.in .navbar-nav li,
    .navbar-collapse.collapse .navbar-nav li,
    .navbar-collapse.collapse.in .navbar-nav li,
    .navbar-collapse.collapse.in .navbar-nav li a {
      display: inline-block;
      width: 100%;
    }
  
    .mobile-top-menu .container-fluid .navbar-collapse ul {
      background-color: #E84B77;
      margin-top: 0px ! important;
      margin-bottom: 0px ! important;
    }
  
    .mobile-top-menu .container-fluid .navbar-header .navbar-collapse {
      background-color: #E84B77;
    }
  
    .mobile-top-menu .navbar-nav>.active>a,
    .mobile-top-menu .navbar-nav>.active>a:focus,
    .mobile-top-menu .navbar-nav>.active>a:hover {
      background-color: #177aba;
    }
  
    .mobile-top-menu .navbar-nav .open .dropdown-menu>li>a,
    .mobile-top-menu .navbar-nav .open .dropdown-menu>li>a:hover {
      line-height: 1;
    }
  
    .mobile-top-menu .container-fluid #mobile-cart ul li a {
      width: 100%;
    }
  
    .notification-dd li a {
      white-space: normal;
      line-height: 1.3;
    }
  
    .mobile-top-menu .container-fluid #notificationid ul li a.days-counter {
      display: inline-block;
      text-align: left;
      width: 100%;
    }
  
    .mobile-top-menu .navbar-header button.cart-btn-cnt {
      margin-top: 8px ! important;
      padding: 14px;
    }
  
    .notification,
    .live-feeds {
      display: none;
    }
  
    .mobile-menu-txt {
      display: block;
    }
  
    .navbar-nav li .dropdown-menu {
      width: 100%;
      /*position:static;*/
    }
  
    .mobile-top-menu .container-fluid .navbar-collapse,
    .mobile-top-menu .container-fluid .navbar-collapse .navbar-nav {
      padding: 0px;
    }
  
    .top-header .container {
      padding-left: 0px ! important;
      padding-right: 0px ! important;
      width: 100%;
    }
  
    .top-header .container .website-header-left-link {
      width: 100%;
      background-color: #168ad5;
    }
  
    .top-header .container .website-header-right-link {
      width: 100%;
      background-color: #1899ec;
    }
  
    .website-header-left-link li:first-child a {
      padding-left: 28px ! important;
    }
  
    .sm-logo {
      display: block ! important;
      margin-left: 25px ! important;
      margin-right: 25px ! important;
      margin-top: 15px;
    }
  
    .website-header-right-link>li>a {
      padding: 15px ! important;
      display: inline-block;
    }
  
    .website-header-right-link>li.header-profile>a {
      padding: 11px ! important;
      display: inline-block;
    }
  
    .website-header-right-link>li.header-profile>a>div {
      display: inline-block;
    }
  
    .second_header {
      margin-top: 107px;
      padding-top: 15px;
      padding-bottom: 15px;
      z-index: 98;
    }
  
    .website-header .navbar-brand {
      display: none;
    }
  
    .second_header_search {
      width: 100%;
      display: inline-block;
    }
  
    .search {
      padding: 10px 10px 10px 15px;
    }
  
    .second_header_search input {
      padding: 10px;
      width: 100%;
    }
  
    .search_icon {
      margin: 0px ! important;
    }
  
    .square-profile {
      width: auto;
      display: inline-block;
      float: left;
    }
  
    .product-name-text {
      width: auto;
      display: inline-block;
    }
  
    .product-name-text,
    .product-price-text {
      display: block;
      float: none;
    }
  
    .website-header-right-link>li>a,
    .website-header-right-link>li>a:hover {
      color: #ffffff ! important;
    }
  
    .deal-counter {
      margin-bottom: 5%;
      margin-top: 5%;
    }
  
    .mobile-top-menu .container-fluid #mobile-cart ul li a {
      width: 100%;
    }
  
    .mobile-top-menu .container-fluid #mobile-cart ul li a.remove {
      width: auto;
      float: right;
    }
  
    .mobile-top-menu .container-fluid .navbar-header .nav-btn {
      padding-right: 0;
    }
  
    .mobile-top-menu .container-fluid .navbar-header .cart-btn-cnt,
    .mobile-top-menu .container-fluid .navbar-header .notif-btn-cnt {
      padding: 10px 10px 10px 8px;
    }
  
    .counter-label {
      right: 5px;
      top: 10px;
    }
  
    .mobile-top-menu .container-fluid .navbar-header .navbar-toggle {
      background-color: transparent;
      margin: 8px 15px 0 5px;
      border: none;
    }
  
    .mobile-top-menu .navbar-header button.cart-btn-cnt {
      padding: 14px;
    }
  
    .mobile-top-menu .container-fluid .navbar-header {
      background-color: #E84B77;
      padding: 0 15px;
    }
  
    .mobile-search {
      padding: 0 8px;
    }
  
    .website-logo {
      margin-left: 5px ! important;
    }
  
    .slider {
      margin-top: 10px;
    }
  
    .days-counter {
      color: #666666;
      text-align: left;
    }
  
    .website-logo {
      margin-top: 20px;
    }
  
    .second_header_search input {
      padding-left: 40px;
    }
  }
  
  @media(min-width:320px) and (max-width:767px) {
    .carousel-inner .item .product_cnt:first-child {
      padding-left: 7.5px;
    }
  
    .carousel-inner .item .product_cnt:last-child {
      padding-right: 7.5px;
    }
  
    .scroll-submenu {
      top: 50px;
    }
  }
  
  @media(min-width:320px) and (max-width:500px) {
    .scroll-submenu-wrapper {
      max-width: 75%;
    }
  
    .left-padding {
      padding-left: 7px !important;
    }
  
    /* new css  */
  
    .just_products img {
      width: 100% !important;
      height: 110px !important;
      position: relative;
      right: 0;
      left: 0;
      top: 0;
      bottom: 0;
      object-fit: contain;
      background-color: #fff;
      border-radius: 15px;
      margin: 0px -10px;
      max-width: 200px;
  }
  
    .just_prod_nam.marg_res {
  
      margin-left: 15px;
  
    }
  
  
  
  }
  
  @media(min-width:501px) and (max-width:767px) {
    .scroll-submenu-wrapper {
      max-width: 85%;
    }
  
  }
  
  @media(min-width:768px) and (max-width:1023px) {
    .scroll-submenu {
      top: 50px;
    }
  }
  
  /*------------------------------2.Footer-----------------------------*/
  .footer_section {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    position: relative;
    z-index: 98;
  }
  
  .footer_container {
    padding-top: 40px;
  }
  
  .footer_column:nth-child(1) {
    border: medium none;
    padding-left: 0;
  }
  
  .footer_column {
    border-left: 1px solid #f1f1f1;
    padding-left: 45px;
    padding-right: 45px;
  }
  
  .footer_column ul li {
    list-style-type: none;
    padding-bottom: 15px;
    padding-top: 5px;
    text-decoration: none;
    text-transform: capitalize;
  }
  
  .footer_links {
    color: #666666;
    font-family: bold-font;
    font-size: 13px;
  }
  
  .footer_column ul,
  .footer_column ul li,
  .footer_column ul li a {
    display: inline-block;
    width: 100%;
  }
  
  .footer_column ul li.social_icons a {
    width: auto;
  }
  
  .footer_column ul li a {
    color: #666666;
    text-decoration: none;
    text-transform: capitalize;
  }
  
  .hor_footer_divider {
    background-color: #f1f1f1;
    height: 1px;
    margin-bottom: 20px;
    width: 100%;
    display: inline-block;
  }
  
  .social_icon_fb {
    background: rgba(0, 0, 0, 0) url("../../images/icons/fb_icon.png") no-repeat scroll center center;
    display: inline-block;
    height: 36px;
    margin-right: 7px;
    width: 36px;
  }
  
  .social_icon_twitter {
    background: rgba(0, 0, 0, 0) url("../../images/icons/twitter_icon.png") no-repeat scroll center center;
    display: inline-block;
    height: 36px;
    margin-left: 7px;
    margin-right: 7px;
    width: 36px;
  }
  
  .social_icon_instagram {
    background: rgba(0, 0, 0, 0) url("../../images/icons/instagram_icon.png") no-repeat scroll center center;
    display: inline-block;
    height: 36px;
    margin-left: 7px;
    margin-right: 7px;
    width: 36px;
  }
  
  .social_icon_linkdein {
    background: rgba(0, 0, 0, 0) url("../../images/icons/linkedin_icon.png") no-repeat scroll center center;
    display: inline-block;
    height: 36px;
    margin-left: 7px;
    width: 36px;
  }
  
  .copyrights {
    color: #666666;
    font-size: 13px;
  }
  
  .powerd-by {
    float: left;
  }
  
  .product-name {
    float: right;
  }
  
  @media (max-width: 767px) {
  
    .footer_column:nth-child(1),
    .footer_column {
      padding-left: 45px !important;
      padding-right: 45px !important;
    }
  
    .footer_column {
      border: none;
    }
  
    .footer_column ul li {
      list-style-type: none;
      padding-bottom: 10px;
      padding-top: 10px;
      text-decoration: none;
      text-transform: uppercase;
    }
  
    .social_icon_fb,
    .social_icon_twitter,
    .social_icon_instagram,
    .social_icon_linkdein {
      margin-left: 0px;
      margin-right: 3px;
    }
  
    .copyrights {
      text-align: center;
    }
  
    .social_icons {
      border-bottom: 1px solid #dedede;
    }
  
    .powerd-by {
      float: none;
      text-align: center;
    }
  
    .product-name {
      float: none;
      text-align: center;
    }
  
  
  }
  
  @media(min-width:768px) and (max-width:991px) {
    .footer_column ul li.social_icons a {
      width: auto;
      display: inline-block;
      margin-right: 1px;
    }
  
    .footer_column ul li.social_icons a span {
      margin: 0px;
    }
  
    .social_icons {
      padding-top: 0px ! important;
    }
  }
  
  /*------------------------ 3.Custom Home Page -----------------------*/
  div#sticker {
    background: #aaa none repeat scroll 0 0;
    margin-left: 19px;
    margin-top: 139px;
    position: fixed;
    transform: rotate(270deg);
    transform-origin: left center 0;
    width: auto;
    z-index: 99;
    display: inline-block;
  }
  
  .normal_view {
    background-color: #ffffff;
    color: #444444;
    font-size: 12px;
    padding: 10px;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
  }
  
  .active-view {
    background-color: #E84B77;
    color: #ffffff;
  }
  
  .custom_view,
  .default_view {
    font-size: 12px;
    padding: 10px;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
  }
  
  #sticker:last-child {
    margin-top: 255px;
    margin-left: 19px;
  }
  
  @media(max-width:767px) {
    div#sticker {
      background: #aaa none repeat scroll 0 0;
      display: inline-block;
      width: auto;
      z-index: 98;
      margin-top: 10px;
      transform: rotate(0deg);
      position: relative;
    }
  
    #sticker:last-child {
      margin-left: 15px;
      margin-top: 10px;
    }
  
    .sticker-cnt {
      margin-top: 165px;
    }
  }
  
  @media(min-width:767px) and (max-width:991px) {
    div#sticker {
      background: #aaa none repeat scroll 0 0;
      display: inline-block;
      width: auto;
      z-index: 98;
      margin-top: 10px;
      transform: rotate(0deg);
      position: relative;
      margin-left: 0px;
    }
  
    #sticker:last-child {
      margin-left: 15px;
      margin-top: 10px;
    }
  
    .sticker-cnt {
      margin-top: 165px;
      padding: 0 15px;
      width: 750px;
    }
  }
  
  @media(min-width:992px) and (max-width:1023px) {
    div#sticker {
      background: #aaa none repeat scroll 0 0;
      display: inline-block;
      width: auto;
      z-index: 98;
      margin-top: 10px;
      transform: rotate(0deg);
      position: relative;
      margin-left: 0px;
    }
  
    #sticker:last-child {
      margin-left: 15px;
      margin-top: 10px;
    }
  
    .sticker-cnt {
      margin-top: 165px;
      padding: 0 15px;
      width: 970px;
    }
  
    section.slider {
      margin-top: 20px ! important;
    }
  }
  
  section.pop-products,
  section.new-arrivals,
  section.featured,
  section.daily-deals {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  
  .grid {
    /* background-color:#ffffff; */
    /*display:inline-block;*/
  }
  
  .section_header {
    /* background-color: #ffffff; */
    padding: 20px 0;
  }
  
  .section_heading {
    color: #444444;
    display: inline-block;
    font-size: 24px
  }
  
  .view_all {
    float: right;
    padding: 5px 8px;
  }
  
  .view_all a {
    color: #ffffff;
    font-size: 13px;
  }
  
  .carousel-inner .item .product_cnt {
    padding-left: 7.5px;
    padding-right: 7.5px;
  }
  
  .img-hover {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 278px;
  }
  
  .img-hover img {
    width: auto;
    margin: 0 auto;
    height: 100%;
    object-fit: contain;
    border-radius: 15px;
  }
  
  /*
  .img-hover>img {
    width: auto;
    height: auto;
    margin-top: 50%;
    transform: translateY(-50%);
    -webkit-transform: transform: translateY(-50%);
    max-height: 100%;
  }
  */
  @media (min-width: 768px) {
    .img-hover img {
      /*height: 100%;*/
    }
  
    .animate-box .img-hover img {
      height: auto;
    }
  
    .animate-boxv .img-hover img {
      height: auto;
    }
  }


  .Top_products_2 .hover-visible {
    opacity: 0;
    position: absolute;
    display: flex;
    left: 45%;
    right: 0px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 37px;
    width: 72px;
    transform: translateY(100%);
    transition: transform 0.4s ease 0s, opacity 0.1s ease 0.3s;
}
  
  
  
  
  .hover-visible {
    opacity: 0;
    position: absolute;
    display: flex;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 37px;
    width: 72px;
    transform: translateY(100%);
    transition: transform 0.4s ease 0s, opacity 0.1s ease 0.3s;
  }
  
  .img-hover:hover .hover-visible {
    display: flex;
    opacity: 1;
    transform: translateY(0px);
    transition: transform 0.4s ease 0s, opacity 0.1s ease 0s;
  }
  
  .hover-visible a {
    display: inline-block;
    display: inline-block;
    padding: 5px 15px;
  }
  
  .hover-icon-cnt {
    padding: 8px 10px;
    display: block;
    float: left;
    margin: 5px;
    border-radius: 5px;
    position: relative;
    bottom: 40px;
    right: 8px;
  
  }
  
  .like_hover {
    background-color: #E84B77;
    height: 36px;
    cursor: pointer;
  }
  
  .share_hover {
    background-color: #475a64;
    height: 36px;
    cursor: pointer;
  }
  
  .img-hover .hover-visible .hover-icon-cnt img {
    height: 16px;
  }
  
  
  
  .shareopt_visible {
    position: absolute;
    display: flex;
    margin: auto;
    height: 37px;
    width: 72px;
    transform: translateY(100%);
    transition: transform 0.4s ease 0s, opacity 0.1s ease 0.3s;
  }
  
  .hover-visible a {
    display: inline-block;
    display: inline-block;
    padding: 5px 15px;
  }
  
  .visible-icon-cnt {
    padding: 7px 10px;
    display: inline-block;
    float: left;
    margin-left: 4px;
  }
  
  
  .like_visible {
    background-color: #E84B77;
    height: 38px;
    cursor: pointer;
    border-radius: 7px;
  }
  
  
  .share_visible {
    background-color: #475a64;
    height: 38px;
    cursor: pointer;
    border-radius: 7px;
  }
  
  .img-hover .hover-visible .hover-icon-cnt img {
    height: 16px;
  }
  
  
  
  
  /* Sj styles start here css  */
  
  .view-all-btn.btn.primary-color-bg.pull-right {
    border-radius: 5px;
  }
  
  
  .marginminus {
    margin-top: -30px;
  }
  
  
  @media (min-width:601px) and (max-width:1200px) {
  
    /* new css  */
    .Top_products_2 a img {
      width: 100%;
      height: 320px;
      object-fit: cover;
      border-radius: 15px;
      min-width: 130px;
      margin-right: 15px;
      min-width: 100px !important;
  
    }
  
    .Top_products_2 {
      position: relative !important;
      right: 0 !important;
    }
  
    popular_imgs img {
  
      border-radius: 15px;
      object-fit: cover;
      min-width: 650px !important;
      height: 300px !important;
      width: 100%;
  
    }
  
  }
  
  @media (min-width:320px) and (max-width:600px) {
  
    /* Latest  */
    .Top_products img {
  
     max-width: 520px !important;
    height: 315px;
    border-radius: 15px;
    object-fit: cover;
    margin-left: 15px;
    width: 100% !important;
    margin: 0 auto;
  
  
  
    }
  
    .Top_products_2 a img {
    width: 100% !important;
    height: 320px;
    object-fit: cover;
    border-radius: 15px;
    min-width: 130px;
    margin: 0 auto;
    max-width: 520px !important;
  }
  
  
  
  
    .paddigs {
  
      padding-right: 0px;
      padding-left: 0px;
  
    }
  
    .tpdown {
      margin-top: 50px !important;
    }
  
    .slider-verical_nav3 .slick-prev {
      top: 40px !important;
      left: 0rem !important;
      position: absolute;
      right: 0;
      background: #fff;
      border: none;
      color: transparent;
      width: 30px;
      height: 30px;
      border-radius: 15px;
      box-shadow: 0px 2px 4.8px 0.3px rgba(0, 0, 0, 0.15);
      outline: none;
    }
  
    .rate_section {
      /* background-color: #ffffff; */
      padding: 40px 10px 15px 10px;
      line-height: 1.7;
    }
  
    /* 
  .just_prod_nam {
    
    margin-left: 10px;
  
  } */
  
  
  
  
  
  
  }
  
  @media (max-width:399px) {
  
    .popular_imgs img {
  
      border-radius: 15px;
      /*  width: 290.8px !important;*/
      width: 100% !important;
      height: 310.9px !important;
      object-fit: cover;
      margin: 0px !important;
  
    }
  }
  
  
  
  @media (min-width: 400px) and (max-width: 600px) {
    /* .whit-bagd{
      background-color: none;
    } */
  
    .popular_imgs img {
  
      border-radius: 15px;
      object-fit: cover;
      width: 100% !important;
      height: 410.9px !important;
      max-width: 400px;
      margin: 0 !important;
  
    }
  
  
  
  
  }
  
  
  
  @media (min-width:993px) and (max-width:1199px) {
  
  
    .vertical_left {
      width: 27%;
      position: absolute;
      top: 0;
      left: 335px !important;
      bottom: 0;
  }
  
  
  .bg_shad {
    background-color: #fff;
    height: 610px;
    width: 27% !important;
    position: absolute;
    top: 0px;
    left: 344px;
    z-index: -1;
    bottom: 0;
    border-radius: 15px;
  }
  
  
  .slider-verical_nav3 .slick-next {
    top: 58rem;
    right: 40px !important;
  }
  
  }
  
  
  
  
  @media (min-width:600px) and (max-width:991px) {
  
    .popular_imgs img {
  
      border-radius: 15px;
      width: 100% ;
      height: 610.9px;
      object-fit: cover;
      min-width: 580px !important;
      margin:0px !important;
  
  }
  }
  
  /* @eme  */
  
  
  @media (min-width: 320px) and (max-width: 992px) {
  
    .popular_mobile_view {
      display: block !important;
    }
  
    .popular_desktop_view {
      display: none !important;
    }
  
  
    .most_comt_cont_Mob {
  
      background-color: #fff;
      padding: 5px;
      border-radius: 0px 0px 15px 15px;
  
    }
  
    .most_comt_cont {
      padding: 20px 8px 50px !important;
    }
  
    .Thumbnail_img1.clearfix img {
  
      padding: 10px;
      border-radius: 15px;
      /* margin: 0 40px; */
      object-fit: contain;
      max-width: 160px;
      width: 100%;
      height: 100px;
  
    }
  
    .back-clr {
      background-color: #fff;
    }
  
  
  
    .product_name a,
    .product_name .price a {
  
      color: #444444;
      font-size: 16px;
      overflow: hidden;
      text-decoration: none;
      white-space: nowrap;
      text-overflow: ellipsis;
      /* max-width: 250px;
      width: 100%;
      margin-top: 37px;
      margin-left: 15px; */
  
    }
  
  
    .pop_vert_section {
  
      background-color: #fff;
      border-radius: 15px;
      margin-left: 10px;
  
    }
  
    .responsive_row {
  
      display: flex !important;
      flex-direction: column-reverse !important;
  
    }
  
    .response-ht {
  
      height: 115px !important;
  
    }
  
    .most_cmt_sect {
      display: flex;
      flex-wrap: wrap !important;
      /*padding-top: 10px;*/
    }
  
  
  
  
  
    .mostpopular_imgs img {
      /* border-radius: 15px;
    width: 100% !important;
    height: 610.9px;
    object-fit: cover;
    min-width: 700px !important; */
      border-radius: 15px;
      width: 100% !important;
      height: 469.9px;
    }
  
  
  
    .shareopt_visible {
      position: absolute;
      display: flex;
      margin: auto;
      height: 5px !important;
      width: 72px;
      transform: translateY(100%);
      transition: transform 0.4s ease 0s, opacity 0.1s ease 0.3s;
  
    }
  
  
  
    .dp-res-flex {
      display: flex;
  
    }
  
  
    .verscnd {
  
      position: relative;
      right: 0px !important;
  
    }
  
  
    body .slider-verical_nav3 .slick-prev::before {
  
      border-style: solid;
      border-width: 0.15em 0.15em 0 0;
      content: '';
      display: inline-block;
      height: 0.70em;
      left: 0em;
      position: relative;
      top: 10px;
      transform: rotate(-45deg);
      vertical-align: top;
      width: 0.70em;
  
    }
  
    body .slider-verical_nav3 .slick-prev::before {
  
      border-style: solid;
      border-width: 0.15em 0.15em 0 0;
      content: '';
      display: inline-block;
      height: 0.70em;
      left: 0em;
      position: relative;
      top: 10px;
      transform: rotate(-145deg) !important;
      vertical-align: top;
      width: 0.70em;
  
    }
  
    body .slick-prev::before {
  
      border: solid #bdc2c5;
      border-top-style: solid;
      border-top-width: medium;
      border-right-style: solid;
      border-right-width: medium;
      border-bottom-style: solid;
      border-bottom-width: medium;
      border-left-style: solid;
      border-left-width: medium;
      border-width: 0.15em 0.15em 0 0;
      content: '';
      display: inline-block;
      height: 0.70em;
      left: 0em;
      position: relative;
      top: 9px;
      transform: rotate(-135deg);
      vertical-align: top;
      width: 0.70em;
      left: 0px;
  
    }
  
    body .slick-prev::before,
    body .slick-next::before {
  
      border: solid #bdc2c5;
      border-width: 0.15em 0.15em 0 0;
      content: '';
      display: inline-block;
      height: 0.70em;
      left: 0px;
      position: relative;
      top: 9px;
      transform: rotate(45deg);
      vertical-align: top;
      width: 0.70em;
  
    }
  
    .slider-verical_nav3 .slick-prev {
  
      top: -15px;
      left: 0rem !important;
  
    }
  
    .slick-initialized .slick-prev,
    .slick-initialized .slick-next {
  
      position: absolute;
      right: 0;
      background: #fff;
      border: none;
      color: transparent;
      width: 30px;
      height: 30px;
      /*top: 17rem;*/
      top: 20px;
      border-radius: 15px;
      box-shadow: 0px 2px 4.8px 0.3px rgba(0, 0, 0, 0.15);
      outline: none;
  
    }
  
  .top_selslider .slick-initialized .slick-prev,
    .top_selslider .slick-initialized .slick-next {
      top: 14rem;
    }
    /* .response-ht .slick-prev {
  
      top: 30px !important;
      left: 0rem !important;
  
  }
   */
  
    .response-ht .slick-next {
      right: 0rem !important;
      top: 40px !important;
    }
  
  
  
    body .slider-verical_nav3 .slick-prev::before {
      border-style: solid;
      border-width: 0.15em 0.15em 0 0;
      content: '';
      display: inline-block;
      height: 0.70em;
      left: 0em;
      position: relative;
      top: 10px;
      transform: rotate(-140deg) !important;
      vertical-align: top;
      width: 0.70em;
    }
  
    body .slider-verical_nav3 .slick-next::before {
      transform: rotate(45deg) !important;
      vertical-align: top;
    }
  
  
  /* 
    .just_products img {
      width: 100% !important;
      height: 150px !important;
      object-fit: cover !important;
      border-radius: 15px;
  } */
  
    .bg_shad {
      display: none;
    }
  
  
  
  
  
    .Top_products_2 {
      position: relative !important;
      right: 0 !important;
    }
  
    /* .Top_products_2 {
  
    max-height: 320px;
    max-width: 831px;
    margin: 10px;
  
  } */
  
    .Top_products_2 a img {
      width: 100%;
      height: 320px;
      object-fit: contain;
      background-color: #fff    ;
      border-radius: 15px;
      min-width: 130px;
      margin-right: 0px;
      min-width: 100px !important;
  
    }
  
    .top_products_row {
      display: block !important;
      justify-content: space-between;
      width: 100%;
      min-height: 450px;
      /* max-width: 310px !important; */
  
    }
  
  
  
    .vertical_Thumbnail_img1.clearfix img {
  
      border-radius: 15px;
      object-fit: cover;
      margin: 8px 35px;
      width: 90px !important;
      height: 80.9px !important;
      padding: 0px 0;
      cursor: pointer;
      transition: all linear .4s;
      position: relative;
      top: 10px;
  
    }
  
    /* .popular_imgs img {
  
    border-radius: 15px;
    object-fit: cover;
    width: 325px !important;
    height: 200px !important;
  } */
  
    .responsive_column {
      display: flex;
      flex-direction: column;
    }
  
  
    .vertical_left {
      width: 95% !important;
      position: static !important;
    }
  
    .vertical {
  
      width: 100% !important;
      margin-left: 10px;
  
    }
  
  
  
    .pop_rate_sec {
  
      background-color: #fff;
      border-radius: 0 0 15px 15px;
      position: relative;
      z-index: -1;
      top: -8px;
  
    }
  
    .pop_rate_sec .product_name {
  
      color: #444444;
      font-size: 14px;
      margin-top: 0px;
      margin-bottom: 0px;
  
    }
  
  
  
    .new_prod_nam {
  
      color: #555555 !important;
      font-size: 14px;
      margin: 80px 13px 0 !important;
      font-family: bold-font;
  
    }
  
    .pop_prod_nam {
  
      color: #555555 !important;
      font-size: 14px;
      margin: 15px 10px 10px !important;
      font-family: bold-font;
  
    }
  
  
  
  }
  
  
  /* resp0nse end styles */
  
  
  .popular_mobile_view {
    display: none;
  }
  
  .popular_desktop_view {
    display: block;
    position: relative;
  }
  
  
  .topselpadings {
    margin-top: 50px !important;
  }
  
  /* .back-clr{
    background-color: #fff;
  } */
  
  /* .white_bgs {
  
    background-color: #fff;
    height: 100%;
    width: 35px;
    position: absolute;
    left: 361px;
    max-height: 610px;
    top: 20px;
    border-radius: 30px 0px 0 30px;
    z-index: -1;
    right: 0;
  
  }
  
  
  
  .white_bgs2 {
    background-color: #fff;
    height: 100%;
    width: 40px;
    position: absolute;
    right: 165px;
    max-height: 610px;
    top: 20px;
  } */
  
  
  /* .whit-bagd{
    background-color: #fff;
    border-radius: 15px 15px 0 0;
  
    
  } */
  
  .bg_shad {
  
    background-color: #fff;
    height: 610px;
    width: 35%;
    position: absolute;
    top: 0px;
    left: 344px;
    z-index: -1;
    bottom: 0;
    border-radius: 15px;
  }
  
  
  
  .vertical {
  
    width: 70%;
  
  }
  
  .verscnd {
    position: relative;
    right: 30px;
  }
  
  
  .vertical_left {
  
    width: 27%;
    position: absolute;
    top: 0;
    left: 410px;
    bottom: 0;
  }
  
  
  
  .responsive_column {
  
    display: flex;
  
  }
  
  /* 
  .product-sec-slide.heroSlider-fixed {
  
    margin-top: 20px;
    margin-bottom: 20px;
  
  } */
  
  
  .rate_section {
    /* background-color: #ffffff; */
    padding: 40px 10px 15px 10px;
    line-height: 1.7;
  }
  
  
  
  .price {
  
    font-size: 24px;
    color: #555555;
  
  }
  
  
  .Top_products_2 {
    position: relative !important;
    right: 260px;
  }
  
  
  
  .recent_section {
    background-color: #ffffff;
    line-height: 1.7;
    width: 100%;
    border-radius: 0px 0px 15px 15px;
    height: 80px;
    max-width: 350px;
    z-index: -1;
    position: relative;
    bottom: 8px;
  
  }
  
  .Thumbnail_img1.clearfix img {
    padding: 10px;
    border-radius: 15px;
    /* margin: 0 40px; */
    object-fit: contain;
    width: 100%;
    height: 70px;
    cursor: pointer;
  
  }
  
  
  
  .row.white-bg {
  
    border-radius: 15px;
    margin-top: 10px;
  
  }
  
  .row.top_postion {
    width: 110%;
    margin-top: 10px;
  }
  
  
  .vertical_Thumbnail_img1.clearfix img {
  
    cursor: pointer;
    border-radius: 15px;
    object-fit: contain;
    margin: 8px 35px;
    width: 100px;
    height: 120.9px;
    padding: 0px 0;
  
  }
  
  
  
  .img-responsive_thumb:hover {
    border: 2px solid #E84B77;
    transition-delay: .15s;
    /* delays for 1 second */
    -webkit-transition-delay: .1s;
    /* for Safari & Chrome */
  
  }
  
  .img-responsive:hover {
    box-shadow: 0px 2px 4.8px 0.3px rgba(0, 0, 0, 0.25);
    transition-delay: .1s;
    -webkit-transition-delay: .1s;
    /* for Safari & Chrome */
  }
  
  .justimg-responsive:hover {
    box-shadow: 0px 2px 4.8px 0.3px rgba(0, 0, 0, 0.25);
    transition-delay: .1s;
    -webkit-transition-delay: .1s;
  
  }
  
  
  /* .slider-for .recent_imgs:hover{
    box-shadow: 0px 2px 4.8px 0.3px rgba(155, 112, 112, 0.5);
    border-radius: 15px;
    background-color: #fff;
    transition-delay: .15s; 
  
  } */
  /* 
  .product_cnt.clearfix:hover {
  
    box-shadow: 0px 2px 4.8px 0.3px rgba(155, 112, 112, 0.5);
    border-radius: 15px;
    transition-delay: .15s;
    background-color: #f6ebeb;
  } */
  
  .just_products_row {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
  }
  
  .most_cmt_sect {
  
    display: flex;
    /*padding-top: 18px;*/
  
  }
  
  
  .top_products_row {
    display: flex !important;
    justify-content: space-between;
    width: 100%;
    min-height: 450px;
    /* max-width: 310px !important; */
  
  }
  
  
  
  
  /* .just_products {
  
    min-width: 261px;
    height: 153px;
    border-radius: 10px;
  
  } */
  
  
  .just_products img {
    width: 250px;
    height: 155px;
    position: relative;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    object-fit: contain;
    border-radius: 15px;
    background-color: #fff !important;
  
  }
  
  
  /* .Top_products {
  
    max-width: 248.6px;
    max-height: 320px;
    margin: 10px;
  } */
  
  .Top_products img {
    width: 266px;
    height: 315px;
    border-radius: 15px;
    object-fit: contain;
    background-color: #fff;
  
  
  
  }
  
  
  /* .Top_products_2 {
  
    max-height: 320px;
    max-width: 831px;
    margin: 10px;
  
  } */
  
  .Top_products_2 a img {
    width: 100%;
    height: 315px;
    object-fit: contain;
    background-color: #fff;
    border-radius: 15px;
    min-width: 820px;
  
  }
  
  .store_imgs {
    position: relative;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    min-height: 180px;
    /* min-width: 300px; */
  
  }
  
  .store_imgs img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    background-color: #fff;
    border-radius: 15px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
  
  }
  
  .mobile_response {
    position: relative;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    min-height: 200px;
    min-width: 350px;
  }
  
  .mobile_response img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
  }
  
  
  
  
  .recent_imgs {
  
    position: relative;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    min-height: 200px;
    max-width: 350px;
    background-color: #fff;
    border-radius: 15px;
  
  }
  
  
  
  .recent_imgs img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    border-radius: 15px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
  
  }
  
  
  
  .popular_imgs img {
  
    border-radius: 15px;
    width: 400px;
    height: 610.9px;
    object-fit: contain;
    background-color: #fff;
    margin-left: 10px;
    margin-right: 10px;
  
  
  }
  
  .mostpopular_imgs img {
  
    border-radius: 15px;
    width: 353.8px;
    height: 610.9px;
    object-fit: contain;
  
  }
  
  .mostpopular_imgs img{ margin: 15px 0;}
  
  .slider.slider-nav_2.slick-initialized.slick-slider.slick-vertical {
  
    /* background-color: #fff; */
    min-height: 610px;
    border-radius: 0px 15px 15px 0px;
  
  }
  
  .slider..slider-verical_nav3.slick-initialized.slick-slider.slick-vertical {
  
    background-color: #fff;
    min-height: 610px;
  
  }
  
  
  
  
  
  
  .slider-nav_2 .slick-list.draggable {
  
    height: 600px !important;
  
  }
  
  .slider-verical_nav3 .slick-list.draggable {
  
    height: 600px !important;
  
  }
  
  
  
  .most_comnt_section {
    background-color: #fff;
  }
  
  
  
  
  .most_comt_cont {
    padding: 50px;
    font-family: bold-font;
  
  }
  
  .most_comt_cont p {
  
    font-size: 16px;
    font-family: regular-font;
  }
  
  .most_comt_cont .cmdprice {
    font-size: 40px;
    margin-top: 30px;
  }
  
  
  
  
  
  
  
  /* .slick-next {
    display: none !important;
  }
  .slick-prev {
    display: none !important;
  } */
  
  .just_prod_nam {
    color: #555555;
    font-size: 14px;
    margin: 10px 10px;
    font-family: bold-font;
    
    
  
  }
  
  .new_prod_nam {
  
    color: #555555 !important;
    font-size: 14px;
    margin: 40px 13px 0;
    font-family: bold-font;
  
  }
  
  .new_prod_nam span {
  
    font-family: regular-font;
    font-size: 14px;
    color: #555555;
    font-weight: bold;
    max-width: 200px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    display: block;
  
  }
  
  .pop_prod_nam {
  
    color: #555555 !important;
    font-size: 14px;
    margin: 20px 13px 0;
    font-family: bold-font;
  
  }
  
  .pop_prod_nam span {
  
    font-family: regular-font;
    font-size: 14px;
    color: #555555;
    font-weight: bold;
    max-width: 260px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    display: block;
  
  }
  
  
  .just_prod_nam span {
  
    font-family: regular-font;
    font-size: 14px;
    color: #555555;
    font-weight: bold;
    max-width: 260px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    display: block;
  
  }
  
  
  
  .product_det_nam {
  
    color: #555555;
    font-size: 14px;
    margin-top: 15px;
    margin-left: 15px;
    font-family: bold-font;
  
  }
  
  
  .product_det_nam span {
  
    font-family: regular-font;
    font-size: 14px;
    color: #555555;
    font-weight: bold;
    max-width: 260px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    display: block;
  }
  
  
  
  
  
  .product_name {
  
    color: #444444;
    font-size: 14px;
    /* margin-top: 30px; */
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left: 10px;
  }
  
  .product_name a {
    font-family: regular-font;
    font-size: 14px;
    color: #555555;
    font-weight: bold;
  }
  
  
  
  /* end Sj styles  */
  
  
  
  
  @media (min-width: 320px) and (max-width: 767px) {
    .rate_section {
      text-align: center;
    }
  }
  
  /* .product_name a:after{
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      width: 30%;
      height: 100%;
      background: -webkit-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0) 60%, white 90%);
      background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0) 60%, white 90%);
      pointer-events: none;
  } */
  
  .product_name a,
  .product_name .price a {
    color: #444444;
    font-size: 16px;
    overflow: hidden;
    text-decoration: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* max-width: 250px;
    width: 100%; */
  }
  
  .image-grid .rate_section .product_name a,
  .product_name .price a {
    color: #444444;
    font-size: 13px;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    width: 100%;
  }
  
  .item-slider .carousel .carousel-control {
    margin-left: 0;
    opacity: 1;
    /* top: 35%; */
  }
  
  .carousel-control.left,
  .carousel-control.right {
    background-image: none;
  }
  
  .carousel-control {
    width: 4%;
  }
  
  .item-slider .carousel .carousel-control .fa-angle-left {
    display: inline-block;
    float: left;
  }
  
  .item-slider .carousel .carousel-control .fa-angle-right {
    float: right;
  }
  
  .item-slider .carousel .carousel-control .fa {
    background-color: #ffffff;
    border: 1px solid #e2e2e2;
    border-radius: 50%;
    color: #878787;
    height: 35px;
    line-height: 1.7;
    margin: 0 15px;
    text-shadow: none;
    width: 35px;
    display: table;
  }
  
  .item-slider .carousel .right .fa {
    padding-left: 2px;
  }
  
  .item-slider .carousel .left .fa {
    padding-right: 10px;
  }
  
  .item-slider .carousel .carousel-control .fa:hover {
    background-color: rgb(25, 153, 235);
    color: #ffffff;
    border: none;
  }
  
  .deal-counter {
    margin-top: 10%;
  }
  
  .deals-heading {
    text-align: center;
    color: #333333;
  }
  
  .timer-container,
  .view-all-btn-container {
    margin-top: 20px;
    text-align: center;
  }
  
  .timer-container .timer-cnt,
  .view-all-btn-cnt {
    display: table;
    float: none;
    margin: 0 auto;
  }
  
  .timer-container .timer-cnt img,
  .timer-container .timer-cnt .time {
    display: inline-block;
  }
  
  #timer.time {
    min-width: 90px;
    text-align: left;
    display: inline-block;
  }
  
  .time {
    margin-left: 5px;
    font-size: 18px;
    color: #E84B77 !important;
  }
  
  .timer-container,
  .view-all-btn-container {
    margin-top: 20px;
    text-align: center;
  }
  
  .deals-carousel .carousel-inner .item .product_cnt {
    padding-top: 7.5px;
  }
  
  .logo-slide .carousel-inner .item {
    overflow-x: hidden;
    white-space: nowrap;
  }
  
  .logo-slide .carousel-inner .item .image-grid {
    display: inline;
    overflow: hidden;
    padding: 0;
    white-space: nowrap;
    width: auto;
  }
  
  .logo-slide .carousel-inner .item .image-grid a {
    color: #ffffff;
    font-size: 13px;
    height: 20px;
    padding: 0 5px;
    text-transform: uppercase;
    width: auto;
    border: none;
  }
  
  .image-grid.product_cnt img {
    border: 3px solid #dddddd;
    border-radius: 50%;
    height: 80px;
    width: 80px;
  }
  
  .logo-slide .carousel-control {
    background-color: transparent;
    color: #ffffff;
    font-size: 20px;
    line-height: 1;
    opacity: 1;
    padding-top: 1px;
    width: 1%;
  }
  
  .logo-slide .carousel-control .fa {
    margin-top: 28px;
    color: #333333;
    text-shadow: none;
  }
  
  .menuslide .left,
  .menuslide .right {
    margin-left: 0;
  }
  
  .menuslide .carousel-control {
    top: -2px;
  }
  
  .menuslide .active.left {
    top: 0px;
  }
  
  .menuslide .right {
    margin-right: 0;
  }
  
  .menuslide .right .fa-angle-right {
    float: right;
    margin-right: 0;
  }
  
  /*Item slider*/
  .carousel-control {
    width: 4%;
  }
  
  .carousel-control.left,
  .carousel-control.right {
    background-image: none;
  }
  
  @media (max-width: 767px) {
    .carousel-inner .active.left {
      left: -100%;
    }
  
    .carousel-inner .next {
      left: 100%;
    }
  
    .carousel-inner .prev {
      left: -100%;
    }
  
    .active>div {
      display: none;
    }
  
    .active>div:first-child {
      display: block;
    }
  
    .check>.carousel-inner>.active>div:nth-child(-n+2) {
      display: block;
    }
  
  }
  
  @media (min-width: 767px) and (max-width: 991px) {
    .carousel-inner .active.left {
      left: -50%;
    }
  
    .carousel-inner .next {
      left: 50%;
    }
  
    .carousel-inner .prev {
      left: -50%;
    }
  
    .active>div {
      display: none;
    }
  
    .active>div:first-child {
      display: block;
    }
  
    .active>div:first-child+div {
      display: block;
    }
  
    .check>.carousel-inner>.active>div:nth-child(-n+6) {
      display: block;
    }
  
  }
  
  @media (min-width: 992px) {
    .carousel-inner .active.left {
      left: -25%;
    }
  
    .carousel-inner .next {
      left: 25%;
    }
  
    .carousel-inner .prev {
      left: -25%;
    }
  
  
  
  }
  
  @media (min-width: 320px) and (max-width: 767px) {
    .item-slider .carousel .carousel-control {
      top: 37%;
    }
  
    .section_header {
      padding-bottom: 25px;
      padding-top: 25px;
    }
  
    .section_heading {
      margin-bottom: 10px;
      text-align: center;
      width: 100%;
    }
  
    .view_all {
      display: table;
      float: none;
      margin: 0 auto;
      text-align: center;
    }
  
    .item-slider .carousel {
      display: inline-block;
    }
  
    .item-slider .carousel.product-sec-slide {
      border: medium none;
    }
  }
  
  /* E O Item slider */
  
  /*---------------------------- 4.Default home page ---------------------------*/
  .default-page-timer-cnt {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  
  .default-home-header {
    padding-top: 40px;
  }
  
  .fh5co-board-img:hover .hover-visible {
    display: flex;
    opacity: 1;
    transform: translateY(0px);
    transition: transform 0.4s ease 0s, opacity 0.1s ease 0s;
  }
  
  figure.animate-box:hover .hover-visible {
    opacity: 1;
    transform: translateY(0px);
    transition: transform 0.4s ease 0s, opacity 0.1s ease 0s;
  }
  
  figure.animate-boxv:hover .hover-visible {
    opacity: 1;
    transform: translateY(-45px);
    transition: transform 0.4s ease 0s, opacity 0.1s ease 0s;
  }
  
  figure.animate-boxs:hover .hover-visible {
    opacity: 1;
    transform: translateY(0px);
    transition: transform 0.4s ease 0s, opacity 0.1s ease 0s;
  }
  
  .item .grid.cs-style-3 {
    float: none;
  }
  
  .home-page-tab {
    background-color: #ffffff;
    height: auto;
  }
  
  .default-home-header .nav-pills>li {
    border-right: 1px solid #f1f1f1;
  }
  
  .default-home-header .nav-pills>li.active>a,
  .default-home-header .nav-pills>li.active>a:focus,
  .default-home-header .nav-pills>li.active>a:hover {
    color: #E84B77;
    outline: 0 none;
    background-color: #ffffff;
    border-bottom: 2px solid #E84B77;
  }
  
  .home-page-tab>li>a:focus,
  .home-page-tab>li>a:hover {
    background-color: #ffffff;
  }
  
  .default-home-header .nav-pills>li+li {
    margin-left: 0;
  }
  
  .default-home-header .nav>li>a {
    color: #666666;
    font-size: 13px;
    padding: 17px 28px;
    text-align: center;
  }
  
  .default-home-header .nav-pills>li>a {
    border-radius: 0;
  }
  
  .default-home-header .nav-pills>li:last-child {
    border: medium none;
  }
  
  .section_container {
    padding-bottom: 10px;
  }
  
  #fh5co-board .item {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
    margin: 0 7.5px 15px;
    overflow: hidden;
  }
  
  .grid {
    /* background-color: #ffffff; */
    /*display:inline-block;*/
    list-style: outside none none;
    margin: 0;
  }
  
  .grid .image-grid {
    display: inline-block;
    position: relative;
  }
  
  .js .animate-box {
    opacity: 0;
  }
  
  .js .animate-boxv {
    opacity: 0;
  }
  
  #fh5co-board .item .fh5co-board-img {
    overflow: hidden;
  }
  
  #fh5co-board .item img {
    max-width: 100%;
    transition: all 0.4s ease 0s;
    display: inline-block;
  }
  
  .product_align_cnt #fh5co-main #fh5co-board .size-1of4:first-child .item {
    margin-left: 0;
  }
  
  .product_align_cnt #fh5co-main #fh5co-board .size-1of4:last-child .item {
    margin-right: 0;
  }
  
  
  @media (max-width: 440px) {
    .home-page-tab li {
      width: 100%;
      border-bottom: 1px solid #e3e3e3;
    }
  
    .default-home-header {
      /*padding-top: 10px;*/
    }
  }
  
  /***Staggered Grid***/
  .column {
    float: left;
  }
  
  @media screen and (max-width: 480px) {
    .column {
      float: none;
      position: relative;
      clear: both;
    }
  }
  
  .size-1of4 {
    width: 25%;
  }
  
  .size-1of3 {
    width: 33.333%;
  }
  
  .size-1of2 {
    width: 50%;
  }
  
  
  #fh5co-board[data-columns]::before {
    content: '4 .column.size-1of4';
  }
  
  /* Configurate salvattore with media queries */
  @media screen and (max-width: 450px) {
    #fh5co-board[data-columns]::before {
      content: '1 .column';
    }
  }
  
  @media screen and (min-width: 451px) and (max-width: 700px) {
    #fh5co-board[data-columns]::before {
      content: '2 .column.size-1of2';
    }
  }
  
  @media screen and (min-width: 701px) and (max-width: 850px) {
    #fh5co-board[data-columns]::before {
      content: '3 .column.size-1of3';
    }
  }
  
  @media screen and (min-width: 851px) {
    #fh5co-board[data-columns]::before {
      content: '4 .column.size-1of4';
    }
  }
  
  /***Animate style***/
  @charset "UTF-8";
  
  .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  
  .animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
  }
  
  .animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
  }
  
  .animated.bounceIn,
  .animated.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
  }
  
  .animated.flipOutX,
  .animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
  }
  
  @-webkit-keyframes bounce {
  
    from,
    20%,
    53%,
    80%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  
    40%,
    43% {
      -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
      animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
      -webkit-transform: translate3d(0, -30px, 0);
      transform: translate3d(0, -30px, 0);
    }
  
    70% {
      -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
      animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
      -webkit-transform: translate3d(0, -15px, 0);
      transform: translate3d(0, -15px, 0);
    }
  
    90% {
      -webkit-transform: translate3d(0, -4px, 0);
      transform: translate3d(0, -4px, 0);
    }
  }
  
  @keyframes bounce {
  
    from,
    20%,
    53%,
    80%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  
    40%,
    43% {
      -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
      animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
      -webkit-transform: translate3d(0, -30px, 0);
      transform: translate3d(0, -30px, 0);
    }
  
    70% {
      -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
      animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
      -webkit-transform: translate3d(0, -15px, 0);
      transform: translate3d(0, -15px, 0);
    }
  
    90% {
      -webkit-transform: translate3d(0, -4px, 0);
      transform: translate3d(0, -4px, 0);
    }
  }
  
  .bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  
  @-webkit-keyframes flash {
  
    from,
    50%,
    to {
      opacity: 1;
    }
  
    25%,
    75% {
      opacity: 0;
    }
  }
  
  @keyframes flash {
  
    from,
    50%,
    to {
      opacity: 1;
    }
  
    25%,
    75% {
      opacity: 0;
    }
  }
  
  .flash {
    -webkit-animation-name: flash;
    animation-name: flash;
  }
  
  /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
  
  @-webkit-keyframes pulse {
    from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  
    50% {
      -webkit-transform: scale3d(1.05, 1.05, 1.05);
      transform: scale3d(1.05, 1.05, 1.05);
    }
  
    to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  }
  
  @keyframes pulse {
    from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  
    50% {
      -webkit-transform: scale3d(1.05, 1.05, 1.05);
      transform: scale3d(1.05, 1.05, 1.05);
    }
  
    to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  }
  
  .pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
  }
  
  @-webkit-keyframes rubberBand {
    from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  
    30% {
      -webkit-transform: scale3d(1.25, 0.75, 1);
      transform: scale3d(1.25, 0.75, 1);
    }
  
    40% {
      -webkit-transform: scale3d(0.75, 1.25, 1);
      transform: scale3d(0.75, 1.25, 1);
    }
  
    50% {
      -webkit-transform: scale3d(1.15, 0.85, 1);
      transform: scale3d(1.15, 0.85, 1);
    }
  
    65% {
      -webkit-transform: scale3d(.95, 1.05, 1);
      transform: scale3d(.95, 1.05, 1);
    }
  
    75% {
      -webkit-transform: scale3d(1.05, .95, 1);
      transform: scale3d(1.05, .95, 1);
    }
  
    to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  }
  
  @keyframes rubberBand {
    from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  
    30% {
      -webkit-transform: scale3d(1.25, 0.75, 1);
      transform: scale3d(1.25, 0.75, 1);
    }
  
    40% {
      -webkit-transform: scale3d(0.75, 1.25, 1);
      transform: scale3d(0.75, 1.25, 1);
    }
  
    50% {
      -webkit-transform: scale3d(1.15, 0.85, 1);
      transform: scale3d(1.15, 0.85, 1);
    }
  
    65% {
      -webkit-transform: scale3d(.95, 1.05, 1);
      transform: scale3d(.95, 1.05, 1);
    }
  
    75% {
      -webkit-transform: scale3d(1.05, .95, 1);
      transform: scale3d(1.05, .95, 1);
    }
  
    to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  }
  
  .rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
  }
  
  @-webkit-keyframes shake {
  
    from,
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  
    10%,
    30%,
    50%,
    70%,
    90% {
      -webkit-transform: translate3d(-10px, 0, 0);
      transform: translate3d(-10px, 0, 0);
    }
  
    20%,
    40%,
    60%,
    80% {
      -webkit-transform: translate3d(10px, 0, 0);
      transform: translate3d(10px, 0, 0);
    }
  }
  
  @keyframes shake {
  
    from,
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  
    10%,
    30%,
    50%,
    70%,
    90% {
      -webkit-transform: translate3d(-10px, 0, 0);
      transform: translate3d(-10px, 0, 0);
    }
  
    20%,
    40%,
    60%,
    80% {
      -webkit-transform: translate3d(10px, 0, 0);
      transform: translate3d(10px, 0, 0);
    }
  }
  
  .shake {
    -webkit-animation-name: shake;
    animation-name: shake;
  }
  
  @-webkit-keyframes swing {
    20% {
      -webkit-transform: rotate3d(0, 0, 1, 15deg);
      transform: rotate3d(0, 0, 1, 15deg);
    }
  
    40% {
      -webkit-transform: rotate3d(0, 0, 1, -10deg);
      transform: rotate3d(0, 0, 1, -10deg);
    }
  
    60% {
      -webkit-transform: rotate3d(0, 0, 1, 5deg);
      transform: rotate3d(0, 0, 1, 5deg);
    }
  
    80% {
      -webkit-transform: rotate3d(0, 0, 1, -5deg);
      transform: rotate3d(0, 0, 1, -5deg);
    }
  
    to {
      -webkit-transform: rotate3d(0, 0, 1, 0deg);
      transform: rotate3d(0, 0, 1, 0deg);
    }
  }
  
  @keyframes swing {
    20% {
      -webkit-transform: rotate3d(0, 0, 1, 15deg);
      transform: rotate3d(0, 0, 1, 15deg);
    }
  
    40% {
      -webkit-transform: rotate3d(0, 0, 1, -10deg);
      transform: rotate3d(0, 0, 1, -10deg);
    }
  
    60% {
      -webkit-transform: rotate3d(0, 0, 1, 5deg);
      transform: rotate3d(0, 0, 1, 5deg);
    }
  
    80% {
      -webkit-transform: rotate3d(0, 0, 1, -5deg);
      transform: rotate3d(0, 0, 1, -5deg);
    }
  
    to {
      -webkit-transform: rotate3d(0, 0, 1, 0deg);
      transform: rotate3d(0, 0, 1, 0deg);
    }
  }
  
  .swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
  }
  
  @-webkit-keyframes tada {
    from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  
    10%,
    20% {
      -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
      transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }
  
    30%,
    50%,
    70%,
    90% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
  
    40%,
    60%,
    80% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
  
    to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  }
  
  @keyframes tada {
    from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  
    10%,
    20% {
      -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
      transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }
  
    30%,
    50%,
    70%,
    90% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
  
    40%,
    60%,
    80% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
  
    to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  }
  
  .tada {
    -webkit-animation-name: tada;
    animation-name: tada;
  }
  
  /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
  
  @-webkit-keyframes wobble {
    from {
      -webkit-transform: none;
      transform: none;
    }
  
    15% {
      -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
      transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }
  
    30% {
      -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
      transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }
  
    45% {
      -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
      transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }
  
    60% {
      -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
      transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }
  
    75% {
      -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
      transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }
  
    to {
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @keyframes wobble {
    from {
      -webkit-transform: none;
      transform: none;
    }
  
    15% {
      -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
      transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }
  
    30% {
      -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
      transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }
  
    45% {
      -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
      transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }
  
    60% {
      -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
      transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }
  
    75% {
      -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
      transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }
  
    to {
      -webkit-transform: none;
      transform: none;
    }
  }
  
  .wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
  }
  
  @-webkit-keyframes jello {
  
    from,
    11.1%,
    to {
      -webkit-transform: none;
      transform: none;
    }
  
    22.2% {
      -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
      transform: skewX(-12.5deg) skewY(-12.5deg);
    }
  
    33.3% {
      -webkit-transform: skewX(6.25deg) skewY(6.25deg);
      transform: skewX(6.25deg) skewY(6.25deg);
    }
  
    44.4% {
      -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
      transform: skewX(-3.125deg) skewY(-3.125deg);
    }
  
    55.5% {
      -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
      transform: skewX(1.5625deg) skewY(1.5625deg);
    }
  
    66.6% {
      -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
      transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }
  
    77.7% {
      -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
      transform: skewX(0.390625deg) skewY(0.390625deg);
    }
  
    88.8% {
      -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
      transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
  }
  
  @keyframes jello {
  
    from,
    11.1%,
    to {
      -webkit-transform: none;
      transform: none;
    }
  
    22.2% {
      -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
      transform: skewX(-12.5deg) skewY(-12.5deg);
    }
  
    33.3% {
      -webkit-transform: skewX(6.25deg) skewY(6.25deg);
      transform: skewX(6.25deg) skewY(6.25deg);
    }
  
    44.4% {
      -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
      transform: skewX(-3.125deg) skewY(-3.125deg);
    }
  
    55.5% {
      -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
      transform: skewX(1.5625deg) skewY(1.5625deg);
    }
  
    66.6% {
      -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
      transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }
  
    77.7% {
      -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
      transform: skewX(0.390625deg) skewY(0.390625deg);
    }
  
    88.8% {
      -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
      transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
  }
  
  .jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center;
  }
  
  @-webkit-keyframes bounceIn {
  
    from,
    20%,
    40%,
    60%,
    80%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
  
    0% {
      opacity: 0;
      -webkit-transform: scale3d(.3, .3, .3);
      transform: scale3d(.3, .3, .3);
    }
  
    20% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1);
    }
  
    40% {
      -webkit-transform: scale3d(.9, .9, .9);
      transform: scale3d(.9, .9, .9);
    }
  
    60% {
      opacity: 1;
      -webkit-transform: scale3d(1.03, 1.03, 1.03);
      transform: scale3d(1.03, 1.03, 1.03);
    }
  
    80% {
      -webkit-transform: scale3d(.97, .97, .97);
      transform: scale3d(.97, .97, .97);
    }
  
    to {
      opacity: 1;
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  }
  
  @keyframes bounceIn {
  
    from,
    20%,
    40%,
    60%,
    80%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
  
    0% {
      opacity: 0;
      -webkit-transform: scale3d(.3, .3, .3);
      transform: scale3d(.3, .3, .3);
    }
  
    20% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1);
    }
  
    40% {
      -webkit-transform: scale3d(.9, .9, .9);
      transform: scale3d(.9, .9, .9);
    }
  
    60% {
      opacity: 1;
      -webkit-transform: scale3d(1.03, 1.03, 1.03);
      transform: scale3d(1.03, 1.03, 1.03);
    }
  
    80% {
      -webkit-transform: scale3d(.97, .97, .97);
      transform: scale3d(.97, .97, .97);
    }
  
    to {
      opacity: 1;
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  }
  
  .bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
  }
  
  @-webkit-keyframes bounceInDown {
  
    from,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
  
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -3000px, 0);
      transform: translate3d(0, -3000px, 0);
    }
  
    60% {
      opacity: 1;
      -webkit-transform: translate3d(0, 25px, 0);
      transform: translate3d(0, 25px, 0);
    }
  
    75% {
      -webkit-transform: translate3d(0, -10px, 0);
      transform: translate3d(0, -10px, 0);
    }
  
    90% {
      -webkit-transform: translate3d(0, 5px, 0);
      transform: translate3d(0, 5px, 0);
    }
  
    to {
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @keyframes bounceInDown {
  
    from,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
  
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -3000px, 0);
      transform: translate3d(0, -3000px, 0);
    }
  
    60% {
      opacity: 1;
      -webkit-transform: translate3d(0, 25px, 0);
      transform: translate3d(0, 25px, 0);
    }
  
    75% {
      -webkit-transform: translate3d(0, -10px, 0);
      transform: translate3d(0, -10px, 0);
    }
  
    90% {
      -webkit-transform: translate3d(0, 5px, 0);
      transform: translate3d(0, 5px, 0);
    }
  
    to {
      -webkit-transform: none;
      transform: none;
    }
  }
  
  .bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
  }
  
  @-webkit-keyframes bounceInLeft {
  
    from,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
  
    0% {
      opacity: 0;
      -webkit-transform: translate3d(-3000px, 0, 0);
      transform: translate3d(-3000px, 0, 0);
    }
  
    60% {
      opacity: 1;
      -webkit-transform: translate3d(25px, 0, 0);
      transform: translate3d(25px, 0, 0);
    }
  
    75% {
      -webkit-transform: translate3d(-10px, 0, 0);
      transform: translate3d(-10px, 0, 0);
    }
  
    90% {
      -webkit-transform: translate3d(5px, 0, 0);
      transform: translate3d(5px, 0, 0);
    }
  
    to {
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @keyframes bounceInLeft {
  
    from,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
  
    0% {
      opacity: 0;
      -webkit-transform: translate3d(-3000px, 0, 0);
      transform: translate3d(-3000px, 0, 0);
    }
  
    60% {
      opacity: 1;
      -webkit-transform: translate3d(25px, 0, 0);
      transform: translate3d(25px, 0, 0);
    }
  
    75% {
      -webkit-transform: translate3d(-10px, 0, 0);
      transform: translate3d(-10px, 0, 0);
    }
  
    90% {
      -webkit-transform: translate3d(5px, 0, 0);
      transform: translate3d(5px, 0, 0);
    }
  
    to {
      -webkit-transform: none;
      transform: none;
    }
  }
  
  .bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
  }
  
  @-webkit-keyframes bounceInRight {
  
    from,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
  
    from {
      opacity: 0;
      -webkit-transform: translate3d(3000px, 0, 0);
      transform: translate3d(3000px, 0, 0);
    }
  
    60% {
      opacity: 1;
      -webkit-transform: translate3d(-25px, 0, 0);
      transform: translate3d(-25px, 0, 0);
    }
  
    75% {
      -webkit-transform: translate3d(10px, 0, 0);
      transform: translate3d(10px, 0, 0);
    }
  
    90% {
      -webkit-transform: translate3d(-5px, 0, 0);
      transform: translate3d(-5px, 0, 0);
    }
  
    to {
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @keyframes bounceInRight {
  
    from,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
  
    from {
      opacity: 0;
      -webkit-transform: translate3d(3000px, 0, 0);
      transform: translate3d(3000px, 0, 0);
    }
  
    60% {
      opacity: 1;
      -webkit-transform: translate3d(-25px, 0, 0);
      transform: translate3d(-25px, 0, 0);
    }
  
    75% {
      -webkit-transform: translate3d(10px, 0, 0);
      transform: translate3d(10px, 0, 0);
    }
  
    90% {
      -webkit-transform: translate3d(-5px, 0, 0);
      transform: translate3d(-5px, 0, 0);
    }
  
    to {
      -webkit-transform: none;
      transform: none;
    }
  }
  
  .bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
  }
  
  @-webkit-keyframes bounceInUp {
  
    from,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
  
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 3000px, 0);
      transform: translate3d(0, 3000px, 0);
    }
  
    60% {
      opacity: 1;
      -webkit-transform: translate3d(0, -20px, 0);
      transform: translate3d(0, -20px, 0);
    }
  
    75% {
      -webkit-transform: translate3d(0, 10px, 0);
      transform: translate3d(0, 10px, 0);
    }
  
    90% {
      -webkit-transform: translate3d(0, -5px, 0);
      transform: translate3d(0, -5px, 0);
    }
  
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  @keyframes bounceInUp {
  
    from,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
  
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 3000px, 0);
      transform: translate3d(0, 3000px, 0);
    }
  
    60% {
      opacity: 1;
      -webkit-transform: translate3d(0, -20px, 0);
      transform: translate3d(0, -20px, 0);
    }
  
    75% {
      -webkit-transform: translate3d(0, 10px, 0);
      transform: translate3d(0, 10px, 0);
    }
  
    90% {
      -webkit-transform: translate3d(0, -5px, 0);
      transform: translate3d(0, -5px, 0);
    }
  
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  .bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
  }
  
  @-webkit-keyframes bounceOut {
    20% {
      -webkit-transform: scale3d(.9, .9, .9);
      transform: scale3d(.9, .9, .9);
    }
  
    50%,
    55% {
      opacity: 1;
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1);
    }
  
    to {
      opacity: 0;
      -webkit-transform: scale3d(.3, .3, .3);
      transform: scale3d(.3, .3, .3);
    }
  }
  
  @keyframes bounceOut {
    20% {
      -webkit-transform: scale3d(.9, .9, .9);
      transform: scale3d(.9, .9, .9);
    }
  
    50%,
    55% {
      opacity: 1;
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1);
    }
  
    to {
      opacity: 0;
      -webkit-transform: scale3d(.3, .3, .3);
      transform: scale3d(.3, .3, .3);
    }
  }
  
  .bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
  }
  
  @-webkit-keyframes bounceOutDown {
    20% {
      -webkit-transform: translate3d(0, 10px, 0);
      transform: translate3d(0, 10px, 0);
    }
  
    40%,
    45% {
      opacity: 1;
      -webkit-transform: translate3d(0, -20px, 0);
      transform: translate3d(0, -20px, 0);
    }
  
    to {
      opacity: 0;
      -webkit-transform: translate3d(0, 2000px, 0);
      transform: translate3d(0, 2000px, 0);
    }
  }
  
  @keyframes bounceOutDown {
    20% {
      -webkit-transform: translate3d(0, 10px, 0);
      transform: translate3d(0, 10px, 0);
    }
  
    40%,
    45% {
      opacity: 1;
      -webkit-transform: translate3d(0, -20px, 0);
      transform: translate3d(0, -20px, 0);
    }
  
    to {
      opacity: 0;
      -webkit-transform: translate3d(0, 2000px, 0);
      transform: translate3d(0, 2000px, 0);
    }
  }
  
  .bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
  }
  
  @-webkit-keyframes bounceOutLeft {
    20% {
      opacity: 1;
      -webkit-transform: translate3d(20px, 0, 0);
      transform: translate3d(20px, 0, 0);
    }
  
    to {
      opacity: 0;
      -webkit-transform: translate3d(-2000px, 0, 0);
      transform: translate3d(-2000px, 0, 0);
    }
  }
  
  @keyframes bounceOutLeft {
    20% {
      opacity: 1;
      -webkit-transform: translate3d(20px, 0, 0);
      transform: translate3d(20px, 0, 0);
    }
  
    to {
      opacity: 0;
      -webkit-transform: translate3d(-2000px, 0, 0);
      transform: translate3d(-2000px, 0, 0);
    }
  }
  
  .bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
  }
  
  @-webkit-keyframes bounceOutRight {
    20% {
      opacity: 1;
      -webkit-transform: translate3d(-20px, 0, 0);
      transform: translate3d(-20px, 0, 0);
    }
  
    to {
      opacity: 0;
      -webkit-transform: translate3d(2000px, 0, 0);
      transform: translate3d(2000px, 0, 0);
    }
  }
  
  @keyframes bounceOutRight {
    20% {
      opacity: 1;
      -webkit-transform: translate3d(-20px, 0, 0);
      transform: translate3d(-20px, 0, 0);
    }
  
    to {
      opacity: 0;
      -webkit-transform: translate3d(2000px, 0, 0);
      transform: translate3d(2000px, 0, 0);
    }
  }
  
  .bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
  }
  
  @-webkit-keyframes bounceOutUp {
    20% {
      -webkit-transform: translate3d(0, -10px, 0);
      transform: translate3d(0, -10px, 0);
    }
  
    40%,
    45% {
      opacity: 1;
      -webkit-transform: translate3d(0, 20px, 0);
      transform: translate3d(0, 20px, 0);
    }
  
    to {
      opacity: 0;
      -webkit-transform: translate3d(0, -2000px, 0);
      transform: translate3d(0, -2000px, 0);
    }
  }
  
  @keyframes bounceOutUp {
    20% {
      -webkit-transform: translate3d(0, -10px, 0);
      transform: translate3d(0, -10px, 0);
    }
  
    40%,
    45% {
      opacity: 1;
      -webkit-transform: translate3d(0, 20px, 0);
      transform: translate3d(0, 20px, 0);
    }
  
    to {
      opacity: 0;
      -webkit-transform: translate3d(0, -2000px, 0);
      transform: translate3d(0, -2000px, 0);
    }
  }
  
  .bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
  }
  
  @-webkit-keyframes fadeIn {
    from {
      opacity: 0;
    }
  
    to {
      opacity: 1;
    }
  }
  
  @keyframes fadeIn {
    from {
      opacity: 0;
    }
  
    to {
      opacity: 1;
    }
  }
  
  .fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
  }
  
  @-webkit-keyframes fadeInDown {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @keyframes fadeInDown {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  
  .fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
  }
  
  @-webkit-keyframes fadeInDownBig {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, -2000px, 0);
      transform: translate3d(0, -2000px, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @keyframes fadeInDownBig {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, -2000px, 0);
      transform: translate3d(0, -2000px, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  
  .fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
  }
  
  @-webkit-keyframes fadeInLeft {
    from {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @keyframes fadeInLeft {
    from {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  
  .fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
  }
  
  @-webkit-keyframes fadeInLeftBig {
    from {
      opacity: 0;
      -webkit-transform: translate3d(-2000px, 0, 0);
      transform: translate3d(-2000px, 0, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @keyframes fadeInLeftBig {
    from {
      opacity: 0;
      -webkit-transform: translate3d(-2000px, 0, 0);
      transform: translate3d(-2000px, 0, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  
  .fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
  }
  
  @-webkit-keyframes fadeInRight {
    from {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @keyframes fadeInRight {
    from {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  
  .fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
  }
  
  @-webkit-keyframes fadeInRightBig {
    from {
      opacity: 0;
      -webkit-transform: translate3d(2000px, 0, 0);
      transform: translate3d(2000px, 0, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @keyframes fadeInRightBig {
    from {
      opacity: 0;
      -webkit-transform: translate3d(2000px, 0, 0);
      transform: translate3d(2000px, 0, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  
  .fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
  }
  
  @-webkit-keyframes fadeInUp {
    from {
      opacity: 0;
      /*-webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);*/
      -webkit-transform: translate3d(0, 50px, 0);
      transform: translate3d(0, 50px, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @keyframes fadeInUp {
    from {
      opacity: 0;
      /*-webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);*/
      -webkit-transform: translate3d(0, 50px, 0);
      transform: translate3d(0, 50px, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  
  .fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
  }
  
  @-webkit-keyframes fadeInUpBig {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 2000px, 0);
      transform: translate3d(0, 2000px, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @keyframes fadeInUpBig {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 2000px, 0);
      transform: translate3d(0, 2000px, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  
  .fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
  }
  
  @-webkit-keyframes fadeOut {
    from {
      opacity: 1;
    }
  
    to {
      opacity: 0;
    }
  }
  
  @keyframes fadeOut {
    from {
      opacity: 1;
    }
  
    to {
      opacity: 0;
    }
  }
  
  .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
  }
  
  @-webkit-keyframes fadeOutDown {
    from {
      opacity: 1;
    }
  
    to {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
    }
  }
  
  @keyframes fadeOutDown {
    from {
      opacity: 1;
    }
  
    to {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
    }
  }
  
  .fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
  }
  
  @-webkit-keyframes fadeOutDownBig {
    from {
      opacity: 1;
    }
  
    to {
      opacity: 0;
      -webkit-transform: translate3d(0, 2000px, 0);
      transform: translate3d(0, 2000px, 0);
    }
  }
  
  @keyframes fadeOutDownBig {
    from {
      opacity: 1;
    }
  
    to {
      opacity: 0;
      -webkit-transform: translate3d(0, 2000px, 0);
      transform: translate3d(0, 2000px, 0);
    }
  }
  
  .fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
  }
  
  @-webkit-keyframes fadeOutLeft {
    from {
      opacity: 1;
    }
  
    to {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }
  }
  
  @keyframes fadeOutLeft {
    from {
      opacity: 1;
    }
  
    to {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }
  }
  
  .fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
  }
  
  @-webkit-keyframes fadeOutLeftBig {
    from {
      opacity: 1;
    }
  
    to {
      opacity: 0;
      -webkit-transform: translate3d(-2000px, 0, 0);
      transform: translate3d(-2000px, 0, 0);
    }
  }
  
  @keyframes fadeOutLeftBig {
    from {
      opacity: 1;
    }
  
    to {
      opacity: 0;
      -webkit-transform: translate3d(-2000px, 0, 0);
      transform: translate3d(-2000px, 0, 0);
    }
  }
  
  .fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
  }
  
  @-webkit-keyframes fadeOutRight {
    from {
      opacity: 1;
    }
  
    to {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
    }
  }
  
  @keyframes fadeOutRight {
    from {
      opacity: 1;
    }
  
    to {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
    }
  }
  
  .fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
  }
  
  @-webkit-keyframes fadeOutRightBig {
    from {
      opacity: 1;
    }
  
    to {
      opacity: 0;
      -webkit-transform: translate3d(2000px, 0, 0);
      transform: translate3d(2000px, 0, 0);
    }
  }
  
  @keyframes fadeOutRightBig {
    from {
      opacity: 1;
    }
  
    to {
      opacity: 0;
      -webkit-transform: translate3d(2000px, 0, 0);
      transform: translate3d(2000px, 0, 0);
    }
  }
  
  .fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
  }
  
  @-webkit-keyframes fadeOutUp {
    from {
      opacity: 1;
    }
  
    to {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
    }
  }
  
  @keyframes fadeOutUp {
    from {
      opacity: 1;
    }
  
    to {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
    }
  }
  
  .fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
  }
  
  @-webkit-keyframes fadeOutUpBig {
    from {
      opacity: 1;
    }
  
    to {
      opacity: 0;
      -webkit-transform: translate3d(0, -2000px, 0);
      transform: translate3d(0, -2000px, 0);
    }
  }
  
  @keyframes fadeOutUpBig {
    from {
      opacity: 1;
    }
  
    to {
      opacity: 0;
      -webkit-transform: translate3d(0, -2000px, 0);
      transform: translate3d(0, -2000px, 0);
    }
  }
  
  .fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
  }
  
  @-webkit-keyframes flip {
    from {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
      transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
    }
  
    40% {
      -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
      transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
    }
  
    50% {
      -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
      transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
    }
  
    80% {
      -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
      transform: perspective(400px) scale3d(.95, .95, .95);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
    }
  
    to {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
    }
  }
  
  @keyframes flip {
    from {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
      transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
    }
  
    40% {
      -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
      transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
    }
  
    50% {
      -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
      transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
    }
  
    80% {
      -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
      transform: perspective(400px) scale3d(.95, .95, .95);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
    }
  
    to {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
    }
  }
  
  .animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
  }
  
  @-webkit-keyframes flipInX {
    from {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0;
    }
  
    40% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
    }
  
    60% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
      transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
      opacity: 1;
    }
  
    80% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
  
    to {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
    }
  }
  
  @keyframes flipInX {
    from {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0;
    }
  
    40% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
    }
  
    60% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
      transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
      opacity: 1;
    }
  
    80% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
  
    to {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
    }
  }
  
  .flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
  }
  
  @-webkit-keyframes flipInY {
    from {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
      transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0;
    }
  
    40% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
      transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
    }
  
    60% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
      transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
      opacity: 1;
    }
  
    80% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
      transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }
  
    to {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
    }
  }
  
  @keyframes flipInY {
    from {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
      transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 0;
    }
  
    40% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
      transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
    }
  
    60% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
      transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
      opacity: 1;
    }
  
    80% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
      transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }
  
    to {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
    }
  }
  
  .flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
  }
  
  @-webkit-keyframes flipOutX {
    from {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
    }
  
    30% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      opacity: 1;
    }
  
    to {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      opacity: 0;
    }
  }
  
  @keyframes flipOutX {
    from {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
    }
  
    30% {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
      opacity: 1;
    }
  
    to {
      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
      opacity: 0;
    }
  }
  
  .flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
  }
  
  @-webkit-keyframes flipOutY {
    from {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
    }
  
    30% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
      transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
      opacity: 1;
    }
  
    to {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
      transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
      opacity: 0;
    }
  }
  
  @keyframes flipOutY {
    from {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
    }
  
    30% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
      transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
      opacity: 1;
    }
  
    to {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
      transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
      opacity: 0;
    }
  }
  
  .flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
  }
  
  @-webkit-keyframes lightSpeedIn {
    from {
      -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
      transform: translate3d(100%, 0, 0) skewX(-30deg);
      opacity: 0;
    }
  
    60% {
      -webkit-transform: skewX(20deg);
      transform: skewX(20deg);
      opacity: 1;
    }
  
    80% {
      -webkit-transform: skewX(-5deg);
      transform: skewX(-5deg);
      opacity: 1;
    }
  
    to {
      -webkit-transform: none;
      transform: none;
      opacity: 1;
    }
  }
  
  @keyframes lightSpeedIn {
    from {
      -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
      transform: translate3d(100%, 0, 0) skewX(-30deg);
      opacity: 0;
    }
  
    60% {
      -webkit-transform: skewX(20deg);
      transform: skewX(20deg);
      opacity: 1;
    }
  
    80% {
      -webkit-transform: skewX(-5deg);
      transform: skewX(-5deg);
      opacity: 1;
    }
  
    to {
      -webkit-transform: none;
      transform: none;
      opacity: 1;
    }
  }
  
  .lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  
  @-webkit-keyframes lightSpeedOut {
    from {
      opacity: 1;
    }
  
    to {
      -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
      transform: translate3d(100%, 0, 0) skewX(30deg);
      opacity: 0;
    }
  }
  
  @keyframes lightSpeedOut {
    from {
      opacity: 1;
    }
  
    to {
      -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
      transform: translate3d(100%, 0, 0) skewX(30deg);
      opacity: 0;
    }
  }
  
  .lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  
  @-webkit-keyframes rotateIn {
    from {
      -webkit-transform-origin: center;
      transform-origin: center;
      -webkit-transform: rotate3d(0, 0, 1, -200deg);
      transform: rotate3d(0, 0, 1, -200deg);
      opacity: 0;
    }
  
    to {
      -webkit-transform-origin: center;
      transform-origin: center;
      -webkit-transform: none;
      transform: none;
      opacity: 1;
    }
  }
  
  @keyframes rotateIn {
    from {
      -webkit-transform-origin: center;
      transform-origin: center;
      -webkit-transform: rotate3d(0, 0, 1, -200deg);
      transform: rotate3d(0, 0, 1, -200deg);
      opacity: 0;
    }
  
    to {
      -webkit-transform-origin: center;
      transform-origin: center;
      -webkit-transform: none;
      transform: none;
      opacity: 1;
    }
  }
  
  .rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
  }
  
  @-webkit-keyframes rotateInDownLeft {
    from {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate3d(0, 0, 1, -45deg);
      transform: rotate3d(0, 0, 1, -45deg);
      opacity: 0;
    }
  
    to {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: none;
      transform: none;
      opacity: 1;
    }
  }
  
  @keyframes rotateInDownLeft {
    from {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate3d(0, 0, 1, -45deg);
      transform: rotate3d(0, 0, 1, -45deg);
      opacity: 0;
    }
  
    to {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: none;
      transform: none;
      opacity: 1;
    }
  }
  
  .rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
  }
  
  @-webkit-keyframes rotateInDownRight {
    from {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate3d(0, 0, 1, 45deg);
      transform: rotate3d(0, 0, 1, 45deg);
      opacity: 0;
    }
  
    to {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: none;
      transform: none;
      opacity: 1;
    }
  }
  
  @keyframes rotateInDownRight {
    from {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate3d(0, 0, 1, 45deg);
      transform: rotate3d(0, 0, 1, 45deg);
      opacity: 0;
    }
  
    to {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: none;
      transform: none;
      opacity: 1;
    }
  }
  
  .rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
  }
  
  @-webkit-keyframes rotateInUpLeft {
    from {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate3d(0, 0, 1, 45deg);
      transform: rotate3d(0, 0, 1, 45deg);
      opacity: 0;
    }
  
    to {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: none;
      transform: none;
      opacity: 1;
    }
  }
  
  @keyframes rotateInUpLeft {
    from {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate3d(0, 0, 1, 45deg);
      transform: rotate3d(0, 0, 1, 45deg);
      opacity: 0;
    }
  
    to {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: none;
      transform: none;
      opacity: 1;
    }
  }
  
  .rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
  }
  
  @-webkit-keyframes rotateInUpRight {
    from {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate3d(0, 0, 1, -90deg);
      transform: rotate3d(0, 0, 1, -90deg);
      opacity: 0;
    }
  
    to {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: none;
      transform: none;
      opacity: 1;
    }
  }
  
  @keyframes rotateInUpRight {
    from {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate3d(0, 0, 1, -90deg);
      transform: rotate3d(0, 0, 1, -90deg);
      opacity: 0;
    }
  
    to {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: none;
      transform: none;
      opacity: 1;
    }
  }
  
  .rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
  }
  
  @-webkit-keyframes rotateOut {
    from {
      -webkit-transform-origin: center;
      transform-origin: center;
      opacity: 1;
    }
  
    to {
      -webkit-transform-origin: center;
      transform-origin: center;
      -webkit-transform: rotate3d(0, 0, 1, 200deg);
      transform: rotate3d(0, 0, 1, 200deg);
      opacity: 0;
    }
  }
  
  @keyframes rotateOut {
    from {
      -webkit-transform-origin: center;
      transform-origin: center;
      opacity: 1;
    }
  
    to {
      -webkit-transform-origin: center;
      transform-origin: center;
      -webkit-transform: rotate3d(0, 0, 1, 200deg);
      transform: rotate3d(0, 0, 1, 200deg);
      opacity: 0;
    }
  }
  
  .rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
  }
  
  @-webkit-keyframes rotateOutDownLeft {
    from {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      opacity: 1;
    }
  
    to {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate3d(0, 0, 1, 45deg);
      transform: rotate3d(0, 0, 1, 45deg);
      opacity: 0;
    }
  }
  
  @keyframes rotateOutDownLeft {
    from {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      opacity: 1;
    }
  
    to {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate3d(0, 0, 1, 45deg);
      transform: rotate3d(0, 0, 1, 45deg);
      opacity: 0;
    }
  }
  
  .rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
  }
  
  @-webkit-keyframes rotateOutDownRight {
    from {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      opacity: 1;
    }
  
    to {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate3d(0, 0, 1, -45deg);
      transform: rotate3d(0, 0, 1, -45deg);
      opacity: 0;
    }
  }
  
  @keyframes rotateOutDownRight {
    from {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      opacity: 1;
    }
  
    to {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate3d(0, 0, 1, -45deg);
      transform: rotate3d(0, 0, 1, -45deg);
      opacity: 0;
    }
  }
  
  .rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
  }
  
  @-webkit-keyframes rotateOutUpLeft {
    from {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      opacity: 1;
    }
  
    to {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate3d(0, 0, 1, -45deg);
      transform: rotate3d(0, 0, 1, -45deg);
      opacity: 0;
    }
  }
  
  @keyframes rotateOutUpLeft {
    from {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      opacity: 1;
    }
  
    to {
      -webkit-transform-origin: left bottom;
      transform-origin: left bottom;
      -webkit-transform: rotate3d(0, 0, 1, -45deg);
      transform: rotate3d(0, 0, 1, -45deg);
      opacity: 0;
    }
  }
  
  .rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
  }
  
  @-webkit-keyframes rotateOutUpRight {
    from {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      opacity: 1;
    }
  
    to {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate3d(0, 0, 1, 90deg);
      transform: rotate3d(0, 0, 1, 90deg);
      opacity: 0;
    }
  }
  
  @keyframes rotateOutUpRight {
    from {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      opacity: 1;
    }
  
    to {
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
      -webkit-transform: rotate3d(0, 0, 1, 90deg);
      transform: rotate3d(0, 0, 1, 90deg);
      opacity: 0;
    }
  }
  
  .rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
  }
  
  @-webkit-keyframes hinge {
    0% {
      -webkit-transform-origin: top left;
      transform-origin: top left;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
    }
  
    20%,
    60% {
      -webkit-transform: rotate3d(0, 0, 1, 80deg);
      transform: rotate3d(0, 0, 1, 80deg);
      -webkit-transform-origin: top left;
      transform-origin: top left;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
    }
  
    40%,
    80% {
      -webkit-transform: rotate3d(0, 0, 1, 60deg);
      transform: rotate3d(0, 0, 1, 60deg);
      -webkit-transform-origin: top left;
      transform-origin: top left;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
      opacity: 1;
    }
  
    to {
      -webkit-transform: translate3d(0, 700px, 0);
      transform: translate3d(0, 700px, 0);
      opacity: 0;
    }
  }
  
  @keyframes hinge {
    0% {
      -webkit-transform-origin: top left;
      transform-origin: top left;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
    }
  
    20%,
    60% {
      -webkit-transform: rotate3d(0, 0, 1, 80deg);
      transform: rotate3d(0, 0, 1, 80deg);
      -webkit-transform-origin: top left;
      transform-origin: top left;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
    }
  
    40%,
    80% {
      -webkit-transform: rotate3d(0, 0, 1, 60deg);
      transform: rotate3d(0, 0, 1, 60deg);
      -webkit-transform-origin: top left;
      transform-origin: top left;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
      opacity: 1;
    }
  
    to {
      -webkit-transform: translate3d(0, 700px, 0);
      transform: translate3d(0, 700px, 0);
      opacity: 0;
    }
  }
  
  .hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge;
  }
  
  /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
  
  @-webkit-keyframes rollIn {
    from {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
      transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }
  
    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @keyframes rollIn {
    from {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
      transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }
  
    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  
  .rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
  }
  
  /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
  
  @-webkit-keyframes rollOut {
    from {
      opacity: 1;
    }
  
    to {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
      transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
  }
  
  @keyframes rollOut {
    from {
      opacity: 1;
    }
  
    to {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
      transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
  }
  
  .rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
  }
  
  @-webkit-keyframes zoomIn {
    from {
      opacity: 0;
      -webkit-transform: scale3d(.3, .3, .3);
      transform: scale3d(.3, .3, .3);
    }
  
    50% {
      opacity: 1;
    }
  }
  
  @keyframes zoomIn {
    from {
      opacity: 0;
      -webkit-transform: scale3d(.3, .3, .3);
      transform: scale3d(.3, .3, .3);
    }
  
    50% {
      opacity: 1;
    }
  }
  
  .zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
  }
  
  @-webkit-keyframes zoomInDown {
    from {
      opacity: 0;
      -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
      transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
      animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
  
    60% {
      opacity: 1;
      -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
      transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
  }
  
  @keyframes zoomInDown {
    from {
      opacity: 0;
      -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
      transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
      animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
  
    60% {
      opacity: 1;
      -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
      transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
  }
  
  .zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
  }
  
  @-webkit-keyframes zoomInLeft {
    from {
      opacity: 0;
      -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
      transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
      animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
  
    60% {
      opacity: 1;
      -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
      transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
  }
  
  @keyframes zoomInLeft {
    from {
      opacity: 0;
      -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
      transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
      animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
  
    60% {
      opacity: 1;
      -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
      transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
  }
  
  .zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
  }
  
  @-webkit-keyframes zoomInRight {
    from {
      opacity: 0;
      -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
      transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
      animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
  
    60% {
      opacity: 1;
      -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
      transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
  }
  
  @keyframes zoomInRight {
    from {
      opacity: 0;
      -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
      transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
      animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
  
    60% {
      opacity: 1;
      -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
      transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
  }
  
  .zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
  }
  
  @-webkit-keyframes zoomInUp {
    from {
      opacity: 0;
      -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
      transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
      animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
  
    60% {
      opacity: 1;
      -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
      transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
  }
  
  @keyframes zoomInUp {
    from {
      opacity: 0;
      -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
      transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
      animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
  
    60% {
      opacity: 1;
      -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
      transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
  }
  
  .zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
  }
  
  @-webkit-keyframes zoomOut {
    from {
      opacity: 1;
    }
  
    50% {
      opacity: 0;
      -webkit-transform: scale3d(.3, .3, .3);
      transform: scale3d(.3, .3, .3);
    }
  
    to {
      opacity: 0;
    }
  }
  
  @keyframes zoomOut {
    from {
      opacity: 1;
    }
  
    50% {
      opacity: 0;
      -webkit-transform: scale3d(.3, .3, .3);
      transform: scale3d(.3, .3, .3);
    }
  
    to {
      opacity: 0;
    }
  }
  
  .zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
  }
  
  @-webkit-keyframes zoomOutDown {
    40% {
      opacity: 1;
      -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
      transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
      animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
  
    to {
      opacity: 0;
      -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
      transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
      -webkit-transform-origin: center bottom;
      transform-origin: center bottom;
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
  }
  
  @keyframes zoomOutDown {
    40% {
      opacity: 1;
      -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
      transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
      animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
  
    to {
      opacity: 0;
      -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
      transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
      -webkit-transform-origin: center bottom;
      transform-origin: center bottom;
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
  }
  
  .zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
  }
  
  @-webkit-keyframes zoomOutLeft {
    40% {
      opacity: 1;
      -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
      transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    }
  
    to {
      opacity: 0;
      -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
      transform: scale(.1) translate3d(-2000px, 0, 0);
      -webkit-transform-origin: left center;
      transform-origin: left center;
    }
  }
  
  @keyframes zoomOutLeft {
    40% {
      opacity: 1;
      -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
      transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    }
  
    to {
      opacity: 0;
      -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
      transform: scale(.1) translate3d(-2000px, 0, 0);
      -webkit-transform-origin: left center;
      transform-origin: left center;
    }
  }
  
  .zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
  }
  
  @-webkit-keyframes zoomOutRight {
    40% {
      opacity: 1;
      -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
      transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    }
  
    to {
      opacity: 0;
      -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
      transform: scale(.1) translate3d(2000px, 0, 0);
      -webkit-transform-origin: right center;
      transform-origin: right center;
    }
  }
  
  @keyframes zoomOutRight {
    40% {
      opacity: 1;
      -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
      transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    }
  
    to {
      opacity: 0;
      -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
      transform: scale(.1) translate3d(2000px, 0, 0);
      -webkit-transform-origin: right center;
      transform-origin: right center;
    }
  }
  
  .zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
  }
  
  @-webkit-keyframes zoomOutUp {
    40% {
      opacity: 1;
      -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
      transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
      animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
  
    to {
      opacity: 0;
      -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
      transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
      -webkit-transform-origin: center bottom;
      transform-origin: center bottom;
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
  }
  
  @keyframes zoomOutUp {
    40% {
      opacity: 1;
      -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
      transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
      -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
      animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
  
    to {
      opacity: 0;
      -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
      transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
      -webkit-transform-origin: center bottom;
      transform-origin: center bottom;
      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
  }
  
  .zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
  }
  
  @-webkit-keyframes slideInDown {
    from {
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
      visibility: visible;
    }
  
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  @keyframes slideInDown {
    from {
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
      visibility: visible;
    }
  
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  .slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
  }
  
  @-webkit-keyframes slideInLeft {
    from {
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
      visibility: visible;
    }
  
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  @keyframes slideInLeft {
    from {
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
      visibility: visible;
    }
  
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  .slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
  }
  
  @-webkit-keyframes slideInRight {
    from {
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
      visibility: visible;
    }
  
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  @keyframes slideInRight {
    from {
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
      visibility: visible;
    }
  
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  .slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
  }
  
  @-webkit-keyframes slideInUp {
    from {
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
      visibility: visible;
    }
  
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  @keyframes slideInUp {
    from {
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
      visibility: visible;
    }
  
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  .slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
  }
  
  @-webkit-keyframes slideOutDown {
    from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  
    to {
      visibility: hidden;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
    }
  }
  
  @keyframes slideOutDown {
    from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  
    to {
      visibility: hidden;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
    }
  }
  
  .slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
  }
  
  @-webkit-keyframes slideOutLeft {
    from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  
    to {
      visibility: hidden;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }
  }
  
  @keyframes slideOutLeft {
    from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  
    to {
      visibility: hidden;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }
  }
  
  .slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
  }
  
  @-webkit-keyframes slideOutRight {
    from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  
    to {
      visibility: hidden;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
    }
  }
  
  @keyframes slideOutRight {
    from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  
    to {
      visibility: hidden;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
    }
  }
  
  .slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
  }
  
  @-webkit-keyframes slideOutUp {
    from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  
    to {
      visibility: hidden;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
    }
  }
  
  @keyframes slideOutUp {
    from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  
    to {
      visibility: hidden;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
    }
  }
  
  .slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
  }
  
  /***Magnific Popup***/
  /* Magnific Popup CSS */
  .mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
    filter: alpha(opacity=80);
  }
  
  .mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
  }
  
  .mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  
  .mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }
  
  .mfp-align-top .mfp-container:before {
    display: none;
  }
  
  .mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
  }
  
  .mfp-inline-holder .mfp-content,
  .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
  }
  
  .mfp-ajax-cur {
    cursor: progress;
  }
  
  .mfp-zoom-out-cur,
  .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
  }
  
  .mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
  }
  
  .mfp-auto-cursor .mfp-content {
    cursor: auto;
  }
  
  .mfp-close,
  .mfp-arrow,
  .mfp-preloader,
  .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
  }
  
  .mfp-loading.mfp-figure {
    display: none;
  }
  
  .mfp-hide {
    display: none !important;
  }
  
  .mfp-preloader {
    color: #cccccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
  }
  
  .mfp-preloader a {
    color: #cccccc;
  }
  
  .mfp-preloader a:hover {
    color: white;
  }
  
  .mfp-s-ready .mfp-preloader {
    display: none;
  }
  
  .mfp-s-error .mfp-content {
    display: none;
  }
  
  button.mfp-close,
  button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  
  button::-moz-focus-inner {
    padding: 0;
    border: 0;
  }
  
  .mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    color: white;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
  }
  
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  
  .mfp-close:active {
    top: 1px;
  }
  
  .mfp-close-btn-in .mfp-close {
    color: #333333;
  }
  
  .mfp-image-holder .mfp-close,
  .mfp-iframe-holder .mfp-close {
    color: white;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
  }
  
  .mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #cccccc;
    font-size: 12px;
    line-height: 18px;
  }
  
  .mfp-arrow {
    position: absolute;
    opacity: 0.65;
    filter: alpha(opacity=65);
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  
  .mfp-arrow:active {
    margin-top: -54px;
  }
  
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  
  .mfp-arrow:before,
  .mfp-arrow:after,
  .mfp-arrow .mfp-b,
  .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent;
  }
  
  .mfp-arrow:after,
  .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
  }
  
  .mfp-arrow:before,
  .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7;
  }
  
  .mfp-arrow-left {
    left: 0;
  }
  
  .mfp-arrow-left:after,
  .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px;
  }
  
  .mfp-arrow-left:before,
  .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f;
  }
  
  .mfp-arrow-right {
    right: 0;
  }
  
  .mfp-arrow-right:after,
  .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px;
  }
  
  .mfp-arrow-right:before,
  .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f;
  }
  
  .mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
  }
  
  .mfp-iframe-holder .mfp-close {
    top: -40px;
  }
  
  .mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
  }
  
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black;
  }
  
  /* Main image in popup */
  img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
  }
  
  /* The shadow behind the image */
  .mfp-figure {
    line-height: 0;
  }
  
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444;
  }
  
  .mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px;
  }
  
  .mfp-figure figure {
    margin: 0;
  }
  
  .mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
  }
  
  .mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px;
  }
  
  .mfp-image-holder .mfp-content {
    max-width: 100%;
  }
  
  .mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
  }
  
  
  /********************************************************/
  #hpane .divider:first-child {
    border: none;
  }
  
  #file_con.disputeimgbtn {
    width: 120px;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  @media screen and (max-width: 800px) and (orientation: landscape),
  screen and (max-height: 300px) {
  
    /**
         * Remove all paddings around the image on small screen
         */
    .mfp-img-mobile .mfp-image-holder {
      padding-left: 0;
      padding-right: 0;
    }
  
    .mfp-img-mobile img.mfp-img {
      padding: 0;
    }
  
    .mfp-img-mobile .mfp-figure:after {
      top: 0;
      bottom: 0;
    }
  
    .mfp-img-mobile .mfp-figure small {
      display: inline;
      margin-left: 5px;
    }
  
    .mfp-img-mobile .mfp-bottom-bar {
      background: rgba(0, 0, 0, 0.6);
      bottom: 0;
      margin: 0;
      top: auto;
      padding: 3px 5px;
      position: fixed;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
  
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0;
    }
  
    .mfp-img-mobile .mfp-counter {
      right: 5px;
      top: 3px;
    }
  
    .mfp-img-mobile .mfp-close {
      top: 0;
      right: 0;
      width: 35px;
      height: 35px;
      line-height: 35px;
      background: rgba(0, 0, 0, 0.6);
      position: fixed;
      text-align: center;
      padding: 0;
    }
  }
  
  @media all and (max-width: 900px) {
    .mfp-arrow {
      -webkit-transform: scale(0.75);
      transform: scale(0.75);
    }
  
    .mfp-arrow-left {
      -webkit-transform-origin: 0;
      transform-origin: 0;
    }
  
    .mfp-arrow-right {
      -webkit-transform-origin: 100%;
      transform-origin: 100%;
    }
  
    .mfp-container {
      padding-left: 6px;
      padding-right: 6px;
    }
  }
  
  .mfp-ie7 .mfp-img {
    padding: 0;
  }
  
  .mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px;
  }
  
  .mfp-ie7 .mfp-container {
    padding: 0;
  }
  
  .mfp-ie7 .mfp-content {
    padding-top: 44px;
  }
  
  .mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0;
  }
  
  /*---------------------------- 5.Login page ---------------------------*/
  .login-page-cnt {
    float: none;
    margin: 0 auto;
  }
  
  .login-page {
    display: inline-block;
    background-color: #ffffff;
  }
  
  .pop-up-cnt {
    display: inline-block;
    padding: 30px;
  }
  
  .login-left-cnt {
    border-right: 1px solid #dbdbdb;
    padding-right: 60px;
  }
  
  .login-header-text {
    color: #444444;
    font-size: 18px;
    margin: 0;
    padding-bottom: 10px;
    padding-top: 10px;
  }
  
  .popup-label-text {
    color: #444444;
    font-size: 14px;
    padding-bottom: 8px;
  }
  
  .popup-input {
    border: 1px solid #dbdbdb;
    color: #dbdbdb;
    font-size: 12px;
    padding: 10px;
  }
  
  .remember-me-checkbox {
    display: inline-block;
  }
  
  .remember-me-txt {
    color: #444444;
    display: inline-block;
    font-size: 12px;
    padding-left: 10px;
    padding-top: 2px;
    position: relative;
    left: -5px;
    top: -5px;
  }
  
  .login-text {
    color: #ffffff;
    font-size: 11px;
    text-decoration: none;
  }
  
  .forgot-pwd-txt {
    color: #444444;
    display: inline-block;
    font-size: 12px;
    padding-left: 40px;
    padding-top: 8px;
  }
  
  .or {
    background-color: #ffffff;
    color: #666666;
    font-size: 11px;
    padding: 9px 4px;
    position: absolute;
    right: -13px;
    top: 125px;
  }
  
  .login-right-cnt {
    padding-left: 60px;
    padding-top: 50px;
  }
  
  .social-button {
    color: #ffffff;
    font-size: 11px;
    margin-bottom: 10px;
    padding: 14px 0;
    text-align: center;
  }
  
  .fb-button {
    background-color: #3b5998;
  }
  
  .google-button {
    background-color: #dd4b39;
  }
  
  .twitter-button {
    background-color: #55acee;
  }
  
  .new-to-website {
    color: #444444;
    font-size: 11px;
    text-align: right;
  }
  
  .sign-up-now-txt {
    color: #444444;
    font-size: 11px;
  }
  
  .login-footer {
    background-color: #f9f9f9;
    border: medium none;
    color: #444444;
    display: inline-block;
    font-size: 14px;
    padding: 20px 0;
    text-align: center;
  }
  
  .login-footer a {
    color: #444444;
    font-size: 11px;
    padding-left: 2px;
    text-decoration: none;
  }
  
  .social-button:hover {
    color: #ffffff;
  }
  
  @media (max-width: 767px) {
    .login-left-cnt {
      border: none;
      padding-right: 0px;
    }
  
    .or {
      display: none;
    }
  
    .forgot-pwd-txt {
      padding-left: 20px;
    }
  
    .login-right-cnt {
      padding-left: 0px;
    }
  
    .login-page-cnt {
      float: none;
      margin: 150px auto 0;
    }
  }
  
  /*---------------------------- 6.Signup page ---------------------------*/
  .captcha-bg {
    background: rgba(0, 0, 0, 0) url("../../images/icons/captcha-bg.png") repeat-x scroll 0 0;
    height: 60px;
    padding: 15px;
    width: 50%;
  }
  
  .captcha-code {
    width: 100%;
    text-align: center;
    color: #69a9c5;
    font-size: 20px;
  }
  
  .signup-tc {
    font-size: 12px;
    color: #444444;
  }
  
  .signup-cnt {
    margin: 40px auto 0;
  }
  
  @media (max-width: 767px) {
    .signup-cnt {
      margin: 10px auto 0;
    }
  }
  
  /*---------------------------- 7.Signup and login popup ---------------------------*/
  
  .login-popup {
    margin: 75px auto;
    width: 800px;
  }
  
  #sign-up .login-popup,
  #app-modal .downloadapp-modal {
    width: 500px;
  }
  
  .pop-up {
    border-radius: 0;
    display: inline-block;
  }
  
  .pop-up-cnt {
    display: inline-block;
    padding: 30px;
  }
  
  .close {
    background-color: #f4f4f4 ! important;
    border: 1px solid #e2e2e2 ! important;
    border-radius: 50%;
    color: #878787;
    display: table;
    height: 35px;
    line-height: 1.6;
    margin: 0 15px;
    text-shadow: none;
    width: 35px;
    margin: 0 ! important;
    font-weight: normal;
    opacity: 1;
    position: absolute;
    top: 25px;
    right: 25px;
    z-index: 99;
  }
  
  @media (max-width: 767px) {
  
    #Login,
    #sign-up {
      padding: 0 15px;
    }
  
    .login-popup {
      width: auto;
      margin: 10px;
      ;
    }
  
    #sign-up .login-popup,
    #app-modal .downloadapp-modal {
      width: 100%;
    }
  
    .close {
      position: absolute;
      top: 10px;
      right: 10px;
      z-index: 99;
    }
  }
  
  
  /*---------------------------- 8.Popular products page ---------------------------*/
  .popular-pdt-cnt {
    background-color: #ffffff;
    padding: 15px;
  }
  
  @media (max-width:991px) {
    .popular-pdt-cnt {
      margin-top: 200px;
    }
  }
  
  /*---------------------------- 9.Download app popup ---------------------------*/
  .modal-content {
    border-radius: 0px;
  }
  
  .downloadapp-modal .modal-content .modal-header {
    border-bottom: none;
  }
  
  .downloadapp-modal .modal-content .modal-header,
  .downloadapp-modal .modal-content .modal-body {
    padding: 30px;
  }
  
  .download-app-icon {
    padding: 10px;
    border-radius: 50%;
    display: table;
    margin: 0 auto;
  }
  
  .download-app-container {
    width: 100%;
    text-align: center;
  }
  
  .download-app-col {
    display: inline-block;
    padding: 25px;
  }
  
  .download-app-icon-cnt {
    display: table;
    margin: 0 auto;
  }
  
  .download-app-icon-label {
    color: #666666;
  }
  
  /*---------------------------- 10.Share popup ---------------------------*/
  .share-cnt-row {
    width: 100%;
  }
  
  .popup-heading-border {
    height: 2px;
    width: 10%;
    display: table;
    margin: 15px auto;
    background-color: #E84B77;
  }
  
  .share-details {
    display: table;
    margin: 0 auto;
  }
  
  .share-img {
    width: 94px;
    /*height:94px;*/
    border: 1px solid #dbdbdd;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
  }
  
  .share-details #share_img {
    max-height: 100%;
    display: inline-block;
  }
  
  .share-details-txt {
    display: inline-block;
    max-width: 76%;
    word-wrap: break-word;
    word-break: break-all;
    vertical-align: middle;
  }
  
  .share-details-cnt {
    border-bottom: none !important;
  }
  
  .fb-custom-txt {
    padding-left: 10px;
  }
  
  .fb-custom {
    color: #ffffff !important;
    font-size: 16px !important;
    padding: 5px !important;
    font-size: 18px !important;
  }
  
  .share-details .share-icons {
    font-size: 34px;
    margin: 0 5px;
  }
  
  .fa-facebook-official {
    color: #537cbe;
  }
  
  .fa-twitter-square {
    color: #79cdef;
  }
  
  .fa-google-plus-square {
    color: #4c4c4c;
  }
  
  .fa-linkedin-square {
    color: #1f84c8;
  }
  
  .fa-tumblr-square {
    color: #5f90b0;
  }
  
  .share-icons-cnt {
    border-top: 1px solid #dbdbdd;
    border-bottom: 1px solid #dbdbdd;
  }
  
  .share-popup-btn {
    padding: 8px 35px;
    display: table;
    margin: 0 auto;
  }
  
  @media (max-width: 767px) {
    .share-img {
      display: table;
      margin: 0 auto;
      float: none;
    }
  
    .share-details-txt {
      width: 100%;
      max-width: 100%;
      margin-top: 20px;
      text-align: center;
    }
  }
  
  /*---------------------------- 10.Signup Wizard popup ---------------------------*/
  .signup-welcome-row {
    display: table;
    margin: 0 auto;
    max-width: 75%;
  }
  
  .signup-welcome-row .fa-smile-o {
    font-size: 120px;
  }
  
  .wizard-btn-cnt {
    width: 100%;
    display: inline-flex;
  }
  
  .wizard-btn-cnt a {
    color: #ffffff;
    padding: 20px 0;
  }
  
  .wiz-btn {
    display: inline-block;
    width: 50%;
  }
  
  .signup-search-row {
    display: table;
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
  }
  
  .wizard-search {
    color: #929292;
    height: auto;
    text-decoration: none;
    width: 100%;
    display: inline-block;
  }
  
  .wizard-search input {
    background: #ffffff url("../../images/icons/search-gray.png") no-repeat scroll 14px 15px;
    border: 1px solid #dbdbdd;
    display: inline-block;
    font-size: 13px;
    height: 50px;
    padding-left: 40px;
    width: 100%;
  }
  
  .signup-follow-cnt {
    max-height: 300px;
    overflow-y: scroll;
    width: 100%;
  }
  
  .signup-follow-row {
    width: 100%;
    display: inline-block;
    padding-right: 10px;
  }
  
  .signup-follow-left {
    max-width: 75%;
    display: inline-block;
    float: left;
  }
  
  .signup-follow-right {
    width: 25%;
    float: right;
  }
  
  .signup-follow-prof-img {
    width: 62px;
    height: auto;
    display: table;
    display: inline-block;
    float: left;
  }
  
  .signup-follow-prof-img img {
    border: 1px solid #dbdbdd;
  }
  
  .signup-follow-prof-details {
    display: table;
    display: inline-block;
    width: 65%;
    word-break: break-all;
    float: left;
  }
  
  .signup-follow-name,
  .signup-follow-id {
    display: inline-block;
    width: 100%;
    text-align: left;
  }
  
  .follow-btn {
    min-width: 87px;
  }
  
  @media (min-width: 320px) and (max-width: 385px) {
    .signup-follow-left {
      max-width: 100%;
      width: 100%;
    }
  }
  
  @media (min-width: 386px) and (max-width: 430px) {
    .signup-follow-left {
      max-width: 70%;
      width: 70%;
    }
  
    .signup-follow-prof-details {
      width: 65%;
    }
  }
  
  @media (min-width: 320px) and (max-width: 430px) {
    .signup-follow-right {
      display: table;
      margin: 0 auto;
      float: none ! important;
    }
  }
  
  /*---------------------------- 11.Product details page ---------------------------*/
  .prod-cnt {
    background-color: #ffffff;
    border-bottom: 1px solid #dbdbdd;
  }
  
  .product-slider {
    margin-top: 20px;
  }
  
  .product-thumb-slider .carousel-inner .item .thumb {
    width: 16.66666667%;
    cursor: pointer;
    float: left;
  }
  
  .product-thumb-slider .carousel-inner .item .thumb img {
    width: 100%;
    height: 80px;
    display: table;
    margin: 5px auto;
    margin-top: 5px;
  }
  
  .product-slider .carousel-inner .item img {
    width: auto;
    max-height: 320px;
    display: table;
    margin: 10px auto;
    padding-bottom: 0;
  }
  
  .product-slider .carousel-inner .item {
    height: 320px;
    box-shadow: unset !important;
    border: unset !important;
  
  }
  
  .product-slider-cnt .carousel {
    margin: 0;
    margin-top: 0px;
    height: 320px;
  }
  
  
  
  @media (min-width:320px) and (max-width:500px) {
  
    .product-slider .carousel-inner .item {
      height: auto;
      max-height: 200px;
    }
  
    .product-slider-cnt .carousel {
      height: auto;
      max-height: 200px;
    }
  
  }
  
  @media (min-width:501px) and (max-width:600px) {
    .product-slider .carousel-inner .item {
      height: auto;
      max-height: 250px;
    }
  
    .product-slider-cnt .carousel {
      height: auto;
      max-height: 250px;
    }
  }
  
  @media (min-width:320px) and (max-width:799px) {
    .responsive_product {
      width: 100%;
      overflow-x: scroll;
      white-space: nowrap;
      padding-bottom: 10px;
    }
  
    .item0 {
      display: inline-block;
    }
  
  }
  
  @media (min-width:768px) and (max-width:991px) {
    .product-slider .carousel-inner .item {
      height: 350px;
    }
  
    .product-slider .carousel-inner .item img {
      height: 350px;
    }
  
    .prod-detail-cnt .prod-detail-row:last-child {
      padding-bottom: 0px;
    }
  }
  
  @media (max-width: 767px) {
    .product-thumb-slider .carousel-inner .active>div {
      display: block;
    }
  
    .product-slider-cnt .carousel {
      width: 100%;
    }
  
    .modal-dialog.downloadapp-modal {
      margin: 20px 0px;
      padding: 10px 10px;
      width: 100%;
    }
  }
  
  @media (min-width: 768px) and (max-width: 991px) {
    .product-thumb-slider .carousel-inner .active>div {
      display: block;
    }
  
  }
  
  
  .product-slider-cnt {
    border-right: 1px solid #dbdbdd;
  }
  
  .product-slider-cnt,
  .prod-detail-cnt {
    padding: 15px;
    background-color: #ffffff;
  }
  
  .product-slider-cnt .carousel {
    margin-top: 0px;
  }
  
  .imagezoom-view {
    margin-left: 20px;
    z-index: 99 ! important;
  }
  
  
  
  @media (min-width: 320px) and (max-width: 1023px) {
    .imagezoom-view {
      display: none;
    }
  }
  
  .prod-name {
    font-size: 18px;
    color: #444444;
    margin-top: 0px;
  }
  
  .prod-detail-row {
    border-bottom: 1px solid #dbdbdd;
    padding: 15px 0;
  }
  
  .prod-detail-row h1,
  .prod-detail-row h2 {}
  
  .site-dd button {
    padding: 12px;
    background-color: transparent;
    border: 1px solid #dbdbdd;
    width: 100%;
    text-align: left;
  }
  
  .qty-counter-cnt {
    border: 1px solid #dbdbdd;
    margin-left: 10px;
    width: auto;
  }
  
  .qty-counter-cnt .qty-counter-ctrl,
  .qty-counter-cnt .qty-counter-label {
    padding: 10px;
    float: left;
  }
  
  .qty-counter-cnt .qty-counter-label {
    border-right: 1px solid #dbdbdd;
    border-left: 1px solid #dbdbdd;
  }
  
  @media (min-width: 320px) and (max-width: 767px) {
    .size-dd {
      width: 150px;
    }
  }
  
  @media (min-width: 320px) and (max-width: 367px) {
    .size-dd {
      margin-bottom: 20px;
    }
  }
  
  @media (min-width: 320px) and (max-width: 357px) {
    .qty-counter-cnt {
      margin-left: 0px;
    }
  }
  
  @media (min-width: 358px) and (max-width: 370px) {
    .qty-counter-cnt {
      margin-left: 3px;
    }
  }
  
  @media (min-width: 371px) and (max-width: 767px) {
    .qty-counter-cnt {
      margin-left: 10px;
    }
  }
  
  
  
  .like-counter-cnt {
    display: inline-flex;
  }
  
  .arrow_box {
    position: relative;
    background: #ffffff;
    border: 1px solid #dbdbdd;
    margin-left: 8px;
  }
  
  .arrow_box:after,
  .arrow_box:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
  }
  
  .arrow_box:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #ffffff;
    border-width: 5px;
    margin-top: -5px;
  }
  
  .arrow_box:before {
    border-color: rgba(219, 219, 221, 0);
    border-right-color: #dbdbdd;
    border-width: 6px;
    margin-top: -6px;
  }
  
  .like-cnt,
  .like-counter {
    width: auto;
    display: inline-block;
  }
  
  .like-counter {
    padding: 8px 12px;
  }
  
  .like-txt {
    margin-left: 10px;
    vertical-align: top;
  }
  
  .like-cnt {
    padding: 8px 15px;
    background-color: #f1f1f1;
  }
  
  .like-cnt .like-icon {
    font-size: 18px;
    margin-top: 2px;
  }
  
  .add-to-list-icon {
    background: url("../../images/icons/add-to-list.png") no-repeat scroll;
    height: 16px;
    width: 16px;
    display: inline-block;
    margin-top: 2px;
  }
  
  .prod-share-icon {
    background: url("../../images/icons/share.png") no-repeat scroll;
    height: 16px;
    width: 16px;
    display: inline-block;
    background-size: cover;
  }
  
  .add-to-list-cnt,
  .prod-share-icon-cnt {
    display: inline-flex;
    margin-left: 30px;
    vertical-align: middle;
  }
  
  .add-to-list-txt {
    display: inline-block;
    margin-left: 10px;
    color: #444444;
  }
  
  @media (min-width: 320px) and (max-width: 450px) {
  
    .like-counter-cnt,
    .add-to-list-cnt,
    .prod-share-icon-cnt {
      width: 100%;
      margin-left: 0px;
    }
  
    .like-counter-cnt,
    .add-to-list-cnt {
      margin-bottom: 20px;
    }
  }
  
  .prod-detail-cnt .prod-detail-row:last-child {
    border-bottom: none;
  }
  
  .prod-detail-btn-cnt {
    display: inline-flex;
    margin: 20px 0;
  }
  
  .prod-detail-btn-cnt .btn {
      
    display: inline-block;
    margin-right: 10px;
  }
  
  .prod-detail-btn {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  
  @media (min-width: 320px) and (max-width: 420px) {
    .prod-detail-btn-cnt .btn {
      width: 100%;
      margin-right: 0px;
      float: left;
      margin-bottom: 10px;
    }
  
    .prod-detail-btn-cnt {
      float: left;
      width: 100%;
      display: block;
    }
  }
  
  @media (min-width:768px) and (max-width:991px) {
    .prod-detail-row .prod-detail-btn-cnt {
      margin: 20px 0 0;
    }
  
  }
  
  
  @media (min-width:992px) and (max-width:1199px) {
    .prod-detail-btn-cnt {
      margin: 20px 0 15px;
    }
  
    /* new css  */
    .just_products img {
      width: 100% !important;
      height: 200px !important;
      position: relative;
      right: 0;
      left: 0;
      top: 0;
      bottom: 0;
      object-fit: contain;
      border-radius: 15px;
  }
  
  
  }
  
  .prod-desc-cnt {
    background-color: #ffffff;
    padding: 15px;
  }
  
  /*more less text for description*/
  .morecontent span {
    display: none;
  }
  
  .comment {
    width: 100%;
  }
  
  .prod-desc-cnt .comment {
    line-height: 1.5;
  }
  
  .desc-heading,
  .report {
    display: inline-block;
  }
  
  .report .fa,
  .report span {
    display: inline-block;
    color: #444444;
  }
  
  .report span {
    margin-left: 8px;
    font-size: 12px;
  }
  
  .selfie-carousel .carousel-inner .item .product_cnt .img-hover {
    height: 130px;
    overflow-y: hidden;
  }
  
  .selfie-carousel .carousel-inner .item .product_cnt .img-hover img {
    height: 135px;
  }
  
  .selfie-carousel {
    padding: 15px;
  }
  
  @media (min-width:320px) and (max-width:767px) {
    .product-slider-cnt {
      border: none;
    }
  
    .selfie-carousel .carousel-inner .item .product_cnt .img-hover img {
      height: 300px;
      width: auto;
      max-width: 100%;
      display: table;
      margin: 0 auto;
    }
  
    .selfie-carousel .carousel-inner .item .product_cnt .img-hover {
      height: 300px;
    }
  
    .selfie-carousel-cnt {
      padding-right: 0px;
      margin-bottom: 10px;
    }
  }
  
  @media (min-width:768px) and (max-width:991px) {
    .selfie-carousel .carousel-inner .item .product_cnt .img-hover {
      height: 130px;
    }
  
    .selfie-carousel .carousel-inner .item .product_cnt .img-hover img {
      height: 130px;
      width: auto;
      max-width: 100%;
      display: table;
      margin: 0 auto;
    }
  
    .like-counter-cnt,
    .add-to-list-cnt,
    .prod-share-icon-cnt {
      width: 100%;
      margin-left: 0px;
    }
  
    .like-counter-cnt,
    .add-to-list-cnt {
      margin-bottom: 20px;
    }
  
    .sold-info-cnt .sold-by-info .sold-by-prof-detail .follow_btn {
      margin-top: 16px;
    }
  }
  
  .sold-info-cnt {
    padding: 15px;
  }
  
  .rating {
    margin-left: 5px;
  }
  
  .follow_btn {
    padding: 10px 30px;
    max-width: 100%;
    width: 100%;
    text-align: center;
    display: block;
  }
  
  .sold-by-prof-pic {
    width: 70px;
    height: 70px;
    background: url("../../images/thumbnail/thumb_4.png") no-repeat scroll 0 0 / cover;
    background-color: #f4f4f4;
    border-radius: 50%;
    display: inline-block;
    border: 3px solid #dbdbdd;
  }
  
  .sold-by-prof-pic-cnt,
  .sold-by-prof-detail {
    display: inline-block;
  }
  
  .red-label,
  .rating {
    display: inline-block;
  }
  
  .sold-by-info {
    display: inline-flex;
  }
  
  .sold-by-prof-detail {
    margin-left: 15px;
  }
  
  .sold-contact-seller-cnt {
    padding: 19px 15px;
    line-height: 1;
  }
  
  .sold-contact-seller-cnt span,
  .sold-contact-seller-cnt i {
    display: inline-block;
  }
  
  .sold-by-cnt {
    background-color: #ffffff;
  }
  
  .sold-contact-seller-cnt {
    border-top: 1px solid #dbdbdd;
    color: #444444;
  }
  
  .following-icon-btn {
    background: url("../../images/icons/following-icon.png") no-repeat scroll 0 0;
    height: 15px;
    width: 24px;
    float: left;
  }
  
  .follow-icon-btn {
    background: url("../../images/icons/follow-icon.png") no-repeat scroll 0 0;
    height: 15px;
    width: 24px;
    float: left;
  }
  
  .following-icon-btn-cnt,
  .follow-icon-btn-cnt {
    padding: 12px;
  }
  
  .following-icon-btn-cnt {
    background-color: #E84B77;
  }
  
  .follow-icon-btn-cnt {
    background-color: #ffffff;
    border: 2px solid #dbdbdd;
  }
  
  .comment-row,
  .comment-footer {
    background-color: #ffffff;
    padding: 15px 0;
  }
  
  .comment-footer {
    text-align: center;
    border-top: 1px solid #dbdbdd;
  }
  
  .modal-viewmore {
    padding: 20px 0;
    background-color: #ffffff;
  }
  
  .write-comment-container {
    display: table;
    width: 100%;
  }
  
  .comment-modal-cnt {
    background-color: #ffffff;
  }
  
  .comment-modal-btn-cnt .btn:last-child {
    margin-right: 10px;
  }
  
  .comment-edit-cnt .comment-delete {
    margin-left: 10px;
  }
  
  .comment-name,
  .comment-txt {
    word-wrap: break-word;
  }
  
  @media (min-width:320px) and (max-width:1023px) {
    .sold-by-prof-pic-cnt {
      width: auto;
    }
  }
  
  @media (min-width:320px) and (max-width:1024px) {
    .product-page-cnt {
      margin-top: 180px;
    }
  }
  
  @media (min-width:1024px) and (max-width:1199px) {
    .comment-row .sold-by-prof-pic-cnt {
      width: auto;
    }
  
    .fantacy-logo {
      max-width: 184px;
      min-width: 184px;
    }
  
    .second_header_search {
      width: 87%;
    }
  
    .search-icon-link {
      padding: 12px 27px 13px;
    }
  }
  
  @media (min-width:320px) and (max-width:540px) {
    .sold-by-info .sold-by-prof-pic-cnt {
      margin: initial;
    }
  }
  
  @media (min-width:320px) and (max-width:540px) {
    .sold-by-prof-pic-cnt {
      display: table;
      margin: 0 auto;
      float: none;
      padding-left: 0px;
    }
  
    .comment-name,
    .comment-txt {
      text-align: center;
    }
  
    .comment-txt {
      margin-bottom: 10px;
    }
  
    .comment-edit-cnt {
      display: table;
      margin: 0 auto;
      width: auto;
    }
  
    .comment-section {
      padding-right: 12px ! important;
      width: 100%;
    }
  
    .selfies-header-heading span,
    .selfies-header-heading a {
      width: 100%;
      text-align: center;
      float: left;
    }
  
    .selfies-header-heading span {
      margin-bottom: 0;
    }
  }
  
  .selfie-modal-image {
    height: 350px;
  }
  
  .selfie-modal-image img {
    height: 350px;
    /*web team width:auto;*/
    width: 100%;
    display: table;
    margin: 0 auto;
  }
  
  @media (min-width:320px) and (max-width:420px) {
    .selfie-modal-image img {
      height: 250px;
      width: auto;
    }
  
    .selfie-modal-image {
      height: 250px;
    }
  }
  
  .selfie-modal .modal-content .modal-body {
    float: left;
    width: 100%;
    background-color: #ffffff;
  }
  
  .selfie-modal-prof-pic {
    background: url("../../images/thumbnail/thumb_4.png") no-repeat scroll 0 0 / cover;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    float: left;
  }
  
  .selfie-modal-prof-name {
    float: left;
    margin-left: 15px;
    margin-top: 10px;
    max-width: 75%;
    font-size: 16px;
  }
  
  @media (max-width:1024px) {
    .imagezoom-cursor {
      display: none;
    }
  }
  
  .site-dd .dropdown-menu {
    z-index: 98;
    width: 100%;
  }
  
  @media (min-width:320px) and (max-width:1199px) {
    .site-dd .dropdown-menu {
      min-width: 100%;
    }
  }
  
  @media (min-width:768px) and (max-width:991px) {
    .btn.primary-color-border-btn {
      padding: 8px 25px;
      text-align: center;
    }
  }
  
  /*---------------------------- 12.Breadcrumb ---------------------------*/
  .breadcrumb {
    background: transparent ! important;
    padding: 0px ! important;
    margin-top: 15x ! important;
    margin-bottom: 15x ! important;
    font-size: 12px;
  }
  
  .breadcrumb a {
    color: #888888;
    float: left;
  }
  
  .breadcrumb a:hover {
    color: #E84B77;
  }
  
  .breadcrumb-divider {
    margin: 0 5px;
    float: left;
    margin-top: 2px;
  }
  
  .breadcrumb-divider1 {
    margin: 0 5px;
    float: left;
    margin-top: 1px;
    color: #888888;
  }
  
  .breadcrumb-cnt {
    display: table;
    float: none;
    margin: 0 auto;
    width: auto;
  }
  
  .container.breadcrumb {
    margin-bottom: 10px;
  }
  
  /*----------------------------13.shop page html---------------------------*/
  .border_left_grey {
    border-left: 1px solid #f1f1f1;
    height: 49px;
  }
  
  .plus {
    font-size: 14px;
  }
  
  .minus {
    font-size: 14px;
  }
  
  .shop_search_icon {
    color: #929292;
    display: inline-block;
    float: left;
    text-decoration: none;
    height: auto;
    width: 90%;
  }
  
  .shop_search_icon input {
    background: url(../../images/icons/search-gray.png) no-repeat scroll 14px 16px;
    background-color: #ffffff;
    border: medium none;
    display: inline-block;
    font-size: 13px;
    padding: 13px 0 12px 40px;
    width: 100%;
  }
  
  .btn_price {
    vertical-align: baseline;
    background-color: #f5f5f5;
    -webkit-appearance: none;
    margin-right: 5px;
  
  
  }
  
  .more-less {
    float: right;
    color: #212121;
    font-size: 13px;
    font-family: regular-font;
    font-weight: 800;
  }
  
  .shop_menu {
    color: #444444;
  }
  
  .shop_menu:hover {
    color: #E84B77;
  }
  
  .shop_menu.active {
    color: #E84B77;
  }
  
  .popualrity_sort_menu {
    width: 100%;
    margin-top: 14px;
  
  }
  
  .width_95.popup-input {
    padding: 6px;
    color: #444444 !important;
  }
  
  .extra_text_hide {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  
  .product_cnt {
    padding-right: 7.5px;
    padding-left: 7.5px;
  }
  
  .product_cnt>a>img {
    background-color: #f4f4f4;
  }
  
  .box_shadow_img:hover {
    /* box-shadow: 0 7px 17px 0 rgba(23,84,116,0.18);  */
  }
  
  .color_box {
    border-radius: 50px;
    display: inline-block;
    height: 15px;
    margin-right: 6px;
    vertical-align: -3px;
    width: 15px;
  }
  
  .dis_inline_block {
    display: inline-block;
  }
  
  /*---------------------14.panel accordion---------------------------*/
  .panel-title.accordion_shop.padding-top11 {
    font-size: 14px;
  }
  
  .list_menu {
    max-height: 400px;
    overflow-y: auto;
  }
  
  .panel-default {
    border: none;
  }
  
  .panel-default>.panel-heading {
    background-color: #fff;
    border: none;
    box-shadow: none;
  }
  
  .panel.panel-default>a {
    color: #444444;
  }
  
  .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border: none;
  }
  
  .panel-body li {
    padding: 10px;
  }
  
  .bg_price {
    background-color: #f5f5f5;
    border: medium none;
    color: #929292;
    padding: 10px;
    width: 100%;
    -webkit-appearance: none;
  }
  
  .fa.fa-plus.pull-right {
    padding-right: 10px;
    font-size: 13px;
  }
  
  .panel-body li {
    font-size: 13px;
  }
  
  .panel-title.accordion_shop {
    padding: 19px 15px;
    color: #444444;
    font-size: 14px;
  }
  
  .sub_menu_panel {
    color: #444444;
    font-size: 14px;
  }
  
  .shop_sortby_button {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    width: 100%;
    -webkit-appearance: none;
  }
  
  .filter_accordion {
    display: none;
  }
  
  .margin_top_filter {
    margin-top: -30px;
  }
  
  .shop_search {
    height: 100%;
    padding-right: 10px !important;
  }
  
  .section_heading.bold-font.margin0.padding-top13.extra_text_hide {
    font-size: 16px;
  }
  
  .shop_filter_menu_padding {
    padding-right: 15px;
  }
  
  /*----------------15.fixed scroll--------------------*/
  
  #contentHolder {
    position: relative;
  }
  
  .leftsidebar {
    margin-bottom: 3px;
    position: sticky;
    top: 100px;
  }
  
  .leftsidebarfixed {
    position: sticky;
    top: 0;
  }
  
  .pd-content {
    float: right !important;
    position: relative;
  }
  
  @media (min-width: 320px) and (max-width: 991px) {
    #contentHolder {
      position: relative;
    }
  
    .leftsidebar {
      margin-bottom: 3px;
      position: relative;
      top: 0 !important;
  
    }
  
    .leftsidebarfixed {
      position: relative;
  
    }
  
    .pd-content {
      float: left;
      position: relative;
    }
  }
  
  /*----------------E O fixed scroll--------------------*/
  #contentHolder1 {
    position: relative;
  }
  
  .leftsidebar1 {
    margin-bottom: 3px;
    position: absolute;
    top: 0;
  }
  
  .leftsidebar1.affix {
    top: 106px;
  }
  
  .leftsidebarfixed1 {
    position: sticky;
    top: 0;
  }
  
  .pd-content1 {
    float: right !important;
    position: relative;
  }
  
  .resp-tabs-list.hor_1.affix {
    top: 106px;
  }
  
  @media (min-width: 769px) and (max-width: 1024px) {
    .resp-tabs-list.hor_1.affix {
      top: 155px;
    }
  }
  
  .edit_popup_border {
    border-bottom: 1px solid #f1f1f1;
  }
  
  .list_create {
    border-color: #C2C2C2;
    border-style: solid;
    border-width: 4px;
  
  
  }
  
  .primary-color-border-btn:hover {
    color: #ffffff;
  }
  
  .login-header-text.bold-font.txt-uppercase.col-xs-12.col-sm-12.col-md-12.col-lg-12.no-hor-padding>input {
    padding: 10px;
    border: 1px solid #dbdbdb;
    width: 70%;
  }
  
  @media (min-width: 320px) and (max-width: 991px) {
    #contentHolder1 {
      position: relative;
    }
  
    .leftsidebar1 {
      margin-bottom: 3px;
      position: relative;
      top: 0 !important;
  
    }
  
    .leftsidebarfixed1 {
      position: relative;
  
    }
  
    .pd-content1 {
      float: left;
      position: relative;
    }
  }
  
  @media screen and (max-width:320px) {
    .width_95 {
      width: 85px;
    }
  }
  
  @media(min-width:320px) and (max-width:767px) {
    .mobile_border_bottom {
      border-bottom: 1px solid #f1f1f1;
    }
  
    .margin_bottom_mobile20 {
      margin-bottom: 20px;
    }
  
    .rowmargin0_mobile {
      margin-left: 0px;
      margin-right: 0px;
    }
  
    .padding_left0_mobile {
      padding-left: 0px !important;
    }
  
  
  }
  
  @media(min-width:320px) and (max-width:991px) {
    .padding_right0_mobltab {
      padding-right: 0px;
    }
  
    .row.border_bottom_grey.height_50.padding-top2.margin-bottom20 {
      border-top: 1px solid #f1f1f1;
      margin-top: -3px;
    }
  
    .fa.fa-angle-down.padding_rght_10_mobletab.pull-right {
      padding-right: 10px;
    }
  
    .filter_accordion {
      display: block;
      color: #fff !important;
    }
  
    .margin_top_filter {
      margin-top: 0px;
    }
  
    .margin_bottom20_991 {
      margin-bottom: 20px;
    }
  }
  
  @media(min-width:768px) and (max-width:991px) {
    .padding_right_shopPageProduct {
      padding-right: 15px;
    }
  }
  
  @media(min-width:992px) and (max-width:1199px) {
    .width_95 {
      width: 32%;
    }
  }
  
  @media screen and (max-width:1024px) {
    .margin_top_150_tab {
      margin-top: 150px;
    }
  
    .margin_top0_tab {
      margin-top: 0px;
    }
  }
  
  @media screen and (max-width:1023px) {
    #myCarouselapp {
      display: block;
    }
  
    #myCarouselweb {
      display: none;
    }
  }
  
  @media(min-width:1024px) {
    #myCarouselapp {
      display: none;
    }
  
    #myCarouselweb {
      display: block;
    }
  }
  
  /*----------------16.User Profile Page--------------------*/
  .profile_bg {
    background: #ffffff;
    padding: 15px;
  }
  
  .user_image {
    background-image: url('../../images/thumbnail/thumb_4.png');
    background-color: #F4F4F4;
    height: 100%;
    position: relative;
    text-align: center;
    width: 100%;
    background-position: center;
    background-size: cover;
  }
  
  .user_image1 {
    height: 100px;
    width: 100px;
    margin: 0 auto;
  }
  
  .user_follower_image {
    background-image: url('../../images/thumbnail/thumb_2.png');
    height: 100%;
    position: relative;
    text-align: center;
    width: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  
  .user_follower_image1 {
    height: 100px;
    width: 100px;
    margin: 0 auto;
  }
  
  .user_favourite_image {
    background-image: url('../../images/thumbnail/thumb_2.png');
    background-color: #F4F4F4;
    height: 100%;
    position: relative;
    text-align: center;
    width: 100%;
    background-position: center;
    background-size: cover;
  }
  
  .user_favourite_image1 {
    height: 75px;
    width: 75px;
    margin: 0 auto;
  }
  
  .margin_top_50minus {
    margin-top: -50px;
  }
  
  .profile_text {
    color: #666666;
    font-family: regular-font;
  }
  
  .horizontal_line {
    width: 5%;
    border-color: #666666;
    border-width: 2px;
    margin-top: 10px;
    margin-bottom: 20px;
  }
  
  .description_text {
    width: 58%;
    margin-left: auto;
    margin-right: auto;
    color: #666666;
    font-family: regular-font;
  }
  
  .folow_btn_user_profile {
    background: #ffffff;
    border: 1px solid #c5c5c5;
    color: #444444;
  }
  
  .img_list_tab {
    background-image: url("../../images/thumbnail/thumb_2.png");
    background-color: #F4F4F4;
    background-position: center center;
    background-size: cover;
    height: 100px;
    position: relative;
  }
  
  .trans {
    background-color: #000;
    position: absolute;
    opacity: 0.7;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
  }
  
  .user_followers {
    background: #f4f4f4 none repeat scroll 0 0;
    margin-top: -70px;
    padding: 10px 10px 25px;
    text-align: center;
  }
  
  .user_followers>h4 {
    margin-top: 80px;
    color: #444444;
    font-family: regular-font;
  }
  
  .user_followers_butn.btn {
    background-color: #ffffff;
    color: #444444;
    border: 1px solid #c1c1c1;
  }
  
  .user_unfollowers.btn {
    background-color: #E84B77;
    color: #ffffff;
    border: 1px solid transparent;
  }
  
  .user_followers_butn.btn>a {
    color: #444444;
  }
  
  .user_unfollowers.btn>a {
    color: #ffffff;
  }
  
  .user_followers_butn.btn:hover>a {
    color: #ffffff;
  }
  
  .user_unfollowers.btn:hover>a {
    color: #444444;
  }
  
  .user_followers_butn.btn:hover {
    background-color: #E84B77;
    color: #ffffff;
    border: 1px solid transparent;
  }
  
  .user_unfollowers.btn:hover {
    background-color: #ffffff;
    color: #444444;
    border: 1px solid #c1c1c1;
  }
  
  .user_followers>.btn:focus {
    background-color: #E84B77;
    color: #ffffff;
    border: 1px solid transparent;
  }
  
  .user_unfollowers.btn:focus {
    background-color: #ffffff;
    color: #444444;
    border: 1px solid #c1c1c1;
  }
  
  .user_favourite {
    background: #f4f4f4 none repeat scroll 0 0;
    padding: 10px 10px 25px;
    text-align: center;
    margin-top: -35px;
  }
  
  .user_favourite>h4 {
    margin-top: 40px;
    color: #444444;
    font-family: bold-font;
    text-transform: uppercase;
    font-size: 14px;
  }
  
  .user_favourite_btn.btn {
    background-color: #ffffff;
    border: 1px solid #c1c1c1;
  }
  
  .user_favourite_btn.btn>a {
    color: #444444;
  }
  
  .user_favourite_btn.btn:hover {
    background-color: #E84B77;
    color: #ffffff;
    border: 1px solid transparent;
  }
  
  .user_favourite_btn.btn:hover>a {
    color: #ffffff;
  }
  
  .user_favourite>.btn:focus {
    background-color: #E84B77;
    color: #ffffff;
    border: 1px solid transparent;
  }
  
  .favourite_store>img {
    width: 100%;
    height: 140px;
  }
  
  .favourite_store {
    background-image: url("../../images/Women's Jewelry/15493-bbb08903461e4d2ba1ee64c4b4b0fcd1.jpeg");
    background-color: #F4F4F4;
    background-position: center;
    background-size: cover;
    height: 140px;
  }
  
  .margin_top_40min {
    margin-top: -40px;
  }
  
  .delete_bg {
    background-color: #ff4181;
    color: #ffffff;
  }
  
  .change_text {
    font-family: regular-font;
    font-size: 13px;
    text-transform: lowercase;
  }
  
  .scroll_user {
    max-height: 850px;
    overflow: auto;
  }
  
  .height_150 {
    height: 150px;
  }
  
  .list_popup_input {
    border: none;
  }
  
  .list_popup_input:focus {
    border: 1px solid #f1f1f1;
  }
  
  .edit_popup_button {
    padding: 8px 20px;
  }
  
  .transparent_border {
    padding: 10px 20px;
  }
  
  .trans_text {
    height: 100px;
    line-height: 90px;
    padding: 10px;
    text-align: center;
  }
  
  @media(min-width:320px) and (max-width:450px) {
    .btn_follow_tab {
      margin-top: 40px;
      text-align: center !important;
    }
  
    .description_text {
      width: 100%;
    }
  }
  
  .modal-open .modal {
    overflow: hidden;
  }
  
  .modal.fade.in {
    overflow-y: auto;
  }
  
  /****** -----------------------17.tabs css----------------- *******/
  
  ul.resp-tabs-list p {
    margin: 0px;
    padding: 0px;
  }
  
  .resp-tabs-list li {
    font-size: 13px;
    display: inline-block;
    padding: 13px 15px;
    margin: 0 4px 0 0;
    list-style: none;
    cursor: pointer;
    float: left;
  }
  
  .resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    clear: left;
  }
  
  h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
  }
  
  .resp-tab-content {
    display: none;
    padding: 15px;
  }
  
  .resp-tab-active {
    border: 1px solid #5AB1D0 !important;
    border-bottom: none;
    margin-bottom: -1px !important;
    padding: 12px 14px 14px 14px !important;
  
  }
  
  .resp-tab-active {
    border-bottom: none;
    background-color: #fff;
  }
  
  .resp-content-active,
  .resp-accordion-active {
    display: block;
  }
  
  .resp-tab-content {
    border: 1px solid #c1c1c1;
    border-top-color: #5AB1D0;
  }
  
  h2.resp-accordion {
    font-size: 13px;
    border: 1px solid #c1c1c1;
    border-top: 0px solid #c1c1c1;
    margin: 0px;
    padding: 15px 15px;
  }
  
  h2.resp-tab-active {
    border-bottom: 0px solid #c1c1c1 !important;
    margin-bottom: 0px !important;
    padding: 10px 15px !important;
  }
  
  h2.resp-tab-title:last-child {
    border-bottom: 12px solid #c1c1c1 !important;
    background: blue;
  }
  
  .user_profile_inner_heading {
    color: #444444;
    font-family: bold-font;
    font-size: 16px;
  }
  
  .row.hor-padding.resp-tab-content.hor_1.resp-tab-content-active>p {
    color: #929292;
    font-family: regular-font;
    font-size: 13px;
  }
  
  /*-----------18.Vertical tabs-----------*/
  .resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 22%;
    background-color: #ffffff;
  
  }
  
  .resp-vtabs .resp-tabs-list li {
    display: block;
    padding: 10px 15px !important;
    border-left: 2px solid transparent !important;
    margin: 0 0 4px;
    cursor: pointer;
    float: none;
    color: #666666;
    font-family: bold-font;
  }
  
  .resp-vtabs .resp-tabs-container {
    padding: 15px;
    background-color: #fff;
    border-left: 1px solid #f1f1f1;
    float: left;
    width: 78%;
    min-height: 210px;
    border-radius: 0px;
    clear: none;
  }
  
  .resp-vtabs .resp-tab-content {
    border: none;
    word-wrap: break-word;
  }
  
  .resp-vtabs li.resp-tab-active {
    position: relative;
    z-index: 1;
    margin-right: -1px !important;
    padding: 10px 15px !important;
    border-left: 2px solid #E84B77 !important;
    margin-bottom: 4px !important;
    border-bottom: none !important;
    border-top: none !important;
    border-right: 1px #f1f1f1 solid !important;
    color: #E84B77;
  }
  
  
  .resp-accordion.hor_1.resp-tab-active>.glyphicon-plus {
    content: "-";
    font-family: regular-font;
  }
  
  /*-----------19.Accordion styles-----------*/
  h2.resp-tab-active {
    background: #DBDBDB;
    /* !important;*/
  }
  
  .resp-easy-accordion h2.resp-accordion {
    display: block;
  }
  
  .resp-easy-accordion .resp-tab-content {
    border: 1px solid #c1c1c1;
  }
  
  .resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1;
    /* !important;*/
  }
  
  .resp-jfit {
    width: 100%;
    margin: 0px;
  }
  
  .resp-tab-content-active {
    display: block;
  }
  
  h2.resp-accordion:first-child {
    border-top: 1px solid #c1c1c1;
    /* !important;*/
  }
  
  /*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
  @media only screen and (max-width: 768px) {
    ul.resp-tabs-list {
      display: none;
    }
  
    .resp-accordion.hor_1 {
      border-top: 1px solid #f1f1f1;
    }
  
    h2.resp-accordion {
      display: block;
      font-family: bold-font;
    }
  
    .post_butn_mobile {
      display: inline;
      float: right !important;
    }
  
    .resp-vtabs .resp-tab-content {
      border: none;
      overflow-y: auto;
      max-height: 500px;
    }
  
    .resp-vtabs .resp-tabs-container {
      border: none;
      float: none;
      width: 100%;
      min-height: 100px;
      clear: none;
      padding: 0px;
    }
  
    .resp-accordion-closed {
      display: none !important;
    }
  
  
    .horizontal_line {
      width: 15%;
    }
  
    .padd_lft10_mobile {
      padding-left: 10px;
    }
  
    .user_profile_inner_heading {
      margin-top: 40px;
      text-align: center;
    }
  
    .txt_center_mobile {
      text-align: center;
    }
  
    .resp-accordion.hor_1.resp-tab-active {
      border: none !important;
    }
  
    .img-responsive.height_150 {
      width: 100%;
    }
  
    .padding_btm45_mobile {
      padding-bottom: 45px;
    }
  
    .margin_botm10_mobile {
      margin-bottom: 10px;
    }
  
    .full_width_rating_moble {
      width: 100%;
    }
  }
  
  @media(min-width:320px) and (max-width:460px) {
    .follow_btn_user_moble {
      margin-top: 60px;
      text-align: center;
    }
  
    .img_list_tab {
      width: 100%;
    }
  
    .marg_btom20_moble {
      margin-bottom: 20px;
    }
  
    .login-header-text.bold-font.txt-uppercase.col-xs-12.col-sm-12.col-md-12.col-lg-12.no-hor-padding>input {
      width: 90%;
    }
  
    .no_hor_padding_mobile {
      padding-left: 0px;
      padding-right: 0px;
    }
  }
  
  /*************************20.Store Profile Page**********************/
  .seller_image1 {
    height: 100px;
    width: 100px;
  }
  
  .seller_image {
    background-image: url('../../images/thumbnail/thumb_4.png');
    background-color: #F4F4F4;
    height: 100%;
    position: relative;
    width: 100%;
    background-position: center;
    background-size: cover;
  }
  
  .store_banner {
    background-image: url('../../images/banner_1.png');
    background-color: #FFFFFF;
    background-position: center;
    background-size: cover;
    height: 200px;
  }
  
  .dis_table {
    display: table;
  }
  
  .dis_cell {
    display: table-cell;
    vertical-align: top;
  }
  
  .post_pic {
    display: inline-block;
  }
  
  .news_prof_pic {
    width: 70px;
    height: 70px;
    background: url("../../images/thumbnail/thumb_4.png") no-repeat scroll 0 0 / cover;
    border-radius: 50%;
    display: inline-block;
    background-color: #F4F4F4;
  }
  
  .review_prof_pic {
    width: 70px;
    height: 70px;
    background: url("../../images/thumbnail/thumb_4.png") no-repeat scroll 0 0 / cover;
    border-radius: 50%;
    display: inline-block;
    background-color: #F4F4F4;
  }
  
  .rating_display_cell {
    display: table-cell;
    vertical-align: middle;
  }
  
  .font_size13 {
    font-size: 13px;
  }
  
  .badge {
    background-color: #E84B77;
    border-radius: 0;
  }
  
  .short-text {
    overflow: hidden;
    height: 1.5em;
  }
  
  .full-text {
    height: auto;
  }
  
  @media (min-width:320px) and (max-width:540px) {
    .post_pic {
      display: table;
      margin: 0 auto;
      float: none;
      padding-left: 0px;
    }
  
    .dis_cell {
      display: block;
    }
  
    .rating_display_cell {
      display: block;
      text-align: center;
    }
  
    .seller_image_mobile {
      margin: 0 auto;
      margin-top: -50px;
    }
  
    .text_center_seller {
      text-align: center;
    }
  
    .bold-font.margin_top20_seller.margin-right20.margin_right0_rtl.text_center_seller {
      margin-right: 0px;
    }
  
    .rating_display_cell.border_left_grey_shop {
      border-left: none;
      width: 120px;
      margin: 0 auto;
    }
  
    .margin_top20_seller {
      margin-top: 20px;
    }
  
    .margin_top10_seller {
      margin-top: 10px;
    }
  
    .full_width_store {
      width: 100%;
    }
  
  }
  
  .tooltip {
    z-index: 1028;
  
  }
  
  .popover {
    z-index: 1028;
  
  }
  
  textarea {
    resize: none;
    border-radius: 0px;
  }
  
  /*******21.Star Rating CSS******/
  form .stars {
    background: url("../../images/stars.png") repeat-x 0 0;
    width: 150px;
    margin: 0 auto;
  }
  
  form .stars input[type="radio"] {
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
  }
  
  form .stars input[type="radio"].star-5:checked~span {
    width: 100%;
  }
  
  form .stars input[type="radio"].star-4:checked~span {
    width: 80%;
  }
  
  form .stars input[type="radio"].star-3:checked~span {
    width: 60%;
  }
  
  form .stars input[type="radio"].star-2:checked~span {
    width: 40%;
  }
  
  form .stars input[type="radio"].star-1:checked~span {
    width: 20%;
  }
  
  form .stars label {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 !important;
    padding: 0 !important;
    text-indent: -999em;
    float: left;
    position: relative;
    z-index: 10;
    background: transparent !important;
    cursor: pointer;
  }
  
  form .stars label:hover~span {
    background-position: 0 -30px;
  }
  
  form .stars label.star-5:hover~span {
    width: 100% !important;
  }
  
  form .stars label.star-4:hover~span {
    width: 80% !important;
  }
  
  form .stars label.star-3:hover~span {
    width: 60% !important;
  }
  
  form .stars label.star-2:hover~span {
    width: 40% !important;
  }
  
  form .stars label.star-1:hover~span {
    width: 20% !important;
  }
  
  form .stars span {
    display: block;
    width: 0;
    position: relative;
    top: 0;
    left: 0;
    height: 30px;
    background: url("../../images/stars.png") repeat-x 0 -60px;
    -webkit-transition: -webkit-width 0.5s;
    -moz-transition: -moz-width 0.5s;
    -ms-transition: -ms-width 0.5s;
    -o-transition: -o-width 0.5s;
    transition: width 0.5s;
  }
  
  /*****End of star rating css*****/
  
  .margin_top5min {
    margin-top: -5px !important;
  }
  
  /*******************tooltip css****************************/
  .tooltip-inner {
    max-width: 276px;
    background-color: #fff;
    color: #444444;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
  }
  
  .tooltip.in {
    filter: alpha(opacity=90);
    opacity: 1;
  }
  
  .tooltip.bottom .tooltip-arrow {
  
    border-bottom-color: transparent
  }
  
  .tooltip.bottom-left .tooltip-arrow {
    border-bottom-color: transparent;
  
  
  }
  
  .tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: transparent;
  
  
  }
  
  .tooltip-arrow {
    position: relative;
    background: #fff;
    border: 1px solid #ccc;
    top: 6px !important;
  }
  
  .tooltip-arrow:after,
  .tooltip-arrow:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
  }
  
  .tooltip-arrow:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px;
  }
  
  .tooltip-arrow:before {
    border-color: rgba(204, 204, 204, 0);
    border-bottom-color: #ccc;
    border-width: 13px;
    margin-left: -13px;
  }
  
  /*****/
  .no_products_icon {
    background: url("../../images/icons/orders.png");
    background-size: cover;
  }
  
  .no_news_icon {
    background: url("../../images/icons/no-message.png");
    background-size: cover;
  }
  
  .no_review_icon {
    background: url("../../images/icons/no-review.png");
    background-size: cover;
  }
  
  .no_follow_icon {
    background: url("../../images/icons/no-friends.png");
    background-size: cover;
  }
  
  .no_faq_icon {
      background: url("../../images/icons/no_faq_answers.png");
          background-size: auto;
      background-size: cover;
  }
  
  .no_list_icon {
    background: url("../../images/icons/no-list.png");
    background-size: cover;
  }
  
  .no_store_icon {
    background: url("../../images/icons/no-stores.png");
    background-size: cover;
  
  }
  
  /*********************************22.Live Feeds page****************************/
  .activity_heading {
    background-color: #FFFFFF;
    padding: 15px;
    font-family: bold-font;
    font-size: 15px;
  }
  
  textarea.form-control.no-hor-border:focus {
    border-color: #f1f1f1;
  }
  
  textarea.form-control.no-hor-border {
    border-color: #f1f1f1;
  }
  
  .live_feeds_logo1 {
    height: 75px;
    width: 75px;
  }
  
  .live_feeds_logo {
    background-image: url('../../images/profile-pic.png');
    background-color: #F4F4F4;
    height: 100%;
    position: relative;
    width: 100%;
    background-position: center;
    background-size: cover;
  }
  
  .time_text {
    color: #929292;
    font-family: regular-font;
    font-size: 13px;
  }
  
  .status_img1 {
    height: 300px;
    margin: 0 auto;
  }
  
  .status_img {
    background-image: url('../../images/profile_update.jpg');
    background-color: #F4F4F4;
    height: 100%;
    position: relative;
    width: 100%;
    background-position: center;
    background-size: cover;
  }
  
  .like_status_img {
    background-color: #F4F4F4;
    height: 100%;
    position: relative;
    width: 100%;
    background-position: center;
    background-size: cover;
  }
  
  .follow_logo1 {
    height: 50px;
    width: 50px;
  }
  
  .dis_table1 {
    display: table;
  }
  
  .dropdown-menu1>li>a {
    padding: 8px 20px;
  }
  
  .dropdown-menu1:before {
    position: absolute;
    top: -7px;
    left: 140px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #f1f1f1;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
  }
  
  .dropdown-menu1:after {
    position: absolute;
    top: -6px;
    left: 141px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    border-left: 6px solid transparent;
    content: '';
  }
  
  .dropdown-menu2:before {
    position: absolute;
    top: -7px;
    left: 2px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #f1f1f1;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
  }
  
  .dropdown-menu2:after {
    position: absolute;
    top: -6px;
    left: 3px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    border-left: 6px solid transparent;
    content: '';
  }
  
  .feeds_menu {
    font-size: 21px !important;
    color: #929292;
  }
  
  .dropdown-menu1>.active>a,
  .dropdown-menu1>.active>a:focus,
  .dropdown-menu1>.active>a:hover {
    color: #E84B77;
    background-color: transparent;
  }
  
  @media(min-width:320px) and (max-width:991px) {
    .margin_top165_mobile {
      margin-top: 165px;
    }
  
    .margin_left20_mobile {
      margin-left: 20px;
    }
  }
  
  @media(min-width:320px) and (max-width:540px) {
    .image_center_mobile {
  
      margin: 0 auto;
      float: none;
      padding-left: 0px;
    }
  
    .dis_table1 {
      margin: 0 auto;
    }
  }
  
  @media(min-width:541px) and (max-width:767px) {
    .span_1 {
      width: 8.33333%;
    }
  
    .span_8 {
      width: 66.6667%;
    }
  
    .margin_left15_tab {
      margin-left: 15px;
    }
  
  }
  
  .no_horizontal_border {
    border-left: none;
    border-right: none;
    border-bottom-color: #f1f1f1;
    border-top-color: #f1f1f1;
  }
  
  .border_top_grey {
    border-top: 1px solid #f1f1f1;
  }
  
  .menu_like_status {
    background: url("../../images/icons/three.png") no-repeat scroll;
    height: 16px;
    width: 16px;
    display: inline-block;
    margin-top: 2px;
  }
  
  .upload_camera {
    background: url("../../images/icons/camera.png") no-repeat scroll;
    height: 16px;
    width: 16px;
    display: inline-block;
    margin-top: 2px;
    background-size: cover;
    cursor: pointer;
  }
  
  .add_friend {
    background: url("../../images/icons/add-friend.png") no-repeat scroll;
    height: 16px;
    width: 25px;
    display: inline-block;
    margin-top: 2px;
    background-size: cover;
  }
  
  .adding_friend.btn {
    background-color: #E84B77;
    color: #ffffff;
    border: 1px solid transparent;
  }
  
  .added_friend {
    background: url("../../images/icons/u-friend.png") no-repeat scroll;
    height: 16px;
    width: 25px;
    display: inline-block;
    margin-top: 2px;
    background-size: cover;
  }
  
  .padding_follow_btn {
    padding-left: 5px;
    padding-right: 5px;
  }
  
  .comment_icon {
    background: url("../../images/icons/message.png") no-repeat scroll;
    height: 18px;
    width: 18px;
    display: inline-block;
    background-size: cover;
  }
  
  .inner_div {
    position: absolute;
    bottom: 0;
  }
  
  .vertical_align_sub {
    vertical-align: sub;
  }
  
  .comments_topic_margin {
    margin-left: -14px;
  }
  
  @media(min-width:768px) and (max-width:991px) {
    .margin_left_0_tab {
      margin-left: 0px;
    }
  }
  
  @media only screen and (min-width: 992px) {
    .padding_recent_activities {
      padding-left: 0px;
    }
  }
  
  .word_break {
    word-break: break-all;
    word-wrap: break-word;
  }
  
  @media(min-width:451px) and (max-width:481px) {
    .margin_19_comment {
  
      margin-left: 19px;
    }
  }
  
  @media(min-width:320px) and (max-width:450px) {
    .dis_comment {
      display: table;
      text-align: center;
    }
  
    .vertical_coment_txt {
      vertical-align: top;
    }
  }
  
  .to_add_friend.btn {
    background-color: #ffffff;
    color: #444444;
    border: 1px solid #c1c1c1;
  }
  
  /*---------------------------- 23.Profile page ---------------------------*/
  
  /*responsive sidebar*/
  
  .mini-submenu {
    display: none;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 4px;
    height: 35px;
    padding: 3px 1px;
    width: 30px;
    /*position: relative;*/
  }
  
  .sidebar .mini-submenu.profile-menu {
    right: 3px;
    position: absolute;
    top: 7px;
    z-index: 999;
    background: rgba(0, 0, 0, 0) url("../../images/icons/res-menu.png") no-repeat scroll center center;
  }
  
  .mini-submenu:hover {
    cursor: pointer;
  }
  
  .mini-submenu .icon-bar {
    border-radius: 1px;
    display: block;
    height: 2px;
    width: 22px;
    margin-top: 3px;
  }
  
  .mini-submenu .icon-bar {
    background-color: #E84B77;
  }
  
  #slide-submenu {
    /*background: #E84B77 none repeat scroll 0 0;*/
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    padding: 2px;
    position: relative;
    right: 10px;
    top: -33px;
  }
  
  @media screen and (max-width:767px) {
    .responsive-text-center {
      text-align: center;
    }
  
    .responsive-pading0 {
      padding: 0;
    }
  
    .responsive-none {
      display: none;
    }
  }
  
  @media(min-width:768px) and (max-width:991px) {
    .responsive-text-center>a {
      margin: 0 20px;
    }
  }
  
  @media screen and (max-width:991px) {
    #slide-submenu {
      display: block !important;
    }
  
    .min-height-profile {
      min-height: 100%;
    }
  }
  
  
  /*---------------------------- 24.Dispute buyer page ---------------------------*/
  @media(min-width:320px) and (max-width:767px) {
  
    .dispu-id {
      text-align: center;
    }
  
    .buyer-inital,
    .seller-inital {
      display: inline-block;
      width: auto;
    }
  
    .disput-table .home-page-tab li {
      border-bottom: medium none;
    }
  
    .disput-table .home-page-tab li:last-child {
      margin: 0 0 10px;
    }
  }
  
  @media(min-width:320px) and (max-width:479px) {
  
  
    .nogatim-chat {
      float: right;
    }
  
    .messanger-details {
      margin-right: 0;
    }
  
    .center-area::before {
      display: inline;
    }
  
  }
  
  /*---------------------------- 25.messages page ---------------------------*/
  
  @media(min-width:320px) and (max-width:767px) {
    .meassage-wraper .mobile_border_bottom {
      border-bottom: medium none;
      border-left: medium none;
      margin: 0;
    }
  
    .block2 {
      height: 36px;
      margin: 0 0 20px;
    }
  
    .block2 .inner button {
      padding: 6px 10px;
      text-align: center;
      width: 100px;
    }
  }
  
  @media(min-width:768px) and (max-width:991px) {
    .msg-search .shop_search {
      padding-right: 40px !important;
    }
  }
  
  /*---------------------------- 26.My Orders page ---------------------------*/
  
  .middle-postion {
    text-align: center;
    width: 150px;
    margin: 0 auto;
  }
  
  .add-self-name-btn {
    width: 150px;
    margin: 0 auto;
    text-align: center;
    height: 150px;
    display: table-cell;
    vertical-align: middle;
  }
  
  .fnt16 {
    font-size: 16px;
  }
  
  /*tick mark animation*/
  /* animations */
  @-webkit-keyframes checkmark {
    0% {
      stroke-dashoffset: 50px
    }
  
    100% {
      stroke-dashoffset: 0
    }
  }
  
  @-ms-keyframes checkmark {
    0% {
      stroke-dashoffset: 50px
    }
  
    100% {
      stroke-dashoffset: 0
    }
  }
  
  @keyframes checkmark {
    0% {
      stroke-dashoffset: 50px
    }
  
    100% {
      stroke-dashoffset: 0
    }
  }
  
  @-webkit-keyframes checkmark-circle {
    0% {
      stroke-dashoffset: 240px
    }
  
    100% {
      stroke-dashoffset: 480px
    }
  }
  
  @-ms-keyframes checkmark-circle {
    0% {
      stroke-dashoffset: 240px
    }
  
    100% {
      stroke-dashoffset: 480px
    }
  }
  
  @keyframes checkmark-circle {
    0% {
      stroke-dashoffset: 240px
    }
  
    100% {
      stroke-dashoffset: 480px
    }
  }
  
  .inlinesvg .svg svg {
    display: inline
  }
  
  .icon--order-success svg path {
    -webkit-animation: checkmark 0.25s ease-in-out 0.7s backwards;
    animation: checkmark 0.25s ease-in-out 0.7s backwards
  }
  
  .icon--order-success svg circle {
    -webkit-animation: checkmark-circle 0.6s ease-in-out backwards;
    animation: checkmark-circle 0.6s ease-in-out backwards
  }
  
  /*End tick mark animation*/
  
  .resp-pading {
    padding: 10px;
  }
  
  @media(min-width:320px) and (max-width:370px) {
    .total-order-price span.order-rate {
      margin: 0 5px;
      width: 90px;
    }
  
    .total-order-price span {
      display: inline-block;
      margin: 0;
      width: 120px;
    }
  }
  
  @media(min-width:320px) and (max-width:767px) {
    .order-status::before {
      display: inline;
    }
  
    .order-name-size {
      float: none;
    }
  
    .order-btns>ul {
      text-align: center;
    }
  
    .responsive-no-border {
      border: none;
    }
  }
  
  @media(min-width:768px) and (max-width:991px) {
    .btn.oder-option {
      padding: 9px;
    }
  }
  
  /*---------------------------- 27.Address notes page ---------------------------*/
  @media(min-width:320px) and (max-width:580px) {
    .ship-adrss {
      width: 100%;
    }
  }
  
  /*---------------------------- 28.Gredits page ---------------------------*/
  @media(min-width:320px) and (max-width:580px) {
    .whole-box {
      width: 100%;
    }
  }
  
  /*---------------------------- 29.gift page ---------------------------*/
  
  @media(min-width:320px) and (max-width:550px) {
    .giftcard-img {
      width: 100%;
    }
  }
  
  /********************* 30.Find People Page ***********************/
  .find_people_followers {
    background: #ffffff none repeat scroll 0 0;
    margin-top: -45px;
    padding: 10px 10px 25px;
    text-align: center;
  }
  
  .find_people_image {
    background-image: url('../../images/profile/profile_1.png');
    height: 100%;
    position: relative;
    text-align: center;
    width: 100%;
    background-position: center;
    background-size: cover;
  }
  
  .find_people_image1 {
    height: 75px;
    width: 75px;
    margin: 0 auto;
  }
  
  .find_people_followers>h4 {
    color: #444444;
    font-family: bold-font;
    margin-top: 45px;
  }
  
  .find_new {
    background-color: #ffffff;
    padding: 10px 15px;
  }
  
  .find_new_heading {
    font-size: 18px;
    font-family: bold-font;
    margin-bottom: 5px;
  }
  
  .find_new_search input {
    background: #ffffff url("../../images/icons/search-gray.png") no-repeat scroll 14px 13px;
    background-position: right 14px center;
    border: medium none;
    display: inline-block;
    font-size: 13px;
    padding: 13px 35px 12px 12px !important;
    width: 100%;
    background-color: #f4f4f4;
  
  }
  
  .find_new_search {
    color: #929292;
    display: inline-block;
    float: left;
    height: auto;
    text-decoration: none;
    width: 100%;
  }
  
  .invite_friends {
    background: url("../../images/icons/invite-gray.png") no-repeat scroll;
    height: 16px;
    width: 16px;
    display: inline-block;
    margin-top: 2px;
    background-size: cover;
  }
  
  .vertical_text_bottom {
    vertical-align: text-bottom;
  }
  
  .invite_btn_padding {
    padding: 8px 10px;
  }
  
  @media(min-width:320px) and (max-width:767px) {
    .invite_btn_mobile {
      margin-top: 10px;
      width: 100%;
    }
  }
  
  .box1 {
    padding-left: 9px;
    padding-right: 9px;
  }
  
  .gradient_bg1 span:after {
    content: '';
    position: absolute;
    top: 0px;
    right: 15px;
    width: 30%;
    height: 70%;
    background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 60%, white 90%);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 60%, white 90%);
    pointer-events: none;
  }
  
  .user_followers>h4:after {
    content: '';
    position: absolute;
    top: 35px;
    right: 15px;
    width: 30%;
    height: 130px;
    background: -webkit-linear-gradient(0deg, rgba(244, 244, 244, 0), rgba(244, 244, 244, 0) 60%, #f4f4f4 90%);
    background: linear-gradient(90deg, rgba(244, 244, 244, 0), rgba(244, 244, 244, 0) 60%, #f4f4f4 90%);
    pointer-events: none;
  }
  
  /********************* 30.Find People Page ***********************/
  .find_people_followers {
    background: #ffffff none repeat scroll 0 0;
    margin-top: -45px;
    padding: 10px 10px 25px;
    text-align: center;
  }
  
  .find_people_image {
    background-image: url('../../images/profile/profile_1.png');
    height: 100%;
    position: relative;
    text-align: center;
    width: 100%;
    background-position: center;
    background-size: cover;
  }
  
  .find_people_image1 {
    height: 75px;
    width: 75px;
    margin: 0 auto;
  }
  
  .find_people_followers>.gradient_bg>h4 {
    color: #444444;
    font-family: bold-font;
    margin-top: 45px;
  }
  
  .find_new {
    background-color: #ffffff;
    padding: 15px;
  }
  
  .find_new_heading {
    font-size: 18px;
    font-family: bold-font;
  
  }
  
  .find_new_search input {
    background: #ffffff url("../../images/icons/search-gray.png") no-repeat scroll 14px 13px;
    background-position: right 14px center;
    border: medium none;
    display: inline-block;
    font-size: 13px;
    padding: 13px 35px 12px 12px !important;
    width: 100%;
    background-color: #f4f4f4;
  
  }
  
  .find_new_search {
    color: #929292;
    display: inline-block;
    float: left;
    height: auto;
    text-decoration: none;
    width: 100%;
  }
  
  .invite_friends {
    background: url("../../images/icons/invite-gray.png") no-repeat scroll;
    height: 16px;
    width: 16px;
    display: inline-block;
    margin-top: 2px;
    background-size: cover;
  }
  
  .vertical_text_bottom {
    vertical-align: text-bottom;
  }
  
  .invite_btn_padding {
    padding: 8px 10px;
  }
  
  .gradient_bg h4:after {
    content: '';
    position: absolute;
    top: 35px;
    right: 20px;
    width: 30%;
    height: 70%;
    background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 60%, white 90%);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 60%, white 90%);
    pointer-events: none;
  }
  
  @media(min-width:320px) and (max-width:767px) {
    .invite_btn_mobile {
      margin-top: 10px;
      width: 100%;
    }
  }
  
  .box1 {
    padding-left: 9px;
    padding-right: 9px;
  }
  
  .no_find_people {
    background: url("../../images/icons/no-friends.png");
    background-size: cover;
    width: 64px;
    height: 64px;
    display: inline-block;
  }
  
  /************************************Cart Page**********************/
  .table_bg {
    background-color: #444444;
    color: #ffffff;
    font-family: bold-font;
    font-size: 15px;
    padding: 15px;
  }
  
  .hr_total {
    border-color: #444444;
    border-style: dashed;
    float: right;
    margin: 0;
    width: 70%;
    margin-bottom: 10px;
  }
  
  .cart_image {
    background-image: url('../../images/store_1.png');
    height: 100px;
    position: relative;
    text-align: center;
    width: 100px;
    background-position: center;
    background-size: cover;
  }
  
  .cart_dis_table {
    display: table;
  }
  
  .cart_dis_cell {
    display: table-cell;
    vertical-align: top;
  }
  
  .cart_dis_cell>h4 {
    font-family: bold-font;
    text-align: left;
  }
  
  .cart_price_border {
    border-bottom: 1px dashed #444444;
  }
  
  .cart_seller_border {
    border-right: 1px solid #444444;
    display: inline-block;
    line-height: 13px;
  }
  
  .white_bg {
    background-color: #ffffff;
    border-radius: 15px;
  }
  
  .resp-tab-item.hor_1.horziontal_tab.resp-tab-active {
    border: none !important;
    border-bottom: 2px solid #E84B77 !important;
    color: #E84B77;
  }
  
  .resp-tab-item.hor_1.horziontal_tab {
    border-bottom: 2px solid #f1f1f1;
  }
  
  .active_horizontal {
    border: none;
  }
  
  .payment_dis_table {
    display: table;
  }
  
  .payment_dis_cell {
    display: table-cell;
    vertical-align: top;
  }
  
  .line_height25 {
    line-height: 25px;
  }
  
  .cod_image {
    background-image: url('../../images/icons/cod.png');
    height: 30px;
    position: relative;
    text-align: center;
    width: 30px;
    background-position: center;
    background-size: cover;
  }
  
  .cod_image1 {
    border: 1px solid #f1f1f1;
    border-radius: 50%;
    padding: 10px;
  }
  
  .paypal_image {
    background-image: url('../../images/icons/paypal.png');
    height: 30px;
    position: relative;
    text-align: center;
    width: 30px;
    background-position: center;
    background-size: cover;
  }
  
  .ship_cart_address {
    background-color: #ffffff;
    padding: 15px;
  }
  
  .pos_rel {
    position: relative;
  }
  
  .pos_abs {
    position: absolute;
  }
  
  .select_qty select {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #dbdbdb;
    color: #666666;
    display: block;
    float: right;
    font-size: 12px;
    height: 25px;
    line-height: 1.75;
    margin: 0;
    padding: 0px 10px;
    width: 100%;
    word-break: normal;
    margin-top: 10px;
  }
  
  .select_qty:after {
    content: '\f107';
    font: normal normal normal 14px/1 FontAwesome;
    color: #dbdbdb;
    right: 20px;
    top: 10px;
    height: 30px;
    padding: 5px 0 0 8px;
    position: absolute;
    pointer-events: none;
  }
  
  .delivery_address h5 {
    font-size: 13px;
    margin-bottom: 7px;
    margin-top: 5px;
  }
  
  .accordion_cart {
    font-size: 14px;
    color: #444444;
    padding: 12px;
  }
  
  .width_auto {
    width: auto;
  }
  
  .fa_font_wt {
    font-weight: bold !important;
  }
  
  .padding_ship_address {
    padding-left: 0px;
  }
  
  .extra_text_tablecell {
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  
  .form-control:focus {
    border-color: #ccc !important;
  }
  
  .text-left {
    text-align: left !important;
  }
  
  .error_border {
    border-color: rgb(255, 64, 129);
  }
  
  .hr_price {
    border-color: #444444;
    border-style: dashed;
    margin: 0 auto;
    width: 100%;
  }
  
  .dropdwn_cart {
    background-color: #f4f4f4;
    padding: 10px;
    cursor: pointer;
  }
  
  .select_address_menu {
    min-width: 100%;
  }
  
  .resp-tab-active.cart_tabs {
    padding: 13px 15px !important;
  }
  
  .flexBox {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  
  @media all and (max-width: 1200px) {
    .flexBox .mobile_second {
      order: 2;
      -webkit-order: 2;
    }
  
    .flexBox .mobile_first {
      order: 1;
      -webkit-order: 1;
    }
  }
  
  @media(min-width:320px) and (max-width:768px) {
    .payment_dis_table {
      display: block;
    }
  
    .payment_dis_cell {
      display: block;
      text-align: center;
  
    }
  
    .cod_image1 {
      display: inline-block;
    }
  
    .cart_image {
      width: 90px;
      height: 90px;
    }
  
  }
  
  .border_bottom_remove {
    border-bottom: 10px solid #f4f4f4;
  }
  
  .margin-bottom8 {
    margin-bottom: 8px;
  }
  
  .no_hor_padding {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  
  @media(min-width:768px) and (max-width:991px) {
  
    .float_none_mbl {
      padding: 11px !important;
    }
  }
  
  @media only screen and (max-width: 1199px) {
    .padding_ship_address {
      padding-left: 15px;
    }
  
    .margin_ship_address {
      margin-top: 20px;
    }
  }
  
  .padding_table {
    padding-left: 15px !important;
  }
  
  @media only screen and (max-width: 767px) {
    .hide_mobile_cart {
      display: none;
    }
  
    .qty_mobile {
      position: absolute;
      bottom: -7px;
    }
  
    .padding_left0_cart {
      padding-left: 0px;
    }
  
    .padding_right0_cart {
      padding-right: 0px;
    }
  
    .text_left_mobile {
      text-align: left;
    }
  
    .margin_top0_cart_mobile {
      margin-top: 0px;
    }
  
    .margin_left8min_mobile {
      margin-left: -8px;
    }
  
    .cart_seller_border {
      border: none;
    }
  
    .no_hor_padding_cart {
      padding-left: 0px;
      padding-right: 0px;
    }
  
    .margin_left6_qtyMobile {
      margin-left: 6px;
    }
  }
  
  @media only screen and (min-width: 768px) {
    .hide_normal {
      display: none;
    }
  }
  
  .text_div_center {
    height: 20px;
    line-height: 20px;
  }
  
  .vertical_align_top {
    vertical-align: top !important;
  }
  
  .table_responsive {
    min-height: 0.01%;
    overflow-x: hidden;
  }
  
  .deliver_txt_center {
    height: 40px;
    padding: 10px 0;
    display: block;
  }
  
  #total_section {
    margin: 10px 0;
  }
  
  /*******************table css**********************************/
  .min_width265 {
    min-width: 265px;
  }
  
  /*******************sidebar Sticky Scroll style**********************************/
  @media(max-width:991px) {
    #sidebar {
      height: auto !important;
    }
  
    .sidebar__inner {
      position: unset !important;
      transform: none !important;
    }
  
  }
  
  @media(min-width:1025px) {
  
    #sidebar {
      will-change: min-height;
    }
  
    #sidebar .sidebar__inner {
      position: relative;
      transform: translate(0, 0);
      transform: translate3d(0, 0, 0);
      will-change: position, transform;
    }
  
  }
  
  @media(min-width:992px) and (max-width:1024px) {
    .margin-md0 {
      margin-top: 0;
    }
  
    .margin_top_150_tab {
      margin-top: 0;
    }
  
  
  
  }
  
  
  /*******************End of the sidebar Sticky Scroll style**********************************/
  /*******************************************Create Group Gift Page-Steps****************************************/
  .create_gift {
    background-color: #ffffff;
    padding: 15px;
  }
  
  .create_gift li {
    display: inline;
    padding: 10px 10px 13px;
  }
  
  .create_gift li.active {
    border-bottom: 3px solid #E84B77;
  }
  
  .create_gift li>a {
    color: #444444;
  }
  
  .create_gift li>a:hover span {
    color: #ffffff !important;
  }
  
  .gift_menu_active {
    background-color: #E84B77;
    color: #ffffff;
    padding: 15px;
  }
  
  .choose_recipent_img {
    background: url("../../images/profile/recent-order-profile-1.png");
    background-color: #f4f4f4;
    background-size: cover;
    width: 75px;
    height: 75px;
    display: inline-block;
  }
  
  .span_center {
    height: 50px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
  }
  
  .gift_image {
    /*background: url("../../images/Home/home-6.jpeg");*/
    background-color: transparent;
    background-size: contain;
    width: 100%;
    height: 250px;
    float: right;
  }
  
  .gift_heading {
    font-family: bold-font;
    font-size: 16px;
    text-transform: uppercase;
  }
  
  .size_qty_gift {
    border-bottom: 1px solid #f1f1f1;
    border-top: 1px solid #f1f1f1;
    padding: 10px;
  }
  
  .total_menu_gift {
    border-bottom: 1px solid #f1f1f1;
    padding: 10px;
  }
  
  .gift_left_bottom_border {
    border-bottom: 1px solid #f1f1f1;
    border-left: 1px solid #f1f1f1;
    padding-bottom: 10px;
  }
  
  .dark-grey-bg.btn:hover {
    color: #ffffff;
  }
  
  .edit_center {
    left: 100px;
    position: absolute;
    top: 25px;
  }
  
  .margin_top7min {
    margin-top: -7px;
  }
  
  .name_li>li {
    padding: 0px;
  }
  
  #sizing-addon2>.fa {
    font-size: 12px;
  }
  
  @media(min-width:320px) and (max-width:1199px) {
    .gift_left_bottom_border {
      border: none;
    }
  
    .gift_image {
      margin: 0 auto;
      float: none;
    }
  
    .hide_mobile {
      display: none;
    }
  
    .margin_top15_mobile {
      margin-top: 15px;
    }
  
    .img_center_mobile {
      display: table;
      margin: 0 auto;
    }
  
    .text_center_gift {
      text-align: center;
    }
  
    .paading_btm0_gift {
      padding-bottom: 0px;
    }
  
    .edit_center {
      position: static;
      margin-top: 10px;
    }
  
    .margin_btm5_giftMobile {
      margin-bottom: 5px;
    }
  }
  
  .form-control.popup-input {
    color: #666666;
  }
  
  .border_left_grey_gift {
    border-left: 1px solid #f1f1f1;
  }
  
  .min_width100per {
    min-width: 100%;
  }
  
  .bottom0 {
    bottom: 0;
  }
  
  .group_gift_summary {
    font-family: bold-font;
    font-size: 16px;
    padding: 10px;
  }
  
  .input_addon {
    border-radius: 0px !important;
    background-color: #ffffff;
    cursor: pointer;
  }
  
  .padding_right0 {
    padding-right: 0px;
  }
  
  .no_border {
    border: none;
  }
  
  .profile_image {
    background-image: url("../../images/profile_update.jpg");
    background-color: #f4f4f4;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    background-size: cover;
  }
  
  @media(min-width:320px) and (max-width:460px) {
    .btn_center_gift {
      display: table;
      margin: 0 auto;
    }
  
    .create_gift .btn_center_gift {
      display: inline-block;
      margin: 0 10px;
    }
  
    .valid_text_gift {
      float: none !important;
      text-align: center;
      margin-top: 10px;
    }
  
  }
  
  @media only screen and (max-width: 767px) {
    .border_noMobile_gift {
      border-left: none !important;
      border-right: none !important;
    }
  
    .border_btmMobile_gift {
      border-bottom: 1px solid #f1f1f1;
    }
  
    .padding_btm15_giftMobile {
      padding-bottom: 15px;
    }
  
    .padding_left0_gift {
      padding-left: 0px;
    }
  
    .margin_top0_giftMobile {
      margin-top: 0px;
    }
  }
  
  @media only screen and (min-width: 1280px) {
    .gift_image.full_width.autowidth {
      width: 250px !important;
      float: none;
    }
  }
  
  @media(min-width:320px) and (max-width:991px) {
    .txt_center320_991 {
      text-align: center;
    }
  
    .beforeclass {
      margin-top: 30px;
    }
  }
  
  /*************************************************Group Gift Page*******************************************/
  .gift_heading_border {
    background-color: rgb(25, 153, 235);
    display: table;
    height: 2px;
    margin: 15px auto;
    width: 5%;
  }
  
  .min_height250 {
    min-height: 250px;
  }
  
  .line_height150 {
    line-height: 150px;
  }
  
  .center_div {
    display: table;
    margin: 0 auto;
  }
  
  .padding15 {
    padding: 15px;
  }
  
  .gift_steps_bg {
    background-size: cover;
    width: 40px;
    height: 40px;
  }
  
  .select_gift {
    background-image: url("../../images/icons/cart-gray.png");
  }
  
  .create_gift_group {
    background-image: url("../../images/icons/g-gift.png");
  }
  
  .invite_friends_gift {
    background-image: url("../../images/icons/invite-gray.png");
  }
  
  .reach_target {
    background-image: url("../../images/icons/credits.png");
  }
  
  .gift_group_border {
    border-right: 1px solid #444444;
  }
  
  @media(min-width:320px) and (max-width:460px) {
    .gift_heading_border {
      width: 15%;
    }
  
    .gift_group_border {
      border-right: none;
      display: block;
    }
  }
  
  @media(min-width:461px) and (max-width:767px) {
    .gift_heading_border {
      width: 10%;
    }
  
    .gift_group_border {
      border-right: none;
      display: block;
    }
  }
  
  @media(min-width:768px) and (max-width:991px) {
    .font_size15_tab {
      font-size: 15px;
    }
  }
  
  /****************************************** group gift detail page************************************/
  .birthday_profile {
    background-image: url("../../images/profile_update.jpg");
    background-color: #f4f4f4;
    width: 100%;
    height: 340px;
    background-size: cover;
    background-repeat: no-repeat;
  }
  
  @media(min-width:992px) and (max-width:1199px) {
    .birthday_profile {
      height: 400px;
    }
  }
  
  .hr_width {
    width: 10%;
    border: 1px solid #E84B77;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  
  .border_contribute {
    border: 1px solid #f1f1f1;
  }
  
  @media(min-width:320px) and (max-width:460px) {
    .font_size15_mobile {
      font-size: 15px;
    }
  
    .login-page-cnt {
      background: #fff;
      padding-bottom: 20px;
    }
  
    .pop-up-cnt {
      padding: 30px 0;
    }
  }
  
  @media only screen and (min-width: 768px) {
    .padding_address {
      padding-left: 0px;
    }
  }
  
  .carousel_left_margin {
    margin-left: -2px !important;
  }
  
  .carousel_right_margin {
    margin-right: -2px !important;
  }
  
  @media only screen and (max-width: 767px) {
    .mobile_nohor_padding {
      padding-left: 0px;
      padding-right: 0px;
    }
  
    .carousel_left_margin {
      margin-left: 5px !important;
    }
  
    .carousel_right_margin {
      margin-right: 5px !important;
    }
  }
  
  @media(min-width:768px) and (max-width:1199px) {
    .carousel_left_margin {
      margin-left: -2px !important;
    }
  
    .carousel_right_margin {
      margin-right: 2px !important;
    }
  
    .img_contribute {
      display: table;
      float: none;
      margin: 0 auto;
      padding-left: 0;
      padding-right: 50px;
    }
  
    .text_center768_1199 {
      text-align: center;
    }
  }
  
  .settings {
    background: rgba(0, 0, 0, 0) url("../../images/icons/filter1.png") no-repeat scroll center center / cover;
    height: 16px;
    width: 16px;
    display: inline-block;
    margin-top: 2px;
  }
  
  /*******************************************COD Page************************************************/
  .arrow_right {
    width: 0;
    height: 0;
    border-top: 120px solid transparent;
    border-bottom: 124px solid transparent;
    border-left: 60px solid #E84B77;
    left: 277px;
    position: absolute;
    top: 0;
    z-index: 99;
    background-color: #FFFFFF;
  }
  
  .cod_deals {
    background-image: url("../../images/icons/cod_deals.png");
    width: 150px;
    height: 150px;
    background-size: cover;
    background-repeat: no-repeat;
  }
  
  .padding47 {
    padding: 47px;
  }
  
  .padding60_cod {
    padding: 61px;
  }
  
  @media(min-width:992px) and (max-width:1199px) {
    .arrow_right {
      left: 227px;
    }
  }
  
  @media(min-width:768px) and (max-width:991px) {
    .arrow_right {
      left: 172px;
    }
  
    .padding60_cod {
      padding: 48px;
    }
  
  }
  
  @media only screen and (max-width: 767px) {
    .padding60_cod {
      padding: 25px;
    }
  
  }
  
  /*******************************************Invite Friends Page************************************************/
  .invite_bg {
    background-color: #E84B77;
    color: #ffffff;
    padding: 15px;
  }
  
  .invite_social>a {
    padding: 0px 30px;
    border-right: 2px solid #ffffff;
    color: #ffffff;
  }
  
  .red-bg {
    background-color: rgb(255, 64, 129);
  }
  
  .invite_border {
    border-top: 1px solid rgba(241, 241, 241, 0.5);
  }
  
  .txt_color_form {
    color: #666666;
  }
  
  @media only screen and (max-width: 460px) {
    .invite_social>a {
      padding: 0px 4px;
      font-size: 14px;
    }
  }
  
  @media(min-width:461px) and (max-width:645px) {
    .invite_social>a {
      padding: 0px 15px;
      font-size: 15px;
    }
  }
  
  .gradient_bg3:after {
    content: '';
    position: absolute;
    top: 0px;
    right: 15px;
    width: 30%;
    height: 70%;
    background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 60%, white 90%);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 60%, white 90%);
    pointer-events: none;
  }
  
  .deletestatus {
    display: none;
  }
  
  .nodisply {
    display: none;
  }
  
  #statussave {
    margin-right: 10px;
    margin-top: 15px;
    margin-left: 10px;
  }
  
  .notification-text a {
    color: #2977d1;
    display: inline-block !important;
    padding: 0 0 0 10px !important;
    width: auto !important;
  }
  
  .right_border {
    height: 310px;
    overflow-y: auto;
  }
  
  .cs-error {
    color: red;
    display: none;
  }
  
  .cs-success {
    color: green;
    display: none;
  }
  
  .foldtxt {
    word-break: break-all;
  }
  
  .comment-autocomplete {
    /*background-color: #fafafa;*/
    /*border: 1px solid #e2e2e2;*/
    position: absolute;
    top: 86px;
    z-index: 22;
  }
  
  input#securitycode.clabel {
    border: 1px solid #dbdbdb;
    color: #666666;
    font-size: 12px;
    padding: 10px;
    width: 100%;
  }
  
  .photo {
    width: auto !important;
    padding-right: 0px !important;
  }
  
  .margin_left20per {
    margin-left: 20%;
  }
  
  .minwidth_72 {
    min-width: 72%;
  }
  
  .minwidth_33 {
    min-width: 33%;
  }
  
  .padding10_15 {
    padding: 10px 15px;
  }
  
  #backtotop {
    border-radius: 30px;
    bottom: 35px;
    color: #000;
    cursor: pointer;
    display: none;
    font-size: 14px;
    opacity: 0.6;
    position: fixed;
    right: 30px;
    text-align: center;
    width: 35px;
    z-index: 99;
    border: 1px solid #adaaaa;
    height: 35px;
    line-height: 34px;
    background: #fff;
  }
  
  #backtotop:hover {
    opacity: 0.9;
  }
  
  /****************homepage rework slider*************************/
  
  
  
  
  .slick-dots {
  
    display: none !important;
  }
  
  
  
  /* Custom Arrow */
  .prev,
  .preb,
  .prev1,
  .prev2,
  .prev3,
  .prev4,
  .prev5 {
    position: absolute;
    border-radius: 50%;
    cursor: pointer;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    border: 0.5px solid #e5e5e5;
    top: 28%;
    margin: auto;
    height: 40px;
    width: 40px;
    z-index: 51;
    left: 1%;
    line-height: 2;
    font-size: 20px;
    text-align: center;
  }
  
  .prev .fa,
  .preb .fa,
  .prev1 .fa,
  .prev2 .fa,
  .prev3 .fa,
  .prev4 .fa,
  .prev5 .fa {
    margin-left: -1px;
  }
  
  .next .fa,
  .nexb .fa,
  .next1 .fa,
  .next2 .fa,
  .next3 .fa,
  .next4 .fa,
  .next5 .fa {
    margin-right: -3px;
  }
  
  .prev:hover,
  .preb:hover,
  .prev1:hover,
  .prev2:hover,
  .prev3:hover,
  .prev4:hover,
  .prev5:hover,
  .next:hover,
  .nexb:hover,
  .next1:hover,
  .next2:hover,
  .next3:hover,
  .next4:hover,
  .next5:hover {
    background-color: #E84B77;
    border: 0.5px solid transparent;
    color: #ffffff;
  }
  
  .next,
  .nexb,
  .next1,
  .next2,
  .next3,
  .next4,
  .next5 {
    position: absolute;
    border-radius: 50%;
    cursor: pointer;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    border: 0.5px solid #e5e5e5;
    top: 28%;
    margin: auto;
    height: 40px;
    width: 40px;
    z-index: 51;
    right: 1%;
    line-height: 2;
    font-size: 20px;
    text-align: center;
  }
  
  /*.prev3, .next3{position: absolute; top: 26%; font-size: 25px; cursor: pointer;}
  .next3{right:-1%;}*/
  
  .slick-disabled {
    opacity: 0.1;
  }
  
  .responsive4 {
    padding: 0 15px;
  }
  
  @media only screen and (max-width: 1023px) {
  
    .prev,
    .preb,
    .prev1,
    .prev2,
    .prev4,
    .prev5,
    .next,
    .nexb,
    .next1,
    .next2,
    .prev3,
    .next3,
    .next4,
    .next5 {
      display: none !important;
    }
  }
  
  
  .pn-ProductNav_Wrapper {
    position: relative;
    /*padding: 0 11px;*/
    box-sizing: border-box;
    margin-top: 5px;
    line-height: 25px;
  }
  
  .pn-ProductNav {
    /* Make this scrollable when needed */
    overflow-x: hidden;
    /* For WebKit implementations, provide inertia scrolling */
    -webkit-overflow-scrolling: touch;
    /* We don't want vertical scrolling */
    overflow-y: hidden;
  
    /* We don't want internal inline elements to wrap */
    white-space: nowrap;
    /* If JS present, let's hide the default scrollbar */
  
    position: relative;
    font-size: 0;
    background: rgba(0, 0, 0, 0) linear-gradient(90deg, rgba(25, 153, 235, 0), rgba(25, 153, 235, 0) 97%, #E84B77 56%) repeat scroll 0 0;
  }
  
  .gradient_left {
  
    /*background: rgba(25,153,235,1);
  background: -moz-linear-gradient(left, rgba(25,153,235,1) 0%, rgba(174,78,85,0) 33%, rgba(246,41,12,0) 49%, rgba(241,111,92,0) 50%, rgba(248,80,50,0) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(25,153,235,1)), color-stop(33%, rgba(174,78,85,0)), color-stop(49%, rgba(246,41,12,0)), color-stop(50%, rgba(241,111,92,0)), color-stop(100%, rgba(248,80,50,0)));
  background: -webkit-linear-gradient(left, rgba(25,153,235,1) 0%, rgba(174,78,85,0) 33%, rgba(246,41,12,0) 49%, rgba(241,111,92,0) 50%, rgba(248,80,50,0) 100%);
  background: -o-linear-gradient(left, rgba(25,153,235,1) 0%, rgba(174,78,85,0) 33%, rgba(246,41,12,0) 49%, rgba(241,111,92,0) 50%, rgba(248,80,50,0) 100%);
  background: -ms-linear-gradient(left, rgba(25,153,235,1) 0%, rgba(174,78,85,0) 33%, rgba(246,41,12,0) 49%, rgba(241,111,92,0) 50%, rgba(248,80,50,0) 100%);
  background: linear-gradient(to right, rgba(25,153,235,1) 0%, rgba(174,78,85,0) 33%, rgba(246,41,12,0) 49%, rgba(241,111,92,0) 50%, rgba(248,80,50,0) 100%);*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E84B77', endColorstr='#f85032', GradientType=1);
    content: "";
    height: 70%;
    pointer-events: none;
    position: absolute;
    left: 5px;
    top: 0;
    width: 7%;
    z-index: 1;
  }
  
  .gradient_div {
  
    /*background: rgba(248,80,50,0);
  background: -moz-linear-gradient(left, rgba(248,80,50,0) 0%, rgba(241,111,92,0) 50%, rgba(246,41,12,0) 51%, rgba(240,47,23,0) 71%, rgba(233,51,30,0) 72%, rgba(25,153,235,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(248,80,50,0)), color-stop(50%, rgba(241,111,92,0)), color-stop(51%, rgba(246,41,12,0)), color-stop(71%, rgba(240,47,23,0)), color-stop(72%, rgba(233,51,30,0)), color-stop(100%, rgba(25,153,235,1)));
  background: -webkit-linear-gradient(left, rgba(248,80,50,0) 0%, rgba(241,111,92,0) 50%, rgba(246,41,12,0) 51%, rgba(240,47,23,0) 71%, rgba(233,51,30,0) 72%, rgba(25,153,235,1) 100%);
  background: -o-linear-gradient(left, rgba(248,80,50,0) 0%, rgba(241,111,92,0) 50%, rgba(246,41,12,0) 51%, rgba(240,47,23,0) 71%, rgba(233,51,30,0) 72%, rgba(25,153,235,1) 100%);
  background: -ms-linear-gradient(left, rgba(248,80,50,0) 0%, rgba(241,111,92,0) 50%, rgba(246,41,12,0) 51%, rgba(240,47,23,0) 71%, rgba(233,51,30,0) 72%, rgba(25,153,235,1) 100%);
  background: linear-gradient(to right, rgba(248,80,50,0) 0%, rgba(241,111,92,0) 50%, rgba(246,41,12,0) 51%, rgba(240,47,23,0) 71%, rgba(233,51,30,0) 72%, rgba(25,153,235,1) 100%);*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f85032', endColorstr='#E84B77', GradientType=1);
    content: "";
    height: 70%;
    pointer-events: none;
    position: absolute;
    right: 5px;
    top: 0;
    width: 8%;
    z-index: 1;
  
  }
  
  #hpane .divider:last-child {
    border: none;
  }
  
  .pn-ProductNav_Contents {
    float: left;
    transition: transform .2s ease-in-out;
    position: relative;
  
  }
  
  .btn_left,
  .btn_right {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    font-size: 20px;
    margin-top: -5px;
    position: absolute;
    top: 4px;
  }
  
  .btn_left {
    left: 0;
  }
  
  .btn_right {
    right: 0;
  }
  
  .btn_left:hover,
  .btn_right:hover,
  .btn_left:focus,
  .btn_right:focus {
    color: #ffffff;
  }
  
  .pn-ProductNav_Contents-no-transition {
    transition: none;
  }
  
  .pn-ProductNav_Contents ul li:first-child {
    padding-left: 0;
  }
  
  .pn-ProductNav_Contents ul li {
    display: inline-block;
    color: white;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    font-size: 13px;
    height: 20px;
    padding: 0 12px;
    width: auto;
  }
  
  .divider {
    border-right: 1px solid #ffffff;
    height: 10px;
    display: inline-block;
    margin-bottom: -1px;
  }
  
  .pn-ProductNav_Link:hover,
  .pn-ProductNav_Link:focus {
    color: #ffffff;
  }
  
  @media only screen and (max-width: 767px) {
  
    .btn_left,
    .btn_right {
      display: none;
    }
  
    .pn-ProductNav {
      overflow-x: auto;
    }
  
    .pn-ProductNav::-webkit-scrollbar {
      background: transparent;
    }
  
    .pn-ProductNav::-webkit-scrollbar-track {
      background: transparent;
    }
  
    .pn-ProductNav::-webkit-scrollbar-thumb {
      background: transparent;
    }
  
    .gradient_div,
    .gradient_left {
      display: none;
    }
  }
  
  .img-hover1 {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 245px;
  }
  
  .img-hover1 img {
    width: 100%;
      margin: 0 auto 0;
    height: 280px;
    object-fit: contain;
    background-color: #fff;
  }
  
  .box_shadow_img.slick-slide .product_cnt {
    position: relative;
  }
  
  .item1>.product_cnt>.img-hover1>.hover-visible,
  .item0>.product_cnt .hover-visible {
    height: 33px;
  }
  
  .item1>.product_cnt>.img-hover1>.hover-visible>.like_hover,
  .item0>.product_cnt>.img-hover1>.hover-visible>.like_hover {
    height: 32px;
  }
  
  .item1>.product_cnt>.img-hover1>.hover-visible>.share_hover,
  .item0>.product_cnt>.img-hover1>.hover-visible>.share_hover {
    height: 32px;
  }
  
  .item0>.product_cnt>a>img,
  .item1>.product_cnt>a>img {
    background-color: #ffffff;
  }
  
  .product_cnt:hover .hover-visible {
    display: flex;
    opacity: 1;
    transform: translateY(0px);
    transition: transform 0.4s ease 0s, opacity 0.1s ease 0s;
  }
  
  .item1.slick-active>.product_cnt {
    padding-left: 0px;
  }
  
  .item1.slick-active+.slick-active>.product_cnt {
    padding-right: 7.5px;
    padding-left: 7.5px;
  }
  
  .item1.slick-active+.slick-active+.slick-active>.product_cnt {
    padding-right: 7.5px;
    padding-left: 7.5px;
  }
  
  .item1.slick-active+.slick-active+.slick-active+.slick-active>.product_cnt {
    padding-right: 7.5px;
    padding-left: 7.5px;
  }
  
  .item1.slick-active+.slick-active+.slick-active+.slick-active+.slick-active>.product_cnt {
    padding-right: 0px;
    padding-left: 7.5px;
  }
  
  .item0>.product_cnt {
    padding-right: 15px;
  }
  
  .item0.slick-active>.product_cnt {
    padding-left: 0px;
  }
  
  .item0.slick-active+.slick-active+.slick-active>.product_cnt {
    padding-right: 7.5px;
  }
  
  .item0.slick-active+.slick-active+.slick-active+.slick-active>.product_cnt {
    padding-right: 0px;
    padding-left: 7.5px;
  }
  
  @media only screen and (max-width: 767px) {
    .img-hover1 {
      height: 200px;
    }
  
    .item0>.product_cnt>a>img,
    .item1>.product_cnt>a>img {
      width: auto;
    }
  }
  
  .bg_img {
    padding-bottom: 28%;
    background: #ffffff;
    height: 0;
    position: relative;
  }
  
  .test-image {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
  }
  
  .selfie_slider {
    height: 170px;
    max-height: 170px;
    min-height: 170px;
  }
  
  .margin_left20per {
    margin-left: 20%;
  }
  
  .minwidth_72 {
    min-width: 72%;
  }
  
  .padding10_15 {
    padding: 10px 15px;
  }
  
  
  /* .bg_product {
   
   width: 191px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    height: 220px;
    margin: 0 auto;
  
  }  */
  
  .bg_product>img {
    /*width: auto;
      height: 100%;*/
    /* position: relative;
  
      height: 100%;
      
      width: 300px;
      
      object-fit: cover;
       */
    border-radius: 20px;
  }
  
  .selfie_slider>.bg_product {
    position: relative;
    height: 150px;
    width: 150px;
  }
  
  .invite_emailid {
    cursor: pointer;
    display: block;
    margin-top: 15px;
    margin-bottom: 15px;
    color: rgba(102, 102, 102, 0.6);
  }
  
  #inputid {
    display: none;
  }
  
  .thumb {
    padding: 5px;
    height: 75px;
    width: auto;
    overflow: hidden;
  }
  
  .thumb>img {
    width: auto;
    height: 100%;
    cursor: pointer;
  }
  
  .carousel-inner>.item {
    margin-top: -10px;
  }
  
  .status-remove {
    position: relative;
    top: -35px;
  }
  
  .uploadimgbtn {
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
    width: 30px;
    height: 39px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 124px;
  }
  
  .disputeimgbtn {
    cursor: pointer;
    opacity: 0;
    position: absolute;
    width: 13%;
  }
  
  .livefeedimg {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-height: 310px;
    max-width: 710px;
  }
  
  .trck-detail {
    margin: 10px 0;
    color: #ff4081;
    border-color: #ff4081;
    background: #ffeef4;
  }
  
  .dropdown-menu>li>a:focus,
  .dropdown-menu>li>a:hover {
    background-color: #E84B77;
    color: #ffffff;
  }
  
  
  
  /********************add Multiple email style******************************/
  
  .multiple_emails-container {
    border: 1px #ccc solid;
    border-radius: 0px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    padding: 0;
    margin: 15px 0;
    cursor: text;
    width: 100%;
  }
  
  .multiple_emails-container input {
    clear: both;
    width: 100%;
    outline: none;
    margin-bottom: 3px;
    padding: 0 10px;
    box-sizing: border-box;
    border: 0 !important;
    min-height: 33px;
  }
  
  .multiple_emails-container input.multiple_emails-error {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px red !important;
    outline: thin auto red !important;
  }
  
  .multiple_emails-container ul {
    list-style-type: none;
    color: #999;
  }
  
  .multiple_emails-container ul .multiple_emails-email {
    margin: 5px 0px 0px 5px;
    padding: 0;
    border: 1px solid #ccc;
    border-radius: 0px;
    background: #eee;
    display: inline-block;
  }
  
  .multiple_emails-close {
    float: right;
    margin: 0 0;
    background: #fff;
    padding: 6px 10px;
    border-left: 1px solid #ccc;
  }
  
  .multiple_emails-email .email_name {
    padding: 6px 10px;
    line-height: 20px;
    height: 25px;
    display: inline-block;
  }
  
  .multiple_emails-close>span {
    font-size: 10px;
    font-weight: normal;
    color: #555;
  }
  
  .multiple_emails-email .multiple_emails-close:hover span {
    color: #555 !important;
  }
  
  /**************************************/
  
  @media(min-width:320px) and (max-width:599px) {
  
    .multiple_emails-container ul .multiple_emails-email {
      max-width: 200px;
    }
  
    .multiple_emails-email .email_name {
      padding: 4px 10px;
      line-height: 23px;
      max-width: 165px;
      overflow: hidden;
      height: 26px;
    }
  
  }
  
  @media(min-width:768px) and (max-width:991px) {
  
    .multiple_emails-container ul .multiple_emails-email {
      max-width: 200px;
    }
  
    .multiple_emails-email .email_name {
      padding: 4px 10px;
      line-height: 23px;
      max-width: 165px;
      overflow: hidden;
      height: 26px;
    }
  
    .login-page-cnt {
      float: none;
      margin: 180px auto 0;
    }
  }
  
  /************************404 page found style**************************/
  
  .page-not-fount h2 {
    font-size: 72px;
    font-weight: bold;
  }
  
  .not-found-bold {
    font-size: 22px;
    font-weight: bold;
    color: #666666;
  }
  
  .not-found-normal {
    font-size: 22px;
    color: #555;
  }
  
  /***************************** End **********************************/
  
  /***************30.customized css style*********************************/
  
  p {
    word-wrap: break-word;
  }
  
  .imagezoom-view {
    background: transparent !important;
  }
  
  .site-dd.size-dd.dropdown.sizeqtydiv {
    padding: 0;
  }
  
  .site-dd.size-dd {
    margin-right: 5px;
  }
  
  .container-fluid.side-collapse-container {
    padding: 0;
  }
  
  .profile-editoption li {
    height: 20px;
    float: left;
    width: 100%;
  }
  
  .prices {
    float: right;
    margin: 0 5px;
    display: inline-block;
  }
  
  .padding_left0_cart {
    padding-left: 0;
  }
  
  .ship-addres {
    margin: 10px 0;
    display: inline-block;
    width: 100%;
  }
  
  #ggform3 .gift_image.full_width.autowidth {
    background-size: contain;
    background-color: transparent;
  }
  
  #ggamt.popup-input {
    float: none;
  }
  
  .site-dd select#ordername {
    height: 35px;
    padding: 5px;
  }
  
  .red-label:hover,
  .red-label:focus {
    color: #fff;
  }
  
  #total_section h6>span {
    float: right;
    margin: 0 5px;
  }
  
  .messanger-details .file-name a img {
    float: right;
    display: inline-block;
    margin: 0 0 0 3px;
  }
  
  .messanger-details .file-name a {
    word-wrap: break-word;
  }
  
  .nogatim-chat {
    margin: 0 0 10px 10px;
  }
  
  .empty-selpy {
    margin-top: 0;
  }
  
  /*******************************************************************/
  
  .prof-del-img {
    margin-top: 20px;
  }
  
  .table-responsive input {
    border: 1px solid #ccc;
    padding: 6px 12px;
    font-size: 13px;
    font-weight: normal;
    color: #555;
  }
  
  .table-responsive table.dataTable.no-footer {
    border-bottom: 1px solid #ccc;
  }
  
  .table-responsive .dataTables_wrapper .dataTables_paginate span a.paginate_button.current {
    border: 1px solid #E84B77;
    background: #E84B77;
    color: #fff !important;
  }
  
  .table-responsive .dataTables_wrapper .dataTables_paginate span a.paginate_button {
    border: 1px solid #E7EBEE;
    border-radius: 50px;
    background: #E7EBEE;
    color: #666666 !important;
    box-shadow: unset;
    height: 30px;
    width: 30px;
    padding: 5px 5px;
    display: inline-block;
    text-align: center;
    margin: 0 5px;
  }
  
  .dataTables_wrapper .dataTables_paginate {
    margin: 0 auto;
    text-align: center !important;
    width: 100%;
  }
  
  .table-responsive {
    border: unset;
  }
  
  .jq-toast-wrap.top-right.notify-message {
    top: 180px;
    right: 50PX;
  }
  
  .dataTables_wrapper .paginate_button.next,
  .dataTables_wrapper .paginate_button.previous,
  .table-responsive .dataTables_wrapper .paginate_button.next:hover,
  .table-responsive .dataTables_wrapper .paginate_button.previous:hover,
  .table-responsive .dataTables_wrapper .paginate_button.next:focus,
  .table-responsive .dataTables_wrapper .paginate_button.previous:focus,
  .table-responsive .dataTables_wrapper .paginate_button.next:active,
  .table-responsive .dataTables_wrapper .paginate_button.previous:active {
    box-shadow: unset;
    background: none !important;
    color: #666 !important;
    border: none !important;
    color: #666 !important;
  }
  
  .image-grid figure {
    margin: 0;
    text-align: center;
  }
  
  #cod-modal .signup-left-cnt {
    padding: 0 15px;
  }
  
  .profile-circle img {
    border-radius: 50%;
  }
  
  @media(min-width:320px) and (max-width:991px) {
    .breadcrumb.margin_top_150_tab.margin-bottom10 {
      padding-top: 20px !important;
      padding-left: 10px !important;
    }
  
  }
  
  
  
  /* Sj styles start here  */
  
  .slick-list {
    margin: 20px 0px;
  }
  
  /* .slick-prev,
    .slick-next {
      position: absolute;
      background: #ddd;
      border: none;
      color: transparent;
      width: 30px;
      height: 30px;
    } */
  
  
  .slider.slider-nav.slick-initialized.slick-slider.slider-nav_suggestitem {
    background-color: #fff;
    border-radius: 15px;
  }
  
  .slider.slider-nav-second.slick-initialized.slick-slider {
    background-color: #fff;
    border-radius: 15px;
  }
  
  
  .slider.slider-nav-third.slick-initialized.slick-slider {
  
    background-color: #fff;
    border-radius: 15px;
  
  }
  
  
  /* 
  body .slick-prev,
  body .slick-next {
    position: absolute;
    right: 0;
    background: #fff;
    border: none;
    color: transparent;
    width: 30px;
    height: 30px;
    top: 8rem;
    border-radius: 15px;
    box-shadow: 0px 2px 4.8px 0.3px rgba(0, 0, 0, 0.15);
    outline: none;
  } */
  
  
  body .ar_center .slick-prev,
  body .ar_center .slick-next {
    position: absolute;
    right: 0px;
    background: #fff;
    border: none;
    color: transparent;
    width: 30px;
    height: 30px;
    top: 12rem !important;
    border-radius: 15px;
    box-shadow: 0px 2px 4.8px 0.3px rgba(0, 0, 0, 0.15);
    outline: none;
  }
  
  body .arr_str_center .slick-prev,
  body .arr_str_center .slick-next {
    position: absolute;
    right: -10px;
    background: #fff;
    border: none;
    color: transparent;
    width: 30px;
    height: 30px;
    top: 8rem;
    border-radius: 15px;
    box-shadow: 0px 2px 4.8px 0.3px rgba(0, 0, 0, 0.15);
    outline: none;
  }
  
  
  .slick-initialized .slick-prev,
  .slick-initialized .slick-next {
    position: absolute;
    right: 0;
    background: #fff;
    border: none;
    color: transparent;
    width: 30px;
    height: 30px;
    /*top: 20px;*/
    top:14rem;
    border-radius: 15px;
    box-shadow: 0px 2px 4.8px 0.3px rgba(0, 0, 0, 0.15);
    outline: none;
  }
  
  
  
  
  .slider-nav_2 .slick-prev {
  
    top: -15px;
    left: 7rem;
  
  }
  
  
  .slider-nav_2 .slick-next {
    bottom: -4% !important;
    left: 7rem !important;
    top: 60rem;
  }
  
  
  .slider-verical_nav3 .slick-next {
    top: 58rem;
    right: 65px;
  }
  
  .slider-verical_nav3 .slick-prev {
  
    top: 40px;
    left: 0rem !important;
  
  }
  
  
  .slider.slider-verical_nav3.response-ht.slick-initialized.slick-slider.slick-vertical .slick-prev {
  
    left: 70px !important;
    top: 0px;
  
  }
  
  .slider-nav .slick-prev,
  .slider-nav .slick-next {
    position: absolute;
    right: 0%;
    background: #fff;
    border: none;
    color: transparent;
    width: 25px;
    height: 27px;
    top: 20px;
    border-radius: 15px;
    box-shadow: 0px 2px 4.8px 0.3px rgba(0, 0, 0, 0.15);
    outline: none;
  
  }
  
  .slider-nav .slick-prev {
    left: 0%;
  }
  
  
  body .slick-prev::before,
  body .slick-next::before {
  
  
    border: solid #bdc2c5;
    border-width: 0.15em 0.15em 0 0;
    content: '';
    display: inline-block;
    height: 0.70em;
    left: 0px;
    position: relative;
    top: 9px;
    transform: rotate(45deg);
    vertical-align: top;
    width: 0.70em;
  }
  
  
  
  body .slick-prev::before {
    border: solid #bdc2c5;
    border-width: 0.15em 0.15em 0 0;
    content: '';
    display: inline-block;
    height: 0.70em;
    left: 0em;
    position: relative;
    top: 9px;
    transform: rotate(-135deg);
    vertical-align: top;
    width: 0.70em;
    left: 0px;
  }
  
  
  
  
  body .slider-nav_2 .slick-next::before {
    border-style: solid;
    border-width: 0.15em 0.15em 0 0;
    content: '';
    display: inline-block;
    height: 0.70em;
    left: 0em;
    position: relative;
    top: 10px;
    transform: rotate(135deg);
    vertical-align: top;
    width: 0.70em;
  }
  
  body .slider-nav_2 .slick-prev::before {
  
    border-style: solid;
    border-width: 0.15em 0.15em 0 0;
    content: '';
    display: inline-block;
    height: 0.70em;
    left: 0em;
    position: relative;
    top: 10px;
    transform: rotate(-45deg);
    vertical-align: top;
    width: 0.70em;
  }
  
  
  
  
  
  body .slider-verical_nav3 .slick-next::before {
    border-style: solid;
    border-width: 0.15em 0.15em 0 0;
    content: '';
    display: inline-block;
    height: 0.70em;
    left: 0em;
    position: relative;
    top: 8px;
    transform: rotate(135deg);
    vertical-align: top;
    width: 0.70em;
  }
  
  body .slider-verical_nav3 .slick-prev::before {
  
    border-style: solid;
    border-width: 0.15em 0.15em 0 0;
    content: '';
    display: inline-block;
    height: 0.70em;
    left: 0em;
    position: relative;
    top: 10px;
    transform: rotate(-45deg);
    vertical-align: top;
    width: 0.70em;
  }
  
  
  
  body .slick-prev {
    left: 0%;
  }
  
  
  
  
  
  
  
  
  .slider-for .slick-prev,
  .slider-for_2 .slick-prev {
  
    display: none !important;
  
  }
  
  .slider-for .slick-next,
  .slider-for_2 .slick-next {
  
    display: none !important;
  
  }
  
  
  
  .slider-for_suggestiem .slick-next{
    display: none !important;
  }
  
  
  /* Sj styles end here  */
  
  
  
  .slick-dots {
    list-style: none;
    margin: 0 auto;
    text-align: center;
  
    li {
      display: inline-block;
  
      button {
        transition: 0.2s background-color ease-in-out 0s;
        border: none;
        padding: 0;
        color: transparent;
        width: 10px;
        height: 10px;
        background-color: #777;
        margin-right: 10px;
        border-radius: 50%;
      }
  
      &.slick-active button {
        background-color: #fff;
      }
    }
  }
  }
  
  
  
  
  
  /* @import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css); */
  
  
  
  
  /* star ratings css  */
  
  
  /****** Style Star Rating Widget *****/
  
  .rating {
    border: none;
    float: left;
    margin-top: 2px;
  }
  
  .rating>input {
    display: none;
  }
  
  .rating>label:before {
    margin: 5px;
    font-size: 1.25em;
    font-family: FontAwesome;
    display: inline-block;
    content: "\f005";
  }
  
  .rating>.half:before {
    content: "\f089";
    position: absolute;
  }
  
  .rating>label {
    color: #ddd;
    float: right;
  }
  
  /***** CSS Magic to Highlight Stars on Hover *****/
  
  .rating>input:checked~label,
  /* show gold star when clicked */
  .rating:not(:checked)>label:hover,
  /* hover current star */
  .rating:not(:checked)>label:hover~label {
    color: #FFD700;
  }
  
  /* hover previous stars in list */
  
  .rating>input:checked+label:hover,
  /* hover current star when changing rating */
  .rating>input:checked~label:hover,
  .rating>label:hover~input:checked~label,
  /* lighten current selection */
  .rating>input:checked~label:hover~label {
    color: #FFED85;
  }
  
  
  .ratin_no::after {
  
    content: '';
    border: 1px solid #ddd;
    margin: 13px;
  
  }
  
  .reviews {
  
    display: flex;
    padding: 5px 14px;
    font-size: 16px;
  
  }
  
  .rev_star_sec {
    display: flex;
    flex-wrap: wrap;
  
  }
  
  
  .fnt_detail {
  
    color: #61b0ef;
    font-family: regular-font;
    font-weight: 500;
    font-size: 18px;
    cursor: pointer;
  }
  
  
  .avail-header-heading {
  
    margin-left: 15px;
    /* padding: 10px 0; */
  
  }
  
  .avail_offers {
  
    padding: 5px 14px;
  
  }
  
  .avail_offers strong {
    font-size: 16px;
  }
  
  
  
  
  .descript_sections {
  
    padding: 15px;
  
  }
  
  
  .descrp_header {
  
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  
  }
  
  
  .des_ans_1 {
    margin-left: 30px;
  }
  
  .des_ans_2 {
  
    margin-left: 78px;
  
  }
  
  .des_ans_3 {
  
    margin-left: 63px;
  
  }
  
  
  .desc_proddetail {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  
  
  .desc_cont {
  
    font-size: 14px;
    line-height: 2;
  
  }
  
  
  
  /* .product_align_cnt.col-sm-12.no-hor-padding {
    padding: 3px 15px;
  } */
  
  .item-prods.grid.col-xs-12.col-sm-12.no-hor-padding {
    padding: 3px 15px;
    background-color: #fff;
  }
  
  
  .reviw_bar {
  
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
  
  }
  
  
  .side {
    /* float: left; */
    /* width: 11%; */
    margin-top: 10px;
  }
  
  .middle {
    margin-top: 10px;
    /* float: left; */
    width: 70%;
  }
  
  /* Place text to the right */
  .right {
    text-align: left;
    margin-left: 10px;
    color: #888;
    font-family: bold-font;
  }
  
  /* Clear floats after the columns */
  .row:after {
    content: "";
    display: table;
    clear: both;
  }
  
  /* The bar container */
  .bar-container {
    width: 100%;
    background-color: #f1f1f1;
    text-align: center;
    color: white;
    border-radius: 5px;
  }
  
  /* Individual bars */
  .bar-5 {
    width: 100%;
    height: 10px;
    background-color: #4CAF50;
    border-radius: 5px
  }
  
  .bar-4 {
    width: 80%;
    height: 10px;
    background-color: #2196F3;
    border-radius: 5px
  }
  
  .bar-3 {
    width: 60%;
    height: 10px;
    background-color: #00bcd4;
    border-radius: 5px
  }
  
  .bar-2 {
    width: 40%;
    height: 10px;
    background-color: #ff9800;
    border-radius: 5px
  }
  
  .bar-1 {
    width: 20%;
    height: 10px;
    background-color: #f44336;
    border-radius: 5px
  }
  
  
  
  .review-pages-row {
  
    /* padding: 20px; */
  }
  
  
  .product-page-row {
    padding:10px 0px;
  }
  
  
  
  
  
  
  .no_of-revw {
    font-size: 16px;
    color: #888;
    font-family: bold-font;
    margin: 0 23px;
  }
  
  h1.rew_no {
    font-size: 60px;
    color: #000;
    font-family: bold-font;
  }
  
  div .st_rating_img img {
    height: 35px;
    width: 35px;
  
  }
  
  
  .review_no {
  
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
  
  }
  
  .review-pages-row.col-xs-12.col-sm-12.no-hor-padding.margin-top20 {
  
    background-color: #ffffff;
    padding: 10px;
  
  }
  
  
  .users_deta {
  
    display: flex;
    align-items: center;
    padding: 5px;
    flex-wrap: wrap;
  
  }
  
  .user_img img {
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 50px;
    padding: 5px;
    margin: 0 15px;
  
  }
  
  
  .users_deta .cont-detail.align-self-sm-center.align-self-center.ml-3 {
  
    flex: 1;
  
  }
  
  .review_rating_sec {
  
  
    padding: 20px;
  }
  
  .review-pages-row {
    padding: 15px !important;
  }
  
  
  
  
  .modal_ques-ans_sec {
    display: flex;
    justify-content: space-between;
    padding: 0px 20px;
    flex-wrap: wrap;
    width: 100%;
    position: relative;
    top: 10px;
    margin-bottom: 12px;
    border-bottom: 1px solid #f4f4f4;
  }
  
  p.mod_ans_sty {
    font-size: 16px;
    margin-top: 8px;
  }
  
  p.mod_ans_sty span {
    color: #888;
  }
  
  .cus_nam {
    font-size: 16px;
    color: #888;
    font-family: bold-font;
  }
  
  .ques-ans_sec {
  
    display: flex;
    justify-content: space-between;
    padding: 0px 20px;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
  
  }
  
  .ques-ans_sec h2 {
  
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 10px;
  
  }
  
  p.ans_sty {
    font-size: 16px;
    text-overflow: ellipsis;
    width: 100%;
    /* max-width: 1000px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; */
    margin-top: 8px;
  
  }
  
  p.ans_sty span {
    color: #888;
  }
  
  
  
  .view_QA {
  
    font-size: 16px;
    color: #E84B77;
    margin-left: 23px;
    font-weight: 600;
    cursor: pointer;
    margin-top: 20px;
  
  }
  
  
  
  
  .post_QA {
  
    border: 2px solid #E84B77;
    height: 39px;
    display: flex;
    align-self: center;
    padding: 7px 10px;
    color: #E84B77;
    font-size: 16px;
    font-weight: 600;
    font-family: regular-font;
    min-width: 142px;
    cursor: pointer;
  
  }
  
  
  .QA_viewall {
  
    width: 100%;
  
  }
  
  .cus_rev_cont {
    font-size: 16px;
  }
  
  ul.breadcrumb {
    padding: 10px 16px;
    list-style: none;
    margin: 10px;
  }
  
  ul.breadcrumb li {
    display: inline;
    font-size: 16px;
  }
  
  
  .no_star {
  
    font-size: 20px;
    display: flex;
    align-items: center;
  
  }
  
  .no_star span {
    margin-right: 5px;
  }
  
  .no_star img {
  
    width: 17px;
    height: 17px;
  }
  
  .prod_abt_QA {
    padding: 10px 20px;
  }
  
  
  .load_more {
  
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px;
    color: #337ab7;
    font-size: 16px;
  
  }
  
  .load_more .more-less.glyphicon.glyphicon-plus {
  
    color: #337ab7;
    font-size: 17px;
    padding-right: 5px;
  
  }
  
  
  
  #read_answers .modal-dialog {
    width: 800px !important;
    margin: 30px auto;
  }
  
  .cmtarea {
    border: 1px solid #ddd;
    padding: 10px 13px;
  }
  
  .confrm_btn.col-md-12 {
  
    display: flex;
    width: 100%;
    justify-content: right;
    align-items: center;
    margin-top: 15px;
  
  }
  
  .mod_head {
    display: flex;
    align-items: center;
  }
  
  
  .cmt_box {
    padding: 15px;
  }
  
  
  @media (max-width: 767px) { 
  
  
  
    #read_answers .modal-dialog {
      width: 100% !important;
      margin: 30px auto;
    }
    .des_ans_1,.des_ans_2,.des_ans_3 {
      margin-left: 10px;
    }
  
  
  }
  
  .breadcrumb {
  
    margin-bottom: 10px !important;
    list-style: none;
    border-radius: 4px;
  
  }
  
  
  /*
  UI update june04
  */
  .bar-0 { width: 0%; height: 10px;border-radius: 5px; }
  
  
  
  .fa.fa-star.checked { content: "\f005"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #e7e42ab8; font-size: 18px;  } 
  .fa.fa-star-o.unchecked { content: "\f006"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #e7e42ab8; font-size: 18px;  }
  .quanswre h2 {
      width: 100%;
      word-break: break-all;
      display: block;
      overflow: hidden;
  }
  
  
  .prd_ans_det {
     display: flex;
    flex-direction: column;
    align-self: flex-start;
    margin-top: 20px;
    margin-left: 10px;
  }
  
  .answr {
      margin-left: 10px;
      word-break: break-all;
      overflow: hidden;
  }
  
  .cus_nam {
      font-size: 16px;
      color: #888;
      font-family: bold-font;
      margin-left: 10px;
      word-break: break-all;
      overflow: hidden;
  }
  
  .quanswre_two{
  display: flex;
  justify-content: left;
  }
  
  .ansimg{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    object-fit: cover;
  }
  
    
  .product_cnt:hover .hover-visible_2 {
    display: flex;
    opacity: 1;
    transform: translateY(0px);
    transition: transform 0.4s ease 0s, opacity 0.1s ease 0s;
  }
  
  .hover-visible_2 {
    opacity: 0;
    position: absolute;
    display: flex;
    left: 0;
    right: 50%;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 37px;
    width: 101px;
    transform: translateY(100%);
    transition: transform 0.4s ease 0s, opacity 0.1s ease 0.3s;
  }
  
  
  
  @media (min-width: 320px) and (max-width: 992px) {
  .hover-visible_2 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }
  }
  
  .slider.slider-nav, .slider.slider-nav1, .slider.slider-nav2 {
      background-color: #fff;
      border-radius: 15px;
  }
  
  
  .rev_star_sec {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
   }
  
  
   .slider-nav1 .slick-prev {
      position: absolute;
      right: 96%;
  }
  
  .slider-nav1 .slick-prev, .slider-nav1 .slick-next {
      position: absolute;
      background: #fff;
      border: none;
      color: transparent;
      width: 25px;
      height: 27px;
      top: 20px;
      border-radius: 15px;
      box-shadow: 0px 2px 4.8px 0.3px rgba(0, 0, 0, 0.15);
      outline: none;
      /* right: 0 !important; */
  }
  
  
  .slider-nav2 .slick-prev {
      position: absolute;
      right: 96%;
  }
  
  .slider-nav2 .slick-prev, .slider-nav2 .slick-next {
      position: absolute;
      background: #fff;
      border: none;
      color: transparent;
      width: 25px;
      height: 27px;
      top: 20px;
      border-radius: 15px;
      box-shadow: 0px 2px 4.8px 0.3px rgba(0, 0, 0, 0.15);
      outline: none;
      /* right: 0 !important; */
  }
  .item-slider.grid.selfie.col-xs-12.col-sm-12.no-hor-padding {
      background: #fff !important;
  }
  
  
  @media (min-width:320px) and (max-width:768px) {
  
  .descrp_header {
  
      justify-content: center;
    
  }
  }
  
  label.itemstars {
     padding: 10px;
  }
  @media (min-width:768px) and (max-width:992px) {
  
      
    .new_prod_nam {
        color: #555555 !important;
        font-size: 14px;
        margin: 40px 13px 0 !important;
        font-family: bold-font;
    }
   
    }
  
    #featured {
      padding: 10px 0;
  }

  .top_usrnam
  {
    font-size: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }