/*
* BOOTSTRAP OVERWRITE - START
*/
/*
* BOOTSTRAP OVERWRITE - END
*/
/*
* Theme colors
*/
/*
* BOOTSTRAP OVERWRITE - START
*/
/*
* BOOTSTRAP OVERWRITE - END
*/
/*
* BOOTSTRAP OVERWRITE - START
*/
/*
* BOOTSTRAP OVERWRITE - END
*/
/*
* Theme styles
*/
/*
* Media Query
*/
/*
* Section margin
*/
/*
* Section padding
*/
/*
* Display list elements in column
*/
/*
* Menu item width in footer menu
*/
/*
* Small gray shadow
*/
/*
* Large gray shadow
*/
/*
* Headers
*/
.block-video-image-text .video-image-text__content .media-container .media-text .media-title {
  font-family: "Mukta", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  color: #333D47;
  letter-spacing: 0;
  margin-bottom: 2rem;
  word-wrap: normal; }
  .block-video-image-text .video-image-text__content .media-container .media-text .media-title span {
    color: #F8B322; }

.block-video-image-text .video-image-text__content .media-container .media-text .media-title {
  font-size: 2rem;
  line-height: 1.25; }
  @media screen and (min-width: 768px) {
    .block-video-image-text .video-image-text__content .media-container .media-text .media-title {
      font-size: 2.4rem; } }

.block-video-image-text .video-image-text__content .list .list-element {
  font-size: 1.4rem;
  line-height: 1.71;
  font-family: "Mukta", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  color: #333D47;
  word-wrap: normal; }
  @media screen and (min-width: 768px) {
    .block-video-image-text .video-image-text__content .list .list-element {
      font-size: 1.8rem;
      line-height: 1.67; } }

.block-video-image-text .video-image-text__content .media-container .media-text .media-description {
  font-size: 1.2rem;
  line-height: 1.67; }
  @media screen and (min-width: 992px) {
    .block-video-image-text .video-image-text__content .media-container .media-text .media-description {
      font-size: 1.4rem;
      line-height: 1.43; } }

/*
* Custom scrollbar
*/
@-moz-document url-prefix() { }

/*
* Reset list styles
*/
.block-video-image-text .video-image-text__content .list {
  margin: 0;
  padding: 0; }

.block-video-image-text .video-image-text__content .list .list-element {
  margin: 0;
  padding: 0;
  list-style: none; }

/*
* Link circle hover
*/
/*
* Button hover
*/
/*
* Button mobile full width
*/
/*
* Section width
*/
/*
* Section paddings
*/
/*
* Section header
*/
/*
* Element under section description
*/
/*
* Element under section description
*/
/*
* Link hover color
*/
/*
* Hero section styles
*/
@keyframes move-dot {
  0% {
    bottom: 0.4rem;
    opacity: 1; }
  20% {
    opacity: 1; }
  100% {
    bottom: 1rem;
    opacity: 0; } }

/*
* Position absolute - full width
*/
.block-video-image-text .video-image-text__content .media-container .media-wrapper:before, .block-video-image-text .c-popup .video iframe, .block-video-image-text .c-popup .video img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }

/*
* Image as cover or contain
*/
.block-video-image-text .video-image-text__content .media-container .media-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%; }

/*
* Icon wrapper
*/
/*
* Element border-radius
*/
.block-video-image-text .video-image-text__content .media-container .media-wrapper {
  border-radius: 0 50px 0 0; }

/*
* checkbox checked
*/
/*
* language font
*/
/*
* Slider pagination
*/
/*
* Slider buttons
*/
/*
* News and slide component
*/
/*
* Download and job-offer component
*/
/*
* Services and blocks grid component
*/
/*
* Case studies filters
* Job offers filters
*/
/*
* Case studies tags
* Knowledge base tags
*/
/*
* Case studies and posts grid blocks
*/
/*
* Form label
*/
/*
* Contact form steps
*/
/*
* Contact form (steps form) buttons wrapper
*/
.block-video-image-text {
  margin-top: 5rem;
  margin-bottom: 10rem; }
  @media screen and (min-width: 992px) {
    .block-video-image-text {
      margin-top: 5rem;
      margin-bottom: 13rem; } }
  .block-video-image-text.no-media-text {
    margin-top: 5rem;
    margin-bottom: 10rem; }
    @media screen and (min-width: 992px) {
      .block-video-image-text.no-media-text {
        margin-top: 5rem;
        margin-bottom: 10rem; } }
  @media screen and (min-width: 992px) {
    .block-video-image-text .video-image-text {
      position: relative;
      display: flex; } }
  @media screen and (min-width: 992px) {
    .block-video-image-text .video-image-text__content {
      width: 50.9%;
      padding-right: 1.2rem; } }
  @media screen and (min-width: 1300px) {
    .block-video-image-text .video-image-text__content {
      min-height: 34vw; } }
  @media screen and (min-width: 1920px) {
    .block-video-image-text .video-image-text__content {
      min-height: 65rem; } }
  .block-video-image-text .video-image-text__content .subheader {
    font-weight: 800;
    color: #F8B322;
    text-transform: uppercase; }
  .block-video-image-text .video-image-text__content .header {
    margin-bottom: 3rem; }
  @media screen and (min-width: 992px) {
    .block-video-image-text .video-image-text__content .media-container {
      position: absolute;
      top: 0;
      left: 50%;
      width: 50%;
      height: 100%;
      padding-left: 1.2rem; } }
  .block-video-image-text .video-image-text__content .media-container .media-wrapper {
    width: 100%;
    height: 48vw;
    overflow: hidden;
    position: relative; }
    @media screen and (min-width: 576px) {
      .block-video-image-text .video-image-text__content .media-container .media-wrapper {
        height: 50vw; } }
    @media screen and (min-width: 992px) {
      .block-video-image-text .video-image-text__content .media-container .media-wrapper {
        height: 80%; } }
    @media screen and (min-width: 1920px) {
      .block-video-image-text .video-image-text__content .media-container .media-wrapper {
        max-height: 52rem; } }
    .block-video-image-text .video-image-text__content .media-container .media-wrapper:before {
      content: '';
      background: linear-gradient(56.24deg, #ED8E00 0%, rgba(237, 142, 0, 0.05) 85.81%); }
    .block-video-image-text .video-image-text__content .media-container .media-wrapper--video {
      cursor: pointer; }
      .block-video-image-text .video-image-text__content .media-container .media-wrapper--video:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 5rem;
        height: 5rem;
        background-color: #333D47;
        background-image: url("../src/images/play-icon.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 1.4rem 1.6rem;
        border-radius: 50%; }
        @media screen and (min-width: 768px) {
          .block-video-image-text .video-image-text__content .media-container .media-wrapper--video:after {
            width: 7.8rem;
            height: 7.8rem;
            background-size: 2.2rem 2.4rem; } }
  .block-video-image-text .video-image-text__content .media-container .media-text {
    position: relative;
    transform: translateY(-20%);
    background-color: #333D47;
    padding: 3rem;
    width: 100%; }
    @media screen and (min-width: 768px) {
      .block-video-image-text .video-image-text__content .media-container .media-text {
        transform: translateY(-50%);
        width: 65%;
        margin: 0 auto; } }
    .block-video-image-text .video-image-text__content .media-container .media-text .media-title {
      color: #ffffff;
      font-weight: 400; }
    .block-video-image-text .video-image-text__content .media-container .media-text .media-description {
      color: #ffffff; }
  .block-video-image-text .video-image-text__content .description {
    margin: 0 0 2rem 0; }
    @media screen and (min-width: 992px) {
      .block-video-image-text .video-image-text__content .description {
        margin: 3rem 0;
        max-width: 45rem; } }
  .block-video-image-text .video-image-text__content .list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    margin: 3rem 0 1rem 0; }
    .block-video-image-text .video-image-text__content .list .list-element {
      font-size: 1.4rem;
      line-height: 1.43;
      display: flex;
      margin-bottom: 1rem;
      width: max(43%, 23rem);
      margin-right: 3rem; }
      @media screen and (min-width: 992px) {
        .block-video-image-text .video-image-text__content .list .list-element {
          margin-bottom: 2rem; } }
      @media screen and (min-width: 1580px) {
        .block-video-image-text .video-image-text__content .list .list-element {
          font-size: 1.8rem;
          line-height: 1.67; } }
      .block-video-image-text .video-image-text__content .list .list-element .checkbox-icon-wrapper {
        flex-shrink: 0;
        width: 3rem;
        height: 3rem;
        background-color: #F8B322;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 1.1rem; }
      .block-video-image-text .video-image-text__content .list .list-element span {
        align-self: center; }
        @media screen and (min-width: 1580px) {
          .block-video-image-text .video-image-text__content .list .list-element span {
            align-self: auto; } }
  .block-video-image-text .video-image-text__content .c-button {
    margin: 1rem 0 0 0; }
    @media screen and (min-width: 992px) {
      .block-video-image-text .video-image-text__content .c-button {
        margin: 1rem 0 1.5rem 0; } }
  @media screen and (min-width: 992px) {
    .block-video-image-text .video-image-text__content.content-right {
      order: 2;
      padding-right: 0;
      padding-left: min(10.5%, 11.1rem); } }
  @media screen and (min-width: 992px) {
    .block-video-image-text .video-image-text__content.content-right .media-container {
      left: 0;
      padding-left: 0;
      padding-right: 1.2rem; } }
  @media screen and (min-width: 992px) {
    .block-video-image-text .video-image-text__content.no-media-text {
      width: 33.9%;
      min-height: 27.65vw;
      display: flex;
      flex-direction: column;
      justify-content: center; } }
  @media screen and (min-width: 1920px) {
    .block-video-image-text .video-image-text__content.no-media-text {
      min-height: 52rem; } }
  @media screen and (min-width: 992px) {
    .block-video-image-text .video-image-text__content.no-media-text .media-container {
      left: 33.9%;
      width: 66.1%; } }
  @media screen and (min-width: 992px) {
    .block-video-image-text .video-image-text__content.no-media-text .media-container .media-wrapper {
      height: 100%; } }
  .block-video-image-text .video-image-text__content.no-media-text .c-button {
    width: -moz-fit-content;
    width: fit-content; }
  @media screen and (min-width: 992px) {
    .block-video-image-text .video-image-text__media {
      width: 49.1%; } }
  @media screen and (min-width: 992px) {
    .block-video-image-text .video-image-text__media.media-left {
      order: 1; } }
  @media screen and (min-width: 992px) {
    .block-video-image-text .video-image-text__media.no-media-text {
      width: 66.1%; } }
  .block-video-image-text .c-popup {
    display: none;
    position: relative; }
    .block-video-image-text .c-popup--visible {
      display: flex;
      justify-content: center;
      align-items: center;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(51, 61, 71, 0.95);
      z-index: 99; }
    .block-video-image-text .c-popup__video-container {
      width: 90%;
      height: 90%;
      max-width: 120rem;
      max-height: 67.5rem;
      margin: auto;
      display: flex;
      justify-content: center;
      align-items: center; }
    .block-video-image-text .c-popup .video {
      position: relative;
      overflow: hidden;
      width: 100%;
      padding-top: calc( 315 / 560 * 100%); }
      .block-video-image-text .c-popup .video iframe {
        margin: auto; }
      .block-video-image-text .c-popup .video img {
        -o-object-fit: contain;
           object-fit: contain; }
    .block-video-image-text .c-popup .close-icon {
      position: absolute;
      top: 2rem;
      right: 2rem; }
      .block-video-image-text .c-popup .close-icon .close-line {
        background-color: #ffffff; }


/*# sourceMappingURL=block_video-image-text.css.map*/