.elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated {
  padding: 0 !important; }

h1 {
  font-size: 70px; }

h2 {
  font-size: 32px; }

h3 {
  font-size: 28px; }

h4 {
  font-size: 25px; }

h5 {
  font-size: 22px; }

h6 {
  font-size: 20px; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 20px;
  color: #222; }

.templines-main-holder {
  overflow-x: hidden; }

.header-navigation-container {
  z-index: 999;
  padding: 50px 45px 50px 45px;
  text-align: center; }
  .header-navigation-container .entry-header-content {
    max-width: 1450px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .header-navigation-container .menu-item-wrap {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    text-align: center; }
    .header-navigation-container .menu-item-wrap .menu-item {
      padding: 0 15px;
      -webkit-transition: .3s ease;
      -o-transition: .3s ease;
      transition: .3s ease;
      cursor: pointer;
      font-size: 15px;
      color: #222; }
      .header-navigation-container .menu-item-wrap .menu-item:hover {
        -webkit-transition: .3s ease;
        -o-transition: .3s ease;
        transition: .3s ease; }
  .header-navigation-container .button-header {
    -webkit-animation: HeaderButtonAnimation 5s ease-in-out infinite;
            animation: HeaderButtonAnimation 5s ease-in-out infinite;
    position: relative;
    color: #fff;
    padding: 15px 37px;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease; }
    .header-navigation-container .button-header:hover {
      -webkit-transition: .3s ease;
      -o-transition: .3s ease;
      transition: .3s ease; }
    .header-navigation-container .button-header.button-style-revus {
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      overflow: hidden;
      z-index: 0;
      font-size: 13px;
      font-weight: 600; }
      .header-navigation-container .button-header.button-style-revus:before, .header-navigation-container .button-header.button-style-revus:after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0; }
      .header-navigation-container .button-header.button-style-revus:after {
        background: #fff;
        width: 140%;
        left: -20%;
        z-index: -1;
        -webkit-transform-origin: 0 50%;
            -ms-transform-origin: 0 50%;
                transform-origin: 0 50%;
        -webkit-transform: skew(-35deg) scaleX(0);
            -ms-transform: skew(-35deg) scaleX(0);
                transform: skew(-35deg) scaleX(0);
        -webkit-transition: -webkit-transform .5s ease;
        transition: -webkit-transform .5s ease;
        -o-transition: transform .5s ease;
        transition: transform .5s ease;
        transition: transform .5s ease, -webkit-transform .5s ease; }
      .header-navigation-container .button-header.button-style-revus:before {
        z-index: -2; }
      .header-navigation-container .button-header.button-style-revus:hover {
        color: #092441 !important; }
        .header-navigation-container .button-header.button-style-revus:hover:after {
          -webkit-transform: skew(-35deg) scaleX(1);
              -ms-transform: skew(-35deg) scaleX(1);
                  transform: skew(-35deg) scaleX(1); }
  .header-navigation-container.absolute_white {
    position: absolute;
    width: 100%; }
    .header-navigation-container.absolute_white .menu-item-wrap .menu-item {
      color: #fff; }

.counter-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .counter-wrapper .counter {
    font-size: 50px;
    margin-right: 5px; }
  .counter-wrapper .counter-suffix {
    font-size: 35px;
    margin-right: 20px; }
  .counter-wrapper .title-counter {
    font-size: 18px; }

.preview-image-wrapper {
  padding-left: 50px;
  padding-right: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px; }
  .preview-image-wrapper .preview-image-item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%; }
    .preview-image-wrapper .preview-image-item .entry-content {
      padding-right: 15px;
      padding-left: 15px;
      -webkit-animation: previewAnimationImage 3s ease-in-out infinite;
              animation: previewAnimationImage 3s ease-in-out infinite; }
      .preview-image-wrapper .preview-image-item .entry-content .item-wrap {
        -webkit-box-shadow: 0 5px 20px 5px rgba(0, 0, 0, 0.12);
                box-shadow: 0 5px 20px 5px rgba(0, 0, 0, 0.12); }
    .preview-image-wrapper .preview-image-item:nth-child(2) .entry-content, .preview-image-wrapper .preview-image-item:nth-child(4) .entry-content {
      -webkit-animation-delay: .75s;
              animation-delay: .75s; }

.icon-box-two-wrap {
  text-align: center; }
  .icon-box-two-wrap .icon-box-top-content {
    margin-bottom: 20px; }
    .icon-box-two-wrap .icon-box-top-content i {
      font-size: 40px; }
  .icon-box-two-wrap .icon-box-content .icon-box-title {
    font-size: 18px;
    line-height: 1.5; }

.templines-page-preview-template-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  max-width: 1630px;
  padding-left: 50px;
  padding-right: 50px;
  margin: 0 auto;
  margin-top: -70px; }
  .templines-page-preview-template-wrapper .transform-container {
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease; }
  .templines-page-preview-template-wrapper .page-item {
    padding: 0 25px;
    width: 33.33333%;
    margin-top: 70px;
    -webkit-animation: previewAnimationImage 3s ease-in-out infinite;
            animation: previewAnimationImage 3s ease-in-out infinite; }
    .templines-page-preview-template-wrapper .page-item .entry-content img {
      -webkit-box-shadow: 0 5px 20px 5px rgba(0, 0, 0, 0.12);
              box-shadow: 0 5px 20px 5px rgba(0, 0, 0, 0.12); }
    .templines-page-preview-template-wrapper .page-item .title {
      text-align: center;
      font-size: 17px;
      margin-top: 55px;
      -webkit-transition: .3s ease;
      -o-transition: .3s ease;
      transition: .3s ease;
      text-transform: uppercase;
      color: inherit; }
    .templines-page-preview-template-wrapper .page-item a {
      color: inherit; }
    .templines-page-preview-template-wrapper .page-item:nth-child(2) .entry-content, .templines-page-preview-template-wrapper .page-item:nth-child(4) .entry-content, .templines-page-preview-template-wrapper .page-item:nth-child(6) .entry-content, .templines-page-preview-template-wrapper .page-item:nth-child(8) .entry-content, .templines-page-preview-template-wrapper .page-item:nth-child(10) .entry-content, .templines-page-preview-template-wrapper .page-item:nth-child(12) .entry-content, .templines-page-preview-template-wrapper .page-item:nth-child(14) .entry-content {
      -webkit-transform: translateY(15px);
          -ms-transform: translateY(15px);
              transform: translateY(15px);
      -webkit-transition: .3s ease;
      -o-transition: .3s ease;
      transition: .3s ease; }
    .templines-page-preview-template-wrapper .page-item:hover img {
      -webkit-box-shadow: 0 20px 70px 0 rgba(0, 0, 0, 0.4);
              box-shadow: 0 20px 70px 0 rgba(0, 0, 0, 0.4);
      -webkit-transition: .3s ease;
      -o-transition: .3s ease;
      transition: .3s ease; }
    .templines-page-preview-template-wrapper .page-item:hover .transform-container {
      -webkit-transform: translateY(-5px);
          -ms-transform: translateY(-5px);
              transform: translateY(-5px);
      -webkit-transition: .3s ease;
      -o-transition: .3s ease;
      transition: .3s ease; }
    .templines-page-preview-template-wrapper .page-item:hover .title {
      -webkit-transition: .3s ease;
      -o-transition: .3s ease;
      transition: .3s ease; }
    .templines-page-preview-template-wrapper .page-item:hover:nth-child(2), .templines-page-preview-template-wrapper .page-item:hover:nth-child(4), .templines-page-preview-template-wrapper .page-item:hover:nth-child(4), .templines-page-preview-template-wrapper .page-item:hover:nth-child(8), .templines-page-preview-template-wrapper .page-item:hover:nth-child(10), .templines-page-preview-template-wrapper .page-item:hover:nth-child(12) {
      -webkit-transform: translateY(10px);
          -ms-transform: translateY(10px);
              transform: translateY(10px);
      -webkit-transition: .3s ease;
      -o-transition: .3s ease;
      transition: .3s ease; }

.title-decor-image-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .title-decor-image-wrap svg {
    -webkit-animation: TitleArrowAnimation 2s ease-in-out infinite;
            animation: TitleArrowAnimation 2s ease-in-out infinite; }

.elementor-widget-templines-image-animated {
  text-align: center; }
  .elementor-widget-templines-image-animated .templines-animated-image-wrap {
    display: inline-block;
    position: relative; }
    .elementor-widget-templines-image-animated .templines-animated-image-wrap .animated-image-item.first-image-item {
      position: relative; }
    .elementor-widget-templines-image-animated .templines-animated-image-wrap .animated-image-item.other-image-item {
      position: absolute; }
    .elementor-widget-templines-image-animated .templines-animated-image-wrap .animated-image-item .entry-content.shadow-enable img {
      -webkit-box-shadow: 0 5px 20px 5px rgba(0, 0, 0, 0.12);
              box-shadow: 0 5px 20px 5px rgba(0, 0, 0, 0.12); }

.icon-box-three-wrap {
  position: relative; }
  .icon-box-three-wrap .bg-decor {
    z-index: 1;
    position: absolute;
    top: 40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-animation: DecorIconBoxAnination 5s ease-in-out infinite;
    animation: DecorIconBoxAnination 5s ease-in-out infinite; }
  .icon-box-three-wrap .entry-content {
    background: #092441;
    -webkit-border-radius: 100%;
            border-radius: 100%;
    text-align: center;
    color: #fff;
    min-width: 260px;
    min-height: 260px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-animation: previewAnimationImage 2s ease-in-out infinite;
            animation: previewAnimationImage 2s ease-in-out infinite; }
    .icon-box-three-wrap .entry-content .icon-box-top-content {
      width: 100%;
      margin-bottom: 25px; }
    .icon-box-three-wrap .entry-content i {
      font-size: 80px; }
    .icon-box-three-wrap .entry-content .icon-box-content .icon-box-title {
      color: #fff;
      font-weight: 500;
      font-size: 16px; }

.icon-box-four-wrap .entry-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .icon-box-four-wrap .entry-content .icon-box-left-content .icon-wrap {
    position: relative;
    width: 40px;
    margin-right: 25px; }
    .icon-box-four-wrap .entry-content .icon-box-left-content .icon-wrap i {
      font-size: 42px; }
  .icon-box-four-wrap .entry-content .icon-box-right-content .icon-box-title {
    font-size: 17px;
    margin-bottom: 8px;
    font-weight: 600; }

.page-builder-button-wrap .fl-default-button.revus-button-style {
  padding: 14px 35px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  overflow: hidden;
  z-index: 0;
  font-size: 13px;
  position: relative;
  color: #fff !important; }
  .page-builder-button-wrap .fl-default-button.revus-button-style:before, .page-builder-button-wrap .fl-default-button.revus-button-style:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }
  .page-builder-button-wrap .fl-default-button.revus-button-style:after {
    width: 140%;
    left: -20%;
    z-index: -1;
    -webkit-transform-origin: 0 50%;
        -ms-transform-origin: 0 50%;
            transform-origin: 0 50%;
    -webkit-transform: skew(-35deg) scaleX(0);
        -ms-transform: skew(-35deg) scaleX(0);
            transform: skew(-35deg) scaleX(0);
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    -o-transition: transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease; }
  .page-builder-button-wrap .fl-default-button.revus-button-style:before {
    z-index: -2; }
  .page-builder-button-wrap .fl-default-button.revus-button-style:hover:after {
    -webkit-transform: skew(-35deg) scaleX(1);
        -ms-transform: skew(-35deg) scaleX(1);
            transform: skew(-35deg) scaleX(1); }
  .page-builder-button-wrap .fl-default-button.revus-button-style.small-size {
    padding: 12px 25px;
    font-size: 12px; }
  .page-builder-button-wrap .fl-default-button.revus-button-style.large-size {
    padding: 17px 45px;
    font-size: 14px; }

.element-image-animation-wrap {
  position: relative; }
  .element-image-animation-wrap .main-image-wrap {
    position: relative;
    -webkit-animation: animatedBackground2 25s ease-in-out infinite;
            animation: animatedBackground2 25s ease-in-out infinite; }
  .element-image-animation-wrap .secondary-image-wrap {
    position: absolute;
    top: 0;
    right: 100%;
    height: 100%;
    width: 100%;
    -webkit-animation: animatedBackground1 25s ease-in-out infinite;
            animation: animatedBackground1 25s ease-in-out infinite; }

.plugin-for-free-wrap .plugin-for-free-item {
  position: relative;
  z-index: 2; }
  .plugin-for-free-wrap .plugin-for-free-item .entry-content {
    position: relative;
    z-index: -1;
    padding: 45px 60px;
    background: #fff;
    -webkit-box-shadow: 0 5px 20px 5px rgba(0, 0, 0, 0.12);
            box-shadow: 0 5px 20px 5px rgba(0, 0, 0, 0.12);
    -webkit-animation: previewAnimationImage 5s ease-in-out infinite;
            animation: previewAnimationImage 5s ease-in-out infinite; }
    .plugin-for-free-wrap .plugin-for-free-item .entry-content .plugin-preview-image {
      position: absolute;
      right: 25px;
      top: 35px;
      max-width: 38px;
      z-index: 2; }
      .plugin-for-free-wrap .plugin-for-free-item .entry-content .plugin-preview-image img {
        max-width: 35px; }
    .plugin-for-free-wrap .plugin-for-free-item .entry-content .icon-box-title {
      margin-bottom: 14px;
      font-size: 18px; }

.plugin-item-preview--wrap .plugin-preview-wrap .entry-content {
  -webkit-animation: previewAnimationImage 5s ease-in-out infinite;
          animation: previewAnimationImage 5s ease-in-out infinite;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: #0064c1;
  -webkit-border-radius: 56px;
          border-radius: 56px;
  padding: 10px; }
  .plugin-item-preview--wrap .plugin-preview-wrap .entry-content .left-content img {
    margin-right: 15px;
    max-width: 55px; }
  .plugin-item-preview--wrap .plugin-preview-wrap .entry-content .right-content .content-title {
    color: #fff;
    font-size: 18px;
    margin-bottom: 0; }

.page-builder-button-wrap .fl-default-button.revus-button-style {
  padding: 17px 45px;
  font-weight: 600; }
  .page-builder-button-wrap .fl-default-button.revus-button-style .price-button {
    margin-left: 22px;
    font-size: 22px; }
  .page-builder-button-wrap .fl-default-button.revus-button-style:after {
    background: #ffffff !important; }
  .page-builder-button-wrap .fl-default-button.revus-button-style:hover {
    color: #092441 !important; }

.BuilderImageAnimationTwo.animation-complete .entry-content {
  -webkit-animation: BuilderImageAnimationTwo 2s ease-in-out infinite;
          animation: BuilderImageAnimationTwo 2s ease-in-out infinite; }

.BuilderImageAnimationThree.animation-complete .entry-content {
  -webkit-animation: BuilderImageAnimationThree 2s ease-in-out infinite;
          animation: BuilderImageAnimationThree 2s ease-in-out infinite; }

.DecorIconBoxAnination.animation-complete .entry-content {
  -webkit-animation: DecorIconBoxAnination 2s ease-in-out infinite;
          animation: DecorIconBoxAnination 2s ease-in-out infinite; }

.TitleArrowAnimation.animation-complete .entry-content {
  -webkit-animation: TitleArrowAnimation 2s ease-in-out infinite;
          animation: TitleArrowAnimation 2s ease-in-out infinite; }

.HeaderButtonAnimation.animation-complete .entry-content {
  -webkit-animation: HeaderButtonAnimation 2s ease-in-out infinite;
          animation: HeaderButtonAnimation 2s ease-in-out infinite; }

.previewAnimationImage.animation-complete .entry-content {
  -webkit-animation: previewAnimationImage 2s ease-in-out infinite;
          animation: previewAnimationImage 2s ease-in-out infinite; }

@-webkit-keyframes previewAnimationImage {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  50% {
    -webkit-transform: translateY(-6px);
            transform: translateY(-6px); }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes previewAnimationImage {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  50% {
    -webkit-transform: translateY(-6px);
            transform: translateY(-6px); }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }
@-webkit-keyframes HeaderButtonAnimation {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  25% {
    -webkit-transform: translateX(-4px);
            transform: translateX(-4px); }
  75% {
    -webkit-transform: translateX(4px);
            transform: translateX(4px); }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }
@keyframes HeaderButtonAnimation {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  25% {
    -webkit-transform: translateX(-4px);
            transform: translateX(-4px); }
  75% {
    -webkit-transform: translateX(4px);
            transform: translateX(4px); }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }
@-webkit-keyframes svgAnimation {
  0% {
    stroke: #49549E; }
  75% {
    stroke: #1bceb1; }
  100% {
    stroke: #1bce4f; } }
@keyframes svgAnimation {
  0% {
    stroke: #49549E; }
  75% {
    stroke: #1bceb1; }
  100% {
    stroke: #1bce4f; } }
@-webkit-keyframes BuilderImageAnimationTwo {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  50% {
    -webkit-transform: translate3d(0, -7px, 0);
            transform: translate3d(0, -7px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }
@keyframes BuilderImageAnimationTwo {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  50% {
    -webkit-transform: translate3d(0, -7px, 0);
            transform: translate3d(0, -7px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }
@-webkit-keyframes BuilderImageAnimationThree {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  50% {
    -webkit-transform: translate3d(-9px, 0, 0);
            transform: translate3d(-9px, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }
@keyframes BuilderImageAnimationThree {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  50% {
    -webkit-transform: translate3d(-9px, 0, 0);
            transform: translate3d(-9px, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }
@-webkit-keyframes DecorIconBoxAnination {
  from {
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0); }
  50% {
    -webkit-transform: translate3d(-52%, -7px, 0);
            transform: translate3d(-52%, -7px, 0); }
  to {
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0); } }
@keyframes DecorIconBoxAnination {
  from {
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0); }
  50% {
    -webkit-transform: translate3d(-52%, -7px, 0);
            transform: translate3d(-52%, -7px, 0); }
  to {
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0); } }
@-webkit-keyframes TitleArrowAnimation {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  50% {
    -webkit-transform: translate3d(0, -7px, 0);
            transform: translate3d(0, -7px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }
@keyframes TitleArrowAnimation {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  50% {
    -webkit-transform: translate3d(0, -7px, 0);
            transform: translate3d(0, -7px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }
@-webkit-keyframes animatedBackground1 {
  0% {
    left: 100%; }
  100% {
    left: 0; }
  /* set this to the height of the image */ }
@keyframes animatedBackground1 {
  0% {
    left: 100%; }
  100% {
    left: 0; }
  /* set this to the height of the image */ }
@-webkit-keyframes animatedBackground2 {
  0% {
    left: 0; }
  100% {
    left: -100%; }
  /* set this to the height of the image */ }
@keyframes animatedBackground2 {
  0% {
    left: 0; }
  100% {
    left: -100%; }
  /* set this to the height of the image */ }
/*-------------------------------------------------------------------

==  max-width 1170px

-------------------------------------------------------------------*/
@media screen and (max-width: 769px) {
  .header-navigation-container {
    padding: 30px 20px 30px 20px !important; }
    .header-navigation-container .menu-item-wrap {
      display: none !important; }

  .templines-page-preview-template-wrapper {
    padding-left: 15px;
    padding-right: 15px; }
    .templines-page-preview-template-wrapper .page-item {
      padding: 0 15px;
      width: 50%;
      margin-top: 45px; }
      .templines-page-preview-template-wrapper .page-item .title {
        font-size: 15px;
        margin-top: 20px; } }
/*-------------------------------------------------------------------

==  max-width 1170px

-------------------------------------------------------------------*/
@media screen and (max-width: 550px) {
  .templines-page-preview-template-wrapper .page-item {
    width: 100%; } }