body
{
    font-family: "Rubik", sans-serif;
}
a
{
  text-decoration: none;
  color:#000
}
.shadow-top
{
  box-shadow: 0px 4px 40px 0px #00153414;
}

.text-black *
{
  color:#000 !important;
}
.text-grey2
{
  color: #848A93 !important;
}

.text-grey2
{
  color:#787D85 !important;
}
.text-rose
{
  color: #FF3471 !important;
}

 a.nav-link:hover
{
  color: #FF3471 !important;
}


.orange
{
  background: #F7B300 !important;
}
.rose
{
  background: #FF3471
}
.border_rose
{
border-color: #FF3471
}
.gray_grad
{
background: rgb(250,252,255);
background: linear-gradient(180deg, rgba(250,252,255,1) 0%, rgba(245,246,247,1) 100%);

}
.rounded
{
 border-radius: 20px !important
}

 .radius40
 {
   border-radius: 40px
 }


 .circleblock
 {
background-image: url(../images/Ellipse_66.svg) ;
background-position: right top;
background-repeat: no-repeat;
background-size: contain;
 }
.bg-heart
{

background-image: url(../images/heart.svg) ;
background-position: right 87%;
background-repeat: no-repeat;
}

.bg-cards
{
  background-image: url(../images/cards.svg) ;
background-position: right 50%;
background-repeat: no-repeat;
}

.gray
{
  background-color:#F6F8FA   !important
}
.gray_20
{
background-color:   #EDEFF3 !important
}

.gray_50
{
  background-color:#848A93 !important
}
.bg_blue_tg
{
  background-color: #59A6FF  !important;
   color: #fff;
   border: 0px;
    padding: 14px 24px;;
     border-radius: 40px;;
}
.h2, h2 {
  font-size: 2.2rem;
}

.fs-7
{
   font-size:14px
 }
.nav-pills .nav-link
{
  color: #000 !important;
   margin:0px 10px;
}

 .nav-pills .nav-link:hover
 {

color:#FF3471 !important;
 }

.nav-pills .nav-link.active, .nav-pills .show > .nav-link

{

background-color:#FF3471;
 color: #fff !important;
 margin:0px 10px;
}
.nav-pills .nav-link.active  svg path,
.nav-pills .nav-link.active  svg circle,

 .nav-pills .show > .nav-link path,
 .nav-pills .show > .nav-link circle
 {
 stroke:#fff
 }

 .nav-pills .nav-link:hover svg path,
  .nav-pills .nav-link:hover svg circle
  {
   stroke:#FF3471
  }

.nav-pills .nav-link
{
  border-radius: 40px;
}


.rose-tabs.nav-pills .nav-link
{
  padding:5px 10px;;
  margin:0px 2px !important;

  border: solid 1px #EDEFF3 !important
}
.rose-tabs.nav-pills .nav-link:hover,
.rose-tabs.nav-pills .nav-link.active
{
 border:1px solid  #FF3471 !important;
}

  .form-control.searchinput
  {
    background-image:url(../images/search.svg);background-position:0% 50%; background-color: #F6F8FA;background-repeat: no-repeat;padding-left:40px;
  }

.carousel-indicators [data-bs-target]
{
  width:8px !important;;
  height:  8px !important;
   background: #EDEFF3;
   border:3px solid #fff;
   border-radius:50%;
}
.carousel-indicators .active
{

   border:3px solid #FF3471;
   background: #fff
}


.circle
{
border:2px solid  #FF3471;
padding:2px;
max-height:120px !important;
transition: all ease-out 0.6s;



}
.circle:hover,.circle_h
{
  padding:5px;
  border:15px solid  #FF3471;
}

.kvadro
{
  background: url(../images/kvadro.svg) no-repeat right;
padding-right:20px;
}

.btn-yellow
{
background:   #FFDD2D !important
}

.btn-rose  ,.btn-rose2:hover
{
  color: #000;
  padding: 14px 20px;;
  border: solid 1px  #FF3471 ;
  border-radius: 40px;;

}

.btn-rose:hover ,.btn-rose2
{

   color: #fff;
   padding: 14px 20px;;
     border-radius: 40px;;
        background: #FF3471;
            border: solid 1px  #FF3471 ;

}

.carousel-control-next, .carousel-control-prev
   {
width:60px;

   }
.carousel-control-next
{
  margin-right: -30px;
}
.carousel-control-prev
{
  margin-left:-30px;
}
   .carousel-control-next-icon, .carousel-control-prev-icon
   {
          background: url(../images/chevron_top.svg) no-repeat 50% 50%;

     background-size: 25%;

     border-radius: 50%;
     border:solid 1px  #FF3471;
     width:56px;
     height:56px;

   }

    .carousel-control-next-icon
    {
      transform: rotate(180deg);
    }
    .transformscale
{
      transition: ease 0.2s all;
}

.teaser_image img:hover,.transformscale:hover
{
transform: scale(1.1)
}
.fitimage_contain
{
         -o-object-fit: contain;
  object-fit: contain;
  object-position: 50%;
}

.fitimage_none
{
    -o-object-fit: cover;
 object-fit: none;
object-position: unset;

}

.fitimage
{
  -o-object-fit: cover;
  object-fit: cover;
  object-position: 50%;
}
   .slick-prev:before,
    .slick-next:before {
      color: black;
    }
    .slider2 .slick-list,    .slider3 .slick-list
    {
      max-height: 450px   ;
      min-height: 450px   ;

    }

    .slider2 .slick-slide,    .slider3 .slick-slide
    {
      min-width:300px
    }

/*pagination */



div.pagination {
    clear: both;
    text-align: center;
    margin: 15px 0 0 0;
}

div.pagination p.counter {
    font-style: italic;
}

div.pagination ul {
    list-style: none;
    padding: 0;
}

div.pagination ul li {
    list-style: none;
    display: inline;
    padding: 0 5px 0 5px;
}
/*shop*/
 #mxcpr
 {
   display: none !important;
 }
.sf_block ul
{
  list-style: none;
  padding-left: 10px;
}

.bottomcards
{
  min-height: 240px !important;
}
.jshop_pagination ul
{
  width:100%
}

.jshop_pagination ul li.pagination-next
{
  display: inline-block !important;
  background:rgba(237, 239, 243, 1);
  color:#000;
  padding:5px 10px;
}

.jshop_pagination div.pagination ul li
{
  display: none;
}
.accordion-button:not(.collapsed)
{
  background-color: rgba(237, 239, 243, 1) !important;
}
 .label17    img
 {
   width:100px;
 }

/**/

@-webkit-keyframes rotation {
    0% {-webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg);}
    100% {-webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg);}
}
@-moz-keyframes rotation {
    0% {-webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg);}
    100% {-webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg);}
}
@-o-keyframes rotation {
    0% {-webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg);}
    100% {-webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg);}
}
@keyframes rotation {
    0% {-webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg);}
    100% {-webkit-transform:rotate(360deg);
        -moz-transform:rotate(720deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg);}
}


@media screen and (min-width:0px) and (max-width:700px) {
  .topmenublock
  {
    position: fixed;
    z-index: 10 !important;
  }

  .bg-cards
{
background-size: 50%
}
.bg-heart
{
  background-size: 50%
}
 .circleblock .bg_blue_tg
 {
   font-size:  10px;
 }
  }