����JFIF�����%%��� }!1AQa"q2���#B��R��$3br� %&'()*456789:CDEFGHIJSTUVWXYZcdefghijstuvwxyz������������������������������������������������������������������������� w!1AQaq"2�B���� #3R�br� $4�%�&'()*56789:CDEFGHIJSTUVWXYZcdefghijstuvwxyz��������������������������������������������������������������������������?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z�����������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@����(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/���?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z�����������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@����(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/���?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z�����������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@����(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/���?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z�����������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@����(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/���?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z�����������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@����(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/���?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z�����������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@����(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/���?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z�����������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@����(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/���?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z�����������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@����(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/���?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z�����������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@����(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���V��Y|��O�������h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@��o�E��/�?��ߵE_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ ?�z�����������goڢ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?��=[�Qg�����o����Q@��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@����(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���V��Y�����[����TP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,���|-��v��(���� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�������;~��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@�������?�_�����j������ (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@��o�E��/�?��ߵE_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ ?�z�����������goڢ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?��=[�Qg�����o����Q@��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@����(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���V��Y�����[����TP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,���|-��v��(���� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�������;~��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@�������?�_�����j������ (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@��o�E��/�?��ߵE_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ ?�z�����������goڢ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?��=[�Qg�����o����Q@��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@����(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���V��Y�����[����TP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,��������ο�O�P��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/���?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z�����������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@����(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/���?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z�����������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@����(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/���?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z�����������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@����(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/���?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z�����������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@����(���g���Y������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���V��Y|����Y����UP��@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P����,�����,��u������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/���?��j���h�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� �@���o�E��?�?����ο�U_�P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@ _�z�����������g_ڪ�?��(�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (��?�/�=[�Qe�����g����U@��P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������k�w���~���v��������� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (�� (���տ�_�����:��T�~�@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@P@������/���?��j�?�5o�%��?��� g����U@�����&O3�����a�;�^=�wH���D��/��*� �fX�I���,������k?g_���?�5o�%��?��� g����U@�F�����������*������?�o�}��Τ~g��ʀ�#V��Y������~ο�T�j��K/� ������������z��������#;�~���A�;��� w�F�����������*���տ��_�@�o��5����EU������������u�誠��W��[�����������O��?jW���@��տ���@�o��5����EM������������v�訠�#V��Y�������������V��Zv��~����vw�~���c�Q@���,��~���kgo���?�5o�%��/��� o����Q@��o�%�>�ߤ���߳����S������?��o�%�~�ߠ�d�߳����S����g�P��j��K?� _������������[� g�D����[�;�TP7���������'Ѿ���=��;/�P��j��K?� _������������[� g�D����[�;�TP���,��~���kgo���a������۔���B{���ea�`T�+ �n%Ц �����j��K?� _������������[� g�D����[�;�TP���,��~���kgo����?���%�/�~�����#����x��c�~�q�v�t`ȫ��_'h���������'�]�;{s� Pp=N= 5���%�����ڜs�����=���J��A@�����Kp�b��}��X�����4g v+:�Բ�+60�ʩ,� @�����������I �uO�����ToUv��bgUl�cP�T?�#V��Y������������j��K?� _����������!��X��]���������TK�|4��`� ��#��P\y��aa >NgL��j��K?� _������������[� g�D����[�;�TP���,��~���kgo���o�F�����$��ہ�� ��vݞr6��S�q''*02���[� g�D����[�;�TP���,��~���kgo���?�5o�%��/��� o����Q@�F�����������*(��տ���@�o��5����EE������������v�訠��������~1�o���}G�L�������5o�%��/��� o����Q@�F�����������*(��տ���@�o��5����EE5����%�˷���r�v����y�\~���)(?0���=[� i����>��gc��N=����5o�%��/��� o����Q@�F�����������*(��W��Z�l����m#���X�wn_�j`0C6윅����5o�%��/��� o����Q@��տ��y9���gbO�G�5@�n�>���#V��Y������~ο�T��V��Y����9�gc��s�T.�?Z_��[� e�D����Y�:��UP���,������k?g_����_�=_� n�~~�rI������w�,"~ԓ�!72���)( u��#V��Y������~ο�T�j��K/� ��������������K
�����Kr_���}�De>~��Z=��pjX�n[p(�"� �a,Ub�/�×�<����;��<�����K>��o���[�:����V���,��$��ϧ�*�����5O����տ��_�@�o��5����EU5��o�%����?�ꜜm�_�;>Gbs�S�����@��տ��_�@�o��5����EU ��տ��}�~�����v?�������-��o�l��~�ȥ�v����r��B1���@��տ���A�?����ggP��c�S�`@%�*����տ��_�@�o��5����EU������������u�誠7���� O���!c�|0��ёv��4�+�X�Vx�RX3��8����K>��o���[�:���u#�x��#V��Y������~ο�T�j��K/� ������������[� e�D����Y�:��UP���,������k?g_���O��[� g�D����[�:��T��=_� k����~��k����c�;����.8����c��z��Ͽ�/��zc�o����F?Z_��[� e�D����Y�:��UP���,������k?g_���C���,�v����v�o���H������(�z���w�/�����v ��T.G��Ϡ���տ��_�@�o��5����EU������������u�誠��W��[��'����%��o���:�Cڕ�R̀���j���������?�o���[�;������g0q�?��o�%�>o�_��>�gf����~4�������������u�誠�z���7�/��o���������_��[� e�D����Y�:��UP���,������k?g_���C���,�|�����o��;�Ԟ��9�l�z��ؠ3|��O�X�~���;~�q����Z�F�����������*���տ��_�@�o��5����EU!��տ��}�~����-��G��I�T�������������u�誠�#V��Y������~ο�T�j��K/� ����������#�=_� n|���KbB�gtdM��"�ڒA#n�63�6�m�P�����,���/���gS�u����#�9��5o�%��?��� g����U@��o�%�o�_�����u��'�������?��o��� ���3��?go���|m�ڇ���-S�O��x��>���^�����7����x�]_�>�qke>���m��4��7P�Yހ��
0byt3m1n1
0byt3m1n1
Path:
/
hermes
/
bosweb
/
b744
/
trusswall.ca
/
flexstructurecom
/
history
/
[
Home
]
File: project-200602153009.mobirise_history
{ "settings": { "name": "Flex Structure", "currentPage": "delete.html", "theme": { "name": "simpleamp", "title": "SimpleAMP", "styling": { "primaryColor": "#40573c", "secondaryColor": "#ca4336", "successColor": "#40573c", "infoColor": "#e96188", "warningColor": "#fac769", "dangerColor": "#b2ccd2", "mainFont": "Didact Gothic", "display1Font": "Open Sans", "display1Size": 3.2, "display2Font": "Open Sans", "display2Size": 2.5, "display5Font": "Open Sans", "display5Size": 1.5, "display7Font": "Open Sans", "display7Size": 1, "display4Font": "Open Sans", "display4Size": 0.85, "isRoundedButtons": false, "isScrollToTopButton": true, "arrowColor": "#000000" }, "additionalSetColors": [ "#232323", "#40573c", "#8da462", "#efefef", "#a3835f" ] }, "path": "@PROJECT_PATH@", "versionFirst": "4.10.8", "siteFonts": [ { "css": "'Open Sans', sans-serif", "name": "Open Sans", "url": "https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i" } ], "uniqCompNum": 45, "versionPublish": "4.10.8", "screenshot": "screenshot.png", "robotsText": "User-agent: *\r\nDisallow: /cgi-bin\r\n", "robotsSwitcher": "", "siteUrl": "", "sitemapSwitcherAuto": "on", "favicon": "@PROJECT_PATH@/assets/images/flex-structure-128x15.png", "noImageResize": "", "sitemapSwitcher": "on", "google-analytics": "<!-- Global site tag (gtag.js) - Google Analytics -->\r\n<script async src=\"https://www.googletagmanager.com/gtag/js?id=UA-147843169-1\"></script>\r\n<script>\r\n window.dataLayer = window.dataLayer || [];\r\n function gtag(){dataLayer.push(arguments);}\r\n gtag('js', new Date());\r\n\r\n gtag('config', 'UA-147843169-1');\r\n</script>", "сanonical-url": "", "publishType": "local", "publishPath": "file:///C:/Users/User/Documents/Company%20Websites/Flexstructure.com/upload", "cleanCSS": true }, "pages": { "delete.html": { "settings": { "main": true, "title": "Home", "meta_descr": "", "header_custom": "", "footer_custom": "", "html_before": "" }, "components": [] }, "index.html": { "settings": { "title": "Flex Structure - Engineering and Design - Kelowna BC", "meta_descr": "We are an innovative, engineering and design company based in Kelowna, British Columbia. We create simplified solutions for complex housing and business problems using renewable materials in a unique way. \n", "header_custom": "", "footer_custom": "", "html_before": "", "order": 1 }, "components": [ { "alias": false, "_styles": { "background-color": "@menuBgColor", "overflow": "visible", ".navbar": { "background": "@menuBgColor" }, "section": { "padding": "0 !important" }, "section.menu, .menu-container": { "min-height": "50px !important" }, "& when not (@showBrand) and not (@showLogo)": { ".navbar > .container, .navbar > .container-fluid": { "justify-content": "flex-end !important" } }, "& when (@showLogo)": { ".navbar-brand": { ".navbar-logo": { "amp-img, img": { "width": "~\"@{logoWidth}px\"", "height": "~\"@{logoHeight}px\"", "object-fit": "contain" } } } }, "& when (@showBrand)": { ".navbar-caption": { "line-height": "inherit !important" } }, ".navbar .navbar-collapse": { "@media (max-width: 991px)": { "background": "@menuBgColor", "& when (@sidebarSide = 'left')": { "right": "auto", "left": "0" } } }, "& when (@showItems)": { ".nav-link": { "height": "70px", "margin": ".667em 1em !important", "margin-top": "0", "margin-bottom": "0", "padding": "0 !important", "transition": "0.3s", "&:hover": { "color": "@primaryColor" } }, ".dropdown-item.active, .dropdown-item:active": { "background-color": "transparent" }, ".dropdown-menu": { "margin-top": "0", "background": "@menuBgColor", "border-top": "2px solid @primaryColor", "box-shadow": "0 6px 12px rgba(0, 0, 0, 0.175)", "transition": "all 0.3s", ".dropdown-item": { "justify-content": "flex-start !important" }, ".dropdown-item:hover": { "padding-left": "40px" }, "a:hover": { "color": "@primaryColor" } } }, ".hamburger span": { "background-color": "@hamburgerColor" }, ".builder-sidebar": { "background-color": "@menuBgColor" }, ".close-sidebar": { "&:focus": { "outline": "2px auto @primaryColor" }, "span": { "background-color": "@hamburgerColor" } }, "& when (@showSocial)": { "& when (@showItems)": { ".menu-social-list": { "@media (min-width: 992px)": { "padding-left": "1rem" }, "@media (max-width: 991px)": { "padding-top": ".5rem" } } }, "& when (@showButtons)": { ".menu-social-list": { "@media (max-width: 991px)": { "padding-bottom": ".5rem" } } } }, ".iconfont-wrapper": { "height": "1.3rem", "width": "1.3rem", "display": "inline-block", ".amp-iconfont": { "vertical-align": "middle", "font-size": "1.3rem", "width": "1.3rem", "color": "@iconsColor" } }, ".btn": { "padding": "5px 30px" } }, "_name": "menu1", "_customHTML": "<section class=\"menu1 menu horizontal-menu\" group=\"Menu\" plugins=\"DropDown, amp-main, amp-sidebar\" always-top global once=\"menu\">\n\t<mbr-parameters>\n\t<!-- Block parameters controls (Blue \"Gear\" panel) -->\n\t<!-- -->\n\t<header>Size</header>\n\t<input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\" checked>\n\t<input type=\"checkbox\" title=\"Sticky Position\" name=\"sticky\" checked>\n\t<!-- -->\n\t<header>Show/Hide</header>\t\n\t<input type=\"checkbox\" title=\"Show Logo\" name=\"showLogo\" checked>\n\t<input type=\"range\" title=\"Logo Height\" inline name=\"logoHeight\" min=\"30\" max=\"200\" value=\"59\" step=\"1\" condition=\"showLogo\">\n\t<input type=\"range\" title=\"Logo Width\" inline name=\"logoWidth\" min=\"30\" max=\"200\" value=\"200\" step=\"1\" condition=\"showLogo\">\n\t<input type=\"checkbox\" title=\"Show Brand Name\" name=\"showBrand\">\n\t<input type=\"checkbox\" title=\"Show Menu Items\" name=\"showItems\" checked>\n\t<input type=\"checkbox\" title=\"Show Button(s)\" name=\"showButtons\">\n\t<header>Icons</header>\n\t<input type=\"checkbox\" title=\"Show Social\" name=\"showSocial\" checked>\n\t<input type=\"range\" inline title=\"Icons Count\" name=\"socialCount\" min=\"1\" max=\"6\" value=\"3\" step=\"1\" condition=\"showSocial\">\n\t<input type=\"color\" title=\"Icons Color\" name=\"iconsColor\" value=\"#40573c\">\n\t<header>Sidebar</header>\n\t<select title=\"Side\" name=\"sidebarSide\">\n\t\t<option value=\"left\">Left</option>\n\t\t<option value=\"right\" selected>Right</option>\n\t</select>\n\t<input type=\"color\" title=\"Hamburger Color\" name=\"hamburgerColor\" value=\"#40573c\">\n\t<header>Background</header>\n\t<input type=\"color\" title=\"Background Color\" name=\"menuBgColor\" value=\"#efefef\" required>\n\t<!-- End block parameters -->\n\t</mbr-parameters>\n\t<!-- <div class=\"menu-wrapper\"> -->\n\t<nav class=\"navbar navbar-dropdown navbar-expand-lg navbar-short\" mbr-class=\"{'navbar-fixed-top': sticky}\">\n\t\t<div class=\"menu-container\" mbr-class=\"{'container': !fullWidth,\n\t\t\t\t\t\t'container-fluid': fullWidth,\n\t\t\t\t\t\t'mbr-jc-e': !showLogo && !showBrand}\">\n\t\t\t<!-- SHOW LOGO -->\n\t\t\t<div class=\"navbar-brand\" mbr-if=\"showLogo || showBrand\">\n\t\t\t\t<div mbr-if=\"showLogo\" class=\"navbar-logo\">\n\t\t\t\t\t<amp-img src=\"@PROJECT_PATH@/assets/images/flex-structure-400x45.png\" layout=\"responsive\" height=\"59\" width=\"524.4444444444445\" alt=\"Engineered modular composite structures\" class=\"mobirise-loader\" title=\"Flex Structure Kelowna\">\n\t\t\t\t\t\t<div placeholder class=\"placeholder\"></div>\n\t\t\t\t\t\t<a href=\"#top\"><img class=\"mbr-temp\" src=\"@PROJECT_PATH@/assets/images/flex-structure-400x45.png\" alt=\"Engineered modular composite structures\" title=\"Flex Structure Kelowna\"></a>\n\t\t\t\t\t</amp-img>\n\t\t\t\t</div>\n\t\t\t\t<span mbr-if=\"showBrand\" mbr-buttons mbr-theme-style=\"display-5\" class=\"navbar-caption-wrap\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd,-mbrBtnRemove\">\n\t\t\t\t\t<a class=\"navbar-caption mbr-bold text-black\" data-app-selector=\".navbar-caption\" href=\"#\" mbr-link-type=\"name\">Minimal</a>\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t\t<!-- SHOW LOGO END -->\n\t\t\t<!-- COLLAPSED MENU -->\n\t\t\t<div class=\"collapse navbar-collapse\" id=\"navbarSupportedContent\">\n\t\t\t\t<button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-target=\"#navbarSupportedContent\" aria-controls=\"navbarNavAltMarkup\" aria-expanded=\"false\" aria-label=\"Toggle navigation\" mbr-if=\"showItems || showSocial || showButtons\">\n\t\t\t\t<div class=\"hamburger\">\n\t\t\t\t\t<span></span>\n\t\t\t\t\t<span></span>\n\t\t\t\t\t<span></span>\n\t\t\t\t\t<span></span>\n\t\t\t\t</div>\n\t\t\t\t</button>\n\t\t\t\t<!-- NAVBAR ITEMS -->\n\t\t\t\t<ul mbr-menu class=\"navbar-nav nav-dropdown\" mbr-theme-style=\"display-4\" mbr-if=\"showItems\" mbr-class=\"{'nav-right': !showButtons,'navbar-nav-top-padding': isPublish && !showBrand && !showLogo}\"><li class=\"nav-item\"><a class=\"nav-link mbr-bold link text-black\" href=\"index.html#features6-16\" data-app-selector=\".nav-link,.dropdown-item\" aria-expanded=\"false\" data-app-placeholder=\"Type Text\">News</a></li><li class=\"nav-item\">\n\t\t\t\t\t\t<a class=\"nav-link mbr-bold link text-black\" href=\"index.html#features2-14\" data-app-selector=\".nav-link,.dropdown-item\" aria-expanded=\"false\" data-app-placeholder=\"Type Text\">Mission</a>\n\t\t\t\t\t\t\n\t\t\t\t\t</li><li class=\"nav-item\"><a class=\"nav-link mbr-bold link text-black\" href=\"index.html#features4-16\" data-app-selector=\".nav-link,.dropdown-item\" aria-expanded=\"false\" data-app-placeholder=\"Type Text\">Philosophy</a></li><li class=\"nav-item\"><a class=\"nav-link mbr-bold link text-black\" href=\"index.html#features1-1h\" data-app-selector=\".nav-link,.dropdown-item\" aria-expanded=\"false\" data-app-placeholder=\"Type Text\">Team</a></li><li class=\"nav-item\"><a class=\"nav-link mbr-bold link text-black\" href=\"index.html#features9-14\" data-app-selector=\".nav-link,.dropdown-item\" aria-expanded=\"false\" data-app-placeholder=\"Type Text\">Problem and Solution</a></li>\n\t\t\t\t\t<li class=\"nav-item\">\n\t\t\t\t\t\t<a class=\"nav-link mbr-bold link text-black\" href=\"index.html#gallery1-1a\" data-app-selector=\".nav-link,.dropdown-item\" aria-expanded=\"false\" data-app-placeholder=\"Type Text\">Flex Structures <br></a>\n\t\t\t\t\t\t\n\t\t\t\t\t</li>\n\t\t\t\t\t<li class=\"nav-item\">\n\t\t\t\t\t\t<a class=\"nav-link mbr-bold link text-black\" href=\"index.html#formbuilder-18\" data-app-selector=\".nav-link,.dropdown-item\" aria-expanded=\"false\" data-app-placeholder=\"Type Text\">Contact Us<br></a>\n\t\t\t\t\t\t\n\t\t\t\t\t</li></ul>\n\t\t\t\t<!-- NAVBAR ITEMS END -->\n\t\t\t\t<!-- SOCIAL ICON -->\n\t\t\t\t<div class=\"menu-social-list\" mbr-if=\"showSocial\" mbr-list mbr-list-grow=\"socialCount\" mbr-link-type=\"socials\">\n \n\t\t\t\t\t<a href=\"https://www.facebook.com/flexwall.ca/\" target=\"_blank\" class=\"iconfont-wrapper\">\n\t\t\t\t\t\t<span mbr-icon class=\"amp-iconfont animation-normal fa-facebook-square fa\"></span>\n\t\t\t\t\t</a>\n \n \n \n \n \n \n \n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t<a href=\"https://www.youtube.com/channel/UCubYTr33FI0C8wWz4jegH9w/\" target=\"_blank\" class=\"iconfont-wrapper\">\n\t\t\t\t\t\t<span mbr-icon class=\"amp-iconfont animation-normal fa-youtube-play fa\"></span>\n\t\t\t\t\t</a><a href=\"https://www.instagram.com/flexwalls/\" target=\"_blank\" class=\"iconfont-wrapper\">\n\t\t\t\t\t\t<span mbr-icon class=\"amp-iconfont animation-normal fa-instagram fa\"></span>\n\t\t\t\t\t</a></div>\n\t\t\t\t<!-- SOCIAL ICON END -->\n\t\t\t\t<!-- SHOW BUTTON -->\n\t\t\t\t<div mbr-if=\"showButtons\" mbr-buttons mbr-theme-style=\"display-7\" class=\"navbar-buttons mbr-section-btn\">\n\t\t\t\t\t<a class=\"btn btn-md btn-black mbr-bold\" href=\"#\">Join us</a>\n\t\t\t\t</div>\n\t\t\t\t<!-- SHOW BUTTON END -->\n\t\t\t</div>\n\t\t\t<!-- COLLAPSED MENU END -->\n\t\t\t<button class=\"navbar-toggler hide\" type=\"button\" data-toggle=\"collapse\" data-target=\"#navbarSupportedContent\" aria-controls=\"navbarNavAltMarkup\" aria-expanded=\"false\" aria-label=\"Toggle navigation\" mbr-if=\"showItems || showSocial || showButtons\">\n\t\t\t<div class=\"hamburger\">\n\t\t\t\t<span></span>\n\t\t\t\t<span></span>\n\t\t\t\t<span></span>\n\t\t\t\t<span></span>\n\t\t\t</div>\n\t\t\t</button>\n\t\t\t<button on=\"tap:sidebar.toggle\" class=\"ampstart-btn hamburger\" mbr-if=\"(showItems||showButtons)\">\n\t\t\t\t<span></span>\n\t\t\t\t<span></span>\n\t\t\t\t<span></span>\n\t\t\t\t<span></span>\n\t\t\t</button>\n\t\t</div>\n\t</nav>\n\t<!-- AMP plug -->\n\t<amp-sidebar id=\"sidebar\" layout=\"nodisplay\" side=\"{{sidebarSide}}\">\n\t\t<div class=\"builder-sidebar\" id=\"builder-sidebar\">\n\t\t\t<button on=\"tap:sidebar.close\" class=\"close-sidebar\">\n\t\t\t<span></span>\n\t\t\t<span></span>\n\t\t\t</button>\n\t\t</div>\n\t</amp-sidebar>\n\t<!-- </div> -->\n</section>", "_cid": "rBMBjrhcRk", "_anchor": "menu1-12", "_PHPplaceholders": [], "_JSplaceholders": [], "_protectedParams": [], "_global": true, "_once": "menu", "_params": {} }, { "alias": false, "_styles": { "& when not (@fullScreen)": { "padding-top": "(@paddingTop * 1rem)", "padding-bottom": "(@paddingBottom * 1rem)" }, "& when (@bg-type = 'image')": { "background-image": "url(@bg-value)", "& when (@overlay)": { ".mbr-overlay": { "background": "@overlayColor", "opacity": "@overlayOpacity" } } }, "& when (@bg-type = 'color')": { "background-color": "@bg-value" }, "align-items": "center", "display": "flex", ".btn": { "padding": "5px 50px" } }, "_name": "header1", "_customHTML": "<section class=\"header1\" group=\"Headers\" mbr-class=\"{'mbr-fullscreen': fullScreen}\" plugins=\"amp-main\">\n <mbr-parameters>\n <!-- Block parameters controls (Blue \"Gear\" panel) -->\n <header>Size</header>\n <input type=\"checkbox\" title=\"Full Screen\" name=\"fullScreen\" checked>\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"15\" step=\"1\" value=\"10\" condition=\"fullScreen == false\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"15\" step=\"1\" value=\"10\" condition=\"fullScreen == false\">\n <input type=\"checkbox\" name=\"halfSize\" title=\"Half Size\">\n <select title=\"Align\" name=\"alignHalf\" condition=\"halfSize\">\n <option value=\"1\" selected>Left</option>\n <option value=\"2\">Center</option>\n <option value=\"3\">Right</option>\n </select>\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\" checked>\n <input type=\"checkbox\" title=\"Text\" name=\"showText\" checked>\n <input type=\"checkbox\" title=\"Buttons\" name=\"showButtons\" checked>\n <select title=\"Align\" name=\"alignTitle\" condition=\"showTitle || showSubtitle || showText || showButtons\">\n <option value=\"1\">Left</option>\n <option value=\"2\">Center</option>\n <option value=\"3\" selected>Right</option>\n </select>\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" required>\n <input type=\"image\" title=\"Background Image\" value=\"@PROJECT_PATH@/assets/images/background-mission-2000x1362.jpg\" selected>\n <input type=\"color\" title=\"Background Color\" value=\"#ffffff\">\n </fieldset>\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#ffffff\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.3\" condition=\"overlay && bg.type !== 'color'\">\n <!-- End block parameters -->\n </mbr-parameters>\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\"></div>\n <div mbr-class=\"{'container':!fullWidth,\n 'container-fluid': fullWidth}\">\n <div class=\"mbr-row\" mbr-class=\"{'align-left': alignTitle==1,\n 'align-center': alignTitle==2,\n 'align-right': alignTitle==3,\n 'mbr-jc-c':alignHalf==2,\n 'mbr-jc-e':alignHalf==3}\" mbr-if=\"showTitle || showSubtitle || showText || showButtons\">\n <div class=\"title-block mbr-col-sm-12 mbr-col-md-12\" mbr-class=\"{'mbr-col-lg-6': halfSize,\n 'mbr-col-lg-12': !halfSize}\">\n <h1 class=\"mbr-section-title mbr-fonts-style mbr-bold\" mbr-theme-style=\"display-1\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title, .mbr-section-btn\"><span style=\"font-weight: normal;\">Flex Structure</span></h1>\n <h2 class=\"mbr-section-subtitle mbr-fonts-style\" mbr-class=\"{'mbr-pt-3': showTitle}\" mbr-theme-style=\"display-2\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle, .mbr-section-btn\">modular • composite • structures\n</h2>\n <p class=\"mbr-text mbr-fonts-style\" mbr-class=\"{'mbr-pt-2': showTitle || showSubtitle}\" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".mbr-section-btn, .mbr-text\">\"Good buildings come from good people, and all problems are solved by good design.\" [ Stephen Gardiner ]</p>\n <div mbr-buttons class=\"mbr-section-btn\" mbr-class=\"{'mbr-pt-4':showSubtitle||showTitle||showText}\" mbr-theme-style=\"display-7\" data-toolbar=\"-mbrBtnMove\" mbr-if=\"showButtons\"><a class=\"btn-primary btn\" data-app-placeholder=\"Type Text\" href=\"index.html#features2-14\">Our Mission</a></div>\n </div>\n </div>\n </div>\n</section>", "_cid": "rBMBjsEbZ9", "_anchor": "header1-13", "_protectedParams": [], "_global": false, "_once": false, "_params": {} }, { "alias": false, "_styles": { "padding-top": "(@paddingTop * 1rem)", "padding-bottom": "(@paddingBottom * 1rem)", "& when (@bg-type = 'color')": { "background-color": "@bg-value" }, "& when (@bg-type = 'image')": { "background-image": "url(@bg-value)", ".mbr-overlay": { "background-color": "@overlayColor", "opacity": "@overlayOpacity" } }, ".card-box": { "width": "100%", "background-color": "@cardBg", "transition": "0.5s", "&:hover": { "transform": "translateY(-15px)", "box-shadow": "0 25px 45px rgba(0, 0, 0, 0.2)", ".iconfont-wrapper": { "transform": "translateY(-15px)" } } }, ".card-box-wrapper": { "margin-bottom": "2rem" }, ".text-box": { "position": "relative", "padding": "50px", "@media (max-width: 767px)": { "padding": "2rem" } }, ".iconfont-wrapper": { "position": "absolute", "right": "20px", "top": "-40px", "display": "inline-flex", "width": "5rem", "height": "5rem", "justify-content": "center", "align-items": "center", "background-color": "@iconsBg", "border-radius": "50px", "padding": "0.5rem", "transition": "0.5s", "&:hover": { "transform": "rotate(45deg)" } }, ".amp-iconfont": { "font-size": "2rem", "width": "2rem", "color": "white", "vertical-align": "middle" }, ".mbr-ai-c": { "align-items": "center" } }, "_name": "features6", "_customHTML": "<section class=\"features6\" group=\"Article\" plugins=\"amp-main\">\n <mbr-parameters>\n <header>Size</header>\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"5\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"5\">\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\" checked>\n <input type=\"checkbox\" title=\"Row/Column\" name=\"flexDirection\" checked>\n <header>Title</header>\n <input type=\"checkbox\" title=\"Show Title\" name=\"showTitle\" checked>\n <input type=\"checkbox\" title=\"Show Subtitle\" name=\"showSubtitle\">\n <select title=\"Align\" name=\"titleAlign\" condition=\"showTitle || showSubtitle\">\n <option value=\"1\">Left</option>\n <option value=\"2\" selected>Center</option>\n <option value=\"3\">Right</option>\n </select>\n <header>Cards</header>\n <input type=\"range\" inline title=\"Cards Count\" name=\"cardsCount\" min=\"1\" max=\"6\" step=\"1\" value=\"3\" required>\n <select title=\"Align\" name=\"cardsAlign\">\n <option value=\"1\" selected>Left</option>\n <option value=\"2\">Center</option>\n <option value=\"3\">Right</option>\n </select>\n <!-- --> \n <input type=\"checkbox\" title=\"Show Title\" name=\"showCardsTitle\" checked>\n <input type=\"checkbox\" title=\"Show Text\" name=\"showCardsText\" checked>\n <input type=\"checkbox\" title=\"Show Links\" name=\"showCardsLinks\" checked>\n <input type=\"checkbox\" title=\"Show Icons\" name=\"showIcons\">\n <input type=\"color\" title=\"Icons BG\" name=\"iconsBg\" value=\"#56bdbd\" condition=\"showIcons\">\n <input type=\"color\" title=\"Color\" name=\"cardBg\" value=\"#ffffff\">\n <!-- -->\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" required>\n <input type=\"color\" title=\"Background Color\" value=\"#f6f9f8\" selected>\n <input type=\"image\" title=\"Background Image\" value=\"../_images/background3.jpg\">\n </fieldset>\n <!-- -->\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type !== 'color'\">\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#efefef\" condition=\"overlay && bg.type == 'image'\">\n <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.5\" condition=\"overlay && bg.type == 'image'\">\n </mbr-parameters>\n\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\"></div>\n <div mbr-class=\"{'container':!fullWidth,\n 'container-fluid':fullWidth}\">\n <div class=\"mbr-row mbr-jc-c mbr-pb-5\" mbr-class=\"{'align-center': titleAlign==2,\n 'align-right': titleAlign==3}\">\n <div class=\"mbr-col-sm-12 mbr-col-md-12 mbr-col-lg-12 mbr-pb-4\" mbr-if=\"showTitle\">\n <h3 class=\"mbr-fonts-style mbr-bold text-upper line-title\" mbr-theme-style=\"display-5\">NEWS</h3>\n </div>\n <div class=\"mbr-col-sm-12 mbr-col-md-12 mbr-col-lg-12\" mbr-if=\"showSubtitle\">\n <p class=\"mbr-fonts-style\" mbr-theme-style=\"display-7\">Share announcements on Flex Structures products.</p>\n </div>\n </div>\n <div class=\"mbr-row mbr-jc-c mbr-ai-c\" mbr-class=\"{'mbr-column': !flexDirection}\" mbr-if=\"showCardsTitle || showCardsSubtitle || showCardsText || showCardsButtons || checkImages\">\n <div class=\"mbr-col-sm-12 mbr-col-md-6 mbr-col-lg-4\" mbr-class=\"{'mbr-col-lg-6': cardsCount == 2,\n 'mbr-col-lg-12': cardsCount == 1 || !flexDirection}\">\n <div class=\"card-box-wrapper\">\n <div class=\"card-box\" mbr-class=\"{'align-center': cardsAlign==2,\n 'align-right': cardsAlign==3}\">\n <div class=\"img-box\">\n <amp-img class=\"mobirise-loader\" src=\"@PROJECT_PATH@/assets/images/trusscore_news-488x632.jpg\" layout=\"responsive\" height=\"1056\" width=\"815.3924050632911\" alt=\"image\">\n <div placeholder class=\"placeholder\"></div>\n <img class=\"mbr-temp\" src=\"@PROJECT_PATH@/assets/images/trusscore_news-488x632.jpg\" alt title>\n </amp-img>\n </div>\n <div class=\"text-box\">\n <div class=\"iconfont-wrapper\" mbr-if=\"showIcons\">\n <span mbr-icon class=\"amp-iconfont animation-normal mbri-success\"></span>\n </div>\n <h4 class=\"mbr-fonts-style mbr-bold mbr-pb-2 custom-card-title\" mbr-theme-style=\"display-5\" mbr-if=\"showCardsTitle\" data-app-selector=\".custom-card-title\">Sustainable Building Materials</h4>\n <p class=\"mbr-fonts-style mbr-pb-2 custom-card-text\" mbr-theme-style=\"display-7\" mbr-if=\"showCardsText\" data-app-selector=\".custom-card-text\">Flex Structure is an authorized distributor of Trusscore products in Western Canada. Trusscore PVC wall and ceiling boards are an ideal drywall replacement providing a smooth surface that is resistant to scratches, bacteria, chemicals, mold, and moisture.\n<br>\n<br>Trusscore panels provide a lightweight, affordable and highly durable solution for any residential, commercial, industrial and agricultural application.<br><br></p>\n <div class=\"custom-link link mbr-fonts-style mbr-bold mbr-black\" mbr-text mbr-theme-style=\"display-7\" mbr-if=\"showCardsLinks\" data-app-selector=\".custom-link\"><a href=\"assets/files/Trusscore_Brochure_Kelowna.pdf\" target=\"_blank\">\n Brochure</a></div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"mbr-col-sm-12 mbr-col-md-6 mbr-col-lg-4\" mbr-class=\"{'mbr-col-lg-6': cardsCount == 2,\n 'mbr-col-lg-12': !flexDirection}\" mbr-if=\"cardsCount > 1\">\n <div class=\"card-box-wrapper\">\n <div class=\"card-box\" mbr-class=\"{'align-center': cardsAlign==2,\n 'align-right': cardsAlign==3}\">\n <div class=\"img-box\">\n <amp-img class=\"mobirise-loader\" src=\"@PROJECT_PATH@/assets/images/tempwall_news-584x757.jpg\" layout=\"responsive\" height=\"1057\" width=\"815.4398943196829\" alt=\"image\">\n <div placeholder class=\"placeholder\"></div>\n <img class=\"mbr-temp\" src=\"@PROJECT_PATH@/assets/images/tempwall_news-584x757.jpg\" alt title>\n </amp-img>\n </div>\n <div class=\"text-box\">\n <div class=\"iconfont-wrapper\" mbr-if=\"showIcons\">\n <span mbr-icon class=\"amp-iconfont animation-normal mbri-success\"></span>\n </div>\n <h4 class=\"mbr-fonts-style mbr-bold mbr-pb-2 custom-card-title\" mbr-theme-style=\"display-5\" mbr-if=\"showCardsTitle\" data-app-selector=\".custom-card-title\">TempWalls in Western Canada</h4>\n <p class=\"mbr-fonts-style mbr-pb-2 custom-card-text\" mbr-theme-style=\"display-7\" mbr-if=\"showCardsText\" data-app-selector=\".custom-card-text\">A hospital-grade, temporary modular wall system that is quick and easy to install, re-configure, and remove.\n<br>\n<br>As the economy begins to reopen, keeping you and your teams both safe and healthy is extremely important.<br><br><br><br><br><br><br></p>\n <div class=\"custom-link link mbr-fonts-style mbr-bold mbr-black\" mbr-text mbr-theme-style=\"display-7\" mbr-if=\"showCardsLinks\" data-app-selector=\".custom-link\"><a href=\"assets/files/TempWall_Brochure_Kelowna.pdf\" target=\"_blank\">Brochure</a> | <a href=\"assets/files/TempWall_Installation_Guide_Kelowna.pdf\" target=\"_blank\">Installation Guide</a></div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"mbr-col-sm-12 mbr-col-md-6 mbr-col-lg-4\" mbr-class=\"{'mbr-col-lg-12': !flexDirection}\" mbr-if=\"cardsCount > 2\">\n <div class=\"card-box-wrapper\">\n <div class=\"card-box\" mbr-class=\"{'align-center': cardsAlign==2,\n 'align-right': cardsAlign==3}\">\n <div class=\"img-box\">\n <amp-img class=\"mobirise-loader\" src=\"@PROJECT_PATH@/assets/images/flexwall_news-532x689.jpg\" layout=\"responsive\" height=\"1056\" width=\"815.3730043541364\" alt=\"image\">\n <div placeholder class=\"placeholder\"></div>\n <img class=\"mbr-temp\" src=\"@PROJECT_PATH@/assets/images/flexwall_news-532x689.jpg\" alt title>\n </amp-img>\n </div>\n <div class=\"text-box\">\n <div class=\"iconfont-wrapper\" mbr-if=\"showIcons\">\n <span mbr-icon class=\"amp-iconfont animation-normal mbri-success\"></span>\n </div>\n <h4 class=\"mbr-fonts-style mbr-bold mbr-pb-2 custom-card-title\" mbr-theme-style=\"display-5\" mbr-if=\"showCardsTitle\" data-app-selector=\".custom-card-title\">Flex Wall</h4>\n <p class=\"mbr-fonts-style mbr-pb-2 custom-card-text\" mbr-theme-style=\"display-7\" mbr-if=\"showCardsText\" data-app-selector=\".custom-card-text\">The world is facing a major challenge with Covid-19. In response FLEX Structure is making FLEX Walls. Designed to keep people safe by creating a temporary boundary between workers and customers.<br><br><br><br><br><br><br><br><br></p>\n <div class=\"custom-link link mbr-fonts-style mbr-bold mbr-black\" mbr-text mbr-theme-style=\"display-7\" mbr-if=\"showCardsLinks\" data-app-selector=\".custom-link\"><a href=\"https://flexwall.ca/\" target=\"_blank\">FlexWalls.ca</a></div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"mbr-col-sm-12 mbr-col-md-6 mbr-col-lg-4\" mbr-class=\"{'mbr-col-lg-12': !flexDirection}\" mbr-if=\"cardsCount > 3\">\n <div class=\"card-box-wrapper\">\n <div class=\"card-box\" mbr-class=\"{'align-center': cardsAlign==2,\n 'align-right': cardsAlign==3}\">\n <div class=\"img-box\">\n <amp-img class=\"mobirise-loader\" src=\"@THEME_PATH@/components/_images/background1.jpg\" layout=\"responsive\" height=\"100\" width=\"148.49187935034803\" alt=\"image\">\n <div placeholder class=\"placeholder\"></div>\n <img class=\"mbr-temp\" src=\"@THEME_PATH@/components/_images/background1.jpg\" alt>\n </amp-img>\n </div>\n <div class=\"text-box\">\n <div class=\"iconfont-wrapper\" mbr-if=\"showIcons\">\n <span mbr-icon class=\"amp-iconfont animation-normal mbri-success\"></span>\n </div>\n <h4 class=\"mbr-fonts-style mbr-bold mbr-pb-2 custom-card-title\" mbr-theme-style=\"display-5\" mbr-if=\"showCardsTitle\" data-app-selector=\".custom-card-title\">Title</h4>\n <p class=\"mbr-fonts-style mbr-pb-2 custom-card-text\" mbr-theme-style=\"display-7\" mbr-if=\"showCardsText\" data-app-selector=\".custom-card-text\">Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio alias repellendus architecto. Soluta neque officia hic corrupti sapiente inventore autem.</p>\n <div class=\"custom-link link mbr-fonts-style mbr-bold mbr-black\" mbr-text mbr-theme-style=\"display-7\" mbr-if=\"showCardsLinks\" data-app-selector=\".custom-link\">\n <a href=\"#\" class=\"text-black\">Read More</a></div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"mbr-col-sm-12 mbr-col-md-6 mbr-col-lg-4\" mbr-class=\"{'mbr-col-lg-12': !flexDirection}\" mbr-if=\"cardsCount > 4\">\n <div class=\"card-box-wrapper\">\n <div class=\"card-box\" mbr-class=\"{'align-center': cardsAlign==2,\n 'align-right': cardsAlign==3}\">\n <div class=\"img-box\">\n <amp-img class=\"mobirise-loader\" src=\"@THEME_PATH@/components/_images/background1.jpg\" layout=\"responsive\" height=\"100\" width=\"148.49187935034803\" alt=\"image\">\n <div placeholder class=\"placeholder\"></div>\n <img class=\"mbr-temp\" src=\"@THEME_PATH@/components/_images/background1.jpg\" alt>\n </amp-img>\n </div>\n <div class=\"text-box\">\n <div class=\"iconfont-wrapper\" mbr-if=\"showIcons\">\n <span mbr-icon class=\"amp-iconfont animation-normal mbri-success\"></span>\n </div>\n <h4 class=\"mbr-fonts-style mbr-bold mbr-pb-2 custom-card-title\" mbr-theme-style=\"display-5\" mbr-if=\"showCardsTitle\" data-app-selector=\".custom-card-title\">Title</h4>\n <p class=\"mbr-fonts-style mbr-pb-2 custom-card-text\" mbr-theme-style=\"display-7\" mbr-if=\"showCardsText\" data-app-selector=\".custom-card-text\">Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio alias repellendus architecto. Soluta neque officia hic corrupti sapiente inventore autem.</p>\n <div class=\"custom-link link mbr-fonts-style mbr-bold mbr-black\" mbr-text mbr-theme-style=\"display-7\" mbr-if=\"showCardsLinks\" data-app-selector=\".custom-link\">\n <a href=\"#\" class=\"text-black\">Read More</a></div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"mbr-col-sm-12 mbr-col-md-6 mbr-col-lg-4\" mbr-class=\"{'mbr-col-lg-12': !flexDirection}\" mbr-if=\"cardsCount > 5\">\n <div class=\"card-box-wrapper\">\n <div class=\"card-box\" mbr-class=\"{'align-center': cardsAlign==2,\n 'align-right': cardsAlign==3}\">\n <div class=\"img-box\">\n <amp-img class=\"mobirise-loader\" src=\"@THEME_PATH@/components/_images/background1.jpg\" layout=\"responsive\" height=\"100\" width=\"148.49187935034803\" alt=\"image\">\n <div placeholder class=\"placeholder\"></div>\n <img class=\"mbr-temp\" src=\"@THEME_PATH@/components/_images/background1.jpg\" alt>\n </amp-img>\n </div>\n <div class=\"text-box\">\n <div class=\"iconfont-wrapper\" mbr-if=\"showIcons\">\n <span mbr-icon class=\"amp-iconfont animation-normal mbri-success\"></span>\n </div>\n <h4 class=\"mbr-fonts-style mbr-bold mbr-pb-2 custom-card-title\" mbr-theme-style=\"display-5\" mbr-if=\"showCardsTitle\" data-app-selector=\".custom-card-title\">Title</h4>\n <p class=\"mbr-fonts-style mbr-pb-2 custom-card-text\" mbr-theme-style=\"display-7\" mbr-if=\"showCardsText\" data-app-selector=\".custom-card-text\">Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio alias repellendus architecto. Soluta neque officia hic corrupti sapiente inventore autem.</p>\n <div class=\"custom-link link mbr-fonts-style mbr-bold mbr-black\" mbr-text mbr-theme-style=\"display-7\" mbr-if=\"showCardsLinks\" data-app-selector=\".custom-link\">\n <a href=\"#\" class=\"text-black\">Read More</a></div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>", "_cid": "rZL6JG7mzN", "_anchor": "features6-16", "_protectedParams": [], "_global": false, "_once": false, "_params": {} }, { "alias": false, "_styles": { "padding-top": "(@paddingTop * 1rem)", "padding-bottom": "(@paddingBottom * 1rem)", "& when (@bg-type = 'color')": { "background-color": "@bg-value" }, "& when (@bg-type = 'image')": { "background-image": "url(@bg-value)", ".mbr-overlay": { "background-color": "@overlayColor", "opacity": "@overlayOpacity" } }, ".card-box-wrapper": { "height": "100%" }, ".card-box1": { "padding": "50px", "background-color": "@card1Bg", "@media (max-width: 767px)": { "padding": "20px" }, "@media (max-width: 991px)": { "margin-bottom": "2rem" } }, ".card-box2": { "display": "flex", "align-items": "center", "height": "100%", "padding": "50px", "background-color": "@card2Bg", "@media (max-width: 767px)": { "padding": "30px" } }, "& when (@reverseCards)": { ".order-col-1": { "order": "2" }, ".order-col-2": { "order": "1" }, ".card-box1": { "@media (max-width: 991px)": { "margin-top": "2rem" } } }, ".custom-text P": { "text-align": "left" }, ".custom-text": { "color": "#000000" } }, "_name": "features2", "_customHTML": "<section class=\"features2\" group=\"Article\" plugins=\"amp-main\">\n <mbr-parameters>\n <header>Size</header>\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"10\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"10\">\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n <input type=\"checkbox\" title=\"Row/Column\" name=\"flexDirection\" checked>\n <input type=\"checkbox\" title=\"Reverse Cards\" name=\"reverseCards\">\n <!-- -->\n <header>Title</header>\n <input type=\"checkbox\" title=\"Show Title\" name=\"showTitle\">\n <input type=\"checkbox\" title=\"Show Subtitle\" name=\"showSubtitle\">\n <select title=\"Align\" name=\"titleAlign\" condition=\"showTitle || showSubtitle\">\n <option value=\"1\">Left</option>\n <option value=\"2\" selected>Center</option>\n <option value=\"3\">Right</option>\n </select>\n <header>Card 1</header>\n <select title=\"Text Align\" name=\"card1Align\">\n <option value=\"1\" selected>Left</option>\n <option value=\"2\">Center</option>\n <option value=\"3\">Right</option>\n </select>\n <input type=\"checkbox\" title=\"Show Title\" name=\"showCardsTitle\" checked>\n <input type=\"color\" title=\"Color\" name=\"card1Bg\" value=\"#f6f9f8\">\n <header>Card 2</header>\n <select title=\"Text Align\" name=\"card2Align\">\n <option value=\"1\">Left</option>\n <option value=\"2\" selected>Center</option>\n <option value=\"3\">Right</option>\n </select>\n <input type=\"color\" title=\"Color\" name=\"card2Bg\" value=\"#8da462\">\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" required>\n <input type=\"color\" title=\"Background Color\" value=\"#ffffff\">\n <input type=\"image\" title=\"Background Image\" value=\"@PROJECT_PATH@/assets/images/background-mission-1-2000x1362.jpg\" selected>\n </fieldset>\n <!-- -->\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#ffffff\" condition=\"overlay && bg.type == 'image'\">\n <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0\" condition=\"overlay && bg.type == 'image'\">\n </mbr-parameters>\n\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\"></div>\n <div mbr-class=\"{'container':!fullWidth,\n 'container-fluid':fullWidth}\">\n <div class=\"mbr-row mbr-jc-c mbr-pb-5\" mbr-class=\"{'align-center': titleAlign==2,\n 'align-right': titleAlign==3}\">\n <div class=\"mbr-col-sm-12 mbr-col-md-12 mbr-col-lg-12 mbr-pb-4\" mbr-if=\"showTitle\">\n <h3 class=\"mbr-fonts-style mbr-bold text-upper line-title custom-section-title\" mbr-theme-style=\"display-5\" data-app-selector=\".custom-section-title\"><span style=\"font-weight: normal;\">Our </span>Mission</h3>\n </div>\n <div class=\"mbr-col-sm-12 mbr-col-md-12 mbr-col-lg-12\" mbr-if=\"showSubtitle\">\n <p class=\"mbr-fonts-style custom-section-subtitle\" mbr-theme-style=\"display-7\" data-app-selector=\".custom-section-subtitle\">Lorem ipsum dolor sit amet consectetur\n adipisicing elit. Iure consequatur voluptates, rerum explicabo ex recusandae!</p>\n </div>\n </div>\n <div class=\"mbr-row mbr-jc-c\" mbr-class=\"{'mbr-column': !flexDirection}\">\n <div class=\"mbr-col-sm-12 mbr-col-md-12 mbr-col-lg-8 order-col-1\" mbr-class=\"{'mbr-col-lg-12': !flexDirection}\">\n <div class=\"card-box-wrapper\">\n <div class=\"card-box1\" mbr-class=\"{'align-center': card1Align==2,\n 'align-right': card1Align==3}\">\n <div>\n <h4 class=\"mbr-fonts-style mbr-bold mbr-pb-2 custom-card-title\" mbr-theme-style=\"display-5\" mbr-if=\"showCardsTitle\" data-app-selector=\".custom-card-title\">Our Mission</h4>\n <p class=\"mbr-fonts-style custom-text\" mbr-theme-style=\"display-7\" data-app-selector=\".custom-text\">We are an innovative, engineering and design company based in Kelowna, British Columbia. We create simplified solutions for complex housing and business problems using renewable materials in a unique way. \n<br> \n<br>Why are traditional houses built of wood, cement and/or steel and consist of over 16,000 parts? \n<br>\n<br>Why are 22 sub-trades needed to build an average house? \n<br>\n<br>Why is an estimated 8,000 lbs of waste created in the construction of a 2,000 square foot house? \n<br>\n<br>The future is about sustainability, affordability and preserving the environment. We design and engineer a solution to these complex and growing issues.\n<br>\n<br>“I believe that innovative engineering and design of Modular Composite Structures using renewable materials along with a manufacturing process will enable affordable structures that can be easily shipped and DIY assembled on site to provide needed shelter for people around the world.” [ Patricia Livingstone, President and Director ] </p><p><br></p><p></p>\n </div>\n </div>\n </div>\n </div>\n <div class=\"mbr-col-sm-12 mbr-col-md-12 mbr-col-lg-4 order-col-2\" mbr-class=\"{'mbr-col-lg-12': !flexDirection,\n 'mbr-pt-4': !flexDirection}\">\n <div class=\"card-box-wrapper\">\n <div class=\"card-box2\" mbr-class=\"{'align-center': card2Align==2,\n 'align-right': card2Align==3}\">\n <div class=\"mbr-white\">\n <p class=\"mbr-fonts-style mbr-bold custom-card-text\" mbr-theme-style=\"display-5\" data-app-selector=\".custom-card-text\">“<span style=\"font-weight: normal;\"><i>Creativity is thinking up new things. Innovation is doing new things.</i></span>”<br><br> [ <span style=\"font-weight: normal;\">Ted Levitt </span>]</p>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>", "_cid": "rBMBjtsN5Z", "_anchor": "features2-14", "_protectedParams": [], "_global": false, "_once": false, "_params": {} }, { "alias": false, "_styles": { "padding-top": "(@paddingTop * 1rem)", "padding-bottom": "(@paddingBottom * 1rem)", "& when (@bg-type = 'color')": { "background-color": "@bg-value" }, "& when (@bg-type = 'image')": { "background-image": "url(@bg-value)", ".mbr-overlay": { "background-color": "@overlayColor", "opacity": "@overlayOpacity" } }, ".card-box": { "width": "100%", "padding": "50px", "display": "flex", "background-color": "@cardBg", "transition": "0.5s", "@media (max-width: 767px)": { "padding": "50px 30px" }, "&:hover": { "transform": "translateY(-15px)", "box-shadow": "0 25px 45px rgba(0, 0, 0, 0.2)", ".iconfont-wrapper": { "opacity": "0.9" } } }, ".iconfont-wrapper": { "width": "~\"@{iconsSize}rem\"", "height": "~\"@{iconsSize}rem\"", "display": "inline-block", "transition": "0.5s", "opacity": "0.5" }, ".amp-iconfont": { "font-size": "~\"@{iconsSize}rem\"", "width": "~\"@{iconsSize}rem\"", "color": "@iconsColor", "vertical-align": "middle" }, ".card-box-wrapper": { "margin-bottom": "2rem" }, ".card-text, h4": { "padding-left": "30px" }, ".custom-card-text": { "text-align": "left", "color": "#ffffff" }, ".custom-section-subtitle": { "color": "#000000" } }, "_name": "features4", "_customHTML": "<section class=\"features4\" group=\"Article\" plugins=\"amp-main\">\n <mbr-parameters>\n <header>Size</header>\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"5\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"0\">\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n <input type=\"checkbox\" title=\"Row/Column\" name=\"flexDirection\" checked>\n <header>Title</header>\n <input type=\"checkbox\" title=\"Show Title\" name=\"showTitle\" checked>\n <input type=\"checkbox\" title=\"Show Subtitle\" name=\"showSubtitle\">\n <select title=\"Align\" name=\"titleAlign\" condition=\"showTitle || showSubtitle\">\n <option value=\"1\">Left</option>\n <option value=\"2\" selected>Center</option>\n <option value=\"3\">Right</option>\n </select>\n <header>Cards</header>\n <input type=\"range\" inline title=\"Cards Count\" name=\"cardsCount\" min=\"1\" max=\"6\" step=\"1\" value=\"5\" required>\n <select title=\"Align\" name=\"cardsAlign\">\n <option value=\"1\" selected>Left</option>\n <option value=\"2\">Center</option>\n <option value=\"3\">Right</option>\n </select>\n <!-- --> \n <input type=\"checkbox\" title=\"Show Title\" name=\"showCardsTitle\">\n <input type=\"checkbox\" title=\"Show Icons\" name=\"showIcons\" checked>\n <input type=\"range\" title=\"Icons Size\" name=\"iconsSize\" min=\"1\" max=\"4\" step=\"0.1\" value=\"2.2\" condition=\"showIcons\">\n <input type=\"color\" title=\"Icons Color\" name=\"iconsColor\" value=\"#ffffff\" condition=\"showIcons\">\n <input type=\"color\" title=\"Color\" name=\"cardBg\" value=\"#8da462\">\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" required>\n <input type=\"color\" title=\"Background Color\" value=\"#ffffff\">\n <input type=\"image\" title=\"Background Image\" value=\"@PROJECT_PATH@/assets/images/construction-workers-1076x685.jpg\" selected>\n </fieldset>\n <!-- -->\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type !== 'color'\">\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#ffffff\" condition=\"overlay && bg.type == 'image'\">\n <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.7\" condition=\"overlay && bg.type == 'image'\">\n </mbr-parameters>\n\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\"></div>\n <div mbr-class=\"{'container':!fullWidth,\n 'container-fluid':fullWidth}\">\n <div class=\"mbr-row mbr-jc-c mbr-pb-5\" mbr-class=\"{'align-center': titleAlign==2,\n 'align-right': titleAlign==3}\">\n <div class=\"mbr-col-sm-12 mbr-col-md-12 mbr-col-lg-12 mbr-pb-4\" mbr-if=\"showTitle\">\n <h3 class=\"mbr-fonts-style mbr-bold text-upper line-title custom-section-title\" mbr-theme-style=\"display-5\" data-app-selector=\".custom-section-title\">Philosophy</h3>\n </div>\n <div class=\"mbr-col-sm-12 mbr-col-md-12 mbr-col-lg-12 custom-section-subtitle\" mbr-if=\"showSubtitle\">\n <p class=\"mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".custom-section-subtitle\"><b>FLEX STRUCTURE PHILOSOPHY\n</b></p>\n </div>\n </div>\n <div class=\"mbr-row mbr-jc-c\" mbr-class=\"{'mbr-column': !flexDirection}\">\n <div class=\"mbr-col-sm-12 mbr-col-md-6 mbr-col-lg-4\" mbr-class=\"{'mbr-col-lg-12': cardsCount == 1 || !flexDirection,\n 'mbr-col-lg-6': cardsCount == 2}\">\n <div class=\"card-box-wrapper\">\n <div class=\"card-box\">\n <div class=\"iconfont-wrapper\" mbr-if=\"showIcons\">\n <span mbr-icon class=\"amp-iconfont animation-normal mbri-update\"></span>\n </div>\n <div mbr-class=\"{'align-center': cardsAlign==2,\n 'align-right': cardsAlign==3}\">\n <h4 class=\"mbr-fonts-style mbr-bold mbr-pb-2 custom-card-title\" mbr-theme-style=\"display-5\" mbr-if=\"showCardsTitle\" data-app-selector=\".custom-card-title\">Title</h4>\n <p class=\"mbr-fonts-style card-text custom-card-text\" mbr-theme-style=\"display-7\" data-app-selector=\".custom-card-text\">The future is about sustainability, affordability and preserving the environment. We design and engineer solutions to these complex and growing issues.<br><br><br><br></p>\n </div>\n </div>\n </div>\n </div>\n <div class=\"mbr-col-sm-12 mbr-col-md-6 mbr-col-lg-4\" mbr-class=\"{'mbr-col-lg-6': cardsCount == 2,\n 'mbr-col-lg-12': !flexDirection}\" mbr-if=\"cardsCount > 1\">\n <div class=\"card-box-wrapper\">\n <div class=\"card-box\" mbr-class=\"{'align-center': cardsAlign==2,\n 'align-right': cardsAlign==3}\">\n <div class=\"iconfont-wrapper\" mbr-if=\"showIcons\">\n <span mbr-icon class=\"amp-iconfont animation-normal mbri-help\"></span>\n </div>\n <div mbr-class=\"{'align-center': cardsAlign==2,\n 'align-right': cardsAlign==3}\">\n <h4 class=\"mbr-fonts-style mbr-bold mbr-pb-2 custom-card-title\" mbr-theme-style=\"display-5\" mbr-if=\"showCardsTitle\" data-app-selector=\".custom-card-title\">Title</h4>\n <p class=\"mbr-fonts-style card-text custom-card-text\" mbr-theme-style=\"display-7\" data-app-selector=\".custom-card-text\">Compared to manufacturing, construction is a highly fragmented industry, which has been slow to adopt and adapt to new technologies and ideas. <br><br><br><br></p>\n </div>\n </div>\n </div>\n </div>\n <div class=\"mbr-col-sm-12 mbr-col-md-6 mbr-col-lg-4\" mbr-class=\"{'mbr-col-lg-12': !flexDirection}\" mbr-if=\"cardsCount > 2\">\n <div class=\"card-box-wrapper\">\n <div class=\"card-box\" mbr-class=\"{'align-center': cardsAlign==2,\n 'align-right': cardsAlign==3}\">\n <div class=\"iconfont-wrapper\" mbr-if=\"showIcons\">\n <span mbr-icon class=\"amp-iconfont animation-normal mbri-alert\"></span>\n </div>\n <div mbr-class=\"{'align-center': cardsAlign==2,\n 'align-right': cardsAlign==3}\">\n <h4 class=\"mbr-fonts-style mbr-bold mbr-pb-2 custom-card-title\" mbr-theme-style=\"display-5\" mbr-if=\"showCardsTitle\" data-app-selector=\".custom-card-title\">Title</h4>\n <p class=\"mbr-fonts-style card-text custom-card-text\" mbr-theme-style=\"display-7\" data-app-selector=\".custom-card-text\">A new wave of innovative construction materials and practices is coming which will change what buildings look like, how they are made, what they are made of and who will be leading this new era of the construction industry. <br></p>\n </div>\n </div>\n </div>\n </div>\n <div class=\"mbr-col-sm-12 mbr-col-md-6 mbr-col-lg-4\" mbr-class=\"{'mbr-col-lg-12': !flexDirection}\" mbr-if=\"cardsCount > 3\">\n <div class=\"card-box-wrapper\">\n <div class=\"card-box\" mbr-class=\"{'align-center': cardsAlign==2,\n 'align-right': cardsAlign==3}\">\n <div class=\"iconfont-wrapper\" mbr-if=\"showIcons\">\n <span mbr-icon class=\"amp-iconfont animation-normal mbri-clock\"></span>\n </div>\n <div mbr-class=\"{'align-center': cardsAlign==2,\n 'align-right': cardsAlign==3}\">\n <h4 class=\"mbr-fonts-style mbr-bold mbr-pb-2 custom-card-title\" mbr-theme-style=\"display-5\" mbr-if=\"showCardsTitle\" data-app-selector=\".custom-card-title\">Title</h4>\n <p class=\"mbr-fonts-style card-text custom-card-text\" mbr-theme-style=\"display-7\" data-app-selector=\".custom-card-text\">Many building solutions are not consumer focused, requiring expensive tools and specialized trades and labours with long construction timelines. We bring focus back to consumers through engineering, high quality, easy to assemble manufactured parts, efficient and durable materials that do not mold or deteriorate. <br></p>\n </div>\n </div>\n </div>\n </div>\n <div class=\"mbr-col-sm-12 mbr-col-md-6 mbr-col-lg-4\" mbr-class=\"{'mbr-col-lg-12': !flexDirection}\" mbr-if=\"cardsCount > 4\">\n <div class=\"card-box-wrapper\">\n <div class=\"card-box\" mbr-class=\"{'align-center': cardsAlign==2,\n 'align-right': cardsAlign==3}\">\n <div class=\"iconfont-wrapper\" mbr-if=\"showIcons\">\n <span mbr-icon class=\"amp-iconfont animation-normal mbri-globe\"></span>\n </div>\n <div mbr-class=\"{'align-center': cardsAlign==2,\n 'align-right': cardsAlign==3}\">\n <h4 class=\"mbr-fonts-style mbr-bold mbr-pb-2 custom-card-title\" mbr-theme-style=\"display-5\" mbr-if=\"showCardsTitle\" data-app-selector=\".custom-card-title\">Title</h4>\n <p class=\"mbr-fonts-style card-text custom-card-text\" mbr-theme-style=\"display-7\" data-app-selector=\".custom-card-text\">We are rethinking the materials that are used for construction and the way we design and build. Advances in sustainable, recyclable and reusable materials using renewable resources along with digital technologies and robotics enable a new era of construction. <br><br><br><br></p>\n </div>\n </div>\n </div>\n </div>\n <div class=\"mbr-col-sm-12 mbr-col-md-6 mbr-col-lg-4\" mbr-class=\"{'mbr-col-lg-12': !flexDirection}\" mbr-if=\"cardsCount > 5\">\n <div class=\"card-box-wrapper\">\n <div class=\"card-box\" mbr-class=\"{'align-center': cardsAlign==2,\n 'align-right': cardsAlign==3}\">\n <div class=\"iconfont-wrapper\" mbr-if=\"showIcons\">\n <span mbr-icon class=\"amp-iconfont animation-normal fa fa-quote-right\"></span>\n </div>\n <div mbr-class=\"{'align-center': cardsAlign==2,\n 'align-right': cardsAlign==3}\">\n <h4 class=\"mbr-fonts-style mbr-bold mbr-pb-2 custom-card-title\" mbr-theme-style=\"display-5\" mbr-if=\"showCardsTitle\" data-app-selector=\".custom-card-title\">Title</h4>\n <p class=\"mbr-fonts-style card-text custom-card-text\" mbr-theme-style=\"display-7\" data-app-selector=\".custom-card-text\">Lorem ipsum dolor sit amet consectetur adipisicing elit. Minus alias modi quis id vero assumenda, enim necessitatibus corporis quidem eius!</p>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>", "_cid": "rFzU96HFew", "_anchor": "features4-16", "_PHPplaceholders": [], "_JSplaceholders": [], "_protectedParams": [], "_global": false, "_once": false, "_params": {} }, { "alias": false, "_styles": { "padding-top": "(@paddingTop * 1rem)", "padding-bottom": "(@paddingBottom * 1rem)", "& when (@bg-type = 'color')": { "background-color": "@bg-value" }, "& when (@bg-type = 'image')": { "background-image": "url(@bg-value)", ".mbr-overlay": { "background-color": "@overlayColor", "opacity": "@overlayOpacity" } }, ".card-box": { "width": "100%", "background-color": "@cardBg", "transition": "0.5s", "&:hover": { "transform": "translateY(-15px)", "box-shadow": "0 25px 45px rgba(0, 0, 0, 0.2)", ".iconfont-wrapper": { "transform": "rotateZ(360deg)" } }, "@media (max-width: 991px)": { "display": "block" } }, "& when (@checkImages) and not (@flexDirection)": { ".card-img": { "padding": "0", "@media (max-width: 991px)": { "width": "100%", "margin-bottom": "2rem" } } }, ".card-box-wrapper": { "margin-bottom": "2rem" }, ".custom-link": { "text-transform": "uppercase", "position": "relative" }, ".custom-link::after, .custom-link::before": { "position": "absolute", "display": "block", "content": "\"\"", "transition": "0.5s" }, ".custom-link::after": { "width": "20px", "height": "2px", "right": "-40%", "top": "50%", "background-color": "@arrColor", "& when not (@showCardsText)": { "right": "-50%" } }, ".custom-link::before": { "width": "6px", "height": "6px", "top": "42%", "right": "-40%", "border": "1px solid @arrColor", "border-bottom": "none", "border-left": "none", "transform": "rotate(45deg)", "& when not (@showCardsText)": { "right": "-50%" } }, ".custom-link:hover": { "&::after, &::before": { "transform": "translateX(10px)" }, "&::before": { "transform": "translateX(10px) rotate(45deg)" } }, ".cont-box": { "padding": "50px", "display": "flex", "flex-direction": "column", "justify-content": "center", "@media (max-width: 767px)": { "padding": "20px" } }, ".img-box": { "width": "130%", "& when not (@showCardsText)": { "width": "35%" }, "@media (max-width: 991px)": { "width": "auto" } }, "amp-img, img": { "object-fit": "cover" }, ".mbr-ai-c": { "align-items": "center" }, ".custom-pr": { "padding-right": "45px" }, ".custom-section-title": { "color": "#ffffff" } }, "_name": "features1", "_customHTML": "<section class=\"features1\" group=\"Article\" plugins=\"amp-main\">\n <mbr-parameters>\n <header>Size</header>\n <input type=\"range\" inline=\"\" title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"6\">\n <input type=\"range\" inline=\"\" title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"1\">\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n <input type=\"checkbox\" title=\"Row/Column\" name=\"flexDirection\" checked=\"\">\n <!-- -->\n <header>Title</header>\n <input type=\"checkbox\" title=\"Show Title\" name=\"showTitle\" checked=\"\">\n <input type=\"checkbox\" title=\"Show Subtitle\" name=\"showSubtitle\">\n <select title=\"Align\" name=\"titleAlign\" condition=\"showTitle || showSubtitle\">\n <option value=\"1\">Left</option>\n <option value=\"2\" selected=\"\">Center</option>\n <option value=\"3\">Right</option>\n </select>\n <header>Cards</header>\n <input type=\"range\" inline=\"\" title=\"Cards Count\" name=\"cardsCount\" min=\"1\" max=\"6\" step=\"1\" value=\"2\" condition=\"showCardsTitle || showCardsSubtitle || showCardsText || showCardsButtons || checkImages\" required=\"\">\n <select title=\"Align\" name=\"cardsAlign\" condition=\"showCardsTitle || showCardsSubtitle || showCardsText || showCardsButtons || checkImages\">\n <option value=\"1\" selected=\"\">Left</option>\n <option value=\"2\">Center</option>\n <option value=\"3\">Right</option>\n </select>\n <!-- -->\n <input type=\"checkbox\" title=\"Show Title\" name=\"showCardsTitle\" checked=\"\">\n <input type=\"checkbox\" title=\"Show Text\" name=\"showCardsText\" checked=\"\">\n <input type=\"checkbox\" title=\"Show Links\" name=\"showCardsLinks\">\n <input type=\"color\" title=\"Link Arrow Color\" name=\"arrColor\" value=\"#000000\">\n <input type=\"color\" title=\"Color\" name=\"cardBg\" value=\"#f6f9f8\" condition=\"!transparentBg && (showCardsTitle || showCardsSubtitle || showCardsText || showCardsButtons || checkImages)\">\n <!-- -->\n <input type=\"checkbox\" title=\"Images\" name=\"checkImages\">\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" required=\"\">\n <input type=\"color\" title=\"Background Color\" value=\"#8da462\" selected=\"\">\n <input type=\"image\" title=\"Background Image\" value=\"../_images/background3.jpg\">\n </fieldset>\n <!-- -->\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked=\"\" condition=\"bg.type !== 'color'\">\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#efefef\" condition=\"overlay && bg.type == 'image'\">\n <input type=\"range\" inline=\"\" title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.5\" condition=\"overlay && bg.type == 'image'\">\n </mbr-parameters>\n\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\"></div>\n <div mbr-class=\"{'container':!fullWidth,\n 'container-fluid':fullWidth}\">\n <div class=\"mbr-row mbr-jc-c mbr-pb-5\" mbr-class=\"{'align-center': titleAlign==2,\n 'align-right': titleAlign==3}\">\n <div class=\"mbr-col-sm-12 mbr-col-md-12 mbr-col-lg-12 mbr-pb-4 custom-section-title\" mbr-if=\"showTitle\">\n <h3 class=\"mbr-fonts-style mbr-bold text-upper line-title\" mbr-theme-style=\"display-5\" data-app-selector=\".custom-section-title\">Our Team<br><br><span style=\"font-weight: normal;\">Management and Directors\n</span></h3>\n </div>\n <div class=\"mbr-col-sm-12 mbr-col-md-12 mbr-col-lg-12 custom-section-subtitle\" mbr-if=\"showSubtitle\">\n <p class=\"mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".custom-section-subtitle\">Lorem ipsum dolor sit amet consectetur\n adipisicing elit. Iure consequatur voluptates, rerum explicabo ex recusandae!</p>\n </div>\n </div>\n <div class=\"mbr-row mbr-ai-c mbr-jc-c\" mbr-class=\"{'mbr-column': !flexDirection}\" mbr-if=\"showCardsTitle || showCardsSubtitle || showCardsText || showCardsButtons || checkImages\">\n <div class=\"mbr-col-sm-12 mbr-col-md-6 mbr-col-lg-4\" mbr-class=\"{'mbr-col-lg-10': !flexDirection || cardsCount == 1,\n 'mbr-col-lg-6': cardsCount == 2}\">\n <div class=\"card-box-wrapper\">\n <div class=\"card-box mbr-flex\" mbr-class=\"{'align-center': cardsAlign==2,\n 'align-right': cardsAlign==3}\">\n <div class=\"img-box\" mbr-if=\"checkImages\">\n <amp-img class=\"mobirise-loader\" src=\"@PROJECT_PATH@/assets/images/green-19x19.png\" layout=\"responsive\" height=\"100\" width=\"100\" alt=\"image\">\n <div placeholder=\"\" class=\"placeholder\"></div>\n <img class=\"mbr-temp\" src=\"@PROJECT_PATH@/assets/images/green-19x19.png\" alt=\"\" title=\"\">\n </amp-img>\n </div>\n <div class=\"cont-box\">\n <h4 class=\"mbr-fonts-style mbr-bold mbr-pt-2 mbr-pb-2 custom-card-title\" mbr-theme-style=\"display-7\" mbr-if=\"showCardsTitle\" data-app-selector=\".custom-card-title\">Patricia Livingstone<span style=\"font-weight: normal;\">, </span><br><span style=\"font-weight: normal;\">CPA, CA: Founder, President and CFO</span></h4>\n <p class=\"mbr-fonts-style mbr-pb-2 custom-card-text\" mbr-theme-style=\"display-7\" mbr-if=\"showCardsText\" data-app-selector=\".custom-card-text\">Patricia’s experience includes financial filings and technology implementation for major corporations like Shell Oil and Canadian Turbo. She completed her NASDAQ Series 7 General Securities Certification. Patricia launched her real estate career in 2002 and was inducted into the Re/Max Hall of Fame and Platinum Club as well as developing extensive business and personal relationships. In 2018, Patricia transitioned to FLEX’s full time President and CFO.<br></p>\n <div class=\"mbr-pt-2\" mbr-class=\"{'custom-pr': cardsAlign == 3}\">\n <a href=\"#\" mbr-text=\"\" class=\"custom-link link mbr-fonts-style mbr-bold mbr-black text-primary\" mbr-theme-style=\"display-7\" mbr-if=\"showCardsLinks\" data-app-selector=\".custom-link\">Read More</a>\n </div>\n </div> \n </div>\n </div>\n </div>\n <div class=\"mbr-col-sm-12 mbr-col-md-6 mbr-col-lg-4\" mbr-class=\"{'mbr-col-lg-10': !flexDirection,\n 'mbr-col-lg-6': cardsCount == 2}\" mbr-if=\"cardsCount > 1\">\n <div class=\"card-box-wrapper\">\n <div class=\"card-box mbr-flex\" mbr-class=\"{'align-center': cardsAlign==2,\n 'align-right': cardsAlign==3}\">\n <div class=\"img-box\" mbr-if=\"checkImages\">\n <amp-img class=\"mobirise-loader\" src=\"@PROJECT_PATH@/assets/images/green-19x19.png\" layout=\"responsive\" height=\"100\" width=\"100\" alt=\"image\">\n <div placeholder=\"\" class=\"placeholder\"></div>\n <img class=\"mbr-temp\" src=\"@PROJECT_PATH@/assets/images/green-19x19.png\" alt=\"\" title=\"\">\n </amp-img>\n </div>\n <div class=\"cont-box\">\n <h4 class=\"mbr-fonts-style mbr-bold mbr-pt-2 mbr-pb-2 custom-card-title\" mbr-theme-style=\"display-7\" mbr-if=\"showCardsTitle\" data-app-selector=\".custom-card-title\">Raymond Sobol<span style=\"font-weight: normal;\">, </span><br><span style=\"font-weight: normal;\">Chief Operations Officer</span></h4>\n <p class=\"mbr-fonts-style mbr-pb-2 custom-card-text\" mbr-theme-style=\"display-7\" mbr-if=\"showCardsText\" data-app-selector=\".custom-card-text\">Ray has consulted in areas of strategic planning and execution with major corporations such as Petro Canada, Cisco Systems, Honeywell, KPMG, Siemens, Oracle, VCs, law enforcement agencies and governments since 1990. He has also held C-Suite positions in several tech and manufacturing start-ups in addition to project managing numerous construction projects globally.<br><br></p>\n <div class=\"mbr-pt-2\" mbr-class=\"{'custom-pr': cardsAlign == 3}\">\n <a href=\"#\" mbr-text=\"\" class=\"custom-link link mbr-fonts-style mbr-bold mbr-black text-primary\" mbr-theme-style=\"display-7\" mbr-if=\"showCardsLinks\" data-app-selector=\".custom-link\">Read More</a>\n </div>\n </div> \n </div>\n </div>\n </div>\n <div class=\"mbr-col-sm-12 mbr-col-md-6 mbr-col-lg-4\" mbr-class=\"{'mbr-col-lg-10': !flexDirection}\" mbr-if=\"cardsCount > 2\">\n <div class=\"card-box-wrapper\">\n <div class=\"card-box mbr-flex\" mbr-class=\"{'align-center': cardsAlign==2,\n 'align-right': cardsAlign==3}\">\n <div class=\"img-box\" mbr-if=\"checkImages\">\n <amp-img class=\"mobirise-loader\" src=\"@PROJECT_PATH@/assets/images/background3.jpg\" layout=\"responsive\" height=\"100\" width=\"138.52813852813853\" alt=\"image\">\n <div placeholder=\"\" class=\"placeholder\"></div>\n <img class=\"mbr-temp\" src=\"@PROJECT_PATH@/assets/images/background3.jpg\" alt=\"\">\n </amp-img>\n </div>\n <div class=\"cont-box\">\n <h4 class=\"mbr-fonts-style mbr-bold mbr-pt-2 mbr-pb-2 custom-card-title\" mbr-theme-style=\"display-5\" mbr-if=\"showCardsTitle\" data-app-selector=\".custom-card-title\">Primosse Hill</h4>\n <p class=\"mbr-fonts-style mbr-pb-2 custom-card-text\" mbr-theme-style=\"display-7\" mbr-if=\"showCardsText\" data-app-selector=\".custom-card-text\">Lorem ipsum dolor sit amet\n consectetur adipisicing elit. Minus alias modi quis id vero assumenda, enim necessitatibus corporis quidem eius!</p>\n <div class=\"mbr-pt-2\" mbr-class=\"{'custom-pr': cardsAlign == 3}\">\n <a href=\"#\" mbr-text=\"\" class=\"custom-link link mbr-fonts-style mbr-bold mbr-black text-primary\" mbr-theme-style=\"display-7\" mbr-if=\"showCardsLinks\" data-app-selector=\".custom-link\">Read More</a>\n </div>\n </div> \n </div>\n </div>\n </div>\n <div class=\"mbr-col-sm-12 mbr-col-md-6 mbr-col-lg-4\" mbr-class=\"{'mbr-col-lg-10': !flexDirection}\" mbr-if=\"cardsCount > 3\">\n <div class=\"card-box-wrapper\">\n <div class=\"card-box mbr-flex\" mbr-class=\"{'align-center': cardsAlign==2,\n 'align-right': cardsAlign==3}\">\n <div class=\"img-box\" mbr-if=\"checkImages\">\n <amp-img class=\"mobirise-loader\" src=\"@PROJECT_PATH@/assets/images/background4.jpg\" layout=\"responsive\" height=\"100\" width=\"150.0586166471278\" alt=\"image\">\n <div placeholder=\"\" class=\"placeholder\"></div>\n <img class=\"mbr-temp\" src=\"@PROJECT_PATH@/assets/images/background4.jpg\" alt=\"\">\n </amp-img>\n </div>\n <div class=\"cont-box\">\n <h4 class=\"mbr-fonts-style mbr-bold mbr-pt-2 mbr-pb-2 custom-card-title\" mbr-theme-style=\"display-5\" mbr-if=\"showCardsTitle\" data-app-selector=\".custom-card-title\">St Jane's Wood</h4>\n <p class=\"mbr-fonts-style mbr-pb-2 custom-card-text\" mbr-theme-style=\"display-7\" mbr-if=\"showCardsText\" data-app-selector=\".custom-card-text\">Lorem ipsum dolor sit amet\n consectetur adipisicing elit. Minus alias modi quis id vero assumenda, enim necessitatibus corporis quidem eius!</p>\n <div class=\"mbr-pt-2\" mbr-class=\"{'custom-pr': cardsAlign == 3}\">\n <a href=\"#\" mbr-text=\"\" class=\"custom-link link mbr-fonts-style mbr-bold mbr-black text-primary\" mbr-theme-style=\"display-7\" mbr-if=\"showCardsLinks\" data-app-selector=\".custom-link\">Read More</a>\n </div>\n </div> \n </div>\n </div>\n </div>\n <div class=\"mbr-col-sm-12 mbr-col-md-6 mbr-col-lg-4\" mbr-class=\"{'mbr-col-lg-10': !flexDirection}\" mbr-if=\"cardsCount > 4\">\n <div class=\"card-box-wrapper\">\n <div class=\"card-box mbr-flex\" mbr-class=\"{'align-center': cardsAlign==2,\n 'align-right': cardsAlign==3}\">\n <div class=\"img-box\" mbr-if=\"checkImages\">\n <amp-img class=\"mobirise-loader\" src=\"@PROJECT_PATH@/assets/images/background5.jpg\" layout=\"responsive\" height=\"100\" width=\"177.77777777777777\" alt=\"image\">\n <div placeholder=\"\" class=\"placeholder\"></div>\n <img class=\"mbr-temp\" src=\"@PROJECT_PATH@/assets/images/background5.jpg\" alt=\"\">\n </amp-img>\n </div>\n <div class=\"cont-box\">\n <h4 class=\"mbr-fonts-style mbr-bold mbr-pt-2 mbr-pb-2 custom-card-title\" mbr-theme-style=\"display-5\" mbr-if=\"showCardsTitle\" data-app-selector=\".custom-card-title\">Greenwatch</h4>\n <p class=\"mbr-fonts-style mbr-pb-2 custom-card-text\" mbr-theme-style=\"display-7\" mbr-if=\"showCardsText\" data-app-selector=\".custom-card-text\">Lorem ipsum dolor sit amet\n consectetur adipisicing elit. Minus alias modi quis id vero assumenda, enim necessitatibus corporis quidem eius!</p>\n <div class=\"mbr-pt-2\" mbr-class=\"{'custom-pr': cardsAlign == 3}\">\n <a href=\"#\" mbr-text=\"\" class=\"custom-link link mbr-fonts-style mbr-bold mbr-black text-primary\" mbr-theme-style=\"display-7\" mbr-if=\"showCardsLinks\" data-app-selector=\".custom-link\">Read More</a>\n </div>\n </div> \n </div>\n </div>\n </div>\n <div class=\"mbr-col-sm-12 mbr-col-md-6 mbr-col-lg-4\" mbr-class=\"{'mbr-col-lg-10': !flexDirection}\" mbr-if=\"cardsCount > 5\">\n <div class=\"card-box-wrapper\">\n <div class=\"card-box mbr-flex\" mbr-class=\"{'align-center': cardsAlign==2,\n 'align-right': cardsAlign==3}\">\n <div class=\"img-box\" mbr-if=\"checkImages\">\n <amp-img class=\"mobirise-loader\" src=\"@PROJECT_PATH@/assets/images/background6.jpg\" layout=\"responsive\" height=\"100\" width=\"150.0586166471278\" alt=\"image\">\n <div placeholder=\"\" class=\"placeholder\"></div>\n <img class=\"mbr-temp\" src=\"@PROJECT_PATH@/assets/images/background6.jpg\" alt=\"\">\n </amp-img>\n </div>\n <div class=\"cont-box\">\n <h4 class=\"mbr-fonts-style mbr-bold mbr-pt-2 mbr-pb-2 custom-card-title\" mbr-theme-style=\"display-5\" mbr-if=\"showCardsTitle\" data-app-selector=\".custom-card-title\">Kensing Gardens</h4>\n <p class=\"mbr-fonts-style mbr-pb-2 custom-card-text\" mbr-theme-style=\"display-7\" mbr-if=\"showCardsText\" data-app-selector=\".custom-card-text\">Lorem ipsum dolor sit amet\n consectetur adipisicing elit. Minus alias modi quis id vero assumenda, enim necessitatibus corporis quidem eius!</p>\n <div class=\"mbr-pt-2\" mbr-class=\"{'custom-pr': cardsAlign == 3}\">\n <a href=\"#\" mbr-text=\"\" class=\"custom-link link mbr-fonts-style mbr-bold mbr-black text-primary\" mbr-theme-style=\"display-7\" mbr-if=\"showCardsLinks\" data-app-selector=\".custom-link\">Read More</a>\n </div>\n </div> \n </div>\n </div>\n </div>\n </div>\n </div>\n</section>", "_cid": "rFEOOA3z5K", "_anchor": "features1-1h", "_protectedParams": [], "_global": false, "_once": false, "_params": {} }, { "alias": false, "_styles": { "padding-top": "(@paddingTop * 1rem)", "padding-bottom": "(@paddingBottom * 1rem)", "& when (@bg-type = 'color')": { "background-color": "@bg-value" }, "& when (@bg-type = 'image')": { "background-image": "url(@bg-value)", ".mbr-overlay": { "background-color": "@overlayColor", "opacity": "@overlayOpacity" } }, ".card-box": { "width": "100%", "background-color": "@cardBg", "transition": "0.5s", "&:hover": { "transform": "translateY(-15px)", "box-shadow": "0 25px 45px rgba(0, 0, 0, 0.2)", ".iconfont-wrapper": { "transform": "rotateZ(360deg)" } }, "@media (max-width: 991px)": { "display": "block" } }, "& when (@checkImages) and not (@flexDirection)": { ".card-img": { "padding": "0", "@media (max-width: 991px)": { "width": "100%", "margin-bottom": "2rem" } } }, ".card-box-wrapper": { "margin-bottom": "2rem" }, ".custom-link": { "text-transform": "uppercase", "position": "relative" }, ".custom-link::after, .custom-link::before": { "position": "absolute", "display": "block", "content": "\"\"", "transition": "0.5s" }, ".custom-link::after": { "width": "20px", "height": "2px", "right": "-40%", "top": "50%", "background-color": "@arrColor", "& when not (@showCardsText)": { "right": "-50%" } }, ".custom-link::before": { "width": "6px", "height": "6px", "top": "42%", "right": "-40%", "border": "1px solid @arrColor", "border-bottom": "none", "border-left": "none", "transform": "rotate(45deg)", "& when not (@showCardsText)": { "right": "-50%" } }, ".custom-link:hover": { "&::after, &::before": { "transform": "translateX(10px)" }, "&::before": { "transform": "translateX(10px) rotate(45deg)" } }, ".cont-box": { "padding": "50px", "display": "flex", "flex-direction": "column", "justify-content": "center", "@media (max-width: 767px)": { "padding": "20px" } }, ".img-box": { "width": "130%", "& when not (@showCardsText)": { "width": "35%" }, "@media (max-width: 991px)": { "width": "auto" } }, "amp-img, img": { "object-fit": "cover" }, ".mbr-ai-c": { "align-items": "center" }, ".custom-pr": { "padding-right": "45px" }, ".custom-section-title": { "color": "#ffffff" } }, "_name": "features1", "_customHTML": "<section class=\"features1\" group=\"Article\" plugins=\"amp-main\">\n <mbr-parameters>\n <header>Size</header>\n <input type=\"range\" inline=\"\" title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"2\">\n <input type=\"range\" inline=\"\" title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"1\">\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n <input type=\"checkbox\" title=\"Row/Column\" name=\"flexDirection\" checked=\"\">\n <!-- -->\n <header>Title</header>\n <input type=\"checkbox\" title=\"Show Title\" name=\"showTitle\" checked=\"\">\n <input type=\"checkbox\" title=\"Show Subtitle\" name=\"showSubtitle\">\n <select title=\"Align\" name=\"titleAlign\" condition=\"showTitle || showSubtitle\">\n <option value=\"1\">Left</option>\n <option value=\"2\" selected=\"\">Center</option>\n <option value=\"3\">Right</option>\n </select>\n <header>Cards</header>\n <input type=\"range\" inline=\"\" title=\"Cards Count\" name=\"cardsCount\" min=\"1\" max=\"6\" step=\"1\" value=\"2\" condition=\"showCardsTitle || showCardsSubtitle || showCardsText || showCardsButtons || checkImages\" required=\"\">\n <select title=\"Align\" name=\"cardsAlign\" condition=\"showCardsTitle || showCardsSubtitle || showCardsText || showCardsButtons || checkImages\">\n <option value=\"1\" selected=\"\">Left</option>\n <option value=\"2\">Center</option>\n <option value=\"3\">Right</option>\n </select>\n <!-- -->\n <input type=\"checkbox\" title=\"Show Title\" name=\"showCardsTitle\" checked=\"\">\n <input type=\"checkbox\" title=\"Show Text\" name=\"showCardsText\" checked=\"\">\n <input type=\"checkbox\" title=\"Show Links\" name=\"showCardsLinks\">\n <input type=\"color\" title=\"Link Arrow Color\" name=\"arrColor\" value=\"#000000\">\n <input type=\"color\" title=\"Color\" name=\"cardBg\" value=\"#f6f9f8\" condition=\"!transparentBg && (showCardsTitle || showCardsSubtitle || showCardsText || showCardsButtons || checkImages)\">\n <!-- -->\n <input type=\"checkbox\" title=\"Images\" name=\"checkImages\">\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" required=\"\">\n <input type=\"color\" title=\"Background Color\" value=\"#8da462\" selected=\"\">\n <input type=\"image\" title=\"Background Image\" value=\"@PROJECT_PATH@/assets/images/background328.jpg\">\n </fieldset>\n <!-- -->\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked=\"\" condition=\"bg.type !== 'color'\">\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#efefef\" condition=\"overlay && bg.type == 'image'\">\n <input type=\"range\" inline=\"\" title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.5\" condition=\"overlay && bg.type == 'image'\">\n </mbr-parameters>\n\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\"></div>\n <div mbr-class=\"{'container':!fullWidth,\n 'container-fluid':fullWidth}\">\n <div class=\"mbr-row mbr-jc-c mbr-pb-5\" mbr-class=\"{'align-center': titleAlign==2,\n 'align-right': titleAlign==3}\">\n <div class=\"mbr-col-sm-12 mbr-col-md-12 mbr-col-lg-12 mbr-pb-4 custom-section-title\" mbr-if=\"showTitle\">\n <h3 class=\"mbr-fonts-style mbr-bold text-upper line-title\" mbr-theme-style=\"display-5\" data-app-selector=\".custom-section-title\"><span style=\"font-weight: normal;\">Engineering Team\n</span></h3>\n </div>\n <div class=\"mbr-col-sm-12 mbr-col-md-12 mbr-col-lg-12 custom-section-subtitle\" mbr-if=\"showSubtitle\">\n <p class=\"mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".custom-section-subtitle\">Lorem ipsum dolor sit amet consectetur\n adipisicing elit. Iure consequatur voluptates, rerum explicabo ex recusandae!</p>\n </div>\n </div>\n <div class=\"mbr-row mbr-ai-c mbr-jc-c\" mbr-class=\"{'mbr-column': !flexDirection}\" mbr-if=\"showCardsTitle || showCardsSubtitle || showCardsText || showCardsButtons || checkImages\">\n <div class=\"mbr-col-sm-12 mbr-col-md-6 mbr-col-lg-4\" mbr-class=\"{'mbr-col-lg-10': !flexDirection || cardsCount == 1,\n 'mbr-col-lg-6': cardsCount == 2}\">\n <div class=\"card-box-wrapper\">\n <div class=\"card-box mbr-flex\" mbr-class=\"{'align-center': cardsAlign==2,\n 'align-right': cardsAlign==3}\">\n <div class=\"img-box\" mbr-if=\"checkImages\">\n <amp-img class=\"mobirise-loader\" src=\"@PROJECT_PATH@/assets/images/green-19x19.png\" layout=\"responsive\" height=\"100\" width=\"100\" alt=\"image\">\n <div placeholder=\"\" class=\"placeholder\"></div>\n <img class=\"mbr-temp\" src=\"@PROJECT_PATH@/assets/images/green-19x19.png\" alt=\"\" title=\"\">\n </amp-img>\n </div>\n <div class=\"cont-box\">\n <h4 class=\"mbr-fonts-style mbr-bold mbr-pt-2 mbr-pb-2 custom-card-title\" mbr-theme-style=\"display-7\" mbr-if=\"showCardsTitle\" data-app-selector=\".custom-card-title\">Aman Iqbal, \n<div><span style=\"font-weight: normal;\">Engineering Design Manager</span></div></h4>\n <p class=\"mbr-fonts-style mbr-pb-2 custom-card-text\" mbr-theme-style=\"display-7\" mbr-if=\"showCardsText\" data-app-selector=\".custom-card-text\">Aman graduated with a Masters of Mechanical Engineering from UBCO with a focus on Manufacturing and Material Science (alloys). Prior to that, he was a Design Engineer at Jaguar Land Rover for over 3 years. Aman has a wealth of experience in Product Design and Development, ISO 9000 and TQM Quality Management systems, and project management. <br><br><br></p>\n <div class=\"mbr-pt-2\" mbr-class=\"{'custom-pr': cardsAlign == 3}\">\n <a href=\"#\" mbr-text=\"\" class=\"custom-link link mbr-fonts-style mbr-bold mbr-black text-primary\" mbr-theme-style=\"display-7\" mbr-if=\"showCardsLinks\" data-app-selector=\".custom-link\">Read More</a>\n </div>\n </div> \n </div>\n </div>\n </div>\n <div class=\"mbr-col-sm-12 mbr-col-md-6 mbr-col-lg-4\" mbr-class=\"{'mbr-col-lg-10': !flexDirection,\n 'mbr-col-lg-6': cardsCount == 2}\" mbr-if=\"cardsCount > 1\">\n <div class=\"card-box-wrapper\">\n <div class=\"card-box mbr-flex\" mbr-class=\"{'align-center': cardsAlign==2,\n 'align-right': cardsAlign==3}\">\n <div class=\"img-box\" mbr-if=\"checkImages\">\n <amp-img class=\"mobirise-loader\" src=\"@PROJECT_PATH@/assets/images/green-19x19.png\" layout=\"responsive\" height=\"100\" width=\"100\" alt=\"image\">\n <div placeholder=\"\" class=\"placeholder\"></div>\n <img class=\"mbr-temp\" src=\"@PROJECT_PATH@/assets/images/green-19x19.png\" alt=\"\" title=\"\">\n </amp-img>\n </div>\n <div class=\"cont-box\">\n <h4 class=\"mbr-fonts-style mbr-bold mbr-pt-2 mbr-pb-2 custom-card-title\" mbr-theme-style=\"display-7\" mbr-if=\"showCardsTitle\" data-app-selector=\".custom-card-title\">Brandon Bradshaw,<br><span style=\"font-weight: normal;\">EIT, Engineering Design</span></h4>\n <p class=\"mbr-fonts-style mbr-pb-2 custom-card-text\" mbr-theme-style=\"display-7\" mbr-if=\"showCardsText\" data-app-selector=\".custom-card-text\">Brandon is a 2013 Civil Engineering graduate from UBCO. He has 5 years of experience working with a large equipment manufacturer and additional experience with a structural consulting company. Brandon's time spent as an engineering project leader and his knowledge of AutoCAD and Soldiworks rounds out our engineering team. <br><br><br></p>\n <div class=\"mbr-pt-2\" mbr-class=\"{'custom-pr': cardsAlign == 3}\">\n <a href=\"#\" mbr-text=\"\" class=\"custom-link link mbr-fonts-style mbr-bold mbr-black text-primary\" mbr-theme-style=\"display-7\" mbr-if=\"showCardsLinks\" data-app-selector=\".custom-link\">Read More</a>\n </div>\n </div> \n </div>\n </div>\n </div>\n <div class=\"mbr-col-sm-12 mbr-col-md-6 mbr-col-lg-4\" mbr-class=\"{'mbr-col-lg-10': !flexDirection}\" mbr-if=\"cardsCount > 2\">\n <div class=\"card-box-wrapper\">\n <div class=\"card-box mbr-flex\" mbr-class=\"{'align-center': cardsAlign==2,\n 'align-right': cardsAlign==3}\">\n <div class=\"img-box\" mbr-if=\"checkImages\">\n <amp-img class=\"mobirise-loader\" src=\"@PROJECT_PATH@/assets/images/background328.jpg\" layout=\"responsive\" height=\"100\" width=\"138.52813852813853\" alt=\"image\">\n <div placeholder=\"\" class=\"placeholder\"></div>\n <img class=\"mbr-temp\" src=\"@PROJECT_PATH@/assets/images/background328.jpg\" alt=\"\">\n </amp-img>\n </div>\n <div class=\"cont-box\">\n <h4 class=\"mbr-fonts-style mbr-bold mbr-pt-2 mbr-pb-2 custom-card-title\" mbr-theme-style=\"display-7\" mbr-if=\"showCardsTitle\" data-app-selector=\".custom-card-title\">Brandon Bradshaw<span style=\"font-weight: normal;\">, </span><br><span style=\"font-weight: normal;\">EIT, Engineering Design</span></h4>\n <p class=\"mbr-fonts-style mbr-pb-2 custom-card-text\" mbr-theme-style=\"display-7\" mbr-if=\"showCardsText\" data-app-selector=\".custom-card-text\">Brandon is a 2013 Civil Engineering graduate from UBCO. He has 5 years of experience working with a large equipment manufacturer and additional experience with a structural consulting company. Brandon's time spent as an engineering project leader and his knowledge of AutoCAD and Soldiworks rounds out our engineering team. <br><br></p>\n <div class=\"mbr-pt-2\" mbr-class=\"{'custom-pr': cardsAlign == 3}\">\n <a href=\"#\" mbr-text=\"\" class=\"custom-link link mbr-fonts-style mbr-bold mbr-black text-primary\" mbr-theme-style=\"display-7\" mbr-if=\"showCardsLinks\" data-app-selector=\".custom-link\">Read More</a>\n </div>\n </div> \n </div>\n </div>\n </div>\n <div class=\"mbr-col-sm-12 mbr-col-md-6 mbr-col-lg-4\" mbr-class=\"{'mbr-col-lg-10': !flexDirection}\" mbr-if=\"cardsCount > 3\">\n <div class=\"card-box-wrapper\">\n <div class=\"card-box mbr-flex\" mbr-class=\"{'align-center': cardsAlign==2,\n 'align-right': cardsAlign==3}\">\n <div class=\"img-box\" mbr-if=\"checkImages\">\n <amp-img class=\"mobirise-loader\" src=\"@PROJECT_PATH@/assets/images/background429.jpg\" layout=\"responsive\" height=\"100\" width=\"150.0586166471278\" alt=\"image\">\n <div placeholder=\"\" class=\"placeholder\"></div>\n <img class=\"mbr-temp\" src=\"@PROJECT_PATH@/assets/images/background429.jpg\" alt=\"\">\n </amp-img>\n </div>\n <div class=\"cont-box\">\n <h4 class=\"mbr-fonts-style mbr-bold mbr-pt-2 mbr-pb-2 custom-card-title\" mbr-theme-style=\"display-4\" mbr-if=\"showCardsTitle\" data-app-selector=\".custom-card-title\">Kaushik Prakash</h4>\n <p class=\"mbr-fonts-style mbr-pb-2 custom-card-text\" mbr-theme-style=\"display-7\" mbr-if=\"showCardsText\" data-app-selector=\".custom-card-text\">Kaushik will graduate in December 2019 with a Masters in Mechanical Engineering from UBC. His experience includes completing the design and fabrication of a humanoid robotic arm using composite materials. <br></p>\n <div class=\"mbr-pt-2\" mbr-class=\"{'custom-pr': cardsAlign == 3}\">\n <a href=\"#\" mbr-text=\"\" class=\"custom-link link mbr-fonts-style mbr-bold mbr-black text-primary\" mbr-theme-style=\"display-7\" mbr-if=\"showCardsLinks\" data-app-selector=\".custom-link\">Read More</a>\n </div>\n </div> \n </div>\n </div>\n </div>\n <div class=\"mbr-col-sm-12 mbr-col-md-6 mbr-col-lg-4\" mbr-class=\"{'mbr-col-lg-10': !flexDirection}\" mbr-if=\"cardsCount > 4\">\n <div class=\"card-box-wrapper\">\n <div class=\"card-box mbr-flex\" mbr-class=\"{'align-center': cardsAlign==2,\n 'align-right': cardsAlign==3}\">\n <div class=\"img-box\" mbr-if=\"checkImages\">\n <amp-img class=\"mobirise-loader\" src=\"@PROJECT_PATH@/assets/images/background530.jpg\" layout=\"responsive\" height=\"100\" width=\"177.77777777777777\" alt=\"image\">\n <div placeholder=\"\" class=\"placeholder\"></div>\n <img class=\"mbr-temp\" src=\"@PROJECT_PATH@/assets/images/background530.jpg\" alt=\"\">\n </amp-img>\n </div>\n <div class=\"cont-box\">\n <h4 class=\"mbr-fonts-style mbr-bold mbr-pt-2 mbr-pb-2 custom-card-title\" mbr-theme-style=\"display-5\" mbr-if=\"showCardsTitle\" data-app-selector=\".custom-card-title\">Greenwatch</h4>\n <p class=\"mbr-fonts-style mbr-pb-2 custom-card-text\" mbr-theme-style=\"display-7\" mbr-if=\"showCardsText\" data-app-selector=\".custom-card-text\">Lorem ipsum dolor sit amet\n consectetur adipisicing elit. Minus alias modi quis id vero assumenda, enim necessitatibus corporis quidem eius!</p>\n <div class=\"mbr-pt-2\" mbr-class=\"{'custom-pr': cardsAlign == 3}\">\n <a href=\"#\" mbr-text=\"\" class=\"custom-link link mbr-fonts-style mbr-bold mbr-black text-primary\" mbr-theme-style=\"display-7\" mbr-if=\"showCardsLinks\" data-app-selector=\".custom-link\">Read More</a>\n </div>\n </div> \n </div>\n </div>\n </div>\n <div class=\"mbr-col-sm-12 mbr-col-md-6 mbr-col-lg-4\" mbr-class=\"{'mbr-col-lg-10': !flexDirection}\" mbr-if=\"cardsCount > 5\">\n <div class=\"card-box-wrapper\">\n <div class=\"card-box mbr-flex\" mbr-class=\"{'align-center': cardsAlign==2,\n 'align-right': cardsAlign==3}\">\n <div class=\"img-box\" mbr-if=\"checkImages\">\n <amp-img class=\"mobirise-loader\" src=\"@PROJECT_PATH@/assets/images/background631.jpg\" layout=\"responsive\" height=\"100\" width=\"150.0586166471278\" alt=\"image\">\n <div placeholder=\"\" class=\"placeholder\"></div>\n <img class=\"mbr-temp\" src=\"@PROJECT_PATH@/assets/images/background631.jpg\" alt=\"\">\n </amp-img>\n </div>\n <div class=\"cont-box\">\n <h4 class=\"mbr-fonts-style mbr-bold mbr-pt-2 mbr-pb-2 custom-card-title\" mbr-theme-style=\"display-5\" mbr-if=\"showCardsTitle\" data-app-selector=\".custom-card-title\">Kensing Gardens</h4>\n <p class=\"mbr-fonts-style mbr-pb-2 custom-card-text\" mbr-theme-style=\"display-7\" mbr-if=\"showCardsText\" data-app-selector=\".custom-card-text\">Lorem ipsum dolor sit amet\n consectetur adipisicing elit. Minus alias modi quis id vero assumenda, enim necessitatibus corporis quidem eius!</p>\n <div class=\"mbr-pt-2\" mbr-class=\"{'custom-pr': cardsAlign == 3}\">\n <a href=\"#\" mbr-text=\"\" class=\"custom-link link mbr-fonts-style mbr-bold mbr-black text-primary\" mbr-theme-style=\"display-7\" mbr-if=\"showCardsLinks\" data-app-selector=\".custom-link\">Read More</a>\n </div>\n </div> \n </div>\n </div>\n </div>\n </div>\n </div>\n</section>", "_anchor": "features1-1k", "_isUserblock": true, "_sourceTheme": "simpleamp", "_cid": "rFERatIH2g", "_protectedParams": [], "_global": false, "_once": false, "_params": {} }, { "alias": false, "_styles": { "padding-top": "(@paddingTop * 1rem)", "padding-bottom": "(@paddingBottom * 1rem)", "& when (@bg-type = 'color')": { "background-color": "@bg-value" }, "& when (@bg-type = 'image')": { "background-image": "url(@bg-value)", ".mbr-overlay": { "background-color": "@overlayColor", "opacity": "@overlayOpacity" } }, ".card-box": { "width": "100%", "background-color": "@cardBg", "transition": "0.5s", "&:hover": { "transform": "translateY(-15px)", "box-shadow": "0 25px 45px rgba(0, 0, 0, 0.2)", ".iconfont-wrapper": { "transform": "rotateZ(360deg)" } }, "@media (max-width: 991px)": { "display": "block" } }, "& when (@checkImages) and not (@flexDirection)": { ".card-img": { "padding": "0", "@media (max-width: 991px)": { "width": "100%", "margin-bottom": "2rem" } } }, ".card-box-wrapper": { "margin-bottom": "2rem" }, ".custom-link": { "text-transform": "uppercase", "position": "relative" }, ".custom-link::after, .custom-link::before": { "position": "absolute", "display": "block", "content": "\"\"", "transition": "0.5s" }, ".custom-link::after": { "width": "20px", "height": "2px", "right": "-40%", "top": "50%", "background-color": "@arrColor", "& when not (@showCardsText)": { "right": "-50%" } }, ".custom-link::before": { "width": "6px", "height": "6px", "top": "42%", "right": "-40%", "border": "1px solid @arrColor", "border-bottom": "none", "border-left": "none", "transform": "rotate(45deg)", "& when not (@showCardsText)": { "right": "-50%" } }, ".custom-link:hover": { "&::after, &::before": { "transform": "translateX(10px)" }, "&::before": { "transform": "translateX(10px) rotate(45deg)" } }, ".cont-box": { "padding": "50px", "display": "flex", "flex-direction": "column", "justify-content": "center", "@media (max-width: 767px)": { "padding": "20px" } }, ".img-box": { "width": "130%", "& when not (@showCardsText)": { "width": "35%" }, "@media (max-width: 991px)": { "width": "auto" } }, "amp-img, img": { "object-fit": "cover" }, ".mbr-ai-c": { "align-items": "center" }, ".custom-pr": { "padding-right": "45px" }, ".custom-section-title": { "color": "#ffffff" } }, "_name": "features1", "_customHTML": "<section class=\"features1\" group=\"Article\" plugins=\"amp-main\">\n <mbr-parameters>\n <header>Size</header>\n <input type=\"range\" inline=\"\" title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"2\">\n <input type=\"range\" inline=\"\" title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"1\">\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n <input type=\"checkbox\" title=\"Row/Column\" name=\"flexDirection\" checked=\"\">\n <!-- -->\n <header>Title</header>\n <input type=\"checkbox\" title=\"Show Title\" name=\"showTitle\" checked=\"\">\n <input type=\"checkbox\" title=\"Show Subtitle\" name=\"showSubtitle\">\n <select title=\"Align\" name=\"titleAlign\" condition=\"showTitle || showSubtitle\">\n <option value=\"1\">Left</option>\n <option value=\"2\" selected=\"\">Center</option>\n <option value=\"3\">Right</option>\n </select>\n <header>Cards</header>\n <input type=\"range\" inline=\"\" title=\"Cards Count\" name=\"cardsCount\" min=\"1\" max=\"6\" step=\"1\" value=\"1\" condition=\"showCardsTitle || showCardsSubtitle || showCardsText || showCardsButtons || checkImages\" required=\"\">\n <select title=\"Align\" name=\"cardsAlign\" condition=\"showCardsTitle || showCardsSubtitle || showCardsText || showCardsButtons || checkImages\">\n <option value=\"1\" selected=\"\">Left</option>\n <option value=\"2\">Center</option>\n <option value=\"3\">Right</option>\n </select>\n <!-- -->\n <input type=\"checkbox\" title=\"Show Title\" name=\"showCardsTitle\" checked=\"\">\n <input type=\"checkbox\" title=\"Show Text\" name=\"showCardsText\" checked=\"\">\n <input type=\"checkbox\" title=\"Show Links\" name=\"showCardsLinks\">\n <input type=\"color\" title=\"Link Arrow Color\" name=\"arrColor\" value=\"#000000\">\n <input type=\"color\" title=\"Color\" name=\"cardBg\" value=\"#f6f9f8\" condition=\"!transparentBg && (showCardsTitle || showCardsSubtitle || showCardsText || showCardsButtons || checkImages)\">\n <!-- -->\n <input type=\"checkbox\" title=\"Images\" name=\"checkImages\">\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" required=\"\">\n <input type=\"color\" title=\"Background Color\" value=\"#8da462\" selected=\"\">\n <input type=\"image\" title=\"Background Image\" value=\"@PROJECT_PATH@/assets/images/background328.jpg\">\n </fieldset>\n <!-- -->\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked=\"\" condition=\"bg.type !== 'color'\">\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#efefef\" condition=\"overlay && bg.type == 'image'\">\n <input type=\"range\" inline=\"\" title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.5\" condition=\"overlay && bg.type == 'image'\">\n </mbr-parameters>\n\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\"></div>\n <div mbr-class=\"{'container':!fullWidth,\n 'container-fluid':fullWidth}\">\n <div class=\"mbr-row mbr-jc-c mbr-pb-5\" mbr-class=\"{'align-center': titleAlign==2,\n 'align-right': titleAlign==3}\">\n <div class=\"mbr-col-sm-12 mbr-col-md-12 mbr-col-lg-12 mbr-pb-4 custom-section-title\" mbr-if=\"showTitle\">\n <h3 class=\"mbr-fonts-style mbr-bold text-upper line-title\" mbr-theme-style=\"display-5\" data-app-selector=\".custom-section-title\"><span style=\"font-weight: normal;\">Marketing and Media</span></h3>\n </div>\n <div class=\"mbr-col-sm-12 mbr-col-md-12 mbr-col-lg-12 custom-section-subtitle\" mbr-if=\"showSubtitle\">\n <p class=\"mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".custom-section-subtitle\">Lorem ipsum dolor sit amet consectetur\n adipisicing elit. Iure consequatur voluptates, rerum explicabo ex recusandae!</p>\n </div>\n </div>\n <div class=\"mbr-row mbr-ai-c mbr-jc-c\" mbr-class=\"{'mbr-column': !flexDirection}\" mbr-if=\"showCardsTitle || showCardsSubtitle || showCardsText || showCardsButtons || checkImages\">\n <div class=\"mbr-col-sm-12 mbr-col-md-6 mbr-col-lg-4\" mbr-class=\"{'mbr-col-lg-10': !flexDirection || cardsCount == 1,\n 'mbr-col-lg-6': cardsCount == 2}\">\n <div class=\"card-box-wrapper\">\n <div class=\"card-box mbr-flex\" mbr-class=\"{'align-center': cardsAlign==2,\n 'align-right': cardsAlign==3}\">\n <div class=\"img-box\" mbr-if=\"checkImages\">\n <amp-img class=\"mobirise-loader\" src=\"@PROJECT_PATH@/assets/images/green-19x19.png\" layout=\"responsive\" height=\"100\" width=\"100\" alt=\"image\">\n <div placeholder=\"\" class=\"placeholder\"></div>\n <img class=\"mbr-temp\" src=\"@PROJECT_PATH@/assets/images/green-19x19.png\" alt=\"\" title=\"\">\n </amp-img>\n </div>\n <div class=\"cont-box\">\n <h4 class=\"mbr-fonts-style mbr-bold mbr-pt-2 mbr-pb-2 custom-card-title\" mbr-theme-style=\"display-7\" mbr-if=\"showCardsTitle\" data-app-selector=\".custom-card-title\">Darren Brown<span style=\"font-weight: normal;\">, </span><br><span style=\"font-weight: normal;\">Media Manager</span></h4>\n <p class=\"mbr-fonts-style mbr-pb-2 custom-card-text\" mbr-theme-style=\"display-7\" mbr-if=\"showCardsText\" data-app-selector=\".custom-card-text\">Darren coordinated work done by Mustel Marketing and other contractors in the market analysis of Modular Composite Structures during 2019. Darren has set up the company’s website and is no stranger to start-up companies as he worked with Club Penguin prior to their sale to Disney. <br></p>\n <div class=\"mbr-pt-2\" mbr-class=\"{'custom-pr': cardsAlign == 3}\">\n <a href=\"#\" mbr-text=\"\" class=\"custom-link link mbr-fonts-style mbr-bold mbr-black text-primary\" mbr-theme-style=\"display-7\" mbr-if=\"showCardsLinks\" data-app-selector=\".custom-link\">Read More</a>\n </div>\n </div> \n </div>\n </div>\n </div>\n <div class=\"mbr-col-sm-12 mbr-col-md-6 mbr-col-lg-4\" mbr-class=\"{'mbr-col-lg-10': !flexDirection,\n 'mbr-col-lg-6': cardsCount == 2}\" mbr-if=\"cardsCount > 1\">\n <div class=\"card-box-wrapper\">\n <div class=\"card-box mbr-flex\" mbr-class=\"{'align-center': cardsAlign==2,\n 'align-right': cardsAlign==3}\">\n <div class=\"img-box\" mbr-if=\"checkImages\">\n <amp-img class=\"mobirise-loader\" src=\"@PROJECT_PATH@/assets/images/green-19x19.png\" layout=\"responsive\" height=\"100\" width=\"100\" alt=\"image\">\n <div placeholder=\"\" class=\"placeholder\"></div>\n <img class=\"mbr-temp\" src=\"@PROJECT_PATH@/assets/images/green-19x19.png\" alt=\"\" title=\"\">\n </amp-img>\n </div>\n <div class=\"cont-box\">\n <h4 class=\"mbr-fonts-style mbr-bold mbr-pt-2 mbr-pb-2 custom-card-title\" mbr-theme-style=\"display-7\" mbr-if=\"showCardsTitle\" data-app-selector=\".custom-card-title\">Randy Miskuski<span style=\"font-weight: normal;\">, </span><br><span style=\"font-weight: normal;\">Sales Manager</span></h4>\n <p class=\"mbr-fonts-style mbr-pb-2 custom-card-text\" mbr-theme-style=\"display-7\" mbr-if=\"showCardsText\" data-app-selector=\".custom-card-text\">Randy has 2 years of\nexperience at Resodyn, an R&D and manufacturing company, that caters to a wide variety of industries globally. Randy has experience in managing large accounts, developing ROI’s and consulting on manufacturing processes. <br><br></p>\n <div class=\"mbr-pt-2\" mbr-class=\"{'custom-pr': cardsAlign == 3}\">\n <a href=\"#\" mbr-text=\"\" class=\"custom-link link mbr-fonts-style mbr-bold mbr-black text-primary\" mbr-theme-style=\"display-7\" mbr-if=\"showCardsLinks\" data-app-selector=\".custom-link\">Read More</a>\n </div>\n </div> \n </div>\n </div>\n </div>\n <div class=\"mbr-col-sm-12 mbr-col-md-6 mbr-col-lg-4\" mbr-class=\"{'mbr-col-lg-10': !flexDirection}\" mbr-if=\"cardsCount > 2\">\n <div class=\"card-box-wrapper\">\n <div class=\"card-box mbr-flex\" mbr-class=\"{'align-center': cardsAlign==2,\n 'align-right': cardsAlign==3}\">\n <div class=\"img-box\" mbr-if=\"checkImages\">\n <amp-img class=\"mobirise-loader\" src=\"@PROJECT_PATH@/assets/images/background328.jpg\" layout=\"responsive\" height=\"100\" width=\"138.52813852813853\" alt=\"image\">\n <div placeholder=\"\" class=\"placeholder\"></div>\n <img class=\"mbr-temp\" src=\"@PROJECT_PATH@/assets/images/background328.jpg\" alt=\"\">\n </amp-img>\n </div>\n <div class=\"cont-box\">\n <h4 class=\"mbr-fonts-style mbr-bold mbr-pt-2 mbr-pb-2 custom-card-title\" mbr-theme-style=\"display-5\" mbr-if=\"showCardsTitle\" data-app-selector=\".custom-card-title\">Primosse Hill</h4>\n <p class=\"mbr-fonts-style mbr-pb-2 custom-card-text\" mbr-theme-style=\"display-7\" mbr-if=\"showCardsText\" data-app-selector=\".custom-card-text\">Lorem ipsum dolor sit amet\n consectetur adipisicing elit. Minus alias modi quis id vero assumenda, enim necessitatibus corporis quidem eius!</p>\n <div class=\"mbr-pt-2\" mbr-class=\"{'custom-pr': cardsAlign == 3}\">\n <a href=\"#\" mbr-text=\"\" class=\"custom-link link mbr-fonts-style mbr-bold mbr-black text-primary\" mbr-theme-style=\"display-7\" mbr-if=\"showCardsLinks\" data-app-selector=\".custom-link\">Read More</a>\n </div>\n </div> \n </div>\n </div>\n </div>\n <div class=\"mbr-col-sm-12 mbr-col-md-6 mbr-col-lg-4\" mbr-class=\"{'mbr-col-lg-10': !flexDirection}\" mbr-if=\"cardsCount > 3\">\n <div class=\"card-box-wrapper\">\n <div class=\"card-box mbr-flex\" mbr-class=\"{'align-center': cardsAlign==2,\n 'align-right': cardsAlign==3}\">\n <div class=\"img-box\" mbr-if=\"checkImages\">\n <amp-img class=\"mobirise-loader\" src=\"@PROJECT_PATH@/assets/images/background429.jpg\" layout=\"responsive\" height=\"100\" width=\"150.0586166471278\" alt=\"image\">\n <div placeholder=\"\" class=\"placeholder\"></div>\n <img class=\"mbr-temp\" src=\"@PROJECT_PATH@/assets/images/background429.jpg\" alt=\"\">\n </amp-img>\n </div>\n <div class=\"cont-box\">\n <h4 class=\"mbr-fonts-style mbr-bold mbr-pt-2 mbr-pb-2 custom-card-title\" mbr-theme-style=\"display-5\" mbr-if=\"showCardsTitle\" data-app-selector=\".custom-card-title\">St Jane's Wood</h4>\n <p class=\"mbr-fonts-style mbr-pb-2 custom-card-text\" mbr-theme-style=\"display-7\" mbr-if=\"showCardsText\" data-app-selector=\".custom-card-text\">Lorem ipsum dolor sit amet\n consectetur adipisicing elit. Minus alias modi quis id vero assumenda, enim necessitatibus corporis quidem eius!</p>\n <div class=\"mbr-pt-2\" mbr-class=\"{'custom-pr': cardsAlign == 3}\">\n <a href=\"#\" mbr-text=\"\" class=\"custom-link link mbr-fonts-style mbr-bold mbr-black text-primary\" mbr-theme-style=\"display-7\" mbr-if=\"showCardsLinks\" data-app-selector=\".custom-link\">Read More</a>\n </div>\n </div> \n </div>\n </div>\n </div>\n <div class=\"mbr-col-sm-12 mbr-col-md-6 mbr-col-lg-4\" mbr-class=\"{'mbr-col-lg-10': !flexDirection}\" mbr-if=\"cardsCount > 4\">\n <div class=\"card-box-wrapper\">\n <div class=\"card-box mbr-flex\" mbr-class=\"{'align-center': cardsAlign==2,\n 'align-right': cardsAlign==3}\">\n <div class=\"img-box\" mbr-if=\"checkImages\">\n <amp-img class=\"mobirise-loader\" src=\"@PROJECT_PATH@/assets/images/background530.jpg\" layout=\"responsive\" height=\"100\" width=\"177.77777777777777\" alt=\"image\">\n <div placeholder=\"\" class=\"placeholder\"></div>\n <img class=\"mbr-temp\" src=\"@PROJECT_PATH@/assets/images/background530.jpg\" alt=\"\">\n </amp-img>\n </div>\n <div class=\"cont-box\">\n <h4 class=\"mbr-fonts-style mbr-bold mbr-pt-2 mbr-pb-2 custom-card-title\" mbr-theme-style=\"display-5\" mbr-if=\"showCardsTitle\" data-app-selector=\".custom-card-title\">Greenwatch</h4>\n <p class=\"mbr-fonts-style mbr-pb-2 custom-card-text\" mbr-theme-style=\"display-7\" mbr-if=\"showCardsText\" data-app-selector=\".custom-card-text\">Lorem ipsum dolor sit amet\n consectetur adipisicing elit. Minus alias modi quis id vero assumenda, enim necessitatibus corporis quidem eius!</p>\n <div class=\"mbr-pt-2\" mbr-class=\"{'custom-pr': cardsAlign == 3}\">\n <a href=\"#\" mbr-text=\"\" class=\"custom-link link mbr-fonts-style mbr-bold mbr-black text-primary\" mbr-theme-style=\"display-7\" mbr-if=\"showCardsLinks\" data-app-selector=\".custom-link\">Read More</a>\n </div>\n </div> \n </div>\n </div>\n </div>\n <div class=\"mbr-col-sm-12 mbr-col-md-6 mbr-col-lg-4\" mbr-class=\"{'mbr-col-lg-10': !flexDirection}\" mbr-if=\"cardsCount > 5\">\n <div class=\"card-box-wrapper\">\n <div class=\"card-box mbr-flex\" mbr-class=\"{'align-center': cardsAlign==2,\n 'align-right': cardsAlign==3}\">\n <div class=\"img-box\" mbr-if=\"checkImages\">\n <amp-img class=\"mobirise-loader\" src=\"@PROJECT_PATH@/assets/images/background631.jpg\" layout=\"responsive\" height=\"100\" width=\"150.0586166471278\" alt=\"image\">\n <div placeholder=\"\" class=\"placeholder\"></div>\n <img class=\"mbr-temp\" src=\"@PROJECT_PATH@/assets/images/background631.jpg\" alt=\"\">\n </amp-img>\n </div>\n <div class=\"cont-box\">\n <h4 class=\"mbr-fonts-style mbr-bold mbr-pt-2 mbr-pb-2 custom-card-title\" mbr-theme-style=\"display-5\" mbr-if=\"showCardsTitle\" data-app-selector=\".custom-card-title\">Kensing Gardens</h4>\n <p class=\"mbr-fonts-style mbr-pb-2 custom-card-text\" mbr-theme-style=\"display-7\" mbr-if=\"showCardsText\" data-app-selector=\".custom-card-text\">Lorem ipsum dolor sit amet\n consectetur adipisicing elit. Minus alias modi quis id vero assumenda, enim necessitatibus corporis quidem eius!</p>\n <div class=\"mbr-pt-2\" mbr-class=\"{'custom-pr': cardsAlign == 3}\">\n <a href=\"#\" mbr-text=\"\" class=\"custom-link link mbr-fonts-style mbr-bold mbr-black text-primary\" mbr-theme-style=\"display-7\" mbr-if=\"showCardsLinks\" data-app-selector=\".custom-link\">Read More</a>\n </div>\n </div> \n </div>\n </div>\n </div>\n </div>\n </div>\n</section>", "_anchor": "features1-1l", "_isUserblock": true, "_sourceTheme": "simpleamp", "_cid": "rFESqd9N4Z", "_protectedParams": [], "_global": false, "_once": false, "_params": {} }, { "alias": false, "_styles": { "padding-top": "(@paddingTop * 1rem)", "padding-bottom": "(@paddingBottom * 1rem)", "& when (@bg-type = 'color')": { "background-color": "@bg-value" }, "& when (@bg-type = 'image')": { "background-image": "url(@bg-value)", ".mbr-overlay": { "background-color": "@overlayColor", "opacity": "@overlayOpacity" } }, ".card-box-wrapper": { "height": "100%" }, ".card-box1": { "@media (max-width: 991px)": { "margin-top": "2rem" } }, ".card-box2": { "display": "flex", "align-items": "center", "height": "100%", "padding": "50px", "background-color": "@cardBg", "@media (max-width: 767px)": { "padding": "30px" } }, "& when (@reverseCards)": { ".order-col-1": { "order": "2" }, ".order-col-2": { "order": "1" }, ".card-box1": { "@media (max-width: 991px)": { "margin-bottom": "2rem" } } }, "H3": { "text-align": "center" } }, "_name": "features9", "_customHTML": "<section class=\"features9\" group=\"Article\" plugins=\"amp-main\">\n <mbr-parameters>\n <header>Size</header>\n <input type=\"range\" inline=\"\" title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"4\">\n <input type=\"range\" inline=\"\" title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"2\">\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n <input type=\"checkbox\" title=\"Row/Column\" name=\"flexDirection\" checked=\"\">\n <input type=\"checkbox\" title=\"Reverse Cards\" name=\"reverseCards\">\n <header>Title</header>\n <input type=\"checkbox\" title=\"Show Title\" name=\"showTitle\">\n <input type=\"checkbox\" title=\"Show Subtitle\" name=\"showSubtitle\">\n <select title=\"Align\" name=\"titleAlign\" condition=\"showTitle || showSubtitle\">\n <option value=\"1\">Left</option>\n <option value=\"2\" selected=\"\">Center</option>\n <option value=\"3\">Right</option>\n </select>\n <header>Cards</header>\n <select title=\"Card Align\" name=\"cardAlign\">\n <option value=\"1\">Left</option>\n <option value=\"2\" selected=\"\">Center</option>\n <option value=\"3\">Right</option>\n </select>\n <input type=\"checkbox\" title=\"Show Title\" name=\"showCardsTitle\">\n <input type=\"checkbox\" title=\"Show Text\" name=\"showCardsText\" checked=\"\">\n <input type=\"color\" title=\"Color\" name=\"cardBg\" value=\"#8da462\">\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" required=\"\">\n <input type=\"color\" title=\"Background Color\" value=\"#ffffff\" selected=\"\">\n <input type=\"image\" title=\"Background Image\" value=\"@PROJECT_PATH@/assets/images/background-mission-2000x1362.jpg\">\n </fieldset>\n <!-- -->\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked=\"\" condition=\"bg.type !== 'color'\">\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#efefef\" condition=\"overlay && bg.type == 'image'\">\n <input type=\"range\" inline=\"\" title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.6\" condition=\"overlay && bg.type == 'image'\">\n </mbr-parameters>\n\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\"></div>\n <div mbr-class=\"{'container':!fullWidth,\n 'container-fluid':fullWidth}\">\n <div class=\"mbr-row mbr-jc-c mbr-pb-5\" mbr-class=\"{'align-center': titleAlign==2,\n 'align-right': titleAlign==3}\">\n <div class=\"mbr-col-sm-12 mbr-col-md-12 mbr-col-lg-12 mbr-pb-4\" mbr-if=\"showTitle\">\n <h3 class=\"mbr-fonts-style mbr-bold text-upper line-title\" mbr-theme-style=\"display-5\">Problem and Solution</h3>\n </div>\n <div class=\"mbr-col-sm-12 mbr-col-md-12 mbr-col-lg-12\" mbr-if=\"showSubtitle\">\n <p class=\"mbr-fonts-style\" mbr-theme-style=\"display-7\">Lorem ipsum dolor sit amet consectetur\n adipisicing elit. Iure consequatur voluptates, rerum explicabo ex recusandae!</p>\n </div>\n </div>\n <div class=\"mbr-row mbr-jc-c\">\n <div class=\"mbr-col-sm-12 mbr-col-md-12 mbr-col-lg-4 order-col-1\">\n <div class=\"card-box-wrapper\">\n <div class=\"card-box2\" mbr-class=\"{'align-center': cardAlign==2,\n 'align-right': cardAlign==3}\">\n <div class=\"mbr-white\">\n <h4 class=\"mbr-fonts-style mbr-bold mbr-pb-2 custom-card-title\" mbr-theme-style=\"display-2\" mbr-if=\"showCardsTitle\" data-app-selector=\".custom-card-title\">Title</h4>\n <p class=\"mbr-fonts-style mbr-bold custom-card-text\" mbr-theme-style=\"display-5\" mbr-if=\"showCardsText\" data-app-selector=\".custom-card-text\">“ <span style=\"font-weight: normal;\"><i>Every once in a while, a new technology, an old problem and a big idea turn into an innovation. </i></span>” <br>\n<br>[ <span style=\"font-weight: normal;\">Dean Kamen</span> ]</p>\n </div>\n </div>\n </div>\n </div>\n <div class=\"mbr-col-sm-12 mbr-col-md-12 mbr-col-lg-8 order-col-2\">\n <div class=\"card-box-wrapper\">\n <div class=\"card-box1\">\n <amp-img class=\"mobirise-loader\" src=\"@PROJECT_PATH@/assets/images/flex-strucutre-alternative-800x346.png\" layout=\"responsive\" height=\"315\" width=\"728.3236994219653\" alt=\"Flex Structure Kelowna\">\n <div placeholder=\"\" class=\"placeholder\"></div>\n <img class=\"mbr-temp\" src=\"@PROJECT_PATH@/assets/images/flex-strucutre-alternative-800x346.png\" alt=\"Flex Structure Kelowna\" title=\"\">\n </amp-img>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>", "_cid": "rEwojfIzgx", "_anchor": "features9-14", "_protectedParams": [], "_global": false, "_once": false, "_params": {} }, { "alias": false, "_styles": { "padding-top": "(@paddingTop * 1rem)", "padding-bottom": "(@paddingBottom * 1rem)", "& when (@bg-type = 'color')": { "background-color": "@bg-value" }, "& when (@bg-type = 'image')": { "background-image": "url(@bg-value)", "& when (@overlay)": { ".mbr-overlay": { "background-color": "@overlayColor", "opacity": "@overlayOpacity" } } }, ".iconBackground": { "z-index": "1", "background-color": "@timelineColor" }, ".iconBackground, .mbr-timeline-title, .timeline-item-panel": { "transition": "0.5s" }, ".timeline-wrap:hover": { ".iconBackground": { "background-color": "@timelineHoverColor", "transform": "scale(1.2)" }, ".mbr-timeline-title": { "color": "@timelineHoverColor" } }, ".timeline-element:nth-child(odd):hover": { ".timeline-item-panel": { "transform": "translateX(15px)" } }, ".timeline-element:nth-child(even):hover": { ".timeline-item-panel": { "transform": "translateX(-15px)" } }, ".separline:before": { "background-color": "@timelineColor" }, "& when not (@showImages)": { ".timeline-item": { "width": "100%", "position": "relative" }, ".timeline-date-panel": { "display": "inline-block" }, ".timeline-date, .timeline-text-content": { "& when (@checkItemsBg)": { "background-color": "@timelineColor" } }, ".timeline-element:nth-child(odd)": { ".timeline-date-panel": { "margin-right": "2rem" }, ".timeline-text-content": { "margin-left": "2rem" } }, ".timeline-element:nth-child(even)": { ".timeline-date-panel": { "margin-left": "2rem" }, ".timeline-text-content": { "margin-right": "2rem" } } }, "& when (@showImages)": { ".timeline-wrap": { "width": "100%" }, ".timeline-img-wrap": { "display": "inline-block" }, "& when (@checkItemsBg)": { ".timeline-item": { "background-color": "@timelineColor" } }, ".timeline-element:nth-child(odd)": { ".timeline-img-panel": { "margin-right": "2rem" }, ".timeline-item-panel": { "margin-left": "2rem" } }, ".timeline-element:nth-child(even)": { ".timeline-img-panel": { "margin-left": "2rem" }, ".timeline-item-panel": { "margin-right": "2rem" } } }, "@media (min-width: 768px)": { ".mbr-col-md-6": { "padding": "0" } }, "& when (@checkItemsBg)": { ".timeline-date, .timeline-text-content": { "padding-left": "2rem", "padding-right": "2rem", "padding-top": "1.5rem", "padding-bottom": "1.5rem", "@media (max-width: 992px)": { "padding": "1rem" } } }, "@media (max-width: 767px)": { "& when not (@showImages)": { ".timeline-element": { ".timeline-wrap": { ".timeline-item": { "flex-direction": "column", ".timeline-date-panel": { "width": "100%", "margin": "0", "margin-bottom": "1rem" }, ".timeline-text-content": { "width": "100%", "margin": "0" } } } } }, "& when (@showImages)": { ".timelines-container": { ".timeline-element": { ".timeline-wrap": { "height": "100%", "flex-direction": "column", ".timeline-img-panel": { "width": "100%", "margin": "0", "margin-bottom": "1rem" }, ".timeline-item-panel": { "width": "100%", "margin": "0" } } } } } }, ".reverseTimeline": { "display": "flex", "flex-direction": "column-reverse" }, ".mbr-timeline-text": { "text-align": "left" }, ".mbr-timeline-title": { "text-align": "left" } }, "_name": "timeline1", "_customHTML": "<section class=\"timeline1\" group=\"Timeline\" plugins=\"amp-main\">\n <mbr-parameters>\n <!-- Block parameters controls (Blue \"Gear\" panel)-->\n <header>Size</header>\n <input type=\"range\" inline=\"\" title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"1\">\n <input type=\"range\" inline=\"\" title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"4\">\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n\n <header>Title</header>\n <input type=\"checkbox\" title=\"Show Title\" name=\"showTitle\" checked=\"\">\n <input type=\"checkbox\" title=\"Show Subtitle\" name=\"showSubtitle\">\n <select title=\"Align\" name=\"titleAlign\" condition=\"showTitle || showSubtitle\">\n <option value=\"1\">Left</option>\n <option value=\"2\" selected=\"\">Center</option>\n <option value=\"3\">Right</option>\n </select>\n\n <header>Items</header>\n <input type=\"range\" inline=\"\" title=\"Cards Count\" name=\"itemsCount\" min=\"1\" max=\"8\" step=\"1\" value=\"2\" required=\"\">\n <input type=\"checkbox\" title=\"Reverse Timeline\" name=\"reverseTimeline\">\n <input type=\"checkbox\" title=\"Show Images\" name=\"showImages\" checked=\"\">\n <input type=\"checkbox\" title=\"Show Dates\" name=\"showDates\" condition=\"showImages\">\n <input type=\"checkbox\" title=\"Show Card Title\" name=\"showCardTitle\" checked=\"\">\n <input type=\"checkbox\" title=\"Show Card Text\" name=\"showCardText\" checked=\"\">\n <!-- -->\n <input type=\"checkbox\" title=\"Items Bg\" name=\"checkItemsBg\">\n <input type=\"color\" title=\"Timelines Color\" name=\"timelineColor\" value=\"#cccccc\">\n <input type=\"color\" title=\"Timelines Hover Color\" name=\"timelineHoverColor\" value=\"#8da462\">\n\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" required=\"\">\n <input type=\"image\" title=\"Background Image\" value=\"../_images/background3.jpg\">\n <input type=\"color\" title=\"Background Color\" value=\"#ffffff\" selected=\"\">\n </fieldset>\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked=\"\" condition=\"bg.type !== 'color'\">\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#ececec\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline=\"\" title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.5\" condition=\"overlay && bg.type !== 'color'\">\n <!-- End block parameters -->\n </mbr-parameters>\n\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\"></div>\n <div mbr-class=\"{'container':!fullWidth,\n 'container-fluid':fullWidth}\">\n <div class=\"title\" mbr-if=\"showTitle || showSubtitle\" mbr-class=\"{'align-center': titleAlign == 2,\n 'align-right': titleAlign == 3}\">\n <h3 class=\"mbr-section-title mbr-fonts-style mbr-bold\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\" mbr-class=\"{'mbr-pb-2':showSubtitle}\">The Problem</h3>\n <h4 class=\"mbr-section-subtitle mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\">Lorem ipsum dolor sit amet, consectetur adipisicing elit</h4>\n </div>\n <div class=\"timelines-container mbr-pt-4\" mbri-timelines=\"\" mbr-class=\"{'reverseTimeline' : reverseTimeline}\">\n <!--1-->\n <div class=\"timeline-element separline\" mbr-class=\"{'last-child': itemsCount == 1,\n 'mbr-pb-4': itemsCount > 1}\">\n <div class=\"timeline-wrap\" mbr-class=\"{'mbr-flex': showImages}\">\n <div class=\"timeline-img-wrap mbr-col-sm-12 mbr-col-md-6 mbr-flex align-right\" mbr-if=\"showImages\">\n <div class=\"timeline-img-panel\">\n <amp-img class=\"mobirise-loader timeline-img\" src=\"@PROJECT_PATH@/assets/images/construction-houses-605x368.jpg\" layout=\"responsive\" height=\"318\" width=\"522.7989130434783\" alt=\"Construction Houses\">\n <div placeholder=\"\" class=\"placeholder\"></div>\n <img class=\"mbr-temp\" src=\"@PROJECT_PATH@/assets/images/construction-houses-605x368.jpg\" alt=\"Construction Houses\" title=\"\">\n </amp-img>\n </div>\n </div>\n <div class=\"timeline-item-wrap\" mbr-class=\"{'mbr-col-sm-12 mbr-col-md-6 mbr-flex mbr-column align-left': showImages}\">\n <div class=\"timeline-item-panel\">\n <div class=\"timeline-item\" mbr-class=\"{'mbr-flex': !showImages, 'mbr-pt-4 mbr-pb-4': showImages}\">\n <div class=\"timeline-date-wrap\" mbr-class=\"{'mbr-col-sm-12 mbr-col-md-6 align-right': !showImages}\">\n <div class=\"timeline-date-panel\">\n <p class=\"timeline-date mbr-fonts-style mbr-bold\" mbr-theme-style=\"display-2\" mbr-if=\"showDates\" data-app-selector=\".timeline-date\" mbr-class=\"{'mbr-pb-2': showImages,\n 'mbr-pt-4 mbr-pb-4': !showImages}\">1\n january 2025</p>\n </div>\n </div>\n <div class=\"timeline-text-wrap\" mbr-class=\"{'mbr-col-sm-12 mbr-col-md-6 align-left': !showImages}\">\n <div class=\"timeline-text-content\" mbr-class=\"{'mbr-pt-4 mbr-pb-4': !showImages}\">\n <h4 class=\"mbr-timeline-title mbr-fonts-style mbr-bold\" mbr-class=\"{'mbr-pb-2':showCardText}\" mbr-theme-style=\"display-5\" mbr-if=\"showCardTitle\" data-app-selector=\".mbr-timeline-title\">Construction </h4>\n <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showCardText\" data-app-selector=\".mbr-timeline-text\">Why are houses built of wood, cement and/or steel with over 16,000 parts?\n<br>\n<br>Why are 22 sub-trades needed to build an average house?\n<br>\n<br>Why is 8,000 lbs of waste created in the construction of a 2,000 sq ft house?<br></p>\n </div>\n </div>\n </div>\n </div>\n </div>\n <span class=\"iconBackground\"></span>\n </div>\n </div>\n <!--2-->\n <div class=\"timeline-element separline\" mbr-class=\"{'last-child': itemsCount == 2,\n 'mbr-pb-4': itemsCount > 2}\" mbr-if=\"itemsCount > 1\">\n <div class=\"timeline-wrap\" mbr-class=\"{'mbr-flex mbr-row-reverse': showImages}\">\n <div class=\"timeline-img-wrap mbr-col-sm-12 mbr-col-md-6 mbr-flex align-left\" mbr-if=\"showImages\">\n <div class=\"timeline-img-panel\">\n <amp-img class=\"mobirise-loader timeline-img\" src=\"@PROJECT_PATH@/assets/images/productivity-comparison-1-605x368.jpg\" layout=\"responsive\" height=\"318\" width=\"522.7989130434783\" alt=\"image\">\n <div placeholder=\"\" class=\"placeholder\"></div>\n <img class=\"mbr-temp\" src=\"@PROJECT_PATH@/assets/images/productivity-comparison-1-605x368.jpg\" alt=\"\" title=\"\">\n </amp-img>\n </div>\n </div>\n <div class=\"timeline-item-wrap\" mbr-class=\"{'mbr-col-sm-12 mbr-col-md-6 mbr-flex mbr-column align-right': showImages}\">\n <div class=\"timeline-item-panel\">\n <div class=\"timeline-item\" mbr-class=\"{'mbr-flex mbr-row-reverse': !showImages, 'mbr-pt-4 mbr-pb-4': showImages}\">\n <div class=\"timeline-date-wrap\" mbr-class=\"{'mbr-col-sm-12 mbr-col-md-6 align-left': !showImages}\">\n <div class=\"timeline-date-panel\">\n <p class=\"timeline-date mbr-fonts-style mbr-bold\" mbr-theme-style=\"display-2\" mbr-if=\"showDates\" data-app-selector=\".timeline-date\" mbr-class=\"{'mbr-pb-2': showImages,\n 'mbr-pt-4 mbr-pb-4': !showImages}\">2\n february 2024</p>\n </div>\n </div>\n <div class=\"timeline-text-wrap\" mbr-class=\"{'mbr-col-sm-12 mbr-col-md-6 align-right': !showImages}\">\n <div class=\"timeline-text-content\" mbr-class=\"{'mbr-pt-4 mbr-pb-4': !showImages}\">\n <h4 class=\"mbr-timeline-title mbr-fonts-style mbr-bold\" mbr-class=\"{'mbr-pb-2':showCardText}\" mbr-theme-style=\"display-5\" mbr-if=\"showCardTitle\" data-app-selector=\".mbr-timeline-title\">Global Challenges</h4>\n <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showCardText\" data-app-selector=\".mbr-timeline-text\">2 billion new homes needed globally by 2100\n<br>\n<br>Global construction industry forecast at $12.7 trillion in 2022 – productivity has barely increased\n<br>\n<br>Innovation opportunity is $1.6 trillion<br><br><br><br></p>\n </div>\n </div>\n </div>\n </div>\n </div>\n <span class=\"iconBackground\"></span>\n </div>\n </div>\n <!--3-->\n <div class=\"timeline-element separline\" mbr-class=\"{'last-child': itemsCount == 3,\n 'mbr-pb-4': itemsCount > 3}\" mbr-if=\"itemsCount > 2\">\n <div class=\"timeline-wrap\" mbr-class=\"{'mbr-flex': showImages}\">\n <div class=\"timeline-img-wrap mbr-col-sm-12 mbr-col-md-6 mbr-flex align-right\" mbr-if=\"showImages\">\n <div class=\"timeline-img-panel\">\n <amp-img class=\"mobirise-loader timeline-img\" src=\"@PROJECT_PATH@/assets/images/background3.jpg\" layout=\"responsive\" height=\"100\" width=\"138.52813852813853\" alt=\"image\">\n <div placeholder=\"\" class=\"placeholder\"></div>\n <img class=\"mbr-temp\" src=\"@PROJECT_PATH@/assets/images/background3.jpg\" alt=\"\">\n </amp-img>\n </div>\n </div>\n <div class=\"timeline-item-wrap\" mbr-class=\"{'mbr-col-sm-12 mbr-col-md-6 mbr-flex mbr-column align-left': showImages}\">\n <div class=\"timeline-item-panel\">\n <div class=\"timeline-item\" mbr-class=\"{'mbr-flex': !showImages, 'mbr-pt-4 mbr-pb-4': showImages}\">\n <div class=\"timeline-date-wrap\" mbr-class=\"{'mbr-col-sm-12 mbr-col-md-6 align-right': !showImages}\">\n <div class=\"timeline-date-panel\">\n <p class=\"timeline-date mbr-fonts-style mbr-bold\" mbr-theme-style=\"display-2\" mbr-if=\"showDates\" data-app-selector=\".timeline-date\" mbr-class=\"{'mbr-pb-2': showImages, 'mbr-pt-4 mbr-pb-4': !showImages}\">3\n march 2023</p>\n </div>\n </div>\n <div class=\"timeline-text-wrap\" mbr-class=\"{'mbr-col-sm-12 mbr-col-md-6 align-left': !showImages}\">\n <div class=\"timeline-text-content\" mbr-class=\"{'mbr-pt-4 mbr-pb-4': !showImages}\">\n <h4 class=\"mbr-timeline-title mbr-fonts-style mbr-bold\" mbr-class=\"{'mbr-pb-2':showCardText}\" mbr-theme-style=\"display-5\" mbr-if=\"showCardTitle\" data-app-selector=\".mbr-timeline-title\">Smart\n Watch</h4>\n <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showCardText\" data-app-selector=\".mbr-timeline-text\">Choose from the large selection of\n latest pre-made blocks - full-screen intro, responsive image gallery with a\n lightbox, hamburger menu, sticky header and more.</p>\n </div>\n </div>\n </div>\n </div>\n </div>\n <span class=\"iconBackground\"></span>\n </div>\n </div>\n <!--4-->\n <div class=\"timeline-element separline\" mbr-class=\"{'last-child': itemsCount == 4,\n 'mbr-pb-4': itemsCount > 4}\" mbr-if=\"itemsCount > 3\">\n <div class=\"timeline-wrap\" mbr-class=\"{'mbr-flex mbr-row-reverse': showImages}\">\n <div class=\"timeline-img-wrap mbr-col-sm-12 mbr-col-md-6 mbr-flex align-left\" mbr-if=\"showImages\">\n <div class=\"timeline-img-panel\">\n <amp-img class=\"mobirise-loader timeline-img\" src=\"@PROJECT_PATH@/assets/images/background4.jpg\" layout=\"responsive\" height=\"100\" width=\"150.0586166471278\" alt=\"image\">\n <div placeholder=\"\" class=\"placeholder\"></div>\n <img class=\"mbr-temp\" src=\"@PROJECT_PATH@/assets/images/background4.jpg\" alt=\"\">\n </amp-img>\n </div>\n </div>\n <div class=\"timeline-item-wrap\" mbr-class=\"{'mbr-col-sm-12 mbr-col-md-6 mbr-flex mbr-column align-right': showImages}\">\n <div class=\"timeline-item-panel\">\n <div class=\"timeline-item\" mbr-class=\"{'mbr-flex mbr-row-reverse': !showImages,\n 'mbr-pt-4 mbr-pb-4': showImages}\">\n <div class=\"timeline-date-wrap\" mbr-class=\"{'mbr-col-sm-12 mbr-col-md-6 align-left': !showImages}\">\n <div class=\"timeline-date-panel\">\n <p class=\"timeline-date mbr-fonts-style mbr-bold\" mbr-theme-style=\"display-2\" mbr-if=\"showDates\" data-app-selector=\".timeline-date\" mbr-class=\"{'mbr-pb-2': showImages, \n 'mbr-pt-4 mbr-pb-4': !showImages}\">4\n april 2022</p>\n </div>\n </div>\n <div class=\"timeline-text-wrap\" mbr-class=\"{'mbr-col-sm-12 mbr-col-md-6 align-right': !showImages}\">\n <div class=\"timeline-text-content\" mbr-class=\"{'mbr-pt-4 mbr-pb-4': !showImages}\">\n <h4 class=\"mbr-timeline-title mbr-fonts-style mbr-bold\" mbr-class=\"{'mbr-pb-2':showCardText}\" mbr-theme-style=\"display-5\" mbr-if=\"showCardTitle\" data-app-selector=\".mbr-timeline-title\">Design\n out of the box</h4>\n <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showCardText\" data-app-selector=\".mbr-timeline-text\">Cut down the development time with\n drag-and-drop website builder. Drop the blocks into the page, edit content\n inline and publish - no technical skills required.</p>\n </div>\n </div>\n </div>\n </div>\n </div>\n <span class=\"iconBackground\"></span>\n </div>\n </div>\n <!--5-->\n <div class=\"timeline-element separline\" mbr-class=\"{'last-child': itemsCount == 5,\n 'mbr-pb-4': itemsCount > 5}\" mbr-if=\"itemsCount > 4\">\n <div class=\"timeline-wrap\" mbr-class=\"{'mbr-flex': showImages}\">\n <div class=\"timeline-img-wrap mbr-col-sm-12 mbr-col-md-6 mbr-flex align-right\" mbr-if=\"showImages\">\n <div class=\"timeline-img-panel\">\n <amp-img class=\"mobirise-loader timeline-img\" src=\"@PROJECT_PATH@/assets/images/background5.jpg\" layout=\"responsive\" height=\"100\" width=\"177.77777777777777\" alt=\"image\">\n <div placeholder=\"\" class=\"placeholder\"></div>\n <img class=\"mbr-temp\" src=\"@PROJECT_PATH@/assets/images/background5.jpg\" alt=\"\">\n </amp-img>\n </div>\n </div>\n <div class=\"timeline-item-wrap\" mbr-class=\"{'mbr-col-sm-12 mbr-col-md-6 mbr-flex mbr-column align-left': showImages}\">\n <div class=\"timeline-item-panel\">\n <div class=\"timeline-item\" mbr-class=\"{'mbr-flex': !showImages, 'mbr-pt-4 mbr-pb-4': showImages}\">\n <div class=\"timeline-date-wrap\" mbr-class=\"{'mbr-col-sm-12 mbr-col-md-6 align-right': !showImages}\">\n <div class=\"timeline-date-panel\">\n <p class=\"timeline-date mbr-fonts-style mbr-bold\" mbr-theme-style=\"display-2\" mbr-if=\"showDates\" data-app-selector=\".timeline-date\" mbr-class=\"{'mbr-pb-2': showImages,\n 'mbr-pt-4 mbr-pb-4': !showImages}\">5\n may 2021</p>\n </div>\n </div>\n <div class=\"timeline-text-wrap\" mbr-class=\"{'mbr-col-sm-12 mbr-col-md-6 align-left': !showImages}\">\n <div class=\"timeline-text-content\" mbr-class=\"{'mbr-pt-4 mbr-pb-4': !showImages}\">\n <h4 class=\"mbr-timeline-title mbr-fonts-style mbr-bold\" mbr-class=\"{'mbr-pb-2':showCardText}\" mbr-theme-style=\"display-5\" mbr-if=\"showCardTitle\" data-app-selector=\".mbr-timeline-title\">Awesome\n Reports</h4>\n <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showCardText\" data-app-selector=\".mbr-timeline-text\">Lorem ipsum dolor sit amet,\n consectetur adipiscing elit. Nam erat libero, bibendum in libero tempor,\n luctus volutpat ligula. Integer fringilla porttitor pretium. Nam erat\n felis, iaculis id justo ut, ullamcorper feugiat elit. Proin vel lectus\n auctor, porttitor ligula vitae, convallis leo. In eget massa elit.</p>\n </div>\n </div>\n </div>\n </div>\n </div>\n <span class=\"iconBackground\"></span>\n </div>\n </div>\n <!--6-->\n <div class=\"timeline-element separline\" mbr-class=\"{'last-child': itemsCount == 6,\n 'mbr-pb-4': itemsCount > 6}\" mbr-if=\"itemsCount > 5\">\n <div class=\"timeline-wrap\" mbr-class=\"{'mbr-flex mbr-row-reverse': showImages}\">\n <div class=\"timeline-img-wrap mbr-col-sm-12 mbr-col-md-6 mbr-flex align-left\" mbr-if=\"showImages\">\n <div class=\"timeline-img-panel\">\n <amp-img class=\"mobirise-loader timeline-img\" src=\"@PROJECT_PATH@/assets/images/background6.jpg\" layout=\"responsive\" height=\"100\" width=\"150.0586166471278\" alt=\"image\">\n <div placeholder=\"\" class=\"placeholder\"></div>\n <img class=\"mbr-temp\" src=\"@PROJECT_PATH@/assets/images/background6.jpg\" alt=\"\">\n </amp-img>\n </div>\n </div>\n <div class=\"timeline-item-wrap\" mbr-class=\"{'mbr-col-sm-12 mbr-col-md-6 mbr-flex mbr-column align-right': showImages}\">\n <div class=\"timeline-item-panel\">\n <div class=\"timeline-item\" mbr-class=\"{'mbr-flex mbr-row-reverse': !showImages,\n 'mbr-pt-4 mbr-pb-4': showImages}\">\n <div class=\"timeline-date-wrap\" mbr-class=\"{'mbr-col-sm-12 mbr-col-md-6 align-left': !showImages}\">\n <div class=\"timeline-date-panel\">\n <p class=\"timeline-date mbr-fonts-style mbr-bold\" mbr-theme-style=\"display-2\" mbr-if=\"showDates\" data-app-selector=\".timeline-date\" mbr-class=\"{'mbr-pb-2': showImages, 'mbr-pt-4 mbr-pb-4': !showImages}\">6\n june 2021</p>\n </div>\n </div>\n <div class=\"timeline-text-wrap\" mbr-class=\"{'mbr-col-sm-12 mbr-col-md-6 align-right': !showImages}\">\n <div class=\"timeline-text-content\" mbr-class=\"{'mbr-pt-4 mbr-pb-4': !showImages}\">\n <h4 class=\"mbr-timeline-title mbr-fonts-style mbr-bold\" mbr-class=\"{'mbr-pb-2':showCardText}\" mbr-theme-style=\"display-5\" mbr-if=\"showCardTitle\" data-app-selector=\".mbr-timeline-title\">Multi\n Homepages</h4>\n <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showCardText\" data-app-selector=\".mbr-timeline-text\">Lorem ipsum dolor sit amet,\n consectetur adipiscing elit. Nam erat libero, bibendum in libero tempor,\n luctus volutpat ligula. Integer fringilla porttitor pretium. Nam erat\n felis, iaculis id justo ut, ullamcorper feugiat elit. Proin vel lectus\n auctor, porttitor ligula vitae, convallis leo. In eget massa elit.</p>\n </div>\n </div>\n </div>\n </div>\n </div>\n <span class=\"iconBackground\"></span>\n </div>\n </div>\n <!--7-->\n <div class=\"timeline-element separline\" mbr-class=\"{'last-child': itemsCount == 7,\n 'mbr-pb-4': itemsCount > 7}\" mbr-if=\"itemsCount > 6\">\n <div class=\"timeline-wrap\" mbr-class=\"{'mbr-flex': showImages}\">\n <div class=\"timeline-img-wrap mbr-col-sm-12 mbr-col-md-6 mbr-flex align-right\" mbr-if=\"showImages\">\n <div class=\"timeline-img-panel\">\n <amp-img class=\"mobirise-loader timeline-img\" src=\"@PROJECT_PATH@/assets/images/background7.jpg\" layout=\"responsive\" height=\"100\" width=\"150.0586166471278\" alt=\"image\">\n <div placeholder=\"\" class=\"placeholder\"></div>\n <img class=\"mbr-temp\" src=\"@PROJECT_PATH@/assets/images/background7.jpg\" alt=\"\">\n </amp-img>\n </div>\n </div>\n <div class=\"timeline-item-wrap\" mbr-class=\"{'mbr-col-sm-12 mbr-col-md-6 mbr-flex mbr-column align-left': showImages}\">\n <div class=\"timeline-item-panel\">\n <div class=\"timeline-item\" mbr-class=\"{'mbr-flex': !showImages, 'mbr-pt-4 mbr-pb-4': showImages}\">\n <div class=\"timeline-date-wrap\" mbr-class=\"{'mbr-col-sm-12 mbr-col-md-6 align-right': !showImages}\">\n <div class=\"timeline-date-panel\">\n <p class=\"timeline-date mbr-fonts-style mbr-bold\" mbr-theme-style=\"display-2\" mbr-if=\"showDates\" data-app-selector=\".timeline-date\" mbr-class=\"{'mbr-pb-2': showImages,\n 'mbr-pt-4 mbr-pb-4': !showImages}\">7\n july 2021</p>\n </div>\n </div>\n <div class=\"timeline-text-wrap\" mbr-class=\"{'mbr-col-sm-12 mbr-col-md-6 align-left': !showImages}\">\n <div class=\"timeline-text-content\" mbr-class=\"{'mbr-pt-4 mbr-pb-4': !showImages}\">\n <h4 class=\"mbr-timeline-title mbr-fonts-style mbr-bold\" mbr-class=\"{'mbr-pb-2':showCardText}\" mbr-theme-style=\"display-5\" mbr-if=\"showCardTitle\" data-app-selector=\".mbr-timeline-title\">Responsive\n Design</h4>\n <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showCardText\" data-app-selector=\".mbr-timeline-text\">Lorem ipsum dolor sit amet,\n consectetur adipiscing elit. Nam erat libero, bibendum in libero tempor,\n luctus volutpat ligula. Integer fringilla porttitor pretium. Nam erat\n felis, iaculis id justo ut, ullamcorper feugiat elit. Proin vel lectus\n auctor, porttitor ligula vitae, convallis leo. In eget massa elit.</p>\n </div>\n </div>\n </div>\n </div>\n </div>\n <span class=\"iconBackground\"></span>\n </div>\n </div>\n <!--8-->\n <div class=\"timeline-element separline\" mbr-class=\"{'last-child': itemsCount == 8}\" mbr-if=\"itemsCount > 7\">\n <div class=\"timeline-wrap\" mbr-class=\"{'mbr-flex mbr-row-reverse': showImages}\">\n <div class=\"timeline-img-wrap mbr-col-sm-12 mbr-col-md-6 mbr-flex align-left\" mbr-if=\"showImages\">\n <div class=\"timeline-img-panel\">\n <amp-img class=\"mobirise-loader timeline-img\" src=\"@PROJECT_PATH@/assets/images/background8.jpg\" layout=\"responsive\" height=\"100\" width=\"149.88290398126466\" alt=\"image\">\n <div placeholder=\"\" class=\"placeholder\"></div>\n <img class=\"mbr-temp\" src=\"@PROJECT_PATH@/assets/images/background8.jpg\" alt=\"\">\n </amp-img>\n </div>\n </div>\n <div class=\"timeline-item-wrap\" mbr-class=\"{'mbr-col-sm-12 mbr-col-md-6 mbr-flex mbr-column align-right': showImages}\">\n <div class=\"timeline-item-panel\">\n <div class=\"timeline-item\" mbr-class=\"{'mbr-flex mbr-row-reverse': !showImages,\n 'mbr-pt-4 mbr-pb-4': showImages}\">\n <div class=\"timeline-date-wrap\" mbr-class=\"{'mbr-col-sm-12 mbr-col-md-6 align-left': !showImages}\">\n <div class=\"timeline-date-panel\">\n <p class=\"timeline-date mbr-fonts-style\" mbr-theme-style=\"display-2\" mbr-if=\"showDates\" data-app-selector=\".timeline-date\" mbr-class=\"{'mbr-pb-2': showImages,\n 'mbr-pt-4 mbr-pb-4': !showImages}\">8\n august 2020</p>\n </div>\n </div>\n <div class=\"timeline-text-wrap\" mbr-class=\"{'mbr-col-sm-12 mbr-col-md-6 align-right': !showImages}\">\n <div class=\"timeline-text-content\" mbr-class=\"{'mbr-pt-4 mbr-pb-4': !showImages}\">\n <h4 class=\"mbr-timeline-title mbr-fonts-style mbr-bold\" mbr-class=\"{'mbr-pb-2':showCardText}\" mbr-theme-style=\"display-5\" mbr-if=\"showCardTitle\" data-app-selector=\".mbr-timeline-title\">Smart\n Watch</h4>\n <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showCardText\" data-app-selector=\".mbr-timeline-text\">Lorem ipsum dolor sit amet,\n consectetur adipiscing elit. Nam erat libero, bibendum in libero tempor,\n luctus volutpat ligula. Integer fringilla porttitor pretium. Nam erat\n felis, iaculis id justo ut, ullamcorper feugiat elit. Proin vel lectus\n auctor, porttitor ligula vitae, convallis leo. In eget massa elit.</p>\n </div>\n </div>\n </div>\n </div>\n </div>\n <span class=\"iconBackground\"></span>\n </div>\n </div>\n </div>\n </div>\n</section>", "_cid": "rFL6NcpswN", "_anchor": "timeline1-14", "_protectedParams": [], "_global": false, "_once": false, "_params": {} }, { "alias": false, "_styles": { "padding-top": "(@paddingTop * 1rem)", "padding-bottom": "(@paddingBottom * 1rem)", "background-color": "@bgColor" }, "_name": "image1", "_customHTML": "<section class=\"image1\" group=\"Images & Videos\" plugins=\"amp-main\">\n\n <mbr-parameters>\n <!-- Block parameters controls (Blue \"Gear\" panel) -->\n <header>Size</header>\n <input type=\"range\" inline=\"\" title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" value=\"1\" step=\"1\">\n <input type=\"range\" inline=\"\" title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" value=\"4\" step=\"1\">\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n <input type=\"range\" inline=\"\" title=\"Image Width\" name=\"imagesSize\" min=\"1\" max=\"5\" value=\"5\" step=\"1\" condition=\"fullWidth == false\" required=\"\">\n <header>Title</header>\n <input type=\"checkbox\" title=\"Show Title\" name=\"showTitle\" checked=\"\">\n <input type=\"checkbox\" title=\"Show Caption\" name=\"showText\">\n <select title=\"Align\" name=\"titleAlign\" condition=\"showTitle || showText\">\n <option value=\"1\">Left</option>\n <option value=\"2\" selected=\"\">Center</option>\n <option value=\"3\">Right</option>\n </select>\n <header>Background</header>\n <input type=\"color\" title=\"Background Color\" name=\"bgColor\" value=\"#ffffff\" required=\"\">\n <!-- End block parameters -->\n </mbr-parameters>\n <div mbr-class=\"{'container':!fullWidth,\n 'container-fluid':fullWidth}\">\n <h3 class=\"mbr-section-title mbr-fonts-style mbr-pb-4 mbr-px-4 mbr-bold\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\" mbr-class=\"{'align-left': titleAlign == 1,\n 'align-center': titleAlign == 2,\n 'align-right': titleAlign == 3}\">The Solution</h3>\n <div class=\"image-block mbr-m-auto align-center\" mbr-class=\"{'mbr-col-md-5': imagesSize==1 && !fullWidth,\n 'mbr-col-md-6': imagesSize==2 && !fullWidth,\n 'mbr-col-md-7': imagesSize==3 && !fullWidth,\n 'mbr-col-md-8': imagesSize==4 && !fullWidth,\n 'mbr-col-md-9': imagesSize==5 && !fullWidth}\">\n <amp-img class=\"mobirise-loader\" src=\"@PROJECT_PATH@/assets/images/flex-structure-product-lineup-1341x352.png\" layout=\"responsive\" width=\"1108.6107954545455\" height=\"291\" alt=\"FLEX Structure Product Lineup \">\n <div placeholder=\"\" class=\"placeholder\"></div>\n <img class=\"mbr-temp\" src=\"@PROJECT_PATH@/assets/images/flex-structure-product-lineup-1341x352.png\" alt=\"FLEX Structure Product Lineup \" title=\"\">\n </amp-img>\n </div>\n <div class=\"mbr-figure-caption mbr-pt-2 mbr-px-4\" mbr-if=\"showText\">\n <p mbr-text=\"\" class=\"mbr-text mbr-black align-center mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text\" mbr-class=\"{'align-left': titleAlign == 1,\n 'align-center': titleAlign == 2,\n 'align-right': titleAlign == 3}\">Create awesome and mobile-friendly websites!</p>\n </div>\n </div>\n</section>", "_cid": "rEwNwQD1dp", "_anchor": "image1-1f", "_protectedParams": [], "_global": false, "_once": false, "_params": {} }, { "alias": false, "_styles": { "padding-top": "(@paddingTop * 1rem)", "padding-bottom": "(@paddingBottom * 1rem)", "& when (@bg-type = 'color')": { "background-color": "@bg-value" }, "& when (@bg-type = 'image')": { "background-image": "url(@bg-value)", ".mbr-overlay": { "background-color": "@overlayColor", "opacity": "@overlayOpacity" } }, ".iconfont-wrapper": { "width": "~\"@{iconsSize}rem\"", "height": "~\"@{iconsSize}rem\"", "display": "inline-flex" }, ".amp-iconfont": { "font-size": "~\"@{iconsSize}rem\"", "width": "~\"@{iconsSize}rem\"", "vertical-align": "middle", "color": "@iconsColor" }, ".card-box": { "align-items": "center", "padding-bottom": "20px" }, ".text-box": { "padding-left": "25px" } }, "_name": "content6", "_customHTML": "<section class=\"mbr-section content6\" group=\"Features\" plugins=\"amp-main\">\n <mbr-parameters>\n <!-- Block parameters controls (Blue \"Gear\" panel) -->\n <header>Size</header>\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"2\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"2\">\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n <!-- -->\n <header>Cards</header>\n <input type=\"range\" title=\"Cards Count\" name=\"cardsAmount\" min=\"1\" max=\"8\" value=\"5\">\n <select title=\"Align\" name=\"cardsAlign\">\n <option value=\"1\" selected>Left</option>\n <option value=\"2\">Center</option>\n <option value=\"3\">Right</option>\n </select>\n <input type=\"checkbox\" title=\"Show Title\" name=\"showTitle\">\n <input type=\"checkbox\" title=\"Show Text\" name=\"showText\" checked>\n <input type=\"checkbox\" title=\"Show Icons\" name=\"showIcons\" checked>\n <input type=\"range\" title=\"Icons Size\" name=\"iconsSize\" min=\"1.8\" max=\"4\" step=\"0.1\" value=\"4\" condition=\"showIcons\">\n <input type=\"color\" title=\"Icons Color\" name=\"iconsColor\" value=\"#8da462\" condition=\"showIcons\">\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" required>\n <input type=\"color\" title=\"Background Color\" value=\"#ffffff\" selected>\n <input type=\"image\" title=\"Background Image\" value=\"../_images/background3.jpg\">\n </fieldset>\n <!-- -->\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type !== 'color'\">\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#efefef\" condition=\"overlay && bg.type == 'image'\">\n <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.5\" condition=\"overlay && bg.type == 'image'\">\n <!-- End block parameters -->\n </mbr-parameters> \n\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\"></div>\n <div mbr-class=\"{'container':!fullWidth,\n 'container-fluid':fullWidth}\">\n <div class=\"mbr-row mbr-jc-c\" mbr-class=\"{'align-center': cardsAlign == 2,\n 'align-right': cardsAlign == 3}\">\n <div class=\"mbr-col-sm-12 mbr-col-md-4\" mbr-class=\"{'mbr-col-lg-12': cardsAmount == 1,\n 'mbr-col-lg-6': cardsAmount == 2,\n 'mbr-col-lg-4': cardsAmount == 3,\n 'mbr-col-lg-3': cardsAmount >= 4}\">\n <div class=\"card-box mbr-flex\" mbr-class=\"{'mbr-jc-c': cardsAmount == 1}\">\n <div class=\"icon-box\" mbr-if=\"showIcons\">\n <div class=\"iconfont-wrapper\">\n <span mbr-icon class=\"amp-iconfont animation-normal mbri-growing-chart\"></span>\n </div>\n </div>\n <div class=\"text-box\">\n <h3 class=\"mbr-fonts-style mbr-pb-1 mbr-bold\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\">Delivery</h3>\n <p class=\"mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\">Start with small changes, then build on success <br></p>\n </div>\n </div>\n </div>\n <div class=\"mbr-col-sm-12 mbr-col-md-4\" mbr-class=\"{'mbr-col-lg-6': cardsAmount == 2,\n 'mbr-col-lg-4': cardsAmount == 3,\n 'mbr-col-lg-3': cardsAmount >= 4}\" mbr-if=\"cardsAmount > 1\">\n <div class=\"card-box mbr-flex\">\n <div class=\"icon-box\" mbr-if=\"showIcons\">\n <div class=\"iconfont-wrapper\">\n <span mbr-icon class=\"amp-iconfont animation-normal mbri-update\"></span>\n </div>\n </div>\n <div class=\"text-box\">\n <h3 class=\"mbr-fonts-style mbr-pb-1 mbr-bold\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\">Flexible Settings</h3>\n <p class=\"mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\">Use composite materials (recycled high-performance polymers)<br></p>\n </div>\n </div>\n </div>\n <div class=\"mbr-col-sm-12 mbr-col-md-4\" mbr-class=\"{'mbr-col-lg-4': cardsAmount == 3,\n 'mbr-col-lg-3': cardsAmount >= 4}\" mbr-if=\"cardsAmount > 2\">\n <div class=\"card-box mbr-flex\">\n <div class=\"icon-box\" mbr-if=\"showIcons\">\n <div class=\"iconfont-wrapper\">\n <span mbr-icon class=\"amp-iconfont animation-normal mbri-extension\"></span>\n </div>\n </div>\n <div class=\"text-box\">\n <h3 class=\"mbr-fonts-style mbr-pb-1 mbr-bold\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\">Communication</h3>\n <p class=\"mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\">Use a modular engineered design (inter-connected panels, like Lego®)<br></p>\n </div>\n </div>\n </div>\n <div class=\"mbr-col-sm-12 mbr-col-md-4\" mbr-class=\"{'mbr-col-lg-3': cardsAmount >= 4}\" mbr-if=\"cardsAmount > 3\">\n <div class=\"card-box mbr-flex\">\n <div class=\"icon-box\" mbr-if=\"showIcons\">\n <div class=\"iconfont-wrapper\">\n <span mbr-icon class=\"amp-iconfont animation-normal mbri-delivery\"></span>\n </div>\n </div>\n <div class=\"text-box\">\n <h3 class=\"mbr-fonts-style mbr-pb-1 mbr-bold\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\">Gifts</h3>\n <p class=\"mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\">Design for efficient shipping and Do It Yourself assembly (like IKEA®)<br></p>\n </div>\n </div>\n </div>\n <div class=\"mbr-col-sm-12 mbr-col-md-4\" mbr-class=\"{'mbr-col-lg-3': cardsAmount > 4}\" mbr-if=\"cardsAmount > 4\">\n <div class=\"card-box mbr-flex\">\n <div class=\"icon-box\" mbr-if=\"showIcons\">\n <div class=\"iconfont-wrapper\">\n <span mbr-icon class=\"amp-iconfont animation-normal mbri-rocket\"></span>\n </div>\n </div>\n <div class=\"text-box\">\n <h3 class=\"mbr-fonts-style mbr-pb-1 mbr-bold\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\">Quality Assurance</h3>\n <p class=\"mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\">Manufacture with automation<br></p>\n </div>\n </div>\n </div>\n <div class=\"mbr-col-sm-12 mbr-col-md-4\" mbr-class=\"{'mbr-col-lg-3': cardsAmount > 4}\" mbr-if=\"cardsAmount > 5\">\n <div class=\"card-box mbr-flex\">\n <div class=\"icon-box\" mbr-if=\"showIcons\">\n <div class=\"iconfont-wrapper\">\n <span mbr-icon class=\"amp-iconfont animation-normal mbri-clock\"></span>\n </div>\n </div>\n <div class=\"text-box\">\n <h3 class=\"mbr-fonts-style mbr-pb-1 mbr-bold\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\">Fast</h3>\n <p class=\"mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>\n </div>\n </div>\n </div>\n <div class=\"mbr-col-sm-12 mbr-col-md-4\" mbr-class=\"{'mbr-col-lg-3': cardsAmount > 4}\" mbr-if=\"cardsAmount > 6\">\n <div class=\"card-box mbr-flex\">\n <div class=\"icon-box\" mbr-if=\"showIcons\">\n <div class=\"iconfont-wrapper\">\n <span mbr-icon class=\"amp-iconfont animation-normal mbri-calendar\"></span>\n </div>\n </div>\n <div class=\"text-box\">\n <h3 class=\"mbr-fonts-style mbr-pb-1 mbr-bold\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\">Project Planning</h3>\n <p class=\"mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>\n </div>\n </div>\n </div>\n <div class=\"mbr-col-sm-12 mbr-col-md-4\" mbr-class=\"{'mbr-col-lg-3': cardsAmount > 4}\" mbr-if=\"cardsAmount > 7\">\n <div class=\"card-box mbr-flex\">\n <div class=\"icon-box\" mbr-if=\"showIcons\">\n <div class=\"iconfont-wrapper\">\n <span mbr-icon class=\"amp-iconfont animation-normal mbri-smile-face\"></span>\n </div>\n </div>\n <div class=\"text-box\">\n <h3 class=\"mbr-fonts-style mbr-pb-1 mbr-bold\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\">Happy Clients</h3>\n <p class=\"mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>", "_cid": "rEwyHKNa55", "_anchor": "content6-1d", "_protectedParams": [], "_global": false, "_once": false, "_params": {} }, { "alias": false, "_styles": { "padding-top": "(@paddingTop * 1rem)", "padding-bottom": "(@paddingBottom * 1rem)", "background-color": "@bgColor", ".mbr-text": { "text-align": "left" } }, "_name": "image1", "_customHTML": "<section class=\"image1\" group=\"Images & Videos\" plugins=\"amp-main\">\n\n <mbr-parameters>\n <!-- Block parameters controls (Blue \"Gear\" panel) -->\n <header>Size</header>\n <input type=\"range\" inline=\"\" title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" value=\"1\" step=\"1\">\n <input type=\"range\" inline=\"\" title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" value=\"4\" step=\"1\">\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n <input type=\"range\" inline=\"\" title=\"Image Width\" name=\"imagesSize\" min=\"1\" max=\"5\" value=\"5\" step=\"1\" condition=\"fullWidth == false\" required=\"\">\n <header>Title</header>\n <input type=\"checkbox\" title=\"Show Title\" name=\"showTitle\">\n <input type=\"checkbox\" title=\"Show Caption\" name=\"showText\">\n <select title=\"Align\" name=\"titleAlign\" condition=\"showTitle || showText\">\n <option value=\"1\">Left</option>\n <option value=\"2\" selected=\"\">Center</option>\n <option value=\"3\">Right</option>\n </select>\n <header>Background</header>\n <input type=\"color\" title=\"Background Color\" name=\"bgColor\" value=\"#ffffff\" required=\"\">\n <!-- End block parameters -->\n </mbr-parameters>\n <div mbr-class=\"{'container':!fullWidth,\n 'container-fluid':fullWidth}\">\n <h3 class=\"mbr-section-title mbr-fonts-style mbr-pb-4 mbr-px-4 mbr-bold\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\" mbr-class=\"{'align-left': titleAlign == 1,\n 'align-center': titleAlign == 2,\n 'align-right': titleAlign == 3}\">The Solution\n</h3>\n <div class=\"image-block mbr-m-auto align-center\" mbr-class=\"{'mbr-col-md-5': imagesSize==1 && !fullWidth,\n 'mbr-col-md-6': imagesSize==2 && !fullWidth,\n 'mbr-col-md-7': imagesSize==3 && !fullWidth,\n 'mbr-col-md-8': imagesSize==4 && !fullWidth,\n 'mbr-col-md-9': imagesSize==5 && !fullWidth}\">\n <amp-img class=\"mobirise-loader\" src=\"@PROJECT_PATH@/assets/images/the-solution-1400x318.jpg\" layout=\"responsive\" width=\"1109.433962264151\" height=\"252\" alt=\"The Solution\">\n <div placeholder=\"\" class=\"placeholder\"></div>\n <img class=\"mbr-temp\" src=\"@PROJECT_PATH@/assets/images/the-solution-1400x318.jpg\" alt=\"The Solution\" title=\"\">\n </amp-img>\n </div>\n <div class=\"mbr-figure-caption mbr-pt-2 mbr-px-4\" mbr-if=\"showText\">\n <p mbr-text=\"\" class=\"mbr-text mbr-black align-center mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-text\" mbr-class=\"{'align-left': titleAlign == 1,\n 'align-center': titleAlign == 2,\n 'align-right': titleAlign == 3}\">• Start with small changes, then build on success <br>\n<br>• Use composite materials (recycled high performance polymers)\n<br><br>• Use a modular engineered design (inter-connected panels, like Lego®)\n<br><br>• Design for efficient shipping and Do It Yourself assembly (like IKEA®)\n<br><br>• Manufacture with automation <br></p>\n </div>\n </div>\n</section>", "_cid": "rEwuBl7buD", "_anchor": "image1-19", "_protectedParams": [], "_global": false, "_once": false, "_params": {} }, { "alias": false, "_styles": { "padding-top": "(@paddingTop * 1rem)", "padding-bottom": "(@paddingBottom * 1rem)", "& when (@bg-type = 'color')": { "background-color": "@bg-value" }, "& when (@bg-type = 'image')": { "background-image": "url(@bg-value)", ".mbr-overlay": { "background-color": "@overlayColor", "opacity": "@overlayOpacity" } }, "amp-img,img": { "height": "auto", "width": "100%" }, ".gallery-row": { "& when not (@flexDirection)": { "padding-left": "0", "padding-right": "0" }, "@media (max-width: 992px)": { "justify-content": "center" } }, ".gallery-item": { "& when (@flexDirection)": { "padding-left": "0", "padding-right": "0" } }, ".gallery-row, .gallery-item": { "padding-left": "0.5rem", "padding-right": "0.5rem", "@media (max-width: 768px)": { "padding-left": "0rem", "padding-right": "0rem" } }, ".gallery-item, .gallery-row": { "&:nth-last-child(1)": { "padding-bottom": "0" } }, "& when not (@paddingCard)": { ".gallery-item, .gallery-row": { "padding": "0!important" } }, ".gallery-img-wrap": { "position": "relative", "& when (@captionHover)": { "&:hover": { ".overlay-caption": { "right": "0", "opacity": "@imgOverlayOpacity" } } }, "& when not (@captionHover)": { "&:hover": { ".overlay-caption": { "right": "-100%", "opacity": "0" } } }, "&::after": { "background": "none" } }, ".overlay-caption": { "align-items": "center", "flex-direction": "column", "padding": "20px 10px 30px 30px", "opacity": "0", "position": "absolute", "bottom": "0", "right": "-100%", "left": "auto", "max-height": "100%", "width": "80%", "background-color": "@imgOverlayColor", "border-left": "2px solid @borderColor", "transition": "1s", "& when not (@captionHover)": { "right": "0", "opacity": "1" } }, "& when not (@fullWidth)": { ".overlay-caption": { "padding": "10px" } }, ".mbr-row": { "padding-left": "0rem", "padding-right": "0rem", "@media (max-width: 767px)": { "padding-left": "1rem", "padding-right": "1rem" } }, "h4": { "width": "100%", "padding-right": "8px", "padding-left": "8px" }, "@media (max-width: 991px)": { ".overlay-caption": { "opacity": "1", "right": "0" }, ".gallery-img-wrap": { "& when (@captionHover)": { "&:hover": { ".overlay-caption": { "right": "-100%", "opacity": "0" } } } } } }, "_name": "gallery1", "_customHTML": "<section class=\"gallery1\" group=\"Gallery & Slider\" plugins=\"amp-main, amp-image-lightbox\">\n <mbr-parameters>\n <header>Size</header>\n <input type=\"range\" inline=\"\" title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"6\">\n <input type=\"range\" inline=\"\" title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"0\">\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n <input type=\"checkbox\" title=\"Row/Column\" name=\"flexDirection\">\n\n <header>Title</header>\n <input type=\"checkbox\" title=\"Show Title\" name=\"showTitle\" checked=\"\">\n <input type=\"checkbox\" title=\"Show Subtitle\" name=\"showSubtitle\" checked=\"\">\n <select title=\"Align\" name=\"titleAlign\" condition=\"showTitle || showSubtitle\">\n <option value=\"1\">Left</option>\n <option value=\"2\" selected=\"\">Center</option>\n <option value=\"3\">Right</option>\n </select>\n <header>Card</header>\n <input type=\"range\" inline=\"\" title=\"Containers Count\" name=\"containersCount\" min=\"1\" max=\"4\" step=\"1\" value=\"1\" required=\"\">\n <input type=\"range\" inline=\"\" title=\"1st Container Items\" name=\"firstCount\" min=\"1\" max=\"4\" step=\"1\" value=\"4\">\n <input type=\"range\" inline=\"\" title=\"2nd Container Items\" name=\"secondCount\" min=\"1\" max=\"4\" step=\"1\" value=\"1\" condition=\"containersCount > 1\">\n <input type=\"range\" inline=\"\" title=\"3rd Container Items\" name=\"thirdCount\" min=\"1\" max=\"4\" step=\"1\" value=\"1\" condition=\"containersCount > 2\">\n <input type=\"range\" inline=\"\" title=\"4th Container Items\" name=\"fourthCount\" min=\"1\" max=\"4\" step=\"1\" value=\"1\" condition=\"containersCount > 3\">\n <input type=\"checkbox\" title=\"Padding Card\" name=\"paddingCard\" checked=\"\">\n <input type=\"range\" inline=\"\" title=\"Image Overlay Opacity\" name=\"imgOverlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"1\">\n <header>Caption</header>\n <input type=\"checkbox\" title=\"Show Caption\" name=\"showCaption\" required=\"\" checked=\"\">\n <input type=\"checkbox\" title=\"Change Hover Effect\" name=\"captionHover\" condition=\"showCaption\" checked=\"\">\n <input type=\"color\" title=\"Background Color\" name=\"imgOverlayColor\" value=\"#f6f9f8\" condition=\"showCaption\">\n <input type=\"color\" title=\"Border Color\" name=\"borderColor\" value=\"#000000\" condition=\"showCaption\">\n <select title=\"Align\" name=\"captionAlign\" condition=\"showCaption\">\n <option value=\"1\">Left</option>\n <option value=\"2\" selected=\"\">Center</option>\n <option value=\"3\">Right</option>\n </select>\n\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" required=\"\">\n <input type=\"color\" title=\"Background Color\" value=\"#f6f9f8\" selected=\"\">\n <input type=\"image\" title=\"Background Image\" value=\"../_images/background3.jpg\">\n </fieldset>\n <!-- -->\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked=\"\" condition=\"bg.type !== 'color'\">\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#efefef\" condition=\"overlay && bg.type == 'image'\">\n <input type=\"range\" inline=\"\" title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.5\" condition=\"overlay && bg.type == 'image'\">\n </mbr-parameters>\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\"></div>\n <div mbr-class=\"{'container': !fullWidth,\n 'container-fluid': fullWidth}\">\n <div class=\"mbr-row mbr-jc-c mbr-pb-4\" mbr-class=\"{'align-center': titleAlign==2,\n 'align-right': titleAlign==3}\">\n <div class=\"mbr-col-sm-12 mbr-col-md-12 mbr-col-lg-12 mbr-pb-2\" mbr-if=\"showTitle\">\n <h3 class=\"mbr-fonts-style mbr-bold text-upper\" mbr-theme-style=\"display-5\">Flex Structures</h3>\n </div>\n <div class=\"mbr-col-sm-12 mbr-col-md-12 mbr-col-lg-12\" mbr-if=\"showSubtitle\">\n <p class=\"mbr-fonts-style\" mbr-theme-style=\"display-7\">FLEX Structure uses a proprietary manufacturing process to create interlocking insulated panels and hardware that are then assembled on site by the consumer using minimum tools similar to the IKEA® model.\n<br>\n<br>FLEX Structure has two categories of buildings, non-habitable (FLEX Vault, FLEX Garage, and FLEX Privacy) and habitable (FLEX Tiny Home). They are quick and easy to assemble and ready to use. <br></p>\n </div>\n </div>\n <div class=\"mbr-row gallery-wrap mbr-jc-c\">\n <div class=\"mbr-col-md-12 mbr-col-sm-12 gallery-row row-first flex-wrap\" mbr-class=\"{'mbr-col-lg-3':containersCount==4 && flexDirection,\n 'mbr-col-lg-4':containersCount==3 && flexDirection,\n 'mbr-col-lg-6':containersCount==2 && flexDirection,\n 'mbr-col-lg-12':containersCount==1 && flexDirection,\n 'mbr-col-lg-12 mbr-pb-2 mbr-flex':!flexDirection,\n 'md-pb':flexDirection}\" mbr-list=\"\" mbr-list-grow=\"firstCount\">\n <div class=\"gallery-item mbr-col-sm-12\" mbr-class=\"{'mbr-col-lg-3':firstCount==4 && !flexDirection,\n 'mbr-col-lg-4':firstCount==3 && !flexDirection,\n 'mbr-col-lg-6':firstCount==2 && !flexDirection,\n 'mbr-col-lg-12':(firstCount==1 && !flexDirection) || flexDirection,\n 'mbr-col-md-12 mbr-pb-4':flexDirection,\n 'mbr-col-md-8 md-pb mbr-px-2':!flexDirection}\">\n <div class=\"gallery-img-wrap\">\n <amp-img class=\"mobirise-loader\" src=\"@PROJECT_PATH@/assets/images/flex-vault-903x693.png\" layout=\"responsive\" height=\"203\" width=\"264.5151515151515\" alt=\"image\" on=\"tap:lightbox1\" role=\"button\" tabindex=\"0\" title=\"FLEX Vault\">\n <div placeholder=\"\" class=\"placeholder\"></div>\n <img class=\"mbr-temp\" src=\"@PROJECT_PATH@/assets/images/flex-vault-903x693.png\" alt=\"\" title=\"FLEX Vault\">\n </amp-img>\n <div class=\"overlay-caption mbr-flex mbr-jc-c\" mbr-class=\"{'align-center': captionAlign == 2,\n 'align-right': captionAlign == 3}\" mbr-if=\"showCaption\">\n <h4 class=\"mbr-fonts-style mbr-bold\" mbr-theme-style=\"display-5\">FLEX Vault</h4>\n <p class=\"caption-text mbr-fonts-style mbr-p-1 mbr-black\" mbr-theme-style=\"display-7\" data-app-selector=\".caption-text\">Easy to assemble on site storage vault. Coming Spring 2020.<br><a href=\"index.html#content10-13\">Learn More</a></p>\n </div>\n </div>\n </div>\n <div class=\"gallery-item mbr-col-sm-12\" mbr-class=\"{'mbr-col-lg-3':firstCount==4 && !flexDirection,\n 'mbr-col-lg-4':firstCount==3 && !flexDirection,\n 'mbr-col-lg-6':firstCount==2 && !flexDirection,\n 'mbr-col-lg-12':(firstCount==1 && !flexDirection) || flexDirection,\n 'mbr-col-md-12 mbr-pb-4':flexDirection,\n 'mbr-col-md-8 md-pb mbr-px-2':!flexDirection}\">\n <div class=\"gallery-img-wrap\">\n <amp-img class=\"mobirise-loader\" src=\"@PROJECT_PATH@/assets/images/flex-garage-903x693.png\" layout=\"responsive\" height=\"203\" width=\"264.5151515151515\" alt=\"image\" on=\"tap:lightbox1\" role=\"button\" tabindex=\"0\" title=\"FLEX Garage\">\n <div placeholder=\"\" class=\"placeholder\"></div>\n <img class=\"mbr-temp\" src=\"@PROJECT_PATH@/assets/images/flex-garage-903x693.png\" alt=\"\" title=\"FLEX Garage\">\n </amp-img>\n <div class=\"overlay-caption mbr-flex mbr-jc-c\" mbr-class=\"{'align-center': captionAlign == 2,\n 'align-right': captionAlign == 3}\" mbr-if=\"showCaption\">\n <h4 class=\"mbr-fonts-style mbr-bold\" mbr-theme-style=\"display-5\">FLEX Garage</h4>\n <p class=\"caption-text mbr-fonts-style mbr-p-1 mbr-black\" mbr-theme-style=\"display-7\" data-app-selector=\".caption-text\">For vehicles or hobby work space.</p>\n </div>\n </div>\n </div><div class=\"gallery-item mbr-col-sm-12\" mbr-class=\"{'mbr-col-lg-3':firstCount==4 && !flexDirection,\n 'mbr-col-lg-4':firstCount==3 && !flexDirection,\n 'mbr-col-lg-6':firstCount==2 && !flexDirection,\n 'mbr-col-lg-12':(firstCount==1 && !flexDirection) || flexDirection,\n 'mbr-col-md-12 mbr-pb-4':flexDirection,\n 'mbr-col-md-8 md-pb mbr-px-2':!flexDirection}\">\n <div class=\"gallery-img-wrap\">\n <amp-img class=\"mobirise-loader\" src=\"@PROJECT_PATH@/assets/images/flex-privacy-room-903x693.png\" layout=\"responsive\" height=\"203\" width=\"264.5151515151515\" alt=\"image\" on=\"tap:lightbox1\" role=\"button\" tabindex=\"0\" title=\"FLEX Privacy Room\">\n <div placeholder=\"\" class=\"placeholder\"></div>\n <img class=\"mbr-temp\" src=\"@PROJECT_PATH@/assets/images/flex-privacy-room-903x693.png\" alt=\"\" title=\"FLEX Privacy Room\">\n </amp-img>\n <div class=\"overlay-caption mbr-flex mbr-jc-c\" mbr-class=\"{'align-center': captionAlign == 2,\n 'align-right': captionAlign == 3}\" mbr-if=\"showCaption\">\n <h4 class=\"mbr-fonts-style mbr-bold\" mbr-theme-style=\"display-5\">FLEX Privacy Room</h4>\n <p class=\"caption-text mbr-fonts-style mbr-p-1 mbr-black\" mbr-theme-style=\"display-7\" data-app-selector=\".caption-text\">Multipurpose space for work and relaxation.</p>\n </div>\n </div>\n </div><div class=\"gallery-item mbr-col-sm-12\" mbr-class=\"{'mbr-col-lg-3':firstCount==4 && !flexDirection,\n 'mbr-col-lg-4':firstCount==3 && !flexDirection,\n 'mbr-col-lg-6':firstCount==2 && !flexDirection,\n 'mbr-col-lg-12':(firstCount==1 && !flexDirection) || flexDirection,\n 'mbr-col-md-12 mbr-pb-4':flexDirection,\n 'mbr-col-md-8 md-pb mbr-px-2':!flexDirection}\">\n <div class=\"gallery-img-wrap\">\n <amp-img class=\"mobirise-loader\" src=\"@PROJECT_PATH@/assets/images/flex-tiny-house-903x693.png\" layout=\"responsive\" height=\"203\" width=\"264.5151515151515\" alt=\"image\" on=\"tap:lightbox1\" role=\"button\" tabindex=\"0\" title=\"FLEX Tiny House\">\n <div placeholder=\"\" class=\"placeholder\"></div>\n <img class=\"mbr-temp\" src=\"@PROJECT_PATH@/assets/images/flex-tiny-house-903x693.png\" alt=\"\" title=\"FLEX Tiny House\">\n </amp-img>\n <div class=\"overlay-caption mbr-flex mbr-jc-c\" mbr-class=\"{'align-center': captionAlign == 2,\n 'align-right': captionAlign == 3}\" mbr-if=\"showCaption\">\n <h4 class=\"mbr-fonts-style mbr-bold\" mbr-theme-style=\"display-5\">FLEX Tiny House</h4>\n <p class=\"caption-text mbr-fonts-style mbr-p-1 mbr-black\" mbr-theme-style=\"display-7\" data-app-selector=\".caption-text\">Add a second home or build your first.</p>\n </div>\n </div>\n </div></div>\n <div class=\"mbr-col-md-12 mbr-col-sm-12 gallery-row row-second flex-wrap\" mbr-class=\"{'mbr-col-lg-3':containersCount==4 && flexDirection,\n 'mbr-col-lg-4':containersCount==3 && flexDirection,\n 'mbr-col-lg-6':containersCount==2 && flexDirection,\n 'mbr-col-lg-12 mbr-pb-4 mbr-flex': !flexDirection,\n 'md-pb':flexDirection}\" mbr-if=\"containersCount>1\" mbr-list=\"\" mbr-list-grow=\"secondCount\">\n <div class=\"gallery-item mbr-col-sm-12\" mbr-class=\"{'mbr-col-lg-3':secondCount==4 && !flexDirection,\n 'mbr-col-lg-4':secondCount==3 && !flexDirection,\n 'mbr-col-lg-6':secondCount==2 && !flexDirection,\n 'mbr-col-lg-12':(secondCount==1 && !flexDirection) || flexDirection,\n 'mbr-col-md-12 mbr-pb-4':flexDirection,\n 'mbr-col-md-8 md-pb mbr-px-2':!flexDirection}\">\n <div class=\"gallery-img-wrap\">\n <amp-img class=\"mobirise-loader\" src=\"@PROJECT_PATH@/assets/images/background1.jpg\" layout=\"responsive\" height=\"556\" width=\"825.614849187935\" alt=\"image\" on=\"tap:lightbox1\" role=\"button\" tabindex=\"0\">\n <div placeholder=\"\" class=\"placeholder\"></div>\n <img class=\"mbr-temp\" src=\"@PROJECT_PATH@/assets/images/background1.jpg\" alt=\"\">\n </amp-img>\n <div class=\"overlay-caption mbr-flex mbr-jc-c\" mbr-class=\"{'align-center': captionAlign == 2,\n 'align-right': captionAlign == 3}\" mbr-if=\"showCaption\">\n <h4 class=\"mbr-fonts-style mbr-bold\" mbr-theme-style=\"display-5\">Project</h4>\n <p class=\"caption-text mbr-fonts-style mbr-p-1 mbr-black\" mbr-theme-style=\"display-7\" data-app-selector=\".caption-text\">Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas, qui!</p>\n </div>\n </div>\n </div>\n </div>\n <div class=\"mbr-col-md-12 mbr-col-sm-12 gallery-row row-third flex-wrap\" mbr-class=\"{'mbr-col-lg-3':containersCount==4 && flexDirection,\n 'mbr-col-lg-4':containersCount==3 && flexDirection,\n 'mbr-col-lg-12 mbr-pb-4 mbr-flex':!flexDirection,\n 'md-pb':flexDirection}\" mbr-if=\"containersCount>2\" mbr-list=\"\" mbr-list-grow=\"thirdCount\">\n <div class=\"gallery-item mbr-col-sm-12\" mbr-class=\"{'mbr-col-lg-3':thirdCount==4 && !flexDirection,\n 'mbr-col-lg-4':thirdCount==3 && !flexDirection,\n 'mbr-col-lg-6':thirdCount==2 && !flexDirection,\n 'mbr-col-lg-12':(thirdCount==1 && !flexDirection) || flexDirection,\n 'mbr-col-md-12 mbr-pb-4':flexDirection,\n 'mbr-col-md-8 md-pb mbr-px-2':!flexDirection}\">\n <div class=\"gallery-img-wrap\">\n <amp-img class=\"mobirise-loader\" src=\"@PROJECT_PATH@/assets/images/background1.jpg\" layout=\"responsive\" height=\"556\" width=\"825.614849187935\" alt=\"image\" on=\"tap:lightbox1\" role=\"button\" tabindex=\"0\">\n <div placeholder=\"\" class=\"placeholder\"></div>\n <img class=\"mbr-temp\" src=\"@PROJECT_PATH@/assets/images/background1.jpg\" alt=\"\">\n </amp-img>\n <div class=\"overlay-caption mbr-flex mbr-jc-c\" mbr-class=\"{'align-center': captionAlign == 2,\n 'align-right': captionAlign == 3}\" mbr-if=\"showCaption\">\n <h4 class=\"mbr-fonts-style mbr-bold\" mbr-theme-style=\"display-5\">Project</h4>\n <p class=\"caption-text mbr-fonts-style mbr-p-1 mbr-black\" mbr-theme-style=\"display-7\" data-app-selector=\".caption-text\">Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas, qui!</p>\n </div>\n </div>\n </div>\n </div>\n <div class=\"mbr-col-md-12 mbr-col-sm-12 gallery-row row-fourth flex-wrap\" mbr-class=\"{'mbr-col-lg-3':containersCount==4 && flexDirection,\n 'mbr-col-lg-12 mbr-flex':!flexDirection}\" mbr-if=\"containersCount==4\" mbr-list=\"\" mbr-list-grow=\"fourthCount\">\n <div class=\"gallery-item mbr-col-sm-12\" mbr-class=\"{'mbr-col-lg-3':fourthCount==4 && !flexDirection,\n 'mbr-col-lg-4':fourthCount==3 && !flexDirection,\n 'mbr-col-lg-6':fourthCount==2 && !flexDirection,\n 'mbr-col-lg-12':(fourthCount==1 && !flexDirection) || flexDirection,\n 'mbr-col-md-12 mbr-pb-4':flexDirection,\n 'mbr-col-md-8 md-pb mbr-px-2':!flexDirection}\">\n <div class=\"gallery-img-wrap\">\n <amp-img class=\"mobirise-loader\" src=\"@PROJECT_PATH@/assets/images/background1.jpg\" layout=\"responsive\" height=\"415\" width=\"616.2412993039443\" alt=\"image\" on=\"tap:lightbox1\" role=\"button\" tabindex=\"0\">\n <div placeholder=\"\" class=\"placeholder\"></div>\n <img class=\"mbr-temp\" src=\"@PROJECT_PATH@/assets/images/background1.jpg\" alt=\"\">\n </amp-img>\n <div class=\"overlay-caption mbr-flex mbr-jc-c\" mbr-class=\"{'align-center': captionAlign == 2,\n 'align-right': captionAlign == 3}\" mbr-if=\"showCaption\">\n <h4 class=\"mbr-fonts-style mbr-bold\" mbr-theme-style=\"display-5\">Project</h4>\n <p class=\"caption-text mbr-fonts-style mbr-p-1 mbr-black\" mbr-theme-style=\"display-7\" data-app-selector=\".caption-text\">Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas, qui!</p>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n <amp-image-lightbox id=\"lightbox1\" layout=\"nodisplay\">\n <a class=\"control\" data-close-button-aria-label=\"Close\">\n <span class=\"close\"></span>\n </a>\n </amp-image-lightbox>\n</section>", "_cid": "rClWOQJ3ty", "_anchor": "gallery1-1a", "_protectedParams": [], "_global": false, "_once": false, "_params": {} }, { "alias": false, "_styles": { "padding-top": "(@paddingTop * 1rem)", "padding-bottom": "(@paddingBottom * 1rem)", "& when (@bg-type = 'color')": { "background-color": "@bg-value" }, "& when (@bg-type = 'image')": { "background-image": "url(@bg-value)", ".mbr-overlay": { "background-color": "@overlayColor", "opacity": "@overlayOpacity" } }, ".iconfont-wrapper": { "width": "~\"@{iconsSize}rem\"", "height": "~\"@{iconsSize}rem\"", "display": "inline-flex" }, ".amp-iconfont": { "font-size": "~\"@{iconsSize}rem\"", "width": "~\"@{iconsSize}rem\"", "vertical-align": "middle", "color": "@iconsColor" }, ".card-box": { "align-items": "center", "padding-bottom": "20px" }, ".text-box": { "padding-left": "25px" } }, "_name": "content6", "_customHTML": "<section class=\"mbr-section content6\" group=\"Features\" plugins=\"amp-main\">\n <mbr-parameters>\n <!-- Block parameters controls (Blue \"Gear\" panel) -->\n <header>Size</header>\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"2\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"2\">\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n <!-- -->\n <header>Cards</header>\n <input type=\"range\" title=\"Cards Count\" name=\"cardsAmount\" min=\"1\" max=\"8\" value=\"8\">\n <select title=\"Align\" name=\"cardsAlign\">\n <option value=\"1\" selected>Left</option>\n <option value=\"2\">Center</option>\n <option value=\"3\">Right</option>\n </select>\n <input type=\"checkbox\" title=\"Show Title\" name=\"showTitle\">\n <input type=\"checkbox\" title=\"Show Text\" name=\"showText\" checked>\n <input type=\"checkbox\" title=\"Show Icons\" name=\"showIcons\" checked>\n <input type=\"range\" title=\"Icons Size\" name=\"iconsSize\" min=\"1.8\" max=\"4\" step=\"0.1\" value=\"4\" condition=\"showIcons\">\n <input type=\"color\" title=\"Icons Color\" name=\"iconsColor\" value=\"#8da462\" condition=\"showIcons\">\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" required>\n <input type=\"color\" title=\"Background Color\" value=\"#f6f9f8\" selected>\n <input type=\"image\" title=\"Background Image\" value=\"@PROJECT_PATH@/assets/images/background-mission-2000x1362.jpg\">\n </fieldset>\n <!-- -->\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type !== 'color'\">\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#90caf9\" condition=\"overlay && bg.type == 'image'\">\n <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.3\" condition=\"overlay && bg.type == 'image'\">\n <!-- End block parameters -->\n </mbr-parameters> \n\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\"></div>\n <div mbr-class=\"{'container':!fullWidth,\n 'container-fluid':fullWidth}\">\n <div class=\"mbr-row mbr-jc-c\" mbr-class=\"{'align-center': cardsAlign == 2,\n 'align-right': cardsAlign == 3}\">\n <div class=\"mbr-col-sm-12 mbr-col-md-4\" mbr-class=\"{'mbr-col-lg-12': cardsAmount == 1,\n 'mbr-col-lg-6': cardsAmount == 2,\n 'mbr-col-lg-4': cardsAmount == 3,\n 'mbr-col-lg-3': cardsAmount >= 4}\">\n <div class=\"card-box mbr-flex\" mbr-class=\"{'mbr-jc-c': cardsAmount == 1}\">\n <div class=\"icon-box\" mbr-if=\"showIcons\">\n <div class=\"iconfont-wrapper\">\n <span mbr-icon class=\"amp-iconfont animation-normal mbri-cloud\"></span>\n </div>\n </div>\n <div class=\"text-box\">\n <h3 class=\"mbr-fonts-style mbr-pb-1 mbr-bold\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\">Weather Proof</h3>\n <p class=\"mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\"><b>Weather Proof</b> <br>Built for the Canadian elements. </p>\n </div>\n </div>\n </div>\n <div class=\"mbr-col-sm-12 mbr-col-md-4\" mbr-class=\"{'mbr-col-lg-6': cardsAmount == 2,\n 'mbr-col-lg-4': cardsAmount == 3,\n 'mbr-col-lg-3': cardsAmount >= 4}\" mbr-if=\"cardsAmount > 1\">\n <div class=\"card-box mbr-flex\">\n <div class=\"icon-box\" mbr-if=\"showIcons\">\n <div class=\"iconfont-wrapper\">\n <span mbr-icon class=\"amp-iconfont animation-normal mbrib-setting3\"></span>\n </div>\n </div>\n <div class=\"text-box\">\n <h3 class=\"mbr-fonts-style mbr-pb-1 mbr-bold\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\">Easy to Assemble</h3>\n <p class=\"mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\"><b>Easy to Assemble</b><br>Designed to be built with limited tools and time. <br></p>\n </div>\n </div>\n </div>\n <div class=\"mbr-col-sm-12 mbr-col-md-4\" mbr-class=\"{'mbr-col-lg-4': cardsAmount == 3,\n 'mbr-col-lg-3': cardsAmount >= 4}\" mbr-if=\"cardsAmount > 2\">\n <div class=\"card-box mbr-flex\">\n <div class=\"icon-box\" mbr-if=\"showIcons\">\n <div class=\"iconfont-wrapper\">\n <span mbr-icon class=\"amp-iconfont animation-normal mbri-smile-face\"></span>\n </div>\n </div>\n <div class=\"text-box\">\n <h3 class=\"mbr-fonts-style mbr-pb-1 mbr-bold\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\">Mold & Insect Free</h3>\n <p class=\"mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\"><b>Mold & Insect Free</b><br>Keep contents safe from pests and harmful mold. <br></p>\n </div>\n </div>\n </div>\n <div class=\"mbr-col-sm-12 mbr-col-md-4\" mbr-class=\"{'mbr-col-lg-3': cardsAmount >= 4}\" mbr-if=\"cardsAmount > 3\">\n <div class=\"card-box mbr-flex\">\n <div class=\"icon-box\" mbr-if=\"showIcons\">\n <div class=\"iconfont-wrapper\">\n <span mbr-icon class=\"amp-iconfont animation-normal mbri-drag-n-drop\"></span>\n </div>\n </div>\n <div class=\"text-box\">\n <h3 class=\"mbr-fonts-style mbr-pb-1 mbr-bold\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\">Lightweight\n</h3>\n <p class=\"mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\"><b>Lightweight</b><br>Move panels into place by hand no machinery required.</p>\n </div>\n </div>\n </div>\n <div class=\"mbr-col-sm-12 mbr-col-md-4\" mbr-class=\"{'mbr-col-lg-3': cardsAmount > 4}\" mbr-if=\"cardsAmount > 4\">\n <div class=\"card-box mbr-flex\">\n <div class=\"icon-box\" mbr-if=\"showIcons\">\n <div class=\"iconfont-wrapper\">\n <span mbr-icon class=\"amp-iconfont animation-normal mbri-sun2\"></span>\n </div>\n </div>\n <div class=\"text-box\">\n <h3 class=\"mbr-fonts-style mbr-pb-1 mbr-bold\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\">Insulated\n</h3>\n <p class=\"mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\"><b>Insulated</b><br>Keeps the cold out and the warmth in.</p>\n </div>\n </div>\n </div>\n <div class=\"mbr-col-sm-12 mbr-col-md-4\" mbr-class=\"{'mbr-col-lg-3': cardsAmount > 4}\" mbr-if=\"cardsAmount > 5\">\n <div class=\"card-box mbr-flex\">\n <div class=\"icon-box\" mbr-if=\"showIcons\">\n <div class=\"iconfont-wrapper\">\n <span mbr-icon class=\"amp-iconfont animation-normal mbri-cash\"></span>\n </div>\n </div>\n <div class=\"text-box\">\n <h3 class=\"mbr-fonts-style mbr-pb-1 mbr-bold\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\">No Maintenance</h3>\n <p class=\"mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\"><b>No Maintenance</b><br>Lowers the cost of ownership and provides long trouble free lifespan.</p>\n </div>\n </div>\n </div>\n <div class=\"mbr-col-sm-12 mbr-col-md-4\" mbr-class=\"{'mbr-col-lg-3': cardsAmount > 4}\" mbr-if=\"cardsAmount > 6\">\n <div class=\"card-box mbr-flex\">\n <div class=\"icon-box\" mbr-if=\"showIcons\">\n <div class=\"iconfont-wrapper\">\n <span mbr-icon class=\"amp-iconfont animation-normal mbri-update\"></span>\n </div>\n </div>\n <div class=\"text-box\">\n <h3 class=\"mbr-fonts-style mbr-pb-1 mbr-bold\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\">200 components\n</h3>\n <p class=\"mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\"><b>Reusable</b><br>Setup and take down and move to a new location.</p>\n </div>\n </div>\n </div>\n <div class=\"mbr-col-sm-12 mbr-col-md-4\" mbr-class=\"{'mbr-col-lg-3': cardsAmount > 4}\" mbr-if=\"cardsAmount > 7\">\n <div class=\"card-box mbr-flex\">\n <div class=\"icon-box\" mbr-if=\"showIcons\">\n <div class=\"iconfont-wrapper\">\n <span mbr-icon class=\"amp-iconfont animation-normal mbri-lock\"></span>\n </div>\n </div>\n <div class=\"text-box\">\n <h3 class=\"mbr-fonts-style mbr-pb-1 mbr-bold\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\">Insulatated</h3>\n <p class=\"mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\"><b>Rigid but Resilient<br> </b>Structurally strong ready and secure.</p>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>", "_cid": "rBMBjvxMrE", "_anchor": "content6-17", "_protectedParams": [], "_global": false, "_once": false, "_params": {} }, { "alias": false, "_styles": { "padding-top": "(@paddingTop * 1rem)", "padding-bottom": "(@paddingBottom * 1rem)", "& when (@bg-type = 'color')": { "background-color": "@bg-value" }, "& when (@bg-type = 'image')": { "background-image": "url(@bg-value)", ".mbr-overlay": { "background-color": "@overlayColor", "opacity": "@overlayOpacity" } }, ".card-box": { "align-items": "center", "padding-bottom": "20px" }, ".text-box": { "padding-left": "15px" } }, "_name": "content10", "_customHTML": "<section class=\"mbr-section content10\" group=\"Article\" plugins=\"amp-main\">\n <mbr-parameters>\n <!-- Block parameters controls (Blue \"Gear\" panel) -->\n <header>Size</header>\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"2\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"0\">\n <!-- -->\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n <!-- -->\n <header>Title</header>\n <input type=\"checkbox\" title=\"Show Title\" name=\"showTitle\" checked>\n <input type=\"checkbox\" title=\"Show Subtitle\" name=\"showSubtitle\" checked>\n <select title=\"Align\" name=\"titleAlign\" condition=\"showTitle || showSubtitle\">\n <option value=\"1\">Left</option>\n <option value=\"2\" selected>Center</option>\n <option value=\"3\">Right</option>\n </select>\n <header>Text</header>\n <input type=\"range\" title=\"Text Columns\" name=\"textCol\" min=\"1\" max=\"3\" value=\"1\" step=\"1\">\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" required>\n <input type=\"color\" title=\"Background Color\" value=\"#f6f9f8\" selected>\n <input type=\"image\" title=\"Background Image\" value=\"../_images/background3.jpg\">\n </fieldset>\n <!-- -->\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type !== 'color'\">\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#efefef\" condition=\"overlay && bg.type == 'image'\">\n <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.5\" condition=\"overlay && bg.type == 'image'\">\n <!-- End block parameters -->\n </mbr-parameters> \n\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\"></div>\n <div mbr-class=\"{'container':!fullWidth,\n 'container-fluid':fullWidth}\">\n <div class=\"mbr-row mbr-jc-c mbr-pb-4\" mbr-class=\"{'align-center': titleAlign==2,\n 'align-right': titleAlign==3}\">\n <div class=\"mbr-col-sm-12 mbr-col-md-12 mbr-col-lg-12 mbr-pb-4\" mbr-if=\"showTitle\">\n <h3 class=\"mbr-fonts-style mbr-bold line-title\" mbr-theme-style=\"display-5\">The FLEX Vault </h3>\n </div>\n </div>\n <div class=\"mbr-row\">\n <div class=\"mbr-col-sm-12\" mbr-class=\"{'mbr-col-md-4': textCol == 3,\n 'mbr-col-md-6': textCol == 2,\n 'mbr-col-lg-4': textCol == 3,\n 'mbr-col-lg-6': textCol == 2}\">\n <p class=\"mbr-fonts-style text-col\" mbr-theme-style=\"display-7\" data-app-selector=\".text-col\">The FLEX Vault is just under 100 sq ft, so a building permit is not required: approx. 8 ft wide x 12 ft long. It incorporates a proprietary manufacturing process, interlocking panels “FS Panel 100” and hardware which are shipped “flat”, then assembled with minimum tools at their destination by a buyer, much like IKEA® products.<br></p>\n </div>\n <div class=\"mbr-col-sm-12\" mbr-class=\"{'mbr-col-md-4': textCol == 3,\n 'mbr-col-md-6': textCol == 2,\n 'mbr-col-lg-4': textCol == 3,\n 'mbr-col-lg-6': textCol == 2}\">\n <p class=\"mbr-fonts-style text-col\" mbr-theme-style=\"display-7\" data-app-selector=\".text-col\" mbr-if=\"textCol > 1\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum ullam iure nemo omnis neque quas, nostrum ipsa modi ipsum dolore vel nihil culpa beatae praesentium quibusdam adipisci quidem id? Vitae earum perspiciatis fugit expedita similique harum voluptatibus illum nisi? Repudiandae voluptas saepe impedit accusantium ut sit facilis similique, odit magnam excepturi nam ducimus, exercitationem atque nisi doloribus repellendus, reprehenderit aperiam!</p> \n </div>\n <div class=\"mbr-col-sm-12\" mbr-class=\"{'mbr-col-md-4': textCol == 3,\n 'mbr-col-lg-4': textCol == 3}\">\n <p class=\"mbr-fonts-style text-col\" mbr-theme-style=\"display-7\" data-app-selector=\".text-col\" mbr-if=\"textCol > 2\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum ullam iure nemo omnis neque quas, nostrum ipsa modi ipsum dolore vel nihil culpa beatae praesentium quibusdam adipisci quidem id? Vitae earum perspiciatis fugit expedita similique harum voluptatibus illum nisi? Repudiandae voluptas saepe impedit accusantium ut sit facilis similique, odit magnam excepturi nam ducimus, exercitationem atque nisi doloribus repellendus, reprehenderit aperiam!</p> \n </div>\n </div>\n </div>\n</section>", "_cid": "rFzLxtZ4mP", "_anchor": "content10-13", "_protectedParams": [], "_global": false, "_once": false, "_params": {} }, { "alias": false, "_styles": { "padding-top": "(@paddingTop * 1rem)", "padding-bottom": "(@paddingBottom * 1rem)", "background-color": "@bgColor", ".cont-box": { "padding": "80px 60px", "display": "flex", "justify-content": "center", "flex-direction": "column", "@media (max-width: 767px)": { "padding": "60px 32px" } }, ".feature-box": { "&:hover": { ".amp-iconfont": { "transform": "rotateY(360deg) translateY(-10px)" } } }, ".iconfont-wrapper": { "background-color": "@iconsBg", "width": "6.4rem", "height": "6.4rem", "padding": "1.4rem", "display": "inline-flex", "justify-content": "center", "align-items": "center", "border-radius": "50%" }, ".amp-iconfont": { "font-size": "4rem", "width": "4rem", "color": "#ffffff", "vertical-align": "middle", "transition": "1s" }, ".img-box": { "padding": "200px", "padding-right": "0", "& when (@rowReverse)": { "padding-right": "200px", "padding-left": "0" }, "@media (max-width: 991px)": { "padding": "150px", "padding-bottom": "20px" }, "@media (max-width: 767px)": { "padding": "20px" } }, ".text-box": { "padding-left": "30px", "@media (max-width: 767px)": { "padding-left": "0" } }, ".item-box": { "align-items": "center", "@media (max-width: 767px)": { "flex-direction": "column" } }, ".custom-card-title": { "@media (max-width: 767px)": { "padding-top": "20px" } } }, "_name": "content7", "_customHTML": "<section class=\"content7\" group=\"Features\" plugins=\"amp-main\">\n <mbr-parameters>\n <!-- Block parameters controls (Blue \"Gear\" panel) -->\n <input type=\"range\" inline=\"\" title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"0\">\n <input type=\"range\" inline=\"\" title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"0\">\n <input type=\"checkbox\" name=\"rowReverse\" title=\"Reverse\">\n <header>Items</header>\n <input type=\"range\" title=\"Items Count\" name=\"cardsAmount\" min=\"1\" max=\"5\" value=\"3\">\n <input type=\"checkbox\" title=\"Show Title\" name=\"showTitle\" checked=\"\">\n <input type=\"checkbox\" title=\"Show Text\" name=\"showText\" checked=\"\">\n <select title=\"Text Align\" name=\"alignText\">\n <option value=\"1\" selected=\"\">Left</option>\n <option value=\"2\">Center</option>\n <option value=\"3\">Right</option>\n </select>\n <input type=\"checkbox\" title=\"Show Icons\" name=\"showIcons\" checked=\"\">\n <input type=\"color\" title=\"Icons BG\" name=\"iconsBg\" value=\"#8da462\" condition=\"showIcons\">\n <header>Background</header>\n <input type=\"color\" title=\"Background Color\" name=\"bgColor\" value=\"#f6f9f8\" required=\"\">\n <!-- End block parameters -->\n </mbr-parameters>\n <div class=\"mbr-row\" mbr-class=\"{'mbr-row-reverse' : rowReverse}\">\n <div class=\"image mbr-col-sm-12 mbr-col-md-12 mbr-col-lg-6\">\n <div class=\"img-box\">\n <amp-img src=\"@PROJECT_PATH@/assets/images/flex-vault-2-918x918.jpg\" layout=\"responsive\" width=\"1056\" height=\"1056\" alt=\"Flex Vault\" class=\"mobirise-loader\" title=\"The images are for illustrative purposes only\">\n <div placeholder=\"\" class=\"placeholder\"></div>\n <img class=\"mbr-temp\" src=\"@PROJECT_PATH@/assets/images/flex-vault-2-918x918.jpg\" alt=\"Flex Vault\" title=\"The images are for illustrative purposes only\">\n </amp-img>\n </div>\n </div>\n <div class=\"mbr-col-sm-12 mbr-col-md-12 mbr-col-lg-6 cont-box\">\n <div>\n <div class=\"mbr-flex mbr-pb-4 item-box\">\n <div class=\"iconfont-wrapper\" mbr-if=\"showIcons\">\n <span mbr-icon=\"\" class=\"amp-iconfont animation-normal mbri-sun2\"></span>\n </div>\n <div class=\"text-box\" mbr-class=\"{'align-center': alignText == 2,\n 'align-right': alignText == 3}\">\n <h3 class=\"mbr-fonts-style mbr-bold mbr-pb-1 custom-card-title\" mbr-theme-style=\"display-5\" data-app-selector=\".custom-card-title\" mbr-if=\"showTitle\">Composite Exterior\n</h3>\n <p class=\"mbr-fonts-style custom-card-text\" mbr-theme-style=\"display-7\" data-app-selector=\".custom-card-text\" mbr-if=\"showText\">● Rigid but resilient\n<br>● UV Stable\n<br>● Colours\n<br>● Paintable\n<br>● Lightweight\n<br>● Mold & insect free <br></p>\n </div>\n </div>\n <div class=\"mbr-flex mbr-pb-4 item-box\" mbr-if=\"cardsAmount > 1\">\n <div class=\"iconfont-wrapper\" mbr-if=\"showIcons\">\n <span mbr-icon=\"\" class=\"amp-iconfont animation-normal mbri-home\"></span>\n </div>\n <div class=\"text-box\" mbr-class=\"{'align-center': alignText == 2,\n 'align-right': alignText == 3}\">\n <h3 class=\"mbr-fonts-style mbr-bold mbr-pb-1 custom-card-title\" mbr-theme-style=\"display-5\" data-app-selector=\".custom-card-title\" mbr-if=\"showTitle\">Composite Interior\n</h3>\n <p class=\"mbr-fonts-style custom-card-text\" mbr-theme-style=\"display-7\" data-app-selector=\".custom-card-text\" mbr-if=\"showText\">● Rigid but resilient\n<br>● Colours\n<br>● Paintable\n<br>● Lightweight\n<br>● Mold & insect free</p>\n </div>\n </div>\n <div class=\"mbr-flex mbr-pb-4 item-box\" mbr-if=\"cardsAmount > 2\">\n <div class=\"iconfont-wrapper\" mbr-if=\"showIcons\">\n <span mbr-icon=\"\" class=\"amp-iconfont animation-normal mbri-setting\"></span>\n </div>\n <div class=\"text-box\" mbr-class=\"{'align-center': alignText == 2,\n 'align-right': alignText == 3}\">\n <h3 class=\"mbr-fonts-style mbr-bold mbr-pb-1 custom-card-title\" mbr-theme-style=\"display-5\" data-app-selector=\".custom-card-title\" mbr-if=\"showTitle\">Structure\n</h3>\n <p class=\"mbr-fonts-style custom-card-text\" mbr-theme-style=\"display-7\" data-app-selector=\".custom-card-text\" mbr-if=\"showText\">● Interlocking\n<br>● Insulated\n<br>● Expandable\n<br>● Meets building codes\n<br>● Less than 50 components\n<br>● Extra wide door <br></p>\n </div>\n </div>\n <div class=\"mbr-flex mbr-pb-4 item-box\" mbr-if=\"cardsAmount > 3\">\n <div class=\"iconfont-wrapper\" mbr-if=\"showIcons\">\n <span mbr-icon=\"\" class=\"amp-iconfont animation-normal mbri-laptop\"></span>\n </div>\n <div class=\"text-box\" mbr-class=\"{'align-center': alignText == 2,\n 'align-right': alignText == 3}\">\n <h3 class=\"mbr-fonts-style mbr-bold mbr-pb-1 custom-card-title\" mbr-theme-style=\"display-5\" data-app-selector=\".custom-card-title\" mbr-if=\"showTitle\">Desktop</h3>\n <p class=\"mbr-fonts-style custom-card-text\" mbr-theme-style=\"display-7\" data-app-selector=\".custom-card-text\" mbr-if=\"showText\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Placeat odio modi numquam assumenda, mollitia vitae deleniti, temporibus similique est optio.</p>\n </div>\n </div>\n <div class=\"mbr-flex mbr-pb-4 item-box\" mbr-if=\"cardsAmount > 4\">\n <div class=\"iconfont-wrapper\" mbr-if=\"showIcons\">\n <span mbr-icon=\"\" class=\"amp-iconfont animation-normal mbri-tablet-vertical\"></span>\n </div>\n <div class=\"text-box\" mbr-class=\"{'align-center': alignText == 2,\n 'align-right': alignText == 3}\">\n <h3 class=\"mbr-fonts-style mbr-bold mbr-pb-1 custom-card-title\" mbr-theme-style=\"display-5\" data-app-selector=\".custom-card-title\" mbr-if=\"showTitle\">Tablet</h3>\n <p class=\"mbr-fonts-style custom-card-text\" mbr-theme-style=\"display-7\" data-app-selector=\".custom-card-text\" mbr-if=\"showText\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam saepe tempora quis dolore sit quod aliquam atque vel inventore eaque.</p>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>", "_cid": "rFzIQDeXol", "_anchor": "content7-12", "_protectedParams": [], "_global": false, "_once": false, "_params": {} }, { "alias": false, "_styles": { "padding-top": "(@paddingTop * 1rem)", "padding-bottom": "(@paddingBottom * 1rem)", "& when (@bg-type = 'color')": { "background-color": "@bg-value" }, "& when (@bg-type = 'image')": { "background-image": "url(@bg-value)", ".mbr-overlay": { "background-color": "@overlayColor", "opacity": "@overlayOpacity" } }, ".card-box-wrapper": { "height": "100%" }, ".card-box1": { "padding": "50px", "background-color": "@card1Bg", "@media (max-width: 767px)": { "padding": "20px" }, "@media (max-width: 991px)": { "margin-bottom": "2rem" } }, ".card-box2": { "display": "flex", "align-items": "center", "height": "100%", "padding": "50px", "background-color": "@card2Bg", "@media (max-width: 767px)": { "padding": "30px" } }, "& when (@reverseCards)": { ".order-col-1": { "order": "2" }, ".order-col-2": { "order": "1" }, ".card-box1": { "@media (max-width: 991px)": { "margin-top": "2rem" } } } }, "_name": "features2", "_customHTML": "<section class=\"features2\" group=\"Article\" plugins=\"amp-main\">\n <mbr-parameters>\n <header>Size</header>\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"1\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"5\">\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n <input type=\"checkbox\" title=\"Row/Column\" name=\"flexDirection\" checked>\n <input type=\"checkbox\" title=\"Reverse Cards\" name=\"reverseCards\" checked>\n <!-- -->\n <header>Title</header>\n <input type=\"checkbox\" title=\"Show Title\" name=\"showTitle\">\n <input type=\"checkbox\" title=\"Show Subtitle\" name=\"showSubtitle\">\n <select title=\"Align\" name=\"titleAlign\" condition=\"showTitle || showSubtitle\">\n <option value=\"1\">Left</option>\n <option value=\"2\" selected>Center</option>\n <option value=\"3\">Right</option>\n </select>\n <header>Card 1</header>\n <select title=\"Text Align\" name=\"card1Align\">\n <option value=\"1\" selected>Left</option>\n <option value=\"2\">Center</option>\n <option value=\"3\">Right</option>\n </select>\n <input type=\"checkbox\" title=\"Show Title\" name=\"showCardsTitle\" checked>\n <input type=\"color\" title=\"Color\" name=\"card1Bg\" value=\"#f6f9f8\">\n <header>Card 2</header>\n <select title=\"Text Align\" name=\"card2Align\">\n <option value=\"1\">Left</option>\n <option value=\"2\" selected>Center</option>\n <option value=\"3\">Right</option>\n </select>\n <input type=\"color\" title=\"Color\" name=\"card2Bg\" value=\"#8da462\">\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" required>\n <input type=\"color\" title=\"Background Color\" value=\"#ffffff\">\n <input type=\"image\" title=\"Background Image\" value=\"@PROJECT_PATH@/assets/images/background-flex2-2000x1362.jpg\" selected>\n </fieldset>\n <!-- -->\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#000000\" condition=\"overlay && bg.type == 'image'\">\n <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.1\" condition=\"overlay && bg.type == 'image'\">\n </mbr-parameters>\n\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\"></div>\n <div mbr-class=\"{'container':!fullWidth,\n 'container-fluid':fullWidth}\">\n <div class=\"mbr-row mbr-jc-c mbr-pb-5\" mbr-class=\"{'align-center': titleAlign==2,\n 'align-right': titleAlign==3}\">\n <div class=\"mbr-col-sm-12 mbr-col-md-12 mbr-col-lg-12 mbr-pb-4\" mbr-if=\"showTitle\">\n <h3 class=\"mbr-fonts-style mbr-bold text-upper line-title custom-section-title\" mbr-theme-style=\"display-5\" data-app-selector=\".custom-section-title\"><span style=\"font-weight: normal;\">Flex </span>Structure</h3>\n </div>\n <div class=\"mbr-col-sm-12 mbr-col-md-12 mbr-col-lg-12\" mbr-if=\"showSubtitle\">\n <p class=\"mbr-fonts-style custom-section-subtitle\" mbr-theme-style=\"display-7\" data-app-selector=\".custom-section-subtitle\">Lorem ipsum dolor sit amet consectetur\n adipisicing elit. Iure consequatur voluptates, rerum explicabo ex recusandae!</p>\n </div>\n </div>\n <div class=\"mbr-row mbr-jc-c\" mbr-class=\"{'mbr-column': !flexDirection}\">\n <div class=\"mbr-col-sm-12 mbr-col-md-12 mbr-col-lg-8 order-col-1\" mbr-class=\"{'mbr-col-lg-12': !flexDirection}\">\n <div class=\"card-box-wrapper\">\n <div class=\"card-box1\" mbr-class=\"{'align-center': card1Align==2,\n 'align-right': card1Align==3}\">\n <div>\n <h4 class=\"mbr-fonts-style mbr-bold mbr-pb-2 custom-card-title\" mbr-theme-style=\"display-5\" mbr-if=\"showCardsTitle\" data-app-selector=\".custom-card-title\">FLEX Structure Goals</h4>\n <p class=\"mbr-fonts-style custom-text\" mbr-theme-style=\"display-7\" data-app-selector=\".custom-text\">A new wave of innovation is coming which will change what buildings look like, how they are made, what they are made of and who wins in the new era of the construction industry.\n<br>\n<br>Many building solutions are not customer focused requiring expensive tools and sub trades and long construction time. We bring customer focus back through engineering, high quality easy to assemble manufactured parts, efficient and durable materials that do not mold or rot.\n<br>\n<br>Imagine having a wall system that’s sealed from the elements, remarkably energy efficiency, requires no maintenance and can be assembled on site using basic hand tools?\n<br> \n<br>FLEX Structures walls are similar to manufactured doors and windows which are well insulated and energy efficient to reduce the cost of heating and cooling.<br><br>Sustainability is an important part of who we are. Eliminating waste through precise manufacturing with no finishing or cutting. Choosing materials that require no maintenance and have long life spans. Energy efficient designs that lowers the cost of ownership and reducing environmental impact.<br></p>\n </div>\n </div>\n </div>\n </div>\n <div class=\"mbr-col-sm-12 mbr-col-md-12 mbr-col-lg-4 order-col-2\" mbr-class=\"{'mbr-col-lg-12': !flexDirection,\n 'mbr-pt-4': !flexDirection}\">\n <div class=\"card-box-wrapper\">\n <div class=\"card-box2\" mbr-class=\"{'align-center': card2Align==2,\n 'align-right': card2Align==3}\">\n <div class=\"mbr-white\">\n <p class=\"mbr-fonts-style mbr-bold custom-card-text\" mbr-theme-style=\"display-5\" data-app-selector=\".custom-card-text\">“<span style=\"font-weight: normal;\"><i>Most people spend more time and energy going around problems than in trying to solve them. </i></span>”<br><br> [ <span style=\"font-weight: normal;\">Henry Ford </span>] <br></p>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>", "_cid": "rBMBjuSciK", "_anchor": "features2-16", "_protectedParams": [], "_global": false, "_once": false, "_params": {} }, { "alias": "formbuilder", "_isSecondary": true, "_styles": { "padding-top": "(@paddingTop * 15px)", "padding-bottom": "(@paddingBottom * 15px)", ".mbr-overlay": { "background-color": "@overlayColor", "opacity": "@overlayOpacity" }, "& when (@bg-type = 'image')": { "background-image": "url(@bg-value)" }, "& when (@bg-type = 'color')": { "background-color": "@bg-value" }, "& when (@customStyle)": { ".form-control, .field-input": { "padding": "0.5rem", "background-color": "@fieldColor", "border-color": "@borderColor", "color": "@formText", "transition": "0.4s", "box-shadow": "none", "outline": "none", "input::-webkit-input-placeholder, textarea::-webkit-input-placeholder": { "color": "@formPlaceholder" }, "input:-moz-placeholder, textarea:-moz-placeholder": { "color": "@formPlaceholder" }, "&:hover, &:focus": { "background-color": "@fieldHover", "border-color": "@borderHover", "color": "contrast(@formText, #000000, #ffffff, 30%)", "box-shadow": "none", "outline": "none", "input::-webkit-input-placeholder, textarea::-webkit-input-placeholder": { "color": "contrast(@formPlaceholder, #000000, #ffffff, 30%)" }, "input:-moz-placeholder, textarea:-moz-placeholder": { "color": "contrast(@formPlaceholder, #000000, #ffffff, 30%)" } } }, ".jq-number__spin:hover, .jq-number__spin:focus": { "background-color": "@fieldHover", "border-color": "@borderHover", "color": "contrast(@formText, #000000, #ffffff, 30%)", "box-shadow": "none", "outline": "none" }, ".jq-number__spin": { "background-color": "@fieldColor", "border-color": "@borderColor", "color": "@formText", "transition": "0.4s", "box-shadow": "none", "outline": "none" }, ".jq-selectbox li, .jq-selectbox li": { "background-color": "@fieldColor", "color": "contrast(@fieldColor, #000000, #ffffff, 30%)" }, ".jq-selectbox li:hover, .jq-selectbox li.selected": { "background-color": "@fieldHover", "color": "contrast(@fieldHover, #000000, #ffffff, 30%)" }, ".jq-selectbox:hover .jq-selectbox__trigger-arrow, .jq-number__spin.minus:hover:after, .jq-number__spin.plus:hover:after": { "border-top-color": "@fieldColor", "border-bottom-color": "@fieldColor" }, ".jq-selectbox .jq-selectbox__trigger-arrow, .jq-number__spin.minus:after, .jq-number__spin.plus:after": { "border-top-color": "@fieldHover", "border-bottom-color": "@fieldHover" } }, "& when (@customStyle), (@disableElements)": { "input::-webkit-clear-button": { "display": "none" }, "input::-webkit-inner-spin-button": { "display": "none" }, "input::-webkit-outer-spin-button": { "display": "none" }, "input::-webkit-calendar-picker-indicator": { "display": "none" } } }, "_name": "formbuilder", "_customHTML": "<section class=\"form\" group=\"Form\" plugins=\"amp-main, amp-form, amp-mustache\">\n <mbr-parameters>\n <header>Size</header>\n <input type=\"range\" inline=\"\" title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"6\">\n <input type=\"range\" inline=\"\" title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"5\">\n <header>Style</header>\n <input type=\"checkbox\" name=\"customStyle\" title=\"Custom Style\">\n <input type=\"checkbox\" name=\"disableElements\" title=\"Disable Control\">\n <input type=\"color\" name=\"fieldColor\" title=\"Field\" value=\"#ffffff\" condition=\"customStyle\">\n <input type=\"color\" name=\"fieldHover\" title=\"Field Hover\" value=\"#efefef\" condition=\"customStyle\">\n <input type=\"color\" name=\"borderColor\" title=\"Border\" value=\"#cccccc\" condition=\"customStyle\">\n <input type=\"color\" name=\"borderHover\" title=\"Border Hover\" value=\"#000000\" condition=\"customStyle\">\n <input type=\"color\" name=\"formText\" title=\"Text\" value=\"#000000\" condition=\"customStyle\">\n <input type=\"color\" name=\"formPlaceholder\" title=\"Placeholders\" value=\"#c1c1c1\" condition=\"customStyle\">\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\">\n <input type=\"image\" title=\"Background Image\" value=\"../assets/background.jpg\">\n <input type=\"color\" title=\"Background Color\" value=\"#ffffff\" selected=\"\">\n </fieldset>\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked=\"\">\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#ffffff\" condition=\"overlay && bg.type !== 'color'\">\n <input type=\"range\" inline=\"\" title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.4\" condition=\"overlay && bg.type !== 'color'\">\n </mbr-parameters>\n <div class=\"mbr-overlay\" mbr-if=\"(overlay && bg.type=='image')\"></div>\n <div class=\"container\">\n <div class=\"row\">\n <div mbr-form=\"\" class=\"col-lg-8 mx-auto mbr-form\">\n<!--Formbuilder Form-->\n<form action=\"darren@flexstructure.com\" name=\"FlexStructure Contact Form\" method=\"POST\" data-rcpha=\"true\" data-rcpha_sitekey=\"6LfghfwUAAAAABtsIQ5La3IJ1LDtw9QVraeHzPk7\" data-rcpha_secretkey=\"6LfghfwUAAAAAMS9uc-lXQi9hbFw6qmpWphDxk6q\" class=\"mbr-form\">\n<div class=\"mbr-row\">\n<div submit-success=\"\" class=\"mbr-col-lg-12 mbr-col-md-12 mbr-col-sm-12\">\n<template data-form-alert=\"\" type=\"amp-mustache\">Thanks for filling out the form!</template>\n</div>\n<div submit-error=\"\" class=\"mbr-col-lg-12 mbr-col-md-12 mbr-col-sm-12\">\n<template data-form-alert=\"\" type=\"amp-mustache\">Oops...! some problem!</template>\n</div>\n</div>\n<div class=\"dragArea mbr-row\">\n<div class=\"mbr-col-lg-12 mbr-col-md-12 mbr-col-sm-12\">\n<h4 mbr-theme-style=\"display-5\" class=\"mbr-fonts-style mbr-fonts-style mbr-fonts-style mbr-fonts-style mbr-fonts-style mbr-fonts-style mbr-fonts-style\">Contact Us</h4>\n</div>\n<div class=\"mbr-col-lg-12 mbr-col-md-12 mbr-col-sm-12\">\n<hr>\n</div>\n<div class=\"mbr-col-lg-12 mbr-col-md-12 mbr-col-sm-12\">\n<p mbr-theme-style=\"display-7\" class=\"mbr-fonts-style mbr-fonts-style mbr-fonts-style mbr-fonts-style mbr-fonts-style\">We would be happy to answer your questions.</p>\n</div>\n<div data-for=\"form[data][0][1]\" class=\"mbr-col-lg-12 mbr-col-md-12 mbr-col-sm-12 field\">\n<input type=\"hidden\" name=\"form[data][0][0]\" value=\"name\">\n<input type=\"text\" name=\"form[data][0][1]\" placeholder=\"Name\" data-form-field=\"name\" mbr-theme-style=\"display-7\" required=\"required\" class=\"field-input\" value=\"\">\n</div>\n<div data-for=\"form[data][1][1]\" class=\"mbr-col-lg-12 mbr-col-md-12 mbr-col-sm-12 field\">\n<input type=\"hidden\" name=\"form[data][1][0]\" value=\"email\">\n<input type=\"email\" name=\"form[data][1][1]\" placeholder=\"Email\" data-form-field=\"email\" mbr-theme-style=\"display-7\" required=\"required\" class=\"field-input\" value=\"\">\n</div>\n<div data-for=\"form[data][2][1]\" class=\"mbr-col-lg-12 mbr-col-md-12 mbr-col-sm-12 field\">\n<input type=\"hidden\" name=\"form[data][2][0]\" value=\"Phone\">\n<input type=\"text\" name=\"form[data][2][1]\" placeholder=\"Phone\" data-form-field=\"Phone\" mbr-theme-style=\"display-7\" class=\"field-input\" value=\"\">\n</div>\n<div data-for=\"form[data][3][1]\" class=\"mbr-col-lg-12 mbr-col-md-12 mbr-col-sm-12 field\">\n<input type=\"hidden\" name=\"form[data][3][0]\" value=\"message\">\n<textarea name=\"form[data][3][1]\" placeholder=\"Message\" data-form-field=\"message\" mbr-theme-style=\"display-7\" required=\"required\" class=\"field-input\"></textarea>\n</div>\n<div class=\"mbr-col-auto\" mbr-buttons=\"true\" mbr-theme-style=\"display-7\" data-toolbar=\"-mbrBtnMove,-mbrLink,-mbrBtnRemove,-mbrBtnAdd\">\n<a data-toolbar=\"-mbrBtnMove,-mbrLink,-mbrBtnRemove,-mbrBtnAdd\" type=\"submit\" class=\"btn btn-primary\">Submit</a>\n</div>\n</div>\n</form><!--Formbuilder Form-->\n</div>\n </div>\n </div>\n</section>", "_cid": "s07fFUEdAO", "_anchor": "formbuilder-18", "_protectedParams": [], "_global": false, "_once": false, "_params": {} }, { "alias": false, "_styles": { "padding-top": "(@paddingTop * 1rem)", "padding-bottom": "(@paddingBottom * 1rem)", "& when (@bg-type = 'color')": { "background-color": "@bg-value" }, "& when (@bg-type = 'image')": { "background-image": "url(@bg-value)", ".mbr-overlay": { "background-color": "@overlayColor", "opacity": "@overlayOpacity" } }, ".card-wrapper": { "& when (@showBorders)": { "border": "1px solid @bordersColor" }, "& when not (@transparentBg)": { "background": "@cardBg" }, "@media (max-width: 991px)": { "flex-wrap": "wrap" }, "transition": "0.5s", "&:hover": { "transform": "translateY(-15px)", "box-shadow": "0 25px 45px rgba(0, 0, 0, 0.2)", ".iconfont-wrapper": { "transform": "rotate(30deg)" } } }, ".card-box": { "width": "100%" }, "& when not (@flexDirection)": { "& when (@checkIcons)": { ".card-img": { "@media (min-width: 992px)": { "margin-right": "2rem" }, "@media (max-width: 991px)": { "width": "100%", "margin-bottom": "2rem" } } } }, "& when (@checkIcons)": { ".iconfont-wrapper": { "display": "inline-block", "width": "~\"@{iconsSize}rem\"", "height": "~\"@{iconsSize}rem\"", "transition": "0.5s" }, ".amp-iconfont": { "color": "white", "vertical-align": "middle", "@media (min-width: 768px)": { "font-size": "~\"@{iconsSize}rem\"", "width": "~\"@{iconsSize}rem\"" }, "@media (max-width: 767px)": { "font-size": "2.5rem", "width": "2.5rem" } } } }, "_name": "contacts7", "_customHTML": "<section class=\"contacts7 map\" group=\"Contacts\" plugins=\"amp-main\">\n <mbr-parameters>\n <!-- -->\n <header>Size</header>\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"0\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"2\">\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\" checked>\n <input type=\"checkbox\" title=\"Row/Column\" name=\"flexDirection\" checked>\n <!-- -->\n <header>Title</header>\n <input type=\"checkbox\" title=\"Show Title\" name=\"showTitle\">\n <input type=\"checkbox\" title=\"Show Subtitle\" name=\"showSubtitle\">\n <select title=\"Align\" name=\"titleAlign\" condition=\"showTitle || showSubtitle\">\n <option value=\"1\">Left</option>\n <option value=\"2\" selected>Center</option>\n <option value=\"3\">Right</option>\n </select>\n <!-- -->\n <header>Cards</header>\n <input type=\"range\" inline title=\"Cards Count\" name=\"cardsCount\" min=\"1\" max=\"4\" step=\"1\" value=\"2\" condition=\"showCardsTitle || showCardsText || checkIcons\" required>\n <select title=\"Align\" name=\"cardsAlign\" condition=\"showCardsTitle || showCardsText || checkIcons\">\n <option value=\"1\">Left</option>\n <option value=\"2\" selected>Center</option>\n <option value=\"3\">Right</option>\n </select>\n <input type=\"checkbox\" title=\"Show Title\" name=\"showCardsTitle\" checked>\n <input type=\"checkbox\" title=\"Show Text\" name=\"showCardsText\" checked>\n <input type=\"checkbox\" title=\"Borders\" name=\"showBorders\" condition=\"showCardsTitle || showCardsText || checkIcons\">\n <input type=\"color\" title=\"Color\" name=\"bordersColor\" value=\"#cccccc\" condition=\"showBorders && (showCardsTitle || showCardsText || checkIcons)\">\n <input type=\"checkbox\" title=\"Transparent BG\" name=\"transparentBg\" condition=\"showCardsTitle || showCardsText || checkIcons\">\n <input type=\"color\" title=\"Color\" name=\"cardBg\" value=\"#8da462\" condition=\"!transparentBg && (showCardsTitle || showCardsText || checkIcons)\">\n <input type=\"checkbox\" title=\"Show Icons\" name=\"checkIcons\" checked>\n <input type=\"range\" inline title=\"Icons Size\" name=\"iconsSize\" min=\"1\" max=\"8\" step=\"0.5\" value=\"3\" condition=\"checkIcons\">\n <!-- -->\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\" required>\n <input type=\"color\" title=\"Background Color\" value=\"#8da462\" selected>\n <input type=\"image\" title=\"Background Image\" value=\"../_images/background3.jpg\">\n </fieldset>\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type !== 'color'\">\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#efefef\" condition=\"overlay && bg.type == 'image'\">\n <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.5\" condition=\"overlay && bg.type == 'image'\">\n </mbr-parameters>\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\"></div>\n <div mbr-class=\"{'container':!fullWidth,\n 'container-fluid':fullWidth}\">\n <div class=\"title mbr-pb-4\" mbr-if=\"showTitle || showSubtitle\" mbr-class=\"{'align-center': titleAlign == 2,\n 'align-right': titleAlign == 3}\">\n <h3 class=\"mbr-section-title mbr-bold mbr-fonts-style\" mbr-class=\"{'mbr-pb-4': !showSubtitle}\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\">Our Contacts</h3>\n <h4 class=\"mbr-section-subtitle mbr-fonts-style mbr-pt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\">Enter your block subtitle here</h4>\n </div>\n <div class=\"mbr-row mbr-jc-c mbr-pt-4\" mbr-class=\"{'mbr-column': !flexDirection}\" mbr-if=\"showCardsTitle || showCardsText || checkIcons\">\n <div class=\"card mbr-col-sm-12\" mbr-class=\"{'mbr-px-4': !flexDirection,\n 'mbr-col-md-12': flexDirection && cardsCount == 1,\n 'mbr-col-md-6 mbr-col-lg-6': flexDirection && cardsCount == 2,\n 'mbr-col-md-8 mbr-col-lg-4': flexDirection && cardsCount == 3,\n 'mbr-col-md-6 mbr-col-lg-3': flexDirection && cardsCount == 4,\n 'align-center': cardsAlign == 2,\n 'align-right': cardsAlign == 3,\n 'md-pb': (flexDirection && cardsCount > 2) || (!flexDirection && cardsCount > 1),\n 'lg-pb': !flexDirection && cardsCount > 1,\n 'last-child': cardsCount == 1}\">\n <div class=\"card-wrapper mbr-flex\" mbr-class=\"{'mbr-column': checkIcons && flexDirection,\n 'mbr-pt-3 mbr-px-4 mbr-pb-3': showBorders || !transparentBg}\">\n <div class=\"card-img\" mbr-if=\"checkIcons\" mbr-class=\"{'align-center': cardsAlign == 2,\n 'align-right': cardsAlign == 3}\">\n <div class=\"iconfont-wrapper\">\n <span mbr-icon class=\"amp-iconfont mbri-map-pin\"></span>\n </div>\n </div>\n <div class=\"card-box mbr-pt-3 mbr-white\" mbr-if=\"(showCardsTitle || showCardsText)\">\n <h4 class=\"card-title mbr-bold mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showCardsTitle\" data-app-selector=\".card-title\">Address</h4>\n <p class=\"card-text mbr-fonts-style mbr-pt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showCardsText\" data-app-selector=\".card-text\" mbr-link-type=\"address\">#107-1645 Dilworth Drive, Kelowna, BC, V1Y 8M4</p>\n </div>\n </div>\n </div>\n <div class=\"card mbr-col-sm-12\" mbr-class=\"{'mbr-px-4': !flexDirection,\n 'mbr-col-md-6 mbr-col-lg-6': flexDirection && cardsCount == 2,\n 'mbr-col-md-8 mbr-col-lg-4': flexDirection && cardsCount == 3,\n 'mbr-col-md-6 mbr-col-lg-3': flexDirection && cardsCount == 4,\n 'align-center': cardsAlign == 2,\n 'align-right': cardsAlign == 3,\n 'md-pb': cardsCount > 2,\n 'lg-pb': !flexDirection && cardsCount > 2,\n 'last-child': cardsCount == 2}\" mbr-if=\"cardsCount > 1\">\n <div class=\"card-wrapper mbr-flex\" mbr-class=\"{'mbr-column': checkIcons && flexDirection,\n 'mbr-pt-3 mbr-px-4 mbr-pb-3': showBorders || !transparentBg}\">\n <div class=\"card-img\" mbr-if=\"checkIcons\" mbr-class=\"{'align-center': cardsAlign == 2,\n 'align-right': cardsAlign == 3}\">\n <div class=\"iconfont-wrapper\">\n <span mbr-icon class=\"amp-iconfont fa-envelope-o fa\"></span>\n </div>\n </div>\n <div class=\"card-box mbr-pt-3 mbr-white\" mbr-if=\"(showCardsTitle || showCardsText)\">\n <h4 class=\"card-title mbr-bold mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showCardsTitle\" data-app-selector=\".card-title\">Join Our Newsletter</h4>\n <p class=\"card-text mbr-fonts-style mbr-pt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showCardsText\" data-app-selector=\".card-text\" mbr-link-type=\"phone\"><a href=\"http://eepurl.com/dNY_r6\" target=\"_blank\" class=\"text-primary\"><b>Subscribe</b></a></p>\n </div>\n </div>\n </div>\n <div class=\"card mbr-col-sm-12\" mbr-if=\"cardsCount > 2\" mbr-class=\"{'mbr-px-4': !flexDirection,\n 'mbr-col-md-8 mbr-col-lg-4': flexDirection && cardsCount == 3,\n 'mbr-col-md-6 mbr-col-lg-3': flexDirection && cardsCount == 4,\n 'align-center': cardsAlign == 2,\n 'align-right': cardsAlign == 3,\n 'md-pb': !flexDirection && cardsCount > 3,\n 'lg-pb': !flexDirection && cardsCount > 3,\n 'last-child': cardsCount == 3}\">\n <div class=\"card-wrapper mbr-flex\" mbr-class=\"{'mbr-column': checkIcons && flexDirection,\n 'mbr-pt-3 mbr-px-4 mbr-pb-3': showBorders || !transparentBg}\">\n <div class=\"card-img\" mbr-if=\"checkIcons\" mbr-class=\"{'align-center': cardsAlign == 2,\n 'align-right': cardsAlign == 3}\">\n <div class=\"iconfont-wrapper\">\n <span mbr-icon class=\"amp-iconfont fa-envelope-o fa\"></span>\n </div>\n </div>\n <div class=\"card-box mbr-pt-3 mbr-white\" mbr-if=\"(showCardsTitle || showCardsText)\">\n <h4 class=\"card-title mbr-bold mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showCardsTitle\" data-app-selector=\".card-title\">E-mail</h4>\n <p class=\"card-text mbr-pt-3 mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showCardsText\" data-app-selector=\".card-text\" mbr-link-type=\"email\">kelsi@flexstructure.com</p>\n </div>\n </div>\n </div>\n <div class=\"card mbr-col-sm-12\" mbr-class=\"{'mbr-col-md-6 mbr-col-lg-3': flexDirection,\n 'mbr-px-4': !flexDirection,\n 'align-center': cardsAlign == 2,\n 'align-right': cardsAlign == 3,\n 'last-child': cardsCount == 4}\" mbr-if=\"cardsCount > 3\">\n <div class=\"card-wrapper mbr-flex\" mbr-class=\"{'mbr-column': checkIcons && flexDirection,\n 'mbr-pt-3 mbr-px-4 mbr-pb-3': showBorders || !transparentBg}\">\n <div class=\"card-img\" mbr-if=\"checkIcons\" mbr-class=\"{'align-center': cardsAlign == 2,\n 'align-right': cardsAlign == 3}\">\n <div class=\"iconfont-wrapper\">\n <span mbr-icon class=\"amp-iconfont fa-envelope-o fa\"></span>\n </div>\n </div>\n <div class=\"card-box mbr-pt-3 mbr-white\" mbr-if=\"(showCardsTitle || showCardsText)\">\n <h4 class=\"card-title mbr-bold mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showCardsTitle\" data-app-selector=\".card-title\">E-mail</h4>\n <p class=\"card-text mbr-fonts-style mbr-pt-3\" mbr-theme-style=\"display-7\" mbr-if=\"showCardsText\" data-app-selector=\".card-text\" mbr-link-type=\"email\">testmail@demo.com</p>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>", "_cid": "rBMBjxDZ22", "_anchor": "contacts7-19", "_protectedParams": [], "_global": false, "_once": false, "_params": {} }, { "alias": false, "_styles": { "padding-top": "(@paddingTop * 1rem)", "padding-bottom": "(@paddingBottom * 1rem)", "& when (@bg-type = 'color')": { "background-color": "@bg-value" }, "& when (@bg-type = 'image')": { "background-image": "url(@bg-value)", ".mbr-overlay": { "background-color": "@overlayColor", "opacity": "@overlayOpacity" } }, ".link-items": { ".fLink": { "width": "auto" } }, "& when (@typeBlock = '1')": { ".mbr-row": { "margin": "0", "& when (@showCopyright)": { "&:nth-child(1)": { "margin-bottom": "1rem" } } } }, "& when (@typeBlock = '2')": { ".footer-container": { "& when (@showCopyright) and (@showItems)": { "@media (min-width: 992px)": { "justify-content": "space-between" }, "@media (max-width: 991px)": { "flex-direction": "column", "align-items": "center" } } }, ".mbr-row": { "width": "auto", "@media (max-width: 992px)": { "padding": "0", "width": "100%", "justify-content": "center", "& when (@showCopyright)": { "&:nth-child(1)": { "margin-bottom": "1rem" } } } }, ".copyright": { "width": "auto" } }, ".mbr-text-al-c": { "text-align": "center" }, ".iconfont-wrapper": { "width": "~\"@{iconsSize}rem\"", "height": "~\"@{iconsSize}rem\"", "display": "inline-flex", "padding": "15px 20px", "margin-right": "15px", "justify-content": "center", "align-items": "center", "border-radius": "3px", "cursor": "pointer" }, ".amp-iconfont": { "font-size": "~\"@{iconsSize}rem\"", "width": "~\"@{iconsSize}rem\"", "color": "@primaryColor", "vertical-align": "middle" }, ".custom-bg-1": { "transition": "0.5s", "&:hover": { "background-color": "@icon1Bg", ".amp-iconfont": { "color": "white" } } }, ".custom-bg-2": { "transition": "0.5s", "&:hover": { "background-color": "@icon2Bg", ".amp-iconfont": { "color": "white" } } }, ".custom-bg-3": { "transition": "0.5s", "&:hover": { "background-color": "@icon3Bg", ".amp-iconfont": { "color": "white" } } }, ".custom-bg-4": { "transition": "0.5s", "&:hover": { "background-color": "@icon4Bg", ".amp-iconfont": { "color": "white" } } }, ".custom-bg-5": { "transition": "0.5s", "&:hover": { "background-color": "@icon5Bg", ".amp-iconfont": { "color": "white" } } }, ".custom-bg-6": { "transition": "0.5s", "&:hover": { "background-color": "@icon6Bg", ".amp-iconfont": { "color": "white" } } } }, "_name": "footer2", "_customHTML": "<section class=\"footer2\" group=\"Footers\" plugins=\"amp-main\" global once=\"footer\">\n <mbr-parameters>\n <!-- Block parameters controls (Blue \"Gear\" panel) -->\n <header>Size</header>\n <select title=\"Block Type\" name=\"typeBlock\">\n <option value=\"1\" selected>Type 1</option>\n <option value=\"2\">Type 2</option>\n </select>\n <!-- -->\n <input type=\"checkbox\" title=\"Reverse Content\" name=\"reverseContent\" condition=\"typeBlock==2\">\n <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"2\">\n <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"4\">\n <!-- -->\n <header>Show/Hide</header>\n <input type=\"checkbox\" title=\"Items\" name=\"showItems\">\n <input type=\"range\" inline title=\"Items Count\" name=\"itemsCount\" min=\"1\" max=\"7\" step=\"1\" value=\"4\" condition=\"showItems\">\n <input type=\"checkbox\" title=\"Show Text\" name=\"showText\">\n <input type=\"checkbox\" title=\"Copyright\" name=\"showCopyright\" checked>\n <header>Icons</header>\n <input type=\"checkbox\" title=\"Show Icons\" name=\"showIcons\">\n <input type=\"range\" title=\"Icons Count\" name=\"iconsAmount\" min=\"1\" max=\"6\" value=\"2\" condition=\"showIcons\">\n <input type=\"range\" title=\"Icons Size\" name=\"iconsSize\" min=\"1\" max=\"2.5\" step=\"0.1\" value=\"1.3\" condition=\"showIcons\">\n <input type=\"color\" title=\"Icon 1 BG\" name=\"icon1Bg\" value=\"#55acee\" condition=\"showIcons\">\n <input type=\"color\" title=\"Icon 2 BG\" name=\"icon2Bg\" value=\"#e4405f\" condition=\"showIcons && iconsAmount > 1\">\n <input type=\"color\" title=\"Icon 3 BG\" name=\"icon3Bg\" value=\"#cd201f\" condition=\"showIcons && iconsAmount > 2\">\n <input type=\"color\" title=\"Icon 4 BG\" name=\"icon4Bg\" value=\"#3b5999\" condition=\"showIcons && iconsAmount > 3\">\n <input type=\"color\" title=\"Icon 5 BG\" name=\"icon5Bg\" value=\"#25d366\" condition=\"showIcons && iconsAmount > 4\">\n <input type=\"color\" title=\"Icon 6 BG\" name=\"icon6Bg\" value=\"#212121\" condition=\"showIcons && iconsAmount > 5\">\n <!-- -->\n <header>Background</header>\n <fieldset type=\"background\" name=\"bg\">\n <input type=\"image\" title=\"Background Image\" value=\"../_images/background4.jpg\">\n <input type=\"color\" title=\"Background Color\" value=\"#f6f9f8\" selected>\n </fieldset>\n <!-- -->\n <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type!='color'\">\n <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#000000\" condition=\"bg.type!='color' && overlay\">\n <input type=\"range\" inline title=\"Overlay Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.4\" condition=\"bg.type!='color' && overlay\">\n <!-- End block parameters -->\n </mbr-parameters>\n <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\"></div>\n <div class=\"footer-container\" mbr-class=\"{'container': !fullWidth,\n 'container-fluid': fullWidth,\n 'mbr-jc-c': (!showCopyright || !showItems) && typeBlock==2,\n 'mbr-flex': typeBlock==2,\n 'mbr-row-reverse': reverseContent}\">\n <div mbr-list mbr-list-grow=\"itemsCount\" class=\"mbr-row link-items mbr-jc-c mbr-fonts-style\" mbr-if=\"showItems\" mbr-theme-style=\"display-7\">\n <p class=\"mbr-text fLink mbr-px-1 mbr-bold\" data-app-selector=\".fLink\">Home</p>\n <p class=\"mbr-text fLink mbr-px-1 mbr-bold\" data-app-selector=\".fLink\">About Us</p>\n <p class=\"mbr-text fLink mbr-px-1 mbr-bold\" data-app-selector=\".fLink\">Contacts</p>\n <p class=\"mbr-text fLink mbr-px-1 mbr-bold\" data-app-selector=\".fLink\">FAQ</p>\n \n </div>\n <div class=\"mbr-pt-3 mbr-pb-5 mbr-text-al-c\">\n <p class=\"mbr-fonts-style mbr-pb-3\" mbr-theme-style=\"display-7\" mbr-if=\"showText\">Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolores, cumque.</p>\n <div class=\"iconfont-wrapper custom-bg-1\" mbr-if=\"showIcons\">\n <a href=\"https://www.facebook.com/Cover-For-All-101237827922989/\" target=\"_blank\"><span mbr-icon class=\"amp-iconfont animation-normal fa-facebook-square fa\"></span></a>\n </div>\n <div class=\"iconfont-wrapper custom-bg-2\" mbr-if=\"showIcons && iconsAmount > 1\">\n <a href=\"https://www.linkedin.com/company/cover-for-all/about/\" target=\"_blank\"><span mbr-icon class=\"amp-iconfont animation-normal fa-linkedin-square fa\"></span></a>\n </div>\n <div class=\"iconfont-wrapper custom-bg-3\" mbr-if=\"showIcons && iconsAmount > 2\">\n <span mbr-icon class=\"amp-iconfont animation-normal fa fa-youtube\"></span>\n </div>\n <div class=\"iconfont-wrapper custom-bg-4\" mbr-if=\"showIcons && iconsAmount > 3\">\n <span mbr-icon class=\"amp-iconfont animation-normal fa fa-facebook\"></span>\n </div>\n <div class=\"iconfont-wrapper custom-bg-5\" mbr-if=\"showIcons && iconsAmount > 4\">\n <span mbr-icon class=\"amp-iconfont animation-normal fa fa-whatsapp\"></span>\n </div>\n <div class=\"iconfont-wrapper custom-bg-6\" mbr-if=\"showIcons && iconsAmount > 5\">\n <span mbr-icon class=\"amp-iconfont animation-normal fa fa-spotify\"></span>\n </div>\n </div>\n <div class=\"copyright mbr-px-2 mbr-flex mbr-jc-c\" mbr-if=\"showCopyright\">\n <p class=\"mbr-text mbr-fonts-style align-center\" mbr-theme-style=\"display-7\" data-app-selector=\".copyright .mbr-text\" data-app-placeholder=\"Type Text\">© Copyright 2020 <span mbr-link-type=\"name\">Livingstone MCS Ltd.</span> - All Rights Reserved<br>Updated May 26, 2020 11:29 am</p>\n </div>\n </div>\n</section>", "_cid": "rBMBjA0nFN", "_anchor": "footer2-1b", "_protectedParams": [], "_global": true, "_once": "footer", "_params": {} } ] } } }
© 2017 -
ZeroByte.ID
.