/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
html[lang="en-US"] .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content h1 {
  font-size: 3rem; }
  @media (max-width: 600px) {
    html[lang="en-US"] .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content h1 {
      font-size: 2.5rem; } }
  @media (max-width: 450px) {
    html[lang="en-US"] .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content h1 {
      font-size: 2.2rem; } }

html[lang="nl-NL"] .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content h1 {
  font-size: 3rem; }
  @media (max-width: 600px) {
    html[lang="nl-NL"] .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content h1 {
      font-size: 2.5rem; } }
  @media (max-width: 450px) {
    html[lang="nl-NL"] .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content h1 {
      font-size: 2.2rem; } }

.wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace {
  height: 0;
  padding-top: 52%;
  position: relative;
  margin-top: 80px;
  -webkit-transition: padding ease 1s;
  -o-transition: padding ease 1s;
  transition: padding ease 1s; }
  @media (max-width: 1000px) {
    .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace {
      height: 0;
      padding-top: 65%; } }
  @media (max-width: 991.98px) {
    .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace {
      margin-top: 0; } }
  @media (max-width: 850px) {
    .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace {
      padding-top: 83%; } }
  @media (max-width: 700px) {
    .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace {
      padding-top: 120%; } }
  @media (max-width: 600px) {
    .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace {
      padding-top: 125%; } }
  @media (max-width: 500px) {
    .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace {
      padding-top: 200%; } }
  @media (max-width: 350px) {
    .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace {
      padding-top: 220%; } }
  .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .bg-desktop, .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .bg-tablet, .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .bg-mobile, .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .bg-mobile-xs {
    display: none !important;
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    width: 100%;
    -webkit-transition: padding ease 1s, background-image ease 1s;
    -o-transition: padding ease 1s, background-image ease 1s;
    transition: padding ease 1s, background-image ease 1s; }
  .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .bg-desktop {
    display: block !important;
    height: 0;
    padding-top: 57.5%; }
  .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .bg-tablet {
    height: 0;
    padding-top: 75%; }
    @media (max-width: 850px) {
      .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .bg-tablet {
        padding-top: 90%; } }
  .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .bg-mobile {
    height: 0;
    padding-top: 130%; }
    @media (max-width: 600px) {
      .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .bg-mobile {
        padding-top: 135%; } }
  .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .bg-mobile-xs {
    height: 0;
    padding-top: 205%; }
    @media (max-width: 350px) {
      .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .bg-mobile-xs {
        padding-top: 230%; } }
  @media (max-width: 1000px) {
    .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .bg-desktop {
      display: none !important; }
    .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .bg-tablet {
      display: block !important; } }
  @media (max-width: 700px) {
    .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .bg-tablet {
      display: none !important; }
    .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .bg-mobile {
      display: block !important; } }
  @media (max-width: 500px) {
    .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .bg-mobile {
      display: none !important; }
    .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .bg-mobile-xs {
      display: block !important; } }
  .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container {
    position: absolute;
    top: 0;
    height: 100%;
    margin: auto;
    left: 0;
    right: 0; }
    .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row {
      height: 100%; }
      .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content {
        display: table;
        height: 100%;
        width: 100%; }
        .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div {
          display: table-cell;
          vertical-align: middle;
          height: 100%; }
          .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div h1, .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div p, .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div a.exercises, .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div a.exercises:link, .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div a.exercises:hover, .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div a.exercises:visited, .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div a.exercises:focus, .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div a.exercises:active {
            color: #fff; }
          .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div h1 {
            font-size: 4rem;
            font-weight: 500;
            margin: 0 0 1rem 0;
            line-height: 1.15; }
            @media (max-width: 1100px) {
              .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div h1 {
                font-size: 3.5rem; } }
            @media (max-width: 600px) {
              .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div h1 {
                font-size: 3rem; } }
            @media (max-width: 450px) {
              .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div h1 {
                font-size: 2.5rem; } }
          .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div .inner {
            display: -ms-flexbox;
            display: flex;
            -moz-justify-content: space-between;
            -ms-justify-content: space-between;
            justify-content: space-between;
            -ms-flex-pack: space-between;
            -moz-align-items: flex-end;
            -ms-align-items: flex-end;
            -ms-flex-align: end;
                align-items: flex-end;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            padding-top: 3em; }
            @media (max-width: 991.98px) {
              .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div .inner {
                padding-top: 0; } }
            .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div .inner .startpage-text {
              -ms-flex: 0 1 45%;
              flex: 0 1 45%; }
              .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div .inner .startpage-text p {
                font-size: 1.1rem;
                line-height: 1.75em;
                max-width: 20.93em;
                font-weight: 400; }
              .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div .inner .startpage-text .btn.header-button {
                font-size: 1.1rem;
                padding: 0 2em; }
            .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div .inner .startpage-contact {
              -ms-flex: 0 1 45%;
              flex: 0 1 45%; }
              .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div .inner .startpage-contact .component-acf-kreativabyran-know-more-contact-form {
                border-radius: 10px;
                background: rgba(6, 76, 113, 0.8);
                -webkit-box-shadow: 0px 10px 20px rgba(79, 113, 128, 0.2);
                        box-shadow: 0px 10px 20px rgba(79, 113, 128, 0.2); }
                .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div .inner .startpage-contact .component-acf-kreativabyran-know-more-contact-form.afterVideo .close-aftervideo-form {
                  display: block; }
                .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div .inner .startpage-contact .component-acf-kreativabyran-know-more-contact-form .checkbox {
                  position: relative;
                  display: -ms-flexbox;
                  display: flex;
                  -ms-flex: 1;
                  flex: 1;
                  margin-right: 5%; }
                  .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div .inner .startpage-contact .component-acf-kreativabyran-know-more-contact-form .checkbox input[type="checkbox"] {
                    display: none; }
                  .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div .inner .startpage-contact .component-acf-kreativabyran-know-more-contact-form .checkbox label::before {
                    content: "";
                    width: 18px;
                    height: 18px;
                    border: 2px solid #EB9500;
                    position: absolute;
                    left: 0;
                    top: 1px;
                    margin-top: auto;
                    margin-bottom: auto;
                    cursor: pointer;
                    border-radius: 4px;
                    background-color: rgba(255, 255, 255, 0.85);
                    background-size: 12px;
                    background-position: center;
                    background-repeat: no-repeat; }
                  .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div .inner .startpage-contact .component-acf-kreativabyran-know-more-contact-form .checkbox input[type="checkbox"]:checked + label::before {
                    background-image: url("/wp-content/themes/temat-child/img/check-solid-orange.svg");
                    background-color: white; }
                  .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div .inner .startpage-contact .component-acf-kreativabyran-know-more-contact-form .checkbox label {
                    font-size: 0.75rem;
                    font-style: italic;
                    max-width: 300px;
                    font-weight: 300;
                    padding-left: 32px;
                    line-height: 1.25;
                    color: #fff;
                    text-align: left; }
                    .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div .inner .startpage-contact .component-acf-kreativabyran-know-more-contact-form .checkbox label::-moz-selection {
                      color: #fff; }
                    .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div .inner .startpage-contact .component-acf-kreativabyran-know-more-contact-form .checkbox label::selection {
                      color: #fff; }
                .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div .inner .startpage-contact .component-acf-kreativabyran-know-more-contact-form > form {
                  padding: 1.3rem 1.2rem;
                  position: relative; }
                  @media (max-width: 800px) {
                    .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div .inner .startpage-contact .component-acf-kreativabyran-know-more-contact-form > form {
                      margin-top: 3em; } }
                  .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div .inner .startpage-contact .component-acf-kreativabyran-know-more-contact-form > form h2 {
                    color: #fff;
                    font-size: 1rem;
                    font-weight: 500;
                    margin-top: 0; }
                  .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div .inner .startpage-contact .component-acf-kreativabyran-know-more-contact-form > form input {
                    width: 100%;
                    height: 3rem;
                    border: 0;
                    padding: 0 20px;
                    font-size: 0.8rem;
                    border-radius: 8px; }
                  .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div .inner .startpage-contact .component-acf-kreativabyran-know-more-contact-form > form .contact-form-button {
                    display: -ms-flexbox;
                    display: flex;
                    -moz-justify-content: space-between;
                    -ms-justify-content: space-between;
                    justify-content: space-between;
                    -ms-flex-pack: space-between;
                    -moz-align-items: flex-start;
                    -ms-align-items: flex-start;
                    -ms-flex-align: start;
                        align-items: flex-start;
                    margin-top: 1em; }
                    .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div .inner .startpage-contact .component-acf-kreativabyran-know-more-contact-form > form .contact-form-button .btn {
                      font-size: 0.9rem;
                      height: 2.7rem;
                      line-height: 2.7rem;
                      padding: 0 2em;
                      width: auto;
                      cursor: pointer; }
                  @media (max-width: 500px) {
                    .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div .inner .startpage-contact .component-acf-kreativabyran-know-more-contact-form > form h2 {
                      text-align: center;
                      font-size: 1.1rem; }
                    .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div .inner .startpage-contact .component-acf-kreativabyran-know-more-contact-form > form input {
                      font-size: 1rem; }
                    .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div .inner .startpage-contact .component-acf-kreativabyran-know-more-contact-form > form .contact-form-button {
                      -moz-flex-direction: column-reverse;
                      -ms-flex-direction: column-reverse;
                      flex-direction: column-reverse;
                      -moz-align-items: stretch;
                      -ms-align-items: stretch;
                      -ms-flex-align: stretch;
                          align-items: stretch;
                      margin-top: 1em; }
                      .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div .inner .startpage-contact .component-acf-kreativabyran-know-more-contact-form > form .contact-form-button p {
                        margin: auto;
                        text-align: center;
                        font-size: 0.9rem; }
                      .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div .inner .startpage-contact .component-acf-kreativabyran-know-more-contact-form > form .contact-form-button .btn {
                        margin-bottom: 1em;
                        font-size: 1.1rem; } }
            @media (max-width: 800px) {
              .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div .inner .startpage-text, .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div .inner .startpage-contact {
                -ms-flex: 0 1 50%;
                flex: 0 1 50%; }
              .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div .inner .startpage-text p {
                font-size: 1rem; } }
            @media (max-width: 700px) {
              .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div .inner .component-acf-kreativabyran-know-more-contact-form {
                background: rgba(6, 76, 113, 0.9); }
              .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div .inner .startpage-text, .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div .inner .startpage-contact {
                -ms-flex: 0 1 100%;
                flex: 0 1 100%; }
              .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div .inner .startpage-text p {
                font-size: 1.1rem; }
              .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div .inner .startpage-text .btn.header-button {
                display: none; } }
          .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div .exercises-container {
            margin-top: 3em; }
            @media (max-width: 767.98px) {
              .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div .exercises-container {
                margin-top: 1.5em; } }
            @media (max-width: 699.98px) {
              .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div .exercises-container {
                display: none; } }
            .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div .exercises-container .exercises {
              text-decoration: none;
              font-style: italic;
              font-size: 1.1rem;
              line-height: 1.2em;
              font-weight: 600;
              position: relative;
              padding-right: 1em;
              cursor: pointer;
              display: inline-block;
              color: #fff;
              margin-right: 1em; }
              .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div .exercises-container .exercises::after {
                content: "";
                background-image: url(../../img/white-arrow-right.png);
                position: absolute;
                display: block;
                width: 1em;
                height: 1em;
                bottom: 0.03em;
                right: 0;
                background-repeat: no-repeat;
                background-size: 0.41em;
                background-position: 100% calc(100% - 2px); }
                @media (max-width: 1000px) {
                  .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div .exercises-container .exercises::after {
                    bottom: 2px; } }
            .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div .exercises-container .modal_container {
              display: none;
              position: fixed;
              z-index: 999;
              left: 0;
              top: 0;
              width: 100%;
              height: 100%;
              overflow: auto;
              background-color: rgba(0, 53, 82, 0.8); }
              .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div .exercises-container .modal_container .close {
                position: absolute;
                top: 50px;
                right: 15px;
                background: transparent;
                padding: 0;
                border: 0;
                font-size: 40px;
                line-height: 40px;
                height: 50px;
                width: 50px;
                color: #fff;
                cursor: pointer;
                background: #EB9500;
                border-radius: 30px; }
                .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div .exercises-container .modal_container .close #close-modal-inner {
                  position: absolute;
                  left: 15px;
                  bottom: 7px;
                  -webkit-transform: rotate(45deg);
                      -ms-transform: rotate(45deg);
                          transform: rotate(45deg); }
              .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div .exercises-container .modal_container .modal-content {
                background: #fff;
                position: absolute;
                top: 30vh;
                right: 0;
                left: 0;
                max-width: 500px;
                width: 95%;
                margin: auto;
                /* The main progress bar also has a bar that shows how much has been loaded. */
                /* The load progress bar also has internal divs that represent
                                smaller disconnected loaded time ranges */ }
                .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div .exercises-container .modal_container .modal-content .video-js {
                  font-size: 10px;
                  color: #fff;
                  background: #fff; }
                  .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div .exercises-container .modal_container .modal-content .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
                    font-size: 3.8em; }
                  .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div .exercises-container .modal_container .modal-content .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
                    font-size: 1.2em; }
                  .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div .exercises-container .modal_container .modal-content .video-js .vjs-play-control.vjs-paused .vjs-icon-placeholder:before {
                    font-size: 1.2em; }
                  .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div .exercises-container .modal_container .modal-content .video-js .vjs-mute-control .vjs-icon-placeholder:before {
                    font-size: 1.2em; }
                  .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div .exercises-container .modal_container .modal-content .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
                    font-size: 1.2em; }
                .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div .exercises-container .modal_container .modal-content .vjs-default-skin .vjs-big-play-button, .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div .exercises-container .modal_container .modal-content .video-js .vjs-big-play-button {
                  font-size: 0;
                  line-height: 5rem;
                  height: 5rem;
                  width: 5rem;
                  border-radius: 0.3em;
                  border-radius: 50%;
                  /* Align center */
                  left: 50%;
                  top: 50%;
                  margin-left: -2.5rem;
                  margin-top: -2.5rem; }
                .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div .exercises-container .modal_container .modal-content .video-js .vjs-control-bar,
                .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div .exercises-container .modal_container .modal-content .video-js .vjs-big-play-button,
                .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div .exercises-container .modal_container .modal-content .video-js .vjs-menu-button .vjs-menu-content {
                  background-color: #EB9500;
                  background-color: #eb9500; }
                .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div .exercises-container .modal_container .modal-content .video-js .vjs-slider {
                  background-color: #ffd894;
                  background-color: rgba(255, 216, 148, 0.5); }
                .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div .exercises-container .modal_container .modal-content .video-js .vjs-volume-level,
                .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div .exercises-container .modal_container .modal-content .video-js .vjs-play-progress,
                .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div .exercises-container .modal_container .modal-content .video-js .vjs-slider-bar {
                  background: #fff; }
                .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div .exercises-container .modal_container .modal-content .video-js .vjs-load-progress {
                  background: white;
                  background: rgba(255, 216, 148, 0.5); }
                .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div .exercises-container .modal_container .modal-content .video-js .vjs-load-progress div {
                  background: white;
                  background: rgba(255, 216, 148, 0.75); }
                .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row .content > div .exercises-container .modal_container .modal-content .video-js:hover .vjs-big-play-button {
                  background-color: rgba(235, 149, 0, 0.9); }
      .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row > div > a,
      .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row > div > a:link,
      .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row > div > a:hover,
      .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row > div > a:visited,
      .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row > div > a:focus,
      .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row > div > a:active {
        position: absolute;
        bottom: 50px;
        left: 0;
        right: 0;
        display: block;
        width: 30px;
        height: 15px;
        margin: auto;
        background-image: url(../../img/white-arrow-down.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        -webkit-animation: jump cubic-bezier(0.14, 0.38, 0.72, 0.91) infinite alternate 0.8s;
                animation: jump cubic-bezier(0.14, 0.38, 0.72, 0.91) infinite alternate 0.8s; }
        @media (max-width: 1000px) {
          .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row > div > a,
          .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row > div > a:link,
          .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row > div > a:hover,
          .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row > div > a:visited,
          .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row > div > a:focus,
          .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row > div > a:active {
            display: none; } }
        @media (min-width: 2200px) {
          .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row > div > a,
          .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row > div > a:link,
          .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row > div > a:hover,
          .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row > div > a:visited,
          .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row > div > a:focus,
          .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-herospace .container .row > div > a:active {
            display: none; } }

@-webkit-keyframes jump {
  0% {
    bottom: 50px; }
  100% {
    bottom: 60px; } }

@keyframes jump {
  0% {
    bottom: 50px; }
  100% {
    bottom: 60px; } }

.close-aftervideo-form {
  position: absolute;
  top: -45px;
  right: 0;
  background: #EB9500;
  width: 30px;
  height: 30px;
  border-radius: 20px;
  cursor: pointer;
  display: none; }
  .close-aftervideo-form .close-cross {
    color: #fff;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    position: absolute;
    left: 5px;
    font-size: 40px;
    top: -9px; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-video {
  /* The main progress bar also has a bar that shows how much has been loaded. */
  /* The load progress bar also has internal divs that represent
    smaller disconnected loaded time ranges */
  padding-top: 400px;
  padding-bottom: 250px;
  background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(238, 238, 238, 0)), color-stop(15%, #eeeeee), color-stop(75%, #eeeeee), color-stop(95%, #ffffff)) 0% 0% no-repeat padding-box;
  background: #eee -webkit-linear-gradient(top, rgba(238, 238, 238, 0) 0, #eeeeee 15%, #eeeeee 75%, #ffffff 95%) 0% 0% no-repeat padding-box;
  background: #eee -o-linear-gradient(top, rgba(238, 238, 238, 0) 0, #eeeeee 15%, #eeeeee 75%, #ffffff 95%) 0% 0% no-repeat padding-box;
  background: #eee linear-gradient(180deg, rgba(238, 238, 238, 0) 0, #eeeeee 15%, #eeeeee 75%, #ffffff 95%) 0% 0% no-repeat padding-box; }
  .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-video .video-js {
    font-size: 10px;
    color: #fff; }
    .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-video .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
      font-size: 3.8em; }
    .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-video .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
      font-size: 1.2em; }
    .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-video .video-js .vjs-play-control.vjs-paused .vjs-icon-placeholder:before {
      font-size: 1.2em; }
    .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-video .video-js .vjs-mute-control .vjs-icon-placeholder:before {
      font-size: 1.2em; }
    .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-video .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
      font-size: 1.2em; }
  .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-video .vjs-default-skin .vjs-big-play-button, .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-video .video-js .vjs-big-play-button {
    font-size: 0;
    line-height: 5rem;
    height: 5rem;
    width: 5rem;
    border-radius: 0.3em;
    border-radius: 50%;
    /* Align center */
    left: 50%;
    top: 50%;
    margin-left: -2.5rem;
    margin-top: -2.5rem; }
  .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-video .video-js .vjs-control-bar,
  .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-video .video-js .vjs-big-play-button,
  .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-video .video-js .vjs-menu-button .vjs-menu-content {
    background-color: #EB9500;
    background-color: #eb9500; }
  .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-video .video-js .vjs-slider {
    background-color: #ffd894;
    background-color: rgba(255, 216, 148, 0.5); }
  .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-video .video-js .vjs-volume-level,
  .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-video .video-js .vjs-play-progress,
  .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-video .video-js .vjs-slider-bar {
    background: #fff; }
  .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-video .video-js .vjs-load-progress {
    background: white;
    background: rgba(255, 216, 148, 0.5); }
  .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-video .video-js .vjs-load-progress div {
    background: white;
    background: rgba(255, 216, 148, 0.75); }
  .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-video .video-js:hover .vjs-big-play-button {
    background-color: rgba(235, 149, 0, 0.9); }
  @media (max-width: 2200px) {
    .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-video {
      padding-top: 200px;
      padding-bottom: 200px; } }
  @media (max-width: 1440px) {
    .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-video {
      padding-top: 150px;
      padding-bottom: 150px; } }
  @media (max-width: 991.89px) {
    .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-video {
      padding-top: 85px;
      padding-bottom: 85px; } }
  @media (max-width: 500px) {
    .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-video {
      padding-top: 65px;
      padding-bottom: 85px; } }
  .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-video .container .row .text {
    display: -ms-flexbox;
    display: flex;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    color: #04324A; }
    .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-video .container .row .text h2 {
      margin: 0; }
  .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-video .container .row .video-block {
    position: relative;
    -webkit-box-shadow: 0px 10px 20px rgba(79, 113, 128, 0.2);
            box-shadow: 0px 10px 20px rgba(79, 113, 128, 0.2);
    height: 100%;
    background: #fff;
    cursor: pointer; }
    .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-video .container .row .video-block .vjs-poster {
      background-color: #fff; }
    .wp-block-gutenberg-kreativabyran-block-gutenberg-kreativabyran-video .container .row .video-block .play-button {
      position: absolute;
      width: 42px;
      border-radius: 5px;
      margin-left: -21px;
      margin-top: -21px;
      top: 50%;
      left: 50%;
      cursor: pointer; }