/* Before after slide 1.1.0 */
.lvd-cm-before-after-s .lvd-container                             {border-radius:var(--lvd-rounded);}
/* Content */
.lvd-cm-before-after-s .lvd-content                               {width:100%;}
.lvd-cm-before-after-s .lvd-section-title                         {color:var(--lvd-color-black); }
.lvd-cm-before-after-s .lvd-section-title.lvd-text-center         {padding-left:0;}
.lvd-cm-before-after-s .lvd-content-details                       {padding-left:40px; margin-bottom:16px;}
/* Swiper */
.lvd-cm-before-after-s .lvd-swiper-before-after                   {width:100%;}
.lvd-cm-before-after-s .swiper                                    {position:relative; border-radius:var(--lvd-rounded);}
.lvd-cm-before-after-s .swiper-slide                              {display:flex;} 
.lvd-cm-before-after-s .swiper-wrapper                            {z-index:2; position:relative; margin:0 auto;}
.lvd-cm-before-after-s .lvd-img                                   {position:relative; width:50%;}
.lvd-cm-before-after-s .lvd-img.lvd-image-filter img              {filter: brightness(1.2) grayscale(100%); transition: all .3s;}
.lvd-cm-before-after-s .lvd-img.lvd-image-filter img:hover        {filter: none;}
.lvd-cm-before-after-s .lvd-img-before img                        {border-radius:var(--lvd-rounded-left); margin-right:2px; }
.lvd-cm-before-after-s .lvd-img-after img                         {border-radius:var(--lvd-rounded-right); margin-left:2px;}
.lvd-cm-before-after-s .lvd-caption                               {position:absolute; max-width: calc(100% - 200px); background:var(--lvd-color-white); font-size:var(--lvd-text-s1); border-radius:20px; padding:6px 12px;}
.lvd-cm-before-after-s .lvd-img-before .lvd-caption               {bottom:20px; right:20px;}
.lvd-cm-before-after-s .lvd-img-after .lvd-caption                {bottom:20px; left:20px;}
.lvd-cm-before-after-s .swiper-button-next                        {z-index:4; position:absolute; top: 20px !important; right:20px !important; width: 50px !important; height: 50px !important; border-radius:25px; background: var(--lvd-color-white); color: var(--lvd-color-black) !important; text-align: center!important; vertical-align:middle; box-shadow: var(--lvd-shadow-100);}
.lvd-cm-before-after-s .swiper-button-next:hover                  {background:var(--lvd-color-black); color:var(--lvd-color-white)!important;}
.lvd-cm-before-after-s .swiper-button-next:after                  {font-size:24px !important;  font-family: 'icomoon' !important; content: "\e94e"; line-height: 50px; margin-right:-4px;}
.lvd-cm-before-after-s .swiper-button-prev                        {transform: rotate(180deg); z-index:4; position:absolute; top: 20px !important; left:auto !important; right:90px !important; width: 50px !important; height: 50px !important; border-radius: 25px; background: var(--lvd-color-white); color: var(--lvd-color-black) !important;  text-align: center!important; vertical-align:middle; box-shadow: var(--lvd-shadow-100);}
.lvd-cm-before-after-s .swiper-button-prev:hover                  {background:var(--lvd-color-black); color:var(--lvd-color-white) !important;}
.lvd-cm-before-after-s .swiper-button-prev:after                  {font-size:24px !important;  font-family: 'icomoon' !important; content: "\e94e"; line-height: 50px; margin-right:-4px;}

/* Dark */
.lvd-cm-before-after-s.lvd-style-dark .swiper-button-next         {background:var(--lvd-color-black); color: var(--lvd-color-white) !important; }
.lvd-cm-before-after-s.lvd-style-dark .swiper-button-next:hover   {background:var(--lvd-color-white); color:var(--lvd-color-black)!important;}
.lvd-cm-before-after-s.lvd-style-dark .swiper-button-prev         {background:var(--lvd-color-black); color: var(--lvd-color-white) !important; }
.lvd-cm-before-after-s.lvd-style-dark .swiper-button-prev:hover   {background:var(--lvd-color-white); color:var(--lvd-color-black)!important;}
.lvd-cm-before-after-s.lvd-style-dark .lvd-caption                {background:var(--lvd-color-black); color: var(--lvd-color-white);}

/* Bm */
@media (min-width:1px) and (max-width:767px)
{
.lvd-cm-before-after-s                                            {margin-right:8px !important; margin-left:8px !important;}
.lvd-cm-before-after-s .lvd-content                               {width:100%;}
.lvd-cm-before-after-s .lvd-content-details                       {padding:0 40px; margin-bottom:0;}
.lvd-cm-before-after-s .lvd-button-group                          {padding:0 40px 40px 40px; text-align:left;}
.lvd-cm-before-after-s .lvd-img                                   {width:100%;}
.lvd-cm-before-after-s .lvd-img-before img                        {border-radius:var(--lvd-rounded-top); margin-bottom:2px;margin-right:0;}
.lvd-cm-before-after-s .lvd-img-after img                         {border-radius:var(--lvd-rounded-bottom); margin-left:0;}
.lvd-cm-before-after-s .lvd-caption                               {max-width: 80%;}
.lvd-cm-before-after-s .lvd-img-before .lvd-caption               {bottom:20px; left:20px; right:auto;}
.lvd-cm-before-after-s .lvd-img-after .lvd-caption                {top:20px; left:20px; bottom:auto;}
.lvd-cm-before-after-s .swiper-button-next                        {top: 10px !important; right:10px !important; width: 40px !important; height: 40px !important; border-radius:20px;}
.lvd-cm-before-after-s .swiper-button-next::after                 {font-size:20px !important; line-height: 40px; margin-right:-3px;}
.lvd-cm-before-after-s .swiper-button-prev                        {top: 10px !important; right:66px !important; width: 40px !important; height: 40px !important; border-radius:20px;}
.lvd-cm-before-after-s .swiper-button-prev::after                 {font-size:20px !important; line-height: 40px; margin-right:-3px;}
}

/* Bt */
@media (min-width:768px) and (max-width:1023px)
{
.lvd-cm-before-after-s                                             {margin-right:24px !important; margin-left:24px !important;}
}

/* Full HD */
@media (min-width:1024px) and (max-width:1344px)
{
.lvd-cm-before-after-s                                             {margin-right:24px !important; margin-left:24px !important;}
}