/**
 * $Desc
 *
 * @version    $Id$
 * @package    wpbase
 * @author     WPOpal  Team <wpopal@gmail.com, support@wpopal.com>
 * @copyright  Copyright (C) 2014 wpopal.com. All Rights Reserved.
 * @license    GNU/GPL v2 or later http://www.gnu.org/licenses/gpl-2.0.html
 *
 * @website  http://www.wpopal.com
 * @support  http://www.wpopal.com/support/forum.html
 */
/*------------------------------------------------------------------
[Table of contents]

1. Core variables and mixins
2. Layout
3. Widgets
4. Base
5. Megamenu and Offcanvas
6. Form,Font and Style
7. Woocommerce
8. Slider
9. Lookbook
10. Responsive
-------------------------------------------------------------------*/
/* 1. Core variables and mixins */
.wpo-sidebar .box.widget_sp_image {
  padding: 0;
  border: 0;
}

.wpo-header ul, .wpo-header ol, .wpo-footer ul, .wpo-footer ol, .wpo-sidebar ul, .wpo-sidebar ol, .box.widget_wpo_tabs_widget ul, .fixed-bottom ul, .fixed-bottom ol, .latest-twitter .tw-widget, .wpo-pricing-table ul, .wpo-pricing-table ol, ul.display, ul#shipping_method, ul.payment_methods {
  padding: 0;
  margin: 0;
}
.wpo-header ul ul, .wpo-header ol ul, .wpo-footer ul ul, .wpo-footer ol ul, .wpo-sidebar ul ul, .wpo-sidebar ol ul, .box.widget_wpo_tabs_widget ul ul, .fixed-bottom ul ul, .fixed-bottom ol ul, .latest-twitter .tw-widget ul, .wpo-pricing-table ul ul, .wpo-pricing-table ol ul, ul.display ul, ul#shipping_method ul, ul.payment_methods ul, .wpo-header ul ol, .wpo-header ol ol, .wpo-footer ul ol, .wpo-footer ol ol, .wpo-sidebar ul ol, .wpo-sidebar ol ol, .box.widget_wpo_tabs_widget ul ol, .fixed-bottom ul ol, .fixed-bottom ol ol, .latest-twitter .tw-widget ol, .wpo-pricing-table ul ol, .wpo-pricing-table ol ol, ul.display ol, ul#shipping_method ol, ul.payment_methods ol {
  padding-left: 15px;
}
.wpo-header ul li, .wpo-header ol li, .wpo-footer ul li, .wpo-footer ol li, .wpo-sidebar ul li, .wpo-sidebar ol li, .box.widget_wpo_tabs_widget ul li, .fixed-bottom ul li, .fixed-bottom ol li, .latest-twitter .tw-widget li, .wpo-pricing-table ul li, .wpo-pricing-table ol li, ul.display li, ul#shipping_method li, ul.payment_methods li {
  list-style: none;
}

/* 2. Layout */
/*------------------------------------*\
    Topbar
\*------------------------------------*/
.topbar {
  background: #fff;
  border: 0;
  color: #777777;
  font-size: 11px;
  text-transform: none;
}
.topbar a {
  color: #777777;
}
.topbar a:hover, .topbar a:focus, .topbar a:active, .topbar a.active {
  color: #77beb5;
}
.topbar .fa, .topbar .icon {
  font-size: 14px;
}
.topbar ul {
  padding: 0;
}
.topbar ul ul {
  padding-left: 15px;
}
.rtl .topbar ul ul {
  padding-right: 15px;
  padding-left: inherit;
}
.topbar ul li {
  float: none;
  display: block;
}

/*------------------------------------*\
    Header
\*------------------------------------*/
.wpo-header {
  background: #fff;
  border: 0;
  color: #000;
  font-size: 15px;
  text-transform: none;
  position: relative;
  border-bottom: 1px solid #e5e5e5;
}
.wpo-header a {
  color: #000;
}
.wpo-header a:hover, .wpo-header a:focus, .wpo-header a:active, .wpo-header a.active {
  color: #77beb5;
}
.wpo-header .fa, .wpo-header .icon {
  font-size: 13px;
}
.wpo-header ul > li, .wpo-header ol > li {
  display: inline-block;
}
.wpo-header ul > li a, .wpo-header ol > li a {
  font-size: 12px;
  font-weight: 300;
}
.wpo-header ul > li:last-child, .wpo-header ol > li:last-child {
  padding-right: 0px;
}
.rtl .wpo-header ul > li:last-child, .rtl .wpo-header ol > li:last-child {
  padding-left: 0px;
  padding-right: inherit;
}
.wpo-header:before {
  position: absolute;
  display: block;
  content: '';
  width: 100%;
  height: 4px;
  background: #e5e5e5;
  top: 0;
  left: 0;
}

.header-right {
  padding-top: 22px;
  padding-bottom: 22px;
}
.header-right .cart:before {
  display: block;
  content: '';
  background: #000;
  position: absolute;
  top: -22px;
  left: 0;
  width: 100%;
  height: 4px;
}

.header-center {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  max-width: 300px;
  margin: 0 auto;
}

#page-full .topbar {
  padding: 8px 40px;
  position: relative;
}
#page-full .header-right {
  display: table;
}
#page-full .header-right > div {
  display: table-cell;
  vertical-align: middle;
}
#page-full .user-login {
  padding: 0 15px;
}
#page-full .user-setting .dropdown-menu {
  margin-top: 11px;
}
#page-full .wpo-header {
  padding: 0 40px;
}
#page-full .logo.text-logo {
  margin: 10px 0;
  position: relative;
  z-index: 99;
}
#page-full .top-cart {
  border-left: 1px solid #e5e5e5;
  min-height: 40px;
  padding: 0 0 0 30px;
}
.rtl #page-full .top-cart {
  border-right: 1px solid #e5e5e5;
  border-left: inherit;
}
.rtl #page-full .top-cart {
  padding: 0 30px 0 0;
}
#page-full .top-cart .dropdown.cart {
  float: right;
}
.rtl #page-full .top-cart .dropdown.cart {
  float: left;
}

.stheader-2 .topbar-left {
  padding: 12px 0;
}
.stheader-2 .wpo-header {
  background: #292929;
}
.stheader-2 .wpo-header:before {
  background: #292929;
}
.stheader-2 .wpo-header .logo {
  margin: 13px 0;
}
.stheader-2 .navbar-default .navbar-nav > li > a {
  color: #fff;
}

.home .stheader-3 .wpo-header {
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
}
.home .stheader-3 .wpo-header:before {
  background: transparent;
}

.stheader-3 .wpo-header {
  background: #292929;
  padding: 20px 0;
  border: 0;
}
.stheader-3 .wpo-header:before {
  background: #292929;
}
.stheader-3 .wpo-header .search-from {
  padding: 0 8px;
  width: 30px;
  margin: -7px 0 0;
}
.stheader-3 .wpo-header .search-from .btn-search .fa {
  color: #e1e1e1;
}
.stheader-3 .top-cart .dropdown.cart {
  background-image: url("../images/default/cart-sm.png");
  background-position: center center;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
}
.stheader-3 .top-cart .dropdown.cart .cart-icon, .stheader-3 .top-cart .dropdown.cart .mini-cart {
  display: none;
}
.stheader-3 .wpo-megamenu > .navbar-collapse {
  float: right;
  margin: 13px 0 0;
}
.rtl .stheader-3 .wpo-megamenu > .navbar-collapse {
  float: left;
}
.stheader-3 .navbar-default .navbar-nav > li {
  margin-left: 30px;
}
.rtl .stheader-3 .navbar-default .navbar-nav > li {
  margin-right: 30px;
  margin-left: inherit;
}
.stheader-3 .navbar-default .navbar-nav > li > a {
  color: #fff;
  padding: 10px 0 !important;
}
.stheader-3 .navbar-default .navbar-nav > li > a:before {
  top: inherit;
  bottom: 0;
  background: #fff;
}
.stheader-3 .acount-right {
  padding: 15px 0;
}
.stheader-3 .acount-right > div {
  float: left;
}
.rtl .stheader-3 .acount-right > div {
  float: right;
}
.stheader-3 .acount-right .fa {
  color: #fff;
}

.wpo-content {
  overflow: hidden;
}

.wpb-container .item > .row {
  margin: 0;
}
.wpb-container .shopcol {
  padding: 0;
}
.wpb-container .tabs-top .tabs-list:before {
  display: none;
}
.wpb-container .container .tabs-top .tabs-list:before {
  display: block;
}
.wpb-container .container .tabs-top .carousel-controls {
  right: 0;
}
.rtl .wpb-container .container .tabs-top .carousel-controls {
  left: 0;
  right: auto;
}
.wpb-container .container .shopcol {
  padding-left: 15px;
  padding-right: 15px;
}
.wpb-container .container .item > .row {
  margin-left: -15px;
  margin-right: -15px;
}

.menu_fixed {
  position: fixed;
  z-index: 99999;
  width: 100%;
  top: 0;
  border-bottom: 1px solid #e5e5e5;
}
.menu_fixed .navbar-default .megamenu > li > a {
  padding: 27px 17px;
}
.menu_fixed .header-right {
  padding-bottom: 15px;
  padding-top: 15px;
}
.menu_fixed .logo img {
  max-width: 130px;
}

.top-content {
  background-color: #e5e5e5;
  padding: 25px 0;
  margin-bottom: 30px;
  position: relative;
  font-weight: 300;
  text-align: center;
}
.top-content .page-title {
  margin: 0;
}
.top-content:after {
  content: "";
  width: 0px;
  height: 0px;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 12px solid #e5e5e5;
  position: absolute;
  bottom: -12px;
  right: 0;
  left: 0;
  margin: 0px auto;
}

/*------------------------------------*\
    Box
\*------------------------------------*/
.box.box-slide {
  margin-top: 0;
}
.box.widget_revslider {
  margin-bottom: 0;
}
.box.wpo_all_products {
  margin-bottom: 0;
}
.box.wpo_all_products .box-heading {
  margin-bottom: 60px;
}
.box.wpo-testimonial {
  margin-bottom: 0;
}

/*------------------------------------*\
    Slideshow
\*------------------------------------*/
/*------------------------------------*\
    Service
\*------------------------------------*/
.wpo-service {
  background: #000000;
  padding: 0;
  margin: 0;
  color: #c6c6c6;
  font-size: 12px;
}
.wpo-service .ourservice-heading {
  color: #fff;
}

/*------------------------------------*\
    Container
\*------------------------------------*/
.wpo-mainbody {
  background: transparent;
  overflow: hidden;
}

/*------------------------------------*\
    Footer
\*------------------------------------*/
.wpo-footer {
  background: #fff;
  border: 0px solid #77beb5;
  color: #a0a0a0;
  font-size: 13px;
  text-transform: none;
  line-height: 1.7;
}
.wpo-footer a {
  color: #a0a0a0;
}
.wpo-footer a:hover, .wpo-footer a:focus, .wpo-footer a:active, .wpo-footer a.active {
  color: #77beb5;
}
.wpo-footer .fa, .wpo-footer .icon {
  font-size: 15px;
}
.wpo-footer ul li, .wpo-footer ol li {
  font-size: 11px;
  margin: 0px;
  line-height: 30px;
}
.wpo-footer .footer-top {
  padding: 40px 0;
  border-top: 1px solid #e5e5e5;
}
.wpo-footer .footer-center {
  padding: 45px 0;
  border-top: 1px solid #e5e5e5;
}
.wpo-footer .footer-center ul li {
  text-transform: uppercase;
}
.wpo-footer .footer-bottom {
  padding: 0;
  margin: 25px 0 0;
  background: #77beb5;
  font-size: 13px;
  color: #fff;
}
.wpo-footer .footer-bottom a {
  color: #000;
}
.wpo-footer .footer-bottom a:hover, .wpo-footer .footer-bottom a:active {
  color: #fff;
}
.wpo-footer .footer-bottom ul li, .wpo-footer .footer-bottom ol li {
  font-size: 13px;
}

/*------------------------------------*\
    Copyright
\*------------------------------------*/
.wpo-copyright {
  border-top: 1px solid #e5e5e5;
  text-align: left;
  padding: 45px 0 120px;
  color: #a0a0a0;
}
.rtl .wpo-copyright {
  text-align: right;
}
.wpo-copyright address {
  margin: 0;
}
.wpo-copyright a {
  color: #77beb5;
}
.wpo-copyright a:hover, .wpo-copyright a:active {
  color: #000;
}

.blog-page .no-sidebar {
  float: none;
  margin: 0 auto;
  max-width: 870px;
}

#portfolio .portfolio-box .item {
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

.template-visual {
  padding-bottom: 30px;
}

div.wpcf7-validation-errors {
  margin: 0;
  padding: 15px;
}

.form-group .btn-default {
  margin-left: 0;
}

.landing_page_home {
  position: absolute;
  background-color: #5C7ECB;
  top: 0;
  z-index: 9999;
  width: 100%;
  height: 1200px;
  margin-top: 0 !important;
  padding: 80px 0;
}

.page-404 {
  background: url("../images/bg-404.jpg") no-repeat;
  color: #fff;
}

.page_not_found {
  padding: 170px 0;
}
.page_not_found .bigtext {
  font-size: 130px;
  font-weight: 700;
  color: #fff;
  line-height: 100%;
}
.page_not_found .decription {
  margin: 30px auto;
  line-height: 1.7;
}
.page_not_found .error-content {
  font-weight: 700;
  font-size: 40px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 5px;
}

/*------------------------------------*\
    Post detail
\*------------------------------------*/
.post-share {
  margin-bottom: 30px;
}
.post-share h4 {
  margin: 10px 0;
}
.post-share .social-networks {
  margin: 10px 0;
}
.post-share .social-networks li {
  float: left;
}
.rtl .post-share .social-networks li {
  float: right;
}
.post-share .social-networks li a {
  color: #333333;
  margin-right: 10px;
  font-size: 16px;
}
.rtl .post-share .social-networks li a {
  margin-left: 10px;
  margin-right: inherit;
}
.post-share .social-networks li:last-child a {
  margin-right: 0;
}

.entry-meta {
  margin: 0 0 10px;
}
.entry-meta .cat-links {
  display: block;
  font-weight: 700;
  margin: 0 0 10px 0;
}
.entry-meta .cat-links a {
  font-weight: 400;
}

.tag-links a {
  margin-right: 10px;
}
.rtl .tag-links a {
  margin-left: 10px;
  margin-right: inherit;
}

.attachment-post-thumbnail {
  margin-bottom: 15px;
}

/*------------------------------------*\
    Comment List
\*------------------------------------*/
.commentlists .the-comment {
  border-bottom: 1px solid #e7e6e6;
  padding-bottom: 37.5px;
  margin-bottom: 37.5px;
}
.commentlists .the-comment p {
  margin: 0;
}
.commentlists div.avatar {
  float: left;
  margin-right: 22.5px;
}
.rtl .commentlists div.avatar {
  float: right;
}
.commentlists .comment-author {
  margin-bottom: 22.5px;
}
.commentlists .children {
  padding-left: 60px;
}

/*------------------------------------*\
    Blog
\*------------------------------------*/
.recent-blog .blog-image {
  position: relative;
}
.recent-blog .blog-title {
  line-height: normal;
  min-height: 58px;
  margin-top: 25px;
  text-transform: none;
  font-size: 24px;
  font-weight: 400;
}
.recent-blog .entry-meta {
  top: 0;
  right: 0;
  margin: 0;
  position: absolute;
  font-weight: 400;
  display: table;
  background: #fff;
  text-align: center !important;
  color: #000;
  text-transform: uppercase;
  font-size: 11px;
  width: 50px;
  height: 50px;
}
.recent-blog .entry-meta .date {
  line-height: normal;
  display: table-cell;
  vertical-align: middle;
}
.recent-blog .entry-meta .date span {
  display: block;
  line-height: 25px;
  font-size: 24px;
}

.zoom {
  overflow: hidden;
}
.zoom img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
.zoom:hover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.blog-post-icon {
  display: table;
  text-align: center;
  background: #77beb5;
  width: 60px;
  height: 60px;
  color: #fff;
}
.blog-post-icon .fa {
  display: table-cell;
  vertical-align: middle;
}

.blog-post-detail {
  overflow: hidden;
}

/*------------------------------------*\
    Product Page
\*------------------------------------*/
/*------------------------------------*\
    Blog Page / Single Blog
\*------------------------------------*/
.post-area > article {
  padding-bottom: 50px;
  margin-bottom: 50px;
  border-bottom: 1px solid #e5e5e5;
}
.post-area > article:last-child {
  border: 0;
}
.post-area .readmore {
  margin-top: 20px;
}
.post-area .readmore .btn-default {
  margin-left: 0;
  font-weight: 300;
}
.post-area .post-link {
  font-size: 18px;
  color: #77beb5;
  display: block;
  padding: 17px 27px;
  float: left;
  width: 100%;
  height: auto;
  min-height: 60px;
}
.rtl .post-area .post-link {
  float: right;
}
.post-area .post-thumb:before, .post-area .post-thumb:after {
  content: " ";
  display: table;
}
.post-area .post-thumb:after {
  clear: both;
}
.post-area .post-thumb img {
  width: 100%;
  height: auto;
}

.category-sticky .entry-title a {
  font-weight: 700;
  color: #77beb5;
}

.post-container {
  margin: 15px 0;
}

/* 3. Widgets */
/* widget layout styles */
.widget {
  margin-bottom: 0px;
}

.wpo-sidebar .box {
  margin-bottom: 29px;
}
.wpo-sidebar .wc-forward, .wpo-sidebar .backward {
  padding-left: 15px;
  padding-right: 15px;
}

.topbar .top-cart {
  padding: 9px 15px;
  border-left: 1px solid #e5e5e5;
}
.topbar .top-cart .dropdown.cart {
  background-image: url("../images/default/cart-sm.png");
  background-position: left center;
  background-repeat: no-repeat;
  padding: 7px 0 2px 22px;
}
.rtl .topbar .top-cart .dropdown.cart {
  background-position: right center;
}
.rtl .topbar .top-cart .dropdown.cart {
  padding: 7px 22px 2px 0;
}

.topbar .search-from,
.wpo-header .search-from {
  padding: 4px 30px;
  max-width: 200px;
}
.topbar .search-from form.searchform,
.wpo-header .search-from form.searchform {
  width: 25px;
  cursor: pointer;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  float: right;
}
.rtl .topbar .search-from form.searchform, .rtl
.wpo-header .search-from form.searchform {
  float: left;
}
.topbar .search-from form.searchform:hover,
.wpo-header .search-from form.searchform:hover {
  width: 222px;
}
.topbar .search-from form.searchform:hover .input-group-addon,
.topbar .search-from form.searchform:hover .input-search,
.wpo-header .search-from form.searchform:hover .input-group-addon,
.wpo-header .search-from form.searchform:hover .input-search {
  border-color: #e5e5e5;
  background: #fff;
}
.topbar .search-from .input-group-addon,
.topbar .search-from .input-search,
.wpo-header .search-from .input-group-addon,
.wpo-header .search-from .input-search {
  border-color: transparent;
  background: transparent;
}
.topbar .topbar-menu,
.wpo-header .topbar-menu {
  border-left: 1px solid #e5e5e5;
}
.rtl .topbar .topbar-menu, .rtl
.wpo-header .topbar-menu {
  border-right: 1px solid #e5e5e5;
  border-left: inherit;
}
.topbar .user-login,
.topbar .topbar-menu,
.wpo-header .user-login,
.wpo-header .topbar-menu {
  padding-right: 15px;
  padding-left: 15px;
}

.wpo-service .wpb_column {
  border-right: 1px solid #333333;
}
.wpo-service .wpb_column:last-child {
  border-right: 0;
}

.wpo-footer .widget-title,
.wpo-footer .widgettitle {
  font-size: 16px;
  font-weight: 400;
  color: #000;
  margin: 0px 0 10px;
  padding: 0;
}
.wpo-footer .wpo-newsletter-inner .group-input-form {
  margin-top: 6px;
}
.wpo-footer .wpo-newsletter-inner .widget-title,
.wpo-footer .wpo-newsletter-inner .widgettitle {
  font-size: 18px;
  margin: 0;
}
.wpo-footer .wpo-contact-info {
  color: #fff;
}
.wpo-footer .wpo-contact-info a {
  color: #000;
  font-weight: 400;
}
.wpo-footer .wpo-contact-info .widget-title {
  margin: 0 0 15px;
}
.wpo-footer .wpo-contact-info .media-heading {
  color: #fff;
}
.wpo-footer .wpo-contact-info .media {
  margin: 0 0 10px;
}
.wpo-footer .footer-bottom .widget-title,
.wpo-footer .footer-bottom .widgettitle {
  color: #fff;
  font-weight: 300;
}
.wpo-footer .footer-bottom .wpo-contact-info {
  padding: 25px 0;
}
.wpo-footer .footer-bottom .wpo-contact-info .country,
.wpo-footer .footer-bottom .wpo-contact-info .child_company {
  text-transform: uppercase;
  font-size: 11px;
}
.wpo-footer .footer-bottom .wpo-contact-info .child_company {
  margin-top: 10px;
}

/*------------------------------------*\
    Box
\*------------------------------------*/
.box {
  margin-top: 30px;
}
.box.products .widget-title {
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  position: relative;
  padding: 20px 0;
  margin-bottom: 20px;
}
.box.products .widget-title span {
  background-color: #fff;
  position: relative;
  z-index: 9;
  padding: 0 16px;
}
.box.products .widget-title:before {
  content: "";
  position: absolute;
  background: #e5e5e5;
  bottom: 50%;
  margin: 0 auto;
  width: 100%;
  height: 1px;
  left: 0;
  right: 0;
}
.rtl .box.products .widget-title:before {
  right: 0;
  left: auto;
}
.rtl .box.products .widget-title:before {
  left: 0;
  right: auto;
}
.box .box-heading {
  position: relative;
  padding: 15px 30px;
  margin: 0 0 15px;
  background: #77beb5;
  color: #fff;
}
.box.brand-logo .box-content {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
.box.widget_wpo_tabs_widget ul {
  border: 0;
  margin-bottom: 30px;
}
.box .product_list_widget .widget-product {
  margin: 0px;
  padding: 20px 0;
  border-bottom: 1px solid #e5e5e5;
}
.box .product_list_widget .widget-product:first-child {
  padding-top: 0;
}
.box .product_list_widget .widget-product:last-child {
  border: 0;
}
.box .product_list_widget .widget-product .review {
  clear: left;
}
.rtl .box .product_list_widget .widget-product .review {
  clear: right;
}
.box .product_list_widget .widget-product .image {
  margin-right: 15px;
  width: 90px;
  height: 90px;
}
.rtl .box .product_list_widget .widget-product .image {
  margin-left: 15px;
  margin-right: inherit;
}
.box .product_list_widget .widget-product .rating {
  margin-bottom: 25px;
}
.box .post-widget .image {
  width: 70px;
  height: 70px;
}
.box .post-widget .image img {
  width: 100%;
  height: 100%;
}

/*------------------------------------*\
    Widget Sidebar
\*------------------------------------*/
.wpo-sidebar .box {
  margin-top: 0;
}
.wpo-sidebar .box.widget_wpo_tabs_widget ul li {
  padding: 0;
  border: 0;
}
.wpo-sidebar .box.widget_wpo_tabs_widget ul li a {
  padding-left: 3px;
  padding-right: 3px;
}
.rtl .wpo-sidebar .box.widget_wpo_tabs_widget ul li a {
  padding-right: 3px;
  padding-left: inherit;
}
.rtl .wpo-sidebar .box.widget_wpo_tabs_widget ul li a {
  padding-left: 3px;
  padding-right: inherit;
}
.wpo-sidebar .box .product_list_widget {
  border: 1px solid #e5e5e5;
  padding: 20px;
}
.wpo-sidebar .box .product_list_widget .image {
  margin-right: 10px;
  width: 70px;
  height: 70px;
}
.rtl .wpo-sidebar .box .product_list_widget .image {
  margin-left: 10px;
  margin-right: inherit;
}
.wpo-sidebar .box.widget_rss .box-heading a {
  color: #fff;
}
.wpo-sidebar .box.widget_rss li {
  padding-bottom: 12px;
}
.wpo-sidebar .box.widget_rss li a {
  font-weight: 600;
}
.wpo-sidebar .box.widget_rss .rsswidget {
  width: 100%;
}
.wpo-sidebar .box.widget_rss .rss-date {
  font-style: italic;
}
.wpo-sidebar .box.widget_rss .rssSummary {
  margin: 10px 0;
}
.wpo-sidebar .box.widget_rss cite {
  font-weight: 900;
  color: #77beb5;
}
.wpo-sidebar .box.widget_search .searchform {
  float: inherit;
}
.wpo-sidebar .box.widget_search .wpo-search {
  width: 100%;
  padding: 20px;
  border: 1px solid #e5e5e5;
}
.wpo-sidebar .box.widget_search .wpo-search .btn-search {
  top: 42%;
  left: 35px;
}
.rtl .wpo-sidebar .box.widget_search .wpo-search .btn-search {
  right: 35px;
  left: auto;
}
.wpo-sidebar .box.widget_search .wpo-search .input-search {
  width: 100%;
  border: 1px solid #e5e5e5;
}
.wpo-sidebar .box.widget_text .textwidget {
  padding: 20px;
  border: 1px solid #e5e5e5;
}
.wpo-sidebar select {
  margin-top: 30px;
}
.wpo-sidebar select, .wpo-sidebar table {
  width: 100%;
}
.wpo-sidebar .name {
  min-height: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0 0 10px;
  text-transform: none;
  font-size: 15px;
}
.wpo-sidebar ul li {
  border-bottom: 1px solid #e5e5e5;
  list-style-image: none;
}
.wpo-sidebar ul li a {
  display: inline-block;
  padding: 13px 0;
}
.wpo-sidebar ul li:last-child {
  border-bottom: none;
}
.wpo-sidebar ul li.recentcomments {
  padding: 13px 0;
  color: #77beb5;
}
.wpo-sidebar ul .sub-menu {
  padding: 0 0 0 20px;
}
.rtl .wpo-sidebar ul .sub-menu {
  padding: 0 20px 0 0;
}
.wpo-sidebar ul.highlighted > li {
  position: relative;
  padding: 6px 30px;
  border: 1px solid #e5e5e5;
  margin: 0 0 15px;
}
.wpo-sidebar ul.highlighted > li:before, .wpo-sidebar ul.highlighted > li:after {
  content: " ";
  display: table;
}
.wpo-sidebar ul.highlighted > li:after {
  clear: both;
}
.wpo-sidebar ul.highlighted > li.current-cat {
  border: 1px solid #000;
}
.wpo-sidebar ul.highlighted > li > a {
  color: #000;
}
.wpo-sidebar ul.highlighted > li > a:hover {
  color: #77beb5;
}
.wpo-sidebar ul.highlighted > li:hover > a, .wpo-sidebar ul.highlighted > li.active > a {
  color: #77beb5;
}
.wpo-sidebar ul.highlighted > li.active .fa:before {
  content: '\f068' !important;
}
.wpo-sidebar ul.highlighted > li .count {
  background: #fff;
  color: #000;
}
.wpo-sidebar ul.highlighted > li .wpo_show-children {
  float: right;
  font-size: 10px;
  margin: 19px 0 0;
  cursor: pointer;
}
.rtl .wpo-sidebar ul.highlighted > li .wpo_show-children {
  float: left;
}
.wpo-sidebar ul.highlighted > li .children {
  display: none;
  width: 100% !important;
}
.wpo-sidebar ul.highlighted > li li {
  border: none;
}
.wpo-sidebar ul.highlighted > li li a {
  padding-left: 15px;
  position: relative;
  color: #a0a0a0;
}
.rtl .wpo-sidebar ul.highlighted > li li a {
  padding-right: 15px;
  padding-left: inherit;
}
.wpo-sidebar ul.highlighted > li li a:before {
  content: '';
  display: block;
  border-radius: 50%;
  background: #77beb5;
  width: 5px;
  height: 5px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -2.5px;
}
.rtl .wpo-sidebar ul.highlighted > li li a:before {
  right: 0;
  left: auto;
}
.wpo-sidebar ul.highlighted > li li a:hover, .wpo-sidebar ul.highlighted > li li a :active {
  color: #000;
}
.wpo-sidebar ul.highlighted > li li .count {
  color: #a0a0a0;
}
.wpo-sidebar ul.highlighted > li li:hover .count,
.wpo-sidebar ul.highlighted > li li:hover a, .wpo-sidebar ul.highlighted > li li:active .count,
.wpo-sidebar ul.highlighted > li li:active a, .wpo-sidebar ul.highlighted > li li.active .count,
.wpo-sidebar ul.highlighted > li li.active a {
  color: #000;
}
.wpo-sidebar .post-widget .blog-title, .wpo-sidebar .post-widget h6, .wpo-sidebar .comment-widget .blog-title, .wpo-sidebar .comment-widget h6 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wpo-sidebar .post-widget p, .wpo-sidebar .comment-widget p {
  font-size: 14px;
}

/*------------------------------------*\
    Recent Widget
\*------------------------------------*/
.post-widget .blog-title, .post-widget h6,
.comment-widget .blog-title,
.comment-widget h6 {
  margin-top: 0;
}

/*------------------------------------*\
    Flickr Gallery
\*------------------------------------*/
.flickr-gallery img {
  float: left;
  padding: 3px;
}
.rtl .flickr-gallery img {
  float: right;
}

/*------------------------------------*\
    Tags Widget
\*------------------------------------*/
.tagcloud a {
  position: relative;
  color: #a0a0a0;
  border: 1px solid #e5e5e5;
  display: inline-block;
  font-size: 15px !important;
  margin: 2px 0;
  padding: 5px 10px;
  z-index: 1;
}
.tagcloud a:after {
  content: "";
  position: absolute;
  top: 0;
  width: 0;
  z-index: -1;
  height: 100%;
  left: 0;
  background-color: #77beb5;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.rtl .tagcloud a:after {
  right: 0;
  left: auto;
}
.tagcloud a:hover {
  color: #fff;
  border-color: #77beb5;
}
.tagcloud a:hover:after {
  width: 100%;
}

/*------------------------------------*\
    Widget Price Filter
\*------------------------------------*/
.widget_price_filter .price_slider {
  margin: 0 0 1em 0;
}
.rtl .widget_price_filter .price_slider {
  margin: 0 0 1em 0;
}
.widget_price_filter .price_slider_amount {
  text-align: right;
  line-height: 2.4em;
  font-size: 0.8751em;
}
.rtl .widget_price_filter .price_slider_amount {
  text-align: left;
}
.widget_price_filter .price_slider_amount .button {
  float: left;
}
.rtl .widget_price_filter .price_slider_amount .button {
  float: right;
}
.widget_price_filter .ui-slider {
  position: relative;
  text-align: left;
}
.rtl .widget_price_filter .ui-slider {
  text-align: right;
}
.widget_price_filter .ui-slider .ui-slider-handle {
  z-index: 2;
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  cursor: pointer;
  background-image: -webkit-linear-gradient(top, #66b6ac 0%, #9acec8 100%);
  background-image: linear-gradient(to bottom, #66b6ac 0%, #9acec8 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF66B6AC', endColorstr='#FF9ACEC8', GradientType=0);
  outline: none;
  top: -3px;
}
.widget_price_filter .ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  -webkit-box-shadow: 0, 0, 0, 1px, rgba(0, 0, 0, 0.5);
  box-shadow: 0, 0, 0, 1px, rgba(0, 0, 0, 0.5);
  border-radius: 1em;
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  -ms-border-radius: 1em;
  -o-border-radius: 1em;
}
.widget_price_filter .price_slider_wrapper {
  border: 1px solid #e5e5e5;
  padding: 20px;
}
.widget_price_filter .price_slider_wrapper .ui-widget-content {
  border-radius: 1em;
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  -ms-border-radius: 1em;
  -o-border-radius: 1em;
  background: #cccccc;
}
.widget_price_filter .ui-slider-horizontal {
  height: 5px;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
  background: #77beb5;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range-min {
  left: -1px;
}
.rtl .widget_price_filter .ui-slider-horizontal .ui-slider-range-min {
  right: -1px;
  left: auto;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range-max {
  right: -1px;
}
.rtl .widget_price_filter .ui-slider-horizontal .ui-slider-range-max {
  left: -1px;
  right: auto;
}

/*------------------------------------*\
    Widget WC Category Accordion
\*------------------------------------*/
.widget_wc_category_accordion #outer_ul {
  padding: 0;
}
.widget_wc_category_accordion #outer_ul ul {
  padding: 0;
}
.widget_wc_category_accordion #outer_ul li {
  border-bottom: none;
  background: none;
}
.widget_wc_category_accordion #outer_ul li.current-cat > a {
  font-weight: 200;
}
.widget_wc_category_accordion #outer_ul li .children a {
  font-size: 13px;
  color: #777777;
}
.widget_wc_category_accordion #outer_ul li .children a:hover {
  background-color: transparent;
  color: #77beb5;
}
.widget_wc_category_accordion #outer_ul > li {
  padding: 0;
  margin: 16px 0px;
  border-style: solid;
  border-color: #e5e5e5;
  border-width: 1px;
  position: relative;
}
.widget_wc_category_accordion #outer_ul > li:last-child {
  margin-bottom: 0;
}
.widget_wc_category_accordion #outer_ul > li #parent {
  position: absolute;
  right: 0;
  background-image: url("../images/default/btn_show.png");
  width: 30px;
  height: 30px;
  top: 11px;
  z-index: 9;
}
.rtl .widget_wc_category_accordion #outer_ul > li #parent {
  left: 0;
  right: auto;
}
.widget_wc_category_accordion #outer_ul > li a {
  display: block;
  text-transform: uppercase;
  padding: 12px 0 12px 30px;
  color: #000;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.widget_wc_category_accordion #outer_ul > li a:hover {
  background-color: #000;
  color: #fff;
}

/*------------------------------------*\
    Cart
\*------------------------------------*/
.cart_list .image {
  width: 70px;
  height: 70px;
}
.cart_list .cart-main-content {
  text-align: left;
}
.rtl .cart_list .cart-main-content {
  text-align: right;
}
.cart_list + .total {
  text-align: right;
  margin-top: 10px;
}
.rtl .cart_list + .total {
  text-align: left;
}

.widget_calendar table {
  width: 100%;
}
.widget_calendar table td, .widget_calendar table th {
  padding: 5px;
  text-align: center;
  border: 1px solid #e5e5e5;
}

.fixed-bottom {
  line-height: 26px;
  width: 100%;
  overflow: hidden;
}
.fixed-bottom ul li, .fixed-bottom ol li {
  font-size: 11px;
  text-transform: uppercase;
  margin: 0px;
  line-height: 32px;
}
.fixed-bottom .maps {
  padding: 0;
}

/*-----------------------------------------*\
    Widget Contact Us in Fixed Bottom Header
\*-----------------------------------------*/
.contact {
  background-color: #77beb5;
  color: #fff;
}
.contact > div {
  min-height: 440px;
  padding: 14px 16px;
}
.contact .widget-title {
  color: #fff;
  font-size: 19px;
  font-weight: 200;
}
.contact .title-contact {
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 700;
  line-height: 36px;
}
.contact a {
  text-decoration: underline;
  color: #000;
}
.contact p {
  margin: 0;
}
.contact .social {
  margin-top: 30px;
  padding-left: 8px;
}
.rtl .contact .social {
  padding-right: 8px;
  padding-left: inherit;
}

.social {
  margin-top: 30px;
}
.social li {
  float: left;
  width: 33px;
  height: 33px;
  margin: 0 18px 0 0 !important;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-color: #fff;
  border-width: 3px;
  border-style: double;
  text-align: center;
}
.rtl .social li {
  float: right;
}
.rtl .social li {
  margin: 0 0 !important 0 18px;
}
.social li a {
  width: 33px;
  height: 33px;
  float: left;
  line-height: 29px;
  overflow: hidden;
  padding-left: 4px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.rtl .social li a {
  float: right;
}
.rtl .social li a {
  padding-right: 4px;
  padding-left: inherit;
}
.social li a .fa, .social li a .icon {
  color: #fff;
  font-size: 17px;
}
.social li a span {
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  margin: 0 0 0 5px;
}
.rtl .social li a span {
  margin: 0 5px 0 0;
}
.social li a:hover span {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
.social li a:hover .fa, .social li a:hover .icon {
  color: #77beb5;
}
.social li:hover {
  background-color: #fff;
}
.social li:last-child a {
  margin: 0;
}

/*------------------------------------*\
	Widget Twitter
\*------------------------------------*/
.latest-twitter .fa, .latest-twitter .icon {
  font-size: 20px;
  margin: 0px 10px 0 0;
}
.rtl .latest-twitter .fa, .rtl .latest-twitter .icon {
  margin: 0px 0 0 10px;
}

/*------------------------------------*\
    Pricing Table
\*------------------------------------*/
.wpo-pricing-table {
  border: 0px;
  margin: 30px 0 !important;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.wpo-pricing-table .plain-info p {
  margin-bottom: 0;
}
.wpo-pricing-table .plan-title {
  color: #fff;
  position: relative;
  padding-bottom: 20px;
}
.wpo-pricing-table .plan-title:after {
  content: "";
  background: #fff;
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 30px;
  height: 1px;
}
.wpo-pricing-table .plan-link {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 12px;
  /* 9 */
  font-size: parseInt(12px)/10rem;
  /* 9 */
}
.wpo-pricing-table .plan-price {
  text-transform: uppercase;
}
.wpo-pricing-table .plan-figure {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 72px;
  /* 9 */
  font-size: parseInt(72px)/10rem;
  /* 9 */
  font-weight: 200;
}
.wpo-pricing-table .plan-currency {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 40px;
  /* 9 */
  font-size: parseInt(40px)/10rem;
  /* 9 */
  font-weight: 200;
}
.wpo-pricing-table .plan-period {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 12px;
  /* 9 */
  font-size: parseInt(12px)/10rem;
  /* 9 */
}
.wpo-pricing-table .pricing-body {
  border-top: 0px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  border-bottom: 0px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
}
.wpo-pricing-table .pricing-header,
.wpo-pricing-table .pricing-footer {
  border: 0px;
}
.wpo-pricing-table ul li, .wpo-pricing-table ol li {
  padding: 12px;
  border-bottom: 1px solid #e5e5e5;
}
.wpo-pricing-table ul li:last-child, .wpo-pricing-table ol li:last-child {
  border-bottom: 0px;
}
.wpo-pricing-table.featured-plan {
  margin: 0 !important;
}
.wpo-pricing-table.featured-plan .pricing-header {
  background: #77beb5;
  padding-top: 35px;
  padding-bottom: 35px;
}
.wpo-pricing-table.featured-plan .plan-link {
  background: #77beb5;
  padding-top: 20px;
  padding-bottom: 20px;
}
.wpo-pricing-table:hover {
  -webkit-transform: translateY(-2%);
  -ms-transform: translateY(-2%);
  -o-transform: translateY(-2%);
  transform: translateY(-2%);
}

.wpo-contact-info {
  color: #000;
  font-size: 14px;
}
.wpo-contact-info .widget-title {
  font-weight: 700;
  letter-spacing: 2px;
  font-size: 18px;
  margin: 0 0 25px 0;
}
.wpo-contact-info a {
  text-decoration: underline;
}
.wpo-contact-info p {
  margin: 0 0 5px;
}
.wpo-contact-info .media {
  margin: 0 0 25px 0;
}
.wpo-contact-info .media-left .fa {
  font-size: 30px;
  min-width: 40px;
}
.wpo-contact-info .media-heading {
  font-size: 14px;
  font-weight: 700;
}

/* 4. Base */
/*
*  Shortcode
*/
.grid-system .cell {
  border: 1px solid #e5e5e5;
  background: #e4e4e4;
  text-align: center !important;
  margin: 0 0px 10px 0;
  padding: 8px 0 8px 0;
}
.rtl .grid-system .cell {
  margin: 0 0 10px 0px;
}
.rtl .grid-system .cell {
  padding: 8px 0 8px 0;
}
.grid-system > div {
  padding: 0 5px 0 5px;
}
.rtl .grid-system > div {
  padding: 0 5px 0 5px;
}

.features-btn .table > thead > tr > th,
.features-btn .table > thead > tr > td,
.features-btn .table > tbody > tr > th,
.features-btn .table > tbody > tr > td,
.features-btn .table > tfoot > tr > th,
.features-btn .table > tfoot > tr > td {
  vertical-align: middle;
}

.icon .input-group-addon {
  background: #fff;
}
.icon .input-group-addon .fa, .icon .input-group-addon .icon {
  color: #000;
}

.icons-examples {
  padding-bottom: 30px;
  min-height: 130px;
}
.icons-examples .fa {
  /* 3 */
  /* 3 */
  /* 4 */
  /* 6 */
  /* 6 */
  /* 7 */
  font-size: 24px;
  /* 9 */
  font-size: parseInt(24px)/10rem;
  /* 9 */
  line-height: 40px;
  width: 40px;
  height: 40px;
  text-align: center;
}
.rtl .icons-examples .fa {
  text-align: right;
}

.shortcode_sourcecode {
  margin: 10px 0;
}
.shortcode_sourcecode code {
  white-space: normal;
}

/*
*  Base
*/
body {
  overflow-x: hidden;
}

img {
  max-width: 100%;
  height: auto;
}

iframe {
  border: none;
}

label {
  font-weight: normal;
}

del {
  font-size: 14px;
}

form label {
  font-weight: normal;
}

select {
  cursor: pointer;
  height: 30px;
  padding: 6px;
  border: 1px solid #e5e5e5;
}

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #fff;
}

.video-responsive {
  height: 0;
  padding-top: 0;
  padding-bottom: 56.25%;
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
}
.video-responsive embed, .video-responsive iframe, .video-responsive object, .video-responsive video {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

.audio-responsive iframe {
  width: 100%;
  height: 126px;
}

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

.map_canvas img {
  max-width: none;
}

.spinner {
  background: url("../images/spinner.gif") no-repeat;
  background-size: 20px 20px;
  display: block;
  opacity: 0.7;
  filter: alpha(opacity=70);
  width: 20px;
  height: 20px;
  margin: 0 auto;
}

table a.remove, .table a.remove {
  display: inline-block;
  font-size: 1.5em;
  text-align: center;
  line-height: 1;
  color: #77beb5;
  text-decoration: none;
  font-weight: bold;
  width: 1em;
  height: 1em;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}
table a.remove:hover, .table a.remove:hover {
  background-color: #77beb5;
  color: #fff;
}
table > thead > tr > th,
table > thead > tr > td, .table > thead > tr > th,
.table > thead > tr > td {
  border-bottom-width: 0px;
}
table.shop_table, .table.shop_table {
  width: 100%;
  height: auto;
  border: 1px solid #e5e5e5;
}
table.shop_table > thead > tr > th,
table.shop_table > thead > tr > td,
table.shop_table > tbody > tr > th,
table.shop_table > tbody > tr > td,
table.shop_table > tfoot > tr > th,
table.shop_table > tfoot > tr > td, .table.shop_table > thead > tr > th,
.table.shop_table > thead > tr > td,
.table.shop_table > tbody > tr > th,
.table.shop_table > tbody > tr > td,
.table.shop_table > tfoot > tr > th,
.table.shop_table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857;
  vertical-align: top;
  border: 1px solid #e5e5e5;
}
table.shop_table .button, .table.shop_table .button {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
}
table.cart .product-remove, .table.cart .product-remove {
  vertical-align: middle;
}
table.cart .product-remove, table.cart .product-thumbnail, .table.cart .product-remove, .table.cart .product-thumbnail {
  text-align: center;
}
table.cart .product-thumbnail img, .table.cart .product-thumbnail img {
  width: 70px;
  height: 70px;
}
table.cart .actions, .table.cart .actions {
  padding: 15px;
  vertical-align: middle;
}

.wpml-languages {
  position: relative;
}
.wpml-languages .heading {
  text-transform: uppercase;
  font-size: 15px;
}
.wpml-languages .heading:hover {
  cursor: pointer;
  color: #77beb5;
}
.wpml-languages .heading i {
  font-size: 10px;
}
.wpml-languages ul {
  background: #fff;
  display: none;
  position: absolute;
  top: 100%;
  left: -15px;
  min-width: 200px;
  z-index: 9999;
  -webkit-box-shadow: 0 1px 3px #999999;
  box-shadow: 0 1px 3px #999999;
}
.wpml-languages ul li {
  width: 100%;
  display: block;
  padding: 2px 20px;
  border-bottom: 1px solid #e5e5e5;
}
.wpml-languages ul li a {
  text-transform: uppercase;
  color: #999;
}
.wpml-languages ul li a:hover {
  color: #77beb5;
}
.wpml-languages:hover ul {
  display: block;
}

/*
*  Comments
*/
/* 5. Megamenu and Offcanvas */
/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (max-width: 769px) {
  #offcanvas-search {
    width: 100%;
  }

  .offcanvas-inner {
    position: relative;
  }

  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
  }
  .row-offcanvas.active .offcanvas-inner .offcanvas-heading {
    position: absolute;
    z-index: 99;
    top: 31px;
    right: -52px;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -70%;
    /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -70%;
    /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 70%;
    /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 70%;
    /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    z-index: 9999;
    top: 0;
    width: 70%;
    /* 6 columns */
  }
  .sidebar-offcanvas li > .dropdown-menu {
    padding-left: 15px;
    padding-right: 15px;
  }

  .btn-offcanvas {
    margin: 0;
  }
  .btn-offcanvas .fa {
    color: #fff;
    vertical-align: middle;
  }

  .mobile-dropdown-menu {
    display: none;
    padding: 0 0 0 30px;
  }

  .sidebar-offcanvas .caret {
    border-width: 7px !important;
  }
  .sidebar-offcanvas .navbar-nav li {
    position: relative;
  }
  .sidebar-offcanvas .navbar-nav li > a {
    padding: 10px 0;
  }
  .sidebar-offcanvas .navbar-nav li .caret {
    cursor: pointer;
    position: absolute;
    top: 16px;
    right: 0;
  }
}
/*
*  Main Menu
*/
.navbar-default .megamenu > .open > a {
  color: #77beb5;
}
.navbar-default .megamenu > .open > a:hover, .navbar-default .megamenu > .open > a:focus {
  color: #77beb5;
}
.navbar-default .megamenu ul li.parent {
  position: relative;
}
.navbar-default .megamenu > li {
  position: relative;
  margin-left: 6px;
  float: left;
}
.rtl .navbar-default .megamenu > li {
  margin-right: 6px;
  margin-left: inherit;
}
.rtl .navbar-default .megamenu > li {
  float: right;
}
.navbar-default .megamenu > li > a:hover, .navbar-default .megamenu > li > a:focus {
  color: #77beb5;
}
.navbar-default .megamenu > li > a:hover:before, .navbar-default .megamenu > li > a:focus:before {
  width: 100%;
  opacity: 1;
  filter: alpha(opacity=100);
}
.navbar-default .megamenu > li > a:before {
  background-color: #77beb5;
  content: "";
  height: 3px;
  left: 0;
  right: 0;
  margin: 0px auto;
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  -webkit-transition: all 0.6s ease-out 0s;
  transition: all 0.6s ease-out 0s;
  width: 0%;
  top: 0;
}
.navbar-default .megamenu > li:first-child {
  margin: 0;
}
.navbar-default .megamenu > li.active > a {
  color: #77beb5;
}
.navbar-default .megamenu > li.active > a:before {
  width: 100%;
  opacity: 1;
  filter: alpha(opacity=100);
}
.navbar-default .megamenu > li .dropdown-menu {
  padding: 17px;
  border: 0;
  background: #fff;
  min-width: 200px;
  max-width: 1170px;
}
.navbar-default .megamenu > li .dropdown-menu .megamenu-items {
  padding: 0;
}
.navbar-default .megamenu > li .dropdown-menu ul li {
  padding: 0;
  display: block;
}
.navbar-default .megamenu > li .dropdown-menu ul li a {
  line-height: normal;
  min-height: inherit;
  display: block;
  padding: 10px 0;
  color: #000;
  font-size: 11px;
  text-transform: uppercase;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.navbar-default .megamenu > li .dropdown-menu ul li a:hover {
  color: #77beb5;
}
.navbar-default .megamenu > li .dropdown-menu ul li:last-child {
  border: 0;
}
.navbar-default .megamenu > li .dropdown-menu ul li:active > a, .navbar-default .megamenu > li .dropdown-menu ul li.active > a {
  color: #77beb5;
}
.navbar-default .megamenu > li .dropdown-menu .widget-title {
  margin: 0 0 10px 0;
  color: #000;
  font-size: 16px;
  font-weight: 300;
}
.navbar-default .megamenu > li .dropdown-menu .product-grid:hover .price {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}
.navbar-default .megamenu > li .dropdown-menu .product-grid .button-groups {
  display: none;
}
.navbar-default .megamenu > li .dropdown-menu .product-grid .rating, .navbar-default .megamenu > li .dropdown-menu .product-grid .price {
  margin-bottom: 10px;
}
.navbar-default .megamenu > li .mega-dropdown-menu {
  padding: 20px;
}
.navbar-default .megamenu > li .mega-dropdown-menu ul li a {
  padding-left: 0;
  padding-right: 0;
}

/* Megamenu */
.dropdown-submenu > .dropdown-menu {
  top: 1px;
  left: 100%;
  margin-top: -1px;
}
.rtl .dropdown-submenu > .dropdown-menu {
  right: 100%;
  left: auto;
}

.wpo-megamenu .depth-0.aligned-fullwidth {
  position: inherit;
}
.wpo-megamenu .depth-0.aligned-fullwidth > .dropdown-menu {
  width: 100%;
}

@media (min-width: 768px) {
  .wpo-megamenu.animate .mega > .dropdown-menu {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
  }
  .wpo-megamenu.animate .mega.animating > .dropdown-menu {
    overflow: hidden;
    -webkit-transition: all 400ms;
    transition: all 400ms;
    display: block !important;
  }
  .wpo-megamenu.animate .mega.open > .dropdown-menu {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  .wpo-megamenu.animate .mega.open.animating > .dropdown-menu {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  .wpo-megamenu.animate.zoom .mega > .dropdown-menu {
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transform-origin: 20% 20%;
    -moz-transform-origin: 20% 20%;
    -ms-transform-origin: 20% 20%;
    transform-origin: 20% 20%;
  }
  .wpo-megamenu.animate.zoom .mega.open > .dropdown-menu {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  .wpo-megamenu.animate.elastic .mega > .dropdown-menu {
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 10% 0;
    -moz-transform-origin: 10% 0;
    -ms-transform-origin: 10% 0;
    transform-origin: 10% 0;
  }
  .wpo-megamenu.animate.elastic .mega.open > .dropdown-menu {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  .wpo-megamenu.animate.elastic .depth-0.mega > .dropdown-menu {
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    transform: scale(1, 0);
  }
  .wpo-megamenu.animate.elastic .depth-0.open > .dropdown-menu {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  .wpo-megamenu.animate.slide .mega.animating > .dropdown-menu {
    overflow: hidden;
  }
  .wpo-megamenu.animate.slide .mega > .dropdown-menu > div {
    -webkit-transition: all 400ms;
    transition: all 400ms;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    margin-top: -100%;
  }
  .wpo-megamenu.animate.slide .mega.open > .dropdown-menu > div {
    margin-top: 0%;
  }
  .wpo-megamenu.animate.slide .mega .mega > .dropdown-menu {
    min-width: 0;
  }
  .wpo-megamenu.animate.slide .mega .mega > .dropdown-menu > div {
    min-width: 200px;
    margin-top: 0;
    margin-left: -500px;
  }
  .rtl .wpo-megamenu.animate.slide .mega .mega > .dropdown-menu > div {
    margin-right: -500px;
    margin-left: inherit;
  }
  .wpo-megamenu.animate.slide .mega .mega.open > .dropdown-menu > div {
    margin-left: 0;
  }
  .rtl .wpo-megamenu.animate.slide .mega .mega.open > .dropdown-menu > div {
    margin-right: 0;
    margin-left: inherit;
  }
}
/*------------------------------------*\
    Megamenu RTL
\*------------------------------------*/
body.rtl .dropdown-submenu > .dropdown-menu {
  left: auto;
  right: 100%;
}
.rtl body.rtl .dropdown-submenu > .dropdown-menu {
  right: auto;
  left: auto;
}
.rtl body.rtl .dropdown-submenu > .dropdown-menu {
  left: 100%;
  right: auto;
}

/* 6. Form,Font and Style */
/*
*  Form
*/
/* Button
------------------------------------------------*/
.btn-outline {
  color: #000;
  background-color: #fff;
  border: 3px double #000;
}
.btn-outline:hover, .btn-outline:focus, .btn-outline:active, .btn-outline.active {
  color: #fff;
  border: 3px double #77beb5;
  background-color: #77beb5;
}

.btn-inverse {
  color: #fff;
  background-color: transparent;
  border: 3px double #fff;
}
.btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active {
  color: #fff;
  border: 3px double #77beb5;
  background-color: #77beb5;
}

/* Wooecommerce - Button - Input
------------------------------------------------*/
.button, #submit {
  display: inline-block;
  margin-bottom: 0;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  white-space: nowrap;
  text-transform: uppercase;
  font-weight: 700;
  border-top: 3px double #000;
  border-right: 3px double #000;
  border-bottom: 3px double #000;
  border-left: 3px double #000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  padding: 7px 20px;
  font-size: 11px;
  line-height: normal;
  border-radius: 0px;
}
.button:focus, .button:active:focus, .button.active:focus, #submit:focus, #submit:active:focus, #submit.active:focus {
  outline: none;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.button:hover, .button:focus, #submit:hover, #submit:focus {
  text-decoration: none;
  color: #fff;
  background: #77beb5;
  border: 3px double #77beb5;
}
.button:active, .button.active, #submit:active, #submit.active {
  outline: 0;
  text-decoration: none;
  color: #fff;
  background: #77beb5;
  border: 3px double #77beb5;
}
.button.loading, #submit.loading {
  position: relative;
}
.button.loading:before, #submit.loading:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: url(../images/ajax-loader.gif) center no-repeat transparent;
}
.button.added:before, #submit.added:before {
  left: 5px;
  position: absolute;
  font-size: 14px;
  top: 6px;
  text-indent: 0;
  font-family: 'WooCommerce';
  content: "\e017";
  color: #fff;
}
.rtl .button.added:before, .rtl #submit.added:before {
  right: 5px;
  left: auto;
}
.button.added .fa, .button.added .icon, #submit.added .fa, #submit.added .icon {
  display: none;
}
.button:disabled, .button.disabled, #submit:disabled, #submit.disabled {
  color: white;
  border: 1px solid #cccccc;
  background: #e5e5e5;
  cursor: not-allowed;
}
.button:disabled:active, .button.disabled:active, #submit:disabled:active, #submit.disabled:active {
  top: 0;
}

/* Search
------------------------------------------------*/
.wpo-search {
  position: relative;
}
.wpo-search .input-group-addon {
  padding: 0;
}
.wpo-search .input-group-addon .fa {
  background: none;
  border: none;
  color: #000;
}
.wpo-search .input-search {
  border-width: 1px 1px 1px 0px;
  padding: 0;
}
.rtl .wpo-search .input-search {
  border-width: 1px 0px 1px 1px;
}
.wpo-search .input-search:focus, .wpo-search .input-search:hover {
  border-color: #e5e5e5;
}

/* Select, Input
------------------------------------------------*/
input[type="text"],
input[type="number"], textarea {
  border: 1px solid #e5e5e5;
  padding: 6px;
}

.chosen-container {
  width: 100% !important;
}

label.select {
  overflow: hidden;
  width: 180px;
  cursor: pointer;
  border: 1px solid #e5e5e5;
}

#wpo-filter select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  appearance: none;
  width: 200px;
  border: 0;
  cursor: pointer;
  background: transparent url("../images/arrow.png") no-repeat 85% center;
  font-weight: 200;
}
#wpo-filter select:hover, #wpo-filter select:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/*
*   Font
*/
/*Google Font*/
@font-face {
  font-family: 'pluto';
  src: url("../fonts/PlutoSansBlack.eot?") format("eot"), url("../fonts/PlutoSansBlack.otf") format("opentype"), url("../fonts/PlutoSansBlack.woff") format("woff"), url("../fonts/PlutoSansBlack.ttf") format("truetype"), url("../fonts/PlutoSansBlack.svg#pluto") format("svg");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'pluto';
  src: url("../fonts/PlutoSansBold.eot?") format("eot"), url("../fonts/PlutoSansBold.otf") format("opentype"), url("../fonts/PlutoSansBold.woff") format("woff"), url("../fonts/PlutoSansBold.ttf") format("truetype"), url("../fonts/PlutoSansBold.svg#pluto") format("svg");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'pluto';
  src: url("../fonts/PlutoSansHeavy.eot?") format("eot"), url("../fonts/PlutoSansHeavy.otf") format("opentype"), url("../fonts/PlutoSansHeavy.woff") format("woff"), url("../fonts/PlutoSansHeavy.ttf") format("truetype"), url("../fonts/PlutoSansHeavy.svg#pluto") format("svg");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'pluto';
  src: url("../fonts/PlutoSansRegular.eot?") format("eot"), url("../fonts/PlutoSansRegular.otf") format("opentype"), url("../fonts/PlutoSansRegular.woff") format("woff"), url("../fonts/PlutoSansRegular.ttf") format("truetype"), url("../fonts/PlutoSansRegular.svg#PlutoSansRegular") format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'pluto';
  src: url("../fonts/PlutoSansLight.eot?") format("eot"), url("../fonts/PlutoSansLight.otf") format("opentype"), url("../fonts/PlutoSansLight.woff") format("woff"), url("../fonts/PlutoSansLight.ttf") format("truetype"), url("../fonts/PlutoSansLight.svg#PlutoSansLight") format("svg");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'pluto';
  src: url("../fonts/PlutoSansExtraLight.eot?") format("eot"), url("../fonts/PlutoSansExtraLight.otf") format("opentype"), url("../fonts/PlutoSansExtraLight.woff") format("woff"), url("../fonts/PlutoSansExtraLight.ttf") format("truetype"), url("../fonts/PlutoSansExtraLight.svg#pluto") format("svg");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'BebasNeue';
  src: url("../fonts/BebasNeue.eot");
  src: url("../fonts/BebasNeue.eot") format("embedded-opentype"), url("../fonts/BebasNeue.woff2") format("woff2"), url("../fonts/BebasNeue.woff") format("woff"), url("../fonts/BebasNeue.ttf") format("truetype"), url("../fonts/BebasNeue.svg#BebasNeue") format("svg");
}
/*Font WooCommerce*/
@font-face {
  font-family: 'star';
  src: url("../fonts/star.eot");
  src: url("../fonts/star.eot?#iefix") format("embedded-opentype"), url("../fonts/star.svg#star") format("svg"), url("../fonts/star.woff") format("woff"), url("../fonts/star.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'WooCommerce';
  src: url("../fonts/WooCommerce.eot");
  src: url("../fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("../fonts/WooCommerce.svg#WooCommerce") format("svg"), url("../fonts/WooCommerce.woff") format("woff"), url("../fonts/WooCommerce.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*Font Awesome*/
@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.eot?v=4 0.3");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4 0.3") format("embedded-opentype"), url("../fonts/fontawesome-webfont.svg?v=4 0.3#fontawesomeregular") format("svg"), url("../fonts/fontawesome-webfont.woff?v=4 0.3") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4 0.3") format("truetype");
  font-weight: normal;
  font-style: normal;
}
.rounded {
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
}

.show .feedback {
  display: none;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.table-responsive {
  overflow-x: scroll;
}

.user-login a {
  margin: 0 5px 0 5px;
  color: #77beb5;
}
.rtl .user-login a {
  margin: 0 5px 0 5px;
}

.user-setting {
  margin: 0;
  padding: 0;
}
.user-setting li a {
  display: block;
}
.user-setting li:hover {
  cursor: pointer;
}
.user-setting > li.dropdown:hover .caret {
  border-color: #000;
}
.user-setting .dropdown-toggle {
  font-weight: 400;
}
.user-setting .caret {
  border-color: #000;
  margin-left: 5px;
}
.rtl .user-setting .caret {
  margin-right: 5px;
  margin-left: inherit;
}
.user-setting .fa, .user-setting .icon {
  margin-right: 5px;
}
.rtl .user-setting .fa, .rtl .user-setting .icon {
  margin-left: 5px;
  margin-right: inherit;
}
.user-setting .dropdown-menu {
  min-width: 225px;
  left: -16px;
  margin: 0;
  z-index: 9999;
  padding: 0;
  top: 100%;
}
.rtl .user-setting .dropdown-menu {
  right: -16px;
  left: auto;
}
.user-setting .dropdown-menu li {
  display: block;
}
.user-setting .dropdown-menu li a {
  line-height: 35px;
  padding-left: 12px;
  font-size: 13px;
}
.user-setting .dropdown-menu li .fa {
  margin-right: 5px;
}

.place-order {
  padding: 30px;
}

.yith-wcwl-add-to-wishlist {
  margin: 0;
}

ul.yith_magnifier_gallery li a {
  margin-top: 16px;
}
ul.payment_methods li {
  margin-bottom: 30px;
}
ul.payment_methods li label {
  display: block;
  margin-bottom: 5px;
}

/*------------------------------------*\
    Color
\*------------------------------------*/
.white {
  color: #fff;
}

.black {
  color: #000;
}

.yellow {
  color: #ffd314;
}

/*------------------------------------*\
    Tab.
\*------------------------------------*/
.tabs-top .carousel-controls {
  top: -76px;
  right: 60px;
}
.rtl .tabs-top .carousel-controls {
  left: 60px;
  right: auto;
}
.tabs-top .tabs-list {
  text-align: center;
  position: relative;
}
.tabs-top .tabs-list:before {
  position: absolute;
  display: block;
  content: '';
  width: 100%;
  height: 1px;
  background: #e5e5e5;
  top: 16px;
  left: 0;
}
.tabs-top .tabs-list > li {
  float: none;
  display: inline-block;
  background-color: #fff;
  margin: 0 -1.5px;
  border-right: 1px solid #e5e5e5;
}
.rtl .tabs-top .tabs-list > li {
  border-left: 1px solid #e5e5e5;
  border-right: inherit;
}
.tabs-top .tabs-list > li:last-child {
  border: none;
}

.tabs-vertical .tabs-list,
.tabs-vertical .tab-content {
  width: 50%;
  float: left;
}
.rtl .tabs-vertical .tabs-list, .rtl
.tabs-vertical .tab-content {
  float: right;
}
.tabs-vertical .tabs-list > li {
  float: none;
}

.tabs-list {
  border: 0;
  margin: 35px 0;
  position: relative;
}
.tabs-list > li > a {
  font-size: 17px;
  color: #a0a0a0;
  text-transform: uppercase;
  font-weight: 300;
}
.tabs-list > li > a:hover, .tabs-list > li > a:hover {
  border-color: transparent;
}
.tabs-list > li.active > a,
.tabs-list > li.active > a:hover,
.tabs-list > li.active > a:focus {
  border-color: transparent;
  color: #000;
}

/*------------------------------------*\
    Brand Logo
\*------------------------------------*/
.brand-logo .carousel-control {
  border: 1px solid #e5e5e5;
  display: table;
  top: 70px;
  width: 41px;
  height: 82px;
}
.brand-logo .carousel-control .conner {
  display: table-cell;
  vertical-align: middle;
}
.brand-logo .carousel-control.left {
  left: -26px;
}
.rtl .brand-logo .carousel-control.left {
  right: -26px;
  left: auto;
}
.brand-logo .carousel-control.right {
  right: -26px;
}
.rtl .brand-logo .carousel-control.right {
  left: -26px;
  right: auto;
}
.brand-logo .carousel-control:hover {
  color: #fff;
  background: #77beb5;
}
.brand-logo .box-products {
  padding: 0 30px;
}

/*------------------------------------*\
    parallax
\*------------------------------------*/
.parallax {
  background-attachment: fixed !important;
  background-position: 50% 0;
  background-repeat: no-repeat !important;
}

/*------------------------------------*\
    Breadcrumbs
\*------------------------------------*/
.breadcrumb {
  background-color: transparent;
  text-align: center;
  padding: 0;
  font-size: 13px;
}
.breadcrumb a {
  font-size: 13px;
}
.breadcrumb > span {
  margin: 0 4px;
}
.breadcrumb > .fa {
  margin: 0 5px;
}

/*------------------------------------*\
    Quickview
\*------------------------------------*/
#wpo_modal_quickview {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  width: auto;
  height: auto;
  border: 0;
}
#wpo_modal_quickview .modal-dialog {
  overflow: hidden;
}
#wpo_modal_quickview .modal-dialog del .amount {
  color: #a0a0a0;
}
#wpo_modal_quickview .modal-content {
  border: 0;
}
#wpo_modal_quickview .modal-header {
  border: 0;
  padding: 0;
  min-height: inherit;
}
#wpo_modal_quickview .product-info {
  padding: 0;
  margin: 0;
}
#wpo_modal_quickview .product-info h1 {
  padding-top: 0;
}
#wpo_modal_quickview .product-info .qty {
  position: relative;
  left: 1px;
}
.rtl #wpo_modal_quickview .product-info .qty {
  right: 1px;
  left: auto;
}
#wpo_modal_quickview .product-info .product_meta {
  margin: 0;
}
#wpo_modal_quickview .product-info .product_meta:before, #wpo_modal_quickview .product-info .product_meta:after {
  content: " ";
  display: table;
}
#wpo_modal_quickview .product-info .product_meta:after {
  clear: both;
}
#wpo_modal_quickview .product-info .product_meta > div {
  margin-top: 10px;
}
#wpo_modal_quickview .close {
  position: relative;
  z-index: 1;
  padding: 5px;
}

/*------------------------------------*\
    Customize Live Theme Editor
\*------------------------------------*/
#wpo-customize {
  top: 0;
  width: 325px;
  left: -325px;
  -webkit-box-shadow: 3px 3px 5px -3px rgba(0, 0, 0, 0.15);
  box-shadow: 3px 3px 5px -3px rgba(0, 0, 0, 0.15);
}
#wpo-customize .panelbutton {
  border-color: #d8d8d8;
  -webkit-box-shadow: 3px 3px 5px -3px rgba(0, 0, 0, 0.15);
  box-shadow: 3px 3px 5px -3px rgba(0, 0, 0, 0.15);
}
#wpo-customize .panel-heading {
  padding: 3px 10px;
}
#wpo-customize .group-input label {
  font-weight: normal;
}
#wpo-customize .group-input {
  margin-top: 0;
  margin-bottom: 15px;
  margin-right: 6px;
}
.rtl #wpo-customize .group-input {
  margin-left: 6px;
  margin-right: inherit;
}
#wpo-customize .group-input select {
  width: 100%;
}
#wpo-customize .nav {
  border: 0;
}
#wpo-customize .nav a {
  padding: 5px 10px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  margin: 0 3px 3px 0;
  border: 1px solid #e5e5e5;
  font-size: 15px;
}
#wpo-customize .nav a:hover {
  background: #fff;
}
#wpo-customize .label {
  padding: 4px 5px;
}
#wpo-customize .panelbutton {
  right: -36px;
  -webkit-box-shadow: 3px 3px 5px -3px rgba(0, 0, 0, 0.15);
  box-shadow: 3px 3px 5px -3px rgba(0, 0, 0, 0.15);
}
.rtl #wpo-customize .panelbutton {
  left: -36px;
  right: auto;
}
#wpo-customize .panel-heading {
  padding: 8px 10px;
}
#wpo-customize .group-input label {
  font-weight: normal;
}
#wpo-customize input[type="text"] {
  height: 25px;
}

.carousel-controls {
  position: relative;
  background: #fff;
  float: right;
  padding-left: 7px;
  width: 87px;
  height: 40px;
  z-index: 99;
}
.rtl .carousel-controls {
  float: left;
}
.rtl .carousel-controls {
  padding-right: 7px;
  padding-left: inherit;
}
.carousel-controls .carousel-control {
  width: 40px;
  height: 40px;
  border: 1px solid #e5e5e5;
  right: 0;
  font-size: 32px;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  color: #a0a0a0;
  line-height: 38px;
}
.rtl .carousel-controls .carousel-control {
  left: 0;
  right: auto;
}
.carousel-controls .carousel-control:hover {
  color: #77beb5;
  border: 1px solid #77beb5;
  z-index: 9;
}
.carousel-controls .carousel-control.left {
  right: 39px;
}
.rtl .carousel-controls .carousel-control.left {
  left: 39px;
  right: auto;
}

.promotion {
  text-align: center;
}
.promotion h4 {
  font-weight: 700;
  font-size: 21px;
}
.promotion .info-promotion {
  padding: 0 10%;
  font-size: 15px;
  color: #fff;
  line-height: 25px;
  margin-top: 30px;
}
.promotion .text_promotion {
  color: #fff;
  text-transform: uppercase;
  width: 770px;
  margin: 65px auto !important;
  padding: 65px 0;
  position: relative;
}
.promotion .text_promotion:after, .promotion .text_promotion:before {
  border: 10px solid #fff;
  position: absolute;
  top: 0;
  width: 200px;
  z-index: 99;
  content: "";
  height: 100%;
}
.promotion .text_promotion:before {
  border-right: none;
  left: 0;
}
.rtl .promotion .text_promotion:before {
  border-left: none;
  border-right: inherit;
}
.rtl .promotion .text_promotion:before {
  right: 0;
  left: auto;
}
.promotion .text_promotion:after {
  border-left: none;
  right: 0;
}
.rtl .promotion .text_promotion:after {
  border-right: none;
  border-left: inherit;
}
.rtl .promotion .text_promotion:after {
  left: 0;
  right: auto;
}
.promotion .text_promotion .content-promotion {
  position: relative;
  z-index: 999;
}
.promotion .text_promotion:hover {
  cursor: pointer;
}
.promotion .text_promotion:hover .text_large {
  letter-spacing: 4px;
}
.promotion .text_medium {
  font-size: 20px;
  font-weight: 300;
}
.promotion .text_large {
  font-size: 100px;
  line-height: 110px;
  font-family: "BebasNeue";
  margin: 10px auto;
  padding: 20px 16px;
  letter-spacing: 0px;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.promotion .text_large span {
  color: #fff;
}
.promotion .text_small {
  font-size: 16px;
  font-weight: 700;
}

.wpb_single_image a {
  display: inline-block;
  position: relative;
  max-width: 100%;
}
.wpb_single_image a:before {
  display: block;
  content: '';
  width: 0px;
  height: 100%;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  background: rgba(108, 171, 214, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.wpb_single_image a:hover:before {
  width: 100%;
  height: 100%;
}

/*-------------------------------------------
	Testimonial
-------------------------------------------*/
.wpo-testimonial .box-heading {
  text-align: center !important;
}
.wpo-testimonial .box-heading:after {
  left: 0;
  right: 0;
  margin: 0 auto;
}
.rtl .wpo-testimonial .box-heading:after {
  right: 0;
  left: auto;
}
.rtl .wpo-testimonial .box-heading:after {
  left: 0;
  right: auto;
}
.wpo-testimonial .description {
  margin: 0 auto 40px;
  width: 58%;
  height: auto;
}
.wpo-testimonial .description p {
  font-size: 24px;
  font-style: italic;
}
.wpo-testimonial .info p {
  font-size: 12px;
}
.wpo-testimonial.skin-2 {
  text-align: right;
  padding: 0 40px;
}
.rtl .wpo-testimonial.skin-2 {
  text-align: left;
}
.wpo-testimonial.skin-2 .description {
  width: auto;
  height: auto;
}
.wpo-testimonial.skin-2 .description p {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  text-align: left;
  border: 1px solid #595959;
  padding: 23px;
  font-size: 18px;
}
.rtl .wpo-testimonial.skin-2 .description p {
  text-align: right;
}
.wpo-testimonial.skin-2 .info {
  display: table;
  width: 100%;
  text-align: right;
}
.rtl .wpo-testimonial.skin-2 .info {
  text-align: left;
}
.wpo-testimonial.skin-2 .info img {
  display: table-cell;
  vertical-align: middle;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  margin: 0 0 0 30px;
  border: 2px solid #ffd314;
}
.rtl .wpo-testimonial.skin-2 .info img {
  margin: 0 30px 0 0;
}
.wpo-testimonial.skin-2 .info .info-text {
  width: 84%;
  display: table-cell;
  vertical-align: middle;
}
.wpo-testimonial.skin-2 .carousel-indicators {
  position: static;
  margin: 0 auto 30px;
}

.testimonial-carousel {
  padding-bottom: 35px;
}

.testimonial-navigation {
  margin: 0;
  position: static;
  width: auto;
  height: auto;
  background: rgba(0, 0, 0, 0.5);
}
.testimonial-navigation li {
  border: 0;
  text-indent: inherit;
  background: none transparent;
  margin: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  width: 70px;
  height: 70px;
}
.testimonial-navigation .active {
  width: 70px;
  height: 70px;
}

/*-------------------------------------------
	Using Customers
-------------------------------------------*/
.using-customers {
  padding: 8px 0;
}

/*-------------------------------------------
	Modal
-------------------------------------------*/
.modal-content {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

.modal-lg {
  width: 900px;
}
.modal-lg.modal-min-width {
  width: 500px;
  height: auto;
  min-height: 90px;
}
.modal-lg.modal-min-width .modal-content {
  border: 0;
}
.modal-lg .total, .modal-lg .buttons {
  text-align: center;
}
.modal-lg .amount {
  color: #77beb5;
}

.newletter {
  border-width: 1px 0px 1px 0;
  border-color: #e5e5e5;
  border-style: solid;
}
.newletter .container {
  background: url("../images/newletter.png") no-repeat right bottom;
  padding: 40px 0;
}
.newletter .box-heading {
  text-align: right;
  margin: 0;
  font-weight: 100;
  font-size: 15px;
}
.newletter .box-heading h3.box-heading {
  margin: 0;
  font-size: 20px;
}
.newletter input[type="email"] {
  padding: 10px 12px 9px;
  height: 38px;
}
.newletter .input-group-btn .btn-default {
  margin-left: 10px;
}
.rtl .newletter .input-group-btn .btn-default {
  margin-right: 10px;
  margin-left: inherit;
}

/*-------------------------------------------
	Pagination
-------------------------------------------*/
.result-count {
  line-height: 30px;
  margin: 0;
  padding: 17px 0;
}

/*-------------------------------------------
	No Margin
-------------------------------------------*/
.no-margin {
  margin: 0 !important;
}
.no-margin .pagination {
  margin: 0;
}

.no-margin-left {
  margin-left: 0 !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.no-margin-top {
  margin-top: 0 !important;
}

.no-margin-bottom {
  margin-bottom: 0 !important;
}

/*-------------------------------------------
	No Padding
-------------------------------------------*/
.no-padding {
  padding: 0 !important;
}

.no-padding-left {
  padding-left: 0 !important;
}

.no-padding-right {
  padding-right: 0 !important;
}

.no-padding-top {
  padding-top: 0 !important;
}

.no-padding-bootom {
  padding-bottom: 0 !important;
}

/*-------------------------------------------
    Class suffix
-------------------------------------------*/
.dark {
  background: #515151;
}

.bg-skin {
  background: #77beb5;
}

.text-skin {
  color: #77beb5;
}

.ps-relative {
  position: relative;
}

/*-------------------------------------------
	Text Transform
-------------------------------------------*/
.text-uppercase {
  text-transform: uppercase;
}

.text-none {
  text-transform: none;
}

.text-capitalize {
  text-transform: capitalize;
}

.text-lowercase {
  text-transform: lowercase;
}

/*-------------------------------------------
	Price
-------------------------------------------*/
.price {
  color: #77beb5;
}
.price ins {
  text-decoration: none;
}
.price del {
  color: #a0a0a0;
}

/*------------------------------------*\
    Mobile
\*------------------------------------*/
.icon-mobile {
  width: 45px;
  height: 34px;
  color: #fff;
  display: table;
  text-align: center;
  cursor: pointer;
  margin: 5px 0;
  background: #77beb5;
}
.rtl .icon-mobile {
  text-align: right;
}
.icon-mobile .fa {
  display: table-cell;
  vertical-align: middle;
}

/*------------------------------------*\
    Typography
\*------------------------------------*/
.page-title {
  margin-top: 0;
  text-align: center;
  font-weight: 300;
  font-size: 30px;
}

/*------------------------------------*\
    wpo-ourservice
\*------------------------------------*/
.wpo-ourservice {
  padding: 40px 0;
  text-align: center;
}
.wpo-ourservice:hover .ourservice-heading {
  letter-spacing: 1px;
}
.wpo-ourservice .ourservice-heading {
  letter-spacing: 0px;
  font-size: 24px;
  font-weight: 500;
  text-transform: uppercase;
  margin: 0;
  font-family: "BebasNeue";
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

/* 7. Woocommerce */
/*------------------------------------*\
    Product Block
\*------------------------------------*/
.shopcol.first {
  clear: both;
}

.product-block .clear,
.product-block .added {
  display: none !important;
}
.product-block .onsale {
  top: 30px;
  left: 30px;
}
.rtl .product-block .onsale {
  right: 30px;
  left: auto;
}
.product-block .image {
  outline: 1px solid transparent;
  outline-offset: 0;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  position: relative;
  overflow: hidden;
  z-index: 9;
}
.product-block .image a {
  display: block;
  text-align: center;
}
.product-block .image .image-effect {
  top: 0;
  position: absolute;
  overflow: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.product-block .image .image-hover {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  opacity: 1;
  filter: alpha(opacity=100);
}
.product-block .image:hover .image-effect {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: -1;
}
.product-block .image:hover .image-hover {
  opacity: 0;
  filter: alpha(opacity=0);
}
.product-block:hover .image {
  outline: 1px solid #c0c1c3;
  outline-offset: -20px;
}
.product-block .price {
  font-size: 16px;
  color: #000;
  font-weight: 700;
}
.product-block .price del {
  color: #a0a0a0;
  font-weight: 300;
}
.product-block .price ins {
  color: #e85663;
  font-weight: 700;
}
.product-block .category {
  background: #fff;
  padding: 20px 0px 5px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin: 0;
  font-size: 13px;
}
.product-block .category a {
  color: #a0a0a0;
}
.product-block .category .cate {
  overflow: hidden;
  position: relative;
  padding: 0 20px;
}
.product-block .category .cate span {
  overflow: hidden;
  position: relative;
  background-color: #fff;
  padding: 0 8px;
}
.product-block .category .cate:before {
  content: "";
  position: absolute;
  background: #a0a0a0;
  bottom: 43%;
  margin: 0 auto;
  width: 100%;
  height: 1px;
  left: 0;
  right: 0;
}
.rtl .product-block .category .cate:before {
  right: 0;
  left: auto;
}
.rtl .product-block .category .cate:before {
  left: 0;
  right: auto;
}
.product-block .name {
  margin: 0 0 5px 0;
  font-size: 17px;
  line-height: 1.4;
  text-transform: none;
  font-weight: 300;
}

/*------------------------------------*\
    Product Grid
\*------------------------------------*/
.product-grid .add-links {
  margin: auto;
  padding: 0 8px;
  position: absolute;
  visibility: hidden;
  left: 0;
  right: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin: 20px;
  bottom: 0px;
  text-align: right;
  background: rgba(255, 255, 255, 0.9);
}
.rtl .product-grid .add-links {
  right: 0;
  left: auto;
}
.rtl .product-grid .add-links {
  left: 0;
  right: auto;
}
.product-grid .add-links a {
  display: inline-block;
  padding: 17px 12px;
  text-align: center !important;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}
.product-grid .add-links a span {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  display: none;
}
.product-grid .add-links a i {
  margin: 0;
}
.product-grid .add-links .yith-wcwl-add-to-wishlist a {
  position: relative;
}
.product-grid .add-links .yith-wcwl-add-to-wishlist img {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.product-grid .add-links .quick-view {
  float: left;
  text-transform: uppercase;
}
.product-grid .add-links .quick-view a.quickview {
  font-weight: 700;
  font-size: 11px;
}
.product-grid .add-links .quick-view .fa {
  margin-right: 7px;
}
.rtl .product-grid .add-links .quick-view .fa {
  margin-left: 7px;
  margin-right: inherit;
}
.product-grid .caption {
  position: relative;
}
.product-grid .name {
  margin: 0 0 8px;
}
.product-grid .added_to_cart,
.product-grid .btn-outline {
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}
.product-grid .rating {
  position: absolute;
  z-index: 9999;
  top: 20%;
  width: 100%;
  background-color: #fff;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.product-grid .rating strong {
  display: none;
}
.product-grid .button-groups > div {
  display: inline-block;
}
.product-grid:hover .category {
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
}
.product-grid:hover .overlay {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(0px, -48px);
  -ms-transform: translate(0px, -48px);
  -o-transform: translate(0px, -48px);
  transform: translate(0px, -48px);
  border-color: #e5e5e5;
}
.product-grid:hover .add-links {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}
.product-grid:hover .added_to_cart,
.product-grid:hover .btn-outline {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(0px, -20px);
  -ms-transform: translate(0px, -20px);
  -o-transform: translate(0px, -20px);
  transform: translate(0px, -20px);
}
.product-grid:hover .price {
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
}
.product-grid:hover .rating {
  opacity: 1;
  filter: alpha(opacity=100);
  top: 20px;
}

/*------------------------------------*\
    Product List
\*------------------------------------*/
.product-list {
  border: 0;
}
.product-list .image {
  margin-bottom: 10px;
}
.product-list .button-groups {
  border: 1px solid #e5e5e5;
  padding: 20px 12px;
}
.product-list .button-groups > div {
  border-bottom: 1px solid #e5e5e5;
  line-height: 30px;
}
.product-list .button-groups > div:last-child, .product-list .button-groups > div:first-child {
  border-bottom: none;
}
.product-list .button-groups > div, .product-list .button-groups a {
  margin-bottom: 5px;
  width: 100%;
  text-transform: uppercase;
  color: #a0a0a0;
  font-size: 11px;
  font-weight: 700;
}
.product-list .button-groups > div:hover, .product-list .button-groups a:hover {
  color: #77beb5;
}
.product-list .button-groups .add_to_cart_button {
  text-transform: uppercase;
}
.product-list .button-groups .add_to_cart_button:hover {
  color: #fff;
}
.product-list .description {
  line-height: 26px;
}
.product-list .name {
  margin-bottom: 10px;
}
.product-list .name a {
  font-size: 20px;
}
.product-list .show {
  position: relative;
}
.product-list .yith-wcwl-add-to-wishlist .add_to_wishlist .fa {
  display: none;
}
.product-list .yith-wcwl-add-to-wishlist .ajax-loading {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 11px auto;
}
.product-list .product-meta {
  padding: 0;
}
.product-list .rating {
  margin-bottom: 10px;
  overflow: hidden;
}
.product-list .rating .star-rating {
  float: left;
}

/*------------------------------------*\
    Product Info
\*------------------------------------*/
.product-info h1 {
  margin-top: 10px;
  text-transform: none;
}
.product-info .column-info {
  border: 1px solid #e5e5e5;
  text-align: center;
  padding: 30px 24px;
}
.product-info .column-info .label > label {
  color: #000;
  font-size: 15px;
  line-height: 32px;
  text-transform: uppercase;
}
.product-info .column-info .table-bordered {
  border: none;
}
.product-info .column-info .table-bordered > tbody > tr > th,
.product-info .column-info .table-bordered > tbody > tr > td {
  border: none;
  padding: 0;
}
.product-info .column-info .cart .quantity {
  position: relative;
  width: 80px;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
}
.product-info .column-info .cart .cart-number {
  margin: 0 0 20px;
}
.product-info .column-info .cart .qty {
  width: 60px;
  font-weight: 700;
  padding: 2px 6px;
  text-align: center !important;
  color: #000;
}
.product-info .column-info .cart .single_add_to_cart_button {
  width: 100%;
}
.product-info .column-info .compare {
  background: transparent;
  border-color: transparent;
  color: #a0a0a0;
}
.product-info .column-info .compare:active, .product-info .column-info .compare:hover {
  color: #77beb5;
}
.product-info .column-info .yith-wcwl-add-to-wishlist {
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
  line-height: 40px;
}
.product-info .column-info .yith-wcwl-add-to-wishlist .ajax-loading {
  position: absolute;
}
.product-info .column-info .yith-wcwl-add-to-wishlist .fa, .product-info .column-info .yith-wcwl-add-to-wishlist .icon {
  display: none;
}
.product-info .column-info .yith-wcwl-add-to-wishlist a {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 13px;
  color: #fff;
}
.product-info .column-info .yith-wcwl-add-to-wishlist a:hover {
  color: #77beb5;
}
.product-info .column-detail {
  padding-left: 0;
}
.rtl .product-info .column-detail {
  padding-right: 0;
  padding-left: inherit;
}
.product-info .column-detail .yith-wcwl-add-to-wishlist,
.product-info .column-detail .compare {
  display: none;
}
.product-info .product_meta {
  margin-top: 0;
  clear: both;
  color: #000;
}
.product-info .product_meta a {
  color: #a0a0a0;
  font-weight: 300;
}
.product-info .product_meta a:hover {
  color: #77beb5;
  text-decoration: underline;
}
.product-info .product_meta > div {
  margin-bottom: 10px;
}
.product-info .addthis {
  clear: left;
  overflow: hidden;
  padding: 30px 0;
}
.rtl .product-info .addthis {
  clear: right;
}
.product-info .woocommerce-product-rating {
  margin-bottom: 10px;
}
.product-info .woocommerce-product-rating:before, .product-info .woocommerce-product-rating:after {
  content: " ";
  display: table;
}
.product-info .woocommerce-product-rating:after {
  clear: both;
}
.product-info .woocommerce-product-rating > * {
  float: left;
}
.rtl .product-info .woocommerce-product-rating > * {
  float: right;
}
.product-info .woocommerce-product-rating .star-rating {
  margin-top: 7px;
  margin-right: 10px;
}
.rtl .product-info .woocommerce-product-rating .star-rating {
  margin-left: 10px;
  margin-right: inherit;
}
.product-info .minus,
.product-info .plus {
  right: 0;
  width: 21px;
  height: 14px;
  position: absolute;
  padding: 0;
  top: 0;
  text-align: center;
  font-size: 9px;
  background: #fff;
  border: 1px solid #e5e5e5;
}
.rtl .product-info .minus, .rtl
.product-info .plus {
  left: 0;
  right: auto;
}
.product-info .minus {
  bottom: 0;
  top: auto;
}
.product-info .clear {
  display: none;
}
.product-info .price {
  font-weight: 700;
  color: #000;
  font-size: 30px;
}
.product-info .price > * {
  vertical-align: middle;
}
.product-info .price del span {
  margin-right: 10px;
}
.rtl .product-info .price del span {
  margin-left: 10px;
  margin-right: inherit;
}
.product-info .yith_magnifier_zoom_wrap {
  z-index: 99;
}
.product-info .group_table td {
  border: none !important;
  vertical-align: baseline;
}

/*------------------------------------*\
    Global styles/layout
\*------------------------------------*/
p.demo_store {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: auto;
  text-align: center;
  font-size: 1em;
  padding: .5em 0;
  z-index: 99998;
  border: 1px solid #cccccc;
  -webkit-box-shadow: 0, 0, 0, 3px, rgba(255, 255, 255, 0.2);
  box-shadow: 0, 0, 0, 3px, rgba(255, 255, 255, 0.2);
}
.rtl p.demo_store {
  right: 0;
  left: auto;
}
.rtl p.demo_store {
  left: 0;
  right: auto;
}
.rtl p.demo_store {
  text-align: right;
}

.admin-bar p.demo_store {
  top: 28px;
}

/*------------------------------------*\
    Utilities
\*------------------------------------*/
.wc-forward:after, .wc-forward a:after {
  content: "\f061";
  font-family: "FontAwesome";
  margin: 0 0 0 5px;
}
.rtl .wc-forward:after, .rtl .wc-forward a:after {
  margin: 0 5px 0 0;
}

.wc-backward:before, .wc-backward a:before {
  content: "\f060";
  font-family: "FontAwesome";
  margin: 0 5px 0 0;
}
.rtl .wc-backward:before, .rtl .wc-backward a:before {
  margin: 0 0 0 5px;
}

/*------------------------------------*\
    woocommerce tabs
\*------------------------------------*/
.woocommerce-tabs {
  margin: 20px 0 0;
}
.woocommerce-tabs.tabs-top .tabs-list {
  margin: 0;
  padding: 20px 0;
  border-top: 1px solid #e5e5e5;
  text-align: left;
}
.woocommerce-tabs.tabs-top .tabs-list:before {
  background: transparent;
}
.rtl .woocommerce-tabs.tabs-top .tabs-list {
  text-align: right;
}
.woocommerce-tabs.tabs-top .tabs-list > li:first-child a {
  padding-left: 0;
}
.rtl .woocommerce-tabs.tabs-top .tabs-list > li:first-child a {
  padding-right: 0;
  padding-left: inherit;
}

#respond .form-submit input {
  left: auto;
}
.rtl #respond .form-submit input {
  right: auto;
  left: auto;
}
#respond textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#respond p.stars {
  position: relative;
  font-size: 1em;
  float: left;
  margin: 0;
  padding: 6px 0;
}
.rtl #respond p.stars {
  float: right;
}
#respond p.stars a {
  display: inline-block;
  font-weight: bold;
  text-indent: -9999px;
  position: relative;
  margin-right: 1em;
}
.rtl #respond p.stars a {
  margin-left: 1em;
  margin-right: inherit;
}
#respond p.stars a:last-child {
  border-right: 0;
}
.rtl #respond p.stars a:last-child {
  border-left: 0;
  border-right: inherit;
}
#respond p.stars a.star-1, #respond p.stars a.star-2, #respond p.stars a.star-3, #respond p.stars a.star-4, #respond p.stars a.star-5 {
  border-right: 1px solid #e5e5e5;
}
.rtl #respond p.stars a.star-1, .rtl #respond p.stars a.star-2, .rtl #respond p.stars a.star-3, .rtl #respond p.stars a.star-4, .rtl #respond p.stars a.star-5 {
  border-left: 1px solid #e5e5e5;
  border-right: inherit;
}
#respond p.stars a.star-1:after, #respond p.stars a.star-2:after, #respond p.stars a.star-3:after, #respond p.stars a.star-4:after, #respond p.stars a.star-5:after {
  font-family: "WooCommerce";
  text-indent: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.rtl #respond p.stars a.star-1:after, .rtl #respond p.stars a.star-2:after, .rtl #respond p.stars a.star-3:after, .rtl #respond p.stars a.star-4:after, .rtl #respond p.stars a.star-5:after {
  right: 0;
  left: auto;
}
#respond p.stars a.star-1 {
  width: 2em;
}
#respond p.stars a.star-1:after {
  content: "\e021";
}
#respond p.stars a.star-1:hover:after, #respond p.stars a.star-1.active:after {
  content: "\e020";
}
#respond p.stars a.star-2 {
  width: 3em;
}
#respond p.stars a.star-2:after {
  content: "\e021\e021";
}
#respond p.stars a.star-2:hover:after, #respond p.stars a.star-2.active:after {
  content: "\e020\e020";
}
#respond p.stars a.star-3 {
  width: 4em;
}
#respond p.stars a.star-3:after {
  content: "\e021\e021\e021";
}
#respond p.stars a.star-3:hover:after, #respond p.stars a.star-3.active:after {
  content: "\e020\e020\e020";
}
#respond p.stars a.star-4 {
  width: 5em;
}
#respond p.stars a.star-4:after {
  content: "\e021\e021\e021\e021";
}
#respond p.stars a.star-4:hover:after, #respond p.stars a.star-4.active:after {
  content: "\e020\e020\e020\e020";
}
#respond p.stars a.star-5 {
  width: 6em;
  border: 0;
}
#respond p.stars a.star-5:after {
  content: "\e021\e021\e021\e021\e021";
}
#respond p.stars a.star-5:hover:after, #respond p.stars a.star-5.active:after {
  content: "\e020\e020\e020\e020\e020";
}

/*------------------------------------*\
    Quantity inputs
\*------------------------------------*/
.quantity {
  width: 60px;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
  zoom: 1;
}
.quantity input.qty {
  width: 40px;
  height: 30px;
  float: left;
  text-align: center;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  padding: 0;
  border-right: 0;
  font-weight: bold;
  -moz-appearance: textfield;
}
.rtl .quantity input.qty {
  float: right;
}
.rtl .quantity input.qty {
  text-align: right;
}
.quantity input.qty:focus {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.quantity .plus, .quantity .minus {
  display: block;
  padding: 0;
  margin: 0;
  position: absolute;
  vertical-align: text-top;
  text-decoration: none;
  overflow: visible;
  text-decoration: none;
  cursor: pointer;
  line-height: 13px;
  font-size: 12px;
  color: #a0a0a0;
  border: 1px solid #dddddd;
  text-align: center;
  width: 20px;
  height: 15px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.075), inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.075), inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.1);
  background-image: -webkit-linear-gradient(top, #e0e0e0 0%, #eaeaea 100%);
  background-image: linear-gradient(to bottom, #e0e0e0 0%, #eaeaea 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFE0E0E0', endColorstr='#FFEAEAEA', GradientType=0);
  background: #fff;
  color: #000;
}
.rtl .quantity .plus, .rtl .quantity .minus {
  text-align: right;
}
.quantity .plus {
  top: 0;
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  right: 0;
}
.rtl .quantity .plus {
  left: 0;
  right: auto;
}
.quantity .minus {
  bottom: 0;
  right: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.rtl .quantity .minus {
  left: 0;
  right: auto;
}

/*------------------------------------*\
    Forms
\*------------------------------------*/
form .form-row:before, form .form-row:after {
  content: " ";
  display: table;
}
form .form-row:after {
  clear: both;
}
form .form-row label.hidden {
  visibility: hidden;
}
form .form-row label.inline {
  display: inline;
}
form .form-row label {
  display: block;
}
form .form-row select {
  cursor: pointer;
}
form .form-row .required {
  color: #e85663;
  font-weight: bold;
  border: 0;
}
form .form-row .input-text {
  width: 100%;
}
form .form-row.form-row-first {
  width: 47%;
  float: left;
}
.rtl form .form-row.form-row-first {
  float: right;
}
form .form-row.form-row-last {
  width: 47%;
  float: right;
}
.rtl form .form-row.form-row-last {
  float: left;
}

.wpo_productcategory {
  position: relative;
}

.product-quantity .input-text .input-sm {
  height: 30px;
  padding: 6px 6px;
  font-size: 12px;
  line-height: 1.33;
  border-radius: 0;
}
.product-quantity .input-text select.input-sm {
  height: 30px;
  line-height: 30px;
}
.product-quantity .input-text textarea.input-sm,
.product-quantity .input-text select[multiple].input-sm {
  height: auto;
}

.payment_methods {
  margin-top: 10px !important;
}
.payment_methods .input-radio {
  float: left;
  margin-top: 3px;
  margin-right: 5px;
}
.rtl .payment_methods .input-radio {
  float: right;
}
.rtl .payment_methods .input-radio {
  margin-left: 5px;
  margin-right: inherit;
}

/*------------------------------------*\
    Sale Label
\*------------------------------------*/
.onsale {
  top: 30px;
  width: 55px;
  height: 55px;
  left: 45px;
  float: left;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  text-align: center;
  color: transparent;
  font-size: 10px;
  font-weight: 300;
  text-transform: uppercase;
  position: absolute;
  z-index: 999 !important;
  border: 3px double #e85663;
}
.rtl .onsale {
  right: 45px;
  left: auto;
}
.rtl .onsale {
  float: right;
}

.out-of-stock-badge,
.label-sale {
  width: 55px;
  height: 55px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  line-height: 50px;
  font-family: "BebasNeue";
  font-size: 20px;
  color: #e85663;
}

/*------------------------------------*\
    Star rating
\*------------------------------------*/
.star-rating {
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 53px;
  height: 10px;
  line-height: 1em;
  font-family: 'star';
  font-size: 10px;
}
.star-rating:before {
  content: "\73\73\73\73\73";
  color: #cdcdcd;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
}
.star-rating span {
  overflow: hidden;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
  padding-top: 1.5em;
}
.star-rating span:before {
  content: "\53\53\53\53\53";
  top: 0;
  position: absolute;
  left: 0;
  color: #262a2e;
}

.category-image {
  margin-bottom: 25px;
}

/*------------------------------------*\
    Filter
\*------------------------------------*/
#wpo-filter {
  padding: 6px 0;
  margin-bottom: 10px;
}
#wpo-filter > * {
  margin-bottom: 0;
}
#wpo-filter .display:before, #wpo-filter .display:after {
  content: " ";
  display: table;
}
#wpo-filter .display:after {
  clear: both;
}
#wpo-filter .display li {
  float: left;
  margin-right: 5px;
}
.rtl #wpo-filter .display li {
  float: right;
}
#wpo-filter .display li a {
  text-align: center;
  display: table;
  color: #dbdbdb;
  border: 1px solid #e5e5e5;
  font-size: 16px;
  width: 28px;
  height: 28px;
}
#wpo-filter .display li a .fa {
  display: table-cell;
  vertical-align: middle;
}
#wpo-filter .display li a span {
  margin: 0;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
#wpo-filter .display li a:hover, #wpo-filter .display li a.active, #wpo-filter .display li a:active, #wpo-filter .display li a:focus {
  color: #000;
}
#wpo-filter .display li a.active {
  cursor: default;
}
#wpo-filter .display li a.waiting {
  color: #dbdbdb;
}
#wpo-filter .display li a.waiting .fa {
  color: #dbdbdb;
}
#wpo-filter .display li span {
  display: inline-block;
  margin: 5px 5px 0 0px;
}
.rtl #wpo-filter .display li span {
  margin: 5px 0px 0 5px;
}

/*------------------------------------*\
    Mini Cart
\*------------------------------------*/
.top-cart .mini-cart,
.top-cart .cart-icon {
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 400;
}
.top-cart .dropdown.cart {
  background-image: url("../images/default/cart.png");
  background-position: left center;
  background-repeat: no-repeat;
  padding: 12px 0 12px 40px;
  display: inline-block;
}
.rtl .top-cart .dropdown.cart {
  background-position: right center;
}
.rtl .top-cart .dropdown.cart {
  padding: 12px 40px 12px 0;
}
.top-cart .btn {
  color: #000;
  font-size: 11px;
  font-weight: 300;
}
.top-cart .btn:hover {
  color: #fff;
}
.top-cart .media {
  border-bottom: 1px solid #e5e5e5;
  padding: 15px 0;
  margin: 0;
}
.top-cart .media .name {
  font-size: 15px;
  text-transform: none;
  margin: 0;
}

.cart.dropdown:hover > .dropdown-menu, .cart.dropdown:active > .dropdown-menu {
  display: block;
  margin: 0;
}

.cart-large {
  padding: 13px;
}

/*------------------------------------*\
    related  upsells 
\*------------------------------------*/
.related .carousel-controls,
.upsells .carousel-controls {
  margin: -73px 0 0;
}

/* 8 Slider */
/*
 *  Revolution Slider
 */
.tparrows.default {
  background-image: none;
  position: relative;
  width: 51px;
  height: 100px;
}
.tparrows.tp-leftarrow {
  background-image: url("../images/default/slider-left.png");
}
.tparrows.tp-rightarrow {
  background-image: url("../images/default/slider-right.png");
}

.tp-bullets.simplebullets.round .bullet {
  background: #fff;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  margin-left: 10px;
}
.rtl .tp-bullets.simplebullets.round .bullet {
  margin-right: 10px;
  margin-left: inherit;
}
.tp-bullets.simplebullets.round .bullet.selected {
  background-color: #77beb5;
}

.tp-caption a {
  color: #fff;
  display: inline;
}
.tp-caption a:hover, .tp-caption a:active {
  color: #fff;
}
.tp-caption a.white {
  background: #fff;
  color: #000;
}
.tp-caption a.white:hover, .tp-caption a.white:active {
  background: #77beb5;
  color: #fff;
}

/* 9. Lookbook */
.lookbook-category {
  position: relative;
}
.lookbook-category .lookbook-category-title {
  background: #e5e5e5;
  color: #000000;
  text-transform: uppercase;
  padding: 30px auto;
  text-align: center;
  font-size: 30px;
  position: relative;
  padding: 50px 0;
}
.lookbook-category .lookbook-category-title:after {
  content: "";
  width: 0px;
  height: 0px;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 12px solid #e5e5e5;
  position: absolute;
  z-index: 999;
  bottom: -12px;
  right: 0;
  left: 0;
  margin: 0px auto;
}
.lookbook-category .tag-link {
  margin: 0 0 12px;
}
.lookbook-category .tag-link a {
  color: #c6c6c6;
}
.lookbook-category .tag-link a:hover {
  color: #fff;
}
.lookbook-category .lookbook-information {
  text-align: center;
  width: 100%;
  position: absolute;
  z-index: 1;
  top: 40%;
  left: 0;
  padding: 0 20px;
}
.lookbook-category .lookbook-information .lookbook-title {
  color: #fff;
  font-size: 40px;
  font-family: "BebasNeue";
  margin: 0;
  letter-spacing: 2px;
}
.lookbook-category .lookbook-items {
  position: relative;
  background: #FFFFFF;
}
.lookbook-category .lookbook-preview {
  background: #f8f8f8;
  border: solid 6px #77beb5;
  overflow: hidden;
  position: relative;
  z-index: 999;
}
.lookbook-category .lookbook-preview .loading {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  right: 0;
  background: url(../images/loader_white.gif) no-repeat center center #000;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.lookbook-category .lookbook-preview .button-close {
  position: absolute;
  top: 25px;
  right: 40px;
  z-index: 2;
  background: transparent;
  font-size: 20px;
}
.lookbook-category .lookbook-preview .lookbook-products {
  position: absolute;
  right: 0;
  top: 0;
}
.lookbook-category .wrapper-lookbook-products {
  position: relative;
}
.lookbook-category .wrapper-lookbook-products-inner {
  background: #FFFFFF;
}
.lookbook-category .item > div:after {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.lookbook-category .item > div.active:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -6px;
  border-style: solid;
  border-width: 12px;
  border-color: #77beb5 transparent transparent transparent;
}
.lookbook-category .item > div.active:after {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 0;
}
.lookbook-category .item > div:hover:after {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 0;
}

.lookbook-products .lookbook-heading {
  font-weight: normal;
  padding: 20px 30px;
  border-bottom: solid 1px #CCCCCC;
}
.lookbook-products .lookbook-heading h3 {
  font-size: 15px;
}
.lookbook-products .lookbook-heading .btn {
  margin-top: 20px;
}
.lookbook-products .category {
  font-size: 11px;
}
.lookbook-products .price {
  color: #000;
  font-size: 14px;
  font-weight: 600;
}
.lookbook-products .media {
  padding: 20px 30px;
}
.lookbook-products .media .media-heading {
  font-size: 14px;
  text-transform: inherit;
}
.lookbook-products .media .btn {
  margin: 30px 0 0;
  background: transparent;
}
.lookbook-products .media:hover {
  background: #000000;
  color: #FFFFFF;
}
.lookbook-products .media:hover a {
  color: #FFF;
}
.lookbook-products .media:hover .price {
  color: #fff;
}
.lookbook-products .media:hover .btn {
  border-color: #fff;
}

/* 10. Responsive */
/*
*  Responsive
*/
@media (min-width: 1201px) and (max-width: 1460px) {
  .navbar-default .megamenu > li {
    margin-left: 0;
  }
  .rtl .navbar-default .megamenu > li {
    margin-right: 0;
    margin-left: inherit;
  }
  .navbar-default .megamenu > li:first-child {
    margin: 0;
  }
}
@media (max-width: 1280px) {
  .lookbook-category .lookbook-preview .lookbook-products {
    max-height: 100%;
    overflow: scroll;
  }
  .lookbook-category .lookbook-preview .button-close {
    right: 15px;
    top: 0;
  }
}
@media (max-width: 1200px) {
  .header-left {
    float: none !important;
    margin: 100px 0 0;
  }

  .stheader-3 .cart .dropdown-menu {
    right: 0;
    left: inherit;
  }
  .rtl .stheader-3 .cart .dropdown-menu {
    left: 0;
    right: auto;
  }
  .rtl .stheader-3 .cart .dropdown-menu {
    right: inherit;
    left: auto;
  }

  .product-grid .btn-outline {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
  }
  .product-grid:hover .price {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
  }
  .product-grid:hover .btn-outline {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  .product-grid .image {
    outline: 1px solid transparent;
  }
  .product-grid .image:hover .image-effect {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  .product-grid .image:hover .image-hover {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  .product-grid .category {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  .product-grid .rating {
    opacity: 1;
    filter: alpha(opacity=100);
    top: 20px;
  }
  .product-grid .add-links {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
  }

  .wpb-container .container .shopcol .product-grid .add-links {
    margin: 0;
    padding: 0;
  }

  .lookbook-category .lookbook-heading h3 {
    font-size: 15px;
  }
  .lookbook-category .lookbook-preview .button-close {
    top: 0;
    right: 15px;
  }
  .lookbook-category .lookbook-preview .lookbook-products {
    top: 0;
    max-height: 100%;
    overflow: scroll;
  }
  .lookbook-category .wrapper-lookbook-products-inner {
    margin: 0;
  }
  .lookbook-category .lookbook-information {
    top: 30%;
  }
  .lookbook-category .lookbook-information .lookbook-title {
    font-size: 25px;
  }
}
@media (max-width: 992px) {
  .tabs-list > li > a {
    font-size: 13px;
  }

  .shopcol:nth-child(2n+1) {
    clear: both;
  }
  .shopcol.first {
    clear: none;
  }

  .stheader-2 .logo-in-theme {
    float: none !important;
  }
  .stheader-2 .wpo-megamenu {
    float: left !important;
  }

  .stheader-3 .navbar-default .megamenu > li {
    margin-left: 15px;
  }
  .rtl .stheader-3 .navbar-default .megamenu > li {
    margin-right: 15px;
    margin-left: inherit;
  }
  .stheader-3 .navbar-default .megamenu > li:first-child {
    margin-left: 0;
  }
  .rtl .stheader-3 .navbar-default .megamenu > li:first-child {
    margin-right: 0;
    margin-left: inherit;
  }
  .stheader-3 .wpo-megamenu > .navbar-collapse {
    margin: 0;
  }

  .nav > li > a {
    padding-left: 13px;
    padding-right: 13px;
  }

  .menu_fixed .navbar-default .megamenu > li > a {
    padding: 27px 13px;
  }

  .lookbook-category .lookbook-preview .lookbook-products {
    position: relative;
  }
}
@media (max-width: 767px) {
  #page-full .wpo-header {
    padding: 0 10px;
  }
  #page-full .wpo-header .navbar {
    min-height: 80px;
  }

  .stheader-2 .wpo-megamenu {
    margin: -91px 0 0 -5px;
  }

  .stheader-3 .logo-in-theme {
    text-align: center;
  }
  .stheader-3 .wpo-megamenu {
    margin: -45px 0 0 -20px;
  }

  .header-left {
    margin: 10px 0 0;
  }

  .tparrows.default {
    display: none;
  }

  .tabs-top .tabs-list {
    margin: 15px 0;
  }
  .tabs-top .tabs-list > li {
    display: block;
    text-align: left;
    border: none;
  }
  .rtl .tabs-top .tabs-list > li {
    text-align: right;
  }
  .tabs-top .tabs-list > li > a {
    padding: 5px 17px !important;
  }

  .wpo-ourservice {
    padding: 20px 0;
  }

  .wpo-service .wpb_column {
    border-bottom: 1px solid #333333;
  }

  .footer-logo {
    margin: 10px 0 0;
    text-align: center;
    width: 100%;
  }

  .lookbook-category .item {
    text-align: center;
  }
  .lookbook-category .item > div {
    display: inline-block;
    max-width: 100%;
  }

  .related-posts-lookbook > .row {
    text-align: center;
  }
  .related-posts-lookbook > .row > div {
    display: inline-block;
    margin-bottom: 15px;
  }
}
@media (max-width: 480px) {
  .product-block.product-grid {
    margin-bottom: 10px !important;
  }

  .navbar-default .navbar-toggle:hover {
    background-color: #77beb5;
    border-color: #77beb5;
  }
  .navbar-default .navbar-toggle:hover .icon-bar {
    background-color: #fff;
  }

  .icon-mobile {
    float: right;
  }
  .rtl .icon-mobile {
    float: left;
  }

  .topbar-menu {
    border: none;
  }

  .wpo-lookbook-items .media-info > div {
    width: 100%;
  }
  .wpo-lookbook-items .media-info .pull-right {
    float: left !important;
  }
}