����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
/
web
/
sb_web
/
sb_web
/
web
/
web
/
b744
/
kanevskylaw.com
/
css
/
[
Home
]
File: style.css
* { margin: 0; padding: 0; } :root { --btn-hover-color: #1d1d1d; --btn-secondary-color: #1d1d1d; --text-color-primary: #e5173e; --btn-primary-color: #e5173e; --btn-primary-icon-color: #e5173e; --block-bg-color: #f2f2f2; --accent-background-color: #333333; /* --border-color: #e5173e; */ --accent-font: "Work Sans", sans-serif; --accent-font-1: "Ibarra Real Nova", serif; --accent-font-2: "Playfair Display", serif; --border-color: #bdbdbd; } html { height: 100%; font-family: "Work Sans", sans-serif; } body { height: 100%; overflow-x: hidden; overflow-y: scroll; font-size: 18px; color: rgb(8, 4, 34); /* background-color: #f2f2f2; */ font-family: "Work Sans", sans-serif; } img { border: none; max-width: 100%; position: relative; z-index: 2; } ul { list-style-position: inside; } a { color: #484848; text-decoration: none; } /* a:hover { color: #111; text-decoration: none; } */ p { font-size: 18px; position: relative; margin-bottom: 10px; line-height: 170%; } h1 { font-size: clamp(25px, 2.5vw, 46px); z-index: 3; font-weight: 400; font-family: "Playfair Display", serif; } h2 { font-weight: 500; margin-bottom: 20px; line-height: 1.2; font-family: "Playfair Display", serif; font-size: clamp(25px, 2.5vw, 46px); letter-spacing: 0px; } h3 { font-size: 40px; font-weight: 500; margin-bottom: 30px; line-height: 1.3; z-index: 3; font-family: "Playfair Display", serif; } h4 { font-size: 24px; font-weight: 600; margin-bottom: 20px; margin-top: 10px; line-height: 1.2; z-index: 3; } /* h5 { font-weight: 700; font-size: 18px; margin: 0 auto 0px; z-index: 2; position: relative; margin-bottom: 10px; line-height: 1; font: normal normal bold 16px/22px Open Sans; letter-spacing: 1.6px; color: var(--text-color-primary); text-transform: uppercase; } */ h6 { position: relative; font-size: 18px; font-weight: 700; } .ws--nowrap { white-space: nowrap; } .sep { width: 100%; margin: 40px auto; background: #1a1b30; height: 1px; } .img-full { width: 100%; } .transform { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); } .global-wrapper { box-sizing: border-box; margin-left: auto; margin-right: auto; padding-left: 50px; padding-right: 50px; /* max-width: 1500px; */ max-width: 1800px; width: 100%; /* position: relative; */ z-index: 3; /* overflow: hidden; */ } .inner-block { position: relative; font-family: var(--accent-font); font-size: 18px; } .inner-block.inner-block--padding { padding-top: 60px; padding-bottom: 60px; } .inner-block.inner-block--bg-accent { background-color: #f2f2f2; } .flex-wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; /* position: relative; */ } .flex-center { display: inline-flex !important; flex-wrap: wrap; justify-content: center; flex-flow: column; align-items: center; } .flex-wrapper.flex-center { flex-flow: row; display: flex !important; justify-content: space-between; flex-wrap: wrap; align-items: center; } /* PAGE - ELEMENTS - BEGIN */ .par p, .par p * { font-family: var(--accent-font) !important; } .par-L, .par-R { column-gap: 5%; row-gap: 4vh; grid-template-rows: auto; grid-template-columns: repeat(auto-fit, minmax(415px, 1fr)); display: grid; } .par-L h1, .par-R h1 { font-size: unset; line-height: 150%; margin-bottom: 20px; } .par-block-1, .par-block-2 { width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; } .par-L .par-block-1 { order: 1; } .par-L .par-block-2 { order: 2; } .par-R .par-block-1 { order: 1; } .par-R .par-block-2 { order: 2; } /* PAGE - ELEMENTS - ENDS */ /* GRIDS - BEGIN */ .grid { display: grid; position: relative; } .grid-1-2 { column-gap: 5%; row-gap: 5%; grid-template-rows: auto; grid-template-columns: 47% 48%; } .grid-1-3 { column-gap: 5%; grid-template-rows: auto; row-gap: 4vh; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); } .grid-1-4 { column-gap: 5%; row-gap: 4vh; grid-template-rows: auto; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); } .grid-1-5 { column-gap: 3%; row-gap: 4vh; grid-template-rows: auto; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); } .grid-1-6 { column-gap: 3%; row-gap: 4vh; grid-template-rows: auto; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); } .grid-3-4 { grid-template-columns: 25% 70%; column-gap: 5%; } .grid-2-3 { display: grid; grid-template-columns: 33% 66%; column-gap: 5%; } .grid-2-3-r { display: grid; grid-template-columns: 66% 33%; column-gap: 5%; } .grid-1-2-half { column-gap: 3%; row-gap: 4vh; grid-template-rows: auto; margin-bottom: 2%; grid-template-columns: 1fr 1fr; } .grid-1-3-half { column-gap: 3%; row-gap: 4vh; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; } /* GRIDS - END */ .m-bottom-40 { margin-bottom: 40px; } /* BUTTONS - BEGIN */ .home-btn { padding-top: 30px; display: inline-block; } .button { display: inline-block; font-size: 18px; font-weight: 400; text-decoration: none; position: relative; z-index: 1; text-align: left; letter-spacing: 0.9px; } .button .icn { position: absolute; right: 0; top: 0; z-index: 2; width: 60px; height: 100%; border-radius: 0; } .button .lbl { position: relative; z-index: 3; transition: 0.3s ease; } .button .icn i { position: absolute; top: 0; right: 0; width: 60px; height: 100%; } .button:hover .icn { width: 100%; } .common-link { width: calc(100% - 50px); background-color: #1a1b30; -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.3); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.3); /* padding: 20px 55px 0 25px; */ padding: 12px 72px 12px 12px; color: #fff; border-radius: 0px; text-transform: uppercase; } .common-link .icn { /* background-color: var(--btn-primary-icon-color); */ background-color: transparent; } .common-link .icn i { background-image: url(/images/icons/chev_white.png); background-repeat: no-repeat; background-size: 20px; background-position: center; } .common-link:hover .icn i { /* background-color: var(--btn-hover-color); */ background-color: var(--btn-primary-icon-color); } .common-link:hover .lbl { color: #fff; } /* BUTTONS - END */ /* COMMON-ELEMENTS */ .txt-paragraph { text-align: left; position: relative; } .txt-paragraph > h1 { margin-bottom: 15px; } .italic-big { font-size: 18px; /* font-family: 'Playfair Display', serif; */ font-family: var(--accent-font); } .txt-paragraph a { display: block; } .wp-content { height: 100%; margin: 0 auto; position: relative; /* overflow: hidden; */ } .content { margin-top: 147px; /* min-height: 100%; */ height: auto !important; /* height: 100%; */ position: relative; overflow: hidden; } .quote { float: left; } .header .quote { display: none; } /* .js-responsive-trigger, */ .quote-link, .spec-view-more { margin: 20px 13px 0 0; display: block; width: 208px; height: 69px; line-height: 69px; background: #92c5c6; color: #fff; text-align: center; border-radius: 4px; color: #fff; } .spec-view-more { display: inline-block; } /* .js-responsive-trigger:hover, */ a.quote-link:hover, .spec-view-more:hover { color: #fff; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); transition: box-shadow 1s; } /* .js-responsive-trigger { padding-top: 8px; float: right; width: 69px; height: 61px; margin-left: 5px; display: none; cursor: pointer; } .js-responsive-trigger span { display: block; width: 40px; height: 10px; margin: 5px auto; border-radius: 15px; background: #fff; } */ .js-responsive-trigger { display: none; } .top-menu-wrapper { background: #ffffff 0% 0% no-repeat padding-box; padding: 15px; border-radius: 0; /* margin-bottom: 30px; */ position: absolute; top: 50%; transform: translateY(-50%); /* left: 0; */ right: 0; /* bottom: 0; */ margin: auto; width: 40px; height: 31px; cursor: pointer; } /* .top-menu-wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100px; height: 60px; cursor: pointer; } */ .hamburger-menu, .hamburger-menu:after, .hamburger-menu:before { width: 40px; height: 5px; } .hamburger-menu { position: relative; transform: translateY(15px); background: #1a1b30; transition: all 0ms 300ms; } .hamburger-menu.animate { background: rgba(255, 255, 255, 0); } .hamburger-menu:before { content: ""; position: absolute; left: 0; bottom: 15px; background: #1a1b30; transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1); } .hamburger-menu:after { content: ""; position: absolute; left: 0; top: 15px; background: #1a1b30; transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1); } .hamburger-menu.animate:after { top: 0; transform: rotate(45deg); transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1); } .hamburger-menu.animate:before { bottom: 0; transform: rotate(-45deg); transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1); } .grey-block { padding: 50px 0; text-align: center; background: #f3f2ee; color: #1d1d1d; } .white-block { padding: 50px 0; text-align: left; /* background: #f5f4f0; */ background-color: #333333; color: #fff; } .white-block * { color: #fff; font-weight: 400; font-size: 18px; } .wb-heading { font-size: 22pt; font-weight: 300; position: relative; } .blog-block { text-align: center; } .b-item { margin-top: 20px; display: inline-block; vertical-align: top; } .bi-wrapper { padding: 0 20px; } .bi-heading { font-size: 18pt; font-weight: 900; color: #1d1d1d; opacity: 0.8; } .bi-date { margin: 12px 0; color: #b2b2b2; font-style: italic; } .bi-pic { text-align: center; } .bi-desc { line-height: 160%; margin: 20px 0; font-style: italic; font-size: 14pt; color: #6c6c6c; } .bi-link { font-style: italic; text-decoration: underline; color: #963e61; } .clear { clear: both; } .breadcrumbs { font-size: 12px; color: #8da7be; text-transform: uppercase; } .breadcrumbs-link-active { font-weight: 700; } .wb-heading-large { font-size: 46px; font-weight: 500; letter-spacing: 2px; margin: 0; } .bg-block { padding: 51px 20px; color: #fff; text-align: center; margin-bottom: 1em; background-color: #77033d; background-size: cover; } .mobile-contact { display: none; } .mobile-header { display: none; } .mobile-floating-button { display: none; width: 55px; height: 55px; position: fixed; bottom: 20px; right: 20px; background: var(--btn-primary-color); border-radius: 10px; z-index: 999; } @media (max-width: 500px) { .mobile-floating-button { display: flex; align-items: center; justify-content: center; } .header .global-wrapper { background-color: #fff; } .mobile-header { display: block; background-color: #333333; } .mobile-header__inner { display: flex; justify-content: space-between; padding: 11px 15px; } .mobile-header__link { display: flex; align-items: center; column-gap: 5px; font-weight: 400; font-size: 14.6253px; line-height: 17px; text-align: center; letter-spacing: 0.04em; color: #fff; } .mobile-header__switch { display: flex; align-items: center; column-gap: 10px; font-weight: 500; font-size: 14.961px; text-align: center; letter-spacing: 0.04em; text-transform: uppercase; } .mobile-header__switch a { color: #fff; position: relative; } .mobile-header__switch a:not(:last-child)::after { content: ""; position: absolute; right: -5px; top: 50%; transform: translateY(-50%); width: 1px; height: 100%; background-color: #fff; } .mobile-header__switch .active { color: var(--text-color-primary); } .mobile-contact { display: block; background-color: #f2f2f2; padding: 15px 20px; } .mobile-contact__inner { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 10px; border: 1px solid #000; } .mobile-contact__link { display: flex; column-gap: 5px; font-weight: 600; font-size: 26.2741px; text-align: center; letter-spacing: 0.04em; text-transform: uppercase; color: #000000; margin-bottom: 10px; } .mobile-contact__button { width: 100%; background-color: var(--btn-primary-color); color: #fff; border: none; padding: 10px 20px; cursor: pointer; font-size: 13px; text-transform: uppercase; transition: 0.3s ease; display: flex; align-items: center; justify-content: center; } } .bg-block ul { text-align: left; display: inline-block; margin-right: 70px; } .bg-paragraph { max-width: 740px; margin: 1em auto 0; } .bg-heading { font-size: 36px; } .block-bg { width: 100%; display: block; } .insurance-top-blog { position: relative; } .insurance-top-blog .wb-heading-large { position: absolute; top: 50%; margin-top: -38px; left: 40%; } .insurance-top-blog .wb-heading-large.bright { text-shadow: 0 0 5px #000; background: rgba(0, 0, 0, 0.4); border-radius: 7px; padding: 0 10px; color: #fff; } .sub-menu { padding: 17px 10px 17px 30px; position: absolute; /* right: -420px; */ left: 0; /* top: 100px; */ top: 100%; width: 100vw; z-index: 2; background-color: var(--text-color-primary); /* box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); */ display: none; } .sub-menu-wp { display: flex; flex-wrap: wrap; justify-content: center; column-gap: 20px; row-gap: 20px; text-align: center; } .sub-menu-wp div { padding: 0 10px 10px 0; } .has-submenu { display: inline-flex; align-items: center; height: 100%; /* height: 75px; */ } .has-submenu a { cursor: pointer; } .has-submenu .sub-menu a { cursor: pointer; border: 2px solid transparent; padding: 10px; } .has-submenu .sub-menu a > img { aspect-ratio: 16/9; transition: 0.3s ease; } .has-submenu .sub-menu a:hover img { filter: brightness(0.8) drop-shadow(0 0 5px rgb(177, 177, 177)); /* background: #ffffff 0% 0% no-repeat padding-box; */ /* border: 2px solid var(--border-color); */ } .has-submenu:hover .sub-menu { display: block; transition: display 2s; } .sm-item { width: 200px; display: block; } .smi-title { display: block; font-weight: 600; font-size: clamp(14px, 1.5vw, 20px); line-height: 110%; padding-left: 10px; text-align: left; /* identical to box height */ color: #fff; letter-spacing: 0.025em; text-transform: uppercase; margin-top: 10px; border-left: 5px solid rgba(255, 255, 255, 0.411); } .insurance-body-blog { max-width: 1200px; padding: 0 20px; margin: 40px auto 0; } .insurance-body-blog:after { content: ""; display: block; clear: both; } .quote-insurance .quote-link { margin: 0; font-size: 26px; } .grey-block.insurance { background: #d1d1d1; margin-bottom: -98px; } .contact-us-link { margin-top: 40px; padding: 0 80px; display: inline-block; height: 68px; line-height: 68px; border: 7px solid #963e61; } .speciality-insurance .wb-heading-large { top: auto; bottom: 20px; } .text-block { text-align: left; max-width: 1000px; padding: 50px 20px; margin: 0 auto; color: #1d1d1f; } .tb-heading { font-size: 30px; margin-bottom: 30px; } .tb-paragraph { width: 45%; float: left; margin-right: 10%; } .tb-body:after { content: ""; display: block; clear: both; } .tb-paragraph:last-child { margin-right: 0; } .clear:after { content: ""; display: block; clear: both; } .sb-quote { margin-top: 70px; text-align: center; } .sb-quote .quote-link { display: inline-block; } .contact-map span { padding: 15px; display: block; background: #963e61; color: #fff; text-decoration: underline; position: absolute; right: 180px; bottom: 26px; font-size: 16px; border-radius: 10px; } .rc-heading { margin-bottom: 15px; padding-bottom: 15px; font-size: 24px; border-bottom: 1px solid #b8b7b7; } .rc-seporator { height: 40px; } .rc-list { color: #963e61; margin-left: 1em; margin-bottom: 1em; } .rc-list span { color: #4b4b4b; } .rc-phone { display: block; font-size: 24px; } .call-for-claim-block { padding: 29px 25px; margin-bottom: 40px; background: #963e61; border-radius: 3px; color: #fff; } .cfc-heading { font-size: 20px; padding-bottom: 23px; margin-bottom: 20px; border-bottom: 1px solid #fff; display: inline-block; } .cfc-phone { font-size: 29px; } .responsive-insurance { position: absolute; top: 10px; right: 10px; display: none; } .jqTransformSelectWrapper { z-index: 1 !important; } /* HEADER - BEGIN*/ .resposive-menu-container { display: none; width: 100%; height: 100vh; position: absolute; right: 0; top: 87px; z-index: 10; background-color: #4f4f4f; padding-top: 20px; } .resposive-menu-container A:link, .resposive-menu-container A:visited { display: block; text-align: left; padding: 12px 15px 12px 20px; /* background-color: rgba(0, 0, 0, 0.9); */ /* border-bottom: 1px solid #c3c3c3; */ text-decoration: none; color: #fff; line-height: 100%; /* width: 100%; */ line-height: 30px; font-family: var(--accent-font-1); text-transform: uppercase; font-weight: 600; font-size: 20px; line-height: 25px; letter-spacing: 0.04em; text-transform: uppercase; } .resposive-menu-container A.active { color: var(--text-color-primary); } /* .resposive-menu-container A:hover { background: rgba(0, 0, 0, 0.7); } */ /* submenu mobile ----------------------------------------*/ .mb-sub-menu-h { color: white; font-family: var(--accent-font-1); display: block; text-align: left; text-transform: uppercase; font-weight: 500; font-size: 20px; line-height: 25px; letter-spacing: 0.04em; text-transform: uppercase; padding: 10px 15px 10px 20px; } .resposive-menu-container .mb-sub-menu a { font-family: var(--accent-font); font-weight: 400; position: relative; } .resposive-menu-container .mb-sub-menu a:after { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 13px; height: 13px; background-color: #fff; } .mb-sub-menu a:last-child { } .resposive-menu-container .tm-main { font-family: var(--accent-font); } .resposive-menu-container .tm-main.active { color: var(--text-color-primary); } .resposive-menu-container .mb-sub-menu a.active:after { background-color: var(--text-color-primary); } .mb-sub-menu { display: none; transition: 0.3s ease; /* margin-right: 8px; */ } .mb-sub-menu.mb-sub-menu--active { display: block; padding-bottom: 20px; padding-left: 40px; } /* submenu mobile ---------------------------------------------*/ .header { position: fixed; top: 0; right: 0; left: 0; background: #fff; z-index: 999; /* padding-top: 15px; padding-bottom: 15px; */ min-height: 55px; } .header.active { box-shadow: 0px 6px 12px -4px rgba(0, 0, 0, 0.25); } .logo { display: flex; max-width: 140px; position: relative; } .logo img { max-width: 100%; height: 100%; object-fit: cover; } .h-content { float: right; display: flex; align-items: center; /* position: relative; */ } .nav-container { display: flex; column-gap: 60px; align-items: stretch; height: 100%; justify-content: space-between; } .h-phone { font-size: clamp(14px, 2vw, 31px); font-weight: 600; font-family: var(--accent-font); padding-left: 35px; position: relative; display: inline-flex; align-items: center; color: #000; /* margin: 0 20px; */ } .h-phone > img { display: block; width: 30px; height: 30px; object-fit: contain; position: absolute; left: -5px; top: 50%; transform: translateY(-50%); } /* .h-phone::before { content: ''; display: block; width: 25px; height: 25px; background-image: url(/images/icons/icon-phone.png); position: absolute; left: 0; background-repeat: no-repeat; background-position: center; top: 50%; transform: translateY(-50%); background-size: 15px 15px; } */ .h-phone::after { content: ""; display: block; width: 1px; height: 25px; position: absolute; left: -30px; top: 50%; transform: translateY(-50%); background-color: #000; } .h-phone::before { content: ""; display: block; width: 1px; height: 25px; position: absolute; right: -30px; top: 50%; transform: translateY(-50%); background-color: #000; } .h-languages { display: flex; align-items: center; column-gap: 20px; } .h-languages .h-languages__link { font-family: var(--accent-font); position: relative; color: #000; } .h-languages .h-languages__link:not(:nth-child(1))::before { content: ""; display: block; width: 2px; height: 15px; position: absolute; left: -10px; top: 50%; transform: translateY(-50%); background-color: #000; } .h-languages .h-languages__link.h-languages__link--active { color: var(--text-color-primary); font-weight: 600; } .consultation-link { background: var(--btn-primary-color) 0% 0% no-repeat padding-box; text-align: center; padding: 15px 20px; color: #fff; cursor: pointer; font-family: var(--accent-font); text-transform: uppercase; height: fit-content; margin: auto; } .consultation-link:hover { color: #fff; background-color: var(--btn-hover-color); } .top-menu { /* margin-right: 14px; */ display: flex; align-items: center; height: auto; column-gap: 60px; } .top-menu span { /* position: relative; */ } .tm-main { font-weight: 600; font-size: 20px; line-height: 130%; text-align: center; letter-spacing: 0.04em; text-transform: uppercase; /* margin-right: 30px; */ color: #000; font-family: var(--accent-font-1); } .tm-itemS { color: var(--text-color-primary); } /* HEADER - END*/ /* HOME - BEGIN */ .about-block { background-image: url("/images/home/about-bg.png"); background-repeat: no-repeat; background-size: cover; } .ai-item { padding-left: 50px; background-repeat: no-repeat; background-size: 40px 40px; background-position: left top; margin-bottom: 20px; } /* HOME - END*/ /* INNER-PAGE - BEGIN*/ .grid-page { column-gap: 5%; row-gap: 4vh; grid-template-rows: auto; /* grid-template-columns: 25% 75%; */ grid-template-columns: 25% 1fr; display: grid; } .grid-page .left-part { background-color: #f0f0f0; padding: 20px 0; } .service-list-links { padding-left: 30px; width: 80%; margin: 0 auto; /* border-left: 1px solid #d2d1d0; */ } .service-list-links li { padding: 20px 0; list-style: none; position: relative; /* overflow: hidden; */ } .service-list-links li a { text-transform: uppercase; } .service-list-links li a::before { content: ""; display: block; width: 13px; height: 13px; position: absolute; left: -30px; top: 23px; background-color: var(--border-color); } .service-list-links li a.active::before { content: ""; display: block; position: absolute; width: 13px; height: 13px; left: -30px; top: 23px; background: var(--btn-primary-color); max-height: 60px; } .menu-wrapper { /* background: #ffffff 0% 0% no-repeat padding-box; */ border: 2px solid #e8e7e24f; padding: 25px; border-radius: 0; margin-bottom: 30px; } .menu-wrapper > h3 { font-family: var(--accent-font); font-weight: 500; font-size: 20px; line-height: 24px; letter-spacing: 0.025em; text-transform: uppercase; padding-bottom: 15px; border-bottom: 1px solid var(--border-color); } .menu-wrapper:last-child { margin-bottom: 0; } .menu-wrapper.menu-wrapper--accent { background-color: var(--text-color-primary); color: #fff; } .txt-heading h3 { margin-bottom: 0; } .center-heading { margin: 0px auto 50px; display: flex; flex-direction: column; align-items: center; } .center-heading .sep-small { bottom: -15px; } .sep-small { content: ""; display: inline-block; width: 50px; height: 2px; background-color: var(--text-color-primary); position: relative; margin: 0 10px; } .c-subheading, .c-subheading-left { display: flex; justify-content: space-between; background-color: var(--text-color-primary); color: #fff; padding: 5px 10px; } .c-subheading *, .c-subheading-left * { font-family: var(--accent-font); text-transform: uppercase; letter-spacing: 0.125em; font-weight: 600; font-size: 12px; } .c-subheading-left { max-width: fit-content; } .c-subheading-left h5 { display: inline-block; } .c-subheading .sep-small, .c-subheading-left .sep-small { display: none; } .text-center { text-align: center; } .services-block { column-gap: 20px; row-gap: 20px; grid-template-rows: auto; /* grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); display: grid; */ display: flex; flex-wrap: wrap; justify-content: center; } .s-item { flex: 1 1 400px; max-width: 400px; display: inline-block; vertical-align: top; background: #ffffff 0% 0% no-repeat padding-box; border: 2px solid #e8e7e24f; position: relative; overflow: hidden; } .overlay-service { width: 100%; height: 100%; z-index: 2; /* background-image: url('/images/services-thumbs/img-hover-areas.jpg'); */ background-color: var(--accent-background-color); background-blend-mode: overlay; background-repeat: no-repeat; background-position: center; background-size: cover; position: absolute; left: -300px; opacity: 0; top: 0; } .s-item:hover .overlay-service { opacity: 1; left: 0; right: 0; bottom: 0; } .overlay-service .si-desc { /* -webkit-line-clamp: 10; */ -webkit-box-orient: vertical; overflow: auto; color: #fff; padding-left: 20px; padding-right: 20px; font-size: 14px; line-height: 1.8; overflow-y: scroll; height: 60%; } .overlay-service > .si-btn { color: #fff; position: absolute; bottom: 0; width: 100%; background-color: var(--text-color-primary); color: #fff; text-transform: uppercase; font-family: var(--accent-font); font-size: clamp(16px, 2vw, 20px); display: flex; justify-content: space-between; padding: 5px 20px; box-sizing: border-box; } .si-pic { display: block; height: 275px; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; } .si-wrapper { /* padding: 15px 20px 40px; */ position: absolute; bottom: 0; left: 0; width: 100%; display: flex; align-items: center; justify-content: space-between; background-color: var(--accent-background-color); color: #fff; padding: 10px 20px; box-sizing: border-box; } .overlay-service .si-wrapper { position: relative; justify-content: flex-start; column-gap: 20px; } .si-title { font-family: var(--accent-font); font-weight: 500; font-size: clamp(16px, 2vw, 20px); line-height: 120%; letter-spacing: 0.025em; text-transform: uppercase; color: #ffffff; } .si-wrapper .si-title { font-family: var(--accent-font); font-weight: 500; font-size: clamp(16px, 2vw, 20px); line-height: 120%; letter-spacing: 0.025em; text-transform: uppercase; color: #ffffff; } /* Works on Firefox */ .si-desc { scrollbar-width: thin; scrollbar-color: var(--btn-primary-color) transparent; } /* Works on Chrome, Edge, and Safari */ .si-desc::-webkit-scrollbar { width: 7px; } .si-desc::-webkit-scrollbar-track { background: transparent; } .si-desc::-webkit-scrollbar-thumb { background-color: var(--btn-primary-color); border-radius: 20px; border: 3px solid transparent; } .si-desc { display: block; font-size: 10pt; } .si-desc { /* -webkit-line-clamp: 4; */ -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; padding-top: 10px; position: relative; margin-bottom: 20px; list-style-position: outside; } .si-desc li { left: 20px; width: calc(100% - 40px); position: relative; } .si-btn { display: flex; align-items: center; font-size: 14px; /* position: absolute; */ /* right: 40px; */ /* bottom: 0; */ line-height: 35px; position: relative; } /* .si-btn::after { content: ''; position: absolute; display: block; width: 35px; height: 35px; background-color: var(--btn-primary-color); background-image: url(/images/icons/arrow-white.png); background-size: 20px; right: -40px; top: 0; background-repeat: no-repeat; background-position: center; } */ .li-item { padding-left: 75px; padding-top: 30px; padding-bottom: 30px; position: relative; width: 100%; border-bottom: 1px solid #d2d1d0; display: block; cursor: pointer; } .li-item:hover { color: var(--text-color-primary); } .li-item:last-child { border-bottom: 0; } .li-item::before { content: ""; width: 50px; height: 50px; position: absolute; left: 0; background-repeat: no-repeat; background-position: center; background-size: contain; top: 35px; } .li-item h3 { margin-bottom: 0; } .li-item span { font: normal normal normal 16px/22px Open Sans; color: var(--text-color-primary); } .li-item.li-pdf::before { background-image: url("/images/icons/link-pdf.png"); } .li-item.li-web::before { background-image: url("/images/icons/link-association.png"); } .col-2 { column-count: 2; column-gap: 40px; -moz-column-count: 2; -webkit-column-count: 2; } details { width: 100%; min-height: 5px; max-width: 700px; padding: 45px 70px 45px 45px; margin: 0 auto; position: relative; font-size: 22px; border: 1px solid rgba(0, 0, 0, 0.1); box-sizing: border-box; transition: all 0.3s; background: #fff; display: inline-block; margin-bottom: 20px; break-inside: avoid-column; } details::after { content: ""; display: block; width: 15px; height: 15px; background-image: url("/images/icons/dro.jpg"); background-repeat: no-repeat; background-position: center; position: absolute; right: 30px; top: 55px; cursor: pointer; } /* details + details { margin-top: 20px; } */ details[open] { min-height: 50px; background-color: #f6f7f8; background: #fff; /* box-shadow: 2px 2px 20px rgba(0,0,0,.2); */ } details .sep { display: none; width: 100%; height: 1px; background: #1a1b30; margin: 15px auto; } details[open] .sep { display: block; } details[open] { border: 1px solid #bd9d61; } details p { /* color: #96999d; */ font-weight: 300; width: 100%; } summary { display: flex; justify-content: space-between; align-items: center; font-weight: 500; cursor: pointer; } summary:focus { outline: none; } summary:focus::after { content: ""; height: 100%; width: 100%; display: block; position: absolute; top: 0; left: 0; /* box-shadow: 0 0 0 5px rebeccapurple; */ } summary::-webkit-details-marker { display: none; } .control-icon { fill: rebeccapurple; transition: 0.3s ease; pointer-events: none; } .control-icon-close { display: none; } details[open] .control-icon-close { display: initial; transition: 0.3s ease; } details[open] .control-icon-expand { display: none; } .law-link { color: var(--text-color-primary); position: relative; /* padding-left: 40px; */ display: block; margin-bottom: 5px; } /* .law-link::before { content: ''; display: block; position: absolute; left: 0; width: 20px; height: 25px; top: 0px; background-image: url('/images/icons/icon-court.png'); background-position: center; background-repeat: no-repeat; background-size: contain; } */ .time-post { font: normal normal bold 10px/17px Open Sans; color: #8da7be; text-transform: uppercase; } /* INNER-PAGE - END*/ /* BLOG-PAGE - BEGIN*/ .blog-container { padding: 0 20px; } .project-carousel { margin-top: 35px; } .bc-left { float: left; width: 50%; } .bc-right { margin-top: 37px; float: left; width: 50%; } .blog-thumb { display: inline-block; zoom: 1; vertical-align: top; padding: 20px 5px 0; } .blog-thumb A:link, .blog-thumb A:visited { display: block; text-decoration: none; width: 200px; padding: 15px; } .blog-thumb span.bth-img { width: 100%; height: 200px; overflow: hidden; background-color: #dfdfe1; } .blog-thumb span.bth-ttl { padding: 10px 0; font-size: 12pt; color: #23356a; } .blog-thumb span.bth-date { font-size: 10pt; color: #555; } .blog-thumb span { display: block; cursor: pointer; } .blog-thumb A:hover { background-color: #f4f4f4; } .blog-inner p { margin-bottom: 1em; } div.blog-inner { padding: 7%; position: relative; z-index: 1; } .bc-inner p { margin-bottom: 1em; } /* BLOG-PAGE - END*/ /* FOOTER - BEGIN*/ .footer { /* padding-bottom: 40px; */ } .footer { background-color: #000; color: #fff; } .footer a { color: #bdbdbd; } .ft-wrapper { margin: 0 auto; display: grid; grid-template-columns: 20% 1fr 1fr 1fr 1fr; column-gap: 5%; border-top: 1px solid #1a1b30; padding-top: 30px; } .ft-block { vertical-align: top; text-align: left; } .ft-label { margin-bottom: 25px; font-size: 11pt; font-weight: 700; text-transform: uppercase; } .ft-label.question { font-size: 18pt; margin-bottom: 5px; } .ft-menu { line-height: 25px; font-size: 11pt; list-style: none; } .ft-contacts { margin-bottom: 20px; } .ft-phones, .ft-address { position: relative; padding-left: 35px; } .ft-phones li, .ft-address li { color: #bdbdbd; } .ft-address li b, .ft-phones li b { color: #fff; } .ft-phones::before { content: ""; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url("/images/icons/phone_2.png"); background-position: center; background-repeat: no-repeat; background-size: contain; } .ft-address::before { content: ""; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url("/images/icons/pin-gray.png"); background-position: center; background-repeat: no-repeat; background-size: contain; } .ft-menu span { float: right; } .ft-phone { font-size: 27pt; } .ft-social { margin-top: 50px; text-align: left; display: flex; align-items: center; justify-content: space-between; width: 50px; } .ft-social img { max-width: 20px; } .ft-left { float: left; font-size: 14px; } .ft-right { float: right; font-size: 14px; } .ft-right a { color: #fff; } .ft-copy { margin-top: 50px; font-size: 10px; background-color: #424141; min-height: 84px; display: flex; align-items: center; } /* FOOTER - END*/ /* Popup submit */ .popup-submit { display: none; padding: 35px; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white; box-shadow: 0 0 10px -3px rgba(0, 0, 0, 0.356); z-index: 99; } .popup-submit h6 { margin-bottom: 20px; } .popup-submit .close-popup-submit { width: max-content; display: block; } .popup-errors { display: none; padding: 35px; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white; box-shadow: 0 0 10px -3px rgba(0, 0, 0, 0.356); z-index: 100000; } .popup-errors h6 { color: red; margin-bottom: 20px; } .popup-errors .close-popup-errors { width: max-content; display: block; } .popup-errors-content { padding-bottom: 50px; } /* [SERVICES ACCORDION] */ .accordion-list { list-style: none; } .accordion-list__item { margin-bottom: 25px; } .accordion-list__item-title { position: relative; font-weight: bold; font-size: clamp(16px, 3vw, 18px); color: var(--text-color-primary); padding: 5px 0; /* padding-left: 25px; */ } /* .accordion-list__item-title::after { content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 13px; height: 13px; background-color: var(--btn-primary-color); } */ .accordion-list__item-content { max-height: 80px; /* -webkit-box-orient: vertical; */ overflow: hidden; transition: 0.3s ease; position: relative; } .accordion-list__item-content p, .accordion-list__item-content p * { font-family: var(--accent-font) !important; } .accordion-list__item-content::after { /*bottom inner shadow*/ content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 30px; background: linear-gradient(to top, #fff 0%, rgba(0, 0, 0, 0) 100%); transition: 0.3s ease; } .accordion-list__item-content.accordion-list__item-content--open { display: block; max-height: unset; } .accordion-list__item-trigger { font-weight: 400; font-size: 14px; line-height: 110%; text-transform: uppercase; color: #333333; cursor: pointer; position: relative; padding-right: 20px; } .accordion-list__item-trigger::after { content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 13px; height: 13px; background: url("/images/icons/arrow_down.png") no-repeat center; background-size: contain; } .accordion-list__item-trigger.accordion-list__item-trigger--active:after { transform: translateY(-50%) rotate(180deg); } @media (max-width: 1730px) { .top-menu, .nav-container { column-gap: 30px; } .h-phone::before { right: -15px; } .h-phone::after { left: -15px; } .tm-main, .h-languages__link, .h-phone, .consultation-link { font-size: 16px; } .h-phone { padding-left: 25px; } .h-phone img { width: 20px; height: 20px; } .logo img { max-height: 100px; } .content { margin-top: 100px; } } @media (max-width: 1620px) { .global-wrapper { padding-left: 50px; padding-right: 50px; max-width: 1500px; width: calc(100% - 100px); } } @media (max-width: 1440px) { .h-phone { display: none; } } @media (max-width: 1390px) { .logo { width: 250px; } .quote .quote-link { width: 105px; } /* .tm-main { margin-right: 8px; } */ .ft-label { margin-bottom: 10px; font-size: 14pt; font-weight: 700; } .ft-phone { font-size: 12pt; font-weight: 700; } } @media (max-width: 1250px) { .consultation-link { display: none; } } @media (max-width: 1100px) { /* .logo { width: 195px; } */ .bc-left { width: 100%; float: none; } .bc-right { width: 80%; float: none; padding: 0 35px; } .left-part { display: none; } .grid-page { column-gap: 0; row-gap: 0; grid-template-rows: auto; grid-template-columns: 100%; } .par-L, .par-R { column-gap: 0; row-gap: 4vh; grid-template-columns: 100%; } .grid-1-2 { column-gap: 0; row-gap: 4vh; grid-template-columns: 100%; } } @media (max-width: 1000px) { .nav-container { display: none; } .js-responsive-trigger { display: block; } .responsive-insurance { display: block; } .bi-wrapper { margin: 0 auto; } } @media (max-width: 900px) { /* .ft-block { width: 25%; } */ .ft-block.quest { display: none; } .insurance-top-blog .wb-heading-large { position: static; margin-top: 10px; padding: 20px; } .ft-wrapper { grid-template-columns: 1fr 1fr; grid-template-rows: auto; column-gap: 5%; row-gap: 5%; } .ft-copy { margin-top: 100px; } } @media (max-width: 750px) { .global-wrapper { padding-left: 20px; padding-right: 20px; width: calc(100% - 40px); } .header .global-wrapper { width: 100%; padding-left: 0; padding-right: 0; margin: 0; padding-top: 3px; } .logo { left: 10px; } .top-menu-wrapper { right: 10px; } } @media (max-width: 665px) { } @media (max-width: 650px) { } @media (max-width: 600px) { .item-content .item-heading { font-size: 20pt; } .item-list li { font-size: 15pt; } .global-wrapper { padding-left: 0; padding-right: 0; width: calc(100% - 40px); } .breadcrumbs { font-size: 10px; color: #8da7be; text-transform: uppercase; } .wb-heading-large { font-size: 34px; line-height: 1; } .li-item { padding-left: 75px; padding-top: 30px; padding-bottom: 30px; position: relative; width: calc(100% - 75px); border-bottom: 1px solid #d2d1d0; display: block; cursor: pointer; } h3 { font-size: 30px; } .flex-wrapper { display: flex; flex-wrap: nowrap; justify-content: space-between; position: relative; flex-direction: column; margin-bottom: 30px; } .inner-block { position: relative; padding-top: 60px; padding-bottom: 60px; } } @media (max-width: 510px) { .center-heading.text-center h2 { font-size: 30px; line-height: 100%; } .center-heading { margin: 0px auto 10px; } .hs-body h2 { font-size: 24px !important; line-height: 26px !important; } .home-slider { max-height: 400px !important; } .home-slider.swiper-slide { min-height: 400px !important; } .header { height: 88px; } .logo { width: 84px; } .content { margin-top: 128px; } .hs-body p { max-height: 100px; overflow: hidden; } .global-wrapper { height: min-content; } .hs-body { margin-top: 10px; } .txt-paragraph h2 { font-size: 30px; line-height: 100%; } .txt-paragraph p { font-size: 18px; line-height: 24px; } .global-wrapper.inner-block { padding-top: 20px; } .blog.global-wrapper.inner-block { padding: 3%; } .txt-paragraph h1 { font-size: 30px; margin-bottom: 10px; } .ft-wrapper { grid-template-columns: 1fr 1fr; grid-template-rows: auto; column-gap: 5%; row-gap: 5%; } .ft-wrapper .ft-block:first-child { grid-column: 1 / span 2; } .ft-wrapper .ft-block:first-child > img { max-width: 100px; } .ft-wrapper .ft-address::before, .ft-wrapper .ft-phones::before { content: none; } .ft-wrapper .ft-phones, .ft-address { padding: 0; } } @media (max-width: 450px) { .logo { margin-left: 10px; } .ft-label { font-weight: bold; } .ft-contacts { width: 100%; } .ft-left { float: none; } .ft-right { float: none; } .b-item { width: 100%; } .moonray-form-error-message { z-index: 11; } #quote-popup .quote-popup-wp .moonray-form { width: 100%; max-width: 400px; } /* .ft-wrapper { grid-template-columns: 1fr; grid-template-rows: auto; column-gap: 5%; row-gap: 5%; } */ .inner-block { position: relative; padding-top: 20px; padding-bottom: 40px; } .ft-social { margin-top: 30px; } } @media (max-width: 350px) { .ft-wrapper { grid-template-columns: 100%; grid-template-rows: auto; column-gap: 5%; row-gap: 5%; } .ft-wrapper .ft-block:first-child { grid-column: 1 / span 1; } .ft-copy { margin-top: 180px; text-align: left; } } /* NEW HOME PAGE START */ .home-page { max-width: 1920px; margin: 0 auto; background-image: url("/images/home/kan_home-bg.jpg"); background-size: cover; background-repeat: no-repeat; background-position: top center; /* background-attachment: fixed; */ min-height: 100vh; } .home-page * { box-sizing: border-box; padding: 0; margin: 0; } .home-info { display: grid; grid-template-columns: 1fr 1.5fr 1.2fr; padding-top: 30px; color: #fff; max-height: 900px; position: relative; z-index: 0; padding-right: 5%; } .home-info__photo-wrapper { height: 100%; } .home-info__content-wrapper { padding-top: 40px; } .home-info__content-wrapper__title-1 { font-weight: 700; font-size: clamp(35px, 3vw, 55px); text-transform: uppercase; color: #ffffff; font-family: var(--accent-font-1); margin-bottom: 30px; } .home-info__content-wrapper__title-2 { font-weight: 300; font-size: clamp(22px, 2vw, 30px); line-height: 120%; letter-spacing: -0.01em; text-transform: uppercase; font-family: "Work Sans", sans-serif; color: #ffffff; margin-bottom: 30px; } .home-info__content-wrapper__title-2 strong { font-weight: 500; font-size: clamp(25px, 1.5vw, 35px); } .home-info__content-wrapper__info { } .home-info__content-wrapper__info-phones { position: relative; padding-left: 50px; margin-bottom: 25px; } .home-info__content-wrapper__info-phones::before { content: ""; position: absolute; top: 0; left: 0px; width: 32px; height: 32px; background-image: url("/images/icons/can_phone.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; z-index: 2; } .home-info__content-wrapper__info-phones * { font-size: clamp(16px, 1.5vw, 27.8632px); line-height: 100%; letter-spacing: 0.04em; } .home-info__content-wrapper__info-phones strong { font-weight: 600; } .home-info__content-wrapper__info-phones p { margin-bottom: 15px; } .home-info__content-wrapper__info-phones a { color: #fff; text-decoration: none; } .home-info__content-wrapper__info-address { position: relative; padding-left: 50px; margin-bottom: 25px; } @media (max-width: 1600px) { .home-info__content-wrapper__info-address { display: none; } } .home-info__content-wrapper__info-address::before { content: ""; position: absolute; top: 0; left: 0px; width: 32px; height: 32px; background-image: url("/images/icons/can_pin.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; z-index: 2; } .home-info__content-wrapper__info-address * { font-size: clamp(16px, 1.5vw, 27.8632px); line-height: 100%; letter-spacing: 0.04em; } .home-info__content-wrapper__info-address strong { font-weight: 600; } .home-info__content-wrapper__info-address p { margin-bottom: 15px; } .home-info__content-wrapper__info-address a { color: #fff; text-decoration: none; } .home-info__content-wrapper__info-email { position: relative; padding-left: 50px; } .home-info__content-wrapper__info-email::before { content: ""; position: absolute; top: 0; left: 0px; width: 32px; height: 32px; background-image: url("/images/icons/can_mail.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; z-index: 2; } .home-info__content-wrapper__info-email * { font-size: clamp(16px, 1.5vw, 27.8632px); line-height: 100%; letter-spacing: 0.04em; } .home-info__content-wrapper__info-email strong { font-weight: 600; } .home-info__content-wrapper__info-email p { margin-bottom: 15px; } .home-info__content-wrapper__info-email a { color: #fff; text-decoration: none; } .home-info__form-wrapper { padding: 40px 20px 20px 20px; } .home-info__form { display: grid; grid-template-columns: 1fr 1fr; column-gap: 20px; row-gap: 35px; } .home-info__form input[type="text"], .home-info__form input[type="number"], .home-info__form input[type="password"], .home-info__form input[type="email"], .home-info__form textarea { width: 100%; padding: 20px; } .home-info__form textarea, .home-info__form h2 { grid-column: 1 / -1; } .home-info__form button { background-color: var(--btn-primary-color); color: #fff; text-transform: uppercase; font-size: 18px; border: 0; padding: 12px 10px; width: max-content; cursor: pointer; transition: 0.3s ease; display: flex; align-items: center; } .home-info__form button:hover { background-color: var(--btn-hover-color); } @media (max-width: 1470px) { .home-info__form { column-gap: 10px; row-gap: 10px; } } @media (max-width: 1200px) { .home-info { grid-template-columns: 1fr 2fr; padding: 0; padding-top: 30px; } .home-info__photo-wrapper { position: relative; min-width: 200px; } .home-info__photo-wrapper img { width: 100%; height: auto; object-fit: contain; position: absolute; top: 0; left: 0; z-index: -1; } .home-info__form-wrapper { grid-column: 1/-1; } } @media (max-width: 768px) { .home-info__content-wrapper { padding-right: 5%; } } @media (max-width: 750px) { .home-info__content-wrapper__info-phones, .home-info__content-wrapper__info-email { display: none; } .home-info__content-wrapper { margin-left: -30px; padding-top: 10px; } .home-info__form-wrapper { padding-top: 0; } .home-info__form h2 { text-align: center; font-size: 30px; } } @media (max-width: 500px) { .home-info__photo-wrapper img { left: -50px; } .home-info__content-wrapper { margin-left: -70px; } .home-info__form button { width: 100%; grid-column: 1/-1; justify-content: center; } } .home-about { position: relative; min-height: 700px; display: flex; margin-top: -200px; z-index: 1; padding-bottom: 50px; } @media (max-width: 1700px) { .home-about { margin-top: -220px; } } @media (max-width: 1325px) { .home-about { margin-top: -195px; } } @media (max-width: 1250px) { .home-about { margin-top: -185px; } } @media (max-width: 1200px) { .home-about { margin-top: 0; } } .home-about__inner { display: flex; background-color: #fff; width: 90%; margin: 0 auto; display: grid; grid-template-columns: 2fr 1fr; } .home-about__inner-left { padding: 48px 15px 48px 80px; } .home-about__inner-left p { line-height: 150%; } .home-about__inner-left__title { font-weight: 600; font-size: clamp(20px, 3vw, 48px); text-transform: uppercase; } .home-about__inner-left__link { color: var(--text-color-primary); display: flex; align-items: center; column-gap: 5px; } .home-about__inner-right { padding: 48px 40px 48px 40px; background-color: #f2f2f2; } .home-about__inner-right__title { font-weight: 700; font-size: 23.1818px; line-height: 110%; text-transform: uppercase; } .home-about__inner-right__list { list-style-position: outside; padding-left: 20px; } .home-about__inner-right__list li { font-weight: 500; font-size: 20px; line-height: 180.5%; } @media (max-width: 930px) { .home-about__inner { grid-template-columns: 100%; } .home-about__inner-right, .home-about__inner-left { padding: 48px 5% 48px 5%; } } .home-areas { padding-bottom: 50px; } .home-areas__inner { width: 90%; margin: 0 auto; } @media (max-width: 600px) { .home-areas__inner, .home-about__inner { width: 100%; } } .home-areas__title { font-weight: 600; font-size: 36px; text-align: center; text-transform: uppercase; color: #fff; margin-bottom: 40px; } .home-areas__grid { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; column-gap: 20px; row-gap: 55px; } .home-areas__item { width: calc(100% / 4 - 20px); background-color: #fff; position: relative; overflow: hidden; } @media (max-width: 1100px) { .home-areas__item { width: calc(100% / 3 - 20px); } } @media (max-width: 700px) { .home-areas__item { width: calc(100% / 2 - 20px); } } @media (max-width: 500px) { .home-areas__grid { row-gap: 0; } .home-areas__item { width: 100%; } .home-areas__item__image-wrapper { /* height: 230px; */ } .home-areas__item__image { width: 100%; height: 100%; object-fit: cover; } .home-areas__item__content { display: flex; justify-content: space-between; } .home-areas__item__content-link span { display: none; } } .home-areas__item__image-wrapper { } .home-areas__item__image { width: 100%; object-fit: cover; } .home-areas__item__content { } .home-areas__item__content-text { padding: 15px; height: 162px; overflow: hidden; transition: 0.3s ease; font-size: 18px; position: relative; } /* add shadow at the bottom of the block */ .home-areas__item__content-text::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; background: linear-gradient( 180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100% ); z-index: 1; transition: 0.2s ease; } .home-areas__item__content-text__title { font-weight: 600; font-size: clamp(18px, 2vw, 32px); color: #000000; padding-left: 15px; border-left: 8px solid var(--text-color-primary); margin-bottom: 20px; } .home-areas__item__content-text ul { list-style-position: outside; padding-left: 20px; } .home-areas__item__content-link { background-color: var(--text-color-primary); color: #fff; text-transform: uppercase; display: flex; justify-content: flex-end; align-items: center; column-gap: 5px; padding: 10px; transition: 0.3s ease; } .home-areas__item__hidden .home-areas__item__content-link { position: absolute; bottom: 0; width: 100%; } .home-areas__item__hidden { position: absolute; top: 210px; left: 0; width: 100%; height: 100%; pointer-events: none; opacity: 0; transition: 0.3s ease; z-index: 2; background-color: #fff; } .home-areas__item__hidden .home-areas__item__content-text { height: 85%; overflow-y: auto; } .home-areas__item:hover .home-areas__item__hidden { top: 0; opacity: 1; pointer-events: all; z-index: 3; } .home-areas__item:hover .home-areas__item__content-text::after { opacity: 0; } .home-reviews { padding-bottom: 50px; } .home-reviews__inner { width: 90%; margin: 0 auto; background-color: #fff; padding: 55px 20px 100px 20px; } @media (max-width: 600px) { .home-reviews__inner { width: 100%; } } .home-reviews__head { margin-bottom: 40px; } .home-reviews__head-title { display: flex; align-items: center; justify-content: center; column-gap: 10px; font-weight: 600; font-size: 46px; line-height: 100%; color: #172e4d; font-family: var(--accent-font-1); } .home-reviews__head-subtitle { display: flex; align-items: center; justify-content: center; } .home-reviews__grid { display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center; column-gap: 20px; row-gap: 55px; margin-bottom: 50px; } .home-reviews__item { background-color: #f2f2f2; max-width: 445px; display: grid; grid-template-columns: max-content 1fr; column-gap: 15px; padding: 15px; position: relative; } .home-reviews__item::before { content: ""; position: absolute; bottom: -15px; left: 50px; width: 30px; height: 30px; background-color: #f2f2f2; z-index: 1; transform: rotate(45deg); } .home-reviews__item-avatar { width: 100px; height: 100px; } @media (max-width: 600px) { .home-reviews__item-avatar { width: 50px; height: 50px; } } .home-reviews__item-avatar img { width: 100%; height: 100%; object-fit: cover; } .home-reviews__text { padding-left: 50px; position: relative; } .home-reviews__text::before { content: ""; position: absolute; top: 0; left: 0px; width: 30px; height: 30px; background-image: url(/images/quotes.svg); background-repeat: no-repeat; background-size: contain; background-position: center; } @media (max-width: 600px) { .home-reviews__text { padding-left: 30px; font-size: 13px; } .home-reviews__text::before { width: 20px; height: 20px; } } .home-reviews__link { display: flex; align-items: center; column-gap: 5px; padding: 10px; background-color: var(--text-color-primary); color: #fff; text-transform: uppercase; width: max-content; margin: 0 auto; transition: 0.3s ease; } .home-reviews__link:hover { background-color: var(--btn-hover-color); } /* NEW HOME PAGE END */
© 2017 -
ZeroByte.ID
.