{"version":3,"sources":["image-caption-parallax.scss","image-caption-parallax.css"],"names":[],"mappings":"AAIE,kB,CACE,iB,CACA,e,CACA,gB,CACA,wB,CACE,iB,CACA,M,CACA,O,CACA,Q,CACA,K,CACA,c,CAEF,2B,CACE,c,CAEF,2B,CACE,iB,CACA,M,CACA,K,CACA,U,CACA,W,CAEF,uB,CACE,a,CACA,iB,CACA,e,CACA,c,CAEA,uB,CACA,W,CACA,sC,CACA,2B,CCNF,iC,CDSA,0B,CAlCD,gD,CAwCK,uB,CACA,S,CAGJ,2B,CACE,Y,CACA,qB,CACA,iB,CACA,Q,CACA,M,CACA,uB,CACA,wB,CACA,S,CCZF,qC,CDeA,S,CACA,O,CAGE,yC,CACE,iB,CADD,mE,CAGG,e,CACA,kB,CACA,iB,CACA,qB,CACA,uB,CAGJ,oC,CACE,U,CACA,c,CACA,2B,CACA,oE,CAAA,4D,CCjBF,8C,CDoBD,0D,CAAA,kD,CACA,2B,CAGC,oC,CACE,S,CACA,O,CACA,wB,CACA,wB,CAGJ,4B,CACE,U,CACA,e,CACA,gB,CCtBF,sC,CAKA,mC,CA6HA,0D,CDzGA,gB,CAGA,yB,CACE,U,CACA,e,CAMA,+B,CACE,c,CATH,oC,CAYG,wB,CAZH,6C,CAeG,qB,CAfH,6C,CAkBG,qB,CAGJ,uB,CACE,2B,CACA,W,CACA,U,CCjCF,iC,CDoCA,U,CACA,S,CAGE,4B,CACE,U,CACA,S,CACA,W,CAEF,+B,CACE,oC,CACA,iC,CAFD,sC,CAAA,uC,CAIG,uC,CAUV,W,CACE,a,CACA,iB,CACA,U,CACA,Y,CACA,U,CACA,S,CACA,kB,CCzCF,iB,CD4CA,iB,CAEE,U,CACA,S,CAGF,mB,CC7CA,kB,CD+CE,Q,CACA,U,CACA,W,CACA,a,CACA,mB,CAAA,gB,CACA,yB,CAAA,sB,CAGF,mB,CACE,c,CAGF,qB,CACE,uB,CCxCF,4B,CAFA,gC,CADA,kC,CAEA,oC,CD4CA,2B,CAKE,iC,CAGF,mB,CACE,iB,CA+CF,oB,CA5CA,iB,CA6CE,iB,CACA,M,CACA,K,CAEA,W,CAjDF,iB,CAIE,sB,CAEA,e,CAGF,4B,CACE,iB,CACA,U,CACA,W,CACA,Q,CACA,S,CACA,oG,CAGF,uC,CACE,iB,CACA,S,CACA,uB,CACA,wB,CACA,Q,CACA,4B,CACA,qB,CAGF,iC,CAEI,kB,CAFJ,oC,CAKI,sB,CACA,6B,CANJ,2C,CAQM,6B,CARN,uC,CAYI,4B,CAIJ,oB,CAIE,U,CAEA,2B,CACA,e,CACA,Y,CACA,qB,CAEC,0C,CAEG,wB,CAFH,6C,CAKG,uB,CACA,e,CACA,c,CACA,wB,CACA,qB,CATH,gD,CAYG,e,CAOJ,uB,CACE,sB,CACA,wB,CAFD,0C,CAIG,kB,CAJH,6C,CAOG,iB,CACA,iB,CACA,S,CATH,oD,CAWK,U,CACA,U,CACA,U,CACA,oB,CACA,iB,CACA,Q,CACA,Q,CAMR,0C,CACE,qC,CAGF,c,CACE,uB,CACA,gB,CACA,Y,CACA,iB,CACA,Q,CCvEA,wB,CD0EA,a,CACA,iB,CATF,uC,CAaI,iC,CAbJ,oC,CAgBI,kB,CACA,qC,CAjBJ,iC,CAoBI,kB,CAIJ,uC,CACE,U,CACA,W,CACA,S,CACA,U,CACA,iB,CACA,kB,CACA,4B,CC9EA,iD,CDiFA,S,CACA,W,CAIF,oC,CAEI,uB,CACA,e,CACA,wB,CACA,qB,CACA,iB,CAKJ,mC,CACE,iB,CAGF,0C,CACE,e,CAIF,oC,CAAA,iC,CAEI,kB,CAFJ,2C,CAOM,6B,CAKN,uC,CACE,Q,CACA,S,CACA,uB,CACA,wB,CACA,iB,CACA,kB,CAEA,iB,CACA,4B,CACA,wB,CACA,S,CACA,oC,CAGF,6C,CACE,S,CACA,wB,CAGF,0C,CA8CA,0C,CA7CE,e,CAGF,c,CACE,gB,CADF,oC,CAAA,iC,CAII,kB,CAOJ,kC,CACE,oB,CAGF,uC,CACE,Q,CACA,S,CACA,uB,CACA,wB,CACA,gB,CACA,kB,CAEA,iB,CACA,4B,CACA,wB,CACA,S,CAIF,mC,CACE,sB,CADF,sD,CAGI,e,CACA,kB,CACA,gB,CALJ,yD,CAQI,e,CAQJ,a,CACE,Y,CACA,qB,CACA,iB,CACA,U,CACA,Y,CACA,c,CANF,iC,CAQI,sC,CARJ,kC,CAWI,S,CACA,2B,CC7GA,4C,CDgHD,2B,CAGD,kB,CACE,mB,CAAA,gB,CACA,yB,CAAA,sB,CACA,iB,CACA,M,CACA,K,CACA,U,CACA,W,CAEF,wB,CACE,S,CACA,kB,CAEF,sB,CACE,iB,CACA,W,CACA,S,CACA,U,CACA,Y,CACA,0D,CAAA,kD,CACA,S,CACA,Y,CACA,qB,CACA,gB,CACA,iB,CACA,6B,CClHA,gC,CDqHD,0D,CAAA,kD,CACA,c,CACA,kB,CAGD,uB,CACE,uB,CACA,qB,CACA,iB,CACA,e,CACA,kB,CAEF,oB,CACE,kB,CACA,e,CAEF,sB,CACE,iB,CACA,M,CACA,O,CACA,Q,CACA,K,CACA,S,CAEF,oB,CACE,iB,CACA,U,CACA,W,CACA,c,CACA,Q,CACA,c,CACA,S,CACA,Y,CACA,sB,CACA,kB,CACA,W,CACA,e,CACA,U,CACA,c,CCxHA,8B,CD2HD,U,CACA,S,CAKH,c,CACE,Y,CACA,qB,CACA,iB,CACA,U,CACA,Y,CACA,c,CANF,kC,CAQI,0F,CAAA,kF,CC5HA,4C,CD+HD,6E,CAAA,qE,CAXH,mC,CAeI,S,CACA,2B,CAEF,mB,CACE,mB,CAAA,gB,CACA,yB,CAAA,sB,CACA,iB,CACA,M,CACA,K,CACA,U,CACA,W,CAEF,yB,CACE,S,CACA,iB,CACA,S,CACA,W,CACA,U,CACA,qB,CACA,iB,CACA,0F,CAAA,kF,CACA,kB,CCjIA,mC,CDoID,6E,CAAA,qE,CAGC,gC,CACE,O,CACA,Q,CACA,kB,CACA,0B,CACA,yC,CACA,iB,CACA,W,CACA,U,CACA,S,CCpIA,0C,CDuIF,U,CACA,S,CACA,0B,CACA,qD,CACA,W,CAIF,qB,CACE,S,CACA,kB,CAEF,uB,CACE,iB,CACA,M,CACA,O,CACA,Q,CACA,K,CACA,S","file":"../image-caption-parallax.css","sourcesContent":["@import \"../../assets/styles/variables\";\r\n@import \"../../assets/styles/mixins\";\r\n\r\n.brk-ic {\r\n  &-left-slide {\r\n    position: relative;\r\n    overflow: hidden;\r\n    max-height: 400px;\r\n    &__link{\r\n      position: absolute;\r\n      left: 0;\r\n      right: 0;\r\n      bottom: 0;\r\n      top: 0;\r\n      cursor: pointer;\r\n    }\r\n    &__pointer{\r\n      cursor: pointer;\r\n    }\r\n    &__overlay {\r\n      position: absolute;\r\n      left: 0;\r\n      top: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n    }\r\n    &__img {\r\n      display: block;\r\n      position: relative;\r\n      min-height: 100%;\r\n      max-width: none;\r\n      width: -webkit-calc(100% + 50px);\r\n      width: calc(100% + 50px);\r\n      opacity: 0.95;\r\n      transition: opacity 0.35s, transform 0.35s;\r\n      transform: translateX(-40px);\r\n\r\n\t\t\t[dir=\"rtl\"] & {\r\n\t\t\t\ttransform: translateX(40px);\r\n\t\t\t}\r\n    }\r\n    &:hover {\r\n      .brk-ic-left-slide__img {\r\n        -webkit-transform: translateX(0);\r\n        transform: translateX(0);\r\n        opacity: 1;\r\n      }\r\n    }\r\n    &__wrapper {\r\n      display: flex;\r\n      flex-direction: column;\r\n      position: absolute;\r\n      bottom: 0;\r\n      left: 0;\r\n      width: calc(100% - 80px);\r\n      padding: 0 29px 26px 25px;\r\n      z-index: 2;\r\n\r\n\t\t\t[dir=\"rtl\"] & {\r\n\t\t\t\tleft: auto;\r\n\t\t\t\tright: 0;\r\n\t\t\t}\r\n\r\n      &_vertical-line {\r\n        padding-left: 31px;\r\n        .brk-ic-left-slide__title {\r\n          padding-top: 6px;\r\n          padding-bottom: 6px;\r\n          padding-left: 25px;\r\n          border-left-width: 2px;\r\n          border-left-style: solid;\r\n        }\r\n      }\r\n      &_gradient {\r\n        width: auto;\r\n        max-width: 100%;\r\n        padding: 24px 67px 22px 40px;\r\n        clip-path: polygon(0 0, calc(100% - 47px) 0, 100% 100%, 0% 100%);\r\n\r\n\t\t\t\t[dir=\"rtl\"] & {\r\n\t\t\t\t\tclip-path: polygon(47px 0, 100% 0, 100% 100%, 0% 100%);\r\n\t\t\t\t\tpadding: 24px 40px 22px 67px;\r\n\t\t\t\t}\r\n      }\r\n      &_btn-left {\r\n        left: auto;\r\n        right: 0;\r\n        width: calc(100% - 125px);\r\n        padding: 0 29px 44px 25px;\r\n      }\r\n    }\r\n    &__subtitle {\r\n      color: $white;\r\n      text-align: left;\r\n      padding-left: 6px;\r\n\r\n\t\t\t[dir=\"rtl\"] & {\r\n\t\t\t\ttext-align: right;\r\n\t\t\t}\r\n    }\r\n    &__title {\r\n      color: $white;\r\n      text-align: left;\r\n\r\n\t\t\t[dir=\"rtl\"] & {\r\n\t\t\t\ttext-align: right;\r\n\t\t\t}\r\n\r\n      &__link{\r\n        cursor: pointer;\r\n      }\r\n      .uppercase {\r\n        text-transform: uppercase;\r\n      }\r\n      .letter-spacing--20 {\r\n        letter-spacing: -0.02em;\r\n      }\r\n      .letter-spacing--60 {\r\n        letter-spacing: -0.06em;\r\n      }\r\n    }\r\n    &__btn {\r\n      position: absolute !important;\r\n      bottom: 19px;\r\n      right: 20px;\r\n\r\n\t\t\t[dir=\"rtl\"] & {\r\n\t\t\t\tright: auto;\r\n\t\t\t\tleft: 20px;\r\n\t\t\t}\r\n\r\n      &_left {\r\n        right: auto;\r\n        left: 35px;\r\n        bottom: 34px;\r\n      }\r\n      &_reverse {\r\n        color: var(--brand-primary) !important;\r\n        background: var(--white) !important;\r\n        .before {\r\n          background-color: var(--white) !important;\r\n        }\r\n        .after {\r\n          background-color: var(--white) !important;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.brk-tilter {\r\n  display: block;\r\n  position: relative;\r\n  width: 100%;\r\n  height: 500px;\r\n  color: $white;\r\n  flex: none;\r\n  perspective: 1000px;\r\n}\r\n\r\n.brk-tilter:hover,\r\n.brk-tilter:focus {\r\n  color: $white;\r\n  outline: none;\r\n}\r\n\r\n.brk-tilter__figure,\r\n.brk-tilter__image {\r\n  margin: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  display: block;\r\n  object-fit: cover;\r\n  object-position: center;\r\n}\r\n\r\n.brk-tilter__figure{\r\n  max-width: none;\r\n}\r\n\r\n.brk-tilter__figure > * {\r\n  transform: translateZ(0px);\r\n}\r\n\r\n.smooth .brk-tilter__figure,\r\n.smooth .brk-tilter__deco--overlay,\r\n.smooth .brk-tilter__deco--lines,\r\n.smooth .brk-tilter__deco--shine div,\r\n.smooth .brk-tilter__caption {\r\n  transition: transform 0.2s ease-out;\r\n}\r\n\r\n.brk-tilter__figure {\r\n  position: relative;\r\n}\r\n\r\n.brk-tilter__deco {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: calc(100% + 1px);\r\n  height: 100%;\r\n  overflow: hidden;\r\n}\r\n\r\n.brk-tilter__deco--shine div {\r\n  position: absolute;\r\n  width: 200%;\r\n  height: 200%;\r\n  top: -50%;\r\n  left: -50%;\r\n  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0.25) 50%, transparent 100%);\r\n}\r\n\r\n.brk-tilter--2 .brk-tilter__deco--lines{\r\n  position: absolute;\r\n  left: 21px;\r\n  width: calc(100% - 39px);\r\n  height: calc(100% - 39px);\r\n  top: 20px;\r\n  background-color: transparent;\r\n  border: 3px solid white;\r\n}\r\n\r\n.brk-tilter--2 {\r\n  .brk-tilter__title {\r\n    color: var(--white);\r\n  }\r\n  .brk-tilter__subtitle {\r\n    color: var(--secondary);\r\n    background-color: var(--white);\r\n    &:before {\r\n      background-color: var(--white);\r\n    }\r\n  }\r\n  .brk-tilter__description {\r\n    color: var(--white) !important;\r\n  }\r\n}\r\n\r\n.brk-tilter__caption {\r\n  position: absolute;\r\n  left: 0;\r\n  top: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  padding: 63px 50px 54px 60px;\r\n  text-align: left;\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  &--1 {\r\n    .brk-tilter__title {\r\n      text-transform: uppercase;\r\n    }\r\n    .brk-tilter__subtitle {\r\n      padding: 4px 7px 4px 9px;\r\n      margin-left: 2px;\r\n      margin-top: 1px;\r\n      text-transform: uppercase;\r\n      align-self: flex-start;\r\n    }\r\n    .brk-tilter__description {\r\n      margin-top: auto;\r\n\r\n\t\t\t[dir=\"rtl\"] & {\r\n\t\t\t\ttext-align: right;\r\n\t\t\t}\r\n    }\r\n  }\r\n  &--2 {\r\n    padding: 69px 69px 65px 69px;\r\n    justify-content: flex-end;\r\n    .brk-tilter__title {\r\n      margin-bottom: 15px;\r\n    }\r\n    .brk-tilter__subtitle {\r\n      padding-left: 19px;\r\n      position: relative;\r\n      z-index: 2;\r\n      &:before {\r\n        content: '';\r\n        width: 13px;\r\n        height: 1px;\r\n        display: inline-block;\r\n        position: absolute;\r\n        top: 11px;\r\n        left: 1px;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.brk-tilter--1 .brk-tilter__figure::before {\r\n  box-shadow: 0 30px 20px rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n.brk-tilter--6 {\r\n  width: calc(100% - 40px);\r\n  margin-left: 40px;\r\n  height: 460px;\r\n  position: relative;\r\n  top: 40px;\r\n\r\n\t[dir=\"rtl\"] & {\r\n\t\tmargin-left: 0;\r\n\t\tmargin-right: 40px;\r\n\t}\r\n\r\n  .brk-tilter__deco--lines {\r\n    border-color: var(--brand-primary);\r\n  }\r\n  .brk-tilter__subtitle {\r\n    color: var(--white);\r\n    background-color: var(--brand-primary);\r\n  }\r\n  .brk-tilter__title {\r\n    color: var(--white);\r\n  }\r\n}\r\n\r\n.brk-tilter--6 .brk-tilter__deco--lines {\r\n  width: 100%;\r\n  height: 100%;\r\n  top: -40px;\r\n  left: -38px;\r\n  border-width:10px;\r\n  border-style:solid;\r\n  background-color: transparent;\r\n\r\n\t[dir=\"rtl\"] & {\r\n\t\tleft: auto;\r\n\t\tright: -38px;\r\n\t}\r\n}\r\n\r\n.brk-tilter--6 {\r\n  .brk-tilter__subtitle {\r\n    padding: 4px 5px 2px 6px;\r\n    margin-left: 2px;\r\n    text-transform: uppercase;\r\n    align-self: flex-start;\r\n    margin-bottom: 9px;\r\n  }\r\n\r\n}\r\n\r\n.brk-tilter--6 .brk-tilter__caption {\r\n  padding: 35px 30px;\r\n}\r\n\r\n.brk-tilter--6 .brk-tilter__figure::before {\r\n  box-shadow: none;\r\n\r\n}\r\n\r\n.brk-tilter--7 {\r\n  .brk-tilter__title {\r\n    color: var(--white);\r\n  }\r\n  .brk-tilter__subtitle {\r\n    color: var(--white);\r\n    &:before {\r\n      background-color: var(--white);\r\n    }\r\n  }\r\n}\r\n\r\n.brk-tilter--7 .brk-tilter__deco--lines {\r\n  top: 11px;\r\n  left: 12px;\r\n  width: calc(100% - 20px);\r\n  height: calc(100% - 20px);\r\n  border-width:20px;\r\n  border-style:solid;\r\n  //general colors\r\n  border-color:white;\r\n  background-color: transparent;\r\n  transform: scale3d(1, 1, 1);\r\n  opacity: 1;\r\n  transition: transform 0.3s, opacity 0.3s;\r\n}\r\n\r\n.brk-tilter--7:hover .brk-tilter__deco--lines {\r\n  opacity: 1;\r\n  transform: scale3d(1, 1, 1);\r\n}\r\n\r\n.brk-tilter--7 .brk-tilter__figure::before {\r\n  box-shadow: none;\r\n}\r\n\r\n.brk-tilter--8 {\r\n  perspective: none;\r\n\r\n  .brk-tilter__title {\r\n    color: var(--white);\r\n  }\r\n  .brk-tilter__subtitle {\r\n    color: var(--white);\r\n  }\r\n}\r\n\r\n.brk-tilter--8 .brk-tilter__figure {\r\n  transform-style: flat;\r\n}\r\n\r\n.brk-tilter--8 .brk-tilter__deco--lines {\r\n  top: 18px;\r\n  left: 21px;\r\n  width: calc(100% - 39px);\r\n  height: calc(100% - 40px);\r\n  border-width: 3px;\r\n  border-style:solid;\r\n  //general colors\r\n  border-color:white;\r\n  background-color: transparent;\r\n  transform: scale3d(1, 1, 1);\r\n  opacity: 1;\r\n\r\n}\r\n\r\n.brk-tilter--8 .brk-tilter__caption {\r\n  justify-content: center;\r\n  .brk-tilter__title {\r\n    margin-top: auto;\r\n    margin-bottom: 14px;\r\n    margin-left: -9px;\r\n  }\r\n  .brk-tilter__subtitle {\r\n    margin-top: auto;\r\n  }\r\n}\r\n\r\n.brk-tilter--8 .brk-tilter__figure::before {\r\n  box-shadow: none;\r\n}\r\n\r\n.brk-ip-angle {\r\n  display: flex;\r\n  flex-direction: column;\r\n  position: relative;\r\n  width: 100%;\r\n  height: 500px;\r\n  cursor: pointer;\r\n  .brk-tilter__figure {\r\n    box-shadow: 0 16px 20px rgba(0, 0, 0, 0.08);\r\n  }\r\n  .brk-tilter__caption {\r\n    z-index: 3;\r\n    padding: 39px 39px 54px 60px;\r\n\r\n\t\t[dir=\"rtl\"] & {\r\n\t\t\tpadding: 39px 60px 54px 39px;\r\n\t\t}\r\n  }\r\n  &__img {\r\n    object-fit: cover;\r\n    object-position: center;\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n  &__paragraph {\r\n    z-index: 2;\r\n    color: var(--white);\r\n  }\r\n  &__content {\r\n    position: absolute;\r\n    bottom: -1px;\r\n    left: -1px;\r\n    right: -1px;\r\n    height: 170px;\r\n    clip-path: polygon(0 0, 100% 77px, 100% 100%, 0% 100%);\r\n    z-index: 2;\r\n    display: flex;\r\n    flex-direction: column;\r\n    padding-top: 72px;\r\n    padding-left: 40px;\r\n    background-color: var(--white);\r\n\r\n\t\t[dir=\"rtl\"] & {\r\n\t\t\tclip-path: polygon(0 77px, 100% 0, 100% 100%, 0% 100%);\r\n\t\t\tpadding-left: 0;\r\n\t\t\tpadding-right: 40px;\r\n\t\t}\r\n  }\r\n  &__subtitle {\r\n    padding: 3px 4px 2px 5px;\r\n    align-self: flex-start;\r\n    margin-bottom: 5px;\r\n    margin-left: 1px;\r\n    color: var(--white);\r\n  }\r\n  &__title {\r\n    white-space: nowrap;\r\n    max-width: 260px;\r\n  }\r\n  &__overlay {\r\n    position: absolute;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    top: 0;\r\n    z-index: 1;\r\n  }\r\n  &__heart {\r\n    position: absolute;\r\n    right: 28px;\r\n    bottom: 33px;\r\n    background: transparent;\r\n    border: none;\r\n    cursor: pointer;\r\n    z-index: 3;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    padding: 7px;\r\n    font-weight: 700;\r\n    color: #000000;\r\n    font-size: 23px;\r\n\r\n\t\t[dir=\"rtl\"] & {\r\n\t\t\tright: auto;\r\n\t\t\tleft: 28px;\r\n\t\t}\r\n  }\r\n}\r\n\r\n.brk-ip-simple {\r\n  display: flex;\r\n  flex-direction: column;\r\n  position: relative;\r\n  width: 100%;\r\n  height: 500px;\r\n  cursor: pointer;\r\n  .brk-tilter__figure {\r\n    clip-path: polygon(100% 0, 100% calc(100% - 36px), calc(100% - 36px) 100%, 0 100%, 0 0);\r\n\r\n\t\t[dir=\"rtl\"] & {\r\n\t\t\tclip-path: polygon(0 0, 100% 0, 100% 100%, 36px 100%, 0 calc(100% - 36px));\r\n\t\t}\r\n  }\r\n  .brk-tilter__caption {\r\n    z-index: 3;\r\n    padding: 44px 50px 54px 53px;\r\n  }\r\n  &__img {\r\n    object-fit: cover;\r\n    object-position: center;\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n  &__paragraph {\r\n    z-index: 2;\r\n    position: absolute;\r\n    left: 20px;\r\n    bottom: 20px;\r\n    right: 20px;\r\n    border: 2px solid $white;\r\n    padding: 25px 32px;\r\n    clip-path: polygon(100% 0, 100% calc(100% - 28px), calc(100% - 28px) 100%, 0 100%, 0 0);\r\n    color: var(--white);\r\n\r\n\t\t[dir=\"rtl\"] & {\r\n\t\t\tclip-path: polygon(0 0, 100% 0, 100% 100%, 28px 100%, 0 calc(100% - 28px));\r\n\t\t}\r\n\r\n    &__angle {\r\n      width: 0;\r\n      height: 0;\r\n      border-style: solid;\r\n      border-width: 28px 28px 0 0;\r\n      border-color: $white transparent transparent transparent;\r\n      position: absolute;\r\n      bottom: 20px;\r\n      right: 20px;\r\n      z-index: 2;\r\n\r\n\t\t\t[dir=\"rtl\"] & {\r\n\t\t\t\tright: auto;\r\n\t\t\t\tleft: 20px;\r\n\t\t\t\tborder-width: 0 28px 28px 0;\r\n\t\t\t\tborder-color: transparent #fff transparent transparent;\r\n\t\t\t\tbottom: 20px;\r\n\t\t\t}\r\n    }\r\n  }\r\n  &__title {\r\n    z-index: 2;\r\n    color: var(--white);\r\n  }\r\n  &__overlay {\r\n    position: absolute;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    top: 0;\r\n    z-index: 1;\r\n  }\r\n}\r\n\r\n\r\n\r\n",".brk-ic-left-slide {\n  position: relative;\n  overflow: hidden;\n  max-height: 400px; }\n  .brk-ic-left-slide__link {\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    top: 0;\n    cursor: pointer; }\n  .brk-ic-left-slide__pointer {\n    cursor: pointer; }\n  .brk-ic-left-slide__overlay {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%; }\n  .brk-ic-left-slide__img {\n    display: block;\n    position: relative;\n    min-height: 100%;\n    max-width: none;\n    width: -webkit-calc(100% + 50px);\n    width: calc(100% + 50px);\n    opacity: 0.95;\n    transition: opacity 0.35s, transform 0.35s;\n    transform: translateX(-40px); }\n    [dir=\"rtl\"] .brk-ic-left-slide__img {\n      transform: translateX(40px); }\n  .brk-ic-left-slide:hover .brk-ic-left-slide__img {\n    -webkit-transform: translateX(0);\n    transform: translateX(0);\n    opacity: 1; }\n  .brk-ic-left-slide__wrapper {\n    display: flex;\n    flex-direction: column;\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: calc(100% - 80px);\n    padding: 0 29px 26px 25px;\n    z-index: 2; }\n    [dir=\"rtl\"] .brk-ic-left-slide__wrapper {\n      left: auto;\n      right: 0; }\n    .brk-ic-left-slide__wrapper_vertical-line {\n      padding-left: 31px; }\n      .brk-ic-left-slide__wrapper_vertical-line .brk-ic-left-slide__title {\n        padding-top: 6px;\n        padding-bottom: 6px;\n        padding-left: 25px;\n        border-left-width: 2px;\n        border-left-style: solid; }\n    .brk-ic-left-slide__wrapper_gradient {\n      width: auto;\n      max-width: 100%;\n      padding: 24px 67px 22px 40px;\n      clip-path: polygon(0 0, calc(100% - 47px) 0, 100% 100%, 0% 100%); }\n      [dir=\"rtl\"] .brk-ic-left-slide__wrapper_gradient {\n        clip-path: polygon(47px 0, 100% 0, 100% 100%, 0% 100%);\n        padding: 24px 40px 22px 67px; }\n    .brk-ic-left-slide__wrapper_btn-left {\n      left: auto;\n      right: 0;\n      width: calc(100% - 125px);\n      padding: 0 29px 44px 25px; }\n  .brk-ic-left-slide__subtitle {\n    color: #fff;\n    text-align: left;\n    padding-left: 6px; }\n    [dir=\"rtl\"] .brk-ic-left-slide__subtitle {\n      text-align: right; }\n  .brk-ic-left-slide__title {\n    color: #fff;\n    text-align: left; }\n    [dir=\"rtl\"] .brk-ic-left-slide__title {\n      text-align: right; }\n    .brk-ic-left-slide__title__link {\n      cursor: pointer; }\n    .brk-ic-left-slide__title .uppercase {\n      text-transform: uppercase; }\n    .brk-ic-left-slide__title .letter-spacing--20 {\n      letter-spacing: -0.02em; }\n    .brk-ic-left-slide__title .letter-spacing--60 {\n      letter-spacing: -0.06em; }\n  .brk-ic-left-slide__btn {\n    position: absolute !important;\n    bottom: 19px;\n    right: 20px; }\n    [dir=\"rtl\"] .brk-ic-left-slide__btn {\n      right: auto;\n      left: 20px; }\n    .brk-ic-left-slide__btn_left {\n      right: auto;\n      left: 35px;\n      bottom: 34px; }\n    .brk-ic-left-slide__btn_reverse {\n      color: var(--brand-primary) !important;\n      background: var(--white) !important; }\n      .brk-ic-left-slide__btn_reverse .before {\n        background-color: var(--white) !important; }\n      .brk-ic-left-slide__btn_reverse .after {\n        background-color: var(--white) !important; }\n\n.brk-tilter {\n  display: block;\n  position: relative;\n  width: 100%;\n  height: 500px;\n  color: #fff;\n  flex: none;\n  perspective: 1000px; }\n\n.brk-tilter:hover,\n.brk-tilter:focus {\n  color: #fff;\n  outline: none; }\n\n.brk-tilter__figure,\n.brk-tilter__image {\n  margin: 0;\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: cover;\n  object-position: center; }\n\n.brk-tilter__figure {\n  max-width: none; }\n\n.brk-tilter__figure > * {\n  transform: translateZ(0px); }\n\n.smooth .brk-tilter__figure,\n.smooth .brk-tilter__deco--overlay,\n.smooth .brk-tilter__deco--lines,\n.smooth .brk-tilter__deco--shine div,\n.smooth .brk-tilter__caption {\n  transition: transform 0.2s ease-out; }\n\n.brk-tilter__figure {\n  position: relative; }\n\n.brk-tilter__deco {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: calc(100% + 1px);\n  height: 100%;\n  overflow: hidden; }\n\n.brk-tilter__deco--shine div {\n  position: absolute;\n  width: 200%;\n  height: 200%;\n  top: -50%;\n  left: -50%;\n  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0.25) 50%, transparent 100%); }\n\n.brk-tilter--2 .brk-tilter__deco--lines {\n  position: absolute;\n  left: 21px;\n  width: calc(100% - 39px);\n  height: calc(100% - 39px);\n  top: 20px;\n  background-color: transparent;\n  border: 3px solid white; }\n\n.brk-tilter--2 .brk-tilter__title {\n  color: var(--white); }\n\n.brk-tilter--2 .brk-tilter__subtitle {\n  color: var(--secondary);\n  background-color: var(--white); }\n  .brk-tilter--2 .brk-tilter__subtitle:before {\n    background-color: var(--white); }\n\n.brk-tilter--2 .brk-tilter__description {\n  color: var(--white) !important; }\n\n.brk-tilter__caption {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  padding: 63px 50px 54px 60px;\n  text-align: left;\n  display: flex;\n  flex-direction: column; }\n  .brk-tilter__caption--1 .brk-tilter__title {\n    text-transform: uppercase; }\n  .brk-tilter__caption--1 .brk-tilter__subtitle {\n    padding: 4px 7px 4px 9px;\n    margin-left: 2px;\n    margin-top: 1px;\n    text-transform: uppercase;\n    align-self: flex-start; }\n  .brk-tilter__caption--1 .brk-tilter__description {\n    margin-top: auto; }\n    [dir=\"rtl\"] .brk-tilter__caption--1 .brk-tilter__description {\n      text-align: right; }\n  .brk-tilter__caption--2 {\n    padding: 69px 69px 65px 69px;\n    justify-content: flex-end; }\n    .brk-tilter__caption--2 .brk-tilter__title {\n      margin-bottom: 15px; }\n    .brk-tilter__caption--2 .brk-tilter__subtitle {\n      padding-left: 19px;\n      position: relative;\n      z-index: 2; }\n      .brk-tilter__caption--2 .brk-tilter__subtitle:before {\n        content: '';\n        width: 13px;\n        height: 1px;\n        display: inline-block;\n        position: absolute;\n        top: 11px;\n        left: 1px; }\n\n.brk-tilter--1 .brk-tilter__figure::before {\n  box-shadow: 0 30px 20px rgba(0, 0, 0, 0.5); }\n\n.brk-tilter--6 {\n  width: calc(100% - 40px);\n  margin-left: 40px;\n  height: 460px;\n  position: relative;\n  top: 40px; }\n  [dir=\"rtl\"] .brk-tilter--6 {\n    margin-left: 0;\n    margin-right: 40px; }\n  .brk-tilter--6 .brk-tilter__deco--lines {\n    border-color: var(--brand-primary); }\n  .brk-tilter--6 .brk-tilter__subtitle {\n    color: var(--white);\n    background-color: var(--brand-primary); }\n  .brk-tilter--6 .brk-tilter__title {\n    color: var(--white); }\n\n.brk-tilter--6 .brk-tilter__deco--lines {\n  width: 100%;\n  height: 100%;\n  top: -40px;\n  left: -38px;\n  border-width: 10px;\n  border-style: solid;\n  background-color: transparent; }\n  [dir=\"rtl\"] .brk-tilter--6 .brk-tilter__deco--lines {\n    left: auto;\n    right: -38px; }\n\n.brk-tilter--6 .brk-tilter__subtitle {\n  padding: 4px 5px 2px 6px;\n  margin-left: 2px;\n  text-transform: uppercase;\n  align-self: flex-start;\n  margin-bottom: 9px; }\n\n.brk-tilter--6 .brk-tilter__caption {\n  padding: 35px 30px; }\n\n.brk-tilter--6 .brk-tilter__figure::before {\n  box-shadow: none; }\n\n.brk-tilter--7 .brk-tilter__title {\n  color: var(--white); }\n\n.brk-tilter--7 .brk-tilter__subtitle {\n  color: var(--white); }\n  .brk-tilter--7 .brk-tilter__subtitle:before {\n    background-color: var(--white); }\n\n.brk-tilter--7 .brk-tilter__deco--lines {\n  top: 11px;\n  left: 12px;\n  width: calc(100% - 20px);\n  height: calc(100% - 20px);\n  border-width: 20px;\n  border-style: solid;\n  border-color: white;\n  background-color: transparent;\n  transform: scale3d(1, 1, 1);\n  opacity: 1;\n  transition: transform 0.3s, opacity 0.3s; }\n\n.brk-tilter--7:hover .brk-tilter__deco--lines {\n  opacity: 1;\n  transform: scale3d(1, 1, 1); }\n\n.brk-tilter--7 .brk-tilter__figure::before {\n  box-shadow: none; }\n\n.brk-tilter--8 {\n  perspective: none; }\n  .brk-tilter--8 .brk-tilter__title {\n    color: var(--white); }\n  .brk-tilter--8 .brk-tilter__subtitle {\n    color: var(--white); }\n\n.brk-tilter--8 .brk-tilter__figure {\n  transform-style: flat; }\n\n.brk-tilter--8 .brk-tilter__deco--lines {\n  top: 18px;\n  left: 21px;\n  width: calc(100% - 39px);\n  height: calc(100% - 40px);\n  border-width: 3px;\n  border-style: solid;\n  border-color: white;\n  background-color: transparent;\n  transform: scale3d(1, 1, 1);\n  opacity: 1; }\n\n.brk-tilter--8 .brk-tilter__caption {\n  justify-content: center; }\n  .brk-tilter--8 .brk-tilter__caption .brk-tilter__title {\n    margin-top: auto;\n    margin-bottom: 14px;\n    margin-left: -9px; }\n  .brk-tilter--8 .brk-tilter__caption .brk-tilter__subtitle {\n    margin-top: auto; }\n\n.brk-tilter--8 .brk-tilter__figure::before {\n  box-shadow: none; }\n\n.brk-ip-angle {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  width: 100%;\n  height: 500px;\n  cursor: pointer; }\n  .brk-ip-angle .brk-tilter__figure {\n    box-shadow: 0 16px 20px rgba(0, 0, 0, 0.08); }\n  .brk-ip-angle .brk-tilter__caption {\n    z-index: 3;\n    padding: 39px 39px 54px 60px; }\n    [dir=\"rtl\"] .brk-ip-angle .brk-tilter__caption {\n      padding: 39px 60px 54px 39px; }\n  .brk-ip-angle__img {\n    object-fit: cover;\n    object-position: center;\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%; }\n  .brk-ip-angle__paragraph {\n    z-index: 2;\n    color: var(--white); }\n  .brk-ip-angle__content {\n    position: absolute;\n    bottom: -1px;\n    left: -1px;\n    right: -1px;\n    height: 170px;\n    clip-path: polygon(0 0, 100% 77px, 100% 100%, 0% 100%);\n    z-index: 2;\n    display: flex;\n    flex-direction: column;\n    padding-top: 72px;\n    padding-left: 40px;\n    background-color: var(--white); }\n    [dir=\"rtl\"] .brk-ip-angle__content {\n      clip-path: polygon(0 77px, 100% 0, 100% 100%, 0% 100%);\n      padding-left: 0;\n      padding-right: 40px; }\n  .brk-ip-angle__subtitle {\n    padding: 3px 4px 2px 5px;\n    align-self: flex-start;\n    margin-bottom: 5px;\n    margin-left: 1px;\n    color: var(--white); }\n  .brk-ip-angle__title {\n    white-space: nowrap;\n    max-width: 260px; }\n  .brk-ip-angle__overlay {\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    top: 0;\n    z-index: 1; }\n  .brk-ip-angle__heart {\n    position: absolute;\n    right: 28px;\n    bottom: 33px;\n    background: transparent;\n    border: none;\n    cursor: pointer;\n    z-index: 3;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: 7px;\n    font-weight: 700;\n    color: #000000;\n    font-size: 23px; }\n    [dir=\"rtl\"] .brk-ip-angle__heart {\n      right: auto;\n      left: 28px; }\n\n.brk-ip-simple {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  width: 100%;\n  height: 500px;\n  cursor: pointer; }\n  .brk-ip-simple .brk-tilter__figure {\n    clip-path: polygon(100% 0, 100% calc(100% - 36px), calc(100% - 36px) 100%, 0 100%, 0 0); }\n    [dir=\"rtl\"] .brk-ip-simple .brk-tilter__figure {\n      clip-path: polygon(0 0, 100% 0, 100% 100%, 36px 100%, 0 calc(100% - 36px)); }\n  .brk-ip-simple .brk-tilter__caption {\n    z-index: 3;\n    padding: 44px 50px 54px 53px; }\n  .brk-ip-simple__img {\n    object-fit: cover;\n    object-position: center;\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%; }\n  .brk-ip-simple__paragraph {\n    z-index: 2;\n    position: absolute;\n    left: 20px;\n    bottom: 20px;\n    right: 20px;\n    border: 2px solid #fff;\n    padding: 25px 32px;\n    clip-path: polygon(100% 0, 100% calc(100% - 28px), calc(100% - 28px) 100%, 0 100%, 0 0);\n    color: var(--white); }\n    [dir=\"rtl\"] .brk-ip-simple__paragraph {\n      clip-path: polygon(0 0, 100% 0, 100% 100%, 28px 100%, 0 calc(100% - 28px)); }\n    .brk-ip-simple__paragraph__angle {\n      width: 0;\n      height: 0;\n      border-style: solid;\n      border-width: 28px 28px 0 0;\n      border-color: #fff transparent transparent transparent;\n      position: absolute;\n      bottom: 20px;\n      right: 20px;\n      z-index: 2; }\n      [dir=\"rtl\"] .brk-ip-simple__paragraph__angle {\n        right: auto;\n        left: 20px;\n        border-width: 0 28px 28px 0;\n        border-color: transparent #fff transparent transparent;\n        bottom: 20px; }\n  .brk-ip-simple__title {\n    z-index: 2;\n    color: var(--white); }\n  .brk-ip-simple__overlay {\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    top: 0;\n    z-index: 1; }\n"]}