/*Фон под продуктите*/ 
 .single-product { background-color:#fff; } 
/*Радиус на бутоните на социалните мрежи*/ 
 .share-btn.whatsapp, .share-in-socials>a,div.footer-widget div.social-icons ul li, .share-in-socials>button { border-radius: 50% !important;  } 
/*Акценти без отстояние*/ 
 .text_pages_pictures {  padding: 0;  }
.single_accent {  padding: 0;  } 
/*Снимки в COVER формат*/ 
 .image-wrapper {  padding-top: 0;  }
.single-product .productinfo img {  height: 100%;  }
.single-products .productinfo img { height: 100%;  }
.category_image>img {  height: 100%; }
.category_image {  padding-bottom: 100%; }
.productinfo picture {  padding-bottom: 100%;  }
.gallery_page .image.fixed-height img, .image_gallery_index .image.fixed-height img { height: 100%; } 
/*Редизайн на Slick slider*/ 
 .slick-slide {   margin: 0px;   }
.slick-dotted.slick-slider { margin-bottom:0; }
.slick-slide img {   width: 100%;  }
.slick_slider_wrapper {
    position: relative;
    color: #ffffff;
    font-size: 6rem;
    font-weight: 700;
    text-shadow: 0 0 30px #3a1515a3;
}
a.show-all-cats {  background: #1f1b19; }

.slick-slide {  transition: all ease-in-out .3s;  opacity: 1; position: relative;  }
.slick-active {   opacity:  1;  }
.slick-current {   opacity: 1;  }
.slick-slide-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    height: 100%;
    background: #ffc5953d;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.slick-slide-content h1, .slick-slide-content h2, .slick-slide-content p, .slick-slide-content li { color: #fff; }
.slick-slide-content h1 {  font-size: 5rem;  }
.slick-slide-content h2 {  font-size: 3.5rem;  }
.slick-slide-content p {  font-size: 1.4rem; font-weight: bold; }

.slick-prev {  display: block;  transform: rotate(180deg);  }
.slick-next {  display: next;  transform: rotate(0deg);  }


.slick-prev:before, .slick-next:before {  font-family: inherit;  content: "\f061";  opacity: 1; font-size: 34px; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {  color: white;  background: var(--dp-main_color);  }

.slick-dots li button:before { display: none;  }
.slick-dots {  bottom: 6%;  z-index: 1;  margin:0 auto;  left:0; right:0; transform: scale(.8); }  /* големина на точките ---------------------------------------------------------- */
.slick-dots li {  margin: 5px 5px;  }
.slick-dots li:not(.slick-active) button {  background: #fff;  border: 2px solid #fff;  border-radius: 50%;  }
.slick-dots li.slick-active button {  background: var(--dp-main_color);  border-radius: 50%;  }

.slick-prev, .slick-next {
    left: 10%;
    top: calc(50% - 50px);
    background: #00000047;
    z-index: 1;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    opacity: .9;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}
.slick-next {  left: initial; right: 10%;  }


.slick-dots li.slick-active button:before {
    opacity: .9;
    color: #763CC0;
}
.slick-dots li button:before {  font-size: 16px; }
.slick-action { display: none; } 

.slide-content-wrapper a.btn.btn-default {
    border: 2px solid #fff;
    background: none;
    margin-top: 2rem;
    border-radius: 30px;
}

.slide-content-wrapper a.btn.btn-default:hover { 
    background-color: var(--dp-header_menu_hover_color);
    border: 2px solid var(--dp-header_menu_hover_color);
}


@media screen and (min-width: 769px) {
    .slick_slider_wrapper { margin-top:  0px; } /* отстояние от топ */
    .slick-slide, .slick-slide img { height: 800px;  object-fit: cover; } /* височина на слайдъра */
}

@media screen and (max-width: 769px) {
   .slick-slide { height: 50vh;  }
   .slick-slide img { height: 50vh;  }
   .slick-next {  right: 15px;  }
   .slick-prev {  left: 15px; }
   .bg-page-content>div {  flex-direction: column-reverse;  }
   .bg-page-content h1 {  text-align: center;  margin: 3rem 0;  }
   .slick-slide img {  object-fit: cover;  }
   .bg-page-content h1 {   font-size: 20px; }
   #special-offers h2>span, #new-items h2>span {  font-size: 28px;  }
   .navbar-nav>li>a {  font-size: 18px;  }
   .single-product h2 {  font-size: 16px; }
   h2.title {  font-size: 28px;  }
   .above-map-contacts {   font-size: 1.4rem; }
   .single_accent {  width: 100%;  }
    #special-offers h2>span, #new-items h2>span { font-size: 28px; }
   .product-information h1 {  font-size: 24px;  }
}



@media screen and (max-width: 768px) {
    .slick-slide-content {
      position: relative;
      top: initial;
      left: initial;
      width: 100%;
      display: block;
      height: 100%;
      padding: 15px;
    }
}

/** Text Animation **/

  @keyframes fadein{
    0% { opacity:0; }
    26% { opacity:0; left:200px; }
    100% { opacity:1; left: 0px;  }
  }

  @-webkit-keyframes fadein{
      0% { opacity:0; }
      26% { opacity:0; left: 200px; }
      100% { opacity:1; left: 0px; }
  } 

  @-webkit-keyframes fadeInUpSD {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpSD {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpSD {
  -webkit-animation-name: fadeInUpSD;
  animation-name: fadeInUpSD;
}

--.slick-slide-content h1, --.slick-slide-content a.btn.btn-default {  opacity: 0;  }

.slide-content-option-wrapper {
  position: absolute;
  bottom: -200px;
}

.slick-slide-content h1 {
  opacity: 1;
  width: 100%;
  padding: 10px 20px 30px 0;
}

.slick-active .slick-slide-content h1 {
  animation-name: fadeInUpSD;
  animation-duration: 1s;
}

.slick-slide-content .slide-content-wrapper {
  position: relative;
}

.slick-slide-content .slide-content-option-wrapper {
  opacity: 0;
  position: absolute;
  -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.slick-active .slide-content-option-wrapper{
    -webkit-animation: 1s ease 1s normal forwards 1 fadein;
    animation: 1s ease 1s normal forwards 1 fadein;
}


.slick-active .btn {
  -webkit-animation: 1s ease 1s normal forwards 1 fadein;
  animation: 1s ease 1s normal forwards 1 fadein;
  opacity: 1;
  position: absolute;  
} 
/*Персонални настройки v2025*/ 
 .image_gallery_index p { color: #fff;  }
.image_gallery_index:not(.masonry-design) picture {  padding-bottom: 73%; }
.banners {  background: #ffffff; }
.text_pages_pictures div.text-section {  width: calc(100% - 4rem); }
.text_pages_pictures div.text-section,
.text_pages_pictures div.text-section h2 {  text-align: center; }
.single_accent p.read-more {  display: none; }
.text-section i.fa{  font-size: 2em; }
.indexCategoriesOuter {  background-color: #f7f7f7; }
section.gallery_section {  background-image: url(https://perun.bg/media/graphics/30/76/middle_bg_edit.jpg); }
.image_gallery_index a.go_to_gallery {  background: #342214; border: none; }
.panel-group .panel-footer h3 { font-weight: bold; font-size: 1.5em; }
.cookies_message {  background: #ffffff; }
.breadcrumbs .breadcrumb {  margin-top: 5px; }
.banners div.content {  margin: 30px 0; }
.gallery_section {  padding: 90px 0; }
.indexCategoriesOuter { background: url(https://perun.bg/media/graphics/9c/8b/paralax.png);  }
.home_page_content, header .owl-carousel {  background: url(https://perun.bg/media/graphics/42/9b/contact_bg.jpg);  background-size: cover; }
.page-wrapper {     background: url(https://perun.bg/media/graphics/9c/8b/paralax.png);  background-position-y: bottom;  background-size: 100% auto; }
.page-wrapper .container.wrapper {
        background: #f9f1ecd1;
        border-radius: 15px !important;
        border: 2px solid #fff;
        padding-top: 2rem;
    }

.product-information .new, .productinfo .new { background: #c90000; z-index: 1; border-bottom-left-radius: 15px; }
strong.new span { display: block; color: #fff; line-height: 41px;  font-size: 14px; text-align: center; }

.add-to-cart {  padding: 10px 30px; }
nav li.phone a {  background: #c90000; }

section.home_page_content strong > a, section.home_page_content a > strong, section.home_page_content a { color: #dfb68b; }
.indexCategoriesSection .panel-body {  max-height: initial; }
.panel-group .panel-footer { height: 80px; vertical-align: middle; display: flex; justify-content: center; align-content: center; align-items: center; }
.gallery_page .image.fixed-height img, .image_gallery_index .image.fixed-height img {  filter: sepia(.3); }
.product-information {  background: #ffffff75; }
.page_item div.page_image img {  object-fit: scale-down; }

.header-design-products {
        height: 120px;
        background: url(//perun.bg/media/banners/site_bg2.jpg);
        background-size: 100% auto;
        background-position: bottom;
}
.header-design-contacts, .header-design-pages, .header-design-news {
        height: 120px;
        background: url(//perun.bg/media/banners/site_bg2.jpg);
        background-size: 100% auto;
        background-position: bottom;
} 
/*Основен шрифт - Raleway External Embed(Cyrillic)*/ 
 @font-face {
    font-family: Raleway;
    src: url("themes/classic_shop/fonts/Raleway-v4020-Regular.otf") format("opentype");
}
@font-face {
    font-family: Raleway-sb;
    src: url("themes/classic_shop/fonts/Raleway-v4020-SemiBold.otf") format("opentype");
}
body {
    font-family: 'Raleway', sans-serif;
    font-feature-settings: 'pnum' on, 'lnum' on;
}
h1, h2,
.navbar:not(.small_header) .navbar-nav>li>a, .navbar-nav>li>a {
    font-family: 'Raleway-sb', sans-serif;
    font-feature-settings: 'pnum' on, 'lnum' on;
}
p {  font-weight: 400;  }
#header > div > nav > div > div > ul > li.phone a span, td.wrapper-price, .date, body > div.contact-tools > ul > li:nth-child(2) { -font-family: sans-serif;  } 
/*Скрива категориите на тексовите страници и новини*/ 
 body#page_news .container.wrapper .col-sm-3 .left-sidebar,
body#pages .page-wrapper .left-sidebar{
    display:none;
}

body#page_news .container.wrapper .col-sm-3,
body#pages .container.wrapper .col-sm-3 {
    width: 12.5%;
} 
/*Категории с фиксирана позиция*/ 
 body#index .left-sidebar, .left-sidebar {
   position: sticky;
    top: 100px;
    top: 160px; /* for multiline headers */
}

@media (min-width: 1024px) {
    #ecom-section, #pages > div.page-wrapper > div > div.row, #page_news > div.container.wrapper > div, #page_news_view > div.container.wrapper > div {  display: flex;  }
}