/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
 .product-variants li {
   float: left !important;
 }
.demo_stores span, .demo_blogs span {
  display: inline-block;
  width: 260px; }

.demo_stores span {
  height: 300px;
  background: url(/upload/stmegamenu/stores.jpg) no-repeat left top; }

.demo_stores.demo_item_2 span {
  background-position: left -300px; }

.demo_stores.demo_item_3 span {
  background-position: left -600px; }

.demo_stores.demo_item_4 span {
  background-position: left -900px; }

.demo_stores.demo_item_5 span {
  background-position: left -1200px; }

.demo_stores.demo_item_6 span {
  background-position: left -1500px; }

.demo_stores.demo_item_7 span {
  background-position: left -1800px; }

.demo_stores.demo_item_8 span {
  background-position: left -2100px; }

.demo_stores.demo_item_9 span {
  background-position: left -2400px; }

.demo_stores.demo_item_10 span {
  background-position: left -2700px; }

.demo_stores.demo_item_11 span {
  background-position: left -3000px; }

.demo_stores.demo_item_12 span {
  background-position: left -3300px; }

.demo_stores.demo_item_13 span {
  background-position: left -3600px; }

.demo_stores.demo_item_14 span {
  background-position: left -3900px; }

.demo_stores.demo_item_15 span {
  background-position: left -4200px; }

.demo_stores.demo_item_16 span {
  background-position: left -4500px; }

.demo_stores.demo_item_17 span {
  background-position: left -4800px; }

.demo_stores.demo_item_18 span {
  background-position: left -5100px; }

.demo_stores.demo_item_19 span {
  background-position: left -5400px; }

.demo_blogs span {
  height: 410px;
  background: url(/upload/stmegamenu/blogs.jpg) no-repeat left top; }

.demo_blogs.demo_item_2 span {
  background-position: left -410px; }

.demo_blogs.demo_item_3 span {
  background-position: left -820px; }

.demo_blogs.demo_item_4 span {
  background-position: left -1230px; }

.demo_blogs.demo_item_5 span {
  background-position: left -1640px; }

.demo_blogs.demo_item_6 span {
  background-position: left -2050px; }

.demo_blogs.demo_item_7 span {
  background-position: left -2460px; }

.demo_blogs.demo_item_8 span {
  background-position: left -2870px; }

.demo_blogs.demo_item_9 span {
  background-position: left -3280px; }

.demo_blogs.demo_item_10 span {
  background-position: left -3690px; }

.demo_blogs.demo_item_11 span {
  background-position: left -4100px; }

.demo_blogs.demo_item_12 span {
  background-position: left -4510px; }

.demo_blogs.demo_item_13 span {
  background-position: left -4920px; }

.demo_product_pages {
  text-align: center;
  display: inline-block;
  width: 210px;
  margin: 10px 6px; }
  .demo_product_pages .demo_item_image {
    display: block;
    height: 160px;
    background: url(/upload/stmegamenu/product_pages.jpg) no-repeat left top;
    margin-bottom: 6px; }
  .demo_product_pages .demo_item_name {
    display: block;
    height: 1.5em;
    line-height: 1.5em;
    overflow: hidden; }
    .demo_product_pages .demo_item_name.two_rows {
      height: 3em; }
  .demo_product_pages.demo_item_2 .demo_item_image {
    background-position: left -160px; }
  .demo_product_pages.demo_item_3 .demo_item_image {
    background-position: left -320px; }
  .demo_product_pages.demo_item_4 .demo_item_image {
    background-position: left -480px; }
  .demo_product_pages.demo_item_5 .demo_item_image {
    background-position: left -640px; }
  .demo_product_pages.demo_item_6 .demo_item_image {
    background-position: left -800px; }
  .demo_product_pages.demo_item_7 .demo_item_image {
    background-position: left -960px; }
  .demo_product_pages.demo_item_8 .demo_item_image {
    background-position: left -1120px; }
  .demo_product_pages.demo_item_9 .demo_item_image {
    background-position: left -1280px; }
  .demo_product_pages.demo_item_10 .demo_item_image {
    background-position: left -1440px; }

#profilki_socialbuttons_117635880 a{margin: 0 6px; display: block; z-index: 99999; top: 240px; right: 1px;  position: fixed;} 
#profilki_socialbuttons_117635880 svg *{pointer-events: all;} 
#profilki_socialbuttons_117635880 svg {display: block; margin: 6px; margin-left: auto; margin-right: auto; pointer-events: all;height: 52px; width: 52px}
#profilki_socialbuttons_117635880 svg:hover #front_svg_circle{fill: rgba(255,255,255,0.2) !important;}

#profilki_socialbuttons_117635882 a{margin: 0 6px; display: block; z-index: 99999; top: 300px; right: 1px;  position: fixed;}
#profilki_socialbuttons_117635882 svg *{pointer-events: all;} 
#profilki_socialbuttons_117635882 svg {display: block; margin: 6px; margin-left: auto; margin-right: auto; pointer-events: all;height: 52px; width: 52px}
#profilki_socialbuttons_117635882 svg:hover #front_svg_circle{fill: rgba(255,255,255,0.2) !important;}

#profilki_socialbuttons_117635883 a{margin: 0 6px; display: block; z-index: 99999; top: 360px; right: 1px;  position: fixed;}
#profilki_socialbuttons_117635883 svg *{pointer-events: all;}
#profilki_socialbuttons_117635883 svg {display: block; margin: 6px; margin-left: auto; margin-right: auto; pointer-events: all;height: 52px; width: 52px; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%); border-radius: 50%; fill: #fff}
#profilki_socialbuttons_117635883 svg:hover #front_svg_circle{fill: rgba(255,255,255,0.2) !important;}


/* blog custom css */

.pshowblog .page-heading-title {
font-size: 1.2rem;
/* margin-left: -15px;
margin-right: -15px; */
}

.pshowblog h2 {
  padding-bottom: 5px;
  margin: auto;
  border: none;
  font: 600 18px/22px "Open Sans", sans-serif;
  color: #555454;
  text-transform: uppercase;
  overflow: hidden;
}
.pshowblog h2 strong {
  font-weight: inherit;
}

.pshowblog p {
  text-align: justify;
  font-size: 14px;
}

.pshowblog .page-heading-title {
  font: 600 22px/24px "Open Sans", sans-serif;
}
.pshowblog_entry .page-heading-title {
  font-size: 1.2rem;
    margin-left: -15px;
    margin-right: -15px;
  }
  #pshowblog_entries .page-heading {
    margin: 0 -15px;
  }
@media (max-width: 575px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .hidden-lg {
    display: none !important;
  }
}