/* Copyright (C) WarpTheme, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
#offcanvas-toggler {
    display: inline-flex;
    align-items: center;
    height: 100px;
    line-height: 100px;
    font-size: 20px;
}
.shad
{box-shadow: 0 0 20px #eee;  }
 #sp-menu>.sp-column
{
	height:100%;
	
    float: left;
  }
.sppb-popover {
    position: absolute;
    top: 0;
    left: 10px;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    text-align: left;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e2e5e9;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    white-space: normal
}
.sppb-popover-content-item {
  background-color: #fff;
width: 300px;
  color: #293945;
  box-sizing: border-box;
  transition: .1s ease-in-out;
    transition-property: all;
    transition-duration: 0.1s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
    transition-behavior: normal;
  transition-property: color,background-color,background-size,border-color,box-shadow;
  box-shadow: 0 5px 5px rgba(0,0,0,.1);
}

/* переключатель языков */
.sp-module-content .mod-languages ul.lang-inline li  {
 width: 37px;
  height: 37px;
  left: 1210px;
  top: 0px;
  background: #e6490d;
  display: flex;
  border-radius: 50%;
  display: flex;
 justify-content: center;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #ffffff; !important;
  text-transform: capitalize;
  align-items: center;
   float: right;
}
.sp-module-content .mod-languages ul.lang-inline li a {
  padding: 10 !important;
  color: #ffffff; !important;
  
  div.mod-languages ul li.lang-active {
  background-color: #82828280 !important;
  padding: 10px 15px 10px; 13px;
  border-radius: 3px;
}
.sp-megamenu-parent {  
  float: left; 
}

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
  .dd-fill-tertiary {
  --ribbon-background-color: rgb(245, 245, 247);
}
.dd-l-plate::after {
  clear: both;

}
  .dd-l-plate::after, .dd-l-plate::before {
  content: " ";
  display: table;
}
  .dd-holiday-animation-header-202411 .dd-holiday-animation-container {
  width: 100%;
  height: 75px;
}
  .dd-l-plate {
  position: relative;
  margin-inline-start: auto;
  margin-inline-end: auto;
  width: 980px;
}
  .dd-holiday-animation-header-202411 .dd-holiday-animation-yellow {
  width: 40vw;
  height: 50px;
  background: #fd8c1f;
  top: -75px;
  right: 10vw;
  animation: yellowAnimation 1.5s ease-out forwards .5s;
}
  .dd-holiday-animation-header-202411 .dd-holiday-animation-color {
  filter: blur(20px);
  position: absolute;
  border-radius: 50%;
}
  .dd-holiday-animation-header-202411 .dd-holiday-animation-pink-one {
  width: 40vw;
  height: 150px;
  background: #ff3f98;
  top: -200px;
  left: 0;
  right: 0;
  margin: 0 auto;
  opacity: .5;
  animation: pinkOneAnimation 2s ease-in-out forwards;
}
  .dd-holiday-animation-header-202411 .dd-holiday-animation-pink-two {
  width: 30vw;
  height: 150px;
  background: #e9a5ff;
  top: -200px;
  left: -25%;
  right: 0;
  margin: 0 auto;
  animation: pinkTwoAnimation 1.2s ease-in-out forwards;
}
.dd-holiday-animation-header-202411 .dd-holiday-animation-blue {
  width: 60vw;
  height: 75px;
  top: -100px;
  left: 0;
  background: #4186fd;
  opacity: .5;
  animation: blueAnimation 1s ease .2s forwards;
}