.elementor-4806 .elementor-element.elementor-element-7401346{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-4806 .elementor-element.elementor-element-feaeeee{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-4806 .elementor-element.elementor-element-b9b210e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4806 .elementor-element.elementor-element-b9b210e .heading-default-layout{text-align:left;}.elementor-4806 .elementor-element.elementor-element-b9b210e .heading-layout1new .item-subtitle:after{background-color:#ee212b;}.elementor-4806 .elementor-element.elementor-element-b9b210e .item-beforetitle{font-weight:500;letter-spacing:0px;}.elementor-4806 .elementor-element.elementor-element-b9b210e .item-title{color:#111111;}.elementor-4806 .elementor-element.elementor-element-b9b210e .section-subtitle{color:#646464;}.elementor-4806 .elementor-element.elementor-element-d296cc6{margin:2em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;}.elementor-4806 .elementor-element.elementor-element-c2522c8{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:50px;}.elementor-4806 .elementor-element.elementor-element-fa06a00 > .elementor-widget-container{margin:-8px 0px 0px 0px;padding:0px 45px 0px 15px;}.elementor-4806 .elementor-element.elementor-element-fa06a00 .heading-default-layout{text-align:left;}.elementor-4806 .elementor-element.elementor-element-fa06a00 .heading-layout1new .item-subtitle:after{background-color:#ee212b;}.elementor-4806 .elementor-element.elementor-element-fa06a00 .item-beforetitle{font-weight:500;letter-spacing:0px;}.elementor-4806 .elementor-element.elementor-element-fa06a00 .item-title{color:#111111;}.elementor-4806 .elementor-element.elementor-element-fa06a00 .section-subtitle{color:#646464;}.elementor-4806 .elementor-element.elementor-element-bbadc35 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-4806 .elementor-element.elementor-element-bbadc35 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-4806 .elementor-element.elementor-element-bbadc35{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}@media(max-width:1024px) and (min-width:768px){.elementor-4806 .elementor-element.elementor-element-feaeeee{--width:100%;}.elementor-4806 .elementor-element.elementor-element-c2522c8{--width:100%;}}@media(max-width:1024px){.elementor-4806 .elementor-element.elementor-element-7401346{--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-4806 .elementor-element.elementor-element-feaeeee{--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(max-width:767px){.elementor-4806 .elementor-element.elementor-element-7401346{--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-4806 .elementor-element.elementor-element-c2522c8{--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}}/* Start custom CSS for button, class: .elementor-element-d296cc6 *//* ============================================================
   GLOBAL SKEWED BUTTON STYLE - pre Roofix Button widget
   Trieda vo widgete: ws-skew-btn
============================================================ */

.ws-skew-btn a,
.ws-skew-btn .item-btn,
.ws-skew-btn .rt-button,
.ws-skew-btn .btn,
.ws-skew-btn button {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;

  min-height: 60px !important;
  padding: 0 44px !important;

  background: #FF2D2D !important;
  color: #ffffff !important;
  text-decoration: none !important;

  font-weight: 900 !important;
  font-size: 13px !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  line-height: 1 !important;

  border: 0 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  isolation: isolate !important;

  clip-path: polygon(10% 0, 100% 0, 90% 100%, 0% 100%) !important;

  transition:
    transform .32s ease,
    box-shadow .32s ease,
    background .32s ease !important;
}

/* Lesklý prechod cez button */
.ws-skew-btn a::before,
.ws-skew-btn .item-btn::before,
.ws-skew-btn .rt-button::before,
.ws-skew-btn .btn::before,
.ws-skew-btn button::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -85% !important;
  width: 55% !important;
  height: 100% !important;
  background: linear-gradient(
    120deg,
    transparent 0%,
    rgba(255,255,255,.12) 25%,
    rgba(255,255,255,.42) 50%,
    rgba(255,255,255,.12) 75%,
    transparent 100%
  ) !important;
  transform: skewX(-18deg) !important;
  z-index: -1 !important;
  transition: left .7s cubic-bezier(.22,1,.36,1) !important;
}

/* Tmavší hover overlay */
.ws-skew-btn a::after,
.ws-skew-btn .item-btn::after,
.ws-skew-btn .rt-button::after,
.ws-skew-btn .btn::after,
.ws-skew-btn button::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(135deg, #ff3333 0%, #df1010 100%) !important;
  opacity: 0 !important;
  z-index: -2 !important;
  transition: opacity .32s ease !important;
}

/* Hover efekt */
.ws-skew-btn a:hover,
.ws-skew-btn .item-btn:hover,
.ws-skew-btn .rt-button:hover,
.ws-skew-btn .btn:hover,
.ws-skew-btn button:hover {
  color: #ffffff !important;
  background: #e51d1d !important;
  transform: translateY(-3px) !important;
  box-shadow:
    0 16px 32px -10px rgba(255,45,45,.65),
    0 0 28px rgba(255,45,45,.35) !important;
}

.ws-skew-btn a:hover::before,
.ws-skew-btn .item-btn:hover::before,
.ws-skew-btn .rt-button:hover::before,
.ws-skew-btn .btn:hover::before,
.ws-skew-btn button:hover::before {
  left: 130% !important;
}

.ws-skew-btn a:hover::after,
.ws-skew-btn .item-btn:hover::after,
.ws-skew-btn .rt-button:hover::after,
.ws-skew-btn .btn:hover::after,
.ws-skew-btn button:hover::after {
  opacity: 1 !important;
}


/* Automatická šípka za textom, ak widget nepustí HTML */
.ws-skew-btn a::after,
.ws-skew-btn .item-btn::after,
.ws-skew-btn .rt-button::after,
.ws-skew-btn .btn::after {
  content: "→" !important;
  position: relative !important;
  inset: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-left: 12px !important;

  background: none !important;
  opacity: 1 !important;
  z-index: 2 !important;

  color: #ffffff !important;
  font-size: 17px !important;
  line-height: 1 !important;

  transition: transform .32s cubic-bezier(.22,1,.36,1) !important;
}

.ws-skew-btn a:hover::after,
.ws-skew-btn .item-btn:hover::after,
.ws-skew-btn .rt-button:hover::after,
.ws-skew-btn .btn:hover::after {
  transform: translateX(7px) !important;
}/* End custom CSS */