Viewing 30 results - 61 through 90 (of 1,269 total)
  • Author
    Search Results
  • #1442608

    Topic: Glitch on mobile

    in forum Enfold
    northorie
    Participant

    Hi, I guess my custom css produces a glitch on mobile: The underlined font is not displayed properly and the cookie banner appears misplaced (at the far bottom of the page).
    On Desktop everthing looks great. Can you help me please?

    This is my custom css:

    /* Header mobile */
    @media only screen and (max-width: 767px) {
      .responsive #top #wrap_all #header {
        position: fixed;
      }
    }
    @media only screen and (max-width: 767px) {
    .responsive #header_main .container {
        height: 50px !important;
    }
    .responsive .logo a {
        vertical-align: top !important;
    }
    .responsive .logo img {
        max-height: 50px !important;
    }
    }
    @media only screen and (max-width: 767px) {
    .responsive #top #wrap_all .main_menu {
        top: -15px;
        height: 45px;
        left: auto;
        right: 0;
        display: block;
        position: absolute;
    }
    }
    @media only screen and (max-width: 500px) { 
    .responsive #top #wrap_all #main {
            padding-top: 50px !important;
        }
    }
    /* Farbe Nachrichtenversand */
    h3.avia-form-success{
     color:#99a502!important;	
    }
    /* Header Button Mobile*/
    @media only screen and (max-width: 767px) {
    .home .avia-fullscreen-slider .caption_bottom .slideshow_caption {
        bottom: 325px;
        left: 300px;
    }
    .home .slideshow_inner_caption .avia-slideshow-button.avia-button {
        background-color: #a37652;
        color: white;
        border-radius: 10px;
    }
    }
    @media only screen and (max-width: 767px) {
      #top #wrap_all .slideshow_inner_caption .avia-slideshow-button.avia-button {
        background-color: #a37652;
        color: white;
      border-radius: 10px;
      }
    }
    /* Text mit Foto*/
    .avia_textblock p img {
    	  border-radius: 100%;
    	  box-shadow: rgba(255, 255, 255, 0.6) 0px 0px 4px 4px;
    }
    .avia_textblock img.alignleft {
      margin-right: 40px;
    margin-bottom: 20px;
    }
    @media only screen and (max-width: 767px) { 
    #hello .avia_textblock img {
    	width: 50%;
    }
    }
    /* ScrollDown Pfeil */
    #top .scroll-down-link {
    	color: #a47654;
    }
    /* Blog Leerzeile entfernen */
    .page-id-691 #after_section_2 {
      display: none; 
    }
    /* Blog Postdatum entfernen */
    .page-id-691 .av-masonry .av-masonry-date {
      display: none; 
    }
    /* SocialMedia Icons*/
    #top #wrap_all .av-social-link-instagram:hover a, #top #wrap_all .av-social-link-instagram a:focus {
        color: #fff;
        background-color: #c82161;
    }
    /* Icon Circle schneller*/
    .avia_start_animation .avia-icon-circles-inner {
      transition: all 0s cubic-bezier(0,0,0,0);
    }
    /* Desktop Menu*/
    @media only screen and (max-width: 2500px) {
      #top #header.av_header_transparency .av-main-nav > li.menu-item  {
          display: none!important;
      }
      #top #header.av_header_transparency .av-burger-menu-main {
          cursor: pointer;
          display: block!important;
      }
    }
    /* Header Button Desktop*/
    @media only screen and (max-width: 450px) { 
    .slideshow_inner_caption {
    	top: -40px;
    }
    }
    @media only screen and (min-width: 768px) { 
    #top .caption_bottom .slideshow_caption .slideshow_inner_caption {
        position: relative;
        text-align: center;
    }
    #top .slideshow_inner_caption .avia-slideshow-button.avia-button {
        width: 500px;
        height: 56px;
        font-size: 22px;
    }
    @media only screen and (min-width: 768px) { 
    .slideshow_inner_caption {
    	top: -125px;
    }
    }
    #top #wrap_all .slideshow_inner_caption .avia-slideshow-button.avia-button {
        background-color: #a37652;
        color: white;
        border-radius: 10px;
    }
    #top #wrap_all .slideshow_inner_caption .avia-slideshow-button.avia-button:hover {
        background-color: #c79a52;
        color: white;
        border-radius: 15px;
    }
    /* CookieBanner*/
    #top .avia-cookie-consent .avia-cookie-consent-button.av-extra-cookie-btn,
    #top .avia-popup .avia-cookie-consent-button.av-extra-cookie-btn {
        background-color: #484f5d;
        color: #ffffff;
        border-color: #484f5d;
       border-radius: 10px;
    }
    #top #wrap_all .header_color #menu-item-1628.av-menu-button-colored > a .avia-menu-text,
    #top #wrap_all .header_color #menu-item-1627.av-menu-button-colored > a .avia-menu-text {
        background-color: #484f5d;
        color: #ffffff;
        border-color: #484f5d;
       border-radius: 10px;
    }
    .html_elegant-blog #top .avia-content-slider .blog-categories {
      display:  none;
    }

    Website-Link on private content.

    Thank you in advance an best regards!

    Thanks, I guess I fixed my css by coping each code one by one back in.
    On Desktop everything looks good again.
    But the button on the mobile slider just won’t change.
    Here is my current full css.

    /* Header mobile */
    @media only screen and (max-width: 767px) {
      .responsive #top #wrap_all #header {
        position: fixed;
      }
    }
    @media only screen and (max-width: 767px) {
    .responsive #header_main .container {
        height: 50px !important;
    }
    .responsive .logo a {
        vertical-align: top !important;
    }
    .responsive .logo img {
        max-height: 50px !important;
    }
    }
    @media only screen and (max-width: 767px) {
    .responsive #top #wrap_all .main_menu {
        top: -15px;
        height: 45px;
        left: auto;
        right: 0;
        display: block;
        position: absolute;
    }
    }
    @media only screen and (max-width: 500px) { 
    .responsive #top #wrap_all #main {
            padding-top: 50px !important;
        }
    }
    /* Farbe Nachrichtenversand */
    h3.avia-form-success{
     color:#99a502!important;	
    }
    /* Text mit Foto*/
    .avia_textblock p img {
    	  border-radius: 100%;
    	  box-shadow: rgba(255, 255, 255, 0.6) 0px 0px 4px 4px;
    }
    .avia_textblock img.alignleft {
      margin-right: 40px;
    margin-bottom: 20px;
    }
    @media only screen and (max-width: 767px) { 
    #hello .avia_textblock img {
    	width: 50%;
    }
    }
    /* ScrollDown Pfeil */
    #top .scroll-down-link {
    	color: #a47654;
    }
    /* Blog Leerzeile entfernen */
    .page-id-691 #after_section_2 {
      display: none; 
    }
    /* Blog Postdatum entfernen */
    .page-id-691 .av-masonry .av-masonry-date {
      display: none; 
    }
    /* SocialMedia Icons*/
    #top #wrap_all .av-social-link-instagram:hover a, #top #wrap_all .av-social-link-instagram a:focus {
        color: #fff;
        background-color: #c82161;
    }
    /* Icon Circle schneller*/
    .avia_start_animation .avia-icon-circles-inner {
      transition: all 0.2s cubic-bezier(0.175,0.885,0.320,1.275);
    }
    /* Desktop Menu*/
    @media only screen and (max-width: 2500px) {
      #top #header.av_header_transparency .av-main-nav > li.menu-item  {
          display: none!important;
      }
      #top #header.av_header_transparency .av-burger-menu-main {
          cursor: pointer;
          display: block!important;
      }
    }
    /* Header Button Desktop*/
    @media only screen and (max-width: 450px) { 
    .slideshow_inner_caption {
    	top: -40px;
    }
    }
    @media only screen and (min-width: 768px) { 
    #top .caption_bottom .slideshow_caption .slideshow_inner_caption {
        position: relative;
        text-align: center;
    }
    #top .slideshow_inner_caption .avia-slideshow-button.avia-button {
        width: 500px;
        height: 56px;
        font-size: 22px;
    }
    @media only screen and (min-width: 768px) { 
    .slideshow_inner_caption {
    	top: -125px;
    }
    }
    #top #wrap_all .slideshow_inner_caption .avia-slideshow-button.avia-button {
        background-color: #a37652;
        color: white;
        border-radius: 10px;
    }
    #top #wrap_all .slideshow_inner_caption .avia-slideshow-button.avia-button:hover {
        background-color: #c79a52;
        color: white;
        border-radius: 15px;
    }
    /* Header Button Mobile*/
    @media only screen and (max-width: 767px) {
    .home .avia-fullscreen-slider .caption_bottom .slideshow_caption {
        bottom: 250px;
    }
    .home .slideshow_inner_caption .avia-slideshow-button.avia-button {
        background-color: #a37652;
        color: white;
        border-radius: 10px;
    }
    }

    I’m just not looking through in my css anymore. I’m afraid to make it worse
    Can you please help me?

    /* Header mobile */
    @media only screen and (max-width: 767px) {
      .responsive #top #wrap_all #header {
        position: fixed;
      }
    }
    @media only screen and (max-width: 767px) {
    .responsive #header_main .container {
        height: 50px !important;
    }
    .responsive .logo a {
        vertical-align: top !important;
    }
    .responsive .logo img {
        max-height: 50px !important;
    }
    }
    @media only screen and (max-width: 767px) {
    .responsive #top #wrap_all .main_menu {
        top: -15px;
        height: 45px;
        left: auto;
        right: 0;
        display: block;
        position: absolute;
    }
    }
    @media only screen and (max-width: 500px) { 
    .responsive #top #wrap_all #main {
            padding-top: 50px !important;
        }
    }
    /* Farbe Nachrichtenversand */
    h3.avia-form-success{
     color:#99a502!important;	
    }
    /* Text mit Foto*/
    .avia_textblock p img {
    	  border-radius: 100%;
    	  box-shadow: rgba(255, 255, 255, 0.6) 0px 0px 4px 4px;
    }
    .avia_textblock img.alignleft {
      margin-right: 40px;
    margin-bottom: 20px;
    }
    @media only screen and (max-width: 767px) { 
    #hello .avia_textblock img {
    	width: 50%;
    }
    }
    /* ScrollDown Pfeil */
    #top .scroll-down-link {
    	color: #a47654;
    }
    .html_header_transparency #top #main .caption_bottom .slideshow_caption {
        padding-top: 0;
    }
    }
    @media only screen and (max-width: 767px) { 
    	#top .caption_bottom .slideshow_caption .slideshow_inner_caption {
        position: relative;
        text-align: center;
    }
    #top .slideshow_inner_caption .avia-slideshow-button.avia-button {
    	padding: 10px 6px;
    	font-size: 10px;
    }
    }
    .html_header_transparency #top #main .caption_bottom .slideshow_caption {
        padding-top: 0;
    }
    }
    /* SlideShow Button Desktop*/
    @media only screen and (min-width: 768px) { 
    #top .caption_bottom .slideshow_caption .slideshow_inner_caption {
        position: relative;
        text-align: center;
    }
    #top .slideshow_inner_caption .avia-slideshow-button.avia-button {
        width: 500px;
        height: 56px;
        font-size: 22px;
    }
    @media only screen and (min-width: 768px) { 
    .slideshow_inner_caption {
    	top: -125px;
    }
    }
    /* SlideShow Button Mobil */
    @media only screen and (max-width: 767px) {
    .home .avia-fullscreen-slider .caption_bottom .slideshow_caption {
        bottom: 250px;
    }
    .home .slideshow_inner_caption .avia-slideshow-button.avia-button {
        background-color: #a37652;
        color: white;
        border-radius: 10px;
    }
    }
    /* SocialMedia Icons*/
    #top #wrap_all .av-social-link-instagram:hover a, #top #wrap_all .av-social-link-instagram a:focus {
        color: #fff;
        background-color: #c82161;
    }
    .page-id-691 .av-masonry .av-masonry-date {
      display: none; 
    }
    .avia_start_animation .avia-icon-circles-inner {
      transition: all 0.2s cubic-bezier(0.175,0.885,0.320,1.275);
    }
    @media only screen and (max-width: 2500px) {
      #top #header.av_header_transparency .av-main-nav > li.menu-item  {
          display: none!important;
      }
      #top #header.av_header_transparency .av-burger-menu-main {
          cursor: pointer;
          display: block!important;
      }
    }
    .page-id-691 #after_section_2 {
      display: none; 
    }
    #1440680
    Guenni007
    Participant

    You do not need to decide it on dashboard – menu how the mega div will look like.
    (“this column should start a new row”)
    You can handle the mega div to show as grid layout.

    if you have to decide it for different mega-divs you had to differ via the parent menu item id ( e.g.: #menu-item-123 or a count number set on avia_mega_div e.g: .avia_mega_div.avia_mega1 )

    i got on my test page a mega menu with 5 columns – so i set it to:

    #top  .avia_mega_div > .sub-menu {
      display: grid !important;
      margin:0;
      gap: 20px 0px;
      grid-auto-flow:row;
      grid-template-columns: repeat(5, 1fr);  /*** that means 5 grid-cells with each 1 fraction (same size)  ***/
    }
    
    #top #header .avia_mega_div > .sub-menu > li {
      display: block !important;
      width: unset;
      position: relative;
    }
    
    #top #header .avia_mega_div {
      max-width: 100vw;  /*** if it is neccessary ***/
    }

    now for responsive behavior set some media queries:

    @media only screen and (min-width: 990px)  and (max-width: 1199px) {
      #top #header .avia_mega_div > .sub-menu {
        grid-template-columns:repeat(3, 1fr);  /*** now 3 grid-cells - grid-auto-flow: row will make a new row ***/
      }
    
    /*** i want to center the second row - so i shift 4th, and 5th column***/
      #top #header .avia_mega_div > .sub-menu > li:nth-of-type(n+4) {
        display: block;
        position: relative;
        left: 50%; /**** if you have a column-gap between the cells - then your had to calculate a correction - half the gap-size  ****/
      }
      #header .avia_mega_div {
        overflow-y: scroll;  /*** needed - if your mega-div height is too large for your device ***/
        max-height: calc(100vh - 200px);  /*** depends on your header height ***/
      }
    } 

    result –
    on top 5 columns besides each other
    on bottom between 990px and 1199px

    #1440136
    dancedojo
    Participant

    Hi, I’m trying to add Active Campaign forms to my website using the advanced editor code block but they’re breaking the page.

    There are two embed options: a one-line “simple embed” and a “full embed code.” I need to use the full embed code so I can customize the form. (both snippets pasted at end of this message).

    The simple embed code works in the advanced editor’s code block, but the full embed code breaks the page. See me recreate the issue on https://staging.thedancedojo.com/test/ here: https://www.loom.com/share/fa897947dd5a460eb5967abf9d367208

    On the live site, I originally created an About page https://thedancedojo.com/about/ using the full embed code and the page saved and can be viewed, but now I can’t edit it. When I try to edit it the advanced editor won’t load – the spinner goes forever.

    Any idea why this could be happening?

    You can use this page for testing: https://staging.thedancedojo.com/test/

    Login and FTP creds are included.

    Robin

    ==== ACTIVE CAMPAIGN FULL EMBED CODE =====
    <div class=”_form_1189″></div><script src=”https://dancedojo.activehosted.com/f/embed.php?id=1189&#8243; charset=”utf-8″></script>

    ==== ACTIVE CAMPAIGN FULL EMBED CODE =====
    <style>@import url(https://fonts.bunny.net/css?family=open-sans:400,700);</style>
    <style>
    #_form_1189_{font-size:14px;line-height:1.6;font-family:arial, helvetica, sans-serif;margin:0}#_form_1189_ *{outline:0}._form_hide{display:none;visibility:hidden}._form_show{display:block;visibility:visible}#_form_1189_._form-top{top:0}#_form_1189_._form-bottom{bottom:0}#_form_1189_._form-left{left:0}#_form_1189_._form-right{right:0}#_form_1189_ input[type=”text”],#_form_1189_ input[type=”tel”],#_form_1189_ input[type=”date”],#_form_1189_ textarea{padding:6px;height:auto;border:#979797 1px solid;border-radius:4px;color:#000000 !important;font-size:14px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#_form_1189_ textarea{resize:none}#_form_1189_ ._submit{-webkit-appearance:none;cursor:pointer;font-family:arial, sans-serif;font-size:14px;text-align:center;background:#FF9100 !important;border:0 !important;-moz-border-radius:4px !important;-webkit-border-radius:4px !important;border-radius:4px !important;color:#FFFFFF !important;padding:10px !important}#_form_1189_ ._submit:disabled{cursor:not-allowed;opacity:0.4}#_form_1189_ ._submit.processing{position:relative}#_form_1189_ ._submit.processing::before{content:””;width:1em;height:1em;position:absolute;z-index:1;top:50%;left:50%;border:double 3px transparent;border-radius:50%;background-image:linear-gradient(#FF9100, #FF9100), conic-gradient(#FF9100, #FFFFFF);background-origin:border-box;background-clip:content-box, border-box;animation:1200ms ease 0s infinite normal none running _spin}#_form_1189_ ._submit.processing::after{content:””;position:absolute;top:0;bottom:0;left:0;right:0;background:#FF9100 !important;border:0 !important;-moz-border-radius:4px !important;-webkit-border-radius:4px !important;border-radius:4px !important;color:#FFFFFF !important;padding:10px !important}@keyframes _spin{0%{transform:translate(-50%, -50%) rotate(90deg)}100%{transform:translate(-50%, -50%) rotate(450deg)}}#_form_1189_ ._close-icon{cursor:pointer;background-image:url(“https://d226aj4ao1t61q.cloudfront.net/esfkyjh1u_forms-close-dark.png&#8221;);background-repeat:no-repeat;background-size:14.2px 14.2px;position:absolute;display:block;top:11px;right:9px;overflow:hidden;width:16.2px;height:16.2px}#_form_1189_ ._close-icon:before{position:relative}#_form_1189_ ._form-body{margin-bottom:30px}#_form_1189_ ._form-image-left{width:150px;float:left}#_form_1189_ ._form-content-right{margin-left:164px}#_form_1189_ ._form-branding{color:#fff;font-size:10px;clear:both;text-align:left;margin-top:30px;font-weight:100}#_form_1189_ ._form-branding ._logo{display:block;width:130px;height:14px;margin-top:6px;background-image:url(“https://d226aj4ao1t61q.cloudfront.net/hh9ujqgv5_aclogo_li.png&#8221;);background-size:130px auto;background-repeat:no-repeat}#_form_1189_ .form-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}#_form_1189_ ._form-label,#_form_1189_ ._form_element ._form-label{font-weight:bold;margin-bottom:5px;display:block}#_form_1189_._dark ._form-branding{color:#333}#_form_1189_._dark ._form-branding ._logo{background-image:url(“https://d226aj4ao1t61q.cloudfront.net/jftq2c8s_aclogo_dk.png&#8221;)}#_form_1189_ ._form_element{position:relative;margin-bottom:10px;font-size:0;max-width:100%}#_form_1189_ ._form_element *{font-size:14px}#_form_1189_ ._form_element._clear{clear:both;width:100%;float:none}#_form_1189_ ._form_element._clear:after{clear:left}#_form_1189_ ._form_element input[type=”text”],#_form_1189_ ._form_element input[type=”date”],#_form_1189_ ._form_element select,#_form_1189_ ._form_element textarea:not(.g-recaptcha-response){display:block;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:inherit}#_form_1189_ ._field-wrapper{position:relative}#_form_1189_ ._inline-style{float:left}#_form_1189_ ._inline-style input[type=”text”]{width:150px}#_form_1189_ ._inline-style:not(._clear)+._inline-style:not(._clear){margin-left:20px}#_form_1189_ ._form_element img._form-image{max-width:100%}#_form_1189_ ._form_element ._form-fieldset{border:0;padding:0.01em 0 0 0;margin:0;min-width:0}#_form_1189_ ._clear-element{clear:left}#_form_1189_ ._full_width{width:100%}#_form_1189_ ._form_full_field{display:block;width:100%;margin-bottom:10px}#_form_1189_ input[type=”text”]._has_error,#_form_1189_ textarea._has_error{border:#F37C7B 1px solid}#_form_1189_ input[type=”checkbox”]._has_error{outline:#F37C7B 1px solid}#_form_1189_ ._error{display:block;position:absolute;font-size:14px;z-index:10000001}#_form_1189_ ._error._above{padding-bottom:4px;bottom:39px;right:0}#_form_1189_ ._error._below{padding-top:8px;top:100%;right:0}#_form_1189_ ._error._above ._error-arrow{bottom:-4px;right:15px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #FFDDDD}#_form_1189_ ._error._below ._error-arrow{top:0;right:15px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #FFDDDD}#_form_1189_ ._error-inner{padding:12px 12px 12px 36px;background-color:#FFDDDD;background-image:url(“data:image/svg+xml,%3Csvg width=’16’ height=’16’ viewBox=’0 0 16 16′ fill=’none’ xmlns=’http://www.w3.org/2000/svg’%3E%3Cpath fill-rule=’evenodd’ clip-rule=’evenodd’ d=’M16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM9 3V9H7V3H9ZM9 13V11H7V13H9Z’ fill=’%23CA0000’/%3E%3C/svg%3E”);background-repeat:no-repeat;background-position:12px center;font-size:14px;font-family:arial, sans-serif;font-weight:600;line-height:16px;color:#000;text-align:center;text-decoration:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;box-shadow:0px 1px 4px rgba(31, 33, 41, 0.298295)}#_form_1189_ ._error-inner._form_error{margin-bottom:5px;text-align:left}#_form_1189_ ._button-wrapper ._error-inner._form_error{position:static}#_form_1189_ ._error-inner._no_arrow{margin-bottom:10px}#_form_1189_ ._error-arrow{position:absolute;width:0;height:0}#_form_1189_ ._error-html{margin-bottom:10px}.pika-single{z-index:10000001 !important}#_form_1189_ input[type=”text”].datetime_date{width:69%;display:inline}#_form_1189_ select.datetime_time{width:29%;display:inline;height:32px}#_form_1189_ input[type=”date”].datetime_date{width:69%;display:inline-flex}#_form_1189_ input[type=”time”].datetime_time{width:29%;display:inline-flex}@media (min-width:320px) and (max-width:667px){::-webkit-scrollbar{display:none}#_form_1189_{margin:0;width:100%;min-width:100%;max-width:100%;box-sizing:border-box}#_form_1189_ *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:1em}#_form_1189_ ._form-content{margin:0;width:100%}#_form_1189_ ._form-inner{display:block;min-width:100%}#_form_1189_ ._form-title,#_form_1189_ ._inline-style{margin-top:0;margin-right:0;margin-left:0}#_form_1189_ ._form-title{font-size:1.2em}#_form_1189_ ._form_element{margin:0 0 20px;padding:0;width:100%}#_form_1189_ ._form-element,#_form_1189_ ._inline-style,#_form_1189_ input[type=”text”],#_form_1189_ label,#_form_1189_ p,#_form_1189_ textarea:not(.g-recaptcha-response){float:none;display:block;width:100%}#_form_1189_ ._row._checkbox-radio label{display:inline}#_form_1189_ ._row,#_form_1189_ p,#_form_1189_ label{margin-bottom:0.7em;width:100%}#_form_1189_ ._row input[type=”checkbox”],#_form_1189_ ._row input[type=”radio”]{margin:0 !important;vertical-align:middle !important}#_form_1189_ ._row input[type=”checkbox”]+span label{display:inline}#_form_1189_ ._row span label{margin:0 !important;width:initial !important;vertical-align:middle !important}#_form_1189_ ._form-image{max-width:100%;height:auto !important}#_form_1189_ input[type=”text”]{padding-left:10px;padding-right:10px;font-size:16px;line-height:1.3em;-webkit-appearance:none}#_form_1189_ input[type=”radio”],#_form_1189_ input[type=”checkbox”]{display:inline-block;width:1.3em;height:1.3em;font-size:1em;margin:0 0.3em 0 0;vertical-align:baseline}#_form_1189_ button[type=”submit”]{padding:20px;font-size:1.5em}#_form_1189_ ._inline-style{margin:20px 0 0 !important}}#_form_1189_{position:relative;text-align:left;margin:25px auto 0;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#FFFFFF !important;border:0px solid #B0B0B0 !important;-moz-border-radius:0px !important;-webkit-border-radius:0px !important;border-radius:0px !important;color:#000000}#_form_1189_._inline-form,#_form_1189_._inline-form ._form-content{font-family:Open Sans;font-size:14px;font-weight:400}#_form_1189_._inline-form ._row span,#_form_1189_._inline-form ._row label{font-family:Open Sans;font-size:14px;font-weight:400;line-height:1.6em;color:black !important}#_form_1189__inlineform input[type=”text”],#_form_1189__inlineform input[type=”date”],#_form_1189__inlineform input[type=”tel”],#_form_1189__inlineform select,#_form_1189__inlineform textarea:not(.g-recaptcha-response){font-family:Open Sans;font-size:14px;font-weight:400;font-color:#000000;line-height:1.6em}#_form_1189_._inline-form ._html-code *,#_form_1189_._inline-form ._form-thank-you{font-family:Open Sans;font-size:14px;font-weight:400;color:black !important}#_form_1189_._inline-form ._form-label,#_form_1189_._inline-form ._form-checkbox-option-label,#_form_1189_._inline-form ._form-checkbox-option-description{font-family:Open Sans;font-size:14px;font-weight:700;line-height:1.6em;color:black !important}#_form_1189_._inline-form ._submit{font-family:Open Sans;font-size:14px;font-weight:400}#_form_1189_._inline-form ._form-title{font-family:Open Sans;font-size:22px;line-height:normal;font-weight:700;color:black;margin-bottom:0}#_form_1189_._inline-form ._form-branding{font-family:”IBM Plex Sans”, Helvetica, sans-serif;font-size:13px;font-weight:100;font-style:normal;text-decoration:none}#_form_1189_:before,#_form_1189_:after{content:” “;display:table}#_form_1189_:after{clear:both}#_form_1189_._inline-style{width:auto;display:inline-block}#_form_1189_._inline-style input[type=”text”],#_form_1189_._inline-style input[type=”date”]{padding:10px 12px}#_form_1189_._inline-style button._inline-style{position:relative;top:27px}#_form_1189_._inline-style p{margin:0}#_form_1189_._inline-style ._button-wrapper{position:relative;margin:27px 12.5px 0 20px}#_form_1189_ ._form-thank-you{position:relative;left:0;right:0;text-align:center;font-size:18px}@media (min-width:320px) and (max-width:667px){#_form_1189_._inline-form._inline-style ._inline-style._button-wrapper{margin-top:20px !important;margin-left:0 !important}}#_form_1189_ .iti.iti–allow-dropdown.iti–separate-dial-code{width:100%}#_form_1189_ .iti input{width:100%;height:32px;border:#979797 1px solid;border-radius:4px}#_form_1189_ .iti–separate-dial-code .iti__selected-flag{background-color:#FFFFFF;border-radius:4px}#_form_1189_ .iti–separate-dial-code .iti__selected-flag:hover{background-color:rgba(0, 0, 0, 0.05)}#_form_1189_ .iti__country-list{border-radius:4px;margin-top:4px;min-width:460px}#_form_1189_ .iti__country-list–dropup{margin-bottom:4px}#_form_1189_ .phone-error-hidden{display:none}#_form_1189_ .phone-error{color:#E40E49}#_form_1189_ .phone-input-error{border:1px solid #E40E49 !important}#_form_1189_._inline-form ._form-content ._form-list-subscriptions-field fieldset{margin:0;margin-bottom:1.1428571429em;border:none;padding:0}#_form_1189_._inline-form ._form-content ._form-list-subscriptions-field fieldset:last-child{margin-bottom:0}#_form_1189_._inline-form ._form-content ._form-list-subscriptions-field legend{margin-bottom:1.1428571429em}#_form_1189_._inline-form ._form-content ._form-list-subscriptions-field label{display:flex;align-items:flex-start;justify-content:flex-start;margin-bottom:0.8571428571em}#_form_1189_._inline-form ._form-content ._form-list-subscriptions-field label:last-child{margin-bottom:0}#_form_1189_._inline-form ._form-content ._form-list-subscriptions-field input{margin:0;margin-right:8px}#_form_1189_._inline-form ._form-content ._form-list-subscriptions-field ._form-checkbox-option-label{line-height:1;display:block;font-weight:700}#_form_1189_._inline-form ._form-content ._form-list-subscriptions-field ._form-checkbox-option-description{margin:0;margin-top:0.3333333333em;font-size:0.8571428571em}</style>
    <div style=”text-align: center;”>
    <form method=”POST” action=”https://dancedojo.activehosted.com/proc.php&#8221; id=”_form_1189_” class=”_form _form_1189 _inline-form _inline-style _dark” novalidate data-styles-version=”5″>
    <input type=”hidden” name=”u” value=”1189″ />
    <input type=”hidden” name=”f” value=”1189″ />
    <input type=”hidden” name=”s” />
    <input type=”hidden” name=”c” value=”0″ />
    <input type=”hidden” name=”m” value=”0″ />
    <input type=”hidden” name=”act” value=”sub” />
    <input type=”hidden” name=”v” value=”2″ />
    <input type=”hidden” name=”or” value=”47465d44b72343bc96c14669a6731293″ />
    <div class=”_form-content”>
    <div class=”_form_element _x10052403 _inline-style ” >
    <label for=”email” class=”_form-label”>
     
    </label>
    <div class=”_field-wrapper”>
    <input type=”text” id=”email” name=”email” placeholder=”Your email” required/>
    </div>
    </div>
    <div class=”_button-wrapper _inline-style”>
    <button id=”_form_1189_submit” class=”_submit” type=”submit”>
    Start Learning
    </button>
    </div>
    <div class=”_clear-element”>
    </div>
    </div>
    <div class=”_form-thank-you” style=”display:none;”>
    </div>
    </form>
    </div><script>
    window.cfields = [];
    window._show_thank_you = function(id, message, trackcmp_url, email) {
    var form = document.getElementById(‘_form_’ + id + ‘_’), thank_you = form.querySelector(‘._form-thank-you’);
    form.querySelector(‘._form-content’).style.display = ‘none’;
    thank_you.innerHTML = message;
    thank_you.style.display = ‘block’;
    const vgoAlias = typeof visitorGlobalObjectAlias === ‘undefined’ ? ‘vgo’ : visitorGlobalObjectAlias;
    var visitorObject = window[vgoAlias];
    if (email && typeof visitorObject !== ‘undefined’) {
    visitorObject(‘setEmail’, email);
    visitorObject(‘update’);
    } else if (typeof(trackcmp_url) != ‘undefined’ && trackcmp_url) {
    // Site tracking URL to use after inline form submission.
    _load_script(trackcmp_url);
    }
    if (typeof window._form_callback !== ‘undefined’) window._form_callback(id);
    };
    window._show_unsubscribe = function(id, message, trackcmp_url, email) {
    var form = document.getElementById(‘_form_’ + id + ‘_’), unsub = form.querySelector(‘._form-thank-you’);
    var branding = form.querySelector(‘._form-branding’);
    if (branding) {
    branding.style.display = ‘none’;
    }
    form.querySelector(‘._form-content’).style.display = ‘none’;
    unsub.style.display = ‘block’;
    form.insertAdjacentHTML(‘afterend’, message)
    const vgoAlias = typeof visitorGlobalObjectAlias === ‘undefined’ ? ‘vgo’ : visitorGlobalObjectAlias;
    var visitorObject = window[vgoAlias];
    if (email && typeof visitorObject !== ‘undefined’) {
    visitorObject(‘setEmail’, email);
    visitorObject(‘update’);
    } else if (typeof(trackcmp_url) != ‘undefined’ && trackcmp_url) {
    // Site tracking URL to use after inline form submission.
    _load_script(trackcmp_url);
    }
    if (typeof window._form_callback !== ‘undefined’) window._form_callback(id);
    };
    window._show_error = function(id, message, html) {
    var form = document.getElementById(‘_form_’ + id + ‘_’),
    err = document.createElement(‘div’),
    button = form.querySelector(‘button’),
    old_error = form.querySelector(‘._form_error’);
    if (old_error) old_error.parentNode.removeChild(old_error);
    err.innerHTML = message;
    err.className = ‘_error-inner _form_error _no_arrow’;
    var wrapper = document.createElement(‘div’);
    wrapper.className = ‘_form-inner’;
    wrapper.appendChild(err);
    button.parentNode.insertBefore(wrapper, button);
    var submitButton = form.querySelector(‘[id^=”_form”][id$=”_submit”]’);
    submitButton.disabled = false;
    submitButton.classList.remove(‘processing’);
    if (html) {
    var div = document.createElement(‘div’);
    div.className = ‘_error-html’;
    div.innerHTML = html;
    err.appendChild(div);
    }
    };
    window._load_script = function(url, callback, isSubmit) {
    var head = document.querySelector(‘head’), script = document.createElement(‘script’), r = false;
    var submitButton = document.querySelector(‘#_form_1189_submit’);
    script.charset = ‘utf-8’;
    script.src = url;
    if (callback) {
    script.onload = script.onreadystatechange = function() {
    if (!r && (!this.readyState || this.readyState == ‘complete’)) {
    r = true;
    callback();
    }
    };
    }
    script.onerror = function() {
    if (isSubmit) {
    if (script.src.length > 10000) {
    _show_error(“1189”, “Sorry, your submission failed. Please shorten your responses and try again.”);
    } else {
    _show_error(“1189”, “Sorry, your submission failed. Please try again.”);
    }
    submitButton.disabled = false;
    submitButton.classList.remove(‘processing’);
    }
    }

    head.appendChild(script);
    };
    (function() {
    if (window.location.search.search(“excludeform”) !== -1) return false;
    var getCookie = function(name) {
    var match = document.cookie.match(new RegExp(‘(^|; )’ + name + ‘=([^;]+)’));
    return match ? match[2] : null;
    }
    var setCookie = function(name, value) {
    var now = new Date();
    var time = now.getTime();
    var expireTime = time + 1000 * 60 * 60 * 24 * 365;
    now.setTime(expireTime);
    document.cookie = name + ‘=’ + value + ‘; expires=’ + now + ‘;path=/; Secure; SameSite=Lax;’;
    }
    var addEvent = function(element, event, func) {
    if (element.addEventListener) {
    element.addEventListener(event, func);
    } else {
    var oldFunc = element[‘on’ + event];
    element[‘on’ + event] = function() {
    oldFunc.apply(this, arguments);
    func.apply(this, arguments);
    };
    }
    }
    var _removed = false;
    var form_to_submit = document.getElementById(‘_form_1189_’);
    var allInputs = form_to_submit.querySelectorAll(‘input, select, textarea’), tooltips = [], submitted = false;

    var getUrlParam = function(name) {
    if (name.toLowerCase() !== ’email’) {
    var params = new URLSearchParams(window.location.search);
    return params.get(name) || false;
    }
    // email is a special case because a plus is valid in the email address
    var qString = window.location.search;
    if (!qString) {
    return false;
    }
    var parameters = qString.substr(1).split(‘&’);
    for (var i = 0; i < parameters.length; i++) {
    var parameter = parameters[i].split(‘=’);
    if (parameter[0].toLowerCase() === ’email’) {
    return parameter[1] === undefined ? true : decodeURIComponent(parameter[1]);
    }
    }
    return false;
    };

    var acctDateFormat = “%m/%d/%Y”;
    var getNormalizedDate = function(date, acctFormat) {
    var decodedDate = decodeURIComponent(date);
    if (acctFormat && acctFormat.match(/(%d|%e).*%m/gi) !== null) {
    return decodedDate.replace(/(\d{2}).*(\d{2}).*(\d{4})/g, ‘$3-$2-$1’);
    } else if (Date.parse(decodedDate)) {
    var dateObj = new Date(decodedDate);
    var year = dateObj.getFullYear();
    var month = dateObj.getMonth() + 1;
    var day = dateObj.getDate();
    return ${year}-${month < 10 ?0${month}: month}-${day < 10 ?0${day}: day};
    }
    return false;
    };

    var getNormalizedTime = function(time) {
    var hour, minutes;
    var decodedTime = decodeURIComponent(time);
    var timeParts = Array.from(decodedTime.matchAll(/(\d{1,2}):(\d{1,2})\W*([AaPp][Mm])?/gm))[0];
    if (timeParts[3]) { // 12 hour format
    var isPM = timeParts[3].toLowerCase() === ‘pm’;
    if (isPM) {
    hour = parseInt(timeParts[1]) === 12 ? ’12’ : ${parseInt(timeParts[1]) + 12};
    } else {
    hour = parseInt(timeParts[1]) === 12 ? ‘0’ : timeParts[1];
    }
    } else { // 24 hour format
    hour = timeParts[1];
    }
    var normalizedHour = parseInt(hour) < 10 ? 0${parseInt(hour)} : hour;
    var minutes = timeParts[2];
    return ${normalizedHour}:${minutes};
    };

    for (var i = 0; i < allInputs.length; i++) {
    var regexStr = “field\\[(\\d+)\\]”;
    var results = new RegExp(regexStr).exec(allInputs[i].name);
    if (results != undefined) {
    allInputs[i].dataset.name = allInputs[i].name.match(/\[time\]$/)
    ? ${window.cfields[results[1]]}_time
    : window.cfields[results[1]];
    } else {
    allInputs[i].dataset.name = allInputs[i].name;
    }
    var fieldVal = getUrlParam(allInputs[i].dataset.name);

    if (fieldVal) {
    if (allInputs[i].dataset.autofill === “false”) {
    continue;
    }
    if (allInputs[i].type == “radio” || allInputs[i].type == “checkbox”) {
    if (allInputs[i].value == fieldVal) {
    allInputs[i].checked = true;
    }
    } else if (allInputs[i].type == “date”) {
    allInputs[i].value = getNormalizedDate(fieldVal, acctDateFormat);
    } else if (allInputs[i].type == “time”) {
    allInputs[i].value = getNormalizedTime(fieldVal);
    } else {
    allInputs[i].value = fieldVal;
    }
    }
    }

    var remove_tooltips = function() {
    for (var i = 0; i < tooltips.length; i++) {
    tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);
    }
    tooltips = [];
    };
    var remove_tooltip = function(elem) {
    for (var i = 0; i < tooltips.length; i++) {
    if (tooltips[i].elem === elem) {
    tooltips[i].tip.parentNode.removeChild(tooltips[i].tip);
    tooltips.splice(i, 1);
    return;
    }
    }
    };
    var create_tooltip = function(elem, text) {
    var tooltip = document.createElement(‘div’),
    arrow = document.createElement(‘div’),
    inner = document.createElement(‘div’), new_tooltip = {};
    if (elem.type != ‘radio’ && elem.type != ‘checkbox’) {
    tooltip.className = ‘_error’;
    arrow.className = ‘_error-arrow’;
    inner.className = ‘_error-inner’;
    inner.innerHTML = text;
    tooltip.appendChild(arrow);
    tooltip.appendChild(inner);
    elem.parentNode.appendChild(tooltip);
    } else {
    tooltip.className = ‘_error-inner _no_arrow’;
    tooltip.innerHTML = text;
    elem.parentNode.insertBefore(tooltip, elem);
    new_tooltip.no_arrow = true;
    }
    new_tooltip.tip = tooltip;
    new_tooltip.elem = elem;
    tooltips.push(new_tooltip);
    return new_tooltip;
    };
    var resize_tooltip = function(tooltip) {
    var rect = tooltip.elem.getBoundingClientRect();
    var doc = document.documentElement,
    scrollPosition = rect.top – ((window.pageYOffset || doc.scrollTop) – (doc.clientTop || 0));
    if (scrollPosition < 40) {
    tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, ”) + ‘ _below’;
    } else {
    tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, ”) + ‘ _above’;
    }
    };
    var resize_tooltips = function() {
    if (_removed) return;
    for (var i = 0; i < tooltips.length; i++) {
    if (!tooltips[i].no_arrow) resize_tooltip(tooltips[i]);
    }
    };
    var validate_field = function(elem, remove) {
    var tooltip = null, value = elem.value, no_error = true;
    remove ? remove_tooltip(elem) : false;
    if (elem.type != ‘checkbox’) elem.className = elem.className.replace(/ ?_has_error ?/g, ”);
    if (elem.getAttribute(‘required’) !== null) {
    if (elem.type == ‘radio’ || (elem.type == ‘checkbox’ && /any/.test(elem.className))) {
    var elems = form_to_submit.elements[elem.name];
    if (!(elems instanceof NodeList || elems instanceof HTMLCollection) || elems.length <= 1) {
    no_error = elem.checked;
    }
    else {
    no_error = false;
    for (var i = 0; i < elems.length; i++) {
    if (elems[i].checked) no_error = true;
    }
    }
    if (!no_error) {
    tooltip = create_tooltip(elem, “Please select an option.”);
    }
    } else if (elem.type ==’checkbox’) {
    var elems = form_to_submit.elements[elem.name], found = false, err = [];
    no_error = true;
    for (var i = 0; i < elems.length; i++) {
    if (elems[i].getAttribute(‘required’) === null) continue;
    if (!found && elems[i] !== elem) return true;
    found = true;
    elems[i].className = elems[i].className.replace(/ ?_has_error ?/g, ”);
    if (!elems[i].checked) {
    no_error = false;
    elems[i].className = elems[i].className + ‘ _has_error’;
    err.push(“Checking %s is required”.replace(“%s”, elems[i].value));
    }
    }
    if (!no_error) {
    tooltip = create_tooltip(elem, err.join(‘<br/>’));
    }
    } else if (elem.tagName == ‘SELECT’) {
    var selected = true;
    if (elem.multiple) {
    selected = false;
    for (var i = 0; i < elem.options.length; i++) {
    if (elem.options[i].selected) {
    selected = true;
    break;
    }
    }
    } else {
    for (var i = 0; i < elem.options.length; i++) {
    if (elem.options[i].selected
    && (!elem.options[i].value
    || (elem.options[i].value.match(/\n/g)))
    ) {
    selected = false;
    }
    }
    }
    if (!selected) {
    elem.className = elem.className + ‘ _has_error’;
    no_error = false;
    tooltip = create_tooltip(elem, “Please select an option.”);
    }
    } else if (value === undefined || value === null || value === ”) {
    elem.className = elem.className + ‘ _has_error’;
    no_error = false;
    tooltip = create_tooltip(elem, “This field is required.”);
    }
    }
    if (no_error && (elem.id == ‘field[]’ || elem.id == ‘ca[11][v]’)) {
    if (elem.className.includes(‘phone-input-error’)) {
    elem.className = elem.className + ‘ _has_error’;
    no_error = false;
    }
    }
    if (no_error && elem.name == ’email’) {
    if (!value.match(/^[\+_a-z0-9-‘&=]+(\.[\+_a-z0-9-‘]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,})$/i)) {
    elem.className = elem.className + ‘ _has_error’;
    no_error = false;
    tooltip = create_tooltip(elem, “Enter a valid email address.”);
    }
    }
    if (no_error && /date_field/.test(elem.className)) {
    if (!value.match(/^\d\d\d\d-\d\d-\d\d$/)) {
    elem.className = elem.className + ‘ _has_error’;
    no_error = false;
    tooltip = create_tooltip(elem, “Enter a valid date.”);
    }
    }
    tooltip ? resize_tooltip(tooltip) : false;
    return no_error;
    };
    var needs_validate = function(el) {
    if(el.getAttribute(‘required’) !== null){
    return true
    }
    if(el.name === ’email’ && el.value !== “”){
    return true
    }

    if((el.id == ‘field[]’ || el.id == ‘ca[11][v]’) && el.className.includes(‘phone-input-error’)){
    return true
    }

    return false
    };
    var validate_form = function(e) {
    var err = form_to_submit.querySelector(‘._form_error’), no_error = true;
    if (!submitted) {
    submitted = true;
    for (var i = 0, len = allInputs.length; i < len; i++) {
    var input = allInputs[i];
    if (needs_validate(input)) {
    if (input.type == ‘tel’) {
    addEvent(input, ‘blur’, function() {
    this.value = this.value.trim();
    validate_field(this, true);
    });
    }
    if (input.type == ‘text’ || input.type == ‘number’ || input.type == ‘time’) {
    addEvent(input, ‘blur’, function() {
    this.value = this.value.trim();
    validate_field(this, true);
    });
    addEvent(input, ‘input’, function() {
    validate_field(this, true);
    });
    } else if (input.type == ‘radio’ || input.type == ‘checkbox’) {
    (function(el) {
    var radios = form_to_submit.elements[el.name];
    for (var i = 0; i < radios.length; i++) {
    addEvent(radios[i], ‘click’, function() {
    validate_field(el, true);
    });
    }
    })(input);
    } else if (input.tagName == ‘SELECT’) {
    addEvent(input, ‘change’, function() {
    validate_field(this, true);
    });
    } else if (input.type == ‘textarea’){
    addEvent(input, ‘input’, function() {
    validate_field(this, true);
    });
    }
    }
    }
    }
    remove_tooltips();
    for (var i = 0, len = allInputs.length; i < len; i++) {
    var elem = allInputs[i];
    if (needs_validate(elem)) {
    if (elem.tagName.toLowerCase() !== “select”) {
    elem.value = elem.value.trim();
    }
    validate_field(elem) ? true : no_error = false;
    }
    }
    if (!no_error && e) {
    e.preventDefault();
    }
    resize_tooltips();
    return no_error;
    };
    addEvent(window, ‘resize’, resize_tooltips);
    addEvent(window, ‘scroll’, resize_tooltips);

    var hidePhoneInputError = function(inputId) {
    var errorMessage = document.getElementById(“error-msg-” + inputId);
    var input = document.getElementById(inputId);
    errorMessage.classList.remove(“phone-error”);
    errorMessage.classList.add(“phone-error-hidden”);
    input.classList.remove(“phone-input-error”);
    };

    var initializePhoneInput = function(input, defaultCountry) {
    return window.intlTelInput(input, {
    utilsScript: “https: (Email address hidden if logged out) /build/js/utils.js”,
    autoHideDialCode: false,
    separateDialCode: true,
    initialCountry: defaultCountry,
    preferredCountries: []
    });
    }

    var setPhoneInputEventListeners = function(inputId, input, iti) {
    input.addEventListener(‘blur’, function() {
    var errorMessage = document.getElementById(“error-msg-” + inputId);
    if (input.value.trim()) {
    if (iti.isValidNumber()) {
    iti.setNumber(iti.getNumber());
    if (errorMessage.classList.contains(“phone-error”)){
    hidePhoneInputError(inputId);
    }
    } else {
    showPhoneInputError(inputId)
    }
    } else {
    if (errorMessage.classList.contains(“phone-error”)){
    hidePhoneInputError(inputId);
    }
    }
    });

    input.addEventListener(“countrychange”, function() {
    iti.setNumber(”);
    });

    input.addEventListener(“keydown”, function(e) {
    var charCode = (e.which) ? e.which : e.keyCode;
    if (charCode > 31 && (charCode < 48 || charCode > 57) && charCode !== 8) {
    e.preventDefault();
    }
    });
    };

    var showPhoneInputError = function(inputId) {
    var errorMessage = document.getElementById(“error-msg-” + inputId);
    var input = document.getElementById(inputId);
    errorMessage.classList.add(“phone-error”);
    errorMessage.classList.remove(“phone-error-hidden”);
    input.classList.add(“phone-input-error”);
    };

    var _form_serialize = function(form){if(!form||form.nodeName!==”FORM”){return }var i,j,q=[];for(i=0;i<form.elements.length;i++){if(form.elements[i].name===””){continue}switch(form.elements[i].nodeName){case”INPUT”:switch(form.elements[i].type){case”tel”:q.push(form.elements[i].name+”=”+encodeURIComponent(form.elements[i].previousSibling.querySelector(‘div.iti__selected-dial-code’).innerText)+encodeURIComponent(” “)+encodeURIComponent(form.elements[i].value));break;case”text”:case”number”:case”date”:case”time”:case”hidden”:case”password”:case”button”:case”reset”:case”submit”:q.push(form.elements[i].name+”=”+encodeURIComponent(form.elements[i].value));break;case”checkbox”:case”radio”:if(form.elements[i].checked){q.push(form.elements[i].name+”=”+encodeURIComponent(form.elements[i].value))}break;case”file”:break}break;case”TEXTAREA”:q.push(form.elements[i].name+”=”+encodeURIComponent(form.elements[i].value));break;case”SELECT”:switch(form.elements[i].type){case”select-one”:q.push(form.elements[i].name+”=”+encodeURIComponent(form.elements[i].value));break;case”select-multiple”:for(j=0;j<form.elements[i].options.length;j++){if(form.elements[i].options[j].selected){q.push(form.elements[i].name+”=”+encodeURIComponent(form.elements[i].options[j].value))}}break}break;case”BUTTON”:switch(form.elements[i].type){case”reset”:case”submit”:case”button”:q.push(form.elements[i].name+”=”+encodeURIComponent(form.elements[i].value));break}break}}return q.join(“&”)};

    const formSupportsPost = false;
    var form_submit = function(e) {
    e.preventDefault();
    if (validate_form()) {
    // use this trick to get the submit button & disable it using plain javascript
    var submitButton = e.target.querySelector(‘#_form_1189_submit’);
    submitButton.disabled = true;
    submitButton.classList.add(‘processing’);
    var serialized = _form_serialize(
    document.getElementById(‘_form_1189_’)
    ).replace(/%0A/g, ‘\\n’);
    var err = form_to_submit.querySelector(‘._form_error’);
    err ? err.parentNode.removeChild(err) : false;
    async function submitForm() {
    var formData = new FormData();
    const searchParams = new URLSearchParams(serialized);
    searchParams.forEach((value, key) => {
    formData.append(key, value);
    });

    const response = await fetch(‘https://dancedojo.activehosted.com/proc.php?jsonp=true&#8217;, {
    headers: {
    “Accept”: “application/json”
    },
    body: formData,
    method: “POST”
    });
    return response.json();
    }
    if (formSupportsPost) {
    submitForm().then((data) => {
    eval(data.js);
    });
    } else {
    _load_script(‘https://dancedojo.activehosted.com/proc.php?&#8217; + serialized + ‘&jsonp=true’, null, true);
    }
    }
    return false;
    };
    addEvent(form_to_submit, ‘submit’, form_submit);
    })();

    </script>

    #1440123

    Hi,
    Perhaps it is an error in the test, if you check your page with the Dev Tools inspector with the image not scrolled into view you can find the image placeholder and the class avia-img-lazy-loading-9144 but the image is not loaded:
    Enfold_Support_5481.jpeg
    then scroll down to the image and just as it comes into view you will see the image added to the DOM:
    Enfold_Support_5483.jpeg
    Please note that if you use the Ctrl+F to search for the class the page will automatically scroll the element into view, so once you find the place in the DOM scroll the window up so the image is a good way out of view, then reload the page and watch the DOM as you scroll down. You will see the image added to the DOM like in my screenshot above.

    Best regards,
    Mike

    #1437707

    Hey Fredrik,

    Please activate debug mode under Enfold->Layout Builder->Show advanced options. Then you can add this shortcode to a new page, paste the shortcodes in the window under the regular layout window:

    [av_slideshow_full size='no scaling' stretch='' animation='slide_up' autoplay='false' interval='6' control_layout='av-control-minimal' src='' attachment='' attachment_size='' position='top left' repeat='no-repeat' attach='scroll' av_uid='av-ycglm']
    [av_slide_full slide_type='image' id='546' video='' mobile_image='' video_format='' video_ratio='' title='The best gym <br/>you will ever find<strong>.</strong>' custom_title_size='70' custom_content_size='38' caption_pos='caption_center' link_apply='button' link='lightbox' link_target='' button_label='GIVE IT A TRY NOW' button_color='light' link1='page,530' link_target1='' button_label2='' button_color2='light' link2='manually,http://' link_target2='' font_color='' custom_title='' custom_content='' overlay_enable='aviaTBaviaTBoverlay_enable' overlay_opacity='0.4' overlay_color='#0a0a0a' overlay_pattern='' overlay_custom_pattern='' av_uid='av-xqwd6']
    FREE 30 DAY TRIAL
    [/av_slide_full]
    [av_slide_full slide_type='image' id='549' video='http://' mobile_image='' video_format='' video_ratio='16:9' title='Fight the Weakness<strong>.</strong>' custom_title_size='70' custom_content_size='38' caption_pos='caption_center' link_apply='button button-two' link='lightbox' link_target='' button_label='PRICING' button_color='theme-color' link1='page,530' link_target1='' button_label2='LEARN MORE' button_color2='theme-color-subtle' link2='page,515' link_target2='' font_color='' custom_title='#222222' custom_content='#4c4c4c' overlay_enable='aviaTBaviaTBoverlay_enable' overlay_opacity='0.7' overlay_color='#000000' overlay_pattern='' overlay_custom_pattern='' av_uid='av-94itoq']
    WE GO THE JOURNEY WITH YOU
    [/av_slide_full]
    [av_slide_full slide_type='image' id='547' video='' mobile_image='' video_format='' video_ratio='' title='Have fun in groups<strong>.</strong>' custom_title_size='70' custom_content_size='29' caption_pos='caption_center' link_apply='button' link='lightbox' link_target='' button_label='SEE OUR CLASSES' button_color='light' link1='page,509' link_target1='' button_label2='' button_color2='light' link2='manually,http://' link_target2='' font_color='' custom_title='' custom_content='' overlay_enable='aviaTBaviaTBoverlay_enable' overlay_opacity='0.3' overlay_color='#0a0a0a' overlay_pattern='' overlay_custom_pattern='' av_uid='av-92v4rm']
    STAY MOTIVATED AND FIND NEW FRIENDS
    [/av_slide_full]
    [av_slide_full slide_type='image' id='548' video='' mobile_image='' video_format='' video_ratio='' title='Personal Training<strong>.</strong>' custom_title_size='53' custom_content_size='21' caption_pos='caption_left' link_apply='button' link='lightbox' link_target='' button_label='BOOK NOW' button_color='light' link1='page,530' link_target1='' button_label2='' button_color2='light' link2='manually,http://' link_target2='' font_color='' custom_title='' custom_content='' overlay_enable='aviaTBaviaTBoverlay_enable' overlay_opacity='0.3' overlay_color='#000000' overlay_pattern='' overlay_custom_pattern='' av_uid='av-8vuzlu']
    GET IN SHAPE WITH THE HELP OF A COACH
    [/av_slide_full]
    [/av_slideshow_full]
    
    [av_layout_row border='' min_height='0' color='main_color' mobile='av-flex-cells' id='' av_uid='av-8pboxe']
    
    [av_cell_one_third vertical_align='top' padding='90px,50px,90px,50px' background_color='#d63d2d' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='center center' background_repeat='stretch' mobile_display='' av_uid='av-8leid6']
    
    [av_icon_box icon='uf102' font='flaticon' title='Get in shape now.' position='left_content' icon_style='' boxed='av-no-box' font_color='custom' custom_title='#ffffff' custom_content='#ffffff' color='custom' custom_bg='' custom_font='#ffffff' custom_border='#ffffff' custom_title_size='' av-desktop-font-size-title='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' custom_content_size='' av-desktop-font-size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' heading_tag='' heading_class='' link='' linktarget='' linkelement='' id='' custom_class='' template_class='' av_uid='av-8f3do2' sc_version='1.0' admin_preview_bg='']
    Lorem ipsum dolor sit amet, consec olor etscing elit. Aenget dolor.
    [/av_icon_box]
    
    [/av_cell_one_third][av_cell_one_third vertical_align='top' padding='90px,50px,90px,50px' background_color='#292929' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='center center' background_repeat='stretch' mobile_display='' av_uid='av-870jre']
    
    [av_icon_box icon='uf124' font='flaticon' title='#1 destinaton for sports<strong>.</strong>' position='left_content' icon_style='' boxed='av-no-box' font_color='custom' custom_title='#ffffff' custom_content='#ffffff' color='custom' custom_bg='' custom_font='#ffffff' custom_border='' custom_title_size='' av-desktop-font-size-title='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' custom_content_size='' av-desktop-font-size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' heading_tag='' heading_class='' link='' linktarget='' linkelement='' id='' custom_class='' template_class='' av_uid='av-80eohm' sc_version='1.0' admin_preview_bg='']
    Aenean massa. Cum sociis natoque penatibus et magnis dis partdiculus mus.
    [/av_icon_box]
    
    [/av_cell_one_third][av_cell_one_third vertical_align='top' padding='90px,50px,90px,50px' background_color='#3c3c3c' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='center center' background_repeat='stretch' mobile_display='' av_uid='av-7wf2qi']
    
    [av_icon_box icon='uf123' font='flaticon' title='Free nutrition plans<strong>.</strong>' position='left_content' icon_style='' boxed='av-no-box' font_color='custom' custom_title='#ffffff' custom_content='#ffffff' color='custom' custom_bg='' custom_font='#ffffff' custom_border='' custom_title_size='' av-desktop-font-size-title='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' custom_content_size='' av-desktop-font-size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' heading_tag='' heading_class='' link='' linktarget='' linkelement='' id='' custom_class='' template_class='' av_uid='av-7r94ai' sc_version='1.0' admin_preview_bg='']
    Donec quam felis, ultricies nec, pellentesque equat massa quis enim.
    [/av_icon_box]
    
    [/av_cell_one_third][/av_layout_row][av_section min_height='' min_height_px='500px' padding='huge' shadow='no-border-styling' bottom_border='no-border-styling' id='' color='alternate_color' custom_bg='' src='https://test.kriesi.at/enfold-gym/wp-content/uploads/sites/18/2016/02/bg1.jpg' attachment='543' attachment_size='full' attach='fixed' position='center center' repeat='stretch' video='' video_ratio='16:9' overlay_enable='aviaTBoverlay_enable' overlay_opacity='0.7' overlay_color='#000000' overlay_pattern='' overlay_custom_pattern='' av_uid='av-ra7tm']
    [av_heading tag='h1' padding='20' heading='Welcome to the Enfold-Gym<strong>.</strong>' color='' style='blockquote modern-quote modern-centered' custom_font='' size='50' subheading_active='' subheading_size='15' custom_class='' av_uid='av-7du4y2'][/av_heading]
    
    [av_one_fifth first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='' av_uid='av-78fr9e']
    
    [/av_one_fifth][av_three_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='' av_uid='av-72886y']
    
    [av_textblock size='' font_color='' color='' av_uid='av-6tbu8q']
    <p style="text-align: center;">Enfold Gym leads the fitness industry when it comes to helping people reach their fitness goals. We have Crossfit courses, a full weight room, multiple cardio areas, personal trainings, group classes, and more!</p>
    [/av_textblock]
    
    [/av_three_fifth][av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='' av_uid='av-6rwee2']
    
    [/av_one_fifth][av_button label='LEARN MORE' link='page,515' link_target='' size='large' position='center' icon_select='yes-right-icon' icon_hover='aviaTBicon_hover' icon='ue879' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff' av_uid='av-6j9c36']
    [/av_section]
    
    [av_section min_height='' min_height_px='500px' padding='huge' shadow='no-border-styling' bottom_border='no-border-styling' id='' color='header_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_uid='av-6bc20y']
    [av_heading heading='Classes to take in our GYM<strong>.</strong>' tag='h1' style='blockquote modern-quote modern-centered' size='50' subheading_active='' subheading_size='15' padding='20' color='' custom_font='' av_uid='av-65k356'][/av_heading]
    
    [av_one_fifth first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='' av_uid='av-61e7b6']
    
    [/av_one_fifth][av_three_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='' av_uid='av-5tkf0q']
    
    [av_textblock size='' font_color='' color='' av_uid='av-5r5z4y']
    <p style="text-align: center;">We offer a multitude of fun and motivating classes that allow you to work out alone or with friends. Our trainers are highly educated and will make sure you give your all.
    The classes are:</p>
    [/av_textblock]
    
    [/av_three_fifth][av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='' av_uid='av-5kqzju']
    
    [/av_one_fifth]
    [/av_section]
    
    [av_masonry_entries link='portfolio_entries' sort='no' items='6' columns='3' paginate='none' query_orderby='title' query_order='ASC' size='fixed' gap='large' overlay_fx='active' id='' caption_elements='title' caption_styling='overlay' caption_display='on-hover-hide' color='custom' custom_bg='#191919' av_uid='av-5ed76a']
    
    [av_section min_height='' min_height_px='500px' padding='large' shadow='no-border-styling' bottom_border='no-border-styling' id='' color='main_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_uid='av-il4zm']
    [av_heading heading='Subscribe to our Newsletter<strong>.</strong>' tag='h1' style='blockquote modern-quote modern-centered' size='50' subheading_active='' subheading_size='15' padding='20' color='' custom_font='' av_uid='av-4za15u'][/av_heading]
    
    [av_one_fifth first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' av_uid='av-4yhafu']
    
    [/av_one_fifth][av_three_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' av_uid='av-4ras42']
    
    [av_contact email='' title='' button='Subscribe' on_send='' sent='Your message has been sent!' link='manually,http://' subject='' autorespond='' captcha='' hide_labels='aviaTBhide_labels' form_align='centered' color='' av_uid='av-4ig6z6']
    [av_contact_field label='Name' type='text' options='' check='is_empty' width='element_third' multi_select='' av_uid='av-4d40rm'][/av_contact_field]
    [av_contact_field label='E-Mail' type='text' options='' check='is_email' width='element_third' multi_select='' av_uid='av-49o7z6'][/av_contact_field]
    [/av_contact]
    
    [/av_three_fifth][av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' av_uid='av-41x6ga']
    
    [/av_one_fifth]
    [/av_section]
    
    [av_section min_height='' min_height_px='500px' padding='huge' shadow='no-border-styling' bottom_border='no-border-styling' id='' color='alternate_color' custom_bg='' src='https://test.kriesi.at/enfold-gym/wp-content/uploads/sites/18/2016/02/hero-2.jpg' attachment='549' attachment_size='full' attach='fixed' position='center center' repeat='stretch' video='https://www.youtube.com/watch?v=oXdzvMLiE7Q' video_ratio='16:9' video_mobile_disabled='aviaTBvideo_mobile_disabled' overlay_enable='aviaTBoverlay_enable' overlay_opacity='0.8' overlay_color='#000000' overlay_pattern='' overlay_custom_pattern='' av_uid='av-drf4q']
    
    [av_heading heading='What are you waiting for<strong>?</strong>' tag='h1' style='blockquote modern-quote modern-centered' size='50' subheading_active='' subheading_size='15' padding='20' color='' custom_font='' av_uid='av-3oxqiq'][/av_heading]
    
    [av_one_fifth first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='' av_uid='av-3mlnii']
    
    [/av_one_fifth][av_three_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='' av_uid='av-3fm03m']
    
    [av_textblock size='' font_color='' color='' av_uid='av-39mj5m']
    <p style="text-align: center;">Enfold Gym leads the fitness industry when it comes to helping people reach their fitness goals. We have Crossfit courses, a full weight room, multiple cardio areas, personal trainings, group classes, and more!</p>
    [/av_textblock]
    
    [/av_three_fifth][av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='' av_uid='av-32k9lu']
    
    [/av_one_fifth][av_one_fifth first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='' av_uid='av-2x6mxe']
    
    [av_font_icon icon='uf102' font='flaticon' style='border' caption='Grow <strong>stronger</strong>' size='40px' position='center' color='' link='' linktarget='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' av_uid='av-2p1fde' sc_version='1.0' admin_preview_bg='']
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
    [/av_font_icon]
    
    [/av_one_fifth][av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='' av_uid='av-2i4geq']
    
    [av_font_icon icon='uf10e' font='flaticon' style='border' caption='Grow <strong>Faster</strong>' size='40px' position='center' color='' link='' linktarget='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' av_uid='av-2f4n8i' sc_version='1.0' admin_preview_bg='']
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
    [/av_font_icon]
    
    [/av_one_fifth][av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='' av_uid='av-28l7xe']
    
    [av_font_icon icon='uf139' font='flaticon' style='border' caption='Eat <strong>healthy</strong>' size='40px' position='center' color='' link='' linktarget='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' av_uid='av-232c7e' sc_version='1.0' admin_preview_bg='']
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
    [/av_font_icon]
    
    [/av_one_fifth][av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='' av_uid='av-1u8acy']
    
    [av_font_icon icon='uf10c' font='flaticon' style='border' caption='Compete with <strong>others</strong>' size='40px' position='center' color='' link='' linktarget='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' av_uid='av-1ojgwi' sc_version='1.0' admin_preview_bg='']
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
    [/av_font_icon]
    
    [/av_one_fifth][av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='' av_uid='av-1mk836']
    
    [av_font_icon icon='uf12e' font='flaticon' style='border' caption='Improve your <strong>health</strong>' size='40px' position='center' color='' link='' linktarget='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' av_uid='av-1gl0ei' sc_version='1.0' admin_preview_bg='']
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
    [/av_font_icon]
    
    [/av_one_fifth][/av_section][av_layout_row border='' min_height='0' color='main_color' mobile='av-flex-cells' id='' av_uid='av-1blt0i']
    [av_cell_one_third vertical_align='middle' padding='50px' padding_sync='true' background_color='#ffffff' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='center center' background_repeat='stretch' mobile_display='' av_uid='av-155an6']
    
    [av_animated_numbers number='19,90$' icon_select='no' icon='ue800' font='entypo-fontello' font_size='50' font_size_description='22' link='' linktarget='no' color='font-custom' custom_color='#0a0a0a' av_uid='av-yckgi']
    Starting Price
    [/av_animated_numbers]
    
    [/av_cell_one_third][av_cell_one_third vertical_align='middle' padding='50px,50px,50px,50px' background_color='#292929' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='center center' background_repeat='stretch' mobile_display='' av_uid='av-sr78a']
    
    [av_animated_numbers number='7 Days' icon_select='no' icon='ue800' font='entypo-fontello' font_size='50' font_size_description='22' link='' linktarget='no' color='font-custom' custom_color='#ffffff' av_uid='av-mww8q']
    a week open
    [/av_animated_numbers]
    
    [/av_cell_one_third][av_cell_one_third vertical_align='middle' padding='50px,50px,50px,50px' background_color='#3c3c3c' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='center center' background_repeat='stretch' mobile_display='' av_uid='av-cowk2']
    
    [av_animated_numbers number='87 Studios' icon_select='no' icon='ue800' font='entypo-fontello' font_size='50' font_size_description='22' link='' linktarget='no' color='font-custom' custom_color='#ffffff' av_uid='av-99xuy']
    around the world
    [/av_animated_numbers]
    
    [/av_cell_one_third]
    [/av_layout_row]
    

    Best regards,
    Rikard

    Hey Tim,

    Thank you for the inquiry.

    You can apply the box shadow to the button by editing the options in the Styling > Box Shadow toggle. You may need to scroll down a bit to see the toggle. Unfortunately, there is no automatic way to convert the content of the Advanced Layout Builder to the default editor. You’ll need to manually copy and paste the text from the builder to the default editor, and manually embed any images if the page contains them.

    Best regards,
    Ismael

    #1436777
    webdesignphx
    Participant

    Hi Enfold Friends

    I have 2 questions:
    1. On some pages, including https://hangardoors.aero/rolling-hangar-door-configurations we use the Enfold Table of Contents widget. This automatically creates the table of content based on the H2 and H3 headings on the page. If you click on items in the table of contents, it scrolls down to the section beautifully.

    Problem: We would like to share links directly to those sections of the page. If you copy the link for any of the table of contents items (i.e., “1 Group of Leaves” (link: https://hangardoors.aero/rolling-hangar-door-configurations#1-group-of-leaves) , that link only takes you to the top of the page rather than the specific scrolled part of the page.

    I manually did a workaround by adding red lines and links to those, but maybe you have a better solution for me? https://hangardoors.aero/rolling-hangar-door-configurations/#floating-configuration works but is a separately created link, not copied from the table of contents.

    Also question Nr 2 the red circles in the table of content only appear when I am logged in on that page. on others they are there. wonder what could be wrong there.
    Thanks so much for your help.

    #1436615

    In reply to: logo-mobile-blurry

    now you can see on that example page – that i can influence the inline svg logo to have different fill colors if the header is transparent.

    in this case i do not use the transparency logo on enfold options. – i just switch the fill color for that case:

    .html_header_transparency #header:not(.header-scrolled) .fillColor {
      fill: #FFF;
    }

    by the way – on your page – i wouldn’t try to set the svg dimension via height – because this is calculated by the shrinking script.
    just set a width ( absolute value)

    .logo svg {
      /*** margin-top: 10px; ***/
      /*** padding: 10px; ***/
      width: 350px;
      /*** height: auto; ***/
    }

    so get rid of margin-top, padding and height

    #1435551

    .justify-text {
    text-align: justify;
    -webkit-hyphens: auto; /* For Safari */
    -moz-hyphens: auto; /* For Firefox */
    hyphens: auto; /* Standard */
    }

    #top .av-video-slide .avia-slide-wrap, #top .av-video-slide iframe {
    background: #fff;
    }

    .avia-icongrid-front,.avia-icongrid-flipback {
    border-radius: 100%;
    min-height: 300px;
    min-width: 300px;
    }

    .av-hriqo-df64f73a2229a5a484cc56fae9caca2e table tr th {
    width: 20%;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    background-color: #000000;
    padding: 8px;
    }

    @media only screen and (max-width: 767px) {
    #top .avia-icongrid.av-flex-cells.av-break-989 .av-icon-cell-item {
    flex: 1 1 100%;
    }
    }

    @media only screen and (max-width: 767px) {
    .responsive #top.page-id-472 .avia-data-table.avia_pricing_minimal tr {
    padding-bottom: 20px;
    }
    }

    @media only screen and (max-width: 767px) {
    .responsive #top.page-id-472 .avia_responsive_table .avia-data-table tr:first-child th {
    display: block;
    }
    }
    .responsive #top.page-id-472 div .avia_responsive_table .avia-data-table td, .responsive #top.page-id-472 div .avia_responsive_table .avia-data-table th {
    padding: 0;
    }
    }

    #top .av-82qhko-49fd44439e70710ba9259a5b8656603c .avia-data-table {
    border: 0;
    padding: 10;

    }

    div .avia-table {
    background: transparent;

    }

    #top.page-id-472 #main .main_color .avia-data-table * {
    border: none;
    background-color: #fff;
    font-size: 18px;
    text-align: left;
    }

    #top.page-id-472 .main_color .avia-data-table.avia_pricing_minimal th {
    color: #666666;
    width: 15%;
    }

    #top.page-id-472 .av-hriqo-df64f73a2229a5a484cc56fae9caca2e .avia-data-table td:before {
    display: none;
    }

    .av-hriqo-df64f73a2229a5a484cc56fae9caca2e table tr th {
    width: 20%;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    background-color: #000000;
    padding: 8px;
    }

    .avia-form-success {
    text-align: center;
    border-style: solid;
    border-width: 0px;
    padding: 20px 15px;
    line-height: 1.4em;
    border-radius: 2px;
    clear: both;
    Font-size: 14px;
    font-weight: normal;
    text-decoration: none,
    }

    .page-id-1331 input, .page-id-1331 textarea {
    border-color: #009BDD !important;
    }

    .input_checkbox_label {
    color: #6F6571 !important;
    }

    .responsive #top #av_section_4 .container {
    width: 100%;
    }

    @media only screen and (max-width: 767px) {
    #top #av_section_4 .avia-icongrid .av-icon-cell-item .avia-icongrid-flipback {
    padding: 0 3em;
    }
    }

    @media only screen and (max-width: 767px) {
    #top .avia-icongrid.av-flex-cells.av-break-989 .av-icon-cell-item {
    flex: 1 1 100%;
    }

    .avia-icongrid-flipbox .av-icon-cell-item .avia-icongrid-front .avia-icongrid-inner, .avia-icongrid-flipbox .av-icon-cell-item .avia-icongrid-flipback .avia-icongrid-inner {
    padding: 0 3em;
    }

    .all_colors h3 {

    line-height: 1.3; /* Adjust the value to increase or decrease spacing */
    }

    .keinspace span {
    display: block; /* Ensure the span is treated as a block element */
    margin-top: 0px; /* Adjust margin-top to reduce space */
    font-size: 0.7em; /* Adjust the font size smaller */
    color: #6F6571; /* Change the text color to grey */

    }

    .avia-cookie-consent {
    width: 100%;
    position: fixed;
    background-color: #009BDD;
    z-index: 999;
    color: rgba(255,255,255,0.9);
    padding: 1.1em;
    text-align: center;
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease-in-out;
    overflow: hidden;

    }

    .avia-cookie-consent-button,
    .avia-cookie-info-btn,
    .avia-cookie-hide-notification,
    .avia-button {
    background-color: white !important;
    color: black !important;

    }

    @media only screen and (max-width: 767px) {

    /* Add your Mobile Styles here */
    #top #header .av-logo-container .av-main-nav>li.av-burger-menu-main {
    display: block;
    }
    }

    @media only screen and (min-width: 768px) {

    /* Add your Mobile Styles here */
    #top #header .av-logo-container .av-main-nav>li.av-burger-menu-main {
    display: none;
    }
    }

    #avia-menu .menu-item {
    display: none;
    }
    .av-burger-menu-main.menu-item-avia-special {
    display: block;
    }
    }

    .container_wrap {
    border-top-width: 0;
    }

    #scroll-top-link {
    display: none;
    }

    .avia_iconbox_title {
    font-size: 18px;
    color: #6F6571;
    }

    .avia_iconbox_title:hover {
    color: #009BDD; /* Set the font color on hover to blue */
    }

    #header_main .av-logo-container {
    margin-bottom: -14px;
    }

    #1434411

    Hi,

    Thank you for the update.

    We made slight adjustments to the css code so that it also takes into account the top position of the logo when the header has shrunk or when scrolling. Please use this updated css code instead.

    .logo img, .logo svg {
      top: 15px;
    }
    
    .header-scrolled .logo img, .header-scrolled .logo svg {
      top: auto;
    }

    Best regards,
    Ismael

    #1432773
    clbdcnpafe
    Participant

    Hello.

    We are aware that most browsers like Chrome, Edge etc purposefully prevent audio playing when a video (set to autoplay) loads with a webpage. Our question is this: is there any code that we can use, for example in a button labeled “Turn On The Sound”, that will turn on the audio. In the Private Content, I’m including a link and password to a page where we would use such a feature if it existed. You will see that we have told page visitors to scroll down to the video player bar to turn on the sound. That’s a less-than-the-best-user-friendly solution. So if there’s a “button” solution that we could use instead, we would.

    Many thanks.

    #1432586

    Hi,

    Here are the shortcodes for the page:

    [av_layout_row min_height_percent='percent' min_height_pc='85' min_height='0' border='' color='main_color' mobile='av-flex-cells' mobile_breaking='' mobile_column_order='' id='' custom_class='' template_class='' aria_label='' av_element_hidden_in_editor='0' av_uid='av-l3szq1xv' sc_version='1.0']
    [av_cell_one_half vertical_align='middle' padding='0' padding_sync='true' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' link='' linktarget='' link_hover='' mobile_display='' mobile_col_pos='0' custom_class='' template_class='' av_uid='av-l3szpg70' sc_version='1.0']
    
    [av_one_full first min_height='av-equal-height-column' vertical_alignment='av-align-middle' space='no_margin' row_boxshadow_width='10' row_boxshadow_color='' margin='0px' margin_sync='true' mobile_breaking='' mobile_column_order='' border='' border_style='solid' border_color='' radius='' radius_sync='true' min_col_height='100%' padding='30px' padding_sync='true' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' column_boxshadow_width='10' column_boxshadow_color='' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='curtain-reveal-ttb' animation_duration='' animation_custom_bg_color='#f8f8f8' animation_z_index_curtain='1' parallax_parallax='bottom_top' parallax_parallax_speed='' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' css_position='' css_position_location=',,,' css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='' template_class='' aria_label='' av_uid='av-l3t6vrtm' sc_version='1.0']
    
    [av_image src='https://kriesi.at/themes/enfold-parallax/wp-content/uploads/sites/87/2022/05/main-enfold.png' attachment='2047' attachment_size='full' copyright='' caption='' image_size='' styling='' box_shadow='none' box_shadow_width='10' box_shadow_color='' align='center' font_size='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='fade-in' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' parallax_parallax='right_left' parallax_parallax_speed='' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' hover='' appearance='' css_position='' css_position_location=',,,' css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' transform_perspective='' transform_rotation=',,,' transform_scale=',,' transform_skew=',' transform_translate=',,' av-medium-transform_perspective='' av-medium-transform_rotation=',,,' av-medium-transform_scale=',,' av-medium-transform_skew=',' av-medium-transform_translate=',,' av-small-transform_perspective='' av-small-transform_rotation=',,,' av-small-transform_scale=',,' av-small-transform_skew=',' av-small-transform_translate=',,' av-mini-transform_perspective='' av-mini-transform_rotation=',,,' av-mini-transform_scale=',,' av-mini-transform_skew=',' av-mini-transform_translate=',,' link='' target='' title_attr='' alt_attr='' img_scrset='' lazy_loading='disabled' id='' custom_class='' template_class='' av_element_hidden_in_editor='0' av_uid='av-z26fk' sc_version='1.0' admin_preview_bg=''][/av_image]
    
    [/av_one_full][/av_cell_one_half][av_cell_one_half vertical_align='middle' padding='0' padding_sync='true' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' link='' linktarget='' link_hover='' mobile_display='' mobile_col_pos='0' custom_class='' template_class='' av_uid='av-l3szplqc' sc_version='1.0']
    
    [av_one_full first min_height='av-equal-height-column' vertical_alignment='av-align-middle' space='' row_boxshadow_width='10' row_boxshadow_color='' margin='0px' margin_sync='true' mobile_breaking='' mobile_column_order='' border='' border_style='solid' border_color='' radius='' radius_sync='true' min_col_height='100%' padding='30px' padding_sync='true' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' column_boxshadow_width='10' column_boxshadow_color='' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='https://kriesi.at/themes/enfold-parallax/wp-content/uploads/sites/87/2022/05/startup_dark.jpg' attachment='2030' attachment_size='full' background_position='center left' background_repeat='stretch' highlight_size='1.1' animation='curtain-reveal-btt' animation_duration='' animation_custom_bg_color='#ffffff' animation_z_index_curtain='1' parallax_parallax='' parallax_parallax_speed='' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' css_position='' css_position_location=',,,' css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='' template_class='' aria_label='' av_uid='av-l3szqp26' sc_version='1.0']
    
    [av_image src='https://kriesi.at/themes/enfold-parallax/wp-content/uploads/sites/87/2022/05/main-parallax.png' attachment='2048' attachment_size='full' copyright='' caption='' image_size='' styling='' box_shadow='none' box_shadow_width='10' box_shadow_color='' align='center' font_size='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='fade-in' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' parallax_parallax='left_right' parallax_parallax_speed='' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' hover='' appearance='' css_position='' css_position_location=',,,' css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' transform_perspective='' transform_rotation=',,,' transform_scale=',,' transform_skew=',' transform_translate=',,' av-medium-transform_perspective='' av-medium-transform_rotation=',,,' av-medium-transform_scale=',,' av-medium-transform_skew=',' av-medium-transform_translate=',,' av-small-transform_perspective='' av-small-transform_rotation=',,,' av-small-transform_scale=',,' av-small-transform_skew=',' av-small-transform_translate=',,' av-mini-transform_perspective='' av-mini-transform_rotation=',,,' av-mini-transform_scale=',,' av-mini-transform_skew=',' av-mini-transform_translate=',,' link='' target='' title_attr='' alt_attr='' img_scrset='' lazy_loading='disabled' id='' custom_class='' template_class='' av_element_hidden_in_editor='0' av_uid='av-q2u00' sc_version='1.0' admin_preview_bg='rgb(34, 34, 34)'][/av_image]
    
    [/av_one_full][/av_cell_one_half]
    [/av_layout_row]
    
    [av_section min_height='' min_height_pc='25' min_height_px='500px' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' padding='default' margin='aviaTBmargin' custom_margin='0px,80px' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' color='main_color' background='bg_color' custom_bg='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' custom_arrow_bg='' css_position_z_index='10' av-medium-css_position_z_index='' av-small-css_position_z_index='' av-mini-css_position_z_index='' id='service' custom_class='' template_class='' aria_label='' av_element_hidden_in_editor='0' av_uid='av-kz5g1n7y' sc_version='1.0']
    
    [av_one_third first min_height='av-equal-height-column' vertical_alignment='av-align-middle' space='no_margin' row_boxshadow_width='10' row_boxshadow_color='rgba(0,0,0,0.26)' custom_margin='aviaTBcustom_margin' margin='-80px,0px' av-desktop-margin='' av-desktop-margin_sync='true' av-medium-margin='' av-medium-margin_sync='true' av-small-margin='' av-small-margin_sync='true' av-mini-margin='' av-mini-margin_sync='true' mobile_breaking='av-break-at-tablet' mobile_column_order='' border='' border_style='solid' border_color='' radius='' radius_sync='true' min_col_height='' padding='50px' padding_sync='true' av-desktop-padding='' av-desktop-padding_sync='true' av-medium-padding='' av-medium-padding_sync='true' av-small-padding='' av-small-padding_sync='true' av-mini-padding='' av-mini-padding_sync='true' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' column_boxshadow='aviaTBcolumn_boxshadow' column_boxshadow_width='5' column_boxshadow_color='rgba(0,0,0,0.2)' background='bg_color' background_color='#ffffff' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' parallax_parallax='' parallax_parallax_speed='0' av-desktop-parallax_parallax='bottom_top' av-desktop-parallax_parallax_speed='70' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' css_position='relative' css_position_location=',,,' css_position_z_index='99' av-desktop-css_position='' av-desktop-css_position_location=',,,' av-desktop-css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='' template_class='' aria_label='' av_uid='av-kz5hamof' sc_version='1.0']
    
    [av_heading heading='Planning & Consulting' tag='h2' style='blockquote modern-quote modern-centered' subheading_active='' show_icon='' icon='ue800' font='entypo-fontello' size='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' subheading_size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' icon_size='' av-medium-font-size-1='' av-small-font-size-1='' av-mini-font-size-1='' color='' custom_font='' subheading_color='' seperator_color='' icon_color='' margin='' margin_sync='true' padding='10' icon_padding='10' headline_padding='' headline_padding_sync='true' link='' link_target='' id='' custom_class='' template_class='' av_uid='av-dj574' sc_version='1.0' admin_preview_bg=''][/av_heading]
    
    [av_textblock textblock_styling_align='' textblock_styling='' textblock_styling_gap='' textblock_styling_mobile='' size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' id='' custom_class='' template_class='' av_uid='av-anksw' sc_version='1.0' admin_preview_bg='']
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam egestas a nulla a molestie. Duis a sapien ac orci dictum sodales. Vivamus vitae feugiat elit. Fusce a eros laoreet, bibendum lectus id, euismod nulla.
    [/av_textblock]
    
    [av_hr class='invisible' icon_select='yes' icon='ue808' font='entypo-fontello' position='center' shadow='no-shadow' height='30' custom_border='av-border-thin' custom_width='50px' custom_margin_top='30px' custom_margin_bottom='30px' custom_border_color='' custom_icon_color='' id='' custom_class='' template_class='' av_uid='av-15ly34' sc_version='1.0' admin_preview_bg='']
    
    [av_button label='Learn more' icon_select='yes-right-icon' icon='ue875' font='entypo-fontello' icon_hover='aviaTBicon_hover' link='manually,http://' link_target='' size='large' position='center' label_display='' title_attr='' color_options='' color='theme-color' custom_bg='#40bfd5' custom_font='#ffffff' btn_color_bg='theme-color' btn_custom_grad_direction='vertical' btn_custom_grad_1='#000000' btn_custom_grad_2='#ffffff' btn_custom_grad_3='' btn_custom_grad_opacity='0.7' btn_custom_bg='#444444' btn_color_bg_hover='theme-color-highlight' btn_custom_bg_hover='#444444' btn_color_font='theme-color' btn_custom_font='#ffffff' btn_color_font_hover='white' btn_custom_font_hover='#ffffff' border='' border_width='' border_width_sync='true' border_color='' border_radius='4px' border_radius_sync='true' box_shadow='' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' hover_opacity='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' css_position='' css_position_location=',,,' css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' id='' custom_class='' template_class='' av_uid='av-wmepk' sc_version='1.0' admin_preview_bg='rgb(34, 34, 34)']
    
    [/av_one_third][av_one_third min_height='av-equal-height-column' vertical_alignment='av-align-middle' space='no_margin' row_boxshadow_width='10' row_boxshadow_color='rgba(0,0,0,0.26)' margin='0px' margin_sync='true' av-desktop-margin='' av-desktop-margin_sync='true' av-medium-margin='' av-medium-margin_sync='true' av-small-margin='' av-small-margin_sync='true' av-mini-margin='' av-mini-margin_sync='true' mobile_breaking='' mobile_column_order='' border='' border_style='solid' border_color='' radius='' radius_sync='true' min_col_height='' padding='50px' padding_sync='true' av-desktop-padding='' av-desktop-padding_sync='true' av-medium-padding='' av-medium-padding_sync='true' av-small-padding='' av-small-padding_sync='true' av-mini-padding='' av-mini-padding_sync='true' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' column_boxshadow='aviaTBcolumn_boxshadow' column_boxshadow_width='5' column_boxshadow_color='rgba(0,0,0,0.2)' background='bg_gradient' background_color='#ffffff' background_gradient_direction='diagonal_tb' background_gradient_color1='#2d2d2d' background_gradient_color2='#383838' background_gradient_color3='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight='aviaTBhighlight' highlight_size='1.1' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' parallax_parallax='' parallax_parallax_speed='100' av-desktop-parallax_parallax='bottom_top' av-desktop-parallax_parallax_speed='100' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' css_position='relative' css_position_location=',,,' css_position_z_index='110' av-desktop-css_position='' av-desktop-css_position_location=',,,' av-desktop-css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='' template_class='' aria_label='' av_uid='av-kz5gwrwj' sc_version='1.0']
    
    [av_heading heading='Design & Production' tag='h2' style='blockquote modern-quote modern-centered' subheading_active='' show_icon='' icon='ue800' font='entypo-fontello' size='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' subheading_size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' icon_size='' av-medium-font-size-1='' av-small-font-size-1='' av-mini-font-size-1='' color='custom-color-heading' custom_font='#ffffff' subheading_color='' seperator_color='' icon_color='' margin='' margin_sync='true' padding='10' icon_padding='10' headline_padding='' headline_padding_sync='true' link='' link_target='' id='' custom_class='' template_class='' av_uid='av-kz5h2s5l' sc_version='1.0' admin_preview_bg='rgb(34, 34, 34)'][/av_heading]
    
    [av_textblock textblock_styling_align='' textblock_styling='' textblock_styling_gap='' textblock_styling_mobile='' size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='custom' color='#ffffff' id='' custom_class='' template_class='' av_uid='av-kz5h37os' sc_version='1.0' admin_preview_bg='rgb(34, 34, 34)']
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam egestas a nulla a molestie. Duis a sapien ac orci dictum sodales. Vivamus vitae feugiat elit. Fusce a eros laoreet, bibendum lectus id, euismod nulla.
    [/av_textblock]
    
    [av_hr class='invisible' icon_select='yes' icon='ue808' font='entypo-fontello' position='center' shadow='no-shadow' height='30' custom_border='av-border-thin' custom_width='50px' custom_margin_top='30px' custom_margin_bottom='30px' custom_border_color='' custom_icon_color='' id='' custom_class='' template_class='' av_uid='av-kz5k342g' sc_version='1.0' admin_preview_bg='']
    
    [av_button label='Learn more' icon_select='yes-right-icon' icon='ue875' font='entypo-fontello' icon_hover='aviaTBicon_hover' link='manually,http://' link_target='' size='large' position='center' label_display='' title_attr='' color_options='' color='light' custom_bg='#40bfd5' custom_font='#ffffff' btn_color_bg='theme-color' btn_custom_grad_direction='vertical' btn_custom_grad_1='#000000' btn_custom_grad_2='#ffffff' btn_custom_grad_3='' btn_custom_grad_opacity='0.7' btn_custom_bg='#444444' btn_color_bg_hover='theme-color-highlight' btn_custom_bg_hover='#444444' btn_color_font='theme-color' btn_custom_font='#ffffff' btn_color_font_hover='white' btn_custom_font_hover='#ffffff' border='' border_width='' border_width_sync='true' border_color='' border_radius='4px' border_radius_sync='true' box_shadow='' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' hover_opacity='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' css_position='' css_position_location=',,,' css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' id='' custom_class='' template_class='' av_uid='av-kz5k24rj' sc_version='1.0' admin_preview_bg='rgb(34, 34, 34)']
    
    [/av_one_third][av_one_third min_height='av-equal-height-column' vertical_alignment='av-align-middle' space='no_margin' row_boxshadow_width='10' row_boxshadow_color='rgba(0,0,0,0.26)' custom_margin='aviaTBcustom_margin' margin='-80px,0px' av-desktop-margin='' av-desktop-margin_sync='true' av-medium-margin='' av-medium-margin_sync='true' av-small-margin='' av-small-margin_sync='true' av-mini-margin='' av-mini-margin_sync='true' mobile_breaking='' mobile_column_order='' border='' border_style='solid' border_color='' radius='' radius_sync='true' min_col_height='' padding='50px' padding_sync='true' av-desktop-padding='' av-desktop-padding_sync='true' av-medium-padding='' av-medium-padding_sync='true' av-small-padding='' av-small-padding_sync='true' av-mini-padding='' av-mini-padding_sync='true' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' column_boxshadow='aviaTBcolumn_boxshadow' column_boxshadow_width='5' column_boxshadow_color='rgba(0,0,0,0.2)' background='bg_color' background_color='#ffffff' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' parallax_parallax='' parallax_parallax_speed='70' av-desktop-parallax_parallax='bottom_top' av-desktop-parallax_parallax_speed='70' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' css_position='relative' css_position_location=',,,' css_position_z_index='99' av-desktop-css_position='' av-desktop-css_position_location=',,,' av-desktop-css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='' template_class='' aria_label='' av_uid='av-kz5gvtyq' sc_version='1.0']
    
    [av_heading heading='Shipping & Managing' tag='h2' style='blockquote modern-quote modern-centered' subheading_active='' show_icon='' icon='ue800' font='entypo-fontello' size='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' subheading_size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' icon_size='' av-medium-font-size-1='' av-small-font-size-1='' av-mini-font-size-1='' color='' custom_font='' subheading_color='' seperator_color='' icon_color='' margin='' margin_sync='true' padding='10' icon_padding='10' headline_padding='' headline_padding_sync='true' link='' link_target='' id='' custom_class='' template_class='' av_uid='av-kz5gfgzs' sc_version='1.0' admin_preview_bg=''][/av_heading]
    
    [av_textblock textblock_styling_align='' textblock_styling='' textblock_styling_gap='' textblock_styling_mobile='' size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' id='' custom_class='' template_class='' av_uid='av-kz5gq51m' sc_version='1.0' admin_preview_bg='']
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam egestas a nulla a molestie. Duis a sapien ac orci dictum sodales. Vivamus vitae feugiat elit. Fusce a eros laoreet, bibendum lectus id, euismod nulla.
    [/av_textblock]
    
    [av_hr class='invisible' icon_select='yes' icon='ue808' font='entypo-fontello' position='center' shadow='no-shadow' height='30' custom_border='av-border-thin' custom_width='50px' custom_margin_top='30px' custom_margin_bottom='30px' custom_border_color='' custom_icon_color='' id='' custom_class='' template_class='' av_uid='av-oqxgo' sc_version='1.0' admin_preview_bg='']
    
    [av_button label='Learn more' icon_select='yes-right-icon' icon='ue875' font='entypo-fontello' icon_hover='aviaTBicon_hover' link='manually,http://' link_target='' size='large' position='center' label_display='' title_attr='' color_options='' color='theme-color' custom_bg='#40bfd5' custom_font='#ffffff' btn_color_bg='theme-color' btn_custom_grad_direction='vertical' btn_custom_grad_1='#000000' btn_custom_grad_2='#ffffff' btn_custom_grad_3='' btn_custom_grad_opacity='0.7' btn_custom_bg='#444444' btn_color_bg_hover='theme-color-highlight' btn_custom_bg_hover='#444444' btn_color_font='theme-color' btn_custom_font='#ffffff' btn_color_font_hover='white' btn_custom_font_hover='#ffffff' border='' border_width='' border_width_sync='true' border_color='' border_radius='4px' border_radius_sync='true' box_shadow='' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' hover_opacity='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' css_position='' css_position_location=',,,' css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' id='' custom_class='' template_class='' av_uid='av-kz5jzepf' sc_version='1.0' admin_preview_bg='rgb(34, 34, 34)']
    
    [/av_one_third][av_one_full first min_height='' vertical_alignment='av-align-middle' space='no_margin' row_boxshadow_width='10' row_boxshadow_color='rgba(0,0,0,0.26)' custom_margin='aviaTBcustom_margin' margin='-80px,0px' mobile_breaking='' mobile_column_order='' border='' border_style='solid' border_color='' radius='' radius_sync='true' min_col_height='' padding='0px' padding_sync='true' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' column_boxshadow_width='5' column_boxshadow_color='rgba(0,0,0,0.2)' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='curtain-reveal-rtl' animation_duration='2' animation_custom_bg_color='#ffffff' animation_z_index_curtain='100' parallax_parallax='bottom_top' parallax_parallax_speed='-10' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' css_position='relative' css_position_location=',,,' css_position_z_index='99' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='' template_class='' aria_label='' av_uid='av-l3hiswcr' sc_version='1.0']
    
    [av_headline_rotator before_rotating='Say hello to a<br/>' after_rotating='Enfold!' margin='' margin_sync='true' align='center' custom_title='#000000' size='5vw' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' tag='h2' interval='5' animation='typewriter' alb_description='' id='' custom_class='' template_class='' av_uid='av-kz5jge9h' sc_version='1.0' admin_preview_bg='']
    [av_rotator_item title='recently upgraded' custom_title='' link='' linktarget='' av_uid='av-kcg7s' sc_version='1.0']
    [av_rotator_item title='heavily improved' custom_title='' link='' linktarget='' av_uid='av-heiy0' sc_version='1.0']
    [av_rotator_item title='simply better' custom_title='' link='' linktarget='' av_uid='av-au3dc' sc_version='1.0']
    [/av_headline_rotator]
    
    [/av_one_full][/av_section][av_layout_row min_height_percent='' min_height_pc='25' min_height='0' border='' color='main_color' mobile='av-flex-cells' mobile_breaking='' mobile_column_order='' id='about' custom_class='' template_class='' aria_label='' av_element_hidden_in_editor='0' av_uid='av-2ruoc8' sc_version='1.0']
    
    [av_cell_one_half vertical_align='middle' padding='120px' padding_sync='true' av-desktop-padding='' av-desktop-padding_sync='true' av-medium-padding='' av-medium-padding_sync='true' av-small-padding='' av-small-padding_sync='true' av-mini-padding='60px' av-mini-padding_sync='true' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' link='' linktarget='' link_hover='' mobile_display='' mobile_col_pos='0' custom_class='' template_class='' av_uid='av-l3sm2j2d' sc_version='1.0']
    
    [av_heading heading='About Us...' tag='h2' style='blockquote modern-quote modern-centered' subheading_active='' show_icon='' icon='ue800' font='entypo-fontello' size='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' subheading_size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' icon_size='' av-medium-font-size-1='' av-small-font-size-1='' av-mini-font-size-1='' color='' custom_font='' subheading_color='' seperator_color='' icon_color='' margin='' margin_sync='true' padding='10' icon_padding='10' headline_padding='' headline_padding_sync='true' link='' link_target='' id='' custom_class='' template_class='' av_uid='av-l3sm88y3' sc_version='1.0' admin_preview_bg=''][/av_heading]
    
    [av_textblock textblock_styling_align='' textblock_styling='' textblock_styling_gap='' textblock_styling_mobile='' size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' id='' custom_class='' template_class='' av_uid='av-2mr6mo' sc_version='1.0' admin_preview_bg='']
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam egestas a nulla a molestie. Duis a sapien ac orci dictum sodales. Vivamus vitae feugiat elit. Fusce a eros laoreet, bibendum lectus id, euismod nulla.
    [/av_textblock]
    
    [av_one_half first min_height='' vertical_alignment='av-align-top' space='' row_boxshadow='' row_boxshadow_width='10' row_boxshadow_color='' custom_margin='' margin='0px' mobile_breaking='' mobile_column_order='' border='' border_style='solid' border_color='' radius='' min_col_height='' padding='' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_flip='' svg_div_top_invert='' svg_div_top_front='' svg_div_top_opacity='' svg_div_top_preview='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_flip='' svg_div_bottom_invert='' svg_div_bottom_front='' svg_div_bottom_opacity='' svg_div_bottom_preview='' column_boxshadow='' column_boxshadow_width='10' column_boxshadow_color='' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' background_position='top left' background_repeat='no-repeat' highlight='' highlight_size='' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' parallax_parallax='' parallax_parallax_speed='' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' css_position='' css_position_location='' css_position_z_index='' av-medium-css_position='' av-medium-css_position_location='' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location='' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location='' av-mini-css_position_z_index='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='' template_class='' aria_label='' av_uid='av-2cdbiw' sc_version='1.0']
    
    [av_animated_numbers number='12' start_from='' icon_select='no' icon='ue800' font='entypo-fontello' number_format='' circle='' circle_custom='' circle_border_style='none' circle_border_color='' circle_bg_color='' circle_border_width='' circle_size='' box_shadow='none' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' circle_mobile='' font_size='' av-medium-font-size-number='' av-small-font-size-number='' av-mini-font-size-number='' font_size_description='' av-medium-font-size-text='' av-small-font-size-text='' av-mini-font-size-text='' color='' custom_color='#444444' custom_color_desc='#444444' timer='15' link='' linktarget='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' id='' custom_class='' template_class='' av_uid='av-l3slvfgg' sc_version='1.0' admin_preview_bg='']
    Team Member
    [/av_animated_numbers]
    
    [/av_one_half][av_one_half min_height='' vertical_alignment='av-align-top' space='' row_boxshadow='' row_boxshadow_width='10' row_boxshadow_color='' custom_margin='' margin='0px' mobile_breaking='' mobile_column_order='' border='' border_style='solid' border_color='' radius='' min_col_height='' padding='' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_flip='' svg_div_top_invert='' svg_div_top_front='' svg_div_top_opacity='' svg_div_top_preview='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_flip='' svg_div_bottom_invert='' svg_div_bottom_front='' svg_div_bottom_opacity='' svg_div_bottom_preview='' column_boxshadow='' column_boxshadow_width='10' column_boxshadow_color='' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' background_position='top left' background_repeat='no-repeat' highlight='' highlight_size='' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' parallax_parallax='' parallax_parallax_speed='' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' css_position='' css_position_location='' css_position_z_index='' av-medium-css_position='' av-medium-css_position_location='' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location='' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location='' av-mini-css_position_z_index='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='' template_class='' aria_label='' av_uid='av-27016w' sc_version='1.0']
    
    [av_animated_numbers number='73' start_from='' icon_select='no' icon='ue800' font='entypo-fontello' number_format='' circle='' circle_custom='' circle_border_style='none' circle_border_color='' circle_bg_color='' circle_border_width='' circle_size='' box_shadow='none' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' circle_mobile='' font_size='' av-medium-font-size-number='' av-small-font-size-number='' av-mini-font-size-number='' font_size_description='' av-medium-font-size-text='' av-small-font-size-text='' av-mini-font-size-text='' color='' custom_color='#444444' custom_color_desc='#444444' timer='15' link='' linktarget='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' id='' custom_class='' template_class='' av_uid='av-l3slvool' sc_version='1.0' admin_preview_bg='']
    Happy Clients
    [/av_animated_numbers]
    
    [/av_one_half][av_hr class='invisible' icon_select='yes' icon='ue808' font='entypo-fontello' position='center' shadow='no-shadow' height='60' custom_border='av-border-thin' custom_width='50px' custom_margin_top='30px' custom_margin_bottom='30px' custom_border_color='' custom_icon_color='' id='' custom_class='' template_class='' av_uid='av-259qwo' sc_version='1.0' admin_preview_bg='']
    
    [av_button label='Learn more' icon_select='yes-right-icon' icon='ue875' font='entypo-fontello' icon_hover='aviaTBicon_hover' link='manually,http://' link_target='' size='large' position='center' label_display='' title_attr='' color_options='' color='dark' custom_bg='#40bfd5' custom_font='#ffffff' btn_color_bg='theme-color' btn_custom_grad_direction='vertical' btn_custom_grad_1='#000000' btn_custom_grad_2='#ffffff' btn_custom_grad_3='' btn_custom_grad_opacity='0.7' btn_custom_bg='#444444' btn_color_bg_hover='theme-color-highlight' btn_custom_bg_hover='#444444' btn_color_font='theme-color' btn_custom_font='#ffffff' btn_color_font_hover='white' btn_custom_font_hover='#ffffff' border='' border_width='' border_width_sync='true' border_color='' border_radius='4px' border_radius_sync='true' box_shadow='' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' hover_opacity='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' css_position='' css_position_location=',,,' css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' id='' custom_class='' template_class='' av_uid='av-l3sn0oe2' sc_version='1.0' admin_preview_bg='rgb(255, 255, 255)']
    
    [/av_cell_one_half][av_cell_one_half vertical_align='middle' padding='70px' padding_sync='true' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' link='' linktarget='' link_hover='' mobile_display='' mobile_col_pos='0' custom_class='' template_class='' av_uid='av-l3sm2rrf' sc_version='1.0']
    
    [av_image src='https://kriesi.at/themes/enfold-parallax/wp-content/uploads/sites/87/2022/05/ubiq-2Hq0WvL2Yc4-unsplash-845x684.jpg' attachment='2031' attachment_size='gallery' copyright='' caption='' image_size='' styling='no-styling' box_shadow='none' box_shadow_width='10' box_shadow_color='' align='center' font_size='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='curtain-reveal-ltr' animation_duration='' animation_custom_bg_color='#ffffff' animation_z_index_curtain='100' parallax_parallax='bottom_top' parallax_parallax_speed='20' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' hover='' appearance='' css_position='' css_position_location=',,,' css_position_z_index='110' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' transform_perspective='' transform_rotation=',,,' transform_scale=',,' transform_skew=',' transform_translate=',,' av-medium-transform_perspective='' av-medium-transform_rotation=',,,' av-medium-transform_scale=',,' av-medium-transform_skew=',' av-medium-transform_translate=',,' av-small-transform_perspective='' av-small-transform_rotation=',,,' av-small-transform_scale=',,' av-small-transform_skew=',' av-small-transform_translate=',,' av-mini-transform_perspective='' av-mini-transform_rotation=',,,' av-mini-transform_scale=',,' av-mini-transform_skew=',' av-mini-transform_translate=',,' link='' target='' title_attr='' alt_attr='' img_scrset='' lazy_loading='disabled' id='' custom_class='' template_class='' av_element_hidden_in_editor='0' av_uid='av-l3sluu0i' sc_version='1.0' admin_preview_bg=''][/av_image]
    
    [av_image src='https://kriesi.at/themes/enfold-parallax/wp-content/uploads/sites/87/2022/05/dusan-jovic-4JpCi9jWaOA-unsplash-200x300.jpg' attachment='2027' attachment_size='medium' copyright='' caption='' image_size='' styling='no-styling' box_shadow='outside' box_shadow_width='17' box_shadow_color='rgba(0,0,0,0.3)' align='center' font_size='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='curtain-reveal-rtl' animation_duration='' animation_custom_bg_color='#ffffff' animation_z_index_curtain='100' parallax_parallax='bottom_top' parallax_parallax_speed='10' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' hover='' appearance='' css_position='absolute' css_position_location='40px,,,-50px' css_position_z_index='110' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' transform_perspective='' transform_rotation=',,,' transform_scale=',,' transform_skew=',' transform_translate=',,' av-medium-transform_perspective='' av-medium-transform_rotation=',,,' av-medium-transform_scale=',,' av-medium-transform_skew=',' av-medium-transform_translate=',,' av-small-transform_perspective='' av-small-transform_rotation=',,,' av-small-transform_scale=',,' av-small-transform_skew=',' av-small-transform_translate=',,' av-mini-transform_perspective='' av-mini-transform_rotation=',,,' av-mini-transform_scale=',,' av-mini-transform_skew=',' av-mini-transform_translate=',,' link='' target='' title_attr='' alt_attr='' img_scrset='' lazy_loading='disabled' id='' custom_class='' template_class='' av_element_hidden_in_editor='0' av_uid='av-l3slz2ga' sc_version='1.0' admin_preview_bg=''][/av_image]
    
    [/av_cell_one_half][/av_layout_row][av_layout_row min_height_percent='' min_height_pc='25' min_height='0' border='' color='main_color' mobile='av-flex-cells' mobile_breaking='' mobile_column_order='' id='' custom_class='' template_class='' aria_label='' av_element_hidden_in_editor='0' av_uid='av-1y0avc' sc_version='1.0']
    
    [av_cell_one_half vertical_align='middle' padding='70px' padding_sync='true' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' link='' linktarget='' link_hover='' mobile_display='' mobile_col_pos='0' custom_class='' template_class='' av_uid='av-1oaef4' sc_version='1.0']
    
    [av_image src='https://kriesi.at/themes/enfold-parallax/wp-content/uploads/sites/87/2022/05/amr-taha-UOMrO-JN-XQ-unsplash-845x684.jpg' attachment='2026' attachment_size='gallery' copyright='' caption='' image_size='' styling='no-styling' box_shadow='none' box_shadow_width='10' box_shadow_color='' align='center' font_size='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='curtain-reveal-rtl' animation_duration='' animation_custom_bg_color='#ffffff' animation_z_index_curtain='100' parallax_parallax='bottom_top' parallax_parallax_speed='20' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' hover='' appearance='' css_position='' css_position_location=',,,' css_position_z_index='110' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' transform_perspective='' transform_rotation=',,,' transform_scale=',,' transform_skew=',' transform_translate=',,' av-medium-transform_perspective='' av-medium-transform_rotation=',,,' av-medium-transform_scale=',,' av-medium-transform_skew=',' av-medium-transform_translate=',,' av-small-transform_perspective='' av-small-transform_rotation=',,,' av-small-transform_scale=',,' av-small-transform_skew=',' av-small-transform_translate=',,' av-mini-transform_perspective='' av-mini-transform_rotation=',,,' av-mini-transform_scale=',,' av-mini-transform_skew=',' av-mini-transform_translate=',,' link='' target='' title_attr='' alt_attr='' img_scrset='' lazy_loading='disabled' id='' custom_class='' template_class='' av_element_hidden_in_editor='0' av_uid='av-l3smwbbb' sc_version='1.0' admin_preview_bg=''][/av_image]
    
    [av_image src='https://kriesi.at/themes/enfold-parallax/wp-content/uploads/sites/87/2022/05/kevin-canlas-e_mbJ0T0mes-unsplash-200x300.jpg' attachment='2029' attachment_size='medium' copyright='' caption='' image_size='' styling='no-styling' box_shadow='outside' box_shadow_width='20' box_shadow_color='rgba(0,0,0,0.3)' align='center' font_size='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='curtain-reveal-ltr' animation_duration='' animation_custom_bg_color='#ffffff' animation_z_index_curtain='100' parallax_parallax='bottom_top' parallax_parallax_speed='10' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' hover='' appearance='' css_position='absolute' css_position_location='40px,-50px,,' css_position_z_index='110' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' transform_perspective='' transform_rotation=',,,' transform_scale=',,' transform_skew=',' transform_translate=',,' av-medium-transform_perspective='' av-medium-transform_rotation=',,,' av-medium-transform_scale=',,' av-medium-transform_skew=',' av-medium-transform_translate=',,' av-small-transform_perspective='' av-small-transform_rotation=',,,' av-small-transform_scale=',,' av-small-transform_skew=',' av-small-transform_translate=',,' av-mini-transform_perspective='' av-mini-transform_rotation=',,,' av-mini-transform_scale=',,' av-mini-transform_skew=',' av-mini-transform_translate=',,' link='' target='' title_attr='' alt_attr='' img_scrset='' lazy_loading='disabled' id='' custom_class='' template_class='' av_element_hidden_in_editor='0' av_uid='av-l3smyzp5' sc_version='1.0' admin_preview_bg=''][/av_image]
    
    [/av_cell_one_half][av_cell_one_half vertical_align='middle' padding='120px' padding_sync='true' av-desktop-padding='' av-desktop-padding_sync='true' av-medium-padding='' av-medium-padding_sync='true' av-small-padding='' av-small-padding_sync='true' av-mini-padding='60px' av-mini-padding_sync='true' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' link='' linktarget='' link_hover='' mobile_display='' mobile_col_pos='0' custom_class='' template_class='' av_uid='av-l3sn2t3l' sc_version='1.0']
    
    [av_heading heading='What we do...' tag='h2' style='blockquote modern-quote modern-centered' subheading_active='' show_icon='' icon='ue800' font='entypo-fontello' size='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' subheading_size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' icon_size='' av-medium-font-size-1='' av-small-font-size-1='' av-mini-font-size-1='' color='' custom_font='' subheading_color='' seperator_color='' icon_color='' margin='' margin_sync='true' padding='10' icon_padding='10' headline_padding='' headline_padding_sync='true' link='' link_target='' id='' custom_class='' template_class='' av_uid='av-1jsd34' sc_version='1.0' admin_preview_bg=''][/av_heading]
    
    [av_textblock textblock_styling_align='' textblock_styling='' textblock_styling_gap='' textblock_styling_mobile='' size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' id='' custom_class='' template_class='' av_uid='av-1easfk' sc_version='1.0' admin_preview_bg='']
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam egestas a nulla a molestie. Duis a sapien ac orci dictum sodales. Vivamus vitae feugiat elit. Fusce a eros laoreet, bibendum lectus id, euismod nulla.
    [/av_textblock]
    
    [av_one_half first min_height='' vertical_alignment='av-align-top' space='' row_boxshadow='' row_boxshadow_width='10' row_boxshadow_color='' custom_margin='' margin='0px' mobile_breaking='' mobile_column_order='' border='' border_style='solid' border_color='' radius='' min_col_height='' padding='' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_flip='' svg_div_top_invert='' svg_div_top_front='' svg_div_top_opacity='' svg_div_top_preview='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_flip='' svg_div_bottom_invert='' svg_div_bottom_front='' svg_div_bottom_opacity='' svg_div_bottom_preview='' column_boxshadow='' column_boxshadow_width='10' column_boxshadow_color='' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' background_position='top left' background_repeat='no-repeat' highlight='' highlight_size='' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' parallax_parallax='' parallax_parallax_speed='' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' css_position='' css_position_location='' css_position_z_index='' av-medium-css_position='' av-medium-css_position_location='' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location='' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location='' av-mini-css_position_z_index='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='' template_class='' aria_label='' av_uid='av-192lqo' sc_version='1.0']
    
    [av_animated_numbers number='212' start_from='' icon_select='no' icon='ue800' font='entypo-fontello' number_format='' circle='' circle_custom='' circle_border_style='none' circle_border_color='' circle_bg_color='' circle_border_width='' circle_size='' box_shadow='none' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' circle_mobile='' font_size='' av-medium-font-size-number='' av-small-font-size-number='' av-mini-font-size-number='' font_size_description='' av-medium-font-size-text='' av-small-font-size-text='' av-mini-font-size-text='' color='' custom_color='#444444' custom_color_desc='#444444' timer='15' link='' linktarget='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' id='' custom_class='' template_class='' av_uid='av-159r1k' sc_version='1.0' admin_preview_bg='']
    Finished Projects
    [/av_animated_numbers]
    
    [/av_one_half][av_one_half min_height='' vertical_alignment='av-align-top' space='' row_boxshadow='' row_boxshadow_width='10' row_boxshadow_color='' custom_margin='' margin='0px' mobile_breaking='' mobile_column_order='' border='' border_style='solid' border_color='' radius='' min_col_height='' padding='' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_flip='' svg_div_top_invert='' svg_div_top_front='' svg_div_top_opacity='' svg_div_top_preview='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_flip='' svg_div_bottom_invert='' svg_div_bottom_front='' svg_div_bottom_opacity='' svg_div_bottom_preview='' column_boxshadow='' column_boxshadow_width='10' column_boxshadow_color='' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' background_position='top left' background_repeat='no-repeat' highlight='' highlight_size='' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' parallax_parallax='' parallax_parallax_speed='' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' css_position='' css_position_location='' css_position_z_index='' av-medium-css_position='' av-medium-css_position_location='' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location='' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location='' av-mini-css_position_z_index='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='' template_class='' aria_label='' av_uid='av-wq820' sc_version='1.0']
    
    [av_animated_numbers number='4144' start_from='' icon_select='no' icon='ue800' font='entypo-fontello' number_format='' circle='' circle_custom='' circle_border_style='none' circle_border_color='' circle_bg_color='' circle_border_width='' circle_size='' box_shadow='none' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' circle_mobile='' font_size='' av-medium-font-size-number='' av-small-font-size-number='' av-mini-font-size-number='' font_size_description='' av-medium-font-size-text='' av-small-font-size-text='' av-mini-font-size-text='' color='' custom_color='#444444' custom_color_desc='#444444' timer='15' link='' linktarget='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' id='' custom_class='' template_class='' av_uid='av-t1ia0' sc_version='1.0' admin_preview_bg='']
    Hours of Work
    [/av_animated_numbers]
    
    [/av_one_half][av_hr class='invisible' icon_select='yes' icon='ue808' font='entypo-fontello' position='center' shadow='no-shadow' height='60' custom_border='av-border-thin' custom_width='50px' custom_margin_top='30px' custom_margin_bottom='30px' custom_border_color='' custom_icon_color='' id='' custom_class='' template_class='' av_uid='av-ipoh4' sc_version='1.0' admin_preview_bg='']
    
    [av_button label='Learn more' icon_select='yes-right-icon' icon='ue875' font='entypo-fontello' icon_hover='aviaTBicon_hover' link='manually,http://' link_target='' size='large' position='center' label_display='' title_attr='' color_options='' color='dark' custom_bg='#40bfd5' custom_font='#ffffff' btn_color_bg='theme-color' btn_custom_grad_direction='vertical' btn_custom_grad_1='#000000' btn_custom_grad_2='#ffffff' btn_custom_grad_3='' btn_custom_grad_opacity='0.7' btn_custom_bg='#444444' btn_color_bg_hover='theme-color-highlight' btn_custom_bg_hover='#444444' btn_color_font='theme-color' btn_custom_font='#ffffff' btn_color_font_hover='white' btn_custom_font_hover='#ffffff' border='' border_width='' border_width_sync='true' border_color='' border_radius='4px' border_radius_sync='true' box_shadow='' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' hover_opacity='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' css_position='' css_position_location=',,,' css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' id='' custom_class='' template_class='' av_uid='av-l3sn1k2r' sc_version='1.0' admin_preview_bg='rgb(255, 255, 255)']
    
    [/av_cell_one_half][/av_layout_row][av_layout_row min_height_percent='' min_height_pc='25' min_height='0' border='' color='main_color' mobile='av-flex-cells' mobile_breaking='av-break-at-tablet' mobile_column_order='' id='' custom_class='' template_class='' aria_label='' av_element_hidden_in_editor='0' av_uid='av-l3sz5uq1' sc_version='1.0']
    [av_cell_one_third vertical_align='middle' padding='100px,0px,100px,0px' background='bg_color' background_color='#f8f8f8' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' link='' linktarget='' link_hover='' mobile_display='' mobile_col_pos='0' custom_class='' template_class='' av_uid='av-l3syods3' sc_version='1.0']
    
    [av_one_full first min_height='' vertical_alignment='av-align-top' space='no_margin' row_boxshadow_width='10' row_boxshadow_color='' margin='0px' margin_sync='true' mobile_breaking='' mobile_column_order='' border='' border_style='solid' border_color='' radius='' radius_sync='true' min_col_height='' padding='100px' padding_sync='true' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' column_boxshadow='aviaTBcolumn_boxshadow' column_boxshadow_width='15' column_boxshadow_color='rgba(0,0,0,0.3)' background='bg_color' background_color='#ffffff' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' parallax_parallax='left_right' parallax_parallax_speed='10' av-medium-parallax_parallax='none' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='none' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='none' av-mini-parallax_parallax_speed='' css_position='relative' css_position_location=',,,200px' css_position_z_index='' av-medium-css_position='relative' av-medium-css_position_location=',,,0' av-medium-css_position_z_index='' av-small-css_position='relative' av-small-css_position_location=',,,0' av-small-css_position_z_index='' av-mini-css_position='relative' av-mini-css_position_location=',,,0' av-mini-css_position_z_index='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='' template_class='' aria_label='' av_uid='av-l3sys9uw' sc_version='1.0']
    
    [av_heading heading='Last but not least...' tag='h2' style='blockquote modern-quote modern-centered' subheading_active='' show_icon='' icon='ue800' font='entypo-fontello' size='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' subheading_size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' icon_size='' av-medium-font-size-1='' av-small-font-size-1='' av-mini-font-size-1='' color='' custom_font='' subheading_color='' seperator_color='' icon_color='' margin='' margin_sync='true' padding='10' icon_padding='10' headline_padding='' headline_padding_sync='true' link='' link_target='' id='' custom_class='' template_class='' av_uid='av-1jn8w' sc_version='1.0' admin_preview_bg=''][/av_heading]
    
    [av_textblock textblock_styling_align='' textblock_styling='' textblock_styling_gap='' textblock_styling_mobile='' size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' id='' custom_class='' template_class='' av_uid='av-9rhpk' sc_version='1.0' admin_preview_bg='']
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam egestas a nulla a molestie. Duis a sapien ac orci dictum sodales. Vivamus vitae feugiat elit. Fusce a eros laoreet, bibendum lectus id, euismod nulla.
    [/av_textblock]
    
    [/av_one_full][/av_cell_one_third][av_cell_two_third vertical_align='middle' padding='120px' padding_sync='true' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='https://kriesi.at/themes/enfold-parallax/wp-content/uploads/sites/87/2022/05/ubiq-2Hq0WvL2Yc4-unsplash.jpg' attachment='2031' attachment_size='full' background_attachment='scroll' background_position='center center' background_repeat='stretch' link='' linktarget='' link_hover='' mobile_display='av-hide-on-mobile' mobile_col_pos='0' custom_class='' template_class='' av_uid='av-l3sypxl7' sc_version='1.0']
    
    [/av_cell_two_third]
    [/av_layout_row]
    
    [av_masonry_gallery ids='2032,2033,2034,2035,2036,2037,2038,2039' caption_elements='title excerpt' caption_styling='' caption_display='always' size='fixed' orientation='av-orientation-portrait' image_size='masonry' gap='large' columns='4' av-medium-columns='' av-small-columns='2' av-mini-columns='' items='24' paginate='none' color='custom' custom_bg='#2d2d2d' animation='curtain-reveal-ttb' animation_duration='1' animation_custom_bg_color='#2d2d2d' animation_custom_bg_color_multi_list='' animation_z_index_curtain='100' overlay_fx='active' container_links='active' link_dest='' lightbox_text='' img_scrset='' lazy_loading='disabled' id='portfolio' custom_class='' template_class='' av_uid='av-l3t0hp54' sc_version='1.0']
    
    [av_layout_row min_height_percent='' min_height_pc='25' min_height='0' border='' color='main_color' mobile='av-flex-cells' mobile_breaking='av-break-at-tablet' mobile_column_order='' id='contact' custom_class='' template_class='' aria_label='' av_element_hidden_in_editor='0' av_uid='av-mb4yw' sc_version='1.0']
    [av_cell_three_fifth vertical_align='middle' padding='120px' padding_sync='true' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='https://kriesi.at/themes/enfold-parallax/wp-content/uploads/sites/87/2022/05/amr-taha-UOMrO-JN-XQ-unsplash.jpg' attachment='2026' attachment_size='full' background_attachment='scroll' background_position='center center' background_repeat='stretch' link='' linktarget='' link_hover='' mobile_display='av-hide-on-mobile' mobile_col_pos='0' custom_class='' template_class='' av_uid='av-l3t0eyup' sc_version='1.0']
    
    [/av_cell_three_fifth][av_cell_two_fifth vertical_align='middle' padding='100px,0,100px,0' background='bg_color' background_color='#2d2d2d' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='https://kriesi.at/themes/enfold-parallax/wp-content/uploads/sites/87/2022/05/parallax_light.png' attachment='2024' attachment_size='full' background_attachment='scroll' background_position='center right' background_repeat='contain' link='' linktarget='' link_hover='' mobile_display='' mobile_col_pos='0' custom_class='' template_class='' av_uid='av-l3t075ls' sc_version='1.0']
    
    [av_one_full first min_height='' vertical_alignment='av-align-top' space='no_margin' row_boxshadow_width='10' row_boxshadow_color='' margin='0px' margin_sync='true' mobile_breaking='' mobile_column_order='' border='' border_style='solid' border_color='' radius='' radius_sync='true' min_col_height='' padding='50px' padding_sync='true' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' column_boxshadow='aviaTBcolumn_boxshadow' column_boxshadow_width='15' column_boxshadow_color='rgba(0,0,0,0.3)' background='bg_color' background_color='#ffffff' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' parallax_parallax='right_left' parallax_parallax_speed='20' av-medium-parallax_parallax='none' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='none' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='none' av-mini-parallax_parallax_speed='' css_position='' css_position_location=',,,' css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',0,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',0,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',0,,' av-mini-css_position_z_index='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='' template_class='' aria_label='' av_uid='av-l3t08rf8' sc_version='1.0']
    
    [av_heading heading='Get in Touch' tag='h2' style='blockquote modern-quote modern-centered' subheading_active='' show_icon='' icon='ue800' font='entypo-fontello' size='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' subheading_size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' icon_size='' av-medium-font-size-1='' av-small-font-size-1='' av-mini-font-size-1='' color='' custom_font='' subheading_color='' seperator_color='' icon_color='' margin='' margin_sync='true' padding='10' icon_padding='10' headline_padding='' headline_padding_sync='true' link='' link_target='' id='' custom_class='' template_class='' av_uid='av-l3t037w6' sc_version='1.0' admin_preview_bg=''][/av_heading]
    
    [av_contact title='' button='Submit' on_send='' sent='Your message has been sent!' link='manually,http://' captcha='' captcha_theme='light' captcha_size='normal' captcha_score='0.5'  (Email address hidden if logged out) ' from_email='' subject=''  (Email address hidden if logged out) ' autoresponder_reply_to='' autoresponder_subject='' autorespond='' autorespond_after='' hide_labels='aviaTBhide_labels' form_align='' color='av-custom-form-color av-dark-form' heading_tag='' heading_class='' alb_description='' id='' custom_class='' template_class='' aria_label='' av_uid='av-l3t05k5j' sc_version='1.0' admin_preview_bg='']
    [av_contact_field label='E-Mail' type='text' check='is_email' options='' multi_select='' av_contact_preselect='' element_display='' width='' headline_tag='h3' av_uid='av-flbq0' sc_version='1.0'][/av_contact_field]
    [av_contact_field label='Message' type='textarea' check='is_empty' options='' multi_select='' av_contact_preselect='' element_display='' width='' headline_tag='h3' av_uid='av-9lrow' sc_version='1.0'][/av_contact_field]
    [/av_contact]
    
    [/av_one_full][/av_cell_two_fifth]
    [/av_layout_row]
    
    

    Best regards,
    Rikard

    garysch37
    Participant

    Dear Support Team:

    I am almost ready to publish my new website, but in testing I am unable to scroll through my menus & submenus in the burger menu on my iPhone or via mobile emulation on my Mac. Because I can’t scroll down, only the topmost menu items are visible and accessible. This issue has come up for me throughout development, but I just postponed solving it until now. Clearing browser cache for my website on the devices I’m testing this on doesn’t help.

    You can see what I mean in this illustration: https://www.dropbox.com/scl/fi/3fvermfa0p8o2lwltl1dj/scrolling-broken-in-burger.png?rlkey=abni1zusq7240arrhptb3rsts&dl=0

    On the left in the illustration is the starting situation, where I can’t scroll down to reveal the last menu item, Contact. On the right, after opening the Services submenu, I can’t scroll down to reveal the last few pixels of the Relines & Rebases submenu item, the remaining 3 submenu items after that, and the bottom 3 main menu items: all of those are inaccessible to me.

    This happens on both my iPhone X itself, as well as using DevTools’ mobile emulation in Chrome on my Mac (Developer Tools > Device Toggle Bar > choosing the mobile device under the Responsive menu to auto-set the dimensions for that device), whether I choose my iPhone X or an Android device (e.g. Samsung Galaxy S8+).

    On a PC (in e.g. Windows 7), I don’t have a problem using the Chrome mobile emulator: I can scroll. I haven’t tried on an actual Android phone, but it certainly doesn’t work on my iPhone. I’m wondering if this is an Apple issue with Enfold/Avia.

    Do I need an “overflow-y: auto;” somewhere, somehow? I tried it here, but that didn’t work:

    #top #av-burger-menu-ul {
       padding-top: 0 !important;
       overflow-y: auto !important;
    }

    Any help would be appreciated.

    Thanks,
    Gary

    • This topic was modified 1 year, 11 months ago by garysch37. Reason: Trying the full URL with parameters from my Dropbox because without the parameters it forced the user to log into Dropbox
    #1429478

    In reply to: Pop-Up/LIghtbox

    Hi,
    To enable a button to open the popup, add a button to your page and set the link URL to #open-popup:
    Enfold_Support_4357.jpeg
    then go to Advanced ▸ Developer Settings and add the custom class open-popup-button:
    Enfold_Support_4359.jpeg
    then update the popup script in your child theme functions.php to this:

    function magnific_popup_with_no_scroll_and_button() { ?>
      <script>
    (function($) {
      $(window).on('load', function(){
    	$('.open-popup-button a').addClass('open-popup-link');
        $('.open-popup-link').addClass('no-scroll');
        $('.open-popup-link').magnificPopup({
          type:'inline',
          midClick: true,
          callbacks: {
            beforeOpen: function () {
              $('body').css("overflow-y", "hidden");
            },
            close: function() {
              $('body').css("overflow-y", "auto");
            },
          },
        });
      });
      })(jQuery);
    </script>
      <?php
    }
    add_action( 'wp_footer', 'magnific_popup_with_no_scroll_and_button', 99 );

    then you can use both text links and buttons for your popup like in the example:
    Enfold_Support_4361.jpeg
    Enfold_Support_4363.jpeg

    Best regards,
    Mike

    #1429407

    In reply to: Pop-Up/LIghtbox

    Hey northorie,
    To create a text box popup add this code to the end of your child theme functions.php file in Appearance ▸ Editor:

    function magnific_popup_with_no_scroll() { ?>
      <script>
    (function($) {
      $(window).on('load', function(){
        $('.open-popup-link').addClass('no-scroll');
        $('.open-popup-link').magnificPopup({
          type:'inline',
          midClick: true,
          callbacks: {
            beforeOpen: function () {
              $('body').css("overflow-y", "hidden");
            },
            close: function() {
              $('body').css("overflow-y", "auto");
            },
          },
        });
      });
      })(jQuery);
    </script>
      <?php
    }
    add_action( 'wp_footer', 'magnific_popup_with_no_scroll', 99 );

    Then on the page you want the popup to show on add this into a code block:

    <div id="open-popup" class="popup mfp-hide">
    <p>PLACE CONTENT HERE</p>
    </div>

    change the “PLACE CONTENT HERE” text to suit your needs, including adding a image.
    Then add this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    .popup {
    position: relative;
    background: #FFF;
    padding: 20px;
    width: auto;
    max-width: 500px;
    margin: 20px auto;
    }

    Here is an example with a image in the popup:
    Enfold_Support_4334.jpeg

    Best regards,
    Mike

    #1426577

    Hi,

    Thank you for the update.

    1.) To add an alternate logo on scroll, please update the script with the following code.

    
    function custom_shrinking_sidebar_menu_script() { ?>
        <script>
      (function($) {
        $(document).ready(function () {
            if (window.innerWidth > 989) {
                var html = $('html');
                var header = $('#header');
                var main = $('#main');
                var logo = $('.logo a'); 
                var logo_alt = $('<img src="IMAGE_URL_HERE" class="av-logo-on-scroll" height="100" width="300" alt="Griegos Farms" title="">').appendTo(logo).hide();
                var burger = $('.html_header_sidebar #top div .av-burger-menu-main');
                var burger_icon = burger.find('.av-hamburger');
                var footer = $('.html_header_sidebar.html_header_left .av-curtain-footer.av-curtain-activated .av-curtain-footer-container');
                var menu = $('.responsive.html_header_sidebar #header .av-main-nav > li').not('.av-burger-menu-main, .av-active-burger-item');
      
                $(window).scroll(function () {
                  if ($(this).scrollTop() > 200) {
                    burger.show();
                    menu.hide();
                    logo_alt.show();
                    logo.hide();
                    header.css({'width': '120px', 'transition': 'all 1s ease'});
                    main.css({'margin-left': '120px', 'transition': 'all 1s ease'});
                    footer.css({ 'width': 'calc(100% - 120px)', 'margin-left': '121px'  });
                  } else {
                    if(burger_icon.hasClass('is-active') == false)
                    {
                        menu.show();
                        burger.hide();
                        logo_alt.hide();
                        logo.show();
                        html.css('overflow', 'auto');
                        header.css({'width': '300px', 'transition': 'all 1s ease'});
                        main.css({'margin-left': '300px', 'transition': 'all 1s ease'});
                        footer.css({ 'width': 'calc(100% - 300px)', 'margin-left': '301px'  });
                    }
                  }
                });
            } 
          });
      })(jQuery);
      </script>
        <?php
      }
      add_action('wp_footer', 'custom_shrinking_sidebar_menu_script', 99);
    

    Make sure to update the logo or image URL in this line.

    var logo_alt = $('<img src="IMAGE_URL_HERE" class="av-logo-on-scroll" height="100" width="300" alt="Griegos Farms" title="">').appendTo(logo).hide();
    

    2.) To center align the burger menu, please add this css code.

    @media only screen and (min-width: 989px) {
    
      /* Add your Desktop Styles here */
      #top .av-burger-menu-main.menu-item-avia-special a {
        text-align: center;
      }
    }

    2.5) :D

    Best regards,
    Ismael

    Hi Ismael!

    Thanks so much for the suggestion! That did the trick, i.e. replacing “auto” with “hidden” in that line. It hid both x & y scrollbars in Firefox & Safari, and the y scrollbar in Chrome. I don’t know why they started appearing now whereas months ago the “auto” there worked fine; but who am I to complain at this point, since I want to publish this website once and for all. All good.

    By the way, I don’t know why the scrollbar(s) only appeared for you on hover, and very thin, when for me in all browsers on the Mac & PC they appeared without hovering. Oh well, all’s well. You can close the thread.

    Thanks again,
    Gary

    Hi,

    Thank you for the update.

    Looks like the scrollbar is only visible on hover and it’s quite thin so we didn’t notice it at first; it might be due to this css code.

    .av-burger-overlay-active .av-burger-menu-main.menu-item-avia-special {
        overflow-y: auto;
    }

    You can set the overflow property to hidden to get rid of the scrollbar.

    Best regards,
    Ismael

    #1424816
    ramonolivencia
    Participant

    I have a couple of issues:

    1) When navigating on my webpage, I would like to have a Scroll Bar PERMANENTLY shown on all of my pages and products, including the Checkout page.

    2) When the webpage is automatically translated, via one of my plugins (Weglot), wherever I have bold or italic text, it sticks it too close to the previous or following words.

    Thanks!

    #1423176
    mustafa-alani
    Participant

    Hello,

    My homepage automatically scrolls up and down when reaching the sections (Why Us) and (Most Popular), even when I try keep the scroller between the two sections, I notice that it seems to shake in place, up and down.
    https://tar9et.com/

    Thanks

    #1422878

    Hello Ishmael,
    That’s great that you’re working on the problem. I just can’t understand why you don’t see what happens when you scroll up when you click on a tongle.
    when you enter the following in the browser:

    then scroll down to the section
    “Why train with us?
    10 reasons to become a roofer”

    and if you click on the first tap of the Accordion on the right, you can see that the page automatically jumps to the top of the page.

    And that’s the case on desktop and mobile

    You are welcome to deactivate the plugins to test

    #1422567

    Hi Mike,

    Yep a paid plugin but absolutely brilliant.
    It forms part of an advanced WooCommerce performance stack I am now using.

    WPScalability Pro and Auto Infinite Scroll are both by WP Intense and together make WooCommerce much faster. Particularly larger sites.

    Scalability Pro also speeds up Enfold and WordPress in general.

    There is an option in Scalability Pro to compliment Auto Infinite Scroll – Improving the load time of WooCommerce archive pages.

    You can close this issue. I have sent a link to the plugin developer informing them of the solution above.

    • This reply was modified 2 years, 2 months ago by thinkjarvis.
    #1422564

    Hi,
    Thank you for sharing your solution, it looks like Auto Infinite Scroll from WP Intense is a paid plugin, I didn’t find a free version for it, but I imagine that you have found it helpful due to the time you put into getting it to work with Enfold, thanks I’m sure others in the future will appreciate your effort. Do you want this thread to remain open to answer future questions, or shall we close it?

    Best regards,
    Mike

    #1422553

    Hi Gunter,

    For those looking to add auto infinite scroll from WP Intense to their Enfold site:

    Auto Infinite Scroll Settings:
    Set the distance to 1000px
    css wrapper: .products, .yourcustomclassfornewspage
    Pagination wrapper: .pagination
    Next Page Selector: next_page

    Css for the load more button: (plus hide the pagination on the blog page)

    #isw-load-more-button {
    border: none;
    padding: 20px 50px 20px 50px;
    background-color: #007a74;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    transition-duration: 1s;
    }
    #isw-load-more-button:hover {
    border: none;
    background-color: #39a6a1;
    color: #000000;
    }
    .yourcustomclassfornewspage .pagination {
    display:none !important;
    }

    Snippet for functions.php to insert the new CSS class to just the blog page:

        add_filter( 'avf_custom_main_classes', 'custom_avf_custom_main_classes', 10, 2 );
    	function custom_avf_custom_main_classes( $class_string = '', $context = 'index.php' )
    {
    	//	fallback check
    	if( ! is_string( $class_string ) )
    	{
    		$class_string = '';
    	}
    
    	// e.g. add custom class to index.php Make sure there is a space before the class!
    	if( 'index.php' == $context )
    	{
    		$class_string .= ' yourcustomclassfornewspage';
    	}
    	return $class_string;
    }
    • This reply was modified 2 years, 2 months ago by thinkjarvis.
    • This reply was modified 2 years, 2 months ago by thinkjarvis.
    • This reply was modified 2 years, 1 month ago by thinkjarvis.
    #1422069

    Topic: Lottie file on mobile

    in forum Enfold
    aussiedropbear
    Participant

    Hi,

    It’s been a while but have just discovered Lottie files and that Enfold has support for it. they remind me of the good old Flash animation files :) .

    I was playing around with the animated bouncing boxes you have and I can get it to do what I want when on the browser, which is to have it activated only on hover.

    However on mobile the Lottie animation automatically plays. Is there a way in which to have the image stay static or perhaps to have it play once scrolled into the viewport? Would be a great option to have.

    Thanks
    John

    #1421406

    thx a lot Ismael,
    as I am not a PHP expert, I am not 100% there. re. Syntax as well as re.” Where to add which code”

    My functions PHP reads now as follows:
    add_filter(“avf_contact_form_autoresponder_mail”, function($mail_array, $new_post, $form_params, $class) {
    $mail_array[“Message”] = “Hallo und guten Tag ” . $new_post[“1_1″] . ” ” . $new_post[“2_1”] . “!\n” . $mail_array[“Message”];

    return $mail_array;
    }, 10, 4);

    On my page below you find the draft contact form at the very end (pls scroll down to the bottom)

    The autoresponder mail looks like here: https://imgur.com/a/9IEcWOf
    My backend entries look this way: https://imgur.com/wPS4XOc

    -> How / where Do I need to enter the first 3 entry fields “Herr/Frau” Vorname” “Nachname” in a way that they appear after the “Hello…” at the beginning of the return mail?

    thank you very much in advance & best regards, Tilman

    #1420929
    This reply has been marked as private.
    #1420286

    Hi Gunter,
    Thank you for looking into this – I thought this might be the case.

    The problem is it is looking for a single selector (Unless I am mistaken). So I cannot populate the box in the plugin with a class containing more than one selector – Just comma seperated single selectors.

    So I will need to add a filter to add a class to <main> on line 34 in Main Template (index.php)
    OR
    If you are able to add a class to this like blogloop or something that has no other function I could use that to exclude. The worry is another dev will come and remove the css for not having a purpose at a later date so a filter would probably be better.

    This allows for full compatibility with Auto Infinite Scroll.

    This particular site is one of three extremely large ecommerce sites I am working on. Two of which have Auto Infinite Scroll installed to speed up index pages.

    Paginated pages dont get preloaded by WP-Rocket or appear on yoast sitemaps so this was a way to cache as many pages as possible within a 116,000 product store.

Viewing 30 results - 61 through 90 (of 1,269 total)