����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��~����v w�~���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���[�;������g 0q�?��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
/
web
/
web
/
sb_web
/
b2374
/
johnsonlubricants.ru
/
css
/
[
Home
]
File: bundle1a7f.css
@charset "UTF-8"; /** * Entry file for styling */ /*! * Bootstrap v4.1.3 (https://getbootstrap.com/) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ :root { --blue: #3590c5; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #999; --gray-dark: #333333; --gray-white: #f6f6f6; --gray-light: #c6c7c9; --gray-black: #181818; --gray-bg: #202020; --disabled: #eee; --footer-separator: #303030; --facebook: #4267b2; --primary: #3590c5; --secondary: #3590c5; --success: #35c561; --info: #3590c5; --warning: #ffc500; --danger: #ff414d; --light: #f8f9fa; --dark: #333333; --breakpoint-xs: 0; --breakpoint-s: 376px; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --breakpoint-xxl: 1440px; --breakpoint-xxxl: 2560px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } @-ms-viewport { width: device-width; } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #fff; text-align: left; background-color: #000; } [tabindex="-1"]:focus { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; text-decoration: underline dotted; cursor: help; border-bottom: 0; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } dfn { font-style: italic; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: #3590c5; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; } a:hover { color: #256489; text-decoration: underline; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: none; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-family: inherit; font-weight: 500; line-height: 1.2; color: inherit; } h1, .h1 { font-size: 2.5rem; } h2, .h2 { font-size: 2rem; } h3, .h3 { font-size: 1.75rem; } h4, .h4 { font-size: 1.5rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } small, .small { font-size: 80%; font-weight: 400; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 80%; color: #6c757d; } .blockquote-footer::before { content: "\2014 \A0"; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #000; border: 1px solid #dee2e6; border-radius: 0; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #6c757d; } code { font-size: 87.5%; color: #e83e8c; word-break: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 87.5%; color: #212529; } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { width: 100%; padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } .container-fluid { width: 100%; padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto; } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -10px; margin-left: -10px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-s-1, .col-s-2, .col-s-3, .col-s-4, .col-s-5, .col-s-6, .col-s-7, .col-s-8, .col-s-9, .col-s-10, .col-s-11, .col-s-12, .col-s, .col-s-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl, .col-xxl-auto, .col-xxxl-1, .col-xxxl-2, .col-xxxl-3, .col-xxxl-4, .col-xxxl-5, .col-xxxl-6, .col-xxxl-7, .col-xxxl-8, .col-xxxl-9, .col-xxxl-10, .col-xxxl-11, .col-xxxl-12, .col-xxxl, .col-xxxl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 10px; padding-left: 10px; } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-first { -ms-flex-order: -1; order: -1; } .order-last { -ms-flex-order: 13; order: 13; } .order-0 { -ms-flex-order: 0; order: 0; } .order-1 { -ms-flex-order: 1; order: 1; } .order-2 { -ms-flex-order: 2; order: 2; } .order-3 { -ms-flex-order: 3; order: 3; } .order-4 { -ms-flex-order: 4; order: 4; } .order-5 { -ms-flex-order: 5; order: 5; } .order-6 { -ms-flex-order: 6; order: 6; } .order-7 { -ms-flex-order: 7; order: 7; } .order-8 { -ms-flex-order: 8; order: 8; } .order-9 { -ms-flex-order: 9; order: 9; } .order-10 { -ms-flex-order: 10; order: 10; } .order-11 { -ms-flex-order: 11; order: 11; } .order-12 { -ms-flex-order: 12; order: 12; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.66667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333%; } .offset-5 { margin-left: 41.66667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333%; } .offset-8 { margin-left: 66.66667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333%; } .offset-11 { margin-left: 91.66667%; } @media (min-width: 376px) { .col-s { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-s-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-s-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-s-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-s-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-s-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-s-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-s-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-s-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-s-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-s-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-s-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-s-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-s-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-s-first { -ms-flex-order: -1; order: -1; } .order-s-last { -ms-flex-order: 13; order: 13; } .order-s-0 { -ms-flex-order: 0; order: 0; } .order-s-1 { -ms-flex-order: 1; order: 1; } .order-s-2 { -ms-flex-order: 2; order: 2; } .order-s-3 { -ms-flex-order: 3; order: 3; } .order-s-4 { -ms-flex-order: 4; order: 4; } .order-s-5 { -ms-flex-order: 5; order: 5; } .order-s-6 { -ms-flex-order: 6; order: 6; } .order-s-7 { -ms-flex-order: 7; order: 7; } .order-s-8 { -ms-flex-order: 8; order: 8; } .order-s-9 { -ms-flex-order: 9; order: 9; } .order-s-10 { -ms-flex-order: 10; order: 10; } .order-s-11 { -ms-flex-order: 11; order: 11; } .order-s-12 { -ms-flex-order: 12; order: 12; } .offset-s-0 { margin-left: 0; } .offset-s-1 { margin-left: 8.33333%; } .offset-s-2 { margin-left: 16.66667%; } .offset-s-3 { margin-left: 25%; } .offset-s-4 { margin-left: 33.33333%; } .offset-s-5 { margin-left: 41.66667%; } .offset-s-6 { margin-left: 50%; } .offset-s-7 { margin-left: 58.33333%; } .offset-s-8 { margin-left: 66.66667%; } .offset-s-9 { margin-left: 75%; } .offset-s-10 { margin-left: 83.33333%; } .offset-s-11 { margin-left: 91.66667%; } } @media (min-width: 576px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-sm-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-sm-first { -ms-flex-order: -1; order: -1; } .order-sm-last { -ms-flex-order: 13; order: 13; } .order-sm-0 { -ms-flex-order: 0; order: 0; } .order-sm-1 { -ms-flex-order: 1; order: 1; } .order-sm-2 { -ms-flex-order: 2; order: 2; } .order-sm-3 { -ms-flex-order: 3; order: 3; } .order-sm-4 { -ms-flex-order: 4; order: 4; } .order-sm-5 { -ms-flex-order: 5; order: 5; } .order-sm-6 { -ms-flex-order: 6; order: 6; } .order-sm-7 { -ms-flex-order: 7; order: 7; } .order-sm-8 { -ms-flex-order: 8; order: 8; } .order-sm-9 { -ms-flex-order: 9; order: 9; } .order-sm-10 { -ms-flex-order: 10; order: 10; } .order-sm-11 { -ms-flex-order: 11; order: 11; } .order-sm-12 { -ms-flex-order: 12; order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.66667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333%; } .offset-sm-5 { margin-left: 41.66667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333%; } .offset-sm-8 { margin-left: 66.66667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333%; } .offset-sm-11 { margin-left: 91.66667%; } } @media (min-width: 768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-md-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-md-first { -ms-flex-order: -1; order: -1; } .order-md-last { -ms-flex-order: 13; order: 13; } .order-md-0 { -ms-flex-order: 0; order: 0; } .order-md-1 { -ms-flex-order: 1; order: 1; } .order-md-2 { -ms-flex-order: 2; order: 2; } .order-md-3 { -ms-flex-order: 3; order: 3; } .order-md-4 { -ms-flex-order: 4; order: 4; } .order-md-5 { -ms-flex-order: 5; order: 5; } .order-md-6 { -ms-flex-order: 6; order: 6; } .order-md-7 { -ms-flex-order: 7; order: 7; } .order-md-8 { -ms-flex-order: 8; order: 8; } .order-md-9 { -ms-flex-order: 9; order: 9; } .order-md-10 { -ms-flex-order: 10; order: 10; } .order-md-11 { -ms-flex-order: 11; order: 11; } .order-md-12 { -ms-flex-order: 12; order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.66667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333%; } .offset-md-5 { margin-left: 41.66667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333%; } .offset-md-8 { margin-left: 66.66667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333%; } .offset-md-11 { margin-left: 91.66667%; } } @media (min-width: 992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-lg-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-lg-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-lg-first { -ms-flex-order: -1; order: -1; } .order-lg-last { -ms-flex-order: 13; order: 13; } .order-lg-0 { -ms-flex-order: 0; order: 0; } .order-lg-1 { -ms-flex-order: 1; order: 1; } .order-lg-2 { -ms-flex-order: 2; order: 2; } .order-lg-3 { -ms-flex-order: 3; order: 3; } .order-lg-4 { -ms-flex-order: 4; order: 4; } .order-lg-5 { -ms-flex-order: 5; order: 5; } .order-lg-6 { -ms-flex-order: 6; order: 6; } .order-lg-7 { -ms-flex-order: 7; order: 7; } .order-lg-8 { -ms-flex-order: 8; order: 8; } .order-lg-9 { -ms-flex-order: 9; order: 9; } .order-lg-10 { -ms-flex-order: 10; order: 10; } .order-lg-11 { -ms-flex-order: 11; order: 11; } .order-lg-12 { -ms-flex-order: 12; order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.66667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333%; } .offset-lg-5 { margin-left: 41.66667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333%; } .offset-lg-8 { margin-left: 66.66667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333%; } .offset-lg-11 { margin-left: 91.66667%; } } @media (min-width: 1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-xl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-xl-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xl-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xl-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xl-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xl-first { -ms-flex-order: -1; order: -1; } .order-xl-last { -ms-flex-order: 13; order: 13; } .order-xl-0 { -ms-flex-order: 0; order: 0; } .order-xl-1 { -ms-flex-order: 1; order: 1; } .order-xl-2 { -ms-flex-order: 2; order: 2; } .order-xl-3 { -ms-flex-order: 3; order: 3; } .order-xl-4 { -ms-flex-order: 4; order: 4; } .order-xl-5 { -ms-flex-order: 5; order: 5; } .order-xl-6 { -ms-flex-order: 6; order: 6; } .order-xl-7 { -ms-flex-order: 7; order: 7; } .order-xl-8 { -ms-flex-order: 8; order: 8; } .order-xl-9 { -ms-flex-order: 9; order: 9; } .order-xl-10 { -ms-flex-order: 10; order: 10; } .order-xl-11 { -ms-flex-order: 11; order: 11; } .order-xl-12 { -ms-flex-order: 12; order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.66667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333%; } .offset-xl-5 { margin-left: 41.66667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333%; } .offset-xl-8 { margin-left: 66.66667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333%; } .offset-xl-11 { margin-left: 91.66667%; } } @media (min-width: 1440px) { .col-xxl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-xxl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-xxl-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xxl-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xxl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xxl-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xxl-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xxl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xxl-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xxl-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xxl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xxl-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xxl-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xxl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xxl-first { -ms-flex-order: -1; order: -1; } .order-xxl-last { -ms-flex-order: 13; order: 13; } .order-xxl-0 { -ms-flex-order: 0; order: 0; } .order-xxl-1 { -ms-flex-order: 1; order: 1; } .order-xxl-2 { -ms-flex-order: 2; order: 2; } .order-xxl-3 { -ms-flex-order: 3; order: 3; } .order-xxl-4 { -ms-flex-order: 4; order: 4; } .order-xxl-5 { -ms-flex-order: 5; order: 5; } .order-xxl-6 { -ms-flex-order: 6; order: 6; } .order-xxl-7 { -ms-flex-order: 7; order: 7; } .order-xxl-8 { -ms-flex-order: 8; order: 8; } .order-xxl-9 { -ms-flex-order: 9; order: 9; } .order-xxl-10 { -ms-flex-order: 10; order: 10; } .order-xxl-11 { -ms-flex-order: 11; order: 11; } .order-xxl-12 { -ms-flex-order: 12; order: 12; } .offset-xxl-0 { margin-left: 0; } .offset-xxl-1 { margin-left: 8.33333%; } .offset-xxl-2 { margin-left: 16.66667%; } .offset-xxl-3 { margin-left: 25%; } .offset-xxl-4 { margin-left: 33.33333%; } .offset-xxl-5 { margin-left: 41.66667%; } .offset-xxl-6 { margin-left: 50%; } .offset-xxl-7 { margin-left: 58.33333%; } .offset-xxl-8 { margin-left: 66.66667%; } .offset-xxl-9 { margin-left: 75%; } .offset-xxl-10 { margin-left: 83.33333%; } .offset-xxl-11 { margin-left: 91.66667%; } } @media (min-width: 2560px) { .col-xxxl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-xxxl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-xxxl-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xxxl-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xxxl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xxxl-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xxxl-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xxxl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xxxl-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xxxl-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xxxl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xxxl-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xxxl-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xxxl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xxxl-first { -ms-flex-order: -1; order: -1; } .order-xxxl-last { -ms-flex-order: 13; order: 13; } .order-xxxl-0 { -ms-flex-order: 0; order: 0; } .order-xxxl-1 { -ms-flex-order: 1; order: 1; } .order-xxxl-2 { -ms-flex-order: 2; order: 2; } .order-xxxl-3 { -ms-flex-order: 3; order: 3; } .order-xxxl-4 { -ms-flex-order: 4; order: 4; } .order-xxxl-5 { -ms-flex-order: 5; order: 5; } .order-xxxl-6 { -ms-flex-order: 6; order: 6; } .order-xxxl-7 { -ms-flex-order: 7; order: 7; } .order-xxxl-8 { -ms-flex-order: 8; order: 8; } .order-xxxl-9 { -ms-flex-order: 9; order: 9; } .order-xxxl-10 { -ms-flex-order: 10; order: 10; } .order-xxxl-11 { -ms-flex-order: 11; order: 11; } .order-xxxl-12 { -ms-flex-order: 12; order: 12; } .offset-xxxl-0 { margin-left: 0; } .offset-xxxl-1 { margin-left: 8.33333%; } .offset-xxxl-2 { margin-left: 16.66667%; } .offset-xxxl-3 { margin-left: 25%; } .offset-xxxl-4 { margin-left: 33.33333%; } .offset-xxxl-5 { margin-left: 41.66667%; } .offset-xxxl-6 { margin-left: 50%; } .offset-xxxl-7 { margin-left: 58.33333%; } .offset-xxxl-8 { margin-left: 66.66667%; } .offset-xxxl-9 { margin-left: 75%; } .offset-xxxl-10 { margin-left: 83.33333%; } .offset-xxxl-11 { margin-left: 91.66667%; } } .table { width: 100%; margin-bottom: 1rem; background-color: transparent; } .table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #dee2e6; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; } .table tbody + tbody { border-top: 2px solid #dee2e6; } .table .table { background-color: #000; } .table-sm th, .table-sm td { padding: 0.3rem; } .table-bordered { border: 1px solid #dee2e6; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } .table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { border: 0; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); } .table-hover tbody tr:hover { background-color: rgba(0, 0, 0, 0.075); } .table-primary, .table-primary > th, .table-primary > td { background-color: #c6e0ef; } .table-hover .table-primary:hover { background-color: #b2d5e9; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #b2d5e9; } .table-secondary, .table-secondary > th, .table-secondary > td { background-color: #c6e0ef; } .table-hover .table-secondary:hover { background-color: #b2d5e9; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #b2d5e9; } .table-success, .table-success > th, .table-success > td { background-color: #c6efd3; } .table-hover .table-success:hover { background-color: #b2e9c4; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #b2e9c4; } .table-info, .table-info > th, .table-info > td { background-color: #c6e0ef; } .table-hover .table-info:hover { background-color: #b2d5e9; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #b2d5e9; } .table-warning, .table-warning > th, .table-warning > td { background-color: #ffefb8; } .table-hover .table-warning:hover { background-color: #ffe99f; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #ffe99f; } .table-danger, .table-danger > th, .table-danger > td { background-color: #ffcacd; } .table-hover .table-danger:hover { background-color: #ffb1b5; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #ffb1b5; } .table-light, .table-light > th, .table-light > td { background-color: #fdfdfe; } .table-hover .table-light:hover { background-color: #ececf6; } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #ececf6; } .table-dark, .table-dark > th, .table-dark > td { background-color: #c6c6c6; } .table-hover .table-dark:hover { background-color: #b9b9b9; } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #b9b9b9; } .table-active, .table-active > th, .table-active > td { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); } .table .thead-dark th { color: #000; background-color: #212529; border-color: #32383e; } .table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6; } .table-dark { color: #000; background-color: #212529; } .table-dark th, .table-dark td, .table-dark thead th { border-color: #32383e; } .table-dark.table-bordered { border: 0; } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 375.98px) { .table-responsive-s { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-s > .table-bordered { border: 0; } } @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-sm > .table-bordered { border: 0; } } @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-md > .table-bordered { border: 0; } } @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-lg > .table-bordered { border: 0; } } @media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-xl > .table-bordered { border: 0; } } @media (max-width: 1439.98px) { .table-responsive-xxl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-xxl > .table-bordered { border: 0; } } @media (max-width: 2559.98px) { .table-responsive-xxxl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-xxxl > .table-bordered { border: 0; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive > .table-bordered { border: 0; } .form-control { display: block; width: 100%; height: calc(2.25rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { color: #495057; background-color: #fff; border-color: #97c7e3; outline: 0; box-shadow: 0 0 0 0.2rem rgba(53, 144, 197, 0.25); } .form-control:-ms-input-placeholder { color: color("gray"); opacity: 1; } .form-control::placeholder { color: color("gray"); opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } select.form-control:focus::-ms-value { color: #495057; background-color: #fff; } .form-control-file, .form-control-range { display: block; width: 100%; } .col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.25rem; line-height: 1.5; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; line-height: 1.5; } .form-control-plaintext { display: block; width: 100%; padding-top: 0.375rem; padding-bottom: 0.375rem; margin-bottom: 0; line-height: 1.5; color: #fff; background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-sm { height: calc(1.8125rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .form-control-lg { height: calc(2.875rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } select.form-control[size], select.form-control[multiple] { height: auto; } textarea.form-control { height: auto; } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } .form-check-input:disabled ~ .form-check-label { color: #6c757d; } .form-check-label { margin-bottom: 0; } .form-check-inline { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; padding-left: 0; margin-right: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #35c561; } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(53, 197, 97, 0.9); border-radius: 0; } .was-validated .form-control:valid, .form-control.is-valid, .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #35c561; } .was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #35c561; box-shadow: 0 0 0 0.2rem rgba(53, 197, 97, 0.25); } .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip, .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control-file:valid ~ .valid-feedback, .was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback, .form-control-file.is-valid ~ .valid-tooltip { display: block; } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #35c561; } .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: #35c561; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { background-color: #97e3ae; } .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { background-color: #5ad37f; } .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #000, 0 0 0 0.2rem rgba(53, 197, 97, 0.25); } .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #35c561; } .was-validated .custom-file-input:valid ~ .custom-file-label::after, .custom-file-input.is-valid ~ .custom-file-label::after { border-color: inherit; } .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { box-shadow: 0 0 0 0.2rem rgba(53, 197, 97, 0.25); } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #ff414d; } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(255, 65, 77, 0.9); border-radius: 0; } .was-validated .form-control:invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #ff414d; } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #ff414d; box-shadow: 0 0 0 0.2rem rgba(255, 65, 77, 0.25); } .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback, .form-control-file.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #ff414d; } .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: #ff414d; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { background-color: #ffc1c4; } .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { background-color: #ff747d; } .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #000, 0 0 0 0.2rem rgba(255, 65, 77, 0.25); } .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #ff414d; } .was-validated .custom-file-input:invalid ~ .custom-file-label::after, .custom-file-input.is-invalid ~ .custom-file-label::after { border-color: inherit; } .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { box-shadow: 0 0 0 0.2rem rgba(255, 65, 77, 0.25); } .form-inline { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: center; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: center; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group, .form-inline .custom-select { width: auto; } .form-inline .form-check { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } } .btn { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover, .btn:focus { text-decoration: none; } .btn:focus, .btn.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(53, 144, 197, 0.25); } .btn.disabled, .btn:disabled { opacity: 0.65; } .btn:not(:disabled):not(.disabled) { cursor: pointer; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-primary { color: #fff; background-color: #3590c5; border-color: #3590c5; } .btn-primary:hover { color: #fff; background-color: #2d7aa7; border-color: #2a739d; } .btn-primary:focus, .btn-primary.focus { box-shadow: 0 0 0 0.2rem rgba(53, 144, 197, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #3590c5; border-color: #3590c5; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #2a739d; border-color: #276b93; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(53, 144, 197, 0.5); } .btn-secondary { color: #fff; background-color: #3590c5; border-color: #3590c5; } .btn-secondary:hover { color: #fff; background-color: #2d7aa7; border-color: #2a739d; } .btn-secondary:focus, .btn-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(53, 144, 197, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #3590c5; border-color: #3590c5; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #2a739d; border-color: #276b93; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(53, 144, 197, 0.5); } .btn-success { color: #fff; background-color: #35c561; border-color: #35c561; } .btn-success:hover { color: #fff; background-color: #2da752; border-color: #2a9d4d; } .btn-success:focus, .btn-success.focus { box-shadow: 0 0 0 0.2rem rgba(53, 197, 97, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #35c561; border-color: #35c561; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #2a9d4d; border-color: #279348; } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(53, 197, 97, 0.5); } .btn-info { color: #fff; background-color: #3590c5; border-color: #3590c5; } .btn-info:hover { color: #fff; background-color: #2d7aa7; border-color: #2a739d; } .btn-info:focus, .btn-info.focus { box-shadow: 0 0 0 0.2rem rgba(53, 144, 197, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #3590c5; border-color: #3590c5; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #2a739d; border-color: #276b93; } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(53, 144, 197, 0.5); } .btn-warning { color: #212529; background-color: #ffc500; border-color: #ffc500; } .btn-warning:hover { color: #212529; background-color: #d9a700; border-color: #cc9e00; } .btn-warning:focus, .btn-warning.focus { box-shadow: 0 0 0 0.2rem rgba(255, 197, 0, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #212529; background-color: #ffc500; border-color: #ffc500; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #212529; background-color: #cc9e00; border-color: #bf9400; } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 197, 0, 0.5); } .btn-danger { color: #fff; background-color: #ff414d; border-color: #ff414d; } .btn-danger:hover { color: #fff; background-color: #ff1b29; border-color: #ff0e1d; } .btn-danger:focus, .btn-danger.focus { box-shadow: 0 0 0 0.2rem rgba(255, 65, 77, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #ff414d; border-color: #ff414d; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #ff0e1d; border-color: #ff0111; } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 65, 77, 0.5); } .btn-light { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:hover { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; } .btn-light:focus, .btn-light.focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #212529; background-color: #dae0e5; border-color: #d3d9df; } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-dark { color: #fff; background-color: #333333; border-color: #333333; } .btn-dark:hover { color: #fff; background-color: #202020; border-color: #1a1a1a; } .btn-dark:focus, .btn-dark.focus { box-shadow: 0 0 0 0.2rem rgba(51, 51, 51, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #333333; border-color: #333333; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #1a1a1a; border-color: #131313; } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(51, 51, 51, 0.5); } .btn-outline-primary { color: #3590c5; background-color: transparent; background-image: none; border-color: #3590c5; } .btn-outline-primary:hover { color: #fff; background-color: #3590c5; border-color: #3590c5; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0.2rem rgba(53, 144, 197, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #3590c5; background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #3590c5; border-color: #3590c5; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(53, 144, 197, 0.5); } .btn-outline-secondary { color: #3590c5; background-color: transparent; background-image: none; border-color: #3590c5; } .btn-outline-secondary:hover { color: #fff; background-color: #3590c5; border-color: #3590c5; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(53, 144, 197, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #3590c5; background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #3590c5; border-color: #3590c5; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(53, 144, 197, 0.5); } .btn-outline-success { color: #35c561; background-color: transparent; background-image: none; border-color: #35c561; } .btn-outline-success:hover { color: #fff; background-color: #35c561; border-color: #35c561; } .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0.2rem rgba(53, 197, 97, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #35c561; background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #35c561; border-color: #35c561; } .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(53, 197, 97, 0.5); } .btn-outline-info { color: #3590c5; background-color: transparent; background-image: none; border-color: #3590c5; } .btn-outline-info:hover { color: #fff; background-color: #3590c5; border-color: #3590c5; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0.2rem rgba(53, 144, 197, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #3590c5; background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #3590c5; border-color: #3590c5; } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(53, 144, 197, 0.5); } .btn-outline-warning { color: #ffc500; background-color: transparent; background-image: none; border-color: #ffc500; } .btn-outline-warning:hover { color: #212529; background-color: #ffc500; border-color: #ffc500; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0.2rem rgba(255, 197, 0, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc500; background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #212529; background-color: #ffc500; border-color: #ffc500; } .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 197, 0, 0.5); } .btn-outline-danger { color: #ff414d; background-color: transparent; background-image: none; border-color: #ff414d; } .btn-outline-danger:hover { color: #fff; background-color: #ff414d; border-color: #ff414d; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0.2rem rgba(255, 65, 77, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #ff414d; background-color: transparent; } .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #ff414d; border-color: #ff414d; } .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 65, 77, 0.5); } .btn-outline-light { color: #f8f9fa; background-color: transparent; background-image: none; border-color: #f8f9fa; } .btn-outline-light:hover { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-dark { color: #333333; background-color: transparent; background-image: none; border-color: #333333; } .btn-outline-dark:hover { color: #fff; background-color: #333333; border-color: #333333; } .btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 0.2rem rgba(51, 51, 51, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #333333; background-color: transparent; } .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #333333; border-color: #333333; } .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(51, 51, 51, 0.5); } .btn-link { font-weight: 400; color: #3590c5; background-color: transparent; } .btn-link:hover { color: #256489; text-decoration: underline; background-color: transparent; border-color: transparent; } .btn-link:focus, .btn-link.focus { text-decoration: underline; border-color: transparent; box-shadow: none; } .btn-link:disabled, .btn-link.disabled { color: #6c757d; pointer-events: none; } .btn-lg, .btn-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { transition: opacity 0.15s linear; } @media screen and (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } @media screen and (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .dropup, .dropright, .dropdown, .dropleft { position: relative; } .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.97143rem; vertical-align: 0.97143rem; content: ""; border-top: 1.14286rem solid; border-right: 1.14286rem solid transparent; border-bottom: 0; border-left: 1.14286rem solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #fff; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0; } .dropdown-menu-right { right: 0; left: auto; } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.97143rem; vertical-align: 0.97143rem; content: ""; border-top: 0; border-right: 1.14286rem solid transparent; border-bottom: 1.14286rem solid; border-left: 1.14286rem solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } .dropright .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.97143rem; vertical-align: 0.97143rem; content: ""; border-top: 1.14286rem solid transparent; border-right: 0; border-bottom: 1.14286rem solid transparent; border-left: 1.14286rem solid; } .dropright .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-toggle::after { vertical-align: 0; } .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } .dropleft .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.97143rem; vertical-align: 0.97143rem; content: ""; } .dropleft .dropdown-toggle::after { display: none; } .dropleft .dropdown-toggle::before { display: inline-block; width: 0; height: 0; margin-right: 0.97143rem; vertical-align: 0.97143rem; content: ""; border-top: 1.14286rem solid transparent; border-right: 1.14286rem solid; border-bottom: 1.14286rem solid transparent; } .dropleft .dropdown-toggle:empty::after { margin-left: 0; } .dropleft .dropdown-toggle::before { vertical-align: 0; } .dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] { right: auto; bottom: auto; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #16181b; text-decoration: none; background-color: #f8f9fa; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #3590c5; } .dropdown-item.disabled, .dropdown-item:disabled { color: #6c757d; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.875rem; color: #6c757d; white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: #212529; } .btn-group, .btn-group-vertical { position: relative; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; -ms-flex: 0 1 auto; flex: 0 1 auto; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 1; } .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group, .btn-group-vertical .btn + .btn, .btn-group-vertical .btn + .btn-group, .btn-group-vertical .btn-group + .btn, .btn-group-vertical .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: start; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { margin-left: 0; } .dropleft .dropdown-toggle-split::before { margin-right: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: center; justify-content: center; } .btn-group-vertical .btn, .btn-group-vertical .btn-group { width: 100%; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0; } .btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > .btn input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .custom-select, .input-group > .custom-file { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; margin-bottom: 0; } .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file { margin-left: -1px; } .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { z-index: 3; } .input-group > .custom-file .custom-file-input:focus { z-index: 4; } .input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .custom-file { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-prepend, .input-group-append { display: -ms-flexbox; display: flex; } .input-group-prepend .btn, .input-group-append .btn { position: relative; z-index: 2; } .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn { margin-left: -1px; } .input-group-prepend { margin-right: -1px; } .input-group-append { margin-left: -1px; } .input-group-text { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0; } .input-group-text input[type="radio"], .input-group-text input[type="checkbox"] { margin-top: 0; } .input-group-lg > .form-control, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn { height: calc(2.875rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .input-group-sm > .form-control, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn { height: calc(1.8125rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .custom-control { position: relative; display: block; min-height: 1.5rem; padding-left: 1.5rem; } .custom-control-inline { display: -ms-inline-flexbox; display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; z-index: -1; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: #fff; background-color: #3590c5; } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #000, 0 0 0 0.2rem rgba(53, 144, 197, 0.25); } .custom-control-input:active ~ .custom-control-label::before { color: #fff; background-color: #bfdcee; } .custom-control-input:disabled ~ .custom-control-label { color: #6c757d; } .custom-control-input:disabled ~ .custom-control-label::before { background-color: #e9ecef; } .custom-control-label { position: relative; margin-bottom: 0; } .custom-control-label::before { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #dee2e6; } .custom-control-label::after { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; } .custom-checkbox .custom-control-label::before { border-radius: 0; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { background-color: #3590c5; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { background-color: #3590c5; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(53, 144, 197, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(53, 144, 197, 0.5); } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::before { background-color: #3590c5; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E"); } .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(53, 144, 197, 0.5); } .custom-select { display: inline-block; width: 100%; height: calc(2.25rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; line-height: 1.5; color: #495057; vertical-align: middle; background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center; background-size: 8px 10px; border: 1px solid #ced4da; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-select:focus { border-color: #97c7e3; outline: 0; box-shadow: 0 0 0 0.2rem rgba(151, 199, 227, 0.5); } .custom-select:focus::-ms-value { color: #495057; background-color: #fff; } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: 0.75rem; background-image: none; } .custom-select:disabled { color: #6c757d; background-color: #e9ecef; } .custom-select::-ms-expand { opacity: 0; } .custom-select-sm { height: calc(1.8125rem + 2px); padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 75%; } .custom-select-lg { height: calc(2.875rem + 2px); padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 125%; } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(2.25rem + 2px); margin-bottom: 0; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(2.25rem + 2px); margin: 0; opacity: 0; } .custom-file-input:focus ~ .custom-file-label { border-color: #97c7e3; box-shadow: 0 0 0 0.2rem rgba(53, 144, 197, 0.25); } .custom-file-input:focus ~ .custom-file-label::after { border-color: #97c7e3; } .custom-file-input:disabled ~ .custom-file-label { background-color: #e9ecef; } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(2.25rem + 2px); padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: 0; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: 2.25rem; padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: 1px solid #ced4da; border-radius: 0 0 0 0; } .custom-range { width: 100%; padding-left: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-range:focus { outline: none; } .custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #000, 0 0 0 0.2rem rgba(53, 144, 197, 0.25); } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #000, 0 0 0 0.2rem rgba(53, 144, 197, 0.25); } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #000, 0 0 0 0.2rem rgba(53, 144, 197, 0.25); } .custom-range::-moz-focus-outer { border: 0; } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #3590c5; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -webkit-appearance: none; appearance: none; } @media screen and (prefers-reduced-motion: reduce) { .custom-range::-webkit-slider-thumb { transition: none; } } .custom-range::-webkit-slider-thumb:active { background-color: #bfdcee; } .custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #3590c5; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -moz-appearance: none; appearance: none; } @media screen and (prefers-reduced-motion: reduce) { .custom-range::-moz-range-thumb { transition: none; } } .custom-range::-moz-range-thumb:active { background-color: #bfdcee; } .custom-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-ms-thumb { width: 1rem; height: 1rem; margin-top: 0; margin-right: 0.2rem; margin-left: 0.2rem; background-color: #3590c5; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media screen and (prefers-reduced-motion: reduce) { .custom-range::-ms-thumb { transition: none; } } .custom-range::-ms-thumb:active { background-color: #bfdcee; } .custom-range::-ms-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: 0.5rem; } .custom-range::-ms-fill-lower { background-color: #dee2e6; border-radius: 1rem; } .custom-range::-ms-fill-upper { margin-right: 15px; background-color: #dee2e6; border-radius: 1rem; } .custom-control-label::before, .custom-file-label, .custom-select { transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .custom-control-label::before, .custom-file-label, .custom-select { transition: none; } } .nav { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; } .nav-link:hover, .nav-link:focus { text-decoration: none; } .nav-link.disabled { color: #6c757d; } .nav-tabs { border-bottom: 1px solid #dee2e6; } .nav-tabs .nav-item { margin-bottom: -1px; } .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #e9ecef #e9ecef #dee2e6; } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #000; border-color: #dee2e6 #dee2e6 #000; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { border-radius: 0; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #3590c5; } .nav-fill .nav-item { -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center; } .nav-justified .nav-item { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; padding: 0.5rem 1rem; } .navbar > .container, .navbar > .container-fluid { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-nav { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { -ms-flex-preferred-size: 100%; flex-basis: 100%; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-align: center; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0; } .navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; } .navbar-toggler:not(:disabled):not(.disabled) { cursor: pointer; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%; } @media (max-width: 375.98px) { .navbar-expand-s > .container, .navbar-expand-s > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 376px) { .navbar-expand-s { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-s .navbar-nav { -ms-flex-direction: row; flex-direction: row; } .navbar-expand-s .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-s .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-s > .container, .navbar-expand-s > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-s .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-s .navbar-toggler { display: none; } } @media (max-width: 575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 576px) { .navbar-expand-sm { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { -ms-flex-direction: row; flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-sm .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } } @media (max-width: 767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { .navbar-expand-md { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-md .navbar-nav { -ms-flex-direction: row; flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-md .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } } @media (max-width: 991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 992px) { .navbar-expand-lg { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { -ms-flex-direction: row; flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-lg .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } } @media (max-width: 1199.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 1200px) { .navbar-expand-xl { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { -ms-flex-direction: row; flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-xl .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } } @media (max-width: 1439.98px) { .navbar-expand-xxl > .container, .navbar-expand-xxl > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 1440px) { .navbar-expand-xxl { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-xxl .navbar-nav { -ms-flex-direction: row; flex-direction: row; } .navbar-expand-xxl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xxl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xxl > .container, .navbar-expand-xxl > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-xxl .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-xxl .navbar-toggler { display: none; } } @media (max-width: 2559.98px) { .navbar-expand-xxxl > .container, .navbar-expand-xxxl > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 2560px) { .navbar-expand-xxxl { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-xxxl .navbar-nav { -ms-flex-direction: row; flex-direction: row; } .navbar-expand-xxxl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xxxl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xxxl > .container, .navbar-expand-xxxl > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-xxxl .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-xxxl .navbar-toggler { display: none; } } .navbar-expand { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand > .container, .navbar-expand > .container-fluid { padding-right: 0; padding-left: 0; } .navbar-expand .navbar-nav { -ms-flex-direction: row; flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand > .container, .navbar-expand > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: #fff; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #f50317; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-text a { color: #fff; } .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; } .card { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #ccc; background-clip: border-box; border: 1px solid #ccc; border-radius: 0; } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group:first-child .list-group-item:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .card-body { -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1.25rem; } .card-title { margin-bottom: 0.75rem; } .card-subtitle { margin-top: -0.375rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1.25rem; } .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid #ccc; } .card-header:first-child { border-radius: calc(0 - 1px) calc(0 - 1px) 0 0; } .card-header + .list-group .list-group-item:first-child { border-top: 0; } .card-footer { padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid #ccc; } .card-footer:last-child { border-radius: 0 0 calc(0 - 1px) calc(0 - 1px); } .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; } .card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; } .card-img { width: 100%; border-radius: calc(0 - 1px); } .card-img-top { width: 100%; border-top-left-radius: calc(0 - 1px); border-top-right-radius: calc(0 - 1px); } .card-img-bottom { width: 100%; border-bottom-right-radius: calc(0 - 1px); border-bottom-left-radius: calc(0 - 1px); } .card-deck { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .card-deck .card { margin-bottom: 10px; } @media (min-width: 576px) { .card-deck { -ms-flex-flow: row wrap; flex-flow: row wrap; margin-right: -10px; margin-left: -10px; } .card-deck .card { display: -ms-flexbox; display: flex; -ms-flex: 1 0 0%; flex: 1 0 0%; -ms-flex-direction: column; flex-direction: column; margin-right: 10px; margin-bottom: 0; margin-left: 10px; } } .card-group { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .card-group > .card { margin-bottom: 10px; } @media (min-width: 576px) { .card-group { -ms-flex-flow: row wrap; flex-flow: row wrap; } .card-group > .card { -ms-flex: 1 0 0%; flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:first-child .card-img-top, .card-group > .card:first-child .card-header { border-top-right-radius: 0; } .card-group > .card:first-child .card-img-bottom, .card-group > .card:first-child .card-footer { border-bottom-right-radius: 0; } .card-group > .card:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:last-child .card-img-top, .card-group > .card:last-child .card-header { border-top-left-radius: 0; } .card-group > .card:last-child .card-img-bottom, .card-group > .card:last-child .card-footer { border-bottom-left-radius: 0; } .card-group > .card:only-child { border-radius: 0; } .card-group > .card:only-child .card-img-top, .card-group > .card:only-child .card-header { border-top-left-radius: 0; border-top-right-radius: 0; } .card-group > .card:only-child .card-img-bottom, .card-group > .card:only-child .card-footer { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:not(:first-child):not(:last-child):not(:only-child) { border-radius: 0; } .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer { border-radius: 0; } } .card-columns .card { margin-bottom: 0.75rem; } @media (min-width: 576px) { .card-columns { column-count: 3; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } } .accordion .card:not(:first-of-type):not(:last-of-type) { border-bottom: 0; border-radius: 0; } .accordion .card:not(:first-of-type) .card-header:first-child { border-radius: 0; } .accordion .card:first-of-type { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion .card:last-of-type { border-top-left-radius: 0; border-top-right-radius: 0; } .breadcrumb { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: 0; } .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; color: #6c757d; content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #6c757d; } .pagination { display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; border-radius: 0; } .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #3590c5; background-color: #fff; border: 1px solid #dee2e6; } .page-link:hover { z-index: 2; color: #256489; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; } .page-link:focus { z-index: 2; outline: 0; box-shadow: 0 0 0 0.2rem rgba(53, 144, 197, 0.25); } .page-link:not(:disabled):not(.disabled) { cursor: pointer; } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .page-item:last-child .page-link { border-top-right-radius: 0; border-bottom-right-radius: 0; } .page-item.active .page-link { z-index: 1; color: #fff; background-color: #3590c5; border-color: #3590c5; } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } .badge-primary { color: #fff; background-color: #3590c5; } .badge-primary[href]:hover, .badge-primary[href]:focus { color: #fff; text-decoration: none; background-color: #2a739d; } .badge-secondary { color: #fff; background-color: #3590c5; } .badge-secondary[href]:hover, .badge-secondary[href]:focus { color: #fff; text-decoration: none; background-color: #2a739d; } .badge-success { color: #fff; background-color: #35c561; } .badge-success[href]:hover, .badge-success[href]:focus { color: #fff; text-decoration: none; background-color: #2a9d4d; } .badge-info { color: #fff; background-color: #3590c5; } .badge-info[href]:hover, .badge-info[href]:focus { color: #fff; text-decoration: none; background-color: #2a739d; } .badge-warning { color: #212529; background-color: #ffc500; } .badge-warning[href]:hover, .badge-warning[href]:focus { color: #212529; text-decoration: none; background-color: #cc9e00; } .badge-danger { color: #fff; background-color: #ff414d; } .badge-danger[href]:hover, .badge-danger[href]:focus { color: #fff; text-decoration: none; background-color: #ff0e1d; } .badge-light { color: #212529; background-color: #f8f9fa; } .badge-light[href]:hover, .badge-light[href]:focus { color: #212529; text-decoration: none; background-color: #dae0e5; } .badge-dark { color: #fff; background-color: #333333; } .badge-dark[href]:hover, .badge-dark[href]:focus { color: #fff; text-decoration: none; background-color: #1a1a1a; } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: 0.3rem; } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 4rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: 0.75rem 1.25rem; color: inherit; } .alert-primary { color: #1c4b66; background-color: #d7e9f3; border-color: #c6e0ef; } .alert-primary hr { border-top-color: #b2d5e9; } .alert-primary .alert-link { color: #112e3e; } .alert-secondary { color: #1c4b66; background-color: #d7e9f3; border-color: #c6e0ef; } .alert-secondary hr { border-top-color: #b2d5e9; } .alert-secondary .alert-link { color: #112e3e; } .alert-success { color: #1c6632; background-color: #d7f3df; border-color: #c6efd3; } .alert-success hr { border-top-color: #b2e9c4; } .alert-success .alert-link { color: #113e1e; } .alert-info { color: #1c4b66; background-color: #d7e9f3; border-color: #c6e0ef; } .alert-info hr { border-top-color: #b2d5e9; } .alert-info .alert-link { color: #112e3e; } .alert-warning { color: #856600; background-color: #fff3cc; border-color: #ffefb8; } .alert-warning hr { border-top-color: #ffe99f; } .alert-warning .alert-link { color: #523f00; } .alert-danger { color: #852228; background-color: #ffd9db; border-color: #ffcacd; } .alert-danger hr { border-top-color: #ffb1b5; } .alert-danger .alert-link { color: #5c181c; } .alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe; } .alert-light hr { border-top-color: #ececf6; } .alert-light .alert-link { color: #686868; } .alert-dark { color: #1b1b1b; background-color: #d6d6d6; border-color: #c6c6c6; } .alert-dark hr { border-top-color: #b9b9b9; } .alert-dark .alert-link { color: #020202; } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .progress { display: -ms-flexbox; display: flex; height: 1rem; overflow: hidden; font-size: 0.75rem; background-color: #e9ecef; border-radius: 0; } .progress-bar { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; color: #fff; text-align: center; white-space: nowrap; background-color: #3590c5; transition: width 0.6s ease; } @media screen and (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .progress-bar-animated { animation: progress-bar-stripes 1s linear infinite; } .media { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; } .media-body { -ms-flex: 1; flex: 1; } .list-group { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; } .list-group-item-action { width: 100%; color: #495057; text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { color: #495057; text-decoration: none; background-color: #f8f9fa; } .list-group-item-action:active { color: #fff; background-color: #e9ecef; } .list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; margin-bottom: -1px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .list-group-item:hover, .list-group-item:focus { z-index: 1; text-decoration: none; } .list-group-item.disabled, .list-group-item:disabled { color: #6c757d; background-color: #fff; } .list-group-item.active { z-index: 2; color: #fff; background-color: #3590c5; border-color: #3590c5; } .list-group-flush .list-group-item { border-right: 0; border-left: 0; border-radius: 0; } .list-group-flush:first-child .list-group-item:first-child { border-top: 0; } .list-group-flush:last-child .list-group-item:last-child { border-bottom: 0; } .list-group-item-primary { color: #1c4b66; background-color: #c6e0ef; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #1c4b66; background-color: #b2d5e9; } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #1c4b66; border-color: #1c4b66; } .list-group-item-secondary { color: #1c4b66; background-color: #c6e0ef; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #1c4b66; background-color: #b2d5e9; } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #1c4b66; border-color: #1c4b66; } .list-group-item-success { color: #1c6632; background-color: #c6efd3; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #1c6632; background-color: #b2e9c4; } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #1c6632; border-color: #1c6632; } .list-group-item-info { color: #1c4b66; background-color: #c6e0ef; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #1c4b66; background-color: #b2d5e9; } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #1c4b66; border-color: #1c4b66; } .list-group-item-warning { color: #856600; background-color: #ffefb8; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #856600; background-color: #ffe99f; } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #856600; border-color: #856600; } .list-group-item-danger { color: #852228; background-color: #ffcacd; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #852228; background-color: #ffb1b5; } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #852228; border-color: #852228; } .list-group-item-light { color: #818182; background-color: #fdfdfe; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #818182; background-color: #ececf6; } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #818182; border-color: #818182; } .list-group-item-dark { color: #1b1b1b; background-color: #c6c6c6; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #1b1b1b; background-color: #b9b9b9; } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #1b1b1b; border-color: #1b1b1b; } .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; } .close:not(:disabled):not(.disabled) { cursor: pointer; } .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { color: #000; text-decoration: none; opacity: .75; } button.close { padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; } .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -25%); } @media screen and (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: translate(0, 0); } .modal-dialog-centered { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: calc(100% - (0.5rem * 2)); } .modal-dialog-centered::before { display: block; height: calc(100vh - (0.5rem * 2)); content: ""; } .modal-content { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #333; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem; border-bottom: 1px solid #e9ecef; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; } .modal-header .close { padding: 1rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; padding: 1rem; border-top: 1px solid #e9ecef; } .modal-footer > :not(:first-child) { margin-left: .25rem; } .modal-footer > :not(:last-child) { margin-right: .25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-centered { min-height: calc(100% - (1.75rem * 2)); } .modal-dialog-centered::before { height: calc(100vh - (1.75rem * 2)); } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg { max-width: 800px; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { padding: 0.4rem 0; } .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow { bottom: 0; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #000; } .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { padding: 0 0.4rem; } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { padding: 0.4rem 0; } .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow { top: 0; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; } .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { padding: 0 0.4rem; } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; } .popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 0.3rem; } .popover .arrow::before, .popover .arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-top, .bs-popover-auto[x-placement^="top"] { margin-bottom: 0.5rem; } .bs-popover-top .arrow, .bs-popover-auto[x-placement^="top"] .arrow { bottom: calc((0.5rem + 1px) * -1); } .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before, .bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after { border-width: 0.5rem 0.5rem 0; } .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before { bottom: 0; border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after { bottom: 1px; border-top-color: #fff; } .bs-popover-right, .bs-popover-auto[x-placement^="right"] { margin-left: 0.5rem; } .bs-popover-right .arrow, .bs-popover-auto[x-placement^="right"] .arrow { left: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before, .bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after { border-width: 0.5rem 0.5rem 0.5rem 0; } .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before { left: 0; border-right-color: rgba(0, 0, 0, 0.25); } .bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after { left: 1px; border-right-color: #fff; } .bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] { margin-top: 0.5rem; } .bs-popover-bottom .arrow, .bs-popover-auto[x-placement^="bottom"] .arrow { top: calc((0.5rem + 1px) * -1); } .bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before, .bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after { border-width: 0 0.5rem 0.5rem 0.5rem; } .bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before { top: 0; border-bottom-color: rgba(0, 0, 0, 0.25); } .bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after { top: 1px; border-bottom-color: #fff; } .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #f7f7f7; } .bs-popover-left, .bs-popover-auto[x-placement^="left"] { margin-right: 0.5rem; } .bs-popover-left .arrow, .bs-popover-auto[x-placement^="left"] .arrow { right: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before, .bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after { border-width: 0.5rem 0 0.5rem 0.5rem; } .bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before { right: 0; border-left-color: rgba(0, 0, 0, 0.25); } .bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after { right: 1px; border-left-color: #fff; } .popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1rem; color: inherit; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 0.5rem 0.75rem; color: #fff; } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-item { position: relative; display: none; -ms-flex-align: center; align-items: center; width: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; perspective: 1000px; } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; transition: transform 0.6s ease; } @media screen and (prefers-reduced-motion: reduce) { .carousel-item.active, .carousel-item-next, .carousel-item-prev { transition: none; } } .carousel-item-next, .carousel-item-prev { position: absolute; top: 0; } .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { transform: translateX(0); } @supports (transform-style: preserve-3d) { .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { transform: translate3d(0, 0, 0); } } .carousel-item-next, .active.carousel-item-right { transform: translateX(100%); } @supports (transform-style: preserve-3d) { .carousel-item-next, .active.carousel-item-right { transform: translate3d(100%, 0, 0); } } .carousel-item-prev, .active.carousel-item-left { transform: translateX(-100%); } @supports (transform-style: preserve-3d) { .carousel-item-prev, .active.carousel-item-left { transform: translate3d(-100%, 0, 0); } } .carousel-fade .carousel-item { opacity: 0; transition-duration: .6s; transition-property: opacity; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { opacity: 1; } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { opacity: 0; } .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev { transform: translateX(0); } @supports (transform-style: preserve-3d) { .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev { transform: translate3d(0, 0, 0); } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: 0.5; } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: .9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .carousel-indicators { position: absolute; right: 0; bottom: 10px; left: 0; z-index: 15; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { position: relative; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: rgba(255, 255, 255, 0.5); } .carousel-indicators li::before { position: absolute; top: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: ""; } .carousel-indicators li::after { position: absolute; bottom: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: ""; } .carousel-indicators .active { background-color: #fff; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: #3590c5 !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #2a739d !important; } .bg-secondary { background-color: #3590c5 !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #2a739d !important; } .bg-success { background-color: #35c561 !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #2a9d4d !important; } .bg-info { background-color: #3590c5 !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #2a739d !important; } .bg-warning { background-color: #ffc500 !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #cc9e00 !important; } .bg-danger { background-color: #ff414d !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #ff0e1d !important; } .bg-light { background-color: #f8f9fa !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #dae0e5 !important; } .bg-dark { background-color: #333333 !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #1a1a1a !important; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #dee2e6 !important; } .border-top { border-top: 1px solid #dee2e6 !important; } .border-right { border-right: 1px solid #dee2e6 !important; } .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-left { border-left: 1px solid #dee2e6 !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-primary { border-color: #3590c5 !important; } .border-secondary { border-color: #3590c5 !important; } .border-success { border-color: #35c561 !important; } .border-info { border-color: #3590c5 !important; } .border-warning { border-color: #ffc500 !important; } .border-danger { border-color: #ff414d !important; } .border-light { border-color: #f8f9fa !important; } .border-dark { border-color: #333333 !important; } .border-white { border-color: #fff !important; } .rounded { border-radius: 0 !important; } .rounded-top { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .rounded-right { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .rounded-bottom { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .rounded-left { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .rounded-circle { border-radius: 50% !important; } .rounded-0 { border-radius: 0 !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } @media (min-width: 376px) { .d-s-none { display: none !important; } .d-s-inline { display: inline !important; } .d-s-inline-block { display: inline-block !important; } .d-s-block { display: block !important; } .d-s-table { display: table !important; } .d-s-table-row { display: table-row !important; } .d-s-table-cell { display: table-cell !important; } .d-s-flex { display: -ms-flexbox !important; display: flex !important; } .d-s-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: -ms-flexbox !important; display: flex !important; } .d-sm-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: -ms-flexbox !important; display: flex !important; } .d-xl-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1440px) { .d-xxl-none { display: none !important; } .d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !important; } .d-xxl-table { display: table !important; } .d-xxl-table-row { display: table-row !important; } .d-xxl-table-cell { display: table-cell !important; } .d-xxl-flex { display: -ms-flexbox !important; display: flex !important; } .d-xxl-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 2560px) { .d-xxxl-none { display: none !important; } .d-xxxl-inline { display: inline !important; } .d-xxxl-inline-block { display: inline-block !important; } .d-xxxl-block { display: block !important; } .d-xxxl-table { display: table !important; } .d-xxxl-table-row { display: table-row !important; } .d-xxxl-table-cell { display: table-cell !important; } .d-xxxl-flex { display: -ms-flexbox !important; display: flex !important; } .d-xxxl-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: -ms-flexbox !important; display: flex !important; } .d-print-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.85714%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } @media (min-width: 376px) { .flex-s-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-s-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-s-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-s-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-s-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-s-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-s-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-s-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-s-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-s-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-s-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-s-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-s-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-s-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-s-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-s-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-s-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-s-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-s-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-s-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-s-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-s-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-s-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-s-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-s-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-s-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-s-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-s-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-s-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-s-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-s-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-s-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-s-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-s-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } } @media (min-width: 576px) { .flex-sm-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-sm-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-sm-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-sm-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-sm-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-sm-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-sm-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-sm-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-sm-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-md-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-md-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-md-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-md-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-md-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-md-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-md-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-md-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-md-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-md-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-md-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-lg-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-lg-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-lg-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-lg-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-lg-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-lg-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-lg-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xl-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xl-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-xl-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-xl-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-xl-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-xl-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-xl-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-xl-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xl-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-xl-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1440px) { .flex-xxl-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xxl-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xxl-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xxl-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xxl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xxl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xxl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-xxl-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-xxl-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-xxl-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-xxl-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-xxl-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-xxl-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xxl-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xxl-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xxl-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xxl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xxl-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xxl-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xxl-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-xxl-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xxl-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xxl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xxl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xxl-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xxl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xxl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xxl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xxl-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-xxl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xxl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xxl-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-xxl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xxl-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } } @media (min-width: 2560px) { .flex-xxxl-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xxxl-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xxxl-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xxxl-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xxxl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xxxl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xxxl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-xxxl-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-xxxl-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-xxxl-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-xxxl-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-xxxl-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-xxxl-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xxxl-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xxxl-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xxxl-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xxxl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xxxl-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xxxl-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xxxl-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-xxxl-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xxxl-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xxxl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xxxl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xxxl-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xxxl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xxxl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xxxl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xxxl-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-xxxl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xxxl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xxxl-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-xxxl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xxxl-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 376px) { .float-s-left { float: left !important; } .float-s-right { float: right !important; } .float-s-none { float: none !important; } } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } @media (min-width: 1440px) { .float-xxl-left { float: left !important; } .float-xxl-right { float: right !important; } .float-xxl-none { float: none !important; } } @media (min-width: 2560px) { .float-xxxl-left { float: left !important; } .float-xxxl-right { float: right !important; } .float-xxxl-none { float: none !important; } } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: -webkit-sticky !important; position: sticky !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } @supports ((position: -webkit-sticky) or (position: sticky)) { .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { box-shadow: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 376px) { .m-s-0 { margin: 0 !important; } .mt-s-0, .my-s-0 { margin-top: 0 !important; } .mr-s-0, .mx-s-0 { margin-right: 0 !important; } .mb-s-0, .my-s-0 { margin-bottom: 0 !important; } .ml-s-0, .mx-s-0 { margin-left: 0 !important; } .m-s-1 { margin: 0.25rem !important; } .mt-s-1, .my-s-1 { margin-top: 0.25rem !important; } .mr-s-1, .mx-s-1 { margin-right: 0.25rem !important; } .mb-s-1, .my-s-1 { margin-bottom: 0.25rem !important; } .ml-s-1, .mx-s-1 { margin-left: 0.25rem !important; } .m-s-2 { margin: 0.5rem !important; } .mt-s-2, .my-s-2 { margin-top: 0.5rem !important; } .mr-s-2, .mx-s-2 { margin-right: 0.5rem !important; } .mb-s-2, .my-s-2 { margin-bottom: 0.5rem !important; } .ml-s-2, .mx-s-2 { margin-left: 0.5rem !important; } .m-s-3 { margin: 1rem !important; } .mt-s-3, .my-s-3 { margin-top: 1rem !important; } .mr-s-3, .mx-s-3 { margin-right: 1rem !important; } .mb-s-3, .my-s-3 { margin-bottom: 1rem !important; } .ml-s-3, .mx-s-3 { margin-left: 1rem !important; } .m-s-4 { margin: 1.5rem !important; } .mt-s-4, .my-s-4 { margin-top: 1.5rem !important; } .mr-s-4, .mx-s-4 { margin-right: 1.5rem !important; } .mb-s-4, .my-s-4 { margin-bottom: 1.5rem !important; } .ml-s-4, .mx-s-4 { margin-left: 1.5rem !important; } .m-s-5 { margin: 3rem !important; } .mt-s-5, .my-s-5 { margin-top: 3rem !important; } .mr-s-5, .mx-s-5 { margin-right: 3rem !important; } .mb-s-5, .my-s-5 { margin-bottom: 3rem !important; } .ml-s-5, .mx-s-5 { margin-left: 3rem !important; } .p-s-0 { padding: 0 !important; } .pt-s-0, .py-s-0 { padding-top: 0 !important; } .pr-s-0, .px-s-0 { padding-right: 0 !important; } .pb-s-0, .py-s-0 { padding-bottom: 0 !important; } .pl-s-0, .px-s-0 { padding-left: 0 !important; } .p-s-1 { padding: 0.25rem !important; } .pt-s-1, .py-s-1 { padding-top: 0.25rem !important; } .pr-s-1, .px-s-1 { padding-right: 0.25rem !important; } .pb-s-1, .py-s-1 { padding-bottom: 0.25rem !important; } .pl-s-1, .px-s-1 { padding-left: 0.25rem !important; } .p-s-2 { padding: 0.5rem !important; } .pt-s-2, .py-s-2 { padding-top: 0.5rem !important; } .pr-s-2, .px-s-2 { padding-right: 0.5rem !important; } .pb-s-2, .py-s-2 { padding-bottom: 0.5rem !important; } .pl-s-2, .px-s-2 { padding-left: 0.5rem !important; } .p-s-3 { padding: 1rem !important; } .pt-s-3, .py-s-3 { padding-top: 1rem !important; } .pr-s-3, .px-s-3 { padding-right: 1rem !important; } .pb-s-3, .py-s-3 { padding-bottom: 1rem !important; } .pl-s-3, .px-s-3 { padding-left: 1rem !important; } .p-s-4 { padding: 1.5rem !important; } .pt-s-4, .py-s-4 { padding-top: 1.5rem !important; } .pr-s-4, .px-s-4 { padding-right: 1.5rem !important; } .pb-s-4, .py-s-4 { padding-bottom: 1.5rem !important; } .pl-s-4, .px-s-4 { padding-left: 1.5rem !important; } .p-s-5 { padding: 3rem !important; } .pt-s-5, .py-s-5 { padding-top: 3rem !important; } .pr-s-5, .px-s-5 { padding-right: 3rem !important; } .pb-s-5, .py-s-5 { padding-bottom: 3rem !important; } .pl-s-5, .px-s-5 { padding-left: 3rem !important; } .m-s-auto { margin: auto !important; } .mt-s-auto, .my-s-auto { margin-top: auto !important; } .mr-s-auto, .mx-s-auto { margin-right: auto !important; } .mb-s-auto, .my-s-auto { margin-bottom: auto !important; } .ml-s-auto, .mx-s-auto { margin-left: auto !important; } } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } @media (min-width: 1440px) { .m-xxl-0 { margin: 0 !important; } .mt-xxl-0, .my-xxl-0 { margin-top: 0 !important; } .mr-xxl-0, .mx-xxl-0 { margin-right: 0 !important; } .mb-xxl-0, .my-xxl-0 { margin-bottom: 0 !important; } .ml-xxl-0, .mx-xxl-0 { margin-left: 0 !important; } .m-xxl-1 { margin: 0.25rem !important; } .mt-xxl-1, .my-xxl-1 { margin-top: 0.25rem !important; } .mr-xxl-1, .mx-xxl-1 { margin-right: 0.25rem !important; } .mb-xxl-1, .my-xxl-1 { margin-bottom: 0.25rem !important; } .ml-xxl-1, .mx-xxl-1 { margin-left: 0.25rem !important; } .m-xxl-2 { margin: 0.5rem !important; } .mt-xxl-2, .my-xxl-2 { margin-top: 0.5rem !important; } .mr-xxl-2, .mx-xxl-2 { margin-right: 0.5rem !important; } .mb-xxl-2, .my-xxl-2 { margin-bottom: 0.5rem !important; } .ml-xxl-2, .mx-xxl-2 { margin-left: 0.5rem !important; } .m-xxl-3 { margin: 1rem !important; } .mt-xxl-3, .my-xxl-3 { margin-top: 1rem !important; } .mr-xxl-3, .mx-xxl-3 { margin-right: 1rem !important; } .mb-xxl-3, .my-xxl-3 { margin-bottom: 1rem !important; } .ml-xxl-3, .mx-xxl-3 { margin-left: 1rem !important; } .m-xxl-4 { margin: 1.5rem !important; } .mt-xxl-4, .my-xxl-4 { margin-top: 1.5rem !important; } .mr-xxl-4, .mx-xxl-4 { margin-right: 1.5rem !important; } .mb-xxl-4, .my-xxl-4 { margin-bottom: 1.5rem !important; } .ml-xxl-4, .mx-xxl-4 { margin-left: 1.5rem !important; } .m-xxl-5 { margin: 3rem !important; } .mt-xxl-5, .my-xxl-5 { margin-top: 3rem !important; } .mr-xxl-5, .mx-xxl-5 { margin-right: 3rem !important; } .mb-xxl-5, .my-xxl-5 { margin-bottom: 3rem !important; } .ml-xxl-5, .mx-xxl-5 { margin-left: 3rem !important; } .p-xxl-0 { padding: 0 !important; } .pt-xxl-0, .py-xxl-0 { padding-top: 0 !important; } .pr-xxl-0, .px-xxl-0 { padding-right: 0 !important; } .pb-xxl-0, .py-xxl-0 { padding-bottom: 0 !important; } .pl-xxl-0, .px-xxl-0 { padding-left: 0 !important; } .p-xxl-1 { padding: 0.25rem !important; } .pt-xxl-1, .py-xxl-1 { padding-top: 0.25rem !important; } .pr-xxl-1, .px-xxl-1 { padding-right: 0.25rem !important; } .pb-xxl-1, .py-xxl-1 { padding-bottom: 0.25rem !important; } .pl-xxl-1, .px-xxl-1 { padding-left: 0.25rem !important; } .p-xxl-2 { padding: 0.5rem !important; } .pt-xxl-2, .py-xxl-2 { padding-top: 0.5rem !important; } .pr-xxl-2, .px-xxl-2 { padding-right: 0.5rem !important; } .pb-xxl-2, .py-xxl-2 { padding-bottom: 0.5rem !important; } .pl-xxl-2, .px-xxl-2 { padding-left: 0.5rem !important; } .p-xxl-3 { padding: 1rem !important; } .pt-xxl-3, .py-xxl-3 { padding-top: 1rem !important; } .pr-xxl-3, .px-xxl-3 { padding-right: 1rem !important; } .pb-xxl-3, .py-xxl-3 { padding-bottom: 1rem !important; } .pl-xxl-3, .px-xxl-3 { padding-left: 1rem !important; } .p-xxl-4 { padding: 1.5rem !important; } .pt-xxl-4, .py-xxl-4 { padding-top: 1.5rem !important; } .pr-xxl-4, .px-xxl-4 { padding-right: 1.5rem !important; } .pb-xxl-4, .py-xxl-4 { padding-bottom: 1.5rem !important; } .pl-xxl-4, .px-xxl-4 { padding-left: 1.5rem !important; } .p-xxl-5 { padding: 3rem !important; } .pt-xxl-5, .py-xxl-5 { padding-top: 3rem !important; } .pr-xxl-5, .px-xxl-5 { padding-right: 3rem !important; } .pb-xxl-5, .py-xxl-5 { padding-bottom: 3rem !important; } .pl-xxl-5, .px-xxl-5 { padding-left: 3rem !important; } .m-xxl-auto { margin: auto !important; } .mt-xxl-auto, .my-xxl-auto { margin-top: auto !important; } .mr-xxl-auto, .mx-xxl-auto { margin-right: auto !important; } .mb-xxl-auto, .my-xxl-auto { margin-bottom: auto !important; } .ml-xxl-auto, .mx-xxl-auto { margin-left: auto !important; } } @media (min-width: 2560px) { .m-xxxl-0 { margin: 0 !important; } .mt-xxxl-0, .my-xxxl-0 { margin-top: 0 !important; } .mr-xxxl-0, .mx-xxxl-0 { margin-right: 0 !important; } .mb-xxxl-0, .my-xxxl-0 { margin-bottom: 0 !important; } .ml-xxxl-0, .mx-xxxl-0 { margin-left: 0 !important; } .m-xxxl-1 { margin: 0.25rem !important; } .mt-xxxl-1, .my-xxxl-1 { margin-top: 0.25rem !important; } .mr-xxxl-1, .mx-xxxl-1 { margin-right: 0.25rem !important; } .mb-xxxl-1, .my-xxxl-1 { margin-bottom: 0.25rem !important; } .ml-xxxl-1, .mx-xxxl-1 { margin-left: 0.25rem !important; } .m-xxxl-2 { margin: 0.5rem !important; } .mt-xxxl-2, .my-xxxl-2 { margin-top: 0.5rem !important; } .mr-xxxl-2, .mx-xxxl-2 { margin-right: 0.5rem !important; } .mb-xxxl-2, .my-xxxl-2 { margin-bottom: 0.5rem !important; } .ml-xxxl-2, .mx-xxxl-2 { margin-left: 0.5rem !important; } .m-xxxl-3 { margin: 1rem !important; } .mt-xxxl-3, .my-xxxl-3 { margin-top: 1rem !important; } .mr-xxxl-3, .mx-xxxl-3 { margin-right: 1rem !important; } .mb-xxxl-3, .my-xxxl-3 { margin-bottom: 1rem !important; } .ml-xxxl-3, .mx-xxxl-3 { margin-left: 1rem !important; } .m-xxxl-4 { margin: 1.5rem !important; } .mt-xxxl-4, .my-xxxl-4 { margin-top: 1.5rem !important; } .mr-xxxl-4, .mx-xxxl-4 { margin-right: 1.5rem !important; } .mb-xxxl-4, .my-xxxl-4 { margin-bottom: 1.5rem !important; } .ml-xxxl-4, .mx-xxxl-4 { margin-left: 1.5rem !important; } .m-xxxl-5 { margin: 3rem !important; } .mt-xxxl-5, .my-xxxl-5 { margin-top: 3rem !important; } .mr-xxxl-5, .mx-xxxl-5 { margin-right: 3rem !important; } .mb-xxxl-5, .my-xxxl-5 { margin-bottom: 3rem !important; } .ml-xxxl-5, .mx-xxxl-5 { margin-left: 3rem !important; } .p-xxxl-0 { padding: 0 !important; } .pt-xxxl-0, .py-xxxl-0 { padding-top: 0 !important; } .pr-xxxl-0, .px-xxxl-0 { padding-right: 0 !important; } .pb-xxxl-0, .py-xxxl-0 { padding-bottom: 0 !important; } .pl-xxxl-0, .px-xxxl-0 { padding-left: 0 !important; } .p-xxxl-1 { padding: 0.25rem !important; } .pt-xxxl-1, .py-xxxl-1 { padding-top: 0.25rem !important; } .pr-xxxl-1, .px-xxxl-1 { padding-right: 0.25rem !important; } .pb-xxxl-1, .py-xxxl-1 { padding-bottom: 0.25rem !important; } .pl-xxxl-1, .px-xxxl-1 { padding-left: 0.25rem !important; } .p-xxxl-2 { padding: 0.5rem !important; } .pt-xxxl-2, .py-xxxl-2 { padding-top: 0.5rem !important; } .pr-xxxl-2, .px-xxxl-2 { padding-right: 0.5rem !important; } .pb-xxxl-2, .py-xxxl-2 { padding-bottom: 0.5rem !important; } .pl-xxxl-2, .px-xxxl-2 { padding-left: 0.5rem !important; } .p-xxxl-3 { padding: 1rem !important; } .pt-xxxl-3, .py-xxxl-3 { padding-top: 1rem !important; } .pr-xxxl-3, .px-xxxl-3 { padding-right: 1rem !important; } .pb-xxxl-3, .py-xxxl-3 { padding-bottom: 1rem !important; } .pl-xxxl-3, .px-xxxl-3 { padding-left: 1rem !important; } .p-xxxl-4 { padding: 1.5rem !important; } .pt-xxxl-4, .py-xxxl-4 { padding-top: 1.5rem !important; } .pr-xxxl-4, .px-xxxl-4 { padding-right: 1.5rem !important; } .pb-xxxl-4, .py-xxxl-4 { padding-bottom: 1.5rem !important; } .pl-xxxl-4, .px-xxxl-4 { padding-left: 1.5rem !important; } .p-xxxl-5 { padding: 3rem !important; } .pt-xxxl-5, .py-xxxl-5 { padding-top: 3rem !important; } .pr-xxxl-5, .px-xxxl-5 { padding-right: 3rem !important; } .pb-xxxl-5, .py-xxxl-5 { padding-bottom: 3rem !important; } .pl-xxxl-5, .px-xxxl-5 { padding-left: 3rem !important; } .m-xxxl-auto { margin: auto !important; } .mt-xxxl-auto, .my-xxxl-auto { margin-top: auto !important; } .mr-xxxl-auto, .mx-xxxl-auto { margin-right: auto !important; } .mb-xxxl-auto, .my-xxxl-auto { margin-bottom: auto !important; } .ml-xxxl-auto, .mx-xxxl-auto { margin-left: auto !important; } } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } .text-justify { text-align: justify !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 376px) { .text-s-left { text-align: left !important; } .text-s-right { text-align: right !important; } .text-s-center { text-align: center !important; } } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } @media (min-width: 1440px) { .text-xxl-left { text-align: left !important; } .text-xxl-right { text-align: right !important; } .text-xxl-center { text-align: center !important; } } @media (min-width: 2560px) { .text-xxxl-left { text-align: left !important; } .text-xxxl-right { text-align: right !important; } .text-xxxl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-italic { font-style: italic !important; } .text-white { color: #fff !important; } .text-primary { color: #3590c5 !important; } a.text-primary:hover, a.text-primary:focus { color: #2a739d !important; } .text-secondary { color: #3590c5 !important; } a.text-secondary:hover, a.text-secondary:focus { color: #2a739d !important; } .text-success { color: #35c561 !important; } a.text-success:hover, a.text-success:focus { color: #2a9d4d !important; } .text-info { color: #3590c5 !important; } a.text-info:hover, a.text-info:focus { color: #2a739d !important; } .text-warning { color: #ffc500 !important; } a.text-warning:hover, a.text-warning:focus { color: #cc9e00 !important; } .text-danger { color: #ff414d !important; } a.text-danger:hover, a.text-danger:focus { color: #ff0e1d !important; } .text-light { color: #f8f9fa !important; } a.text-light:hover, a.text-light:focus { color: #dae0e5 !important; } .text-dark { color: #333333 !important; } a.text-dark:hover, a.text-dark:focus { color: #1a1a1a !important; } .text-body { color: #fff !important; } .text-muted { color: #6c757d !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media print { *, *::before, *::after { text-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #adb5bd; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } @page { size: a3; } body { min-width: 992px !important; } .container { min-width: 992px !important; } .navbar { display: none; } .badge { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6 !important; } .table-dark { color: inherit; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #dee2e6; } .table .thead-dark th { color: inherit; border-color: #dee2e6; } } /*! * Datepicker for Bootstrap v1.9.0 (https://github.com/uxsolutions/bootstrap-datepicker) * * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0) */ .datepicker { border-radius: 4px; direction: ltr; } .datepicker-inline { width: 220px; } .datepicker-rtl { direction: rtl; } .datepicker-rtl.dropdown-menu { left: auto; } .datepicker-rtl table tr td span { float: right; } .datepicker-dropdown { top: 0; left: 0; padding: 4px; } .datepicker-dropdown:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid rgba(0, 0, 0, 0.15); border-top: 0; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; } .datepicker-dropdown:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-top: 0; position: absolute; } .datepicker-dropdown.datepicker-orient-left:before { left: 6px; } .datepicker-dropdown.datepicker-orient-left:after { left: 7px; } .datepicker-dropdown.datepicker-orient-right:before { right: 6px; } .datepicker-dropdown.datepicker-orient-right:after { right: 7px; } .datepicker-dropdown.datepicker-orient-bottom:before { top: -7px; } .datepicker-dropdown.datepicker-orient-bottom:after { top: -6px; } .datepicker-dropdown.datepicker-orient-top:before { bottom: -7px; border-bottom: 0; border-top: 7px solid rgba(0, 0, 0, 0.15); } .datepicker-dropdown.datepicker-orient-top:after { bottom: -6px; border-bottom: 0; border-top: 6px solid #fff; } .datepicker table { margin: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .datepicker table tr td, .datepicker table tr th { text-align: center; width: 30px; height: 30px; border-radius: 4px; border: none; } .table-striped .datepicker table tr td, .table-striped .datepicker table tr th { background-color: transparent; } .datepicker table tr td.old, .datepicker table tr td.new { color: #777777; } .datepicker table tr td.day:hover, .datepicker table tr td.focused { background: #eeeeee; cursor: pointer; } .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover { background: none; color: #777777; cursor: default; } .datepicker table tr td.highlighted { color: #000; background-color: #d9edf7; border-color: #85c5e5; border-radius: 0; } .datepicker table tr td.highlighted:focus, .datepicker table tr td.highlighted.focus { color: #000; background-color: #afd9ee; border-color: #298fc2; } .datepicker table tr td.highlighted:hover { color: #000; background-color: #afd9ee; border-color: #52addb; } .datepicker table tr td.highlighted:active, .datepicker table tr td.highlighted.active { color: #000; background-color: #afd9ee; border-color: #52addb; } .datepicker table tr td.highlighted:active:hover, .datepicker table tr td.highlighted.active:hover, .datepicker table tr td.highlighted:active:focus, .datepicker table tr td.highlighted.active:focus, .datepicker table tr td.highlighted:active.focus, .datepicker table tr td.highlighted.active.focus { color: #000; background-color: #91cbe8; border-color: #298fc2; } .datepicker table tr td.highlighted.disabled:hover, .datepicker table tr td.highlighted[disabled]:hover, fieldset[disabled] .datepicker table tr td.highlighted:hover, .datepicker table tr td.highlighted.disabled:focus, .datepicker table tr td.highlighted[disabled]:focus, fieldset[disabled] .datepicker table tr td.highlighted:focus, .datepicker table tr td.highlighted.disabled.focus, .datepicker table tr td.highlighted[disabled].focus, fieldset[disabled] .datepicker table tr td.highlighted.focus { background-color: #d9edf7; border-color: #85c5e5; } .datepicker table tr td.highlighted.focused { background: #afd9ee; } .datepicker table tr td.highlighted.disabled, .datepicker table tr td.highlighted.disabled:active { background: #d9edf7; color: #777777; } .datepicker table tr td.today { color: #000; background-color: #ffdb99; border-color: #ffb733; } .datepicker table tr td.today:focus, .datepicker table tr td.today.focus { color: #000; background-color: #ffc966; border-color: #b37400; } .datepicker table tr td.today:hover { color: #000; background-color: #ffc966; border-color: #f59e00; } .datepicker table tr td.today:active, .datepicker table tr td.today.active { color: #000; background-color: #ffc966; border-color: #f59e00; } .datepicker table tr td.today:active:hover, .datepicker table tr td.today.active:hover, .datepicker table tr td.today:active:focus, .datepicker table tr td.today.active:focus, .datepicker table tr td.today:active.focus, .datepicker table tr td.today.active.focus { color: #000; background-color: #ffbc42; border-color: #b37400; } .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today[disabled]:hover, fieldset[disabled] .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled:focus, .datepicker table tr td.today[disabled]:focus, fieldset[disabled] .datepicker table tr td.today:focus, .datepicker table tr td.today.disabled.focus, .datepicker table tr td.today[disabled].focus, fieldset[disabled] .datepicker table tr td.today.focus { background-color: #ffdb99; border-color: #ffb733; } .datepicker table tr td.today.focused { background: #ffc966; } .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:active { background: #ffdb99; color: #777777; } .datepicker table tr td.range { color: #000; background-color: #eeeeee; border-color: #bbbbbb; border-radius: 0; } .datepicker table tr td.range:focus, .datepicker table tr td.range.focus { color: #000; background-color: #d5d5d5; border-color: #7c7c7c; } .datepicker table tr td.range:hover { color: #000; background-color: #d5d5d5; border-color: #9d9d9d; } .datepicker table tr td.range:active, .datepicker table tr td.range.active { color: #000; background-color: #d5d5d5; border-color: #9d9d9d; } .datepicker table tr td.range:active:hover, .datepicker table tr td.range.active:hover, .datepicker table tr td.range:active:focus, .datepicker table tr td.range.active:focus, .datepicker table tr td.range:active.focus, .datepicker table tr td.range.active.focus { color: #000; background-color: #c3c3c3; border-color: #7c7c7c; } .datepicker table tr td.range.disabled:hover, .datepicker table tr td.range[disabled]:hover, fieldset[disabled] .datepicker table tr td.range:hover, .datepicker table tr td.range.disabled:focus, .datepicker table tr td.range[disabled]:focus, fieldset[disabled] .datepicker table tr td.range:focus, .datepicker table tr td.range.disabled.focus, .datepicker table tr td.range[disabled].focus, fieldset[disabled] .datepicker table tr td.range.focus { background-color: #eeeeee; border-color: #bbbbbb; } .datepicker table tr td.range.focused { background: #d5d5d5; } .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:active { background: #eeeeee; color: #777777; } .datepicker table tr td.range.highlighted { color: #000; background-color: #e4eef3; border-color: #9dc1d3; } .datepicker table tr td.range.highlighted:focus, .datepicker table tr td.range.highlighted.focus { color: #000; background-color: #c1d7e3; border-color: #4b88a6; } .datepicker table tr td.range.highlighted:hover { color: #000; background-color: #c1d7e3; border-color: #73a6c0; } .datepicker table tr td.range.highlighted:active, .datepicker table tr td.range.highlighted.active { color: #000; background-color: #c1d7e3; border-color: #73a6c0; } .datepicker table tr td.range.highlighted:active:hover, .datepicker table tr td.range.highlighted.active:hover, .datepicker table tr td.range.highlighted:active:focus, .datepicker table tr td.range.highlighted.active:focus, .datepicker table tr td.range.highlighted:active.focus, .datepicker table tr td.range.highlighted.active.focus { color: #000; background-color: #a8c8d8; border-color: #4b88a6; } .datepicker table tr td.range.highlighted.disabled:hover, .datepicker table tr td.range.highlighted[disabled]:hover, fieldset[disabled] .datepicker table tr td.range.highlighted:hover, .datepicker table tr td.range.highlighted.disabled:focus, .datepicker table tr td.range.highlighted[disabled]:focus, fieldset[disabled] .datepicker table tr td.range.highlighted:focus, .datepicker table tr td.range.highlighted.disabled.focus, .datepicker table tr td.range.highlighted[disabled].focus, fieldset[disabled] .datepicker table tr td.range.highlighted.focus { background-color: #e4eef3; border-color: #9dc1d3; } .datepicker table tr td.range.highlighted.focused { background: #c1d7e3; } .datepicker table tr td.range.highlighted.disabled, .datepicker table tr td.range.highlighted.disabled:active { background: #e4eef3; color: #777777; } .datepicker table tr td.range.today { color: #000; background-color: #f7ca77; border-color: #f1a417; } .datepicker table tr td.range.today:focus, .datepicker table tr td.range.today.focus { color: #000; background-color: #f4b747; border-color: #815608; } .datepicker table tr td.range.today:hover { color: #000; background-color: #f4b747; border-color: #bf800c; } .datepicker table tr td.range.today:active, .datepicker table tr td.range.today.active { color: #000; background-color: #f4b747; border-color: #bf800c; } .datepicker table tr td.range.today:active:hover, .datepicker table tr td.range.today.active:hover, .datepicker table tr td.range.today:active:focus, .datepicker table tr td.range.today.active:focus, .datepicker table tr td.range.today:active.focus, .datepicker table tr td.range.today.active.focus { color: #000; background-color: #f2aa25; border-color: #815608; } .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today[disabled]:hover, fieldset[disabled] .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today.disabled:focus, .datepicker table tr td.range.today[disabled]:focus, fieldset[disabled] .datepicker table tr td.range.today:focus, .datepicker table tr td.range.today.disabled.focus, .datepicker table tr td.range.today[disabled].focus, fieldset[disabled] .datepicker table tr td.range.today.focus { background-color: #f7ca77; border-color: #f1a417; } .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:active { background: #f7ca77; color: #777777; } .datepicker table tr td.selected, .datepicker table tr td.selected.highlighted { color: #fff; background-color: #777777; border-color: #555555; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td.selected:focus, .datepicker table tr td.selected.highlighted:focus, .datepicker table tr td.selected.focus, .datepicker table tr td.selected.highlighted.focus { color: #fff; background-color: #5e5e5e; border-color: #161616; } .datepicker table tr td.selected:hover, .datepicker table tr td.selected.highlighted:hover { color: #fff; background-color: #5e5e5e; border-color: #373737; } .datepicker table tr td.selected:active, .datepicker table tr td.selected.highlighted:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected.highlighted.active { color: #fff; background-color: #5e5e5e; border-color: #373737; } .datepicker table tr td.selected:active:hover, .datepicker table tr td.selected.highlighted:active:hover, .datepicker table tr td.selected.active:hover, .datepicker table tr td.selected.highlighted.active:hover, .datepicker table tr td.selected:active:focus, .datepicker table tr td.selected.highlighted:active:focus, .datepicker table tr td.selected.active:focus, .datepicker table tr td.selected.highlighted.active:focus, .datepicker table tr td.selected:active.focus, .datepicker table tr td.selected.highlighted:active.focus, .datepicker table tr td.selected.active.focus, .datepicker table tr td.selected.highlighted.active.focus { color: #fff; background-color: #4c4c4c; border-color: #161616; } .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.highlighted.disabled:hover, .datepicker table tr td.selected[disabled]:hover, .datepicker table tr td.selected.highlighted[disabled]:hover, fieldset[disabled] .datepicker table tr td.selected:hover, fieldset[disabled] .datepicker table tr td.selected.highlighted:hover, .datepicker table tr td.selected.disabled:focus, .datepicker table tr td.selected.highlighted.disabled:focus, .datepicker table tr td.selected[disabled]:focus, .datepicker table tr td.selected.highlighted[disabled]:focus, fieldset[disabled] .datepicker table tr td.selected:focus, fieldset[disabled] .datepicker table tr td.selected.highlighted:focus, .datepicker table tr td.selected.disabled.focus, .datepicker table tr td.selected.highlighted.disabled.focus, .datepicker table tr td.selected[disabled].focus, .datepicker table tr td.selected.highlighted[disabled].focus, fieldset[disabled] .datepicker table tr td.selected.focus, fieldset[disabled] .datepicker table tr td.selected.highlighted.focus { background-color: #777777; border-color: #555555; } .datepicker table tr td.active, .datepicker table tr td.active.highlighted { color: #fff; background-color: #337ab7; border-color: #2e6da4; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td.active:focus, .datepicker table tr td.active.highlighted:focus, .datepicker table tr td.active.focus, .datepicker table tr td.active.highlighted.focus { color: #fff; background-color: #286090; border-color: #122b40; } .datepicker table tr td.active:hover, .datepicker table tr td.active.highlighted:hover { color: #fff; background-color: #286090; border-color: #204d74; } .datepicker table tr td.active:active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active { color: #fff; background-color: #286090; border-color: #204d74; } .datepicker table tr td.active:active:hover, .datepicker table tr td.active.highlighted:active:hover, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.highlighted.active:hover, .datepicker table tr td.active:active:focus, .datepicker table tr td.active.highlighted:active:focus, .datepicker table tr td.active.active:focus, .datepicker table tr td.active.highlighted.active:focus, .datepicker table tr td.active:active.focus, .datepicker table tr td.active.highlighted:active.focus, .datepicker table tr td.active.active.focus, .datepicker table tr td.active.highlighted.active.focus { color: #fff; background-color: #204d74; border-color: #122b40; } .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.highlighted.disabled:hover, .datepicker table tr td.active[disabled]:hover, .datepicker table tr td.active.highlighted[disabled]:hover, fieldset[disabled] .datepicker table tr td.active:hover, fieldset[disabled] .datepicker table tr td.active.highlighted:hover, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.highlighted.disabled:focus, .datepicker table tr td.active[disabled]:focus, .datepicker table tr td.active.highlighted[disabled]:focus, fieldset[disabled] .datepicker table tr td.active:focus, fieldset[disabled] .datepicker table tr td.active.highlighted:focus, .datepicker table tr td.active.disabled.focus, .datepicker table tr td.active.highlighted.disabled.focus, .datepicker table tr td.active[disabled].focus, .datepicker table tr td.active.highlighted[disabled].focus, fieldset[disabled] .datepicker table tr td.active.focus, fieldset[disabled] .datepicker table tr td.active.highlighted.focus { background-color: #337ab7; border-color: #2e6da4; } .datepicker table tr td span { display: block; width: 23%; height: 54px; line-height: 54px; float: left; margin: 1%; cursor: pointer; border-radius: 4px; } .datepicker table tr td span:hover, .datepicker table tr td span.focused { background: #eeeeee; } .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover { background: none; color: #777777; cursor: default; } .datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover { color: #fff; background-color: #337ab7; border-color: #2e6da4; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td span.active:focus, .datepicker table tr td span.active:hover:focus, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active.focus, .datepicker table tr td span.active:hover.focus, .datepicker table tr td span.active.disabled.focus, .datepicker table tr td span.active.disabled:hover.focus { color: #fff; background-color: #286090; border-color: #122b40; } .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover { color: #fff; background-color: #286090; border-color: #204d74; } .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active { color: #fff; background-color: #286090; border-color: #204d74; } .datepicker table tr td span.active:active:hover, .datepicker table tr td span.active:hover:active:hover, .datepicker table tr td span.active.disabled:active:hover, .datepicker table tr td span.active.disabled:hover:active:hover, .datepicker table tr td span.active.active:hover, .datepicker table tr td span.active:hover.active:hover, .datepicker table tr td span.active.disabled.active:hover, .datepicker table tr td span.active.disabled:hover.active:hover, .datepicker table tr td span.active:active:focus, .datepicker table tr td span.active:hover:active:focus, .datepicker table tr td span.active.disabled:active:focus, .datepicker table tr td span.active.disabled:hover:active:focus, .datepicker table tr td span.active.active:focus, .datepicker table tr td span.active:hover.active:focus, .datepicker table tr td span.active.disabled.active:focus, .datepicker table tr td span.active.disabled:hover.active:focus, .datepicker table tr td span.active:active.focus, .datepicker table tr td span.active:hover:active.focus, .datepicker table tr td span.active.disabled:active.focus, .datepicker table tr td span.active.disabled:hover:active.focus, .datepicker table tr td span.active.active.focus, .datepicker table tr td span.active:hover.active.focus, .datepicker table tr td span.active.disabled.active.focus, .datepicker table tr td span.active.disabled:hover.active.focus { color: #fff; background-color: #204d74; border-color: #122b40; } .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover.disabled:hover, .datepicker table tr td span.active.disabled.disabled:hover, .datepicker table tr td span.active.disabled:hover.disabled:hover, .datepicker table tr td span.active[disabled]:hover, .datepicker table tr td span.active:hover[disabled]:hover, .datepicker table tr td span.active.disabled[disabled]:hover, .datepicker table tr td span.active.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td span.active:hover, fieldset[disabled] .datepicker table tr td span.active:hover:hover, fieldset[disabled] .datepicker table tr td span.active.disabled:hover, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active:hover.disabled:focus, .datepicker table tr td span.active.disabled.disabled:focus, .datepicker table tr td span.active.disabled:hover.disabled:focus, .datepicker table tr td span.active[disabled]:focus, .datepicker table tr td span.active:hover[disabled]:focus, .datepicker table tr td span.active.disabled[disabled]:focus, .datepicker table tr td span.active.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td span.active:focus, fieldset[disabled] .datepicker table tr td span.active:hover:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active.disabled.focus, .datepicker table tr td span.active:hover.disabled.focus, .datepicker table tr td span.active.disabled.disabled.focus, .datepicker table tr td span.active.disabled:hover.disabled.focus, .datepicker table tr td span.active[disabled].focus, .datepicker table tr td span.active:hover[disabled].focus, .datepicker table tr td span.active.disabled[disabled].focus, .datepicker table tr td span.active.disabled:hover[disabled].focus, fieldset[disabled] .datepicker table tr td span.active.focus, fieldset[disabled] .datepicker table tr td span.active:hover.focus, fieldset[disabled] .datepicker table tr td span.active.disabled.focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus { background-color: #337ab7; border-color: #2e6da4; } .datepicker table tr td span.old, .datepicker table tr td span.new { color: #777777; } .datepicker .datepicker-switch { width: 145px; } .datepicker .datepicker-switch, .datepicker .prev, .datepicker .next, .datepicker tfoot tr th { cursor: pointer; } .datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover, .datepicker tfoot tr th:hover { background: #eeeeee; } .datepicker .prev.disabled, .datepicker .next.disabled { visibility: hidden; } .datepicker .cw { font-size: 10px; width: 12px; padding: 0 2px 0 5px; vertical-align: middle; } .input-group.date .input-group-addon { cursor: pointer; } .input-daterange { width: 100%; } .input-daterange input { text-align: center; } .input-daterange input:first-child { border-radius: 3px 0 0 3px; } .input-daterange input:last-child { border-radius: 0 3px 3px 0; } .input-daterange .input-group-addon { width: auto; min-width: 16px; padding: 4px 5px; line-height: 1.42857143; border-width: 1px 0; margin-left: -5px; margin-right: -5px; } .flag-icon-background { background-size: contain; background-position: 50%; background-repeat: no-repeat; } .flag-icon { background-size: contain; background-position: 50%; background-repeat: no-repeat; position: relative; display: inline-block; width: 1.33333333em; line-height: 1em; } .flag-icon:before { content: "\A0"; } .flag-icon.flag-icon-squared { width: 1em; } .flag-icon-ad { background-image: url(../img/build/2d9288138275b189625c8c2c264648ec.svg); } .flag-icon-ad.flag-icon-squared { background-image: url(../img/build/800207334fe3f06f5cefab0e161ee27d.svg); } .flag-icon-ae { background-image: url(../img/build/998cc1fc1b86c9e1f5e381ed49bcb73c.svg); } .flag-icon-ae.flag-icon-squared { background-image: url(../img/build/8fc34d937ede25b6e171274b804b1e7f.svg); } .flag-icon-af { background-image: url(../img/build/1e73c9eec7a1fe8d8a4a28de746bb09c.svg); } .flag-icon-af.flag-icon-squared { background-image: url(../img/build/ddee87a8c4cdbc2a60b5d4ddc3a1549a.svg); } .flag-icon-ag { background-image: url(../img/build/b8b828913dc2d38b6afaed59032f2ad9.svg); } .flag-icon-ag.flag-icon-squared { background-image: url(../img/build/441882c5d5489780f1ab6b44927e5cd3.svg); } .flag-icon-ai { background-image: url(../img/build/7b4552df49750bda95a7fb860851ba60.svg); } .flag-icon-ai.flag-icon-squared { background-image: url(../img/build/377c542ad344b6c40fd30645601fdb01.svg); } .flag-icon-al { background-image: url(../img/build/4ed11fa46f929442468e9904abdbcc4a.svg); } .flag-icon-al.flag-icon-squared { background-image: url(../img/build/0663234670e1d6679628d6f4fbae4e90.svg); } .flag-icon-am { background-image: url(../img/build/cb2561270555c1b1e80318bc637c05ea.svg); } .flag-icon-am.flag-icon-squared { background-image: url(../img/build/41e6105650bb108b46e153f4f043e027.svg); } .flag-icon-ao { background-image: url(../img/build/b69218a9dc7ff91ce97305c35b9f8991.svg); } .flag-icon-ao.flag-icon-squared { background-image: url(../img/build/3e1baa0864a908f0cb27d06e155300ba.svg); } .flag-icon-aq { background-image: url(../img/build/02ad59b3dcbdd872f74d3c112f474794.svg); } .flag-icon-aq.flag-icon-squared { background-image: url(../img/build/328821fe6adacfa7bee4f57da5d4e5c6.svg); } .flag-icon-ar { background-image: url(../img/build/5261e632249ca9ab5b916055603be1f6.svg); } .flag-icon-ar.flag-icon-squared { background-image: url(../img/build/53647ae9f056d46e03205f791f2b66e3.svg); } .flag-icon-as { background-image: url(../img/build/23e6ae7d55de1077626007fdfe9a5822.svg); } .flag-icon-as.flag-icon-squared { background-image: url(../img/build/078ba7453c7f253d3f2ceea4b8b57d37.svg); } .flag-icon-at { background-image: url(../img/build/fa4cf0437de30e8cbf8952b91ffbbc3a.svg); } .flag-icon-at.flag-icon-squared { background-image: url(../img/build/0721b30720785a8a481ea634b50445ff.svg); } .flag-icon-au { background-image: url(../img/build/bb307e7fab6969ba6d3ff7d2ceeb6288.svg); } .flag-icon-au.flag-icon-squared { background-image: url(../img/build/f6b7907ce4405df5f8c7d1abbbadafd5.svg); } .flag-icon-aw { background-image: url(../img/build/3f52fb17e14398c3a3d8e5cece4f9009.svg); } .flag-icon-aw.flag-icon-squared { background-image: url(../img/build/0cd7e031771900e86d3fe8dcd81e5556.svg); } .flag-icon-ax { background-image: url(../img/build/f8c4019f81d13aade8e732ab4a6baf32.svg); } .flag-icon-ax.flag-icon-squared { background-image: url(../img/build/e939bf2ecb653b16e31928f62f14161b.svg); } .flag-icon-az { background-image: url(../img/build/198dbef38643afbd74b6d1cbe6da9ec8.svg); } .flag-icon-az.flag-icon-squared { background-image: url(../img/build/1edff1247e1846c4e074a479684ea6ee.svg); } .flag-icon-ba { background-image: url(../img/build/7d6f56d23d025c0f0368ac2f85d7f8af.svg); } .flag-icon-ba.flag-icon-squared { background-image: url(../img/build/d5ef14f05acaac11a4844e9b3bbedb00.svg); } .flag-icon-bb { background-image: url(../img/build/fe3ac3fea6f1abd9cfce0635cc6d610b.svg); } .flag-icon-bb.flag-icon-squared { background-image: url(../img/build/0c916c1c17d5652f5e92b773aa1d4e2a.svg); } .flag-icon-bd { background-image: url(../img/build/a7978d3d0cb45d9a6dfae8569f7c9969.svg); } .flag-icon-bd.flag-icon-squared { background-image: url(../img/build/b2af31760187b0f75eb6789dda71f62f.svg); } .flag-icon-be { background-image: url(../img/build/5739940da79d5fa8e595e64c05669c2a.svg); } .flag-icon-be.flag-icon-squared { background-image: url(../img/build/f34903cc86f134e4aa0aab9ff6a9e571.svg); } .flag-icon-bf { background-image: url(../img/build/57907e6611d0ab08eed5631443cdd447.svg); } .flag-icon-bf.flag-icon-squared { background-image: url(../img/build/348494c4020e910a1c5ebf26ad17c27b.svg); } .flag-icon-bg { background-image: url(../img/build/494aa5696f310b06328d4768c4bacdcc.svg); } .flag-icon-bg.flag-icon-squared { background-image: url(../img/build/44d83f951206160867dedeb992217279.svg); } .flag-icon-bh { background-image: url(../img/build/7510653e469a48d869e109f7cc5fe930.svg); } .flag-icon-bh.flag-icon-squared { background-image: url(../img/build/18fac7d81bf6f7575b9f7486ee55cfcd.svg); } .flag-icon-bi { background-image: url(../img/build/12a40d8db0b02233e8bdfe888231bfdb.svg); } .flag-icon-bi.flag-icon-squared { background-image: url(../img/build/d0615c777a4d8ada254341565c49bcd5.svg); } .flag-icon-bj { background-image: url(../img/build/5561ec954d9c2ec533400b805354a4b6.svg); } .flag-icon-bj.flag-icon-squared { background-image: url(../img/build/22430301448ceea1471d979ca319be92.svg); } .flag-icon-bl { background-image: url(../img/build/2a496da9f0ccf063b143d591045f587a.svg); } .flag-icon-bl.flag-icon-squared { background-image: url(../img/build/2deb442f266b054738dc4389f509a553.svg); } .flag-icon-bm { background-image: url(../img/build/012b04b78dff697d63abb50a1193144c.svg); } .flag-icon-bm.flag-icon-squared { background-image: url(../img/build/f2a17828e24a83b7bb4e980543c5fab6.svg); } .flag-icon-bn { background-image: url(../img/build/f6d5f4005cca9ebb9883e5fb4e3edba9.svg); } .flag-icon-bn.flag-icon-squared { background-image: url(../img/build/c5b91605c852ec62583c5e7498a9f4c5.svg); } .flag-icon-bo { background-image: url(../img/build/5f3fef091d666ea0ed093b1a427eac1f.svg); } .flag-icon-bo.flag-icon-squared { background-image: url(../img/build/2b6773a9f72cc831c5fd8ac5a2115576.svg); } .flag-icon-bq { background-image: url(../img/build/fda6c02c937beae291172cd3f50df39c.svg); } .flag-icon-bq.flag-icon-squared { background-image: url(../img/build/8c6f85c7ffea34a1d11596e9945f112a.svg); } .flag-icon-br { background-image: url(../img/build/a31e25766b6f0ba6bea0e6bf7d8e91af.svg); } .flag-icon-br.flag-icon-squared { background-image: url(../img/build/a30c10f8643bb31ef60f65958865a812.svg); } .flag-icon-bs { background-image: url(../img/build/cf40c6afb10d012e938c1fc4975301db.svg); } .flag-icon-bs.flag-icon-squared { background-image: url(../img/build/0f30e82c7146b9138138a31810ae9e1e.svg); } .flag-icon-bt { background-image: url(../img/build/87d65251ab5b878dd029615dd4794a8e.svg); } .flag-icon-bt.flag-icon-squared { background-image: url(../img/build/508393deb13245e36ff088316dbcd5da.svg); } .flag-icon-bv { background-image: url(../img/build/4fbc14ad662107c170024061b40f6302.svg); } .flag-icon-bv.flag-icon-squared { background-image: url(../img/build/ce747379b653d0c81d931cd25779c857.svg); } .flag-icon-bw { background-image: url(../img/build/15ed460a57847531507e5ba7201597b5.svg); } .flag-icon-bw.flag-icon-squared { background-image: url(../img/build/5f11a0beed3ff05c3accc5df7e42fd66.svg); } .flag-icon-by { background-image: url(../img/build/c05c8c07ade1f9ead97ddf35a747f95b.svg); } .flag-icon-by.flag-icon-squared { background-image: url(../img/build/9b65127c617c5268e17e0997da71885b.svg); } .flag-icon-bz { background-image: url(../img/build/2458dd8a8870ea822b25e1cbbd9cb0a9.svg); } .flag-icon-bz.flag-icon-squared { background-image: url(../img/build/81f2d6419e0debccb76714ed466b0652.svg); } .flag-icon-ca { background-image: url(../img/build/0efb6bf1f18132e87ea2c57d9580c45c.svg); } .flag-icon-ca.flag-icon-squared { background-image: url(../img/build/a3999867cb776b04ebddf5d9eef4f48c.svg); } .flag-icon-cc { background-image: url(../img/build/dd392e29d025f8df6555fbb825f3ac84.svg); } .flag-icon-cc.flag-icon-squared { background-image: url(../img/build/e53abbf8dc50b464cbb11a76ff1ec9d6.svg); } .flag-icon-cd { background-image: url(../img/build/d4408d3c47a4436c01c71fe6af4825bd.svg); } .flag-icon-cd.flag-icon-squared { background-image: url(../img/build/a3ecd8067fcd90a99ce9385abdc99f45.svg); } .flag-icon-cf { background-image: url(../img/build/d8dd15d37e5023c354126187fe19327f.svg); } .flag-icon-cf.flag-icon-squared { background-image: url(../img/build/8f764c6dedaca265cead5bd746224551.svg); } .flag-icon-cg { background-image: url(../img/build/51ec77aa7dc9bd203501805508836662.svg); } .flag-icon-cg.flag-icon-squared { background-image: url(../img/build/4ad6f3e8cf63bc61fc684d1e23e86899.svg); } .flag-icon-ch { background-image: url(../img/build/a69a50e544ff08eb122eedb7dc274cac.svg); } .flag-icon-ch.flag-icon-squared { background-image: url(../img/build/987cb82c1cadb50c89fe1e58dec40c31.svg); } .flag-icon-ci { background-image: url(../img/build/11ac689d81026c7e72a1726cc5b8e435.svg); } .flag-icon-ci.flag-icon-squared { background-image: url(../img/build/728ba64d6ecf525a8eb69909b6f62b58.svg); } .flag-icon-ck { background-image: url(../img/build/fe45a10b7d10b55b741114dcb7e75f48.svg); } .flag-icon-ck.flag-icon-squared { background-image: url(../img/build/e2686b2a29a1d7e56e17214b72e4cb0a.svg); } .flag-icon-cl { background-image: url(../img/build/2fd895c4996f542bf3b07caba07bec6e.svg); } .flag-icon-cl.flag-icon-squared { background-image: url(../img/build/609867ee88ac78b4aaf397a6fabe6790.svg); } .flag-icon-cm { background-image: url(../img/build/a56034b73ef6d0700c73206a2f72abe0.svg); } .flag-icon-cm.flag-icon-squared { background-image: url(../img/build/94ec67b0531daa72807d39d9c7fa2123.svg); } .flag-icon-cn { background-image: url(../img/build/2c193ab31269f0da8be9830738325d0f.svg); } .flag-icon-cn.flag-icon-squared { background-image: url(../img/build/3a0829042f88f0dd20060d30fd7057c2.svg); } .flag-icon-co { background-image: url(../img/build/c5d7116a03266225f537cb79a0b87c21.svg); } .flag-icon-co.flag-icon-squared { background-image: url(../img/build/11131041f85f1e5ebf68667f790af409.svg); } .flag-icon-cr { background-image: url(../img/build/0d349fd2526b99ef265d29d840611ce6.svg); } .flag-icon-cr.flag-icon-squared { background-image: url(../img/build/13c483a397095a9d8703d1eb46328c77.svg); } .flag-icon-cu { background-image: url(../img/build/1c7cc4da857495d8b44eb88d22a51e33.svg); } .flag-icon-cu.flag-icon-squared { background-image: url(../img/build/e4f897dc1790e9f3d1adafb62d0f7fd1.svg); } .flag-icon-cv { background-image: url(../img/build/624a2d4d919439bbd76b1431de002c18.svg); } .flag-icon-cv.flag-icon-squared { background-image: url(../img/build/accdfa0ea8efad323ef4711339765a4b.svg); } .flag-icon-cw { background-image: url(../img/build/9c06626ee2188bfd83b63be4b009cc30.svg); } .flag-icon-cw.flag-icon-squared { background-image: url(../img/build/ae75cba57510891147b59f88c71d3584.svg); } .flag-icon-cx { background-image: url(../img/build/b2a59c5ce370cabebdcbd19672933e7e.svg); } .flag-icon-cx.flag-icon-squared { background-image: url(../img/build/8142eab77f7fe4cfb349a14b4f94ce1d.svg); } .flag-icon-cy { background-image: url(../img/build/5e40be33df611e7bdecee279ccf3889e.svg); } .flag-icon-cy.flag-icon-squared { background-image: url(../img/build/dbf92cb89053f06b273f767cc7dd3a8e.svg); } .flag-icon-cz { background-image: url(../img/build/09a9b116642e821937ffc1d777a99022.svg); } .flag-icon-cz.flag-icon-squared { background-image: url(../img/build/b325cced526f0d4cb42b655eca7f40e4.svg); } .flag-icon-de { background-image: url(../img/build/246a5fcba5ed21747c2a108e5e635ec7.svg); } .flag-icon-de.flag-icon-squared { background-image: url(../img/build/74018f0abdef885f425c141cc3244afb.svg); } .flag-icon-dj { background-image: url(../img/build/694ca31b23013c8f1127e23741dd54a0.svg); } .flag-icon-dj.flag-icon-squared { background-image: url(../img/build/63e20123441e1fe6998df866aceb2a4c.svg); } .flag-icon-dk { background-image: url(../img/build/302b4687163f20c1e43779d2a3f671a0.svg); } .flag-icon-dk.flag-icon-squared { background-image: url(../img/build/59a9d25f6d57f572f48c2c1eeecb0724.svg); } .flag-icon-dm { background-image: url(../img/build/b1635699ae7bb121d9efce1f2a881320.svg); } .flag-icon-dm.flag-icon-squared { background-image: url(../img/build/fda8fe7071e4410604350b7ca25aeb4b.svg); } .flag-icon-do { background-image: url(../img/build/704fd2a9ed132ee8e42c5fc4dbea31a1.svg); } .flag-icon-do.flag-icon-squared { background-image: url(../img/build/88a82fcc61969d9c897ca685f5020b5e.svg); } .flag-icon-dz { background-image: url(../img/build/0477e542720bf395ac09392db78e17a7.svg); } .flag-icon-dz.flag-icon-squared { background-image: url(../img/build/ff15f060b5abba792024a5b144e5a31d.svg); } .flag-icon-ec { background-image: url(../img/build/3bafd0714678cf63330f182d9ec4cc41.svg); } .flag-icon-ec.flag-icon-squared { background-image: url(../img/build/8fb69b7933c6f712e20572580736f7c4.svg); } .flag-icon-ee { background-image: url(../img/build/03c3d564daa8527441e943dab22a6e24.svg); } .flag-icon-ee.flag-icon-squared { background-image: url(../img/build/9b43910c06e045dae08a96b7e185ca30.svg); } .flag-icon-eg { background-image: url(../img/build/b0aa9a4e893d49715b780350324cb985.svg); } .flag-icon-eg.flag-icon-squared { background-image: url(../img/build/4137f1081dc73f5450aa1732b27a73eb.svg); } .flag-icon-eh { background-image: url(../img/build/44d979031e6ecf702d00c9d07bbfcc0c.svg); } .flag-icon-eh.flag-icon-squared { background-image: url(../img/build/780a0a9e2e95e4971fdca31fbf97091e.svg); } .flag-icon-er { background-image: url(../img/build/b4ea80f7a2a8848ad55e31b9bf3afc90.svg); } .flag-icon-er.flag-icon-squared { background-image: url(../img/build/8d5171c77e388034f48931bb77b65014.svg); } .flag-icon-es { background-image: url(../img/build/bcf1ab9854fa7d81fedb1115032ab465.svg); } .flag-icon-es.flag-icon-squared { background-image: url(../img/build/361eda2a8906d9753ced8c046a754606.svg); } .flag-icon-et { background-image: url(../img/build/512bde19026857a0be17fa2271224762.svg); } .flag-icon-et.flag-icon-squared { background-image: url(../img/build/a61da8e203efc6ddf8be108c074e44e9.svg); } .flag-icon-fi { background-image: url(../img/build/8c63a9af82c69e1e067cc51fe8251693.svg); } .flag-icon-fi.flag-icon-squared { background-image: url(../img/build/55109a408f95186b773e8e89b5a67dcc.svg); } .flag-icon-fj { background-image: url(../img/build/caf72f69ced8ffea30cc3a38bcc6011e.svg); } .flag-icon-fj.flag-icon-squared { background-image: url(../img/build/453532c2daca1423d88f079a82cfcfc5.svg); } .flag-icon-fk { background-image: url(../img/build/1e53dc26d87dc2ff8cdec524787eb102.svg); } .flag-icon-fk.flag-icon-squared { background-image: url(../img/build/1bffbf9fdbc7e06d1e4ea685247c72f5.svg); } .flag-icon-fm { background-image: url(../img/build/2c13a5d4f618959c50fcca1b498dd393.svg); } .flag-icon-fm.flag-icon-squared { background-image: url(../img/build/41b339f3be3f9e3f61694ab4a9086c09.svg); } .flag-icon-fo { background-image: url(../img/build/c2f634751d1be4f5bb02637a2648823f.svg); } .flag-icon-fo.flag-icon-squared { background-image: url(../img/build/32019da00e4ad54d1cda9ff412d32ca1.svg); } .flag-icon-fr { background-image: url(../img/build/4e3ec048e64c77815332dbb34f9b6305.svg); } .flag-icon-fr.flag-icon-squared { background-image: url(../img/build/f4529ed89ccd5521b6895e298346e71d.svg); } .flag-icon-ga { background-image: url(../img/build/8629ddf547aa8d81b25fba0579963c21.svg); } .flag-icon-ga.flag-icon-squared { background-image: url(../img/build/886a7348fe2900f346fe427ffb40dbea.svg); } .flag-icon-gb { background-image: url(../img/build/85a97dab5b090c1a8110d27fcd570939.svg); } .flag-icon-gb.flag-icon-squared { background-image: url(../img/build/fe60f8318501f211b9583bc6d666c874.svg); } .flag-icon-gd { background-image: url(../img/build/0e3d254c0cf13bf900b1eed7022fd68f.svg); } .flag-icon-gd.flag-icon-squared { background-image: url(../img/build/7c62ce7d1f45914b82768e971aa41745.svg); } .flag-icon-ge { background-image: url(../img/build/a129579288ce45bca7de9c073c5e17a9.svg); } .flag-icon-ge.flag-icon-squared { background-image: url(../img/build/49a0b418c43c1db8a679832ec0310144.svg); } .flag-icon-gf { background-image: url(../img/build/434bae071ab5ed1b79860ca48122b681.svg); } .flag-icon-gf.flag-icon-squared { background-image: url(../img/build/d0185c1175c7d0fa26b1a282440d7677.svg); } .flag-icon-gg { background-image: url(../img/build/c447047f465ae1303de6e46c43eb0a6a.svg); } .flag-icon-gg.flag-icon-squared { background-image: url(../img/build/02df8a5dc2a174160c2ff4febae8c1f6.svg); } .flag-icon-gh { background-image: url(../img/build/bb3bb60464f9de0885206ae68d817026.svg); } .flag-icon-gh.flag-icon-squared { background-image: url(../img/build/e0ca5267471f6b47564b10068f37e874.svg); } .flag-icon-gi { background-image: url(../img/build/71cfe39b19a8cf801dac52745837879d.svg); } .flag-icon-gi.flag-icon-squared { background-image: url(../img/build/1afed1e43b3df70621911e848165db4f.svg); } .flag-icon-gl { background-image: url(../img/build/1495643c89bb2002c8d1af03cd3d68b7.svg); } .flag-icon-gl.flag-icon-squared { background-image: url(../img/build/59e1835690dfbbb0414e59a72686b054.svg); } .flag-icon-gm { background-image: url(../img/build/39937d8fd860274df069f97aefc58e15.svg); } .flag-icon-gm.flag-icon-squared { background-image: url(../img/build/6b4107900a93999092ef63fb4b99b171.svg); } .flag-icon-gn { background-image: url(../img/build/e2dcda47e6c4a060104aaa7be670bf86.svg); } .flag-icon-gn.flag-icon-squared { background-image: url(../img/build/0798100ed78e72cc9070bb01924cba7e.svg); } .flag-icon-gp { background-image: url(../img/build/0dcdf9660c568a30d3dbf8caf64e9d42.svg); } .flag-icon-gp.flag-icon-squared { background-image: url(../img/build/8fc39c39ffec8d93e550676fec3b8b56.svg); } .flag-icon-gq { background-image: url(../img/build/c095a0d44d955f381d95bc1223c5a74f.svg); } .flag-icon-gq.flag-icon-squared { background-image: url(../img/build/88946f8ad223fc1224a03988295e4849.svg); } .flag-icon-gr { background-image: url(../img/build/334890b69eef86b49a9083dcc2f33d31.svg); } .flag-icon-gr.flag-icon-squared { background-image: url(../img/build/dcc2c8657fa2795dda11f625a3fd5d67.svg); } .flag-icon-gs { background-image: url(../img/build/21f7c99f17bb19ebe4b9921b7fa01afc.svg); } .flag-icon-gs.flag-icon-squared { background-image: url(../img/build/1067356806f9346264da936cc4c9e120.svg); } .flag-icon-gt { background-image: url(../img/build/01ce618dccdf1c3af88fc6cab6c375e9.svg); } .flag-icon-gt.flag-icon-squared { background-image: url(../img/build/4eea9e03835a6042e803aae0c5103137.svg); } .flag-icon-gu { background-image: url(../img/build/beb28cdd728df39cc5016605a594cc99.svg); } .flag-icon-gu.flag-icon-squared { background-image: url(../img/build/d4375e9d037d29bc430f6b8f2591514e.svg); } .flag-icon-gw { background-image: url(../img/build/f0742332f72950dc2c88c2793ffe423f.svg); } .flag-icon-gw.flag-icon-squared { background-image: url(../img/build/1ea244637aa5bc1fb63541b77e6a54c0.svg); } .flag-icon-gy { background-image: url(../img/build/cbacc8b88ee72a8dcf56632a2b2b947d.svg); } .flag-icon-gy.flag-icon-squared { background-image: url(../img/build/333d94bf559357540545c39f94cb12ef.svg); } .flag-icon-hk { background-image: url(../img/build/029a6bef7507e48f79319f007585eaec.svg); } .flag-icon-hk.flag-icon-squared { background-image: url(../img/build/50fa2f99e1b35759629a6399ea58a5c6.svg); } .flag-icon-hm { background-image: url(../img/build/8bbb5756e34452e030d2ccb14d7bf622.svg); } .flag-icon-hm.flag-icon-squared { background-image: url(../img/build/45e61c98191d6b1210b748066ce97549.svg); } .flag-icon-hn { background-image: url(../img/build/db7e3de4435a912737ae15ff8c1b8130.svg); } .flag-icon-hn.flag-icon-squared { background-image: url(../img/build/4938f675b80bdc7e5ec2768cf4c09c18.svg); } .flag-icon-hr { background-image: url(../img/build/176d2d57842eb1084e5363276bcaa988.svg); } .flag-icon-hr.flag-icon-squared { background-image: url(../img/build/635a60933b2268045706360f55b7b477.svg); } .flag-icon-ht { background-image: url(../img/build/5f6a49d0ed1c19657da2392ce95dc7fe.svg); } .flag-icon-ht.flag-icon-squared { background-image: url(../img/build/06eefed919d3723c507764ee01357a2e.svg); } .flag-icon-hu { background-image: url(../img/build/d1065faa141b030f4d6317927525ec32.svg); } .flag-icon-hu.flag-icon-squared { background-image: url(../img/build/a38286595b4408dcfabeea890b327320.svg); } .flag-icon-id { background-image: url(../img/build/e8f1c8799e91c132917570b3442d4ed2.svg); } .flag-icon-id.flag-icon-squared { background-image: url(../img/build/cd7ecc1e34dd7b23af6e87d25499a77a.svg); } .flag-icon-ie { background-image: url(../img/build/deca9e10a3bd63cbb1cc783d2fc85625.svg); } .flag-icon-ie.flag-icon-squared { background-image: url(../img/build/ce6c7d810f03854cd7517de4dad68c5d.svg); } .flag-icon-il { background-image: url(../img/build/ad7a2d12e6947b430bc763470066d10a.svg); } .flag-icon-il.flag-icon-squared { background-image: url(../img/build/5a12c248e7badb386042c6f20160aef6.svg); } .flag-icon-im { background-image: url(../img/build/07fac2afc75f3b5d1c234ea32738512f.svg); } .flag-icon-im.flag-icon-squared { background-image: url(../img/build/f6e8452ca63057270d6e65c2688bfa12.svg); } .flag-icon-in { background-image: url(../img/build/98c5671706065988ddff35d83a2cadbb.svg); } .flag-icon-in.flag-icon-squared { background-image: url(../img/build/f1c7c9bef4ab67d1e4a6cda4f63eb86c.svg); } .flag-icon-io { background-image: url(../img/build/7fc155e7fac8126870876572461fe95b.svg); } .flag-icon-io.flag-icon-squared { background-image: url(../img/build/1734998df85efc34d79d0fb154fffd7d.svg); } .flag-icon-iq { background-image: url(../img/build/77fca3a16e9b7d1b1de65cd1ae6c4973.svg); } .flag-icon-iq.flag-icon-squared { background-image: url(../img/build/a632108725e2eb4eebf2bc82161185d3.svg); } .flag-icon-ir { background-image: url(../img/build/28b0fb3b3d83de326b81a1668e21beb6.svg); } .flag-icon-ir.flag-icon-squared { background-image: url(../img/build/1a62e10d6cfe077c86a38c4c5e8215e5.svg); } .flag-icon-is { background-image: url(../img/build/ba30d1eb1308572f96dc27307903152d.svg); } .flag-icon-is.flag-icon-squared { background-image: url(../img/build/2c3b9decb9e6eeff88565452a4be54f6.svg); } .flag-icon-it { background-image: url(../img/build/5a3412cbe8f690dc5dfc92c3b8b68001.svg); } .flag-icon-it.flag-icon-squared { background-image: url(../img/build/15a1f288182170a580964fb8a64248d7.svg); } .flag-icon-je { background-image: url(../img/build/a2bead8f5c6abd826fe5b5e8c52901b4.svg); } .flag-icon-je.flag-icon-squared { background-image: url(../img/build/12bf2a5fe22bbdbcf5b5187920ed633e.svg); } .flag-icon-jm { background-image: url(../img/build/c5279e8583934fd4fcc2b95faab316c9.svg); } .flag-icon-jm.flag-icon-squared { background-image: url(../img/build/1b388cb263bd368e45888104001165b2.svg); } .flag-icon-jo { background-image: url(../img/build/5806167645b758207aeb910e04e25ecf.svg); } .flag-icon-jo.flag-icon-squared { background-image: url(../img/build/e0c3d125e44478b3c9fc62c9c7b07951.svg); } .flag-icon-jp { background-image: url(../img/build/28157b5298df82905d87061bfe56788c.svg); } .flag-icon-jp.flag-icon-squared { background-image: url(../img/build/b5b509c87244a9ff54e87d54f97d64bd.svg); } .flag-icon-ke { background-image: url(../img/build/ac8b7d8174a8767fefb6aa4a648e9024.svg); } .flag-icon-ke.flag-icon-squared { background-image: url(../img/build/8db0f5f99c8a152df9a5386e54302cab.svg); } .flag-icon-kg { background-image: url(../img/build/0e8c2a1deb7a97d5d6fae34edf6fffe0.svg); } .flag-icon-kg.flag-icon-squared { background-image: url(../img/build/20cdf6156992570d17d7e923af3dd9d9.svg); } .flag-icon-kh { background-image: url(../img/build/add3236a32912b953efd4bcba465536c.svg); } .flag-icon-kh.flag-icon-squared { background-image: url(../img/build/2be5f19d71be932f32fbfe74572384b5.svg); } .flag-icon-ki { background-image: url(../img/build/db9ce4a8eedd3429844cb999147e4e05.svg); } .flag-icon-ki.flag-icon-squared { background-image: url(../img/build/84841933e626d7194ab99001eaffcca7.svg); } .flag-icon-km { background-image: url(../img/build/05c0e1c1d234ec535e809a8711e6f779.svg); } .flag-icon-km.flag-icon-squared { background-image: url(../img/build/86ad579fab8211512f200facfb700eaf.svg); } .flag-icon-kn { background-image: url(../img/build/8d2a2bac0a4bec64f61798ef6c86046b.svg); } .flag-icon-kn.flag-icon-squared { background-image: url(../img/build/a1e5c90bb158a324df6f2f416b58a1a5.svg); } .flag-icon-kp { background-image: url(../img/build/fc45ba59283feb5ac07259425091029e.svg); } .flag-icon-kp.flag-icon-squared { background-image: url(../img/build/bab86a2769bae956735f43562d7a0a6e.svg); } .flag-icon-kr { background-image: url(../img/build/472436a2cd7adcfb81854d5e9d45267b.svg); } .flag-icon-kr.flag-icon-squared { background-image: url(../img/build/7ce5a14098bfd2fb03e05cb0d1e178b4.svg); } .flag-icon-kw { background-image: url(../img/build/8758e4ab9960cbd0372b2bdbb5a97db4.svg); } .flag-icon-kw.flag-icon-squared { background-image: url(../img/build/0a1e78f001df0d3a9a4657ad20df9d20.svg); } .flag-icon-ky { background-image: url(../img/build/bc2f4070b8aede23d93492f15b23af52.svg); } .flag-icon-ky.flag-icon-squared { background-image: url(../img/build/58b6db257c2227ed4023905121077fa6.svg); } .flag-icon-kz { background-image: url(../img/build/765abf25f0c5a3107513c0d71b66ea98.svg); } .flag-icon-kz.flag-icon-squared { background-image: url(../img/build/0855baa1155ef2663125457d2f27fb81.svg); } .flag-icon-la { background-image: url(../img/build/d4742a0bc73e9af721f7b7e6c08c4720.svg); } .flag-icon-la.flag-icon-squared { background-image: url(../img/build/635b3d0bd4b2f2854bff71670f72d22f.svg); } .flag-icon-lb { background-image: url(../img/build/c43e467ffa79b69e102a3242d03863ef.svg); } .flag-icon-lb.flag-icon-squared { background-image: url(../img/build/bdba8149d35cfa3642a7fddb7d204e19.svg); } .flag-icon-lc { background-image: url(../img/build/318596539572196c7f62fc47fc2a4e5e.svg); } .flag-icon-lc.flag-icon-squared { background-image: url(../img/build/5ad24b4c23e1c0240d15d4de8daf6103.svg); } .flag-icon-li { background-image: url(../img/build/7f2cb3e761858cd6cd0dad1e9a99c7b4.svg); } .flag-icon-li.flag-icon-squared { background-image: url(../img/build/f37f498e8d8d43d49133b6b2de2b447b.svg); } .flag-icon-lk { background-image: url(../img/build/f8d21a6b463aa47f76f4eaaa36497fca.svg); } .flag-icon-lk.flag-icon-squared { background-image: url(../img/build/3ce70e5002961066169f54aff5492201.svg); } .flag-icon-lr { background-image: url(../img/build/e026e0f7f0697fe0dd3cf3f86443b851.svg); } .flag-icon-lr.flag-icon-squared { background-image: url(../img/build/e3059e9827267ac9bf36de53a29cb0a8.svg); } .flag-icon-ls { background-image: url(../img/build/6497b847f86af3b088814ff131f87ff2.svg); } .flag-icon-ls.flag-icon-squared { background-image: url(../img/build/fd0cc2e17bcb57d703a83d0079c316bd.svg); } .flag-icon-lt { background-image: url(../img/build/c2b153a464289ca2eda1e4c289b65c17.svg); } .flag-icon-lt.flag-icon-squared { background-image: url(../img/build/76ec6661382ebca94b7f03e61e76e72d.svg); } .flag-icon-lu { background-image: url(../img/build/cad8b8baa96492b8507359b0dfaaad66.svg); } .flag-icon-lu.flag-icon-squared { background-image: url(../img/build/57b9eece69ceaf18a2caa31327fa205d.svg); } .flag-icon-lv { background-image: url(../img/build/35ddb2f334c25ef94cafb8373be1bcae.svg); } .flag-icon-lv.flag-icon-squared { background-image: url(../img/build/4838077bfe980fe615358fdc5ce4af8b.svg); } .flag-icon-ly { background-image: url(../img/build/41489295bb65a7891cc8a0c030689412.svg); } .flag-icon-ly.flag-icon-squared { background-image: url(../img/build/27ae749c0846f8a5c2e256ed49faf819.svg); } .flag-icon-ma { background-image: url(../img/build/821b32398c1b5dbe1834770ef5f6ba61.svg); } .flag-icon-ma.flag-icon-squared { background-image: url(../img/build/c91b74041cf00efd50fc30b8e4d91ffb.svg); } .flag-icon-mc { background-image: url(../img/build/37be4651b8d058120dd8cb47983e9c99.svg); } .flag-icon-mc.flag-icon-squared { background-image: url(../img/build/04a4a202a022ccc10add49ca6cf706fd.svg); } .flag-icon-md { background-image: url(../img/build/824e3e16727c39d5ad3be1d767e50584.svg); } .flag-icon-md.flag-icon-squared { background-image: url(../img/build/879bb31c43329e54330fdf47b5faced9.svg); } .flag-icon-me { background-image: url(../img/build/37b693f64c100e0b9a2d6be418dd4fdb.svg); } .flag-icon-me.flag-icon-squared { background-image: url(../img/build/be3b17db49b465d383d3ac13ad8218fd.svg); } .flag-icon-mf { background-image: url(../img/build/d3fbe0d987afbd8149e84ca101791d16.svg); } .flag-icon-mf.flag-icon-squared { background-image: url(../img/build/647123880ea3877d53947e8c33ecabe4.svg); } .flag-icon-mg { background-image: url(../img/build/fba42999241fe114d86f32140ad674c8.svg); } .flag-icon-mg.flag-icon-squared { background-image: url(../img/build/1491077425ac44fdd5ca2a301975640e.svg); } .flag-icon-mh { background-image: url(../img/build/c1782cea933e24d2f7570be27ab5e12c.svg); } .flag-icon-mh.flag-icon-squared { background-image: url(../img/build/40dbb5c2801f16957059be2ca054fca1.svg); } .flag-icon-mk { background-image: url(../img/build/4a879fde847db3890fea5197ef3663d1.svg); } .flag-icon-mk.flag-icon-squared { background-image: url(../img/build/12c1fffa458d1051841446e12b5f6ae8.svg); } .flag-icon-ml { background-image: url(../img/build/64aa836720124c581eea7ae0d5b60443.svg); } .flag-icon-ml.flag-icon-squared { background-image: url(../img/build/02a95bc10fc1791b510be1ecbf972359.svg); } .flag-icon-mm { background-image: url(../img/build/a646bac36c08c5b843f8eb9efa0ddd88.svg); } .flag-icon-mm.flag-icon-squared { background-image: url(../img/build/95787e3a534c1ed0a1efe301f700811f.svg); } .flag-icon-mn { background-image: url(../img/build/5f43e0c610de2e75736483bbbd06da28.svg); } .flag-icon-mn.flag-icon-squared { background-image: url(../img/build/7ff5bebad5607af5a3a0fbedc02f4d37.svg); } .flag-icon-mo { background-image: url(../img/build/012b278d37953c5a2e3e8ae12422e31e.svg); } .flag-icon-mo.flag-icon-squared { background-image: url(../img/build/94c09d5818bb170ef91f26db40712e94.svg); } .flag-icon-mp { background-image: url(../img/build/bccdcb5ecffe13079a8077d6cd57263a.svg); } .flag-icon-mp.flag-icon-squared { background-image: url(../img/build/fec806e5ccb0f18ffcadac9464333cf1.svg); } .flag-icon-mq { background-image: url(../img/build/9bcc4ffb912c745aa7098c0de1905eeb.svg); } .flag-icon-mq.flag-icon-squared { background-image: url(../img/build/37d2d6810c154684782c747761c2e07c.svg); } .flag-icon-mr { background-image: url(../img/build/55d8f233036c23373ecf6eade8d735a1.svg); } .flag-icon-mr.flag-icon-squared { background-image: url(../img/build/38d81da0d49d46e4227690edf3c52976.svg); } .flag-icon-ms { background-image: url(../img/build/ec75da93364b2dd68705a2718c551a8f.svg); } .flag-icon-ms.flag-icon-squared { background-image: url(../img/build/830476bcbc2114c0edc9a88954f0816e.svg); } .flag-icon-mt { background-image: url(../img/build/07ddb919be0f617b964ce47a59528c52.svg); } .flag-icon-mt.flag-icon-squared { background-image: url(../img/build/4f20d5a79880bb85d3733a8cea2cc22c.svg); } .flag-icon-mu { background-image: url(../img/build/33b7d11749d57a61797d72ab46cc0ed7.svg); } .flag-icon-mu.flag-icon-squared { background-image: url(../img/build/fcbb9709a43b6b1f0b94cb5ae9db08be.svg); } .flag-icon-mv { background-image: url(../img/build/c11e6efecc84326132b226b7cf84bea5.svg); } .flag-icon-mv.flag-icon-squared { background-image: url(../img/build/f1beedaaf3f70d20d2e962a02d98c559.svg); } .flag-icon-mw { background-image: url(../img/build/8627c92dc660e33b047a1ae2efe17cf9.svg); } .flag-icon-mw.flag-icon-squared { background-image: url(../img/build/f075545eec970dd6bea4083002f29084.svg); } .flag-icon-mx { background-image: url(../img/build/1fcc3cf0c7e6ca135612d8b3ed399e3a.svg); } .flag-icon-mx.flag-icon-squared { background-image: url(../img/build/4e358e43beb776d5c90cca5ffec8a2bd.svg); } .flag-icon-my { background-image: url(../img/build/789a6ddf349312be499c1b20096b0240.svg); } .flag-icon-my.flag-icon-squared { background-image: url(../img/build/591d1e38714cc55a73f3b556f00afb11.svg); } .flag-icon-mz { background-image: url(../img/build/c8308283028cbd9a0281a61635ed3b20.svg); } .flag-icon-mz.flag-icon-squared { background-image: url(../img/build/4fce86a88ab94af0d4719440a29bbbad.svg); } .flag-icon-na { background-image: url(../img/build/efac2847fb683491ca06372a63adc4d7.svg); } .flag-icon-na.flag-icon-squared { background-image: url(../img/build/ca8997745270df3094bbff555d517db6.svg); } .flag-icon-nc { background-image: url(../img/build/846211decb4c6a7eaf50944147654cbd.svg); } .flag-icon-nc.flag-icon-squared { background-image: url(../img/build/b72ab6b2a834a41cb6cfec2908bf4a78.svg); } .flag-icon-ne { background-image: url(../img/build/9a5589731c141e7c38d8ec613a5f0304.svg); } .flag-icon-ne.flag-icon-squared { background-image: url(../img/build/a7f07f0ce07ab31c89770dddbf56d0c4.svg); } .flag-icon-nf { background-image: url(../img/build/5e07162fc6710cfed614804deb6d57f2.svg); } .flag-icon-nf.flag-icon-squared { background-image: url(../img/build/44fe5947279a723930d2d21b45017c03.svg); } .flag-icon-ng { background-image: url(../img/build/ba3bb51aca71f876f6d55d8ea53f7a73.svg); } .flag-icon-ng.flag-icon-squared { background-image: url(../img/build/f6a23478e72fa37e3b9f3869524e0dfa.svg); } .flag-icon-ni { background-image: url(../img/build/7affd52e71f565734b35c729fd9a69c6.svg); } .flag-icon-ni.flag-icon-squared { background-image: url(../img/build/3f7681e7629b2dfdcb7f7c59c1e1b3e0.svg); } .flag-icon-nl { background-image: url(../img/build/feb9eea9ce02f8633ea8c37354a7e1cb.svg); } .flag-icon-nl.flag-icon-squared { background-image: url(../img/build/db2b8b183dba8ab799213ee07763a43e.svg); } .flag-icon-no { background-image: url(../img/build/fc029595f52e23b8f04102e4e3c802c2.svg); } .flag-icon-no.flag-icon-squared { background-image: url(../img/build/51a7ba8c6295a52f4b253b33694eecf1.svg); } .flag-icon-np { background-image: url(../img/build/4211aa60556333402993bda5cc007ec3.svg); } .flag-icon-np.flag-icon-squared { background-image: url(../img/build/c28b6869e7499315df56b73fd2c42a65.svg); } .flag-icon-nr { background-image: url(../img/build/66dd15736f1d79053d46cb60eea52e8a.svg); } .flag-icon-nr.flag-icon-squared { background-image: url(../img/build/61a42463d2f4031baee80bfbb4976079.svg); } .flag-icon-nu { background-image: url(../img/build/39cb2412fae122cbbb2ae8fc9011fed6.svg); } .flag-icon-nu.flag-icon-squared { background-image: url(../img/build/482618606f493a8f71e79003956049a0.svg); } .flag-icon-nz { background-image: url(../img/build/07d3ae50c3576b59ca1cf5ef6eb1cf02.svg); } .flag-icon-nz.flag-icon-squared { background-image: url(../img/build/d29645cfd55673bf87bf02f95bf79668.svg); } .flag-icon-om { background-image: url(../img/build/9170bae18fb32150c2ec4fdc6826238c.svg); } .flag-icon-om.flag-icon-squared { background-image: url(../img/build/7171b1e2bb68f23117e15cb01ea2e90a.svg); } .flag-icon-pa { background-image: url(../img/build/3b4d5528e24d6aa61e049df51eb8c89f.svg); } .flag-icon-pa.flag-icon-squared { background-image: url(../img/build/943e160a9766c67a31c681d260e00f1d.svg); } .flag-icon-pe { background-image: url(../img/build/fda667297974310505272d2c7ebaf723.svg); } .flag-icon-pe.flag-icon-squared { background-image: url(../img/build/017a482a8e2647dc96dea5d770dab327.svg); } .flag-icon-pf { background-image: url(../img/build/b6f47989b5c69e0ab2ed87e26869a342.svg); } .flag-icon-pf.flag-icon-squared { background-image: url(../img/build/3ac8d5bdfe5d78013f568a73dd5b4d61.svg); } .flag-icon-pg { background-image: url(../img/build/5c17391e78b57ac623cff8401a4e303a.svg); } .flag-icon-pg.flag-icon-squared { background-image: url(../img/build/4359608e6d3f7f7b4c471f4fe1576b6f.svg); } .flag-icon-ph { background-image: url(../img/build/807a7e5ded435f887dbebed8a7d8d81f.svg); } .flag-icon-ph.flag-icon-squared { background-image: url(../img/build/605f52201b02fa5bb8a2b99ab1389ed7.svg); } .flag-icon-pk { background-image: url(../img/build/fbfb5582df374e123a0d4748380f406e.svg); } .flag-icon-pk.flag-icon-squared { background-image: url(../img/build/f76952932734f7ef0d655691158a4371.svg); } .flag-icon-pl { background-image: url(../img/build/6607e08cafd66147db56631c31d66cec.svg); } .flag-icon-pl.flag-icon-squared { background-image: url(../img/build/1f4f8ec32bba1e4e2ec3f4c5fc14efc6.svg); } .flag-icon-pm { background-image: url(../img/build/6359f9eea5d35f2cc4d89366c20e0a26.svg); } .flag-icon-pm.flag-icon-squared { background-image: url(../img/build/68469c3f062b2fbeab2e96715a52c798.svg); } .flag-icon-pn { background-image: url(../img/build/97f773cab9a46804e0d4d49d3269b3d1.svg); } .flag-icon-pn.flag-icon-squared { background-image: url(../img/build/eb94153e3111b0694e49ac4066bbf9a8.svg); } .flag-icon-pr { background-image: url(../img/build/563200c5ca16c47d8db68f101700cfb6.svg); } .flag-icon-pr.flag-icon-squared { background-image: url(../img/build/6949cd9f76c1e488de1074d5d04dc189.svg); } .flag-icon-ps { background-image: url(../img/build/658c8814aa70f9ef97c7be35d136e492.svg); } .flag-icon-ps.flag-icon-squared { background-image: url(../img/build/1b8d03996bc990a274d24d660912fe66.svg); } .flag-icon-pt { background-image: url(../img/build/03f36e39e92b313128a702a06fe14396.svg); } .flag-icon-pt.flag-icon-squared { background-image: url(../img/build/6143c8e6835f2dba4080dd2214db7b3f.svg); } .flag-icon-pw { background-image: url(../img/build/5445894875274b8709f1d6f3fd6af976.svg); } .flag-icon-pw.flag-icon-squared { background-image: url(../img/build/069ec370e716891db264087afdcf6182.svg); } .flag-icon-py { background-image: url(../img/build/795e6d0e6797cfb82c1d039a39ef1387.svg); } .flag-icon-py.flag-icon-squared { background-image: url(../img/build/f1fa6887d16e8626a2ece3b50b551718.svg); } .flag-icon-qa { background-image: url(../img/build/4f997308380e5dd75fff5a89723a3172.svg); } .flag-icon-qa.flag-icon-squared { background-image: url(../img/build/29cc28337ed9450a402a45452246c160.svg); } .flag-icon-re { background-image: url(../img/build/9c769f63698693183e0416f99ee0ab35.svg); } .flag-icon-re.flag-icon-squared { background-image: url(../img/build/16aa0b5b66321c1281c063ee2619ab02.svg); } .flag-icon-ro { background-image: url(../img/build/b091db3bf85fd316caa80e5b05cf264a.svg); } .flag-icon-ro.flag-icon-squared { background-image: url(../img/build/488ee906d08b52610dfb7f47cb84f2e6.svg); } .flag-icon-rs { background-image: url(../img/build/192092d6e9f30bd5151566a79fc77cfc.svg); } .flag-icon-rs.flag-icon-squared { background-image: url(../img/build/95f28eccd867726d728d8973386f1a9b.svg); } .flag-icon-ru { background-image: url(../img/build/af31e644412f6079d91279ae7b977196.svg); } .flag-icon-ru.flag-icon-squared { background-image: url(../img/build/911c03c21a5ddc5df70b61f46589bd5d.svg); } .flag-icon-rw { background-image: url(../img/build/dbf846e1d345cbded1f7bed600a96965.svg); } .flag-icon-rw.flag-icon-squared { background-image: url(../img/build/d724e841628d040ff3484698907a1dd1.svg); } .flag-icon-sa { background-image: url(../img/build/45e17088c50060fa0549d945bc987c24.svg); } .flag-icon-sa.flag-icon-squared { background-image: url(../img/build/1c14b2ed39388b5bf16aa85c4b6d50bb.svg); } .flag-icon-sb { background-image: url(../img/build/ab93a7990b049074d06db8b0bc7b3ce2.svg); } .flag-icon-sb.flag-icon-squared { background-image: url(../img/build/5bc69a36b0852ca3e1023a0bfc21660e.svg); } .flag-icon-sc { background-image: url(../img/build/5d8966f42246b186ca5ef3d2144ba158.svg); } .flag-icon-sc.flag-icon-squared { background-image: url(../img/build/ed506f5afdd99e5f884903abf1da85d2.svg); } .flag-icon-sd { background-image: url(../img/build/aafc9cae603296bc1a353c32c9d0f8f2.svg); } .flag-icon-sd.flag-icon-squared { background-image: url(../img/build/d702bafe1580a1d29a20610f75f28964.svg); } .flag-icon-se { background-image: url(../img/build/b54f0ef0a393bb878f1eaa549bf100f1.svg); } .flag-icon-se.flag-icon-squared { background-image: url(../img/build/5d16ff9ec384c46df7c0261b82bc6267.svg); } .flag-icon-sg { background-image: url(../img/build/814c6d6547960991430a1c71871597ed.svg); } .flag-icon-sg.flag-icon-squared { background-image: url(../img/build/279844e992ca5aa5bbf4d830b2b79be6.svg); } .flag-icon-sh { background-image: url(../img/build/e26b4b82312cc681dea395e1de7176e9.svg); } .flag-icon-sh.flag-icon-squared { background-image: url(../img/build/c147b9c0254aca2a7e4e5c46931ca631.svg); } .flag-icon-si { background-image: url(../img/build/48107aebf18a50cd1f74f659dff023b3.svg); } .flag-icon-si.flag-icon-squared { background-image: url(../img/build/fdc1ceeae23c149deb2006431d51737a.svg); } .flag-icon-sj { background-image: url(../img/build/d08937cbcc45b5b72fdbca418a465986.svg); } .flag-icon-sj.flag-icon-squared { background-image: url(../img/build/f40433689ccd69fe698f04d5d27baf44.svg); } .flag-icon-sk { background-image: url(../img/build/daf75e75e18b8299db61fabcc0946af1.svg); } .flag-icon-sk.flag-icon-squared { background-image: url(../img/build/253c193837ab28e6fbc39c28024e023f.svg); } .flag-icon-sl { background-image: url(../img/build/f5cb409d2dfc8009c8d8d5d193068358.svg); } .flag-icon-sl.flag-icon-squared { background-image: url(../img/build/58ef1e3b6bff58d6f4ca6047a96fc59d.svg); } .flag-icon-sm { background-image: url(../img/build/890ad891911e82e4bb6444077e4c4c67.svg); } .flag-icon-sm.flag-icon-squared { background-image: url(../img/build/d69bce00e26722bba4db9516bdd7aeb3.svg); } .flag-icon-sn { background-image: url(../img/build/6d85da96305f317874f735494e0ac237.svg); } .flag-icon-sn.flag-icon-squared { background-image: url(../img/build/c1a6798abc4a04fd81139f968d305a8c.svg); } .flag-icon-so { background-image: url(../img/build/fd9745c3e91d65bb27e0ce1a066def8a.svg); } .flag-icon-so.flag-icon-squared { background-image: url(../img/build/a3c1b7507d4d51368a9c9c7ef16e50c0.svg); } .flag-icon-sr { background-image: url(../img/build/64fb37b49bdd1d10f833926e24da7226.svg); } .flag-icon-sr.flag-icon-squared { background-image: url(../img/build/ceae0ffa4c003d02ae6151089d91a88d.svg); } .flag-icon-ss { background-image: url(../img/build/5e0bad12f6f55064c3dbc63aa8e8128a.svg); } .flag-icon-ss.flag-icon-squared { background-image: url(../img/build/c8e5f380d045c394f352a0bb77d6ff60.svg); } .flag-icon-st { background-image: url(../img/build/00f5130cc14dbdb86779b734730a1d9d.svg); } .flag-icon-st.flag-icon-squared { background-image: url(../img/build/3589e34b716c7cbfb519d64c63aa656c.svg); } .flag-icon-sv { background-image: url(../img/build/abfac59c5ed910b2ddc7cc545c45cb17.svg); } .flag-icon-sv.flag-icon-squared { background-image: url(../img/build/88ca96e7891e09e72a3f8c0cf2e22a7b.svg); } .flag-icon-sx { background-image: url(../img/build/89f96e7884f6dbcbb0496360d3937c34.svg); } .flag-icon-sx.flag-icon-squared { background-image: url(../img/build/6c22419aeaf5deb9ca0cd85368de24bd.svg); } .flag-icon-sy { background-image: url(../img/build/d648066bba18b3fedf66db0fca2da5ff.svg); } .flag-icon-sy.flag-icon-squared { background-image: url(../img/build/96bb3c224fd1a7a3f7869ca176b6ce54.svg); } .flag-icon-sz { background-image: url(../img/build/d00ba66465ba75f9a782e9f79944402c.svg); } .flag-icon-sz.flag-icon-squared { background-image: url(../img/build/9ec8da3eae5c07ea00da519d29071389.svg); } .flag-icon-tc { background-image: url(../img/build/d01602470bf5b8c2cc51fbb9925f71a9.svg); } .flag-icon-tc.flag-icon-squared { background-image: url(../img/build/bca9f99cb80af8a64a1249b13d08418b.svg); } .flag-icon-td { background-image: url(../img/build/d6ccfa17c984bf92472575c6cf018f80.svg); } .flag-icon-td.flag-icon-squared { background-image: url(../img/build/cb622bc24400fd328947ffed78f0660a.svg); } .flag-icon-tf { background-image: url(../img/build/1129c04ba580e9e28171db5d40ce9f32.svg); } .flag-icon-tf.flag-icon-squared { background-image: url(../img/build/3f87ed9137eee673a8d3799760e5c5de.svg); } .flag-icon-tg { background-image: url(../img/build/bf9d20b8945bd53245c9ea1e1eed2a4f.svg); } .flag-icon-tg.flag-icon-squared { background-image: url(../img/build/aff94a793ed8d936373717694ddf3d99.svg); } .flag-icon-th { background-image: url(../img/build/565e3c4b62c18bb6ef101a0cf3b4c82f.svg); } .flag-icon-th.flag-icon-squared { background-image: url(../img/build/9c1e01fcbd77919148db921c5ce77446.svg); } .flag-icon-tj { background-image: url(../img/build/e58f32ff84f001bc7168d27cdc241d71.svg); } .flag-icon-tj.flag-icon-squared { background-image: url(../img/build/1793caa0c484adea27824ce612e96dfc.svg); } .flag-icon-tk { background-image: url(../img/build/b2df385f8dbecd292c77915242f35869.svg); } .flag-icon-tk.flag-icon-squared { background-image: url(../img/build/e37e35bfee8ec6f39e49f95ba55b4e32.svg); } .flag-icon-tl { background-image: url(../img/build/547e42152a9dfb16e33dc6bc3663d712.svg); } .flag-icon-tl.flag-icon-squared { background-image: url(../img/build/214b6f844896186fb3035180638b8a47.svg); } .flag-icon-tm { background-image: url(../img/build/f2dc59b2535194d31ce8778386b52164.svg); } .flag-icon-tm.flag-icon-squared { background-image: url(../img/build/08d55ec816375fc81f1bc352977244e5.svg); } .flag-icon-tn { background-image: url(../img/build/98351bcb280b1151a28fc9fcf4c1d0f2.svg); } .flag-icon-tn.flag-icon-squared { background-image: url(../img/build/34dba63bc62c862c8944dd2c827c1bf6.svg); } .flag-icon-to { background-image: url(../img/build/00aaa22b9af8c670b1dd4fb7855190b2.svg); } .flag-icon-to.flag-icon-squared { background-image: url(../img/build/ee39c2dbb8ab06d415a474be5fc2beee.svg); } .flag-icon-tr { background-image: url(../img/build/ac4572ccd5aa06b5db888c21b07b728e.svg); } .flag-icon-tr.flag-icon-squared { background-image: url(../img/build/d4a61f6a22324244789eda3de42ebb68.svg); } .flag-icon-tt { background-image: url(../img/build/333675d63b5100b2ad628b0278de708a.svg); } .flag-icon-tt.flag-icon-squared { background-image: url(../img/build/3854b853aee040dd3a36a3bbbb526a16.svg); } .flag-icon-tv { background-image: url(../img/build/eda22a5dfd270426a548e811128409d4.svg); } .flag-icon-tv.flag-icon-squared { background-image: url(../img/build/ec5c179a3c54ff54fd82ddda3569f794.svg); } .flag-icon-tw { background-image: url(../img/build/89a1429ae91ef356268cfdd8759b89e3.svg); } .flag-icon-tw.flag-icon-squared { background-image: url(../img/build/7794932d0d22ed75f2e1e6f1e2fbf472.svg); } .flag-icon-tz { background-image: url(../img/build/ed1c43d0c76533c8e19f0e8afd0f604a.svg); } .flag-icon-tz.flag-icon-squared { background-image: url(../img/build/206592dc6556e3cddf82e5f59dbcef24.svg); } .flag-icon-ua { background-image: url(../img/build/e2202cb676678f90c10a1c1a0e04afa6.svg); } .flag-icon-ua.flag-icon-squared { background-image: url(../img/build/5196d8ea0993d5b917b04ddb206163ec.svg); } .flag-icon-ug { background-image: url(../img/build/f6dbcb210c928f287afbbbf2a191c724.svg); } .flag-icon-ug.flag-icon-squared { background-image: url(../img/build/69ed4876cb991fc0c03f2ad3ca250a86.svg); } .flag-icon-um { background-image: url(../img/build/f4540fe0a4fe6d781318ce86cd25ec15.svg); } .flag-icon-um.flag-icon-squared { background-image: url(../img/build/2da266d727f6a285c2c6c45404d13857.svg); } .flag-icon-us { background-image: url(../img/build/da1c4f85e66e46f759fe736e3f2a5b37.svg); } .flag-icon-us.flag-icon-squared { background-image: url(../img/build/269666d513f4326441bbbdc8564c7cab.svg); } .flag-icon-uy { background-image: url(../img/build/2ac18c6e7d7cbee175d28bf5b7e764ad.svg); } .flag-icon-uy.flag-icon-squared { background-image: url(../img/build/4caed1247a7d571f081e9cf2015038a9.svg); } .flag-icon-uz { background-image: url(../img/build/d9b782092304b93fa203f2e84a9a5c60.svg); } .flag-icon-uz.flag-icon-squared { background-image: url(../img/build/0b281dd521d66869cfba6fc17b814b19.svg); } .flag-icon-va { background-image: url(../img/build/8aae3709fb23884b7c01927b3ab56c15.svg); } .flag-icon-va.flag-icon-squared { background-image: url(../img/build/a44c6ba981a68dc7e9cd12f0c07c3e9a.svg); } .flag-icon-vc { background-image: url(../img/build/fc6aa8fea6b1679f5618d420705c9fdf.svg); } .flag-icon-vc.flag-icon-squared { background-image: url(../img/build/0d52b1116574139a04da5c57a6b24b51.svg); } .flag-icon-ve { background-image: url(../img/build/05045bcea6cd452ff2110d8595ca1895.svg); } .flag-icon-ve.flag-icon-squared { background-image: url(../img/build/d384c6ce97ba0ca4aecbc188e84a0670.svg); } .flag-icon-vg { background-image: url(../img/build/eef14ab6f09e3eaf612af872df742845.svg); } .flag-icon-vg.flag-icon-squared { background-image: url(../img/build/4236b3592713a56c25d146f790e2a4f4.svg); } .flag-icon-vi { background-image: url(../img/build/2127440f728f099608ed690b93661341.svg); } .flag-icon-vi.flag-icon-squared { background-image: url(../img/build/8a178e2ccba3c073eff08cb67977c858.svg); } .flag-icon-vn { background-image: url(../img/build/010b0c4c6dc4bdb48895ab271d4544c4.svg); } .flag-icon-vn.flag-icon-squared { background-image: url(../img/build/7e156d1d24f51aca6179f2e54dec5c7c.svg); } .flag-icon-vu { background-image: url(../img/build/5bc20756ed74f649e3ce3722b2a9c5a1.svg); } .flag-icon-vu.flag-icon-squared { background-image: url(../img/build/9c4c893a4c07eab2b1b6b9e5419f1785.svg); } .flag-icon-wf { background-image: url(../img/build/5e6aa0d6196a1db8431a4fff6937079f.svg); } .flag-icon-wf.flag-icon-squared { background-image: url(../img/build/a10487a62b8516b7d842cfb1bcf9489f.svg); } .flag-icon-ws { background-image: url(../img/build/c4eb05965d7ed2e7d561e80e18dc1b68.svg); } .flag-icon-ws.flag-icon-squared { background-image: url(../img/build/2690f3d8a35c6ca0343fe931be856dc4.svg); } .flag-icon-ye { background-image: url(../img/build/68c397990d00c23f85c865ba696b19fb.svg); } .flag-icon-ye.flag-icon-squared { background-image: url(../img/build/58d8d56309a5718c3a4f31be6cdf223e.svg); } .flag-icon-yt { background-image: url(../img/build/0f00b1036165d69eff29d5b898873ad8.svg); } .flag-icon-yt.flag-icon-squared { background-image: url(../img/build/a1387f1c257ea0838b27317a6606575f.svg); } .flag-icon-za { background-image: url(../img/build/177080d3e910a20e5b030f916d77760a.svg); } .flag-icon-za.flag-icon-squared { background-image: url(../img/build/9ed44aea09b417be8090dae8e5222232.svg); } .flag-icon-zm { background-image: url(../img/build/5ac3774ab0e7b84a715c175283127732.svg); } .flag-icon-zm.flag-icon-squared { background-image: url(../img/build/402266a05380383f933eda9a8eff3fb2.svg); } .flag-icon-zw { background-image: url(../img/build/58e2cbd64ee1252a407f1ca815b6817f.svg); } .flag-icon-zw.flag-icon-squared { background-image: url(../img/build/25d67323ce7c449da65ae3af13fac562.svg); } .flag-icon-es-ct { background-image: url(../img/build/2f1565e802d4608517d8a9796d2abe88.svg); } .flag-icon-es-ct.flag-icon-squared { background-image: url(../img/build/e6db39f3fca00093bd7a3c2160ce0f57.svg); } .flag-icon-eu { background-image: url(../img/build/d8c5128679452fbb1742dc0b0fafcfe6.svg); } .flag-icon-eu.flag-icon-squared { background-image: url(../img/build/824e473c761930ef1f65fe53a04a4f18.svg); } .flag-icon-gb-eng { background-image: url(../img/build/e18b270f56f90ad1f19660e70b68fb3a.svg); } .flag-icon-gb-eng.flag-icon-squared { background-image: url(../img/build/99785a1e509f909b29d0aff772349748.svg); } .flag-icon-gb-nir { background-image: url(../img/build/080d05670e1d7ad2d3b7315edefa3653.svg); } .flag-icon-gb-nir.flag-icon-squared { background-image: url(../img/build/5329af5915b425ea338f2eef0bac7af6.svg); } .flag-icon-gb-sct { background-image: url(../img/build/c4361672853bbab112bd4b360e6dd199.svg); } .flag-icon-gb-sct.flag-icon-squared { background-image: url(../img/build/6231d4d57245374c7e7578275498310c.svg); } .flag-icon-gb-wls { background-image: url(../img/build/344dc57e2bbcc26eea7cb4f8211cb5e7.svg); } .flag-icon-gb-wls.flag-icon-squared { background-image: url(../img/build/d67608c4a9127c21bc7236eaa82505b9.svg); } .flag-icon-un { background-image: url(../img/build/cc2eb7d1b1575db6532cbab447247a1b.svg); } .flag-icon-un.flag-icon-squared { background-image: url(../img/build/424ca4dfb83e20505d9c5a92f107b151.svg); } /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ @font-face { font-family: 'FontAwesome'; src: url(../font/674f50d287a8c48dc19ba404d20fe713.eot); src: url(../font/674f50d287a8c48dc19ba404d20fe713d41d.eot?#iefix&v=4.7.0) format("embedded-opentype"), url(../font/af7ae505a9eed503f8b8e6982036873e.woff2) format("woff2"), url(../font/fee66e712a8a08eef5805a46892932ad.woff) format("woff"), url(../font/b06871f281fee6b241d60582ae9369b9.ttf) format("truetype"), url(../font/396a2772cee285178f5bc078e0067030.svg#fontawesomeregular) format("svg"); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fa-lg { font-size: 1.33333333em; line-height: .75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: .14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid .08em #eee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right { margin-left: .3em; } .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { animation: fa-spin 2s infinite linear; } .fa-pulse { animation: fa-spin 1s infinite steps(8); } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } .fa-glass:before { content: "\F000"; } .fa-music:before { content: "\F001"; } .fa-search:before { content: "\F002"; } .fa-envelope-o:before { content: "\F003"; } .fa-heart:before { content: "\F004"; } .fa-star:before { content: "\F005"; } .fa-star-o:before { content: "\F006"; } .fa-user:before { content: "\F007"; } .fa-film:before { content: "\F008"; } .fa-th-large:before { content: "\F009"; } .fa-th:before { content: "\F00A"; } .fa-th-list:before { content: "\F00B"; } .fa-check:before { content: "\F00C"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\F00D"; } .fa-search-plus:before { content: "\F00E"; } .fa-search-minus:before { content: "\F010"; } .fa-power-off:before { content: "\F011"; } .fa-signal:before { content: "\F012"; } .fa-gear:before, .fa-cog:before { content: "\F013"; } .fa-trash-o:before { content: "\F014"; } .fa-home:before { content: "\F015"; } .fa-file-o:before { content: "\F016"; } .fa-clock-o:before { content: "\F017"; } .fa-road:before { content: "\F018"; } .fa-download:before { content: "\F019"; } .fa-arrow-circle-o-down:before { content: "\F01A"; } .fa-arrow-circle-o-up:before { content: "\F01B"; } .fa-inbox:before { content: "\F01C"; } .fa-play-circle-o:before { content: "\F01D"; } .fa-rotate-right:before, .fa-repeat:before { content: "\F01E"; } .fa-refresh:before { content: "\F021"; } .fa-list-alt:before { content: "\F022"; } .fa-lock:before { content: "\F023"; } .fa-flag:before { content: "\F024"; } .fa-headphones:before { content: "\F025"; } .fa-volume-off:before { content: "\F026"; } .fa-volume-down:before { content: "\F027"; } .fa-volume-up:before { content: "\F028"; } .fa-qrcode:before { content: "\F029"; } .fa-barcode:before { content: "\F02A"; } .fa-tag:before { content: "\F02B"; } .fa-tags:before { content: "\F02C"; } .fa-book:before { content: "\F02D"; } .fa-bookmark:before { content: "\F02E"; } .fa-print:before { content: "\F02F"; } .fa-camera:before { content: "\F030"; } .fa-font:before { content: "\F031"; } .fa-bold:before { content: "\F032"; } .fa-italic:before { content: "\F033"; } .fa-text-height:before { content: "\F034"; } .fa-text-width:before { content: "\F035"; } .fa-align-left:before { content: "\F036"; } .fa-align-center:before { content: "\F037"; } .fa-align-right:before { content: "\F038"; } .fa-align-justify:before { content: "\F039"; } .fa-list:before { content: "\F03A"; } .fa-dedent:before, .fa-outdent:before { content: "\F03B"; } .fa-indent:before { content: "\F03C"; } .fa-video-camera:before { content: "\F03D"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\F03E"; } .fa-pencil:before { content: "\F040"; } .fa-map-marker:before { content: "\F041"; } .fa-adjust:before { content: "\F042"; } .fa-tint:before { content: "\F043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\F044"; } .fa-share-square-o:before { content: "\F045"; } .fa-check-square-o:before { content: "\F046"; } .fa-arrows:before { content: "\F047"; } .fa-step-backward:before { content: "\F048"; } .fa-fast-backward:before { content: "\F049"; } .fa-backward:before { content: "\F04A"; } .fa-play:before { content: "\F04B"; } .fa-pause:before { content: "\F04C"; } .fa-stop:before { content: "\F04D"; } .fa-forward:before { content: "\F04E"; } .fa-fast-forward:before { content: "\F050"; } .fa-step-forward:before { content: "\F051"; } .fa-eject:before { content: "\F052"; } .fa-chevron-left:before { content: "\F053"; } .fa-chevron-right:before { content: "\F054"; } .fa-plus-circle:before { content: "\F055"; } .fa-minus-circle:before { content: "\F056"; } .fa-times-circle:before { content: "\F057"; } .fa-check-circle:before { content: "\F058"; } .fa-question-circle:before { content: "\F059"; } .fa-info-circle:before { content: "\F05A"; } .fa-crosshairs:before { content: "\F05B"; } .fa-times-circle-o:before { content: "\F05C"; } .fa-check-circle-o:before { content: "\F05D"; } .fa-ban:before { content: "\F05E"; } .fa-arrow-left:before { content: "\F060"; } .fa-arrow-right:before { content: "\F061"; } .fa-arrow-up:before { content: "\F062"; } .fa-arrow-down:before { content: "\F063"; } .fa-mail-forward:before, .fa-share:before { content: "\F064"; } .fa-expand:before { content: "\F065"; } .fa-compress:before { content: "\F066"; } .fa-plus:before { content: "\F067"; } .fa-minus:before { content: "\F068"; } .fa-asterisk:before { content: "\F069"; } .fa-exclamation-circle:before { content: "\F06A"; } .fa-gift:before { content: "\F06B"; } .fa-leaf:before { content: "\F06C"; } .fa-fire:before { content: "\F06D"; } .fa-eye:before { content: "\F06E"; } .fa-eye-slash:before { content: "\F070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\F071"; } .fa-plane:before { content: "\F072"; } .fa-calendar:before { content: "\F073"; } .fa-random:before { content: "\F074"; } .fa-comment:before { content: "\F075"; } .fa-magnet:before { content: "\F076"; } .fa-chevron-up:before { content: "\F077"; } .fa-chevron-down:before { content: "\F078"; } .fa-retweet:before { content: "\F079"; } .fa-shopping-cart:before { content: "\F07A"; } .fa-folder:before { content: "\F07B"; } .fa-folder-open:before { content: "\F07C"; } .fa-arrows-v:before { content: "\F07D"; } .fa-arrows-h:before { content: "\F07E"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\F080"; } .fa-twitter-square:before { content: "\F081"; } .fa-facebook-square:before { content: "\F082"; } .fa-camera-retro:before { content: "\F083"; } .fa-key:before { content: "\F084"; } .fa-gears:before, .fa-cogs:before { content: "\F085"; } .fa-comments:before { content: "\F086"; } .fa-thumbs-o-up:before { content: "\F087"; } .fa-thumbs-o-down:before { content: "\F088"; } .fa-star-half:before { content: "\F089"; } .fa-heart-o:before { content: "\F08A"; } .fa-sign-out:before { content: "\F08B"; } .fa-linkedin-square:before { content: "\F08C"; } .fa-thumb-tack:before { content: "\F08D"; } .fa-external-link:before { content: "\F08E"; } .fa-sign-in:before { content: "\F090"; } .fa-trophy:before { content: "\F091"; } .fa-github-square:before { content: "\F092"; } .fa-upload:before { content: "\F093"; } .fa-lemon-o:before { content: "\F094"; } .fa-phone:before { content: "\F095"; } .fa-square-o:before { content: "\F096"; } .fa-bookmark-o:before { content: "\F097"; } .fa-phone-square:before { content: "\F098"; } .fa-twitter:before { content: "\F099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\F09A"; } .fa-github:before { content: "\F09B"; } .fa-unlock:before { content: "\F09C"; } .fa-credit-card:before { content: "\F09D"; } .fa-feed:before, .fa-rss:before { content: "\F09E"; } .fa-hdd-o:before { content: "\F0A0"; } .fa-bullhorn:before { content: "\F0A1"; } .fa-bell:before { content: "\F0F3"; } .fa-certificate:before { content: "\F0A3"; } .fa-hand-o-right:before { content: "\F0A4"; } .fa-hand-o-left:before { content: "\F0A5"; } .fa-hand-o-up:before { content: "\F0A6"; } .fa-hand-o-down:before { content: "\F0A7"; } .fa-arrow-circle-left:before { content: "\F0A8"; } .fa-arrow-circle-right:before { content: "\F0A9"; } .fa-arrow-circle-up:before { content: "\F0AA"; } .fa-arrow-circle-down:before { content: "\F0AB"; } .fa-globe:before { content: "\F0AC"; } .fa-wrench:before { content: "\F0AD"; } .fa-tasks:before { content: "\F0AE"; } .fa-filter:before { content: "\F0B0"; } .fa-briefcase:before { content: "\F0B1"; } .fa-arrows-alt:before { content: "\F0B2"; } .fa-group:before, .fa-users:before { content: "\F0C0"; } .fa-chain:before, .fa-link:before { content: "\F0C1"; } .fa-cloud:before { content: "\F0C2"; } .fa-flask:before { content: "\F0C3"; } .fa-cut:before, .fa-scissors:before { content: "\F0C4"; } .fa-copy:before, .fa-files-o:before { content: "\F0C5"; } .fa-paperclip:before { content: "\F0C6"; } .fa-save:before, .fa-floppy-o:before { content: "\F0C7"; } .fa-square:before { content: "\F0C8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\F0C9"; } .fa-list-ul:before { content: "\F0CA"; } .fa-list-ol:before { content: "\F0CB"; } .fa-strikethrough:before { content: "\F0CC"; } .fa-underline:before { content: "\F0CD"; } .fa-table:before { content: "\F0CE"; } .fa-magic:before { content: "\F0D0"; } .fa-truck:before { content: "\F0D1"; } .fa-pinterest:before { content: "\F0D2"; } .fa-pinterest-square:before { content: "\F0D3"; } .fa-google-plus-square:before { content: "\F0D4"; } .fa-google-plus:before { content: "\F0D5"; } .fa-money:before { content: "\F0D6"; } .fa-caret-down:before { content: "\F0D7"; } .fa-caret-up:before { content: "\F0D8"; } .fa-caret-left:before { content: "\F0D9"; } .fa-caret-right:before { content: "\F0DA"; } .fa-columns:before { content: "\F0DB"; } .fa-unsorted:before, .fa-sort:before { content: "\F0DC"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\F0DD"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\F0DE"; } .fa-envelope:before { content: "\F0E0"; } .fa-linkedin:before { content: "\F0E1"; } .fa-rotate-left:before, .fa-undo:before { content: "\F0E2"; } .fa-legal:before, .fa-gavel:before { content: "\F0E3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\F0E4"; } .fa-comment-o:before { content: "\F0E5"; } .fa-comments-o:before { content: "\F0E6"; } .fa-flash:before, .fa-bolt:before { content: "\F0E7"; } .fa-sitemap:before { content: "\F0E8"; } .fa-umbrella:before { content: "\F0E9"; } .fa-paste:before, .fa-clipboard:before { content: "\F0EA"; } .fa-lightbulb-o:before { content: "\F0EB"; } .fa-exchange:before { content: "\F0EC"; } .fa-cloud-download:before { content: "\F0ED"; } .fa-cloud-upload:before { content: "\F0EE"; } .fa-user-md:before { content: "\F0F0"; } .fa-stethoscope:before { content: "\F0F1"; } .fa-suitcase:before { content: "\F0F2"; } .fa-bell-o:before { content: "\F0A2"; } .fa-coffee:before { content: "\F0F4"; } .fa-cutlery:before { content: "\F0F5"; } .fa-file-text-o:before { content: "\F0F6"; } .fa-building-o:before { content: "\F0F7"; } .fa-hospital-o:before { content: "\F0F8"; } .fa-ambulance:before { content: "\F0F9"; } .fa-medkit:before { content: "\F0FA"; } .fa-fighter-jet:before { content: "\F0FB"; } .fa-beer:before { content: "\F0FC"; } .fa-h-square:before { content: "\F0FD"; } .fa-plus-square:before { content: "\F0FE"; } .fa-angle-double-left:before { content: "\F100"; } .fa-angle-double-right:before { content: "\F101"; } .fa-angle-double-up:before { content: "\F102"; } .fa-angle-double-down:before { content: "\F103"; } .fa-angle-left:before { content: "\F104"; } .fa-angle-right:before { content: "\F105"; } .fa-angle-up:before { content: "\F106"; } .fa-angle-down:before { content: "\F107"; } .fa-desktop:before { content: "\F108"; } .fa-laptop:before { content: "\F109"; } .fa-tablet:before { content: "\F10A"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\F10B"; } .fa-circle-o:before { content: "\F10C"; } .fa-quote-left:before { content: "\F10D"; } .fa-quote-right:before { content: "\F10E"; } .fa-spinner:before { content: "\F110"; } .fa-circle:before { content: "\F111"; } .fa-mail-reply:before, .fa-reply:before { content: "\F112"; } .fa-github-alt:before { content: "\F113"; } .fa-folder-o:before { content: "\F114"; } .fa-folder-open-o:before { content: "\F115"; } .fa-smile-o:before { content: "\F118"; } .fa-frown-o:before { content: "\F119"; } .fa-meh-o:before { content: "\F11A"; } .fa-gamepad:before { content: "\F11B"; } .fa-keyboard-o:before { content: "\F11C"; } .fa-flag-o:before { content: "\F11D"; } .fa-flag-checkered:before { content: "\F11E"; } .fa-terminal:before { content: "\F120"; } .fa-code:before { content: "\F121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\F122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\F123"; } .fa-location-arrow:before { content: "\F124"; } .fa-crop:before { content: "\F125"; } .fa-code-fork:before { content: "\F126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\F127"; } .fa-question:before { content: "\F128"; } .fa-info:before { content: "\F129"; } .fa-exclamation:before { content: "\F12A"; } .fa-superscript:before { content: "\F12B"; } .fa-subscript:before { content: "\F12C"; } .fa-eraser:before { content: "\F12D"; } .fa-puzzle-piece:before { content: "\F12E"; } .fa-microphone:before { content: "\F130"; } .fa-microphone-slash:before { content: "\F131"; } .fa-shield:before { content: "\F132"; } .fa-calendar-o:before { content: "\F133"; } .fa-fire-extinguisher:before { content: "\F134"; } .fa-rocket:before { content: "\F135"; } .fa-maxcdn:before { content: "\F136"; } .fa-chevron-circle-left:before { content: "\F137"; } .fa-chevron-circle-right:before { content: "\F138"; } .fa-chevron-circle-up:before { content: "\F139"; } .fa-chevron-circle-down:before { content: "\F13A"; } .fa-html5:before { content: "\F13B"; } .fa-css3:before { content: "\F13C"; } .fa-anchor:before { content: "\F13D"; } .fa-unlock-alt:before { content: "\F13E"; } .fa-bullseye:before { content: "\F140"; } .fa-ellipsis-h:before { content: "\F141"; } .fa-ellipsis-v:before { content: "\F142"; } .fa-rss-square:before { content: "\F143"; } .fa-play-circle:before { content: "\F144"; } .fa-ticket:before { content: "\F145"; } .fa-minus-square:before { content: "\F146"; } .fa-minus-square-o:before { content: "\F147"; } .fa-level-up:before { content: "\F148"; } .fa-level-down:before { content: "\F149"; } .fa-check-square:before { content: "\F14A"; } .fa-pencil-square:before { content: "\F14B"; } .fa-external-link-square:before { content: "\F14C"; } .fa-share-square:before { content: "\F14D"; } .fa-compass:before { content: "\F14E"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\F150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\F151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\F152"; } .fa-euro:before, .fa-eur:before { content: "\F153"; } .fa-gbp:before { content: "\F154"; } .fa-dollar:before, .fa-usd:before { content: "\F155"; } .fa-rupee:before, .fa-inr:before { content: "\F156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\F157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\F158"; } .fa-won:before, .fa-krw:before { content: "\F159"; } .fa-bitcoin:before, .fa-btc:before { content: "\F15A"; } .fa-file:before { content: "\F15B"; } .fa-file-text:before { content: "\F15C"; } .fa-sort-alpha-asc:before { content: "\F15D"; } .fa-sort-alpha-desc:before { content: "\F15E"; } .fa-sort-amount-asc:before { content: "\F160"; } .fa-sort-amount-desc:before { content: "\F161"; } .fa-sort-numeric-asc:before { content: "\F162"; } .fa-sort-numeric-desc:before { content: "\F163"; } .fa-thumbs-up:before { content: "\F164"; } .fa-thumbs-down:before { content: "\F165"; } .fa-youtube-square:before { content: "\F166"; } .fa-youtube:before { content: "\F167"; } .fa-xing:before { content: "\F168"; } .fa-xing-square:before { content: "\F169"; } .fa-youtube-play:before { content: "\F16A"; } .fa-dropbox:before { content: "\F16B"; } .fa-stack-overflow:before { content: "\F16C"; } .fa-instagram:before { content: "\F16D"; } .fa-flickr:before { content: "\F16E"; } .fa-adn:before { content: "\F170"; } .fa-bitbucket:before { content: "\F171"; } .fa-bitbucket-square:before { content: "\F172"; } .fa-tumblr:before { content: "\F173"; } .fa-tumblr-square:before { content: "\F174"; } .fa-long-arrow-down:before { content: "\F175"; } .fa-long-arrow-up:before { content: "\F176"; } .fa-long-arrow-left:before { content: "\F177"; } .fa-long-arrow-right:before { content: "\F178"; } .fa-apple:before { content: "\F179"; } .fa-windows:before { content: "\F17A"; } .fa-android:before { content: "\F17B"; } .fa-linux:before { content: "\F17C"; } .fa-dribbble:before { content: "\F17D"; } .fa-skype:before { content: "\F17E"; } .fa-foursquare:before { content: "\F180"; } .fa-trello:before { content: "\F181"; } .fa-female:before { content: "\F182"; } .fa-male:before { content: "\F183"; } .fa-gittip:before, .fa-gratipay:before { content: "\F184"; } .fa-sun-o:before { content: "\F185"; } .fa-moon-o:before { content: "\F186"; } .fa-archive:before { content: "\F187"; } .fa-bug:before { content: "\F188"; } .fa-vk:before { content: "\F189"; } .fa-weibo:before { content: "\F18A"; } .fa-renren:before { content: "\F18B"; } .fa-pagelines:before { content: "\F18C"; } .fa-stack-exchange:before { content: "\F18D"; } .fa-arrow-circle-o-right:before { content: "\F18E"; } .fa-arrow-circle-o-left:before { content: "\F190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\F191"; } .fa-dot-circle-o:before { content: "\F192"; } .fa-wheelchair:before { content: "\F193"; } .fa-vimeo-square:before { content: "\F194"; } .fa-turkish-lira:before, .fa-try:before { content: "\F195"; } .fa-plus-square-o:before { content: "\F196"; } .fa-space-shuttle:before { content: "\F197"; } .fa-slack:before { content: "\F198"; } .fa-envelope-square:before { content: "\F199"; } .fa-wordpress:before { content: "\F19A"; } .fa-openid:before { content: "\F19B"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\F19C"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\F19D"; } .fa-yahoo:before { content: "\F19E"; } .fa-google:before { content: "\F1A0"; } .fa-reddit:before { content: "\F1A1"; } .fa-reddit-square:before { content: "\F1A2"; } .fa-stumbleupon-circle:before { content: "\F1A3"; } .fa-stumbleupon:before { content: "\F1A4"; } .fa-delicious:before { content: "\F1A5"; } .fa-digg:before { content: "\F1A6"; } .fa-pied-piper-pp:before { content: "\F1A7"; } .fa-pied-piper-alt:before { content: "\F1A8"; } .fa-drupal:before { content: "\F1A9"; } .fa-joomla:before { content: "\F1AA"; } .fa-language:before { content: "\F1AB"; } .fa-fax:before { content: "\F1AC"; } .fa-building:before { content: "\F1AD"; } .fa-child:before { content: "\F1AE"; } .fa-paw:before { content: "\F1B0"; } .fa-spoon:before { content: "\F1B1"; } .fa-cube:before { content: "\F1B2"; } .fa-cubes:before { content: "\F1B3"; } .fa-behance:before { content: "\F1B4"; } .fa-behance-square:before { content: "\F1B5"; } .fa-steam:before { content: "\F1B6"; } .fa-steam-square:before { content: "\F1B7"; } .fa-recycle:before { content: "\F1B8"; } .fa-automobile:before, .fa-car:before { content: "\F1B9"; } .fa-cab:before, .fa-taxi:before { content: "\F1BA"; } .fa-tree:before { content: "\F1BB"; } .fa-spotify:before { content: "\F1BC"; } .fa-deviantart:before { content: "\F1BD"; } .fa-soundcloud:before { content: "\F1BE"; } .fa-database:before { content: "\F1C0"; } .fa-file-pdf-o:before { content: "\F1C1"; } .fa-file-word-o:before { content: "\F1C2"; } .fa-file-excel-o:before { content: "\F1C3"; } .fa-file-powerpoint-o:before { content: "\F1C4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\F1C5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\F1C6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\F1C7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\F1C8"; } .fa-file-code-o:before { content: "\F1C9"; } .fa-vine:before { content: "\F1CA"; } .fa-codepen:before { content: "\F1CB"; } .fa-jsfiddle:before { content: "\F1CC"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\F1CD"; } .fa-circle-o-notch:before { content: "\F1CE"; } .fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: "\F1D0"; } .fa-ge:before, .fa-empire:before { content: "\F1D1"; } .fa-git-square:before { content: "\F1D2"; } .fa-git:before { content: "\F1D3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\F1D4"; } .fa-tencent-weibo:before { content: "\F1D5"; } .fa-qq:before { content: "\F1D6"; } .fa-wechat:before, .fa-weixin:before { content: "\F1D7"; } .fa-send:before, .fa-paper-plane:before { content: "\F1D8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\F1D9"; } .fa-history:before { content: "\F1DA"; } .fa-circle-thin:before { content: "\F1DB"; } .fa-header:before { content: "\F1DC"; } .fa-paragraph:before { content: "\F1DD"; } .fa-sliders:before { content: "\F1DE"; } .fa-share-alt:before { content: "\F1E0"; } .fa-share-alt-square:before { content: "\F1E1"; } .fa-bomb:before { content: "\F1E2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\F1E3"; } .fa-tty:before { content: "\F1E4"; } .fa-binoculars:before { content: "\F1E5"; } .fa-plug:before { content: "\F1E6"; } .fa-slideshare:before { content: "\F1E7"; } .fa-twitch:before { content: "\F1E8"; } .fa-yelp:before { content: "\F1E9"; } .fa-newspaper-o:before { content: "\F1EA"; } .fa-wifi:before { content: "\F1EB"; } .fa-calculator:before { content: "\F1EC"; } .fa-paypal:before { content: "\F1ED"; } .fa-google-wallet:before { content: "\F1EE"; } .fa-cc-visa:before { content: "\F1F0"; } .fa-cc-mastercard:before { content: "\F1F1"; } .fa-cc-discover:before { content: "\F1F2"; } .fa-cc-amex:before { content: "\F1F3"; } .fa-cc-paypal:before { content: "\F1F4"; } .fa-cc-stripe:before { content: "\F1F5"; } .fa-bell-slash:before { content: "\F1F6"; } .fa-bell-slash-o:before { content: "\F1F7"; } .fa-trash:before { content: "\F1F8"; } .fa-copyright:before { content: "\F1F9"; } .fa-at:before { content: "\F1FA"; } .fa-eyedropper:before { content: "\F1FB"; } .fa-paint-brush:before { content: "\F1FC"; } .fa-birthday-cake:before { content: "\F1FD"; } .fa-area-chart:before { content: "\F1FE"; } .fa-pie-chart:before { content: "\F200"; } .fa-line-chart:before { content: "\F201"; } .fa-lastfm:before { content: "\F202"; } .fa-lastfm-square:before { content: "\F203"; } .fa-toggle-off:before { content: "\F204"; } .fa-toggle-on:before { content: "\F205"; } .fa-bicycle:before { content: "\F206"; } .fa-bus:before { content: "\F207"; } .fa-ioxhost:before { content: "\F208"; } .fa-angellist:before { content: "\F209"; } .fa-cc:before { content: "\F20A"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\F20B"; } .fa-meanpath:before { content: "\F20C"; } .fa-buysellads:before { content: "\F20D"; } .fa-connectdevelop:before { content: "\F20E"; } .fa-dashcube:before { content: "\F210"; } .fa-forumbee:before { content: "\F211"; } .fa-leanpub:before { content: "\F212"; } .fa-sellsy:before { content: "\F213"; } .fa-shirtsinbulk:before { content: "\F214"; } .fa-simplybuilt:before { content: "\F215"; } .fa-skyatlas:before { content: "\F216"; } .fa-cart-plus:before { content: "\F217"; } .fa-cart-arrow-down:before { content: "\F218"; } .fa-diamond:before { content: "\F219"; } .fa-ship:before { content: "\F21A"; } .fa-user-secret:before { content: "\F21B"; } .fa-motorcycle:before { content: "\F21C"; } .fa-street-view:before { content: "\F21D"; } .fa-heartbeat:before { content: "\F21E"; } .fa-venus:before { content: "\F221"; } .fa-mars:before { content: "\F222"; } .fa-mercury:before { content: "\F223"; } .fa-intersex:before, .fa-transgender:before { content: "\F224"; } .fa-transgender-alt:before { content: "\F225"; } .fa-venus-double:before { content: "\F226"; } .fa-mars-double:before { content: "\F227"; } .fa-venus-mars:before { content: "\F228"; } .fa-mars-stroke:before { content: "\F229"; } .fa-mars-stroke-v:before { content: "\F22A"; } .fa-mars-stroke-h:before { content: "\F22B"; } .fa-neuter:before { content: "\F22C"; } .fa-genderless:before { content: "\F22D"; } .fa-facebook-official:before { content: "\F230"; } .fa-pinterest-p:before { content: "\F231"; } .fa-whatsapp:before { content: "\F232"; } .fa-server:before { content: "\F233"; } .fa-user-plus:before { content: "\F234"; } .fa-user-times:before { content: "\F235"; } .fa-hotel:before, .fa-bed:before { content: "\F236"; } .fa-viacoin:before { content: "\F237"; } .fa-train:before { content: "\F238"; } .fa-subway:before { content: "\F239"; } .fa-medium:before { content: "\F23A"; } .fa-yc:before, .fa-y-combinator:before { content: "\F23B"; } .fa-optin-monster:before { content: "\F23C"; } .fa-opencart:before { content: "\F23D"; } .fa-expeditedssl:before { content: "\F23E"; } .fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: "\F240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\F241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\F242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\F243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\F244"; } .fa-mouse-pointer:before { content: "\F245"; } .fa-i-cursor:before { content: "\F246"; } .fa-object-group:before { content: "\F247"; } .fa-object-ungroup:before { content: "\F248"; } .fa-sticky-note:before { content: "\F249"; } .fa-sticky-note-o:before { content: "\F24A"; } .fa-cc-jcb:before { content: "\F24B"; } .fa-cc-diners-club:before { content: "\F24C"; } .fa-clone:before { content: "\F24D"; } .fa-balance-scale:before { content: "\F24E"; } .fa-hourglass-o:before { content: "\F250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\F251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\F252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\F253"; } .fa-hourglass:before { content: "\F254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\F255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\F256"; } .fa-hand-scissors-o:before { content: "\F257"; } .fa-hand-lizard-o:before { content: "\F258"; } .fa-hand-spock-o:before { content: "\F259"; } .fa-hand-pointer-o:before { content: "\F25A"; } .fa-hand-peace-o:before { content: "\F25B"; } .fa-trademark:before { content: "\F25C"; } .fa-registered:before { content: "\F25D"; } .fa-creative-commons:before { content: "\F25E"; } .fa-gg:before { content: "\F260"; } .fa-gg-circle:before { content: "\F261"; } .fa-tripadvisor:before { content: "\F262"; } .fa-odnoklassniki:before { content: "\F263"; } .fa-odnoklassniki-square:before { content: "\F264"; } .fa-get-pocket:before { content: "\F265"; } .fa-wikipedia-w:before { content: "\F266"; } .fa-safari:before { content: "\F267"; } .fa-chrome:before { content: "\F268"; } .fa-firefox:before { content: "\F269"; } .fa-opera:before { content: "\F26A"; } .fa-internet-explorer:before { content: "\F26B"; } .fa-tv:before, .fa-television:before { content: "\F26C"; } .fa-contao:before { content: "\F26D"; } .fa-500px:before { content: "\F26E"; } .fa-amazon:before { content: "\F270"; } .fa-calendar-plus-o:before { content: "\F271"; } .fa-calendar-minus-o:before { content: "\F272"; } .fa-calendar-times-o:before { content: "\F273"; } .fa-calendar-check-o:before { content: "\F274"; } .fa-industry:before { content: "\F275"; } .fa-map-pin:before { content: "\F276"; } .fa-map-signs:before { content: "\F277"; } .fa-map-o:before { content: "\F278"; } .fa-map:before { content: "\F279"; } .fa-commenting:before { content: "\F27A"; } .fa-commenting-o:before { content: "\F27B"; } .fa-houzz:before { content: "\F27C"; } .fa-vimeo:before { content: "\F27D"; } .fa-black-tie:before { content: "\F27E"; } .fa-fonticons:before { content: "\F280"; } .fa-reddit-alien:before { content: "\F281"; } .fa-edge:before { content: "\F282"; } .fa-credit-card-alt:before { content: "\F283"; } .fa-codiepie:before { content: "\F284"; } .fa-modx:before { content: "\F285"; } .fa-fort-awesome:before { content: "\F286"; } .fa-usb:before { content: "\F287"; } .fa-product-hunt:before { content: "\F288"; } .fa-mixcloud:before { content: "\F289"; } .fa-scribd:before { content: "\F28A"; } .fa-pause-circle:before { content: "\F28B"; } .fa-pause-circle-o:before { content: "\F28C"; } .fa-stop-circle:before { content: "\F28D"; } .fa-stop-circle-o:before { content: "\F28E"; } .fa-shopping-bag:before { content: "\F290"; } .fa-shopping-basket:before { content: "\F291"; } .fa-hashtag:before { content: "\F292"; } .fa-bluetooth:before { content: "\F293"; } .fa-bluetooth-b:before { content: "\F294"; } .fa-percent:before { content: "\F295"; } .fa-gitlab:before { content: "\F296"; } .fa-wpbeginner:before { content: "\F297"; } .fa-wpforms:before { content: "\F298"; } .fa-envira:before { content: "\F299"; } .fa-universal-access:before { content: "\F29A"; } .fa-wheelchair-alt:before { content: "\F29B"; } .fa-question-circle-o:before { content: "\F29C"; } .fa-blind:before { content: "\F29D"; } .fa-audio-description:before { content: "\F29E"; } .fa-volume-control-phone:before { content: "\F2A0"; } .fa-braille:before { content: "\F2A1"; } .fa-assistive-listening-systems:before { content: "\F2A2"; } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: "\F2A3"; } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: "\F2A4"; } .fa-glide:before { content: "\F2A5"; } .fa-glide-g:before { content: "\F2A6"; } .fa-signing:before, .fa-sign-language:before { content: "\F2A7"; } .fa-low-vision:before { content: "\F2A8"; } .fa-viadeo:before { content: "\F2A9"; } .fa-viadeo-square:before { content: "\F2AA"; } .fa-snapchat:before { content: "\F2AB"; } .fa-snapchat-ghost:before { content: "\F2AC"; } .fa-snapchat-square:before { content: "\F2AD"; } .fa-pied-piper:before { content: "\F2AE"; } .fa-first-order:before { content: "\F2B0"; } .fa-yoast:before { content: "\F2B1"; } .fa-themeisle:before { content: "\F2B2"; } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: "\F2B3"; } .fa-fa:before, .fa-font-awesome:before { content: "\F2B4"; } .fa-handshake-o:before { content: "\F2B5"; } .fa-envelope-open:before { content: "\F2B6"; } .fa-envelope-open-o:before { content: "\F2B7"; } .fa-linode:before { content: "\F2B8"; } .fa-address-book:before { content: "\F2B9"; } .fa-address-book-o:before { content: "\F2BA"; } .fa-vcard:before, .fa-address-card:before { content: "\F2BB"; } .fa-vcard-o:before, .fa-address-card-o:before { content: "\F2BC"; } .fa-user-circle:before { content: "\F2BD"; } .fa-user-circle-o:before { content: "\F2BE"; } .fa-user-o:before { content: "\F2C0"; } .fa-id-badge:before { content: "\F2C1"; } .fa-drivers-license:before, .fa-id-card:before { content: "\F2C2"; } .fa-drivers-license-o:before, .fa-id-card-o:before { content: "\F2C3"; } .fa-quora:before { content: "\F2C4"; } .fa-free-code-camp:before { content: "\F2C5"; } .fa-telegram:before { content: "\F2C6"; } .fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: "\F2C7"; } .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: "\F2C8"; } .fa-thermometer-2:before, .fa-thermometer-half:before { content: "\F2C9"; } .fa-thermometer-1:before, .fa-thermometer-quarter:before { content: "\F2CA"; } .fa-thermometer-0:before, .fa-thermometer-empty:before { content: "\F2CB"; } .fa-shower:before { content: "\F2CC"; } .fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: "\F2CD"; } .fa-podcast:before { content: "\F2CE"; } .fa-window-maximize:before { content: "\F2D0"; } .fa-window-minimize:before { content: "\F2D1"; } .fa-window-restore:before { content: "\F2D2"; } .fa-times-rectangle:before, .fa-window-close:before { content: "\F2D3"; } .fa-times-rectangle-o:before, .fa-window-close-o:before { content: "\F2D4"; } .fa-bandcamp:before { content: "\F2D5"; } .fa-grav:before { content: "\F2D6"; } .fa-etsy:before { content: "\F2D7"; } .fa-imdb:before { content: "\F2D8"; } .fa-ravelry:before { content: "\F2D9"; } .fa-eercast:before { content: "\F2DA"; } .fa-microchip:before { content: "\F2DB"; } .fa-snowflake-o:before { content: "\F2DC"; } .fa-superpowers:before { content: "\F2DD"; } .fa-wpexplorer:before { content: "\F2DE"; } .fa-meetup:before { content: "\F2E0"; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-selection--single .select2-selection__clear { position: relative; } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-search--inline { float: left; } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: white; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { padding: 6px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; } .select2-results__option[aria-selected] { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; } .select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style: none; } .select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: #999; margin-top: 5px; float: left; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield; } .select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--default .select2-results__option[role=group] { padding: 0; } .select2-container--default .select2-results__option[aria-disabled=true] { color: #999; } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd; } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5897fb; color: white; } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: linear-gradient(to bottom, #fff 50%, #eee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px; } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: linear-gradient(to bottom, #fff 0%, #eee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: linear-gradient(to bottom, #eee 50%, #fff 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); } .select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float: right; margin-left: 5px; margin-right: auto; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none; } .select2-container--classic .select2-dropdown { background-color: #fff; border: 1px solid transparent; } .select2-container--classic .select2-dropdown--above { border-bottom: none; } .select2-container--classic .select2-dropdown--below { border-top: none; } .select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--classic .select2-results__option[role=group] { padding: 0; } .select2-container--classic .select2-results__option[aria-disabled=true] { color: grey; } .select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: #fff; } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; } /*! * Select2 Bootstrap4 Theme v1.0.0 (https://github.com/berkan52/select2-bootstrap4-theme) * * A theme for Select2 v4 and Bootstrap 4.0.0-beta.2 * * Release v1.0.0 - 12-12-2017 * Copyright 2017 Berkan Akyürek <berkan52@gmail.com> * Licensed under MIT */ .select2-container--bootstrap4 { display: block; } .select2-container--bootstrap4 .select2-selection { background-color: #fff; border: 1px solid #ced4da; border-radius: .25rem; color: #495057; font-size: 1rem; outline: 0; } .select2-container--bootstrap4 .select2-selection.form-control { border-radius: .25rem; } .select2-container--bootstrap4 .select2-search--dropdown .select2-search__field { background-color: #fff; border: 1px solid #ced4da; border-radius: .25rem; color: #495057; font-size: 1rem; } .select2-container--bootstrap4 .select2-search__field { outline: 0; } .select2-container--bootstrap4 .select2-search__field::-webkit-input-placeholder { color: #868e96; } .select2-container--bootstrap4 .select2-search__field:-moz-placeholder { color: #868e96; } .select2-container--bootstrap4 .select2-search__field::-moz-placeholder { color: #868e96; opacity: 1; } .select2-container--bootstrap4 .select2-search__field:-ms-input-placeholder { color: #868e96; } .select2-container--bootstrap4 .select2-results__option { padding: .75rem .375rem; font-size: 1rem; } .select2-container--bootstrap4 .select2-results__option[role=group] { padding: 0; } .select2-container--bootstrap4 .select2-results__option[aria-disabled=true] { color: #868e96; cursor: not-allowed; } .select2-container--bootstrap4 .select2-results__option[aria-selected=true] { background-color: #f8f9fa; color: #16181b; } .select2-container--bootstrap4 .select2-results__option--highlighted[aria-selected] { background-color: #007bff; color: #fff; } .select2-container--bootstrap4 .select2-results__option .select2-results__option { padding: .75rem .375rem; } .select2-container--bootstrap4 .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--bootstrap4 .select2-results__option .select2-results__option .select2-results__option { margin-left: -.375rem; padding-left: .75rem; } .select2-container--bootstrap4 .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -.75rem; padding-left: 1.125rem; } .select2-container--bootstrap4 .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -1.125rem; padding-left: 1.5rem; } .select2-container--bootstrap4 .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -1.5rem; padding-left: 1.875rem; } .select2-container--bootstrap4 .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -1.875rem; padding-left: 2.25rem; } .select2-container--bootstrap4 .select2-results__group { color: #868e96; display: block; padding: .75rem .375rem; font-size: 75%; line-height: 1; white-space: nowrap; } .select2-container--bootstrap4.select2-container--focus .select2-selection, .select2-container--bootstrap4.select2-container--open .select2-selection { transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; border-color: #80bdff; } .select2-container--bootstrap4.select2-container--open .select2-selection .select2-selection__arrow b { border-color: transparent transparent #868e96 transparent; border-width: 0 .25rem .25rem .25rem; } .select2-container--bootstrap4.select2-container--open.select2-container--below .select2-selection { border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom-color: transparent; } .select2-container--bootstrap4.select2-container--open.select2-container--above .select2-selection { border-top-left-radius: 0; border-top-right-radius: 0; border-top-color: transparent; } .select2-container--bootstrap4 .select2-selection__clear { color: #868e96; cursor: pointer; float: right; font-weight: 700; margin-right: 10px; } .select2-container--bootstrap4 .select2-selection__clear:hover { color: #343a40; } .select2-container--bootstrap4.select2-container--disabled .select2-selection { border-color: #ced4da; } .select2-container--bootstrap4.select2-container--disabled .select2-search__field, .select2-container--bootstrap4.select2-container--disabled .select2-selection { cursor: not-allowed; } .select2-container--bootstrap4.select2-container--disabled .select2-selection, .select2-container--bootstrap4.select2-container--disabled .select2-selection--multiple .select2-selection__choice { background-color: #e9ecef; } .select2-container--bootstrap4.select2-container--disabled .select2-selection--multiple .select2-selection__choice__remove, .select2-container--bootstrap4.select2-container--disabled .select2-selection__clear { display: none; } .select2-container--bootstrap4 .select2-dropdown { border-color: #80bdff; border-width: 1px; overflow-x: hidden; margin-top: -1px; } .select2-container--bootstrap4 .select2-dropdown--above { margin-top: 1px; } .select2-container--bootstrap4 .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--bootstrap4 .select2-selection--single { height: calc(2.25rem + 2px); line-height: 1; padding: .75rem 1.125rem .75rem .375rem; } .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow { position: absolute; bottom: 0; right: .375rem; top: 0; width: .25rem; } .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b { border-color: #868e96 transparent transparent transparent; border-style: solid; border-width: .25rem .25rem 0 .25rem; height: 0; left: 0; margin-left: -.25rem; margin-top: -.125rem; position: absolute; top: 50%; width: 0; } .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered { color: #495057; padding: 0; } .select2-container--bootstrap4 .select2-selection--single .select2-selection__placeholder { color: #868e96; } .select2-container--bootstrap4 .select2-selection--multiple { min-height: calc(2.25rem + 2px); padding: 0; height: auto; } .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; display: block; line-height: 1; list-style: none; margin: 0; overflow: hidden; padding: .75rem .375rem 0 .75rem; width: 100%; text-overflow: ellipsis; white-space: nowrap; } .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__placeholder { color: #868e96; float: left; margin-top: 5px; } .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice { color: #495057; background: 0 0; border: 1px solid #343a40; border-radius: .25rem; cursor: default; float: left; margin: -.25rem 0 0 .1875rem; padding: 0 .75rem; } .select2-container--bootstrap4 .select2-selection--multiple .select2-search--inline .select2-search__field { background: 0 0; padding: 0 .375rem; height: calc(2.25rem + 2px) -2; line-height: 1; margin-top: 0; min-width: 5em; } .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove { color: #868e96; cursor: pointer; display: inline-block; font-weight: 700; margin-right: .375rem; } .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove:hover { color: #343a40; } .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__clear { margin-top: .75rem; } .form-group-sm .select2-container--bootstrap4 .select2-selection--single, .input-group-sm .select2-container--bootstrap4 .select2-selection--single, .select2-container--bootstrap4 .select2-selection--single.input-sm { border-radius: .2rem; font-size: 75%; height: calc(1.8125rem + 2px); line-height: 1; padding: .5rem 1rem .5rem .25rem; } .form-group-sm .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b, .input-group-sm .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b, .select2-container--bootstrap4 .select2-selection--single.input-sm .select2-selection__arrow b { margin-left: -.5rem; } .form-group-sm .select2-container--bootstrap4 .select2-selection--multiple, .input-group-sm .select2-container--bootstrap4 .select2-selection--multiple, .select2-container--bootstrap4 .select2-selection--multiple.input-sm { min-height: calc(1.8125rem + 2px); border-radius: .2rem; } .form-group-sm .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered, .input-group-sm .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered, .select2-container--bootstrap4 .select2-selection--multiple.input-sm .select2-selection__rendered { padding: .5rem .25rem 0 .5rem; } .form-group-sm .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice, .input-group-sm .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice, .select2-container--bootstrap4 .select2-selection--multiple.input-sm .select2-selection__choice { font-size: 75%; line-height: 1; margin: 0 0 0 .125rem; padding: 0 .5rem; } .form-group-sm .select2-container--bootstrap4 .select2-selection--multiple .select2-search--inline .select2-search__field, .input-group-sm .select2-container--bootstrap4 .select2-selection--multiple .select2-search--inline .select2-search__field, .select2-container--bootstrap4 .select2-selection--multiple.input-sm .select2-search--inline .select2-search__field { padding: 0 .25rem; font-size: 75%; height: calc(1.8125rem + 2px) -2; line-height: 1; } .form-group-sm .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__clear, .input-group-sm .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__clear, .select2-container--bootstrap4 .select2-selection--multiple.input-sm .select2-selection__clear { margin-top: .5rem; } .form-group-lg .select2-container--bootstrap4 .select2-selection--single, .input-group-lg .select2-container--bootstrap4 .select2-selection--single, .select2-container--bootstrap4 .select2-selection--single.input-lg { border-radius: .3rem; font-size: 1.25rem; height: calc(2.875rem + 2px); line-height: 1; padding: 1rem 1.4375rem 1rem .5rem; } .form-group-lg .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow, .input-group-lg .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow, .select2-container--bootstrap4 .select2-selection--single.input-lg .select2-selection__arrow { width: .3125rem; } .form-group-lg .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b, .input-group-lg .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b, .select2-container--bootstrap4 .select2-selection--single.input-lg .select2-selection__arrow b { border-width: .3125rem .3125rem 0 .3125rem; margin-left: -.3125rem; margin-left: -1rem; margin-top: -.15625rem; } .form-group-lg .select2-container--bootstrap4 .select2-selection--multiple, .input-group-lg .select2-container--bootstrap4 .select2-selection--multiple, .select2-container--bootstrap4 .select2-selection--multiple.input-lg { min-height: calc(2.875rem + 2px); border-radius: .3rem; } .form-group-lg .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice, .input-group-lg .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice, .select2-container--bootstrap4 .select2-selection--multiple.input-lg .select2-selection__choice { font-size: 1.25rem; line-height: 1; border-radius: .25rem; margin: 0 0 0 .25rem; padding: 0 1rem; } .form-group-lg .select2-container--bootstrap4 .select2-selection--multiple .select2-search--inline .select2-search__field, .input-group-lg .select2-container--bootstrap4 .select2-selection--multiple .select2-search--inline .select2-search__field, .select2-container--bootstrap4 .select2-selection--multiple.input-lg .select2-search--inline .select2-search__field { padding: 0 .5rem; font-size: 1.25rem; height: calc(2.875rem + 2px) -2; line-height: 1; } .form-group-lg .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__clear, .input-group-lg .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__clear, .select2-container--bootstrap4 .select2-selection--multiple.input-lg .select2-selection__clear { margin-top: 1rem; } .select2-container--bootstrap4 .select2-selection.input-lg.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #868e96 transparent; border-width: 0 .3125rem .3125rem .3125rem; } .input-group-lg .select2-container--bootstrap4 .select2-selection.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #868e96 transparent; border-width: 0 .3125rem .3125rem .3125rem; } .select2-container--bootstrap4[dir=rtl] .select2-selection--single { padding-left: 1.125rem; padding-right: .375rem; } .select2-container--bootstrap4[dir=rtl] .select2-selection--single .select2-selection__rendered { padding-right: 0; padding-left: 0; text-align: right; } .select2-container--bootstrap4[dir=rtl] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--bootstrap4[dir=rtl] .select2-selection--single .select2-selection__arrow { left: .375rem; right: auto; } .select2-container--bootstrap4[dir=rtl] .select2-selection--single .select2-selection__arrow b { margin-left: 0; } .select2-container--bootstrap4[dir=rtl] .select2-selection--multiple .select2-search--inline, .select2-container--bootstrap4[dir=rtl] .select2-selection--multiple .select2-selection__choice, .select2-container--bootstrap4[dir=rtl] .select2-selection--multiple .select2-selection__placeholder { float: right; } .select2-container--bootstrap4[dir=rtl] .select2-selection--multiple .select2-selection__choice { margin-left: 0; margin-right: .1875rem; } .select2-container--bootstrap4[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .has-warning .select2-dropdown, .has-warning .select2-selection { border-color: #ffc107; } .has-warning .select2-container--focus .select2-selection, .has-warning .select2-container--open .select2-selection { border-color: #d39e00; } .has-warning.select2-drop-active { border-color: #d39e00; } .has-warning.select2-drop-active.select2-drop.select2-drop-above { border-top-color: #d39e00; } .has-error .select2-dropdown, .has-error .select2-selection { border-color: #dc3545; } .has-error .select2-container--focus .select2-selection, .has-error .select2-container--open .select2-selection { border-color: #bd2130; } .has-error.select2-drop-active { border-color: #bd2130; } .has-error.select2-drop-active.select2-drop.select2-drop-above { border-top-color: #bd2130; } .has-success .select2-dropdown, .has-success .select2-selection { border-color: #28a745; } .has-success .select2-container--focus .select2-selection, .has-success .select2-container--open .select2-selection { border-color: #1e7e34; } .has-success.select2-drop-active { border-color: #1e7e34; } .has-success.select2-drop-active.select2-drop.select2-drop-above { border-top-color: #1e7e34; } .input-group > .select2-hidden-accessible:first-child + .select2-container--bootstrap4 > .selection > .select2-selection, .input-group > .select2-hidden-accessible:first-child + .select2-container--bootstrap4 > .selection > .select2-selection.form-control { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .select2-hidden-accessible:not(:first-child) + .select2-container--bootstrap4:not(:last-child) > .selection > .select2-selection, .input-group > .select2-hidden-accessible:not(:first-child) + .select2-container--bootstrap4:not(:last-child) > .selection > .select2-selection.form-control { border-radius: 0; } .input-group > .select2-hidden-accessible:not(:first-child):not(:last-child) + .select2-container--bootstrap4:last-child > .selection > .select2-selection, .input-group > .select2-hidden-accessible:not(:first-child):not(:last-child) + .select2-container--bootstrap4:last-child > .selection > .select2-selection.form-control { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .select2-container--bootstrap4 { display: table; table-layout: fixed; position: relative; z-index: 2; width: 100%; margin-bottom: 0; } .input-group > .select2-container--bootstrap4 > .selection > .select2-selection.form-control { float: none; } .input-group > .select2-container--bootstrap4.select2-container--focus, .input-group > .select2-container--bootstrap4.select2-container--open { z-index: 3; } .input-group > .select2-container--bootstrap4, .input-group > .select2-container--bootstrap4 .input-group-btn, .input-group > .select2-container--bootstrap4 .input-group-btn .btn { vertical-align: top; } .form-control.select2-hidden-accessible { position: absolute !important; width: 1px !important; } @media (min-width: 576px) { .form-inline .select2-container--bootstrap4 { display: inline-block; } } .ekko-lightbox { display: -ms-flexbox !important; display: flex !important; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; padding-right: 0 !important; } .ekko-lightbox-container { position: relative; } .ekko-lightbox-container > div.ekko-lightbox-item { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; } .ekko-lightbox iframe { width: 100%; height: 100%; } .ekko-lightbox-nav-overlay { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -ms-flexbox; display: flex; } .ekko-lightbox-nav-overlay a { -ms-flex: 1; flex: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; opacity: 0; transition: opacity .5s; color: #fff; font-size: 30px; z-index: 1; } .ekko-lightbox-nav-overlay a > * { -ms-flex-positive: 1; flex-grow: 1; } .ekko-lightbox-nav-overlay a > :focus { outline: none; } .ekko-lightbox-nav-overlay a span { padding: 0 30px; } .ekko-lightbox-nav-overlay a:last-child span { text-align: right; } .ekko-lightbox-nav-overlay a:hover { text-decoration: none; } .ekko-lightbox-nav-overlay a:focus { outline: none; } .ekko-lightbox-nav-overlay a.disabled { cursor: default; visibility: hidden; } .ekko-lightbox a:hover { opacity: 1; text-decoration: none; } .ekko-lightbox .modal-dialog { display: none; } .ekko-lightbox .modal-footer { text-align: left; } .ekko-lightbox-loader { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .ekko-lightbox-loader > div { width: 40px; height: 40px; position: relative; text-align: center; } .ekko-lightbox-loader > div > div { width: 100%; height: 100%; border-radius: 50%; background-color: #fff; opacity: .6; position: absolute; top: 0; left: 0; animation: a 2s infinite ease-in-out; } .ekko-lightbox-loader > div > div:last-child { animation-delay: -1s; } .modal-dialog .ekko-lightbox-loader > div > div { background-color: #333; } @keyframes a { 0%, to { transform: scale(0); -webkit-transform: scale(0); } 50% { transform: scale(1); -webkit-transform: scale(1); } } .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .vjs-modal-dialog .vjs-modal-dialog-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-button > .vjs-icon-placeholder:before { text-align: center; } @font-face { font-family: VideoJS; src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABBIAAsAAAAAGoQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3RY21hcAAAAYQAAADQAAADIjn098ZnbHlmAAACVAAACv4AABEIAwnSw2hlYWQAAA1UAAAAKgAAADYUHzoRaGhlYQAADYAAAAAbAAAAJA4DByFobXR4AAANnAAAAA8AAACE4AAAAGxvY2EAAA2sAAAARAAAAEQ9NEHGbWF4cAAADfAAAAAfAAAAIAEyAIFuYW1lAAAOEAAAASUAAAIK1cf1oHBvc3QAAA84AAABDwAAAZ5AAl/0eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGQ7xTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGBHcRdyA4RZgQRAC4HCwEAAHic7dFprsIgAEXhg8U61XmeWcBb1FuQP4w7ZQXK5boMm3yclFDSANAHmuKviBBeBPQ8ymyo8w3jOh/5r2ui5nN6v8sYNJb3WMdeWRvLji0DhozKdxM6psyYs2DJijUbtuzYc+DIiTMXrty4k8oGLb+n0xCe37ekM7Z66j1DbUy3l6PpHnLfdLO5NdSBoQ4NdWSoY9ON54mhdqa/y1NDnRnq3FAXhro01JWhrg11Y6hbQ90Z6t5QD4Z6NNSToZ4N9WKoV0O9GerdUJORPqkhTd54nJ1YDXBU1RV+576/JBs2bPYPkrDZt5vsJrv53V/I5mclhGDCTwgGBQQSTEji4hCkYIAGd4TGIWFAhV0RQTpWmQp1xv6hA4OTOlNr2zFANbHUYbq2OtNCpViRqsk+e+7bTQAhzti8vPfuPffcc88959zznbcMMPjHD/KDDGEY0ABpYX384NhlomIYlo4JISGEY9mMh2FSidYiqkEUphtNYDSY/dXg9023l4DdxlqUl0chuZRhncJKrsCQHIwcGuwfnhMIzBnuH4Sym+1D2zaGjheXlhYfD238z80mKYMmvJ5XeOTzd8z9eujbMxJNhu4C9xPE/bCMiDuSNIWgkTQwBE55hLSAE7ZwhrHLnAHZOGV/kmBGTiNjZxzI77Hb7Hqjz68TjT6vh+5JT/cCIkqS0D6CqPf5jX4Qjdx5j6vlDfZM4aZFdbVXIxtOlJaP/WottMnH6CJQ3bTiue3PrY23HjnChtuamxwvvzFjxkPrNj3z0tG9T561HDYf6OgmRWvlY3JQHoQb8ltV2Yet7YfWctEjR1AtxS/cSX6U4alf6NJEBQ7YKg9wrXQKd0IeZCb2ux75Uhh1Un+Nz+9LTOE7PK777nN5xqdTneTBhCbx446mZrhnUkrCz2YhA9dSMxaG0SYmT8hi9ZPu1E94PJYQSH6LRmhxec7Q7ZeXntgQuVpbh+a4qWNsckVyTdn0P7o7DpgPW84+uRcq0BITflBikGdUjAZ9wYBVI3mtrNvr9kpg1UsaK6t3690aoorC1lg0GpMH2HAMtkZjsSi5Ig9ESVosOh7GQfLjKNLvKpMKkLSKNFAka710GdgSi8oDMSoNhqjkKBXTgn3swtaxyzGkUzIzae9RtLdWkSlZ1KDX6EzgllzV4NV4SoDFSOGD4+HCeQUF8wrZ5Hs8zIb5EaVxy8DYFTbMCJPnLIWZxugZE2NlivC0gc1qEQUR8jEKgZcAXeH18BiCgl5nlHh0CrjB4Hb5fX4gb0J7c9PuHVsfgkx2n/vTY/JV8kn8PGxf7faOZ8qX8JVByuIf4whk9sqXli2hvPJV9hrp0hY7l8r2x37ydaVsb4xvXv/47v2NjfCl8m5oRDJclFMoE1yk0Uh1Te4/m8lFXe9qBZD0EkheicebXvzI2PLCuoKCukLuhPIeKwaHPEouxw3kMqaIUXDQ1p0mip+MyCORSCQaoUsnY1VZ38nUTrG21WvVo4f1OsEJFhvSfAFwGfT8VHRMeAVUpwLOoLzjT/REIj3O3FhuURE+nERF+0pTId5Fyxv5sfwGyg4O+my4vZv0sZm7oeQlFZORiB+tG0MweVNraeitl7yxiPIHTk4/diVxs94o5lEYishB2iAtkchEnsActoEpx44Fo8XnsQMaA22BlqC20RmhBKzYojZyYaxg+JggMc4HHY2m+L9EkWSYljirOisrO7d3VorxzyZ6Vc4lJqITAu1b2wOBdrLElAP+bFc2eGaZFVbkmJktv5uT6Jlz5D/MnBFor6ig/JPnRViBsV3LNKGGqB1ChJ0tgQywlVLFJIuQgTFttwkiKxhyQdAZMdMYtSaoAewqfvXVYPAbDT6/1mez85YS8FSDywQ6NfAnef6FNEGMilnppyvn5rB6tTyq1pOceRWnp2WJEZFXHeX5oyoem1nTTgdqc4heDY7bOeKz63vnz+/dRx+s31Ht2JGanQ5seirfWJL9tjozU/12TnEjn5oux9OzU3ckGbBzBwNOyk69JykKH0n/0LM9A72tuwM3zQpIRu4AxiToseEpgPOmbROyFe9/X2yeUvoUsCyEvjcgs7fpWP3/aKlFN0+6HFUe6D9HFz/XPwBlN9tTqNyZjFJ8UO2RUT5/h4CptCctEyeisnOyXjALEp7dXKaQKf6O7IMnGjNNACRMLxqdYJX8eMLvmmd68D+ayBLyKKYZwYxDt/GNhzETDJ05Qxlyi3pi3/Z93ndYVSumgj0V/KkIFlO6+1K3fF2+3g0q+YtuSIf0bvmLqV09nnobI6hwcjIP8aPCKayjsF5JBY3LaKAeRLSyYB1h81oTwe9SlPMkXB7G0mfL9q71gaqqwPqu67QRKS1+ObTx+sbQy9QV2OQHEScGkdFBeT7v7qisqqrs6N52i78/R+6S0qQONVj26agOVoswCyQWIV5D86vH53bxNUeXV0K+XZaHv/nm/KsHhOvylwsWnJX/HE8l/4WCv5x+l5n08z6UU8bUMa3MBpSmM7F63AxntdC9eBCKEZW9Hr+ABNqtxgAQrSbMtmrW7lKQuoSgBhSrTazWVU2QAKWY8wiiuhqFmQgWJBgoXiuWIm42N7hqZbBsgXz52O5P5uSvaNgFGnOuvsRw8I8Laha91wMvDuxqWFheN7/8GVtTltdS83DQsXRmqc5ZtcJXEVrlV2doTWk5+Yunm71dG5f55m/qY0MjI93vv9/NfpxXV9sUXrxy2fbNy1or65cOlDRnOoKFeeXcbw42H/bNDT5Qs3flgs31gWC1lD1nfUV/X7NdCnSUdHY2e8afzfKsqZ5ZljfDqjLOmk3UebNXB+aHArPYDRs+/HDDxeT5DiP+sFg7OpRaVQMGBV89PpeBdj22hCE0Uub0UqwLrNWsG0cuyadgLXTeR5rbO4+3c/vl15cur2nRq+TXCQDcS3SO+s6ak+e5/eMS+1dw3btu3YG2tvFL8XdIZvdjdW6TO/4B7IdrZWVPmctm5/59AgsPItTSbCiIBr2OqIGzmu20SMKAS7yqwGBUfGfgjDYlLLDeF0SfcLB2LSx8flT+08/kzz6yOj96rft4rpTjdPQcmLd47uKibbDq7ZSz/XtbH2nN717Nd62rU+c8Icevvv7I09wA6WvjVcafb+FsbNG+ZQ80Rn6ZZsvrP7teP2dzTdoETvNhjCmsr8FID2sJ69VYvdUcxk4AzYRlKcaE38eXNRlfW9H1as9i6acLHp1XpuNB5K7DIvkX08y1ZYvh3KfWaiCzH+ztrSDmD7LuX73x/mJelB8Yj39t8nhNQJJ2CAthpoFGLsGgtSOCJooCGoaJAMTjSWHVZ08YAa1Fg9lPI5U6DOsGVjDasJeZZ+YyhfCwfOzCxlBA69M9XLXtza7H/rav+9Tjq5xNi0wpKQIRNO4Lrzz7yp5QVYM6Jd/oc1Uvn/mQhhuWh6ENXoS2YTZ8QT42bF5d/559zp5r0Uff2VnR2tdf2/WCOd2cO0Mw6qpWPnvxpV0nrt5fZd2yItc199GWe8vlNfNDq+CH/7yAAnB9hn7T4QO4c1g9ScxsZgmzntnE/IDGndtHMw69lFwoCnYsMGx+rBp8JSBqdLzBr9QRPq/PbhWMWFtQZp1xguy/haw3TEHm3TWAnxFWQQWgt7M5OV0lCz1VRYucpWliy7z6Zd4urwPIyeZQqli2Lgg7szJV09PysATbOQtYIrB2YzbkJYkGgJ0m4AjPUap1pvYu1K9qr97z0Yl3p332b2LYB78ncYIlRkau/8GObSsOlZancACE5d5ily+c2+7h5Yj4lqhVmXXB+iXLfvdqSgqfKtQvfHDV0OnvQR1qhw42XS/vkvsh/hXcrDFP0a+SJNIomEfD1nsrYGO+1bgTOJhM8Hv6ek+7vVglxuSRwoKn17S937bm6YJCeSSG0Op1n+7tE37tcZ/p7dsTv4EUrGpDbWueKigsLHhqTVsoEj+JU0kaSjnj9tz8/gryQWwJ9BcJXBC/7smO+I/IFURJetFPrdt5WcoL6DbEJaygI8CTHfQTjf40ofD+DwalTqIAAHicY2BkYGAA4uByr8R4fpuvDNzsDCBw7f/3LmSanREszsHABKIAKi0J7gAAeJxjYGRgYGcAARD5/z87IwMjAypQBAAtgwI4AHicY2BgYGAfYAwAOkQA4QAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhHicY2BkYGBQZChlYGcAASYg5gJCBob/YD4DABfTAbQAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2PyXLCMBBE3YCNDWEL2ffk7o8S8oCnkCVHC5C/jzBQlUP6IHVPzYyekl5y0iL5X5/ooY8BUmQYIkeBEca4wgRTzDDHAtdY4ga3uMM9HvCIJzzjBa94wzs+8ImvZNAq8TM+HqVkKxWlrQiOxjujQkNlEzyNzl6Z/cU2XF06at7U83VQyklLpEvSnuzsb+HAPnPfQVgaupa1Jlu4sPLsFblcitaz0dHU0ZF1qatjZ1+aTXYCmp6u0gSvWNPyHLtFZ+ZeXWVSaEkqs3T8S74WklbGbNNNq4LL4+CWKtZDv2cfX8l8aFbKFhEnJnJ+IULFpqwoQnNHlHaVQtPBl+ypmbSWdmyC61KS/AKZC3Y+AA==) format("woff"); font-weight: 400; font-style: normal; } .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder, .vjs-icon-play { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .vjs-icon-play:before { content: "\F101"; } .vjs-icon-play-circle { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-play-circle:before { content: "\F102"; } .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder, .vjs-icon-pause { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before, .vjs-icon-pause:before { content: "\F103"; } .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder, .vjs-icon-volume-mute { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before, .vjs-icon-volume-mute:before { content: "\F104"; } .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder, .vjs-icon-volume-low { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before, .vjs-icon-volume-low:before { content: "\F105"; } .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder, .vjs-icon-volume-mid { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before, .vjs-icon-volume-mid:before { content: "\F106"; } .video-js .vjs-mute-control .vjs-icon-placeholder, .vjs-icon-volume-high { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-mute-control .vjs-icon-placeholder:before, .vjs-icon-volume-high:before { content: "\F107"; } .video-js .vjs-fullscreen-control .vjs-icon-placeholder, .vjs-icon-fullscreen-enter { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before, .vjs-icon-fullscreen-enter:before { content: "\F108"; } .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder, .vjs-icon-fullscreen-exit { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before, .vjs-icon-fullscreen-exit:before { content: "\F109"; } .vjs-icon-square { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-square:before { content: "\F10A"; } .vjs-icon-spinner { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-spinner:before { content: "\F10B"; } .video-js .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .vjs-icon-subtitles { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .vjs-icon-subtitles:before { content: "\F10C"; } .video-js .vjs-captions-button .vjs-icon-placeholder, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .vjs-icon-captions { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-captions-button .vjs-icon-placeholder:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .vjs-icon-captions:before { content: "\F10D"; } .video-js .vjs-chapters-button .vjs-icon-placeholder, .vjs-icon-chapters { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-chapters-button .vjs-icon-placeholder:before, .vjs-icon-chapters:before { content: "\F10E"; } .vjs-icon-share { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-share:before { content: "\F10F"; } .vjs-icon-cog { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-cog:before { content: "\F110"; } .video-js .vjs-play-progress, .video-js .vjs-volume-level, .vjs-icon-circle { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before, .vjs-icon-circle:before { content: "\F111"; } .vjs-icon-circle-outline { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-circle-outline:before { content: "\F112"; } .vjs-icon-circle-inner-circle { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-circle-inner-circle:before { content: "\F113"; } .vjs-icon-hd { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-hd:before { content: "\F114"; } .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder, .vjs-icon-cancel { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before, .vjs-icon-cancel:before { content: "\F115"; } .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder, .vjs-icon-replay { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before, .vjs-icon-replay:before { content: "\F116"; } .vjs-icon-facebook { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-facebook:before { content: "\F117"; } .vjs-icon-gplus { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-gplus:before { content: "\F118"; } .vjs-icon-linkedin { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-linkedin:before { content: "\F119"; } .vjs-icon-twitter { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-twitter:before { content: "\F11A"; } .vjs-icon-tumblr { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-tumblr:before { content: "\F11B"; } .vjs-icon-pinterest { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-pinterest:before { content: "\F11C"; } .video-js .vjs-descriptions-button .vjs-icon-placeholder, .vjs-icon-audio-description { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-descriptions-button .vjs-icon-placeholder:before, .vjs-icon-audio-description:before { content: "\F11D"; } .video-js .vjs-audio-button .vjs-icon-placeholder, .vjs-icon-audio { font-family: VideoJS; font-weight: 400; font-style: normal; } .video-js .vjs-audio-button .vjs-icon-placeholder:before, .vjs-icon-audio:before { content: "\F11E"; } .vjs-icon-next-item { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-next-item:before { content: "\F11F"; } .vjs-icon-previous-item { font-family: VideoJS; font-weight: 400; font-style: normal; } .vjs-icon-previous-item:before { content: "\F120"; } .video-js { display: block; vertical-align: top; box-sizing: border-box; color: #fff; background-color: #000; position: relative; padding: 0; font-size: 10px; line-height: 1; font-weight: 400; font-style: normal; font-family: Arial,Helvetica,sans-serif; word-break: initial; } .video-js:-moz-full-screen { position: absolute; } .video-js:-webkit-full-screen { width: 100% !important; height: 100% !important; } .video-js[tabindex="-1"] { outline: 0; } .video-js *, .video-js :after, .video-js :before { box-sizing: inherit; } .video-js ul { font-family: inherit; font-size: inherit; line-height: inherit; list-style-position: outside; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; } .video-js.vjs-16-9, .video-js.vjs-4-3, .video-js.vjs-fluid { width: 100%; max-width: 100%; height: 0; } .video-js.vjs-16-9 { padding-top: 56.25%; } .video-js.vjs-4-3 { padding-top: 75%; } .video-js.vjs-fill { width: 100%; height: 100%; } .video-js .vjs-tech { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } body.vjs-full-window { padding: 0; margin: 0; height: 100%; } .vjs-full-window .video-js.vjs-fullscreen { position: fixed; overflow: hidden; z-index: 1000; left: 0; top: 0; bottom: 0; right: 0; } .video-js.vjs-fullscreen { width: 100% !important; height: 100% !important; padding-top: 0 !important; } .video-js.vjs-fullscreen.vjs-user-inactive { cursor: none; } .vjs-hidden { display: none !important; } .vjs-disabled { opacity: .5; cursor: default; } .video-js .vjs-offscreen { height: 1px; left: -9999px; position: absolute; top: 0; width: 1px; } .vjs-lock-showing { display: block !important; opacity: 1; visibility: visible; } .vjs-no-js { padding: 20px; color: #fff; background-color: #000; font-size: 18px; font-family: Arial,Helvetica,sans-serif; text-align: center; width: 300px; height: 150px; margin: 0 auto; } .vjs-no-js a, .vjs-no-js a:visited { color: #66a8cc; } .video-js .vjs-big-play-button { font-size: 3em; line-height: 1.5em; height: 1.5em; width: 3em; display: block; position: absolute; top: 10px; left: 10px; padding: 0; cursor: pointer; opacity: 1; border: .06666em solid #fff; background-color: #2b333f; background-color: rgba(43, 51, 63, 0.7); border-radius: .3em; transition: all .4s; } .vjs-big-play-centered .vjs-big-play-button { top: 50%; left: 50%; margin-top: -.75em; margin-left: -1.5em; } .video-js .vjs-big-play-button:focus, .video-js:hover .vjs-big-play-button { border-color: #fff; background-color: #73859f; background-color: rgba(115, 133, 159, 0.5); transition: all 0s; } .vjs-controls-disabled .vjs-big-play-button, .vjs-error .vjs-big-play-button, .vjs-has-started .vjs-big-play-button, .vjs-using-native-controls .vjs-big-play-button { display: none; } .vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button { display: block; } .video-js button { background: 0 0; border: none; color: inherit; display: inline-block; font-size: inherit; line-height: inherit; text-transform: none; text-decoration: none; transition: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .vjs-control .vjs-button { width: 100%; height: 100%; } .video-js .vjs-control.vjs-close-button { cursor: pointer; height: 3em; position: absolute; right: 0; top: .5em; z-index: 2; } .video-js .vjs-modal-dialog { background: rgba(0, 0, 0, 0.8); background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0)); overflow: auto; } .video-js .vjs-modal-dialog > * { box-sizing: border-box; } .vjs-modal-dialog .vjs-modal-dialog-content { font-size: 1.2em; line-height: 1.5; padding: 20px 24px; z-index: 1; } .vjs-menu-button { cursor: pointer; } .vjs-menu-button.vjs-disabled { cursor: default; } .vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu { display: none; } .vjs-menu .vjs-menu-content { display: block; padding: 0; margin: 0; font-family: Arial,Helvetica,sans-serif; overflow: auto; } .vjs-menu .vjs-menu-content > * { box-sizing: border-box; } .vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu { display: none; } .vjs-menu li { list-style: none; margin: 0; padding: .2em 0; line-height: 1.4em; font-size: 1.2em; text-align: center; text-transform: lowercase; } .vjs-menu li.vjs-menu-item:focus, .vjs-menu li.vjs-menu-item:hover { background-color: #73859f; background-color: rgba(115, 133, 159, 0.5); } .vjs-menu li.vjs-selected, .vjs-menu li.vjs-selected:focus, .vjs-menu li.vjs-selected:hover { background-color: #fff; color: #2b333f; } .vjs-menu li.vjs-menu-title { text-align: center; text-transform: uppercase; font-size: 1em; line-height: 2em; padding: 0; margin: 0 0 .3em 0; font-weight: 700; cursor: default; } .vjs-menu-button-popup .vjs-menu { display: none; position: absolute; bottom: 0; width: 10em; left: -3em; height: 0; margin-bottom: 1.5em; border-top-color: rgba(43, 51, 63, 0.7); } .vjs-menu-button-popup .vjs-menu .vjs-menu-content { background-color: #2b333f; background-color: rgba(43, 51, 63, 0.7); position: absolute; width: 100%; bottom: 1.5em; max-height: 15em; } .vjs-menu-button-popup .vjs-menu.vjs-lock-showing, .vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu { display: block; } .video-js .vjs-menu-button-inline { transition: all .4s; overflow: hidden; } .video-js .vjs-menu-button-inline:before { width: 2.222222222em; } .video-js .vjs-menu-button-inline.vjs-slider-active, .video-js .vjs-menu-button-inline:focus, .video-js .vjs-menu-button-inline:hover, .video-js.vjs-no-flex .vjs-menu-button-inline { width: 12em; } .vjs-menu-button-inline .vjs-menu { opacity: 0; height: 100%; width: auto; position: absolute; left: 4em; top: 0; padding: 0; margin: 0; transition: all .4s; } .vjs-menu-button-inline.vjs-slider-active .vjs-menu, .vjs-menu-button-inline:focus .vjs-menu, .vjs-menu-button-inline:hover .vjs-menu { display: block; opacity: 1; } .vjs-no-flex .vjs-menu-button-inline .vjs-menu { display: block; opacity: 1; position: relative; width: auto; } .vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu, .vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu, .vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu { width: auto; } .vjs-menu-button-inline .vjs-menu-content { width: auto; height: 100%; margin: 0; overflow: hidden; } .video-js .vjs-control-bar { display: none; width: 100%; position: absolute; bottom: 0; left: 0; right: 0; height: 3em; background-color: #2b333f; background-color: rgba(43, 51, 63, 0.7); } .vjs-has-started .vjs-control-bar { display: -ms-flexbox; display: flex; visibility: visible; opacity: 1; transition: visibility .1s,opacity .1s; } .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { visibility: visible; opacity: 0; transition: visibility 1s,opacity 1s; } .vjs-controls-disabled .vjs-control-bar, .vjs-error .vjs-control-bar, .vjs-using-native-controls .vjs-control-bar { display: none !important; } .vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { opacity: 1; visibility: visible; } .vjs-has-started.vjs-no-flex .vjs-control-bar { display: table; } .video-js .vjs-control { position: relative; text-align: center; margin: 0; padding: 0; height: 100%; width: 4em; -ms-flex: none; flex: none; } .vjs-button > .vjs-icon-placeholder:before { font-size: 1.8em; line-height: 1.67; } .video-js .vjs-control:focus, .video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before { text-shadow: 0 0 1em #fff; } .video-js .vjs-control-text { border: 0; clip: rect(0 0 0 0); height: 1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .vjs-no-flex .vjs-control { display: table-cell; vertical-align: middle; } .video-js .vjs-custom-control-spacer { display: none; } .video-js .vjs-progress-control { cursor: pointer; -ms-flex: auto; flex: auto; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-width: 4em; -ms-touch-action: none; touch-action: none; } .video-js .vjs-progress-control.disabled { cursor: default; } .vjs-live .vjs-progress-control { display: none; } .vjs-no-flex .vjs-progress-control { width: auto; } .video-js .vjs-progress-holder { -ms-flex: auto; flex: auto; transition: all .2s; height: .3em; } .video-js .vjs-progress-control .vjs-progress-holder { margin: 0 10px; } .video-js .vjs-progress-control:hover .vjs-progress-holder { font-size: 1.666666666666666666em; } .video-js .vjs-progress-control:hover .vjs-progress-holder.disabled { font-size: 1em; } .video-js .vjs-progress-holder .vjs-load-progress, .video-js .vjs-progress-holder .vjs-load-progress div, .video-js .vjs-progress-holder .vjs-play-progress { position: absolute; display: block; height: 100%; margin: 0; padding: 0; width: 0; } .video-js .vjs-play-progress { background-color: #fff; } .video-js .vjs-play-progress:before { font-size: .9em; position: absolute; right: -.5em; top: -.333333333333333em; z-index: 1; } .video-js .vjs-load-progress { background: rgba(115, 133, 159, 0.5); } .video-js .vjs-load-progress div { background: rgba(115, 133, 159, 0.75); } .video-js .vjs-time-tooltip { background-color: #fff; background-color: rgba(255, 255, 255, 0.8); border-radius: .3em; color: #000; float: right; font-family: Arial,Helvetica,sans-serif; font-size: 1em; padding: 6px 8px 8px 8px; pointer-events: none; position: absolute; top: -3.4em; visibility: hidden; z-index: 1; } .video-js .vjs-progress-holder:focus .vjs-time-tooltip { display: none; } .video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip, .video-js .vjs-progress-control:hover .vjs-time-tooltip { display: block; font-size: .6em; visibility: visible; } .video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip { font-size: 1em; } .video-js .vjs-progress-control .vjs-mouse-display { display: none; position: absolute; width: 1px; height: 100%; background-color: #000; z-index: 1; } .vjs-no-flex .vjs-progress-control .vjs-mouse-display { z-index: 0; } .video-js .vjs-progress-control:hover .vjs-mouse-display { display: block; } .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display { visibility: hidden; opacity: 0; transition: visibility 1s,opacity 1s; } .video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display { display: none; } .vjs-mouse-display .vjs-time-tooltip { color: #fff; background-color: #000; background-color: rgba(0, 0, 0, 0.8); } .video-js .vjs-slider { position: relative; cursor: pointer; padding: 0; margin: 0 .45em 0 .45em; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #73859f; background-color: rgba(115, 133, 159, 0.5); } .video-js .vjs-slider.disabled { cursor: default; } .video-js .vjs-slider:focus { text-shadow: 0 0 1em #fff; box-shadow: 0 0 1em #fff; } .video-js .vjs-mute-control { cursor: pointer; -ms-flex: none; flex: none; } .video-js .vjs-volume-control { cursor: pointer; margin-right: 1em; display: -ms-flexbox; display: flex; } .video-js .vjs-volume-control.vjs-volume-horizontal { width: 5em; } .video-js .vjs-volume-panel .vjs-volume-control { visibility: visible; opacity: 0; width: 1px; height: 1px; margin-left: -1px; } .video-js .vjs-volume-panel { transition: width 1s; } .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel .vjs-volume-control:hover, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel:hover .vjs-volume-control { visibility: visible; opacity: 1; position: relative; transition: visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s; } .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal { width: 5em; height: 3em; } .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover { width: 9em; transition: width .1s; } .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only { width: 4em; } .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical { height: 8em; width: 3em; left: -3.5em; transition: visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s; } .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal { transition: visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s; } .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal { width: 5em; height: 3em; visibility: visible; opacity: 1; position: relative; transition: none; } .video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical, .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical { position: absolute; bottom: 3em; left: .5em; } .video-js .vjs-volume-panel { display: -ms-flexbox; display: flex; } .video-js .vjs-volume-bar { margin: 1.35em .45em; } .vjs-volume-bar.vjs-slider-horizontal { width: 5em; height: .3em; } .vjs-volume-bar.vjs-slider-vertical { width: .3em; height: 5em; margin: 1.35em auto; } .video-js .vjs-volume-level { position: absolute; bottom: 0; left: 0; background-color: #fff; } .video-js .vjs-volume-level:before { position: absolute; font-size: .9em; } .vjs-slider-vertical .vjs-volume-level { width: .3em; } .vjs-slider-vertical .vjs-volume-level:before { top: -.5em; left: -.3em; } .vjs-slider-horizontal .vjs-volume-level { height: .3em; } .vjs-slider-horizontal .vjs-volume-level:before { top: -.3em; right: -.5em; } .video-js .vjs-volume-panel.vjs-volume-panel-vertical { width: 4em; } .vjs-volume-bar.vjs-slider-vertical .vjs-volume-level { height: 100%; } .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level { width: 100%; } .video-js .vjs-volume-vertical { width: 3em; height: 8em; bottom: 8em; background-color: #2b333f; background-color: rgba(43, 51, 63, 0.7); } .video-js .vjs-volume-horizontal .vjs-menu { left: -2em; } .vjs-poster { display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; background-color: #000; cursor: pointer; margin: 0; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; } .vjs-has-started .vjs-poster { display: none; } .vjs-audio.vjs-has-started .vjs-poster { display: block; } .vjs-using-native-controls .vjs-poster { display: none; } .video-js .vjs-live-control { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex: auto; flex: auto; font-size: 1em; line-height: 3em; } .vjs-no-flex .vjs-live-control { display: table-cell; width: auto; text-align: left; } .video-js .vjs-time-control { -ms-flex: none; flex: none; font-size: 1em; line-height: 3em; min-width: 2em; width: auto; padding-left: 1em; padding-right: 1em; } .vjs-live .vjs-time-control { display: none; } .video-js .vjs-current-time, .vjs-no-flex .vjs-current-time { display: none; } .video-js .vjs-duration, .vjs-no-flex .vjs-duration { display: none; } .vjs-time-divider { display: none; line-height: 3em; } .vjs-live .vjs-time-divider { display: none; } .video-js .vjs-play-control .vjs-icon-placeholder { cursor: pointer; -ms-flex: none; flex: none; } .vjs-text-track-display { position: absolute; bottom: 3em; left: 0; right: 0; top: 0; pointer-events: none; } .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display { bottom: 1em; } .video-js .vjs-text-track { font-size: 1.4em; text-align: center; margin-bottom: .1em; } .vjs-subtitles { color: #fff; } .vjs-captions { color: #fc6; } .vjs-tt-cue { display: block; } video::-webkit-media-text-track-display { transform: translateY(-3em); } .video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display { transform: translateY(-1.5em); } .video-js .vjs-fullscreen-control { cursor: pointer; -ms-flex: none; flex: none; } .vjs-playback-rate .vjs-playback-rate-value, .vjs-playback-rate > .vjs-menu-button { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .vjs-playback-rate .vjs-playback-rate-value { pointer-events: none; font-size: 1.5em; line-height: 2; text-align: center; } .vjs-playback-rate .vjs-menu { width: 4em; left: 0; } .vjs-error .vjs-error-display .vjs-modal-dialog-content { font-size: 1.4em; text-align: center; } .vjs-error .vjs-error-display:before { color: #fff; content: 'X'; font-family: Arial,Helvetica,sans-serif; font-size: 4em; left: 0; line-height: 1; margin-top: -.5em; position: absolute; text-shadow: .05em .05em .1em #000; text-align: center; top: 50%; vertical-align: middle; width: 100%; } .vjs-loading-spinner { display: none; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; opacity: .85; text-align: left; border: 6px solid rgba(43, 51, 63, 0.7); box-sizing: border-box; background-clip: padding-box; width: 50px; height: 50px; border-radius: 25px; visibility: hidden; } .vjs-seeking .vjs-loading-spinner, .vjs-waiting .vjs-loading-spinner { display: block; animation: 0s linear .3s forwards vjs-spinner-show; } .vjs-loading-spinner:after, .vjs-loading-spinner:before { content: ""; position: absolute; margin: -6px; box-sizing: inherit; width: inherit; height: inherit; border-radius: inherit; opacity: 1; border: inherit; border-color: transparent; border-top-color: #fff; } .vjs-seeking .vjs-loading-spinner:after, .vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:before { animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; } .vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:before { border-top-color: #fff; } .vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:after { border-top-color: #fff; animation-delay: .44s; } @keyframes vjs-spinner-show { to { visibility: visible; } } @keyframes vjs-spinner-spin { 100% { transform: rotate(360deg); } } @keyframes vjs-spinner-fade { 0% { border-top-color: #73859f; } 20% { border-top-color: #73859f; } 35% { border-top-color: #fff; } 60% { border-top-color: #73859f; } 100% { border-top-color: #73859f; } } .vjs-chapters-button .vjs-menu ul { width: 24em; } .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder { vertical-align: middle; display: inline-block; margin-bottom: -.1em; } .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before { font-family: VideoJS; content: "\F10D"; font-size: 1.5em; line-height: inherit; } .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder { vertical-align: middle; display: inline-block; margin-bottom: -.1em; } .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before { font-family: VideoJS; content: " \F11D"; font-size: 1.5em; line-height: inherit; } .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer { -ms-flex: auto; flex: auto; } .video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer { width: auto; } .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control { display: none; } .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control { display: none; } .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button .vjs-audio-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control { display: none; } .vjs-modal-dialog.vjs-text-track-settings { background-color: #2b333f; background-color: rgba(43, 51, 63, 0.75); color: #fff; height: 70%; } .vjs-text-track-settings .vjs-modal-dialog-content { display: table; } .vjs-text-track-settings .vjs-track-settings-colors, .vjs-text-track-settings .vjs-track-settings-controls, .vjs-text-track-settings .vjs-track-settings-font { display: table-cell; } .vjs-text-track-settings .vjs-track-settings-controls { text-align: right; vertical-align: bottom; } @supports (display: grid) { .vjs-text-track-settings .vjs-modal-dialog-content { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: 1fr auto; grid-template-rows: 1fr auto; } .vjs-text-track-settings .vjs-track-settings-colors { display: block; -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1; } .vjs-text-track-settings .vjs-track-settings-font { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 1; grid-row: 1; } .vjs-text-track-settings .vjs-track-settings-controls { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 2; grid-row: 2; } } .vjs-track-setting > select { margin-right: 5px; } .vjs-text-track-settings fieldset { margin: 5px; padding: 3px; border: none; } .vjs-text-track-settings fieldset span { display: inline-block; } .vjs-text-track-settings legend { color: #fff; margin: 0 0 5px 0; } .vjs-text-track-settings .vjs-label { position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); display: block; margin: 0 0 5px 0; padding: 0; border: 0; height: 1px; width: 1px; overflow: hidden; } .vjs-track-settings-controls button:active, .vjs-track-settings-controls button:focus { outline-style: solid; outline-width: medium; background-image: linear-gradient(0deg, #fff 88%, #73859f 100%); } .vjs-track-settings-controls button:hover { color: rgba(43, 51, 63, 0.75); } .vjs-track-settings-controls button { background-color: #fff; background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%); color: #2b333f; cursor: pointer; border-radius: 2px; } .vjs-track-settings-controls .vjs-default-button { margin-right: 1em; } @media print { .video-js > :not(.vjs-tech):not(.vjs-poster) { visibility: hidden; } } .vjs-resize-manager { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; visibility: hidden; } /*! * animate.css -http://daneden.me/animate * Version - 3.7.0 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2018 Daniel Eden */ @keyframes bounce { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translateZ(0); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translateZ(0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -15px, 0); } 90% { transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; -webkit-transform-origin: center bottom; animation-name: bounce; transform-origin: center bottom; } @keyframes flash { 0%, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { animation-name: flash; } @keyframes pulse { 0% { transform: scaleX(1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } to { transform: scaleX(1); } } .pulse { animation-name: pulse; } @keyframes rubberBand { 0% { transform: scaleX(1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(0.95, 1.05, 1); } 75% { transform: scale3d(1.05, 0.95, 1); } to { transform: scaleX(1); } } .rubberBand { animation-name: rubberBand; } @keyframes shake { 0%, to { transform: translateZ(0); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0, 0); } } .shake { animation-name: shake; } @keyframes headShake { 0% { transform: translateX(0); } 6.5% { transform: translateX(-6px) rotateY(-9deg); } 18.5% { transform: translateX(5px) rotateY(7deg); } 31.5% { transform: translateX(-3px) rotateY(-5deg); } 43.5% { transform: translateX(2px) rotateY(3deg); } 50% { transform: translateX(0); } } .headShake { -webkit-animation-name: headShake; -webkit-animation-timing-function: ease-in-out; animation-name: headShake; animation-timing-function: ease-in-out; } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } to { transform: rotate(0deg); } } .swing { -webkit-animation-name: swing; -webkit-transform-origin: top center; animation-name: swing; transform-origin: top center; } @keyframes tada { 0% { transform: scaleX(1); } 10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); } to { transform: scaleX(1); } } .tada { animation-name: tada; } @keyframes wobble { 0% { transform: translateZ(0); } 15% { transform: translate3d(-25%, 0, 0) rotate(-5deg); } 30% { transform: translate3d(20%, 0, 0) rotate(3deg); } 45% { transform: translate3d(-15%, 0, 0) rotate(-3deg); } 60% { transform: translate3d(10%, 0, 0) rotate(2deg); } 75% { transform: translate3d(-5%, 0, 0) rotate(-1deg); } to { transform: translateZ(0); } } .wobble { animation-name: wobble; } @keyframes jello { 0%, 11.1%, to { transform: translateZ(0); } 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { transform: skewX(0.39062deg) skewY(0.39062deg); } 88.8% { transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; -webkit-transform-origin: center; animation-name: jello; transform-origin: center; } @keyframes heartBeat { 0% { transform: scale(1); } 14% { transform: scale(1.3); } 28% { transform: scale(1); } 42% { transform: scale(1.3); } 70% { transform: scale(1); } } .heartBeat { -webkit-animation-duration: 1.3s; -webkit-animation-name: heartBeat; -webkit-animation-timing-function: ease-in-out; animation-duration: 1.3s; animation-name: heartBeat; animation-timing-function: ease-in-out; } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { -webkit-transform: scale3d(0.3, 0.3, 0.3); opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(0.9, 0.9, 0.9); } 60% { -webkit-transform: scale3d(1.03, 1.03, 1.03); opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(0.97, 0.97, 0.97); } to { -webkit-transform: scaleX(1); opacity: 1; transform: scaleX(1); } } .bounceIn { -webkit-animation-duration: .75s; -webkit-animation-name: bounceIn; animation-duration: .75s; animation-name: bounceIn; } @keyframes bounceInDown { 0%, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { -webkit-transform: translate3d(0, -3000px, 0); opacity: 0; transform: translate3d(0, -3000px, 0); } 60% { -webkit-transform: translate3d(0, 25px, 0); opacity: 1; transform: translate3d(0, 25px, 0); } 75% { transform: translate3d(0, -10px, 0); } 90% { transform: translate3d(0, 5px, 0); } to { transform: translateZ(0); } } .bounceInDown { animation-name: bounceInDown; } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { -webkit-transform: translate3d(-3000px, 0, 0); opacity: 0; transform: translate3d(-3000px, 0, 0); } 60% { -webkit-transform: translate3d(25px, 0, 0); opacity: 1; transform: translate3d(25px, 0, 0); } 75% { transform: translate3d(-10px, 0, 0); } 90% { transform: translate3d(5px, 0, 0); } to { transform: translateZ(0); } } .bounceInLeft { animation-name: bounceInLeft; } @keyframes bounceInRight { 0%, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { -webkit-transform: translate3d(3000px, 0, 0); opacity: 0; transform: translate3d(3000px, 0, 0); } 60% { -webkit-transform: translate3d(-25px, 0, 0); opacity: 1; transform: translate3d(-25px, 0, 0); } 75% { transform: translate3d(10px, 0, 0); } 90% { transform: translate3d(-5px, 0, 0); } to { transform: translateZ(0); } } .bounceInRight { animation-name: bounceInRight; } @keyframes bounceInUp { 0%, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { -webkit-transform: translate3d(0, 3000px, 0); opacity: 0; transform: translate3d(0, 3000px, 0); } 60% { -webkit-transform: translate3d(0, -20px, 0); opacity: 1; transform: translate3d(0, -20px, 0); } 75% { transform: translate3d(0, 10px, 0); } 90% { transform: translate3d(0, -5px, 0); } to { transform: translateZ(0); } } .bounceInUp { animation-name: bounceInUp; } @keyframes bounceOut { 20% { transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { -webkit-transform: scale3d(1.1, 1.1, 1.1); opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } to { -webkit-transform: scale3d(0.3, 0.3, 0.3); opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-duration: .75s; -webkit-animation-name: bounceOut; animation-duration: .75s; animation-name: bounceOut; } @keyframes bounceOutDown { 20% { transform: translate3d(0, 10px, 0); } 40%, 45% { -webkit-transform: translate3d(0, -20px, 0); opacity: 1; transform: translate3d(0, -20px, 0); } to { -webkit-transform: translate3d(0, 2000px, 0); opacity: 0; transform: translate3d(0, 2000px, 0); } } .bounceOutDown { animation-name: bounceOutDown; } @keyframes bounceOutLeft { 20% { -webkit-transform: translate3d(20px, 0, 0); opacity: 1; transform: translate3d(20px, 0, 0); } to { -webkit-transform: translate3d(-2000px, 0, 0); opacity: 0; transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { animation-name: bounceOutLeft; } @keyframes bounceOutRight { 20% { -webkit-transform: translate3d(-20px, 0, 0); opacity: 1; transform: translate3d(-20px, 0, 0); } to { -webkit-transform: translate3d(2000px, 0, 0); opacity: 0; transform: translate3d(2000px, 0, 0); } } .bounceOutRight { animation-name: bounceOutRight; } @keyframes bounceOutUp { 20% { transform: translate3d(0, -10px, 0); } 40%, 45% { -webkit-transform: translate3d(0, 20px, 0); opacity: 1; transform: translate3d(0, 20px, 0); } to { -webkit-transform: translate3d(0, -2000px, 0); opacity: 0; transform: translate3d(0, -2000px, 0); } } .bounceOutUp { animation-name: bounceOutUp; } @keyframes fadeIn { 0% { opacity: 0; } to { opacity: 1; } } .fadeIn { animation-name: fadeIn; } @keyframes fadeInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); opacity: 0; transform: translate3d(0, -100%, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } .fadeInDown { animation-name: fadeInDown; } @keyframes fadeInDownBig { 0% { -webkit-transform: translate3d(0, -2000px, 0); opacity: 0; transform: translate3d(0, -2000px, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } .fadeInDownBig { animation-name: fadeInDownBig; } @keyframes fadeInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); opacity: 0; transform: translate3d(-100%, 0, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } .fadeInLeft { animation-name: fadeInLeft; } @keyframes fadeInLeftBig { 0% { -webkit-transform: translate3d(-2000px, 0, 0); opacity: 0; transform: translate3d(-2000px, 0, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } .fadeInLeftBig { animation-name: fadeInLeftBig; } @keyframes fadeInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); opacity: 0; transform: translate3d(100%, 0, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } .fadeInRight { animation-name: fadeInRight; } @keyframes fadeInRightBig { 0% { -webkit-transform: translate3d(2000px, 0, 0); opacity: 0; transform: translate3d(2000px, 0, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } .fadeInRightBig { animation-name: fadeInRightBig; } @keyframes fadeInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); opacity: 0; transform: translate3d(0, 100%, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } .fadeInUp { animation-name: fadeInUp; } @keyframes fadeInUpBig { 0% { -webkit-transform: translate3d(0, 2000px, 0); opacity: 0; transform: translate3d(0, 2000px, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } .fadeInUpBig { animation-name: fadeInUpBig; } @keyframes fadeOut { 0% { opacity: 1; } to { opacity: 0; } } .fadeOut { animation-name: fadeOut; } @keyframes fadeOutDown { 0% { opacity: 1; } to { -webkit-transform: translate3d(0, 100%, 0); opacity: 0; transform: translate3d(0, 100%, 0); } } .fadeOutDown { animation-name: fadeOutDown; } @keyframes fadeOutDownBig { 0% { opacity: 1; } to { -webkit-transform: translate3d(0, 2000px, 0); opacity: 0; transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { animation-name: fadeOutDownBig; } @keyframes fadeOutLeft { 0% { opacity: 1; } to { -webkit-transform: translate3d(-100%, 0, 0); opacity: 0; transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { animation-name: fadeOutLeft; } @keyframes fadeOutLeftBig { 0% { opacity: 1; } to { -webkit-transform: translate3d(-2000px, 0, 0); opacity: 0; transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { animation-name: fadeOutLeftBig; } @keyframes fadeOutRight { 0% { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0); opacity: 0; transform: translate3d(100%, 0, 0); } } .fadeOutRight { animation-name: fadeOutRight; } @keyframes fadeOutRightBig { 0% { opacity: 1; } to { -webkit-transform: translate3d(2000px, 0, 0); opacity: 0; transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { animation-name: fadeOutRightBig; } @keyframes fadeOutUp { 0% { opacity: 1; } to { -webkit-transform: translate3d(0, -100%, 0); opacity: 0; transform: translate3d(0, -100%, 0); } } .fadeOutUp { animation-name: fadeOutUp; } @keyframes fadeOutUpBig { 0% { opacity: 1; } to { -webkit-transform: translate3d(0, -2000px, 0); opacity: 0; transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { animation-name: fadeOutUpBig; } @keyframes flip { 0% { -webkit-animation-timing-function: ease-out; -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); animation-timing-function: ease-out; transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); } 40% { -webkit-animation-timing-function: ease-out; -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); animation-timing-function: ease-out; transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); } 50% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); animation-timing-function: ease-in; transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); } 80% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg); animation-timing-function: ease-in; transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg); } to { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); animation-timing-function: ease-in; transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); } } .animated.flip { -webkit-animation-name: flip; -webkit-backface-visibility: visible; animation-name: flip; backface-visibility: visible; } @keyframes flipInX { 0% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) rotateX(90deg); animation-timing-function: ease-in; opacity: 0; transform: perspective(400px) rotateX(90deg); } 40% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) rotateX(-20deg); animation-timing-function: ease-in; transform: perspective(400px) rotateX(-20deg); } 60% { -webkit-transform: perspective(400px) rotateX(10deg); opacity: 1; transform: perspective(400px) rotateX(10deg); } 80% { transform: perspective(400px) rotateX(-5deg); } to { transform: perspective(400px); } } .flipInX { -webkit-animation-name: flipInX; -webkit-backface-visibility: visible !important; animation-name: flipInX; backface-visibility: visible !important; } @keyframes flipInY { 0% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) rotateY(90deg); animation-timing-function: ease-in; opacity: 0; transform: perspective(400px) rotateY(90deg); } 40% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) rotateY(-20deg); animation-timing-function: ease-in; transform: perspective(400px) rotateY(-20deg); } 60% { -webkit-transform: perspective(400px) rotateY(10deg); opacity: 1; transform: perspective(400px) rotateY(10deg); } 80% { transform: perspective(400px) rotateY(-5deg); } to { transform: perspective(400px); } } .flipInY { -webkit-animation-name: flipInY; -webkit-backface-visibility: visible !important; animation-name: flipInY; backface-visibility: visible !important; } @keyframes flipOutX { 0% { transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateX(-20deg); opacity: 1; transform: perspective(400px) rotateX(-20deg); } to { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; transform: perspective(400px) rotateX(90deg); } } .flipOutX { -webkit-animation-duration: .75s; -webkit-animation-name: flipOutX; -webkit-backface-visibility: visible !important; animation-duration: .75s; animation-name: flipOutX; backface-visibility: visible !important; } @keyframes flipOutY { 0% { transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateY(-15deg); opacity: 1; transform: perspective(400px) rotateY(-15deg); } to { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; transform: perspective(400px) rotateY(90deg); } } .flipOutY { -webkit-animation-duration: .75s; -webkit-animation-name: flipOutY; -webkit-backface-visibility: visible !important; animation-duration: .75s; animation-name: flipOutY; backface-visibility: visible !important; } @keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; transform: translate3d(100%, 0, 0) skewX(-30deg); } 60% { -webkit-transform: skewX(20deg); opacity: 1; transform: skewX(20deg); } 80% { transform: skewX(-5deg); } to { transform: translateZ(0); } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-name: lightSpeedIn; animation-timing-function: ease-out; } @keyframes lightSpeedOut { 0% { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; transform: translate3d(100%, 0, 0) skewX(30deg); } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-name: lightSpeedOut; animation-timing-function: ease-in; } @keyframes rotateIn { 0% { -webkit-transform: rotate(-200deg); -webkit-transform-origin: center; opacity: 0; transform: rotate(-200deg); transform-origin: center; } to { -webkit-transform: translateZ(0); -webkit-transform-origin: center; opacity: 1; transform: translateZ(0); transform-origin: center; } } .rotateIn { animation-name: rotateIn; } @keyframes rotateInDownLeft { 0% { -webkit-transform: rotate(-45deg); -webkit-transform-origin: left bottom; opacity: 0; transform: rotate(-45deg); transform-origin: left bottom; } to { -webkit-transform: translateZ(0); -webkit-transform-origin: left bottom; opacity: 1; transform: translateZ(0); transform-origin: left bottom; } } .rotateInDownLeft { animation-name: rotateInDownLeft; } @keyframes rotateInDownRight { 0% { -webkit-transform: rotate(45deg); -webkit-transform-origin: right bottom; opacity: 0; transform: rotate(45deg); transform-origin: right bottom; } to { -webkit-transform: translateZ(0); -webkit-transform-origin: right bottom; opacity: 1; transform: translateZ(0); transform-origin: right bottom; } } .rotateInDownRight { animation-name: rotateInDownRight; } @keyframes rotateInUpLeft { 0% { -webkit-transform: rotate(45deg); -webkit-transform-origin: left bottom; opacity: 0; transform: rotate(45deg); transform-origin: left bottom; } to { -webkit-transform: translateZ(0); -webkit-transform-origin: left bottom; opacity: 1; transform: translateZ(0); transform-origin: left bottom; } } .rotateInUpLeft { animation-name: rotateInUpLeft; } @keyframes rotateInUpRight { 0% { -webkit-transform: rotate(-90deg); -webkit-transform-origin: right bottom; opacity: 0; transform: rotate(-90deg); transform-origin: right bottom; } to { -webkit-transform: translateZ(0); -webkit-transform-origin: right bottom; opacity: 1; transform: translateZ(0); transform-origin: right bottom; } } .rotateInUpRight { animation-name: rotateInUpRight; } @keyframes rotateOut { 0% { -webkit-transform-origin: center; opacity: 1; transform-origin: center; } to { -webkit-transform: rotate(200deg); -webkit-transform-origin: center; opacity: 0; transform: rotate(200deg); transform-origin: center; } } .rotateOut { animation-name: rotateOut; } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; opacity: 1; transform-origin: left bottom; } to { -webkit-transform: rotate(45deg); -webkit-transform-origin: left bottom; opacity: 0; transform: rotate(45deg); transform-origin: left bottom; } } .rotateOutDownLeft { animation-name: rotateOutDownLeft; } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; opacity: 1; transform-origin: right bottom; } to { -webkit-transform: rotate(-45deg); -webkit-transform-origin: right bottom; opacity: 0; transform: rotate(-45deg); transform-origin: right bottom; } } .rotateOutDownRight { animation-name: rotateOutDownRight; } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; opacity: 1; transform-origin: left bottom; } to { -webkit-transform: rotate(-45deg); -webkit-transform-origin: left bottom; opacity: 0; transform: rotate(-45deg); transform-origin: left bottom; } } .rotateOutUpLeft { animation-name: rotateOutUpLeft; } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; opacity: 1; transform-origin: right bottom; } to { -webkit-transform: rotate(90deg); -webkit-transform-origin: right bottom; opacity: 0; transform: rotate(90deg); transform-origin: right bottom; } } .rotateOutUpRight { animation-name: rotateOutUpRight; } @keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; -webkit-transform-origin: top left; animation-timing-function: ease-in-out; transform-origin: top left; } 20%, 60% { -webkit-animation-timing-function: ease-in-out; -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; animation-timing-function: ease-in-out; transform: rotate(80deg); transform-origin: top left; } 40%, 80% { -webkit-animation-timing-function: ease-in-out; -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; animation-timing-function: ease-in-out; opacity: 1; transform: rotate(60deg); transform-origin: top left; } to { -webkit-transform: translate3d(0, 700px, 0); opacity: 0; transform: translate3d(0, 700px, 0); } } .hinge { -webkit-animation-duration: 2s; -webkit-animation-name: hinge; animation-duration: 2s; animation-name: hinge; } @keyframes jackInTheBox { 0% { -webkit-transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; } 50% { transform: rotate(-10deg); } 70% { transform: rotate(3deg); } to { -webkit-transform: scale(1); opacity: 1; transform: scale(1); } } .jackInTheBox { animation-name: jackInTheBox; } @keyframes rollIn { 0% { -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg); opacity: 0; transform: translate3d(-100%, 0, 0) rotate(-120deg); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } .rollIn { animation-name: rollIn; } @keyframes rollOut { 0% { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) rotate(120deg); opacity: 0; transform: translate3d(100%, 0, 0) rotate(120deg); } } .rollOut { animation-name: rollOut; } @keyframes zoomIn { 0% { -webkit-transform: scale3d(0.3, 0.3, 0.3); opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { animation-name: zoomIn; } @keyframes zoomInDown { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); } } .zoomInDown { animation-name: zoomInDown; } @keyframes zoomInLeft { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); } } .zoomInLeft { animation-name: zoomInLeft; } @keyframes zoomInRight { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); } } .zoomInRight { animation-name: zoomInRight; } @keyframes zoomInUp { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); } } .zoomInUp { animation-name: zoomInUp; } @keyframes zoomOut { 0% { opacity: 1; } 50% { -webkit-transform: scale3d(0.3, 0.3, 0.3); opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { animation-name: zoomOut; } @keyframes zoomOutDown { 40% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); } to { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform-origin: center bottom; } } .zoomOutDown { animation-name: zoomOutDown; } @keyframes zoomOutLeft { 40% { -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; opacity: 0; transform: scale(0.1) translate3d(-2000px, 0, 0); transform-origin: left center; } } .zoomOutLeft { animation-name: zoomOutLeft; } @keyframes zoomOutRight { 40% { -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; opacity: 0; transform: scale(0.1) translate3d(2000px, 0, 0); transform-origin: right center; } } .zoomOutRight { animation-name: zoomOutRight; } @keyframes zoomOutUp { 40% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); } to { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform-origin: center bottom; } } .zoomOutUp { animation-name: zoomOutUp; } @keyframes slideInDown { 0% { transform: translate3d(0, -100%, 0); visibility: visible; } to { transform: translateZ(0); } } .slideInDown { animation-name: slideInDown; } @keyframes slideInLeft { 0% { transform: translate3d(-100%, 0, 0); visibility: visible; } to { transform: translateZ(0); } } .slideInLeft { animation-name: slideInLeft; } @keyframes slideInRight { 0% { transform: translate3d(100%, 0, 0); visibility: visible; } to { transform: translateZ(0); } } .slideInRight { animation-name: slideInRight; } @keyframes slideInUp { 0% { transform: translate3d(0, 100%, 0); visibility: visible; } to { transform: translateZ(0); } } .slideInUp { animation-name: slideInUp; } @keyframes slideOutDown { 0% { transform: translateZ(0); } to { transform: translate3d(0, 100%, 0); visibility: hidden; } } .slideOutDown { animation-name: slideOutDown; } @keyframes slideOutLeft { 0% { transform: translateZ(0); } to { transform: translate3d(-100%, 0, 0); visibility: hidden; } } .slideOutLeft { animation-name: slideOutLeft; } @keyframes slideOutRight { 0% { transform: translateZ(0); } to { transform: translate3d(100%, 0, 0); visibility: hidden; } } .slideOutRight { animation-name: slideOutRight; } @keyframes slideOutUp { 0% { transform: translateZ(0); } to { transform: translate3d(0, -100%, 0); visibility: hidden; } } .slideOutUp { animation-name: slideOutUp; } .animated { -webkit-animation-duration: 1s; -webkit-animation-fill-mode: both; animation-duration: 1s; animation-fill-mode: both; } .animated.infinite { animation-iteration-count: infinite; } .animated.delay-1s { animation-delay: 1s; } .animated.delay-2s { animation-delay: 2s; } .animated.delay-3s { animation-delay: 3s; } .animated.delay-4s { animation-delay: 4s; } .animated.delay-5s { animation-delay: 5s; } .animated.fast { animation-duration: .8s; } .animated.faster { animation-duration: .5s; } .animated.slow { animation-duration: 2s; } .animated.slower { animation-duration: 3s; } @media (prefers-reduced-motion) { .animated { -webkit-animation: unset !important; -webkit-transition: none !important; animation: unset !important; transition: none !important; } } .vis .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .vis-active { box-shadow: 0 0 10px #86d5f8; } .vis [class*=span] { min-height: 0; width: auto; } div.vis-configuration { position: relative; display: block; float: left; font-size: 12px; } div.vis-configuration-wrapper { display: block; width: 700px; } div.vis-configuration-wrapper::after { clear: both; content: ""; display: block; } div.vis-configuration.vis-config-option-container { display: block; width: 495px; background-color: #fff; border: 2px solid #f7f8fa; border-radius: 4px; margin-top: 20px; left: 10px; padding-left: 5px; } div.vis-configuration.vis-config-button { display: block; width: 495px; height: 25px; vertical-align: middle; line-height: 25px; background-color: #f7f8fa; border: 2px solid #ceced0; border-radius: 4px; margin-top: 20px; left: 10px; padding-left: 5px; cursor: pointer; margin-bottom: 30px; } div.vis-configuration.vis-config-button.hover { background-color: #4588e6; border: 2px solid #214373; color: #fff; } div.vis-configuration.vis-config-item { display: block; float: left; width: 495px; height: 25px; vertical-align: middle; line-height: 25px; } div.vis-configuration.vis-config-item.vis-config-s2 { left: 10px; background-color: #f7f8fa; padding-left: 5px; border-radius: 3px; } div.vis-configuration.vis-config-item.vis-config-s3 { left: 20px; background-color: #e4e9f0; padding-left: 5px; border-radius: 3px; } div.vis-configuration.vis-config-item.vis-config-s4 { left: 30px; background-color: #cfd8e6; padding-left: 5px; border-radius: 3px; } div.vis-configuration.vis-config-header { font-size: 18px; font-weight: 700; } div.vis-configuration.vis-config-label { width: 120px; height: 25px; line-height: 25px; } div.vis-configuration.vis-config-label.vis-config-s3 { width: 110px; } div.vis-configuration.vis-config-label.vis-config-s4 { width: 100px; } div.vis-configuration.vis-config-colorBlock { top: 1px; width: 30px; height: 19px; border: 1px solid #444; border-radius: 2px; padding: 0; margin: 0; cursor: pointer; } input.vis-configuration.vis-config-checkbox { left: -5px; } input.vis-configuration.vis-config-rangeinput { position: relative; top: -5px; width: 60px; padding: 1px; margin: 0; pointer-events: none; } input.vis-configuration.vis-config-range { -webkit-appearance: none; border: 0 solid #fff; background-color: rgba(0, 0, 0, 0); width: 300px; height: 20px; } input.vis-configuration.vis-config-range::-webkit-slider-runnable-track { width: 300px; height: 5px; background: #dedede; background: linear-gradient(to bottom, #dedede 0, #c8c8c8 99%); border: 1px solid #999; box-shadow: #aaa 0 0 3px 0; border-radius: 3px; } input.vis-configuration.vis-config-range::-webkit-slider-thumb { -webkit-appearance: none; border: 1px solid #14334b; height: 17px; width: 17px; border-radius: 50%; background: #3876c2; background: linear-gradient(to bottom, #3876c2 0, #385380 100%); box-shadow: #111927 0 0 1px 0; margin-top: -7px; } input.vis-configuration.vis-config-range:focus { outline: 0; } input.vis-configuration.vis-config-range:focus::-webkit-slider-runnable-track { background: #9d9d9d; background: linear-gradient(to bottom, #9d9d9d 0, #c8c8c8 99%); } input.vis-configuration.vis-config-range::-moz-range-track { width: 300px; height: 10px; background: #dedede; background: linear-gradient(to bottom, #dedede 0, #c8c8c8 99%); border: 1px solid #999; box-shadow: #aaa 0 0 3px 0; border-radius: 3px; } input.vis-configuration.vis-config-range::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: #385380; } input.vis-configuration.vis-config-range:-moz-focusring { outline: 1px solid #fff; outline-offset: -1px; } input.vis-configuration.vis-config-range::-ms-track { width: 300px; height: 5px; background: 0 0; border-color: transparent; border-width: 6px 0; color: transparent; } input.vis-configuration.vis-config-range::-ms-fill-lower { background: #777; border-radius: 10px; } input.vis-configuration.vis-config-range::-ms-fill-upper { background: #ddd; border-radius: 10px; } input.vis-configuration.vis-config-range::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: #385380; } input.vis-configuration.vis-config-range:focus::-ms-fill-lower { background: #888; } input.vis-configuration.vis-config-range:focus::-ms-fill-upper { background: #ccc; } .vis-configuration-popup { position: absolute; background: rgba(57, 76, 89, 0.85); border: 2px solid #f2faff; line-height: 30px; height: 30px; width: 150px; text-align: center; color: #fff; font-size: 14px; border-radius: 4px; transition: opacity .3s ease-in-out; } .vis-configuration-popup:after, .vis-configuration-popup:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .vis-configuration-popup:after { border-color: rgba(136, 183, 213, 0); border-left-color: rgba(57, 76, 89, 0.85); border-width: 8px; margin-top: -8px; } .vis-configuration-popup:before { border-color: rgba(194, 225, 245, 0); border-left-color: #f2faff; border-width: 12px; margin-top: -12px; } div.vis-tooltip { position: absolute; visibility: hidden; padding: 5px; white-space: nowrap; font-family: verdana; font-size: 14px; color: #000; background-color: #f5f4ed; border-radius: 3px; border: 1px solid #808074; box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2); pointer-events: none; z-index: 5; } .vis-current-time { background-color: #ff7f6e; width: 2px; z-index: 1; pointer-events: none; } .vis-rolling-mode-btn { height: 40px; width: 40px; position: absolute; top: 7px; right: 20px; border-radius: 50%; font-size: 28px; cursor: pointer; opacity: .8; color: #fff; font-weight: 700; text-align: center; background: #3876c2; } .vis-rolling-mode-btn:before { content: "\26F6"; } .vis-rolling-mode-btn:hover { opacity: 1; } .vis-custom-time { background-color: #6e94ff; width: 2px; cursor: move; z-index: 1; } .vis-panel.vis-background.vis-horizontal .vis-grid.vis-horizontal { position: absolute; width: 100%; height: 0; border-bottom: 1px solid; } .vis-panel.vis-background.vis-horizontal .vis-grid.vis-minor { border-color: #e5e5e5; } .vis-panel.vis-background.vis-horizontal .vis-grid.vis-major { border-color: #bfbfbf; } .vis-data-axis .vis-y-axis.vis-major { width: 100%; position: absolute; color: #4d4d4d; white-space: nowrap; } .vis-data-axis .vis-y-axis.vis-major.vis-measure { padding: 0; margin: 0; border: 0; visibility: hidden; width: auto; } .vis-data-axis .vis-y-axis.vis-minor { position: absolute; width: 100%; color: #bebebe; white-space: nowrap; } .vis-data-axis .vis-y-axis.vis-minor.vis-measure { padding: 0; margin: 0; border: 0; visibility: hidden; width: auto; } .vis-data-axis .vis-y-axis.vis-title { position: absolute; color: #4d4d4d; white-space: nowrap; bottom: 20px; text-align: center; } .vis-data-axis .vis-y-axis.vis-title.vis-measure { padding: 0; margin: 0; visibility: hidden; width: auto; } .vis-data-axis .vis-y-axis.vis-title.vis-left { bottom: 0; transform-origin: left bottom; transform: rotate(-90deg); } .vis-data-axis .vis-y-axis.vis-title.vis-right { bottom: 0; transform-origin: right bottom; transform: rotate(90deg); } .vis-legend { background-color: rgba(247, 252, 255, 0.65); padding: 5px; border: 1px solid #b3b3b3; box-shadow: 2px 2px 10px rgba(154, 154, 154, 0.55); } .vis-legend-text { white-space: nowrap; display: inline-block; } .vis-item { position: absolute; color: #1a1a1a; border-color: #97b0f8; border-width: 1px; background-color: #d5ddf6; display: inline-block; z-index: 1; } .vis-item.vis-selected { border-color: #ffc200; background-color: #fff785; z-index: 2; } .vis-editable.vis-selected { cursor: move; } .vis-item.vis-point.vis-selected { background-color: #fff785; } .vis-item.vis-box { text-align: center; border-style: solid; border-radius: 2px; } .vis-item.vis-point { background: 0 0; } .vis-item.vis-dot { position: absolute; padding: 0; border-width: 4px; border-style: solid; border-radius: 4px; } .vis-item.vis-range { border-style: solid; border-radius: 2px; box-sizing: border-box; } .vis-item.vis-background { border: none; background-color: rgba(213, 221, 246, 0.4); box-sizing: border-box; padding: 0; margin: 0; } .vis-item .vis-item-overflow { position: relative; width: 100%; height: 100%; padding: 0; margin: 0; overflow: hidden; } .vis-item-visible-frame { white-space: nowrap; } .vis-item.vis-range .vis-item-content { position: relative; display: inline-block; } .vis-item.vis-background .vis-item-content { position: absolute; display: inline-block; } .vis-item.vis-line { padding: 0; position: absolute; width: 0; border-left-width: 1px; border-left-style: solid; } .vis-item .vis-item-content { white-space: nowrap; box-sizing: border-box; padding: 5px; } .vis-item .vis-onUpdateTime-tooltip { position: absolute; background: #4f81bd; color: #fff; width: 200px; text-align: center; white-space: nowrap; padding: 5px; border-radius: 1px; transition: .4s; -o-transition: .4s; -moz-transition: .4s; -webkit-transition: .4s; } .vis-item .vis-delete, .vis-item .vis-delete-rtl { position: absolute; top: 0; width: 24px; height: 24px; box-sizing: border-box; padding: 0 5px; cursor: pointer; transition: background .2s linear; } .vis-item .vis-delete { right: -24px; } .vis-item .vis-delete-rtl { left: -24px; } .vis-item .vis-delete-rtl:after, .vis-item .vis-delete:after { content: "\D7"; color: red; font-family: arial,sans-serif; font-size: 22px; font-weight: 700; transition: color .2s linear; } .vis-item .vis-delete-rtl:hover, .vis-item .vis-delete:hover { background: red; } .vis-item .vis-delete-rtl:hover:after, .vis-item .vis-delete:hover:after { color: #fff; } .vis-item .vis-drag-center { position: absolute; width: 100%; height: 100%; top: 0; left: 0; cursor: move; } .vis-item.vis-range .vis-drag-left { position: absolute; width: 24px; max-width: 20%; min-width: 2px; height: 100%; top: 0; left: -4px; cursor: w-resize; } .vis-item.vis-range .vis-drag-right { position: absolute; width: 24px; max-width: 20%; min-width: 2px; height: 100%; top: 0; right: -4px; cursor: e-resize; } .vis-range.vis-item.vis-readonly .vis-drag-left, .vis-range.vis-item.vis-readonly .vis-drag-right { cursor: auto; } .vis-itemset { position: relative; padding: 0; margin: 0; box-sizing: border-box; } .vis-itemset .vis-background, .vis-itemset .vis-foreground { position: absolute; width: 100%; height: 100%; overflow: visible; } .vis-axis { position: absolute; width: 100%; height: 0; left: 0; z-index: 1; } .vis-foreground .vis-group { position: relative; box-sizing: border-box; border-bottom: 1px solid #bfbfbf; } .vis-foreground .vis-group:last-child { border-bottom: none; } .vis-nesting-group { cursor: pointer; } .vis-nested-group { background: #f5f5f5; } .vis-label.vis-nesting-group.expanded:before { content: "\25BC"; } .vis-label.vis-nesting-group.collapsed-rtl:before { content: "\25C0"; } .vis-label.vis-nesting-group.collapsed:before { content: "\25B6"; } .vis-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .vis-labelset { position: relative; overflow: hidden; box-sizing: border-box; } .vis-labelset .vis-label { position: relative; left: 0; top: 0; width: 100%; color: #4d4d4d; box-sizing: border-box; } .vis-labelset .vis-label { border-bottom: 1px solid #bfbfbf; } .vis-labelset .vis-label.draggable { cursor: pointer; } .vis-labelset .vis-label:last-child { border-bottom: none; } .vis-labelset .vis-label .vis-inner { display: inline-block; padding: 5px; } .vis-labelset .vis-label .vis-inner.vis-hidden { padding: 0; } .vis-panel { position: absolute; padding: 0; margin: 0; box-sizing: border-box; } .vis-panel.vis-bottom, .vis-panel.vis-center, .vis-panel.vis-left, .vis-panel.vis-right, .vis-panel.vis-top { border: 1px #bfbfbf; } .vis-panel.vis-center, .vis-panel.vis-left, .vis-panel.vis-right { border-top-style: solid; border-bottom-style: solid; overflow: hidden; } .vis-left.vis-panel.vis-vertical-scroll, .vis-right.vis-panel.vis-vertical-scroll { height: 100%; overflow-x: hidden; overflow-y: scroll; } .vis-left.vis-panel.vis-vertical-scroll { direction: rtl; } .vis-left.vis-panel.vis-vertical-scroll .vis-content { direction: ltr; } .vis-right.vis-panel.vis-vertical-scroll { direction: ltr; } .vis-right.vis-panel.vis-vertical-scroll .vis-content { direction: rtl; } .vis-panel.vis-bottom, .vis-panel.vis-center, .vis-panel.vis-top { border-left-style: solid; border-right-style: solid; } .vis-background { overflow: hidden; } .vis-panel > .vis-content { position: relative; } .vis-panel .vis-shadow { position: absolute; width: 100%; height: 1px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.8); } .vis-panel .vis-shadow.vis-top { top: -1px; left: 0; } .vis-panel .vis-shadow.vis-bottom { bottom: -1px; left: 0; } .vis-graph-group0 { fill: #4f81bd; fill-opacity: 0; stroke-width: 2px; stroke: #4f81bd; } .vis-graph-group1 { fill: #f79646; fill-opacity: 0; stroke-width: 2px; stroke: #f79646; } .vis-graph-group2 { fill: #8c51cf; fill-opacity: 0; stroke-width: 2px; stroke: #8c51cf; } .vis-graph-group3 { fill: #75c841; fill-opacity: 0; stroke-width: 2px; stroke: #75c841; } .vis-graph-group4 { fill: #ff0100; fill-opacity: 0; stroke-width: 2px; stroke: #ff0100; } .vis-graph-group5 { fill: #37d8e6; fill-opacity: 0; stroke-width: 2px; stroke: #37d8e6; } .vis-graph-group6 { fill: #042662; fill-opacity: 0; stroke-width: 2px; stroke: #042662; } .vis-graph-group7 { fill: #00ff26; fill-opacity: 0; stroke-width: 2px; stroke: #00ff26; } .vis-graph-group8 { fill: #f0f; fill-opacity: 0; stroke-width: 2px; stroke: #f0f; } .vis-graph-group9 { fill: #8f3938; fill-opacity: 0; stroke-width: 2px; stroke: #8f3938; } .vis-timeline .vis-fill { fill-opacity: .1; stroke: none; } .vis-timeline .vis-bar { fill-opacity: .5; stroke-width: 1px; } .vis-timeline .vis-point { stroke-width: 2px; fill-opacity: 1; } .vis-timeline .vis-legend-background { stroke-width: 1px; fill-opacity: .9; fill: #fff; stroke: #c2c2c2; } .vis-timeline .vis-outline { stroke-width: 1px; fill-opacity: 1; fill: #fff; stroke: #e5e5e5; } .vis-timeline .vis-icon-fill { fill-opacity: .3; stroke: none; } .vis-time-axis { position: relative; overflow: hidden; } .vis-time-axis.vis-foreground { top: 0; left: 0; width: 100%; } .vis-time-axis.vis-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .vis-time-axis .vis-text { position: absolute; color: #4d4d4d; padding: 3px; overflow: hidden; box-sizing: border-box; white-space: nowrap; } .vis-time-axis .vis-text.vis-measure { position: absolute; padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; visibility: hidden; } .vis-time-axis .vis-grid.vis-vertical { position: absolute; border-left: 1px solid; } .vis-time-axis .vis-grid.vis-vertical-rtl { position: absolute; border-right: 1px solid; } .vis-time-axis .vis-grid.vis-minor { border-color: #e5e5e5; } .vis-time-axis .vis-grid.vis-major { border-color: #bfbfbf; } .vis-timeline { position: relative; border: 1px solid #bfbfbf; overflow: hidden; padding: 0; margin: 0; box-sizing: border-box; } .cc-window { opacity: 1; transition: opacity 1s ease; } .cc-window.cc-invisible { opacity: 0; } .cc-animate.cc-revoke { transition: transform 1s ease; } .cc-animate.cc-revoke.cc-top { transform: translateY(-2em); } .cc-animate.cc-revoke.cc-bottom { transform: translateY(2em); } .cc-animate.cc-revoke.cc-active.cc-top { transform: translateY(0); } .cc-animate.cc-revoke.cc-active.cc-bottom { transform: translateY(0); } .cc-revoke:hover { transform: translateY(0); } .cc-grower { max-height: 0; overflow: hidden; transition: max-height 1s; } .cc-revoke, .cc-window { position: fixed; overflow: hidden; box-sizing: border-box; font-family: Helvetica,Calibri,Arial,sans-serif; font-size: 16px; line-height: 1.5em; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; z-index: 9999; } .cc-window.cc-static { position: static; } .cc-window.cc-floating { padding: 2em; max-width: 24em; -ms-flex-direction: column; flex-direction: column; } .cc-window.cc-banner { padding: 1em 1.8em; width: 100%; -ms-flex-direction: row; flex-direction: row; } .cc-revoke { padding: .5em; } .cc-revoke:hover { text-decoration: underline; } .cc-header { font-size: 18px; font-weight: 700; } .cc-btn, .cc-close, .cc-link, .cc-revoke { cursor: pointer; } .cc-link { opacity: .8; display: inline-block; padding: .2em; text-decoration: underline; } .cc-link:hover { opacity: 1; } .cc-link:active, .cc-link:visited { color: initial; } .cc-btn { display: block; padding: .4em .8em; font-size: .9em; font-weight: 700; border-width: 2px; border-style: solid; text-align: center; white-space: nowrap; } .cc-highlight .cc-btn:first-child { background-color: transparent; border-color: transparent; } .cc-highlight .cc-btn:first-child:focus, .cc-highlight .cc-btn:first-child:hover { background-color: transparent; text-decoration: underline; } .cc-close { display: block; position: absolute; top: .5em; right: .5em; font-size: 1.6em; opacity: .9; line-height: .75; } .cc-close:focus, .cc-close:hover { opacity: 1; } .cc-revoke.cc-top { top: 0; left: 3em; border-bottom-left-radius: .5em; border-bottom-right-radius: .5em; } .cc-revoke.cc-bottom { bottom: 0; left: 3em; border-top-left-radius: .5em; border-top-right-radius: .5em; } .cc-revoke.cc-left { left: 3em; right: unset; } .cc-revoke.cc-right { right: 3em; left: unset; } .cc-top { top: 1em; } .cc-left { left: 1em; } .cc-right { right: 1em; } .cc-bottom { bottom: 1em; } .cc-floating > .cc-link { margin-bottom: 1em; } .cc-floating .cc-message { display: block; margin-bottom: 1em; } .cc-window.cc-floating .cc-compliance { -ms-flex: 1 0 auto; flex: 1 0 auto; } .cc-window.cc-banner { -ms-flex-align: center; align-items: center; } .cc-banner.cc-top { left: 0; right: 0; top: 0; } .cc-banner.cc-bottom { left: 0; right: 0; bottom: 0; } .cc-banner .cc-message { display: block; -ms-flex: 1 1 auto; flex: 1 1 auto; max-width: 100%; margin-right: 1em; } .cc-compliance { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: justify; align-content: space-between; } .cc-floating .cc-compliance > .cc-btn { -ms-flex: 1; flex: 1; } .cc-btn + .cc-btn { margin-left: .5em; } @media print { .cc-revoke, .cc-window { display: none; } } @media screen and (max-width: 900px) { .cc-btn { white-space: normal; } } @media screen and (max-width: 414px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape) { .cc-window.cc-top { top: 0; } .cc-window.cc-bottom { bottom: 0; } .cc-window.cc-banner, .cc-window.cc-floating, .cc-window.cc-left, .cc-window.cc-right { left: 0; right: 0; } .cc-window.cc-banner { -ms-flex-direction: column; flex-direction: column; } .cc-window.cc-banner .cc-compliance { -ms-flex: 1 1 auto; flex: 1 1 auto; } .cc-window.cc-floating { max-width: none; } .cc-window .cc-message { margin-bottom: 1em; } .cc-window.cc-banner { -ms-flex-align: unset; align-items: unset; } .cc-window.cc-banner .cc-message { margin-right: 0; } } .cc-floating.cc-theme-classic { padding: 1.2em; border-radius: 5px; } .cc-floating.cc-type-info.cc-theme-classic .cc-compliance { text-align: center; display: inline; -ms-flex: none; flex: none; } .cc-theme-classic .cc-btn { border-radius: 5px; } .cc-theme-classic .cc-btn:last-child { min-width: 140px; } .cc-floating.cc-type-info.cc-theme-classic .cc-btn { display: inline-block; } .cc-theme-edgeless.cc-window { padding: 0; } .cc-floating.cc-theme-edgeless .cc-message { margin: 2em; margin-bottom: 1.5em; } .cc-banner.cc-theme-edgeless .cc-btn { margin: 0; padding: .8em 1.8em; height: 100%; } .cc-banner.cc-theme-edgeless .cc-message { margin-left: 1em; } .cc-floating.cc-theme-edgeless .cc-btn + .cc-btn { margin-left: 0; } .croppie-container { width: 100%; height: 100%; } .croppie-container .cr-image { z-index: -1; position: absolute; top: 0; left: 0; transform-origin: 0 0; max-height: none; max-width: none; } .croppie-container .cr-boundary { position: relative; overflow: hidden; margin: 0 auto; z-index: 1; width: 100%; height: 100%; } .croppie-container .cr-viewport, .croppie-container .cr-resizer { position: absolute; border: 2px solid #fff; margin: auto; top: 0; bottom: 0; right: 0; left: 0; box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.5); z-index: 0; } .croppie-container .cr-resizer { z-index: 2; box-shadow: none; pointer-events: none; } .croppie-container .cr-resizer-vertical, .croppie-container .cr-resizer-horisontal { position: absolute; pointer-events: all; } .croppie-container .cr-resizer-vertical::after, .croppie-container .cr-resizer-horisontal::after { display: block; position: absolute; box-sizing: border-box; border: 1px solid black; background: #fff; width: 10px; height: 10px; content: ''; } .croppie-container .cr-resizer-vertical { bottom: -5px; cursor: row-resize; width: 100%; height: 10px; } .croppie-container .cr-resizer-vertical::after { left: 50%; margin-left: -5px; } .croppie-container .cr-resizer-horisontal { right: -5px; cursor: col-resize; width: 10px; height: 100%; } .croppie-container .cr-resizer-horisontal::after { top: 50%; margin-top: -5px; } .croppie-container .cr-original-image { display: none; } .croppie-container .cr-vp-circle { border-radius: 50%; } .croppie-container .cr-overlay { z-index: 1; position: absolute; cursor: move; -ms-touch-action: none; touch-action: none; } .croppie-container .cr-slider-wrap { width: 75%; margin: 15px auto; text-align: center; } .croppie-result { position: relative; overflow: hidden; } .croppie-result img { position: absolute; } .croppie-container .cr-image, .croppie-container .cr-overlay, .croppie-container .cr-viewport { transform: translateZ(0); } /*************************************/ /***** STYLING RANGE INPUT ***********/ /*************************************/ /*http://brennaobrien.com/blog/2014/05/style-input-type-range-in-every-browser.html */ /*************************************/ .cr-slider { -webkit-appearance: none; /*removes default webkit styles*/ /*border: 1px solid white; */ /*fix for FF unable to apply focus style bug */ width: 300px; /*required for proper track sizing in FF*/ max-width: 100%; padding-top: 8px; padding-bottom: 8px; background-color: transparent; } .cr-slider::-webkit-slider-runnable-track { width: 100%; height: 3px; background: rgba(0, 0, 0, 0.5); border: 0; border-radius: 3px; } .cr-slider::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: #ddd; margin-top: -6px; } .cr-slider:focus { outline: none; } /* .cr-slider:focus::-webkit-slider-runnable-track { background: #ccc; } */ .cr-slider::-moz-range-track { width: 100%; height: 3px; background: rgba(0, 0, 0, 0.5); border: 0; border-radius: 3px; } .cr-slider::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: #ddd; margin-top: -6px; } /*hide the outline behind the border*/ .cr-slider:-moz-focusring { outline: 1px solid white; outline-offset: -1px; } .cr-slider::-ms-track { width: 100%; height: 5px; background: transparent; /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */ border-color: transparent; /*leave room for the larger thumb to overflow with a transparent border */ border-width: 6px 0; color: transparent; /*remove default tick marks*/ } .cr-slider::-ms-fill-lower { background: rgba(0, 0, 0, 0.5); border-radius: 10px; } .cr-slider::-ms-fill-upper { background: rgba(0, 0, 0, 0.5); border-radius: 10px; } .cr-slider::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: #ddd; margin-top: 1px; } .cr-slider:focus::-ms-fill-lower { background: rgba(0, 0, 0, 0.5); } .cr-slider:focus::-ms-fill-upper { background: rgba(0, 0, 0, 0.5); } /*******************************************/ /***********************************/ /* Rotation Tools */ /***********************************/ .cr-rotate-controls { position: absolute; bottom: 5px; left: 5px; z-index: 1; } .cr-rotate-controls button { border: 0; background: none; } .cr-rotate-controls i:before { display: inline-block; font-style: normal; font-weight: 900; font-size: 22px; } .cr-rotate-l i:before { content: '\21BA'; } .cr-rotate-r i:before { content: '\21BB'; } @font-face { font-family: 'PT Sans'; src: url(../font/16cf54c011ae5f138f719d6614ed13be.eot); src: url(../font/16cf54c011ae5f138f719d6614ed13bed41d.eot?#iefix) format("embedded-opentype"), url(../font/5e393f8b0ebfb4fc1357da8b0ec087b5.woff2) format("woff2"), url(../font/28f474bbeff3d09a776b5fb5ae5759fa.woff) format("woff"), url(../font/a7baa37098c09833f8854b72334977d0.ttf) format("truetype"), url(../font/e52deeb1f79992c7669804912f29920b.svg#PTSans-Regular) format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'PT Sans'; src: url(../font/0be046f250fffbfddc51628e9db2f390.eot); src: url(../font/0be046f250fffbfddc51628e9db2f390d41d.eot?#iefix) format("embedded-opentype"), url(../font/a5ab8cd2d5a81a105e40065325029a63.woff2) format("woff2"), url(../font/e40f8ac5187771fe9a73b0aada7b2574.woff) format("woff"), url(../font/f6c1243949bcf1fe41c9c6a667350708.ttf) format("truetype"), url(../font/143809f8afcb73b5732e42ed094cfcc2.svg#PTSans-Italic) format("svg"); font-weight: normal; font-style: italic; } @font-face { font-family: 'PT Sans'; src: url(../font/17f7cde2d2e13ac7234cb77352ba96c6.eot); src: url(../font/17f7cde2d2e13ac7234cb77352ba96c6d41d.eot?#iefix) format("embedded-opentype"), url(../font/bf9026ea66b39dd328d8b29e07b1479d.woff2) format("woff2"), url(../font/a98086b9f08f1ba523c302107bd8153b.woff) format("woff"), url(../font/1d74d63d6b809d23e284d6c1362ca419.ttf) format("truetype"), url(../font/239a811d4c27db5cb498fd98bbffbd37.svg#PTSans-Bold) format("svg"); font-weight: bold; font-style: normal; } @font-face { font-family: 'PT Sans'; src: url(../font/fb0376787ab00cd209d9ed12533d2b64.eot); src: url(../font/fb0376787ab00cd209d9ed12533d2b64d41d.eot?#iefix) format("embedded-opentype"), url(../font/323ad183a041f72c4bf082206af59662.woff2) format("woff2"), url(../font/d82c6a42ca4981b2aa1b1924b7af53eb.woff) format("woff"), url(../font/d50ac01dd61b2cd1ed32dec2889e463a.ttf) format("truetype"), url(../font/9c8698b5e9429c8879929ebda0ccb884.svg#PTSans-BoldItalic) format("svg"); font-weight: bold; font-style: italic; } @font-face { font-family: 'PT Sans Narrow'; src: url(../font/23dbcd7862b8a1406e70fd334440cb1a.eot); src: url(../font/23dbcd7862b8a1406e70fd334440cb1ad41d.eot?#iefix) format("embedded-opentype"), url(../font/ea21bbb0a600478ba7128115fa03d44e.woff2) format("woff2"), url(../font/4e95bf85542d429c3cbb180e7fe7c57b.woff) format("woff"), url(../font/7294ed28bbf82eb40d4a5d9cfed80e00.ttf) format("truetype"), url(../font/3c1ff1f35755a5c9e30f1f9b561e34a3.svg#PTSans-Narrow) format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'PT Sans Narrow'; src: url(../font/eee242fee65b1756ecf07311b8579241.eot); src: url(../font/eee242fee65b1756ecf07311b8579241d41d.eot?#iefix) format("embedded-opentype"), url(../font/8c8b216586b3df246bdb275205ce7682.woff2) format("woff2"), url(../font/1feff7d0d1843763a6f2a7419ad347d1.woff) format("woff"), url(../font/9243022b7f9fc2643afd5fdd6031e8c8.ttf) format("truetype"), url(../font/107aa89dc14caaeaee75941ca084e41d.svg#PTSans-NarrowBold) format("svg"); font-weight: bold; font-style: normal; } @font-face { font-family: 'Racing Sans One'; src: url(../font/2d1dbcaa36c8164157ecf1f945ede63d.eot); src: url(../font/2d1dbcaa36c8164157ecf1f945ede63dd41d.eot?#iefix) format("embedded-opentype"), url(../font/957974078e9d624946b75f700bfec6ae.woff2) format("woff2"), url(../font/014ce1634ee36428e5672d707aee9430.woff) format("woff"), url(../font/80b369431876082bf7f07eea7b5c852a.ttf) format("truetype"), url(../font/f12c884aa0fd03809919f72b4a50f454.svg#RacingSansOne-Regular) format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Kenteken'; src: url(../font/95c32b5f24d184580fa6f0f5d49d778c.eot); src: url(../font/95c32b5f24d184580fa6f0f5d49d778cd41d.eot?#iefix) format("embedded-opentype"), url(../font/ec8539b6298b109bd169492d2afb982b.woff2) format("woff2"), url(../font/810b20af42a47b5a592f1fbb116027f7.woff) format("woff"), url(../font/696234cad42573ffba65a26641d84fa8.ttf) format("truetype"), url(../font/72ea1c29884784afc989e2281d7626cf.svg#Kenteken) format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Alte DIN 1451 Mittelschrift'; src: url(../font/6358caf63687a16d113fe08c5bfee4e4.eot); src: url(../font/6358caf63687a16d113fe08c5bfee4e4d41d.eot?#iefix) format("embedded-opentype"), url(../font/e1c1fb98366eec9c417a5c2e74abcc28.woff2) format("woff2"), url(../font/a175559a43cc59005197e2ea29ecd25b.woff) format("woff"), url(../font/d027bce0f28f822a6c65273c02f603aa.ttf) format("truetype"), url(../font/35a6cb0b7b3af543ee92fdee4601bacf.svg#AlteDIN1451Mittelschrift) format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'UKNumberPlate'; src: url(../font/092bd38f5de064ca061a59bea5d3864d.eot); src: url(../font/092bd38f5de064ca061a59bea5d3864dd41d.eot?#iefix) format("embedded-opentype"), url(../font/e9ab12f03f7c35290da978a8d1f8a2b7.woff2) format("woff2"), url(../font/06d99dc86c8ec0e59768ce75fe7b465c.woff) format("woff"), url(../font/2a5d880c91a3cace2f6bbce6eaf95fc4.ttf) format("truetype"), url(../font/7a11f30d13a09e4f65192a3c1af57206.svg#UKNumberPlate) format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'mpmoil-2018'; src: url(../font/df0470a8a2bb507fa08f500202539fbb.eot); src: url(../font/df0470a8a2bb507fa08f500202539fbbd41d.eot?#iefix) format("embedded-opentype"), url(../font/812e8a5921815f527752a2bd99ff28d9.woff) format("woff"), url(../font/0458c4cb56a63f46b167e4f63569387f.ttf) format("truetype"), url(../font/084debebb6a458acecfdb13a464cb656.svg#mpmoil-2018) format("svg"); font-weight: normal; font-style: normal; } [data-icon]:before { font-family: 'mpmoil-2018' !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^='icon-']:before, [class*=' icon-']:before { font-family: 'mpmoil-2018' !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^='icon-']:before.icon-round, [class*=' icon-']:before.icon-round { padding: 10px; } .icon-sort-amount-asc:before { content: "b"; } .icon-sort-amount-desc:before { content: "c"; } .icon-sort:before { content: "a"; } .icon-sort-asc:before { content: "d"; } .icon-sort-desc:before { content: "e"; } .icon-search:before { content: "g"; } .icon-android-arrow-dropleft-circle:before { content: "r"; } .icon-android-arrow-dropright-circle:before { content: "s"; } .icon-android-arrow-dropup-circle:before { content: "t"; } .icon-android-arrow-dropdown-circle:before { content: "u"; } .icon-android-cancel:before { content: "v"; } .icon-android-add-circle:before { content: "w"; } .icon-android-add:before { content: "x"; } .icon-android-arrow-dropup:before { content: "y"; } .icon-android-arrow-dropleft:before { content: "z"; } .icon-android-arrow-dropdown:before { content: "A"; } .icon-android-arrow-dropright:before { content: "B"; } .icon-android-remove-circle:before { content: "C"; } .icon-android-radio-button-off:before { content: "D"; } .icon-checkmark-circled:before { content: "E"; } .icon-chatbubbles:before { content: "H"; } .icon-android-radio-button-on:before { content: "I"; } .icon-checkmark:before { content: "i"; } .icon-earth:before { content: "h"; } .icon-waterdrop:before { content: "j"; } .icon-android-warning:before { content: "L"; } .icon-chatboxes:before { content: "k"; } .icon-chatbox-working:before { content: "l"; } .icon-chatbox:before { content: "m"; } .icon-android-pin:before { content: "o"; } .icon-star:before { content: "q"; } .icon-star-open:before { content: "F"; } .icon-tag:before { content: "n"; } .icon-tags:before { content: "p"; } .icon-share:before { content: "G"; } .icon-android-home:before { content: "J"; } .icon-android-drafts:before { content: "K"; } .icon-android-create:before { content: "M"; } .icon-android-delete:before { content: "N"; } .icon-android-cart:before { content: "O"; } .icon-android-call:before { content: "P"; } .icon-android-attach:before { content: "Q"; } .icon-document:before { content: "R"; } .icon-document-text:before { content: "S"; } .icon-printer:before { content: "T"; } .icon-record:before { content: "U"; } .icon-ios-world:before { content: "V"; } .icon-ios-world-outline:before { content: "W"; } .icon-android-globe:before { content: "X"; } .icon-android-settings:before { content: "Y"; } .icon-arrow-down-a:before { content: "Z"; } .icon-info-circled:before { content: "1"; } .icon-thumbs-up:before { content: "0"; } .icon-select:before { content: "2"; } .icon-filter:before { content: "f"; } .icon-erlenmeyer-flask-bubbles:before { content: "3"; } .icon-gear-b:before { content: "4"; } .icon-android-favorite:before { content: "6"; } .icon-android-favorite-outline:before { content: "7"; } .icon-help:before { content: "5"; } .icon-cube:before { content: "8"; } .icon-flag:before { content: "9"; } .icon-person:before { content: "!"; } .icon-android-share-alt:before { content: "\""; } .icon-android-open:before { content: "#"; } .icon-android-refresh:before { content: "$"; } .icon-arrow-right-a:before { content: "%"; } .icon-arrow-up-a:before { content: "&"; } .icon-arrow-left-a:before { content: "'"; } .icon-paper-plane:before { content: "("; } .icon-wrench-circled:before { content: "*"; } .icon-traffic-cone:before { content: "-"; } .icon-dashboard-1:before { content: "."; } .icon-gauge:before { content: "+"; } .icon-ios-contact-outline:before { content: ")"; } .icon-android-download:before { content: ","; } .icon-android-upload:before { content: "/"; } .icon-android-cloud-done:before { content: ":"; } .icon-at:before { content: ";"; } .icon-locked:before { content: "<"; } .icon-android-car:before { content: "="; } .icon-android-apps:before { content: ">"; } .icon-android-clipboard:before { content: "?"; } .icon-android-options:before { content: "@"; } .icon-person-stalker:before { content: "["; } .icon-person-add:before { content: "]"; } .icon-podium:before { content: "^"; } .icon-ribbon-a:before { content: "_"; } .icon-settings:before { content: "`"; } .icon-social-buffer:before { content: "{"; } .icon-stats-bars:before { content: "|"; } .icon-wrench:before { content: "}"; } .icon-birthday-cake:before { content: "~"; } .icon-building:before { content: "\\"; } .icon-building-o:before { content: "\E000"; } .icon-cloud-upload:before { content: "\E002"; } .icon-cloud-download:before { content: "\E003"; } .icon-cloud-1:before { content: "\E004"; } .icon-ios-football:before { content: "\E005"; } .icon-account-type:before { content: "\E001"; } .icon-automotive-business:before { content: "\E006"; } .icon-profile:before { content: "\E007"; } .icon-reset-password:before { content: "\E008"; } .icon-link:before { content: "\E009"; } .icon-workshop:before { content: "\E00A"; } .icon-recommendation:before { content: "\E00B"; } .icon-home:before { content: "\E00C"; } .icon-fuel:before { content: "\E00D"; } .icon-leaf:before { content: "\E00E"; } .icon-industry:before { content: "\E00F"; } .icon-clipboard:before { content: "\E010"; } .icon-erlenmeyer-flask:before { content: "\E011"; } .icon-flow-branch:before { content: "\E012"; } .icon-truck:before { content: "\E013"; } .icon-boat:before { content: "\E014"; } .icon-invite-to-team:before { content: "\E015"; } .icon-request-to-join:before { content: "\E016"; } .icon-android-alarm-clock:before { content: "\E017"; } .icon-camera:before { content: "\E018"; } .icon-products-1l-5l:before { content: "\E019"; } .icon-products-1l:before { content: "\E01A"; } .icon-products-5l:before { content: "\E01B"; } .icon-news:before { content: "\E01C"; } .icon-clock:before { content: "\E01D"; } .icon-box:before { content: "\E01E"; } .icon-item-on-request-1:before { content: "\E01F"; } .icon-eye:before { content: "\E022"; } .icon-eye-disabled:before { content: "\E023"; } .icon-group-full:before { content: "\E024"; } .icon-group-full-add:before { content: "\E025"; } .icon-group-full-edit:before { content: "\E026"; } .icon-group-full-remove:before { content: "\E027"; } .icon-group-full-security:before { content: "\E028"; } .icon-user-full:before { content: "\E029"; } .icon-user-full-add:before { content: "\E02A"; } .icon-user-full-edit:before { content: "\E02B"; } .icon-user-full-information:before { content: "\E02C"; } .icon-user-full-remove:before { content: "\E02D"; } .icon-user-full-security:before { content: "\E02E"; } .icon-user-full-settings:before { content: "\E02F"; } .icon-oil-specialist:before { content: "\E020"; } .icon-profile-submit:before { content: "\E021"; } .icon-page-copy:before { content: "\E030"; } .preload-transitions * { transition: none !important; } html { background: #000; } body { background: #202020; } body.open-nav { overflow: hidden; height: 100%; } body.open-nav .mobile-menu { left: 0; box-shadow: 1rem 0 4.28571rem 0.71429rem black; } body.open-nav .mobile-menu .mobile-menu-close { opacity: 1; } body.open-nav .mobile-menu .menu .menu-search .btn { opacity: 1; } body.open-nav .site-canvas:after { z-index: 0; opacity: 1; } body.open-nav .site-canvas, body.open-nav .navbar-dark.main { left: 82%; } @media (min-width: 768px) { body.open-nav .site-canvas, body.open-nav .navbar-dark.main { left: 50%; } } body.open-nav .navbar-dark.main .navbar-toggler { opacity: 0; } body.open-nav.show-submenu .site-canvas, body.open-nav.show-submenu .navbar-dark.main { left: 93%; } @media (min-width: 768px) { body.open-nav.show-submenu .site-canvas, body.open-nav.show-submenu .navbar-dark.main { left: 93%; } } body.open-nav.show-submenu .mobile-menu { width: 93%; } body.open-nav.show-submenu .mobile-menu .menu { width: 50%; } .alt { position: absolute !important; overflow: hidden; height: 1px; width: 1px; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); } .hr-text { overflow: hidden; display: block; color: #999; font-size: 1.42857rem; font-weight: bold; text-align: center; margin-bottom: 0.71429rem; } .hr-text span { position: relative; display: inline-block; padding: 0 0.71429rem; } .hr-text span:before, .hr-text span:after { position: absolute; display: block; content: ''; top: 50%; right: 100%; width: 200%; height: 0.07143rem; background: #999; } .hr-text span:after { left: 100%; right: auto; } img { max-width: 100%; } .content-wrapper > .container { padding-top: 2.14286rem; padding-bottom: 2.14286rem; } .outer-container { overflow: hidden; color: #000; background: #ccc; } .outer-container.sports { color: #fff; background: #303030; } .outer-container.sports .content-wrapper { background: none; } .outer-container.sports .content-wrapper > .container { position: relative; } .outer-container.sports .content-wrapper > .container:before, .outer-container.sports .content-wrapper > .container:after { position: absolute; display: block; content: ''; width: 200%; height: 100%; max-height: 107.14286rem; right: 50%; bottom: 0; background-image: linear-gradient(to bottom, #303030 0%, #014c8f 100%); background-repeat: repeat-x; } .outer-container.sports .content-wrapper > .container:after { left: 50%; right: auto; } .outer-container.courtesy-cars .content-wrapper, .outer-container.content-page .content-wrapper, .outer-container.news-detail .content-wrapper { background: #ccc; } .outer-container.specialist-detail.merchandise-specialist .content-wrapper.background-specialist { padding-top: 0; } .outer-container.sports-detail { color: #fff; } .outer-container.specialist-detail .content-wrapper.background-specialist { padding-top: 2.14286rem; padding-bottom: 2.14286rem; background: #202020 url("../img/oilspecialist/bg-oil-news.jpg") no-repeat center top; } .outer-container.dark { color: #fff; background: #202020; } .outer-container.header-light > .header { color: #000; background: #fff; } .outer-container > .header { position: relative; color: #fff; background: #202020; } .outer-container > .container { padding-top: 0.71429rem; padding-bottom: 0.71429rem; } @media (min-width: 768px) { .outer-container > .container { padding-top: 1.42857rem; padding-bottom: 1.42857rem; } } @media (min-width: 992px) { .outer-container > .container { padding-top: 2.14286rem; padding-bottom: 2.14286rem; } } .outer-container > .container.light { position: relative; background: #fff; } .outer-container > .container.light:before, .outer-container > .container.light:after { position: absolute; display: block; content: ''; top: 0; right: 100%; width: 200%; height: 100%; background: #fff; } .outer-container > .container.light:after { left: 100%; right: auto; } @media (min-width: 576px) and (max-width: 767.98px) { .container { max-width: none; } } @media (min-width: 768px) and (max-width: 991.98px) { .container { max-width: none; } } @media (min-width: 1440px) { .container { max-width: 1440px; } } @media (min-width: 768px) { .container { padding-left: 1.42857rem; padding-right: 1.42857rem; } } .site-wrapper { position: relative; overflow-x: hidden; overflow-y: auto; width: 100%; min-width: 18.57143rem; } @media (min-width: 992px) { .site-wrapper { overflow: initial; } } .site-wrapper .site-canvas { position: relative; width: 100%; height: 100%; left: 0; transition: .3s ease all; } .site-wrapper .site-canvas:after { position: absolute; display: block; content: ''; z-index: -1; opacity: 0; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.75); transition: .3s ease opacity; } .site-wrapper .mobile-menu { position: fixed; z-index: 1; width: 82%; height: 100%; top: 0; left: -82%; background: #202020; padding-left: 4.28571rem; transition: .3s ease all; box-shadow: none; background: #181818; } @media (min-width: 768px) { .site-wrapper .mobile-menu { width: 50%; left: -50%; } } .site-wrapper .mobile-menu:before { position: absolute; display: block; content: ''; z-index: 1; left: 0; top: 4.28571rem; width: 100%; height: 0.42857rem; background: #333333; } .site-content { position: relative; z-index: 0; padding-top: 4rem; } /* * Bare layout styling */ body.layout-bare .page-titlebar .title { display: none; } body.layout-bare .container .page { padding-top: 0; } body.layout-bare .outer-container.users.login > .header { padding-top: 0.71429rem; } body.layout-bare:not(.layout-app) .site-content { padding-top: 0; } body.layout-bare:not(.layout-app) h1 { display: none; } .alert { position: relative; font-size: 1.71429rem; font-family: "Racing Sans One", Arial, sans-serif; line-height: 1.85714rem; padding: 0.42857rem 0.85714rem; } .alert-success { color: #000; border-color: #35c561; background-color: #35c561; } .alert-success a, .alert-success a:link, .alert-success a:hover, .alert-success a:active { color: #3590c5; text-decoration: none; } .alert-success .alert-extra { color: #000; opacity: 0.65; } .alert-success.alert-light { color: #fff; } .alert-success.alert-light a, .alert-success.alert-light a:link, .alert-success.alert-light a:hover, .alert-success.alert-light a:active { color: #fff; } .alert-success.alert-light .alert-extra { color: #fff; } .alert-success-outline, .alert-success-outline.light { opacity: 1; color: #35c561; border-color: #35c561; background-color: transparent; } .alert-success-outline a, .alert-success-outline a:link, .alert-success-outline a:hover, .alert-success-outline a:active, .alert-success-outline.light a, .alert-success-outline.light a:link, .alert-success-outline.light a:hover, .alert-success-outline.light a:active { color: #35c561; text-decoration: underline; } .alert-success-outline .alert-extra, .alert-success-outline.light .alert-extra { opacity: 1; } .alert-warning { color: #000; border-color: #ffc500; background-color: #ffc500; } .alert-warning a, .alert-warning a:link, .alert-warning a:hover, .alert-warning a:active { color: #3590c5; text-decoration: none; } .alert-warning .alert-extra { color: #000; opacity: 0.65; } .alert-warning.alert-light { color: #fff; } .alert-warning.alert-light a, .alert-warning.alert-light a:link, .alert-warning.alert-light a:hover, .alert-warning.alert-light a:active { color: #fff; } .alert-warning.alert-light .alert-extra { color: #fff; } .alert-warning-outline, .alert-warning-outline.light { opacity: 1; color: #ffc500; border-color: #ffc500; background-color: transparent; } .alert-warning-outline a, .alert-warning-outline a:link, .alert-warning-outline a:hover, .alert-warning-outline a:active, .alert-warning-outline.light a, .alert-warning-outline.light a:link, .alert-warning-outline.light a:hover, .alert-warning-outline.light a:active { color: #ffc500; text-decoration: underline; } .alert-warning-outline .alert-extra, .alert-warning-outline.light .alert-extra { opacity: 1; } .alert-danger { color: #000; border-color: #ff414d; background-color: #ff414d; } .alert-danger a, .alert-danger a:link, .alert-danger a:hover, .alert-danger a:active { color: #3590c5; text-decoration: none; } .alert-danger .alert-extra { color: #000; opacity: 0.65; } .alert-danger.alert-light { color: #fff; } .alert-danger.alert-light a, .alert-danger.alert-light a:link, .alert-danger.alert-light a:hover, .alert-danger.alert-light a:active { color: #fff; } .alert-danger.alert-light .alert-extra { color: #fff; } .alert-danger-outline, .alert-danger-outline.light { opacity: 1; color: #ff414d; border-color: #ff414d; background-color: transparent; } .alert-danger-outline a, .alert-danger-outline a:link, .alert-danger-outline a:hover, .alert-danger-outline a:active, .alert-danger-outline.light a, .alert-danger-outline.light a:link, .alert-danger-outline.light a:hover, .alert-danger-outline.light a:active { color: #ff414d; text-decoration: underline; } .alert-danger-outline .alert-extra, .alert-danger-outline.light .alert-extra { opacity: 1; } .alert-extra { font-size: 1.14286rem; font-style: normal; font-family: "PT Sans", Arial, sans-serif; } .alert.padded { padding-top: 0.85714rem; padding-bottom: 0.85714rem; } .alert.has-icon { padding-left: 5.71429rem; } .alert.has-icon .icon { position: absolute; opacity: 0.75; font-size: 3.42857rem; top: 50%; left: 1.28571rem; transform: translateY(-50%); } .alert ul, .alert ol { padding-left: 1.28571rem; } .site-content > .alert-container { position: fixed; top: 0; left: 0; right: 0; z-index: 10000; text-align: center; } .site-content > .alert-container .alert { color: #fff; margin-bottom: 0; font-family: "PT Sans", Arial, sans-serif; font-size: 1.28571rem; line-height: normal; padding: 1.14286rem 1.14286rem 1.14286rem; border-bottom: 0.07143rem solid #333333; } .badge { font-size: 1.14286rem; font-weight: bold; padding: 0.35714rem 0.64286rem; } .badge.language { font-size: 0.85714rem; padding: 0.5rem 0.42857rem; } .tag { position: relative; display: inline-block; font-size: 1.14286rem; font-weight: normal; text-transform: uppercase; padding: 0.35714rem 0 0.35714rem 1.71429rem; margin-right: 1.85714rem; margin-bottom: 0; } .tag .fa { position: absolute; top: 50%; left: 0; margin-top: -0.57143rem; } a.btn { -webkit-appearance: none; } .btn { position: relative; z-index: 0; text-transform: uppercase; font-size: 1.07143rem; border-radius: 0; padding: 0.78571rem 0.85714rem 0.78571rem 0.85714rem; margin-bottom: 0.71429rem; transition: all 0.3s ease; outline: 0; } @media screen and (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn.btn-sm, .btn-group-sm > .btn { font-size: 0.85714rem; } .btn:after { position: absolute; display: block; content: ''; bottom: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 0.71429rem 0.71429rem; border-color: transparent transparent #000 transparent; transition: all 0.15s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .btn:after { transition: none; } } .btn:focus:not(.focus-visible) { outline: none; } .btn.arrow-alt:after { position: absolute; display: block; content: ''; bottom: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 0.71429rem 0.71429rem; border-color: transparent transparent #1f417c transparent; transition: all 0.15s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .btn.arrow-alt:after { transition: none; } } .btn.arrow-medium:after { position: absolute; display: block; content: ''; bottom: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 0.71429rem 0.71429rem; border-color: transparent transparent #e7e7e7 transparent; transition: all 0.15s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .btn.arrow-medium:after { transition: none; } } .btn.arrow-light:after { position: absolute; display: block; content: ''; bottom: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 0.71429rem 0.71429rem; border-color: transparent transparent #fff transparent; transition: all 0.15s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .btn.arrow-light:after { transition: none; } } .btn.full-width { width: 100%; } .btn .icon, .btn img.as-icon { position: relative; display: inline-block; width: 2.42857rem; height: 1rem; font-size: 2.14286rem; } .btn .icon:before, .btn img.as-icon:before { position: absolute; top: 50%; left: 0; margin-top: -1rem; } .btn .icon.icon-info-circled, .btn img.as-icon.icon-info-circled { width: 2.14286rem; font-size: 1.85714rem; } .btn .icon.icon-info-circled:before, .btn img.as-icon.icon-info-circled:before { margin-top: -0.78571rem; } .btn .iconrounded, .btn img.as-iconrounded { left: 0; bottom: 0; color: #3590c5; width: 1.71429rem; height: 1.71429rem; font-size: 1.85714rem; text-align: center; border-radius: 50%; margin: -0.28571rem 0.57143rem -0.78571rem 0.28571rem; background: #fff; transform: translateY(-0.28571rem); } .btn .iconrounded:before, .btn img.as-iconrounded:before { left: 50%; font-size: 1.28571rem; line-height: normal; margin-top: 0; transform: translate(-50%, -50%); } .btn .iconrounded.fa:before, .btn img.as-iconrounded.fa:before { margin-top: 0.14286rem; } .btn .iconrounded.primary, .btn img.as-iconrounded.primary { color: #fff; background: #3590c5; } .btn img.as-icon { width: 1.71429rem; height: 1.71429rem; margin-right: 0.71429rem; } .btn .txt-inactive { display: none; } .btn .txt-active { display: inline-block; } .btn.collapsed .txt-inactive { display: inline-block; } .btn.collapsed .txt-active { display: none; } .btn.btn-shadow span:after { position: absolute; display: block; content: ''; z-index: -3; left: 0; bottom: 0; width: 100%; height: 66%; background-image: linear-gradient(to bottom, rgba(31, 65, 124, 0) 0%, rgba(31, 65, 124, 0.33) 100%); background-repeat: repeat-x; } .btn.btn-shadow-top span:after { position: absolute; display: block; content: ''; z-index: -3; top: 0; left: 0; width: 100%; height: 66%; background-image: linear-gradient(to bottom, rgba(31, 65, 124, 0.33) 0%, rgba(31, 65, 124, 0) 100%); background-repeat: repeat-x; } .btn.btn-link:after { display: none; } .btn.btn-secondary:after { display: none; } .btn.btn-outline-secondary:after { display: none; } .btn.title-back:hover { text-decoration: none; } .btn-primary { color: #fff; background-color: #3590c5; border-color: #3590c5; } .btn-primary:hover { color: #212529; background-color: #999; border-color: #999; } .btn-primary:focus, .btn-primary.focus { box-shadow: 0 0 0 0.2rem rgba(53, 144, 197, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #3590c5; border-color: #3590c5; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #333333; border-color: #333333; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(53, 144, 197, 0.5); } .btn-primary:hover { color: #fff; } .btn-primary:not(:disabled):not(.disabled):active:focus { box-shadow: none; } .btn-outline-primary { color: #3590c5; background-color: transparent; background-image: none; border-color: #3590c5; } .btn-outline-primary:hover { color: #999; background-color: #333333; border-color: #333333; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0.2rem rgba(53, 144, 197, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #3590c5; background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #333333; border-color: #333333; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(53, 144, 197, 0.5); } .btn-outline-primary:hover { color: #999; border-color: #999; background: transparent; } .btn-outline-primary:hover:after { border-bottom-color: #999; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus { color: #333333; box-shadow: none; background: none; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus:after { border-bottom-color: #333333; } .btn-outline-primary:after { border-bottom-color: #3590c5; } .btn-outline-primary.btn-top { border-top: 0.35714rem solid #3590c5; padding-top: 0.64286rem; padding-bottom: 0.64286rem; } .btn-outline-primary.btn-top:hover { border-color: #999; } .btn-outline-primary.btn-top:hover:after { border-top-color: #999; } .btn-outline-primary.btn-top:not(:disabled):not(.disabled):active:focus:after { border-top-color: #333333; border-bottom-color: transparent; } .btn-outline-primary.btn-top:after { pointer-events: none; position: absolute; display: block; content: " "; width: 0; height: 0; border: 0.71429rem solid transparent; top: 100%; left: 50%; margin-left: -0.71429rem; border-top: 0.71429rem solid #3590c5; top: 0; left: 50%; margin-top: 0; margin-left: -0.71429rem; } .btn-outline-primary.bg-light { background: #fff !important; } .btn-outline-primary.bg-dark { background: #000 !important; } .btn-secondary { color: #fff; background-color: #3590c5; border-color: #3590c5; } .btn-secondary:hover { color: #212529; background-color: #999; border-color: #999; } .btn-secondary:focus, .btn-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(53, 144, 197, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #3590c5; border-color: #3590c5; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #333333; border-color: #333333; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(53, 144, 197, 0.5); } .btn-secondary:hover { color: #fff; } .btn-secondary:not(:disabled):not(.disabled):active:focus { box-shadow: none; } .btn-outline-secondary { color: #3590c5; background-color: transparent; background-image: none; border-color: #3590c5; } .btn-outline-secondary:hover { color: #999; background-color: #333333; border-color: #333333; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(53, 144, 197, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #3590c5; background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #333333; border-color: #333333; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(53, 144, 197, 0.5); } .btn-outline-secondary:hover { color: #999; border-color: #999; background: transparent; } .btn-outline-secondary:hover:after { border-bottom-color: #999; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus { color: #333333; box-shadow: none; background: none; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus:after { border-bottom-color: #333333; } .btn-outline-secondary:after { border-bottom-color: #3590c5; } .btn-outline-secondary.btn-top { border-top: 0.35714rem solid #3590c5; padding-top: 0.64286rem; padding-bottom: 0.64286rem; } .btn-outline-secondary.btn-top:hover { border-color: #999; } .btn-outline-secondary.btn-top:hover:after { border-top-color: #999; } .btn-outline-secondary.btn-top:not(:disabled):not(.disabled):active:focus:after { border-top-color: #333333; border-bottom-color: transparent; } .btn-outline-secondary.btn-top:after { pointer-events: none; position: absolute; display: block; content: " "; width: 0; height: 0; border: 0.71429rem solid transparent; top: 100%; left: 50%; margin-left: -0.71429rem; border-top: 0.71429rem solid #3590c5; top: 0; left: 50%; margin-top: 0; margin-left: -0.71429rem; } .btn-outline-secondary.bg-light { background: #fff !important; } .btn-outline-secondary.bg-dark { background: #000 !important; } .btn-success { color: #fff; background-color: #35c561; border-color: #35c561; } .btn-success:hover { color: #212529; background-color: #999; border-color: #999; } .btn-success:focus, .btn-success.focus { box-shadow: 0 0 0 0.2rem rgba(53, 197, 97, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #35c561; border-color: #35c561; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #333333; border-color: #333333; } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(53, 197, 97, 0.5); } .btn-success:hover { color: #fff; } .btn-success:not(:disabled):not(.disabled):active:focus { box-shadow: none; } .btn-outline-success { color: #35c561; background-color: transparent; background-image: none; border-color: #35c561; } .btn-outline-success:hover { color: #999; background-color: #333333; border-color: #333333; } .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0.2rem rgba(53, 197, 97, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #35c561; background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #333333; border-color: #333333; } .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(53, 197, 97, 0.5); } .btn-outline-success:hover { color: #999; border-color: #999; background: transparent; } .btn-outline-success:hover:after { border-bottom-color: #999; } .btn-outline-success:not(:disabled):not(.disabled):active:focus { color: #333333; box-shadow: none; background: none; } .btn-outline-success:not(:disabled):not(.disabled):active:focus:after { border-bottom-color: #333333; } .btn-outline-success:after { border-bottom-color: #35c561; } .btn-outline-success.btn-top { border-top: 0.35714rem solid #35c561; padding-top: 0.64286rem; padding-bottom: 0.64286rem; } .btn-outline-success.btn-top:hover { border-color: #999; } .btn-outline-success.btn-top:hover:after { border-top-color: #999; } .btn-outline-success.btn-top:not(:disabled):not(.disabled):active:focus:after { border-top-color: #333333; border-bottom-color: transparent; } .btn-outline-success.btn-top:after { pointer-events: none; position: absolute; display: block; content: " "; width: 0; height: 0; border: 0.71429rem solid transparent; top: 100%; left: 50%; margin-left: -0.71429rem; border-top: 0.71429rem solid #35c561; top: 0; left: 50%; margin-top: 0; margin-left: -0.71429rem; } .btn-outline-success.bg-light { background: #fff !important; } .btn-outline-success.bg-dark { background: #000 !important; } .btn-info { color: #fff; background-color: #3590c5; border-color: #3590c5; } .btn-info:hover { color: #212529; background-color: #999; border-color: #999; } .btn-info:focus, .btn-info.focus { box-shadow: 0 0 0 0.2rem rgba(53, 144, 197, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #3590c5; border-color: #3590c5; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #333333; border-color: #333333; } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(53, 144, 197, 0.5); } .btn-info:hover { color: #fff; } .btn-info:not(:disabled):not(.disabled):active:focus { box-shadow: none; } .btn-outline-info { color: #3590c5; background-color: transparent; background-image: none; border-color: #3590c5; } .btn-outline-info:hover { color: #999; background-color: #333333; border-color: #333333; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0.2rem rgba(53, 144, 197, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #3590c5; background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #333333; border-color: #333333; } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(53, 144, 197, 0.5); } .btn-outline-info:hover { color: #999; border-color: #999; background: transparent; } .btn-outline-info:hover:after { border-bottom-color: #999; } .btn-outline-info:not(:disabled):not(.disabled):active:focus { color: #333333; box-shadow: none; background: none; } .btn-outline-info:not(:disabled):not(.disabled):active:focus:after { border-bottom-color: #333333; } .btn-outline-info:after { border-bottom-color: #3590c5; } .btn-outline-info.btn-top { border-top: 0.35714rem solid #3590c5; padding-top: 0.64286rem; padding-bottom: 0.64286rem; } .btn-outline-info.btn-top:hover { border-color: #999; } .btn-outline-info.btn-top:hover:after { border-top-color: #999; } .btn-outline-info.btn-top:not(:disabled):not(.disabled):active:focus:after { border-top-color: #333333; border-bottom-color: transparent; } .btn-outline-info.btn-top:after { pointer-events: none; position: absolute; display: block; content: " "; width: 0; height: 0; border: 0.71429rem solid transparent; top: 100%; left: 50%; margin-left: -0.71429rem; border-top: 0.71429rem solid #3590c5; top: 0; left: 50%; margin-top: 0; margin-left: -0.71429rem; } .btn-outline-info.bg-light { background: #fff !important; } .btn-outline-info.bg-dark { background: #000 !important; } .btn-warning { color: #212529; background-color: #ffc500; border-color: #ffc500; } .btn-warning:hover { color: #212529; background-color: #999; border-color: #999; } .btn-warning:focus, .btn-warning.focus { box-shadow: 0 0 0 0.2rem rgba(255, 197, 0, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #212529; background-color: #ffc500; border-color: #ffc500; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #fff; background-color: #333333; border-color: #333333; } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 197, 0, 0.5); } .btn-warning:hover { color: #fff; } .btn-warning:not(:disabled):not(.disabled):active:focus { box-shadow: none; } .btn-outline-warning { color: #ffc500; background-color: transparent; background-image: none; border-color: #ffc500; } .btn-outline-warning:hover { color: #999; background-color: #333333; border-color: #333333; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0.2rem rgba(255, 197, 0, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc500; background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #fff; background-color: #333333; border-color: #333333; } .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 197, 0, 0.5); } .btn-outline-warning:hover { color: #999; border-color: #999; background: transparent; } .btn-outline-warning:hover:after { border-bottom-color: #999; } .btn-outline-warning:not(:disabled):not(.disabled):active:focus { color: #333333; box-shadow: none; background: none; } .btn-outline-warning:not(:disabled):not(.disabled):active:focus:after { border-bottom-color: #333333; } .btn-outline-warning:after { border-bottom-color: #ffc500; } .btn-outline-warning.btn-top { border-top: 0.35714rem solid #ffc500; padding-top: 0.64286rem; padding-bottom: 0.64286rem; } .btn-outline-warning.btn-top:hover { border-color: #999; } .btn-outline-warning.btn-top:hover:after { border-top-color: #999; } .btn-outline-warning.btn-top:not(:disabled):not(.disabled):active:focus:after { border-top-color: #333333; border-bottom-color: transparent; } .btn-outline-warning.btn-top:after { pointer-events: none; position: absolute; display: block; content: " "; width: 0; height: 0; border: 0.71429rem solid transparent; top: 100%; left: 50%; margin-left: -0.71429rem; border-top: 0.71429rem solid #ffc500; top: 0; left: 50%; margin-top: 0; margin-left: -0.71429rem; } .btn-outline-warning.bg-light { background: #fff !important; } .btn-outline-warning.bg-dark { background: #000 !important; } .btn-danger { color: #fff; background-color: #ff414d; border-color: #ff414d; } .btn-danger:hover { color: #212529; background-color: #999; border-color: #999; } .btn-danger:focus, .btn-danger.focus { box-shadow: 0 0 0 0.2rem rgba(255, 65, 77, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #ff414d; border-color: #ff414d; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #333333; border-color: #333333; } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 65, 77, 0.5); } .btn-danger:hover { color: #fff; } .btn-danger:not(:disabled):not(.disabled):active:focus { box-shadow: none; } .btn-outline-danger { color: #ff414d; background-color: transparent; background-image: none; border-color: #ff414d; } .btn-outline-danger:hover { color: #999; background-color: #333333; border-color: #333333; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0.2rem rgba(255, 65, 77, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #ff414d; background-color: transparent; } .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #333333; border-color: #333333; } .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 65, 77, 0.5); } .btn-outline-danger:hover { color: #999; border-color: #999; background: transparent; } .btn-outline-danger:hover:after { border-bottom-color: #999; } .btn-outline-danger:not(:disabled):not(.disabled):active:focus { color: #333333; box-shadow: none; background: none; } .btn-outline-danger:not(:disabled):not(.disabled):active:focus:after { border-bottom-color: #333333; } .btn-outline-danger:after { border-bottom-color: #ff414d; } .btn-outline-danger.btn-top { border-top: 0.35714rem solid #ff414d; padding-top: 0.64286rem; padding-bottom: 0.64286rem; } .btn-outline-danger.btn-top:hover { border-color: #999; } .btn-outline-danger.btn-top:hover:after { border-top-color: #999; } .btn-outline-danger.btn-top:not(:disabled):not(.disabled):active:focus:after { border-top-color: #333333; border-bottom-color: transparent; } .btn-outline-danger.btn-top:after { pointer-events: none; position: absolute; display: block; content: " "; width: 0; height: 0; border: 0.71429rem solid transparent; top: 100%; left: 50%; margin-left: -0.71429rem; border-top: 0.71429rem solid #ff414d; top: 0; left: 50%; margin-top: 0; margin-left: -0.71429rem; } .btn-outline-danger.bg-light { background: #fff !important; } .btn-outline-danger.bg-dark { background: #000 !important; } .btn-light { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:hover { color: #212529; background-color: #999; border-color: #999; } .btn-light:focus, .btn-light.focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #fff; background-color: #333333; border-color: #333333; } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-light:hover { color: #fff; } .btn-light:not(:disabled):not(.disabled):active:focus { box-shadow: none; } .btn-outline-light { color: #f8f9fa; background-color: transparent; background-image: none; border-color: #f8f9fa; } .btn-outline-light:hover { color: #999; background-color: #333333; border-color: #333333; } .btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #fff; background-color: #333333; border-color: #333333; } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-light:hover { color: #999; border-color: #999; background: transparent; } .btn-outline-light:hover:after { border-bottom-color: #999; } .btn-outline-light:not(:disabled):not(.disabled):active:focus { color: #333333; box-shadow: none; background: none; } .btn-outline-light:not(:disabled):not(.disabled):active:focus:after { border-bottom-color: #333333; } .btn-outline-light:after { border-bottom-color: #f8f9fa; } .btn-outline-light.btn-top { border-top: 0.35714rem solid #f8f9fa; padding-top: 0.64286rem; padding-bottom: 0.64286rem; } .btn-outline-light.btn-top:hover { border-color: #999; } .btn-outline-light.btn-top:hover:after { border-top-color: #999; } .btn-outline-light.btn-top:not(:disabled):not(.disabled):active:focus:after { border-top-color: #333333; border-bottom-color: transparent; } .btn-outline-light.btn-top:after { pointer-events: none; position: absolute; display: block; content: " "; width: 0; height: 0; border: 0.71429rem solid transparent; top: 100%; left: 50%; margin-left: -0.71429rem; border-top: 0.71429rem solid #f8f9fa; top: 0; left: 50%; margin-top: 0; margin-left: -0.71429rem; } .btn-outline-light.bg-light { background: #fff !important; } .btn-outline-light.bg-dark { background: #000 !important; } .btn-dark { color: #fff; background-color: #333333; border-color: #333333; } .btn-dark:hover { color: #212529; background-color: #999; border-color: #999; } .btn-dark:focus, .btn-dark.focus { box-shadow: 0 0 0 0.2rem rgba(51, 51, 51, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #333333; border-color: #333333; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #333333; border-color: #333333; } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(51, 51, 51, 0.5); } .btn-dark:hover { color: #fff; } .btn-dark:not(:disabled):not(.disabled):active:focus { box-shadow: none; } .btn-outline-dark { color: #333333; background-color: transparent; background-image: none; border-color: #333333; } .btn-outline-dark:hover { color: #999; background-color: #333333; border-color: #333333; } .btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 0.2rem rgba(51, 51, 51, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #333333; background-color: transparent; } .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #333333; border-color: #333333; } .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(51, 51, 51, 0.5); } .btn-outline-dark:hover { color: #999; border-color: #999; background: transparent; } .btn-outline-dark:hover:after { border-bottom-color: #999; } .btn-outline-dark:not(:disabled):not(.disabled):active:focus { color: #333333; box-shadow: none; background: none; } .btn-outline-dark:not(:disabled):not(.disabled):active:focus:after { border-bottom-color: #333333; } .btn-outline-dark:after { border-bottom-color: #333333; } .btn-outline-dark.btn-top { border-top: 0.35714rem solid #333333; padding-top: 0.64286rem; padding-bottom: 0.64286rem; } .btn-outline-dark.btn-top:hover { border-color: #999; } .btn-outline-dark.btn-top:hover:after { border-top-color: #999; } .btn-outline-dark.btn-top:not(:disabled):not(.disabled):active:focus:after { border-top-color: #333333; border-bottom-color: transparent; } .btn-outline-dark.btn-top:after { pointer-events: none; position: absolute; display: block; content: " "; width: 0; height: 0; border: 0.71429rem solid transparent; top: 100%; left: 50%; margin-left: -0.71429rem; border-top: 0.71429rem solid #333333; top: 0; left: 50%; margin-top: 0; margin-left: -0.71429rem; } .btn-outline-dark.bg-light { background: #fff !important; } .btn-outline-dark.bg-dark { background: #000 !important; } [class*="btn-go"] { padding-right: 3.57143rem; } [class*="btn-go"]:before, [class*="btn-go"]:after { position: absolute; display: block; content: ''; z-index: -2; opacity: 1; top: 0; right: 0; bottom: 0; width: 3.85714rem; height: 100%; border: none; transition: opacity 0.3s ease; background: url(../img/buttons/goto.png) no-repeat right top; background-size: cover; } @media screen and (prefers-reduced-motion: reduce) { [class*="btn-go"]:before, [class*="btn-go"]:after { transition: none; } } [class*="btn-go"]:after { z-index: 0; opacity: 0; background-image: url("../img/buttons/goto-dark.png"); } [class*="btn-go"]:hover:before { opacity: 0; } [class*="btn-go"]:hover:after { opacity: 1; } [class*="btn-go"] .arrows { display: none; } .btn-go-inverted:before { background: url(../img/buttons/goto-inverted.png) no-repeat right top; background-size: cover; } .btn-go-inverted.light:before { background: url(../img/buttons/goto-inverted-light.png) no-repeat right top; background-size: cover; } .btn-go-inverted .icon { color: #fff; } .btn-go-inverted .icon.iconrounded:not(.primary) { color: #3590c5; } .btn-go-inverted span { color: #fff; } .btn-go-inverted span:after { position: absolute; display: block; content: ''; opacity: 1; z-index: -3; top: 0; left: 0; bottom: 0; right: 3.85714rem; width: auto; height: 100%; transition: opacity 0.3s ease; background: #3590c5; } @media screen and (prefers-reduced-motion: reduce) { .btn-go-inverted span:after { transition: none; } } .btn-go-inverted:hover .icon { color: inherit; } .btn-go-inverted:hover span { color: inherit; } .btn-go-inverted:hover span:after { opacity: 0; } .btn-go-light { background-color: #fff !important; } .btn-go-light:before { background: url(../img/buttons/goto-light.png) no-repeat right top; background-size: cover; } .btn-go-light:not(:disabled):not(.disabled):active { color: #999 !important; } .btn-go-light:not(:disabled):not(.disabled):active:focus { color: #333333 !important; } .btn-go-important { background-image: linear-gradient(to bottom, #990f23 0%, #c0102f 100%); background-repeat: repeat-x; color: #fff; border-color: #c2102f; } .btn-go-important:before { background: url(../img/buttons/goto-white.png) no-repeat right top; background-size: cover; } .btn-go-important:not(:disabled):not(.disabled):active { color: #999 !important; background-color: transparent !important; } .btn-go-important:not(:disabled):not(.disabled):active:focus { color: #333333 !important; } .btn-go-dark:before { background: url(../img/buttons/goto-dark.png) no-repeat right top; background-size: cover; } .btn-go-dark:not(:disabled):not(.disabled):active { color: #999 !important; background-color: transparent !important; } .btn-go-dark:not(:disabled):not(.disabled):active:focus { color: #333333 !important; } .btn-go-sport { background-color: #fff; } .btn-go-sport:before { background: #fff url(../img/buttons/goto-sport.png) no-repeat right top; background-size: cover; } .btn-go-sport:hover { background: #fff; } .btn-go-sport:not(:disabled):not(.disabled):active { color: #999 !important; background-color: #fff !important; } .btn-go-sport:not(:disabled):not(.disabled):active:focus { color: #333333 !important; } .btn-go-dark-glow { border-color: #753917; box-shadow: 0 0 7px 1px rgba(255, 84, 0, 0.5); } .btn-go-dark-glow:before { background: url(../img/buttons/goto-dark-glow-larger.png) no-repeat right top; background-size: cover; text-shadow: 0.28571rem 0 0.5rem rgba(255, 84, 0, 0.7); width: 5.92857rem; } .btn-go-dark-glow:not(:disabled):not(.disabled):active { color: #999 !important; background-color: transparent !important; } .btn-go-dark-glow:not(:disabled):not(.disabled):active:focus { color: #333333 !important; } .btn-go-dark-glow .icon { transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out; color: #000; background-color: #fbd578; box-shadow: 0 0 1.07143rem 0.42857rem rgba(255, 84, 0, 0.7); } @media screen and (prefers-reduced-motion: reduce) { .btn-go-dark-glow .icon { transition: none; } } .btn-go-dark-glow .icon:before { transition: text-shadow 0.3s ease-in-out; text-shadow: 0.28571rem 0 0.5rem rgba(255, 84, 0, 0.7), -0.28571rem 0 0.5rem rgba(255, 84, 0, 0.7), 0 -0.28571rem 0.5rem rgba(255, 84, 0, 0.7), 0 0.28571rem 0.5rem rgba(255, 84, 0, 0.7); } @media screen and (prefers-reduced-motion: reduce) { .btn-go-dark-glow .icon:before { transition: none; } } .btn-go-dark-glow span { color: #fff; font-weight: bold; } .btn-go-dark-glow span:after { background-color: #000; } .btn-go-dark-glow:hover:before { width: 3.78571rem; } .btn-go-dark-glow:hover .icon { color: #fff; background-color: #999; box-shadow: none; } .btn-go-dark-glow:hover .icon:before { text-shadow: none; } .btn-go-dark-glow:hover img.as-icon { -moz-filter: grayscale(100%); filter: grayscale(100%); } .btn-go-dark-glow:hover span { color: #999; } .btn-go-facebook { color: #4267b2; border-color: #4267b2; } .btn-go-facebook:before { background: url(../img/buttons/goto-facebook.png) no-repeat right top; background-size: cover; } .btn-go-facebook:not(:disabled):not(.disabled):active { color: #4267b2 !important; background-color: transparent !important; } .btn-go-facebook:not(:disabled):not(.disabled):active:focus { color: #333333 !important; } .btn-go-facebook .iconrounded.primary { background: #4267b2; } .btn-group-toggle .btn-primary, .btn-group-toggle .btn-secondary { color: #fff; background-color: #333333; border-color: #333333; } .btn-group-toggle .btn-primary:hover, .btn-group-toggle .btn-secondary:hover { color: #212529; background-color: #999; border-color: #999; } .btn-group-toggle .btn-primary:focus, .btn-group-toggle .btn-primary.focus, .btn-group-toggle .btn-secondary:focus, .btn-group-toggle .btn-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(51, 51, 51, 0.5); } .btn-group-toggle .btn-primary.disabled, .btn-group-toggle .btn-primary:disabled, .btn-group-toggle .btn-secondary.disabled, .btn-group-toggle .btn-secondary:disabled { color: #fff; background-color: #333333; border-color: #333333; } .btn-group-toggle .btn-primary:not(:disabled):not(.disabled):active, .btn-group-toggle .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-group-toggle .btn-primary.dropdown-toggle, .btn-group-toggle .btn-secondary:not(:disabled):not(.disabled):active, .btn-group-toggle .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-group-toggle .btn-secondary.dropdown-toggle { color: #fff; background-color: #3590c5; border-color: #3590c5; } .btn-group-toggle .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-group-toggle .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-group-toggle .btn-primary.dropdown-toggle:focus, .btn-group-toggle .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-group-toggle .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-group-toggle .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(51, 51, 51, 0.5); } .btn-group-toggle .btn-primary:hover, .btn-group-toggle .btn-secondary:hover { color: #fff; } .btn-toggle .txt-inactive { display: inline-block; } .btn-toggle .txt-active { display: none; } .btn-toggle[data-state="on"] .txt-inactive { display: none; } .btn-toggle[data-state="on"] .txt-active { display: inline-block; } .btn-collapse { background-color: #fff; border-left: 0.07143rem solid #ccc; border-right: 0.07143rem solid #ccc; border-bottom: 0; border-top: 0.07143rem solid #ccc; font-size: 1.28571rem; padding-left: 2.85714rem; text-align: left; margin-bottom: 0; padding-top: 0.85714rem; } .btn-collapse:after { content: ""; border: 0; } .btn-collapse:before { font-family: "mpmoil-2018"; position: absolute; content: "C"; color: #3590c5; left: 0.71429rem; font-size: 1.71429rem; text-transform: none; top: 50%; transform: translateY(-50%); } .btn-collapse.collapsed { padding-top: 0.64286rem; border-left: 0.07143rem solid #3590c5; border-right: 0.07143rem solid #3590c5; border-bottom: 0.07143rem solid #3590c5; border-top: 0.28571rem solid #3590c5; } .btn-collapse.collapsed:before { font-family: "mpmoil-2018"; content: "w"; } .btn-collapse.collapsed:after { pointer-events: none; position: absolute; display: block; content: " "; width: 0; height: 0; border: 0.71429rem solid transparent; top: 100%; left: 50%; margin-left: -0.71429rem; border-top: 0.71429rem solid #3590c5; top: 0; transform: translateX(-50%); left: 50%; margin-left: 0; margin-top: 0; transition: none; } .btn-big { overflow: hidden; height: 8.85714rem; color: #fff; font-size: 2.14286rem; font-family: "Racing Sans One", Arial, sans-serif; text-shadow: 0 0 0.42857rem #000; text-align: left; } .btn-big video { position: absolute; z-index: -3; top: 0; left: 0; width: 100%; height: 100%; min-width: 100%; min-height: 100%; -o-object-fit: cover; object-fit: cover; } .btn-big video::-webkit-media-controls { display: none; } .btn-big:before, .btn-big:after { opacity: 1; width: 10rem; height: 8.85714rem; background-image: url("../img/buttons/big.png"); } @supports ((-webkit-clip-path: polygon(0 0, 100% 100%)) or (clip-path: polygon(0 0, 100% 100%))) { .btn-primary { position: relative; overflow: hidden; background: none; transition: all 0.5s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .btn-primary { transition: none; } } .btn-primary:after { display: none; } .btn-primary:hover { border-color: #999; } .btn-primary:hover:before, .btn-primary:hover:after, .btn-primary:hover .corner { background-color: #999; } .btn-primary:hover .icon { animation: btn-icon-hover 0.1s linear 1; } .btn-primary:hover:before { animation: btn-primary-top 1s linear infinite; } .btn-primary:hover:after { animation: btn-primary-bottom 1s linear infinite; } .btn-primary:hover .corner { animation: btn-primary-corner 1s linear infinite; } .btn-primary:not(:disabled):not(.disabled):active:focus { border-color: #333333; background: none; } .btn-primary:not(:disabled):not(.disabled):active:focus:before, .btn-primary:not(:disabled):not(.disabled):active:focus:after, .btn-primary:not(:disabled):not(.disabled):active:focus .corner { background-color: #333333; } .btn-primary:before { position: absolute; display: block; content: ''; z-index: 0; top: 0; left: 0; right: 0; bottom: 1.07143rem; background-color: #3590c5; transition: all 0.5s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .btn-primary:before { transition: none; } } .btn-primary:after { position: absolute; display: block; content: ''; z-index: 0; left: 0; right: 1.07143rem; bottom: 0; width: auto; padding-top: 1.07143rem; border: none; background-color: #3590c5; transition: all 0.5s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .btn-primary:after { transition: none; } } .btn-primary .icon { z-index: 1; } .btn-primary span { position: relative; z-index: 1; } .btn-primary .corner { position: absolute; z-index: 0; right: 0; bottom: -1.07143rem; width: 2.21429rem; height: 2.21429rem; background: #3590c5; transition: all 0.5s ease-in-out; -webkit-clip-path: polygon(0% 0%, 120% 0%, 0% 120%); clip-path: polygon(0% 0%, 120% 0%, 0% 120%); } @media screen and (prefers-reduced-motion: reduce) { .btn-primary .corner { transition: none; } } .btn-primary:hover { background: transparent; } .btn-success { position: relative; overflow: hidden; background: none; transition: all 0.5s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .btn-success { transition: none; } } .btn-success:after { display: none; } .btn-success:hover { border-color: #999; } .btn-success:hover:before, .btn-success:hover:after, .btn-success:hover .corner { background-color: #999; } .btn-success:hover .icon { animation: btn-icon-hover 0.1s linear 1; } .btn-success:hover:before { animation: btn-primary-top 1s linear infinite; } .btn-success:hover:after { animation: btn-primary-bottom 1s linear infinite; } .btn-success:hover .corner { animation: btn-primary-corner 1s linear infinite; } .btn-success:not(:disabled):not(.disabled):active:focus { border-color: #333333; background: none; } .btn-success:not(:disabled):not(.disabled):active:focus:before, .btn-success:not(:disabled):not(.disabled):active:focus:after, .btn-success:not(:disabled):not(.disabled):active:focus .corner { background-color: #333333; } .btn-success:before { position: absolute; display: block; content: ''; z-index: 0; top: 0; left: 0; right: 0; bottom: 1.07143rem; background-color: #35c561; transition: all 0.5s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .btn-success:before { transition: none; } } .btn-success:after { position: absolute; display: block; content: ''; z-index: 0; left: 0; right: 1.07143rem; bottom: 0; width: auto; padding-top: 1.07143rem; border: none; background-color: #35c561; transition: all 0.5s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .btn-success:after { transition: none; } } .btn-success .icon { z-index: 1; } .btn-success span { position: relative; z-index: 1; } .btn-success .corner { position: absolute; z-index: 0; right: 0; bottom: -1.07143rem; width: 2.21429rem; height: 2.21429rem; background: #35c561; transition: all 0.5s ease-in-out; -webkit-clip-path: polygon(0% 0%, 120% 0%, 0% 120%); clip-path: polygon(0% 0%, 120% 0%, 0% 120%); } @media screen and (prefers-reduced-motion: reduce) { .btn-success .corner { transition: none; } } .btn-success:hover { background: transparent; } .btn-info { position: relative; overflow: hidden; background: none; transition: all 0.5s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .btn-info { transition: none; } } .btn-info:after { display: none; } .btn-info:hover { border-color: #999; } .btn-info:hover:before, .btn-info:hover:after, .btn-info:hover .corner { background-color: #999; } .btn-info:hover .icon { animation: btn-icon-hover 0.1s linear 1; } .btn-info:hover:before { animation: btn-primary-top 1s linear infinite; } .btn-info:hover:after { animation: btn-primary-bottom 1s linear infinite; } .btn-info:hover .corner { animation: btn-primary-corner 1s linear infinite; } .btn-info:not(:disabled):not(.disabled):active:focus { border-color: #333333; background: none; } .btn-info:not(:disabled):not(.disabled):active:focus:before, .btn-info:not(:disabled):not(.disabled):active:focus:after, .btn-info:not(:disabled):not(.disabled):active:focus .corner { background-color: #333333; } .btn-info:before { position: absolute; display: block; content: ''; z-index: 0; top: 0; left: 0; right: 0; bottom: 1.07143rem; background-color: #3590c5; transition: all 0.5s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .btn-info:before { transition: none; } } .btn-info:after { position: absolute; display: block; content: ''; z-index: 0; left: 0; right: 1.07143rem; bottom: 0; width: auto; padding-top: 1.07143rem; border: none; background-color: #3590c5; transition: all 0.5s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .btn-info:after { transition: none; } } .btn-info .icon { z-index: 1; } .btn-info span { position: relative; z-index: 1; } .btn-info .corner { position: absolute; z-index: 0; right: 0; bottom: -1.07143rem; width: 2.21429rem; height: 2.21429rem; background: #3590c5; transition: all 0.5s ease-in-out; -webkit-clip-path: polygon(0% 0%, 120% 0%, 0% 120%); clip-path: polygon(0% 0%, 120% 0%, 0% 120%); } @media screen and (prefers-reduced-motion: reduce) { .btn-info .corner { transition: none; } } .btn-info:hover { background: transparent; } .btn-warning { position: relative; overflow: hidden; background: none; transition: all 0.5s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .btn-warning { transition: none; } } .btn-warning:after { display: none; } .btn-warning:hover { border-color: #999; } .btn-warning:hover:before, .btn-warning:hover:after, .btn-warning:hover .corner { background-color: #999; } .btn-warning:hover .icon { animation: btn-icon-hover 0.1s linear 1; } .btn-warning:hover:before { animation: btn-primary-top 1s linear infinite; } .btn-warning:hover:after { animation: btn-primary-bottom 1s linear infinite; } .btn-warning:hover .corner { animation: btn-primary-corner 1s linear infinite; } .btn-warning:not(:disabled):not(.disabled):active:focus { border-color: #333333; background: none; } .btn-warning:not(:disabled):not(.disabled):active:focus:before, .btn-warning:not(:disabled):not(.disabled):active:focus:after, .btn-warning:not(:disabled):not(.disabled):active:focus .corner { background-color: #333333; } .btn-warning:before { position: absolute; display: block; content: ''; z-index: 0; top: 0; left: 0; right: 0; bottom: 1.07143rem; background-color: #ffc500; transition: all 0.5s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .btn-warning:before { transition: none; } } .btn-warning:after { position: absolute; display: block; content: ''; z-index: 0; left: 0; right: 1.07143rem; bottom: 0; width: auto; padding-top: 1.07143rem; border: none; background-color: #ffc500; transition: all 0.5s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .btn-warning:after { transition: none; } } .btn-warning .icon { z-index: 1; } .btn-warning span { position: relative; z-index: 1; } .btn-warning .corner { position: absolute; z-index: 0; right: 0; bottom: -1.07143rem; width: 2.21429rem; height: 2.21429rem; background: #ffc500; transition: all 0.5s ease-in-out; -webkit-clip-path: polygon(0% 0%, 120% 0%, 0% 120%); clip-path: polygon(0% 0%, 120% 0%, 0% 120%); } @media screen and (prefers-reduced-motion: reduce) { .btn-warning .corner { transition: none; } } .btn-warning:hover { background: transparent; } .btn-danger { position: relative; overflow: hidden; background: none; transition: all 0.5s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .btn-danger { transition: none; } } .btn-danger:after { display: none; } .btn-danger:hover { border-color: #999; } .btn-danger:hover:before, .btn-danger:hover:after, .btn-danger:hover .corner { background-color: #999; } .btn-danger:hover .icon { animation: btn-icon-hover 0.1s linear 1; } .btn-danger:hover:before { animation: btn-primary-top 1s linear infinite; } .btn-danger:hover:after { animation: btn-primary-bottom 1s linear infinite; } .btn-danger:hover .corner { animation: btn-primary-corner 1s linear infinite; } .btn-danger:not(:disabled):not(.disabled):active:focus { border-color: #333333; background: none; } .btn-danger:not(:disabled):not(.disabled):active:focus:before, .btn-danger:not(:disabled):not(.disabled):active:focus:after, .btn-danger:not(:disabled):not(.disabled):active:focus .corner { background-color: #333333; } .btn-danger:before { position: absolute; display: block; content: ''; z-index: 0; top: 0; left: 0; right: 0; bottom: 1.07143rem; background-color: #ff414d; transition: all 0.5s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .btn-danger:before { transition: none; } } .btn-danger:after { position: absolute; display: block; content: ''; z-index: 0; left: 0; right: 1.07143rem; bottom: 0; width: auto; padding-top: 1.07143rem; border: none; background-color: #ff414d; transition: all 0.5s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .btn-danger:after { transition: none; } } .btn-danger .icon { z-index: 1; } .btn-danger span { position: relative; z-index: 1; } .btn-danger .corner { position: absolute; z-index: 0; right: 0; bottom: -1.07143rem; width: 2.21429rem; height: 2.21429rem; background: #ff414d; transition: all 0.5s ease-in-out; -webkit-clip-path: polygon(0% 0%, 120% 0%, 0% 120%); clip-path: polygon(0% 0%, 120% 0%, 0% 120%); } @media screen and (prefers-reduced-motion: reduce) { .btn-danger .corner { transition: none; } } .btn-danger:hover { background: transparent; } .btn-light { position: relative; overflow: hidden; background: none; transition: all 0.5s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .btn-light { transition: none; } } .btn-light:after { display: none; } .btn-light:hover { border-color: #999; } .btn-light:hover:before, .btn-light:hover:after, .btn-light:hover .corner { background-color: #999; } .btn-light:hover .icon { animation: btn-icon-hover 0.1s linear 1; } .btn-light:hover:before { animation: btn-primary-top 1s linear infinite; } .btn-light:hover:after { animation: btn-primary-bottom 1s linear infinite; } .btn-light:hover .corner { animation: btn-primary-corner 1s linear infinite; } .btn-light:not(:disabled):not(.disabled):active:focus { border-color: #333333; background: none; } .btn-light:not(:disabled):not(.disabled):active:focus:before, .btn-light:not(:disabled):not(.disabled):active:focus:after, .btn-light:not(:disabled):not(.disabled):active:focus .corner { background-color: #333333; } .btn-light:before { position: absolute; display: block; content: ''; z-index: 0; top: 0; left: 0; right: 0; bottom: 1.07143rem; background-color: #f8f9fa; transition: all 0.5s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .btn-light:before { transition: none; } } .btn-light:after { position: absolute; display: block; content: ''; z-index: 0; left: 0; right: 1.07143rem; bottom: 0; width: auto; padding-top: 1.07143rem; border: none; background-color: #f8f9fa; transition: all 0.5s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .btn-light:after { transition: none; } } .btn-light .icon { z-index: 1; } .btn-light span { position: relative; z-index: 1; } .btn-light .corner { position: absolute; z-index: 0; right: 0; bottom: -1.07143rem; width: 2.21429rem; height: 2.21429rem; background: #f8f9fa; transition: all 0.5s ease-in-out; -webkit-clip-path: polygon(0% 0%, 120% 0%, 0% 120%); clip-path: polygon(0% 0%, 120% 0%, 0% 120%); } @media screen and (prefers-reduced-motion: reduce) { .btn-light .corner { transition: none; } } .btn-light:hover { background: transparent; } .btn-dark { position: relative; overflow: hidden; background: none; transition: all 0.5s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .btn-dark { transition: none; } } .btn-dark:after { display: none; } .btn-dark:hover { border-color: #999; } .btn-dark:hover:before, .btn-dark:hover:after, .btn-dark:hover .corner { background-color: #999; } .btn-dark:hover .icon { animation: btn-icon-hover 0.1s linear 1; } .btn-dark:hover:before { animation: btn-primary-top 1s linear infinite; } .btn-dark:hover:after { animation: btn-primary-bottom 1s linear infinite; } .btn-dark:hover .corner { animation: btn-primary-corner 1s linear infinite; } .btn-dark:not(:disabled):not(.disabled):active:focus { border-color: #333333; background: none; } .btn-dark:not(:disabled):not(.disabled):active:focus:before, .btn-dark:not(:disabled):not(.disabled):active:focus:after, .btn-dark:not(:disabled):not(.disabled):active:focus .corner { background-color: #333333; } .btn-dark:before { position: absolute; display: block; content: ''; z-index: 0; top: 0; left: 0; right: 0; bottom: 1.07143rem; background-color: #333333; transition: all 0.5s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .btn-dark:before { transition: none; } } .btn-dark:after { position: absolute; display: block; content: ''; z-index: 0; left: 0; right: 1.07143rem; bottom: 0; width: auto; padding-top: 1.07143rem; border: none; background-color: #333333; transition: all 0.5s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .btn-dark:after { transition: none; } } .btn-dark .icon { z-index: 1; } .btn-dark span { position: relative; z-index: 1; } .btn-dark .corner { position: absolute; z-index: 0; right: 0; bottom: -1.07143rem; width: 2.21429rem; height: 2.21429rem; background: #333333; transition: all 0.5s ease-in-out; -webkit-clip-path: polygon(0% 0%, 120% 0%, 0% 120%); clip-path: polygon(0% 0%, 120% 0%, 0% 120%); } @media screen and (prefers-reduced-motion: reduce) { .btn-dark .corner { transition: none; } } .btn-dark:hover { background: transparent; } .btn:hover .icon { animation: btn-icon-hover 0.1s linear 1; } .btn:hover .iconrounded { animation: btn-icon-hover-rounded 0.1s linear 1; } [class*="btn-outline"]:not(.btn-top):not(.btn-toggle):not(.btn-collapse):hover:after { transition: all 0.3s ease-in-out; animation: btn-primary-outline-corner 1s linear infinite; } @media screen and (prefers-reduced-motion: reduce) { [class*="btn-outline"]:not(.btn-top):not(.btn-toggle):not(.btn-collapse):hover:after { transition: none; } } [class*="btn-go"] { position: relative; overflow: hidden; cursor: pointer; border: 0.07143rem solid #3590c5; background: none; transition: all 0.5s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { [class*="btn-go"] { transition: none; } } [class*="btn-go"]:before, [class*="btn-go"]:after { display: none; } [class*="btn-go"]:hover { border-color: #999; background: none; } [class*="btn-go"]:hover .left-arrow { animation: btn-goto-arrow-left 0.1s linear 1, btn-goto-arrow-right 0.25s linear 1, btn-goto-idle 0.5s linear infinite; } [class*="btn-go"] .icon { z-index: 1; } [class*="btn-go"] span { z-index: 1; } [class*="btn-go"] .arrows { position: absolute; display: block; z-index: 0; right: 0; bottom: 0; width: 3.85714rem; height: 100%; } [class*="btn-go"] .arrows:after { display: none; } [class*="btn-go"] .arrows span:after { display: none; } [class*="btn-go"] .left-arrow { position: absolute; display: block; left: 0.71429rem; width: 3.14286rem; height: 100%; background: #fff; -webkit-clip-path: polygon(0% 0%, 41.6% 0%, 66.8% 29.6%, 0% 100%, 16% 100%, 81.6% 29.6%, 57.2% 0%); clip-path: polygon(0% 0%, 41.6% 0%, 66.8% 29.6%, 0% 100%, 16% 100%, 81.6% 29.6%, 57.2% 0%); animation: btn-goto-idle 2s linear infinite; } [class*="btn-go"] .right-arrow { position: absolute; display: block; right: -0.07143rem; width: 3.14286rem; height: 100%; background: #3590c5; -webkit-clip-path: polygon(56% 0, 100% 0, 100% 100%, 50% 100%, 16% 100%, 81% 29%); clip-path: polygon(56% 0, 100% 0, 100% 100%, 50% 100%, 16% 100%, 81% 29%); } .btn-collapse:not(:disabled):not(.disabled):active:focus:after { display: none; } .btn-go-inverted { background: #3590c5; } .btn-go-inverted:hover .right-arrow { background: #333333; } .btn-go-inverted.light:hover .left-arrow { background: #333333; } .btn-go-inverted.light:hover .right-arrow { background: #333333; } .btn-go-inverted.light .right-arrow { background: #fff; } .btn-go-inverted .right-arrow { background: #202020; } .btn-go-inverted span:after { display: none; } .btn-go-light { background: #fff; } .btn-go-light:hover .left-arrow { background: #333333; } .btn-go-light:hover .right-arrow { background: #333333; } .btn-go-light .left-arrow { background: #e7e7e7; } .btn-go-light .right-arrow { background: #e7e7e7; } .btn-go-important { border: 0.07143rem solid #c2102f; background-image: linear-gradient(to bottom, #990f23 0%, #c0102f 100%); background-repeat: repeat-x; } .btn-go-important:hover { background: none; } .btn-go-important .right-arrow { background: #fff; } .btn-go-dark:hover .left-arrow { background: #fff; } .btn-go-dark .left-arrow { background: #333333; } .btn-go-dark .right-arrow { background: #333333; } .btn-go-sport { background: #fff; } .btn-go-sport:hover { background: #fff; } .btn-go-sport .left-arrow { background: #3590c5; } .btn-go-sport .right-arrow { background: #333333 url(../img/buttons/goto-carbon.png) repeat-x; } .btn-go-dark-glow { border: 0.07143rem solid #793c15; } .btn-go-dark-glow .arrows { background: linear-gradient(94deg, rgba(0, 0, 0, 0) 0%, #ff5400 100%); } .btn-go-dark-glow .left-arrow { background: #fcc04a; } .btn-go-dark-glow .right-arrow { background: #fbd578; box-shadow: 0 0 10px 0px rgba(255, 84, 0, 0.7) inset; } .btn-go-facebook { border-color: #4267b2; } .btn-go-facebook .iconrounded.primary { background: #4267b2; } .btn-go-facebook .left-arrow { background: #4267b2; } .btn-go-facebook .right-arrow { background: #4267b2; } .btn-big .arrows { width: 9.28571rem; } .btn-big .left-arrow { width: 8.14286rem; background: #fff; } .btn-big .right-arrow { width: 8.14286rem; background: #202020; } @keyframes btn-icon-hover { from { left: 0; font-size: 2.14286rem; line-height: 2.85714rem; } to { left: -0.35714rem; font-size: 2.85714rem; line-height: 2rem; } } @keyframes btn-icon-hover-rounded { from { left: 0; bottom: 0; width: 1.71429rem; height: 1.71429rem; font-size: 2.14286rem; margin-bottom: -0.78571rem; } to { left: -0.35714rem; bottom: -0.5rem; width: 2.28571rem; height: 2.28571rem; font-size: 2.85714rem; margin-bottom: -1rem; } } @keyframes btn-primary-top { from { bottom: 2.14286rem; } to { bottom: 0; } } @keyframes btn-primary-bottom { from { right: 2.14286rem; padding-top: 2.14286rem; } to { right: 0; padding-top: 0; } } @keyframes btn-primary-corner { from { bottom: 0; } to { bottom: -2.14286rem; } } @keyframes btn-primary-outline-corner { from { border-left-width: 2.14286rem; border-bottom-width: 2.14286rem; } to { border-left-width: 0; border-bottom-width: 0; } } @keyframes btn-goto-idle { from { opacity: 1; transform: translateX(-0.71429rem); } to { opacity: 0; transform: translateX(0); } } @keyframes btn-goto-arrow-left { from { transform: translateX(0); } to { transform: translateX(8.57143rem); } } @keyframes btn-goto-arrow-right { from { transform: translateX(-35.71429rem); } to { transform: translateX(0); } } } .card { color: #202020; } .card.no-border { border: 0; } .card-link { position: relative; display: block; } .card-link .card { transition: all 0.15s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .card-link .card { transition: none; } } .card-link-overlay { position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; } .card-link.spacing { margin-bottom: 1.42857rem; } .card-arrow:after { position: absolute; display: block; content: ''; bottom: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 0.71429rem 0.71429rem; border-color: transparent transparent #ccc transparent; transition: all 0.15s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .card-arrow:after { transition: none; } } .card-arrow.primary:after { position: absolute; display: block; content: ''; bottom: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 0.71429rem 0.71429rem; border-color: transparent transparent #3590c5 transparent; transition: all 0.15s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .card-arrow.primary:after { transition: none; } } .card-arrow.primary .card { border-color: #3590c5; } .card-arrow:hover:after { border-bottom-color: #808080; } .card-arrow.highlight-link:after { position: absolute; display: block; content: ''; bottom: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 0.71429rem 0.71429rem; border-color: transparent transparent #d69000 transparent; transition: all 0.15s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .card-arrow.highlight-link:after { transition: none; } } .card-arrow.highlight-link:hover:after { border-bottom-color: #808080; } .card-arrow.highlight-link:hover .card:before { opacity: 0; } .card-arrow.highlight-link:hover .card:after { opacity: 0; } .card-specialist:after { position: absolute; display: block; content: ''; bottom: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 0.71429rem 0.71429rem; border-color: transparent transparent #f9be54 transparent; transition: all 0.15s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .card-specialist:after { transition: none; } } .card-specialist .card { color: #fff; border-color: #f9be54; background: #000; } .card-specialist .card .readmore { color: #f9be54; } .card-product, .card-advice { margin-bottom: 0.71429rem; } @media (min-width: 768px) { .card-product, .card-advice { margin-bottom: 1.42857rem; } } .card-product .card-body, .card-advice .card-body { position: relative; padding: 0.71429rem; } @media (min-width: 768px) { .card-product .col-image, .card-advice .col-image { height: 11.42857rem; margin-bottom: 0.71429rem; } } @media (min-width: 992px) { .card-product .col-image, .card-advice .col-image { margin-bottom: 1.42857rem; } } .card-product .col-image .col-image-container, .card-advice .col-image .col-image-container { position: relative; width: 100%; height: 100%; } .card-product .col-image .col-image-container img, .card-advice .col-image .col-image-container img { top: 50%; transform: translateY(-50%); } .card-product .card-code, .card-advice .card-code { color: #3590c5; font-weight: bold; font-size: 0.85714rem; } .card-product .card-title, .card-advice .card-title { color: #3590c5; font-size: 1.14286rem; font-style: italic; font-weight: bold; } @media (min-width: 768px) { .card-product .card-title, .card-advice .card-title { line-height: normal; } } .card-product .card-desc, .card-advice .card-desc { color: #000; font-size: 1rem; font-family: "PT Sans Narrow", "PT Sans", Arial, sans-serif; } .card-product .card-specs, .card-advice .card-specs { color: #999; font-size: 1rem; font-style: normal; font-family: "PT Sans Narrow", "PT Sans", Arial, sans-serif; } .card-product .card-price, .card-advice .card-price { position: absolute; -ms-flex-align: end; align-items: flex-end; display: -ms-flexbox; display: flex; right: 0; bottom: 0; width: 7.14286rem; height: 7.14286rem; color: #3590c5; font-size: 1.3em; font-family: "Racing Sans One", "PT Sans", Arial, sans-serif; padding: 0.71429rem; } .card-product .card-price span, .card-advice .card-price span { position: relative; display: block; z-index: 1; width: 100%; text-align: right; } .card-product .card-price:before, .card-advice .card-price:before { position: absolute; display: block; content: ''; bottom: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 5.71429rem 5.71429rem; border-color: transparent transparent #ccc transparent; transition: all 0.15s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .card-product .card-price:before, .card-advice .card-price:before { transition: none; } } .card-news-highlight { height: 23rem; border-color: #202020 transparent #d69000; background-size: cover; background-position: center center; transition: .3s ease border; } .card-news-highlight:before, .card-news-highlight:after { position: absolute; display: block; content: ''; top: 0; left: -0.07143rem; bottom: 0; width: 0.07143rem; transition: .3s ease opacity; background-image: linear-gradient(to bottom, #202020 0%, #d69000 100%); background-repeat: repeat-x; } .card-news-highlight:after { left: auto; right: -0.07143rem; } .card-news-highlight .stamp { position: absolute; top: 0.71429rem; left: 0.71429rem; width: 5.71429rem; height: 5.71429rem; background-size: contain; background-position: center center; } .card-news-highlight .icon { position: absolute; top: 50%; left: 1.07143rem; color: #d69000; font-size: 2.85714rem; margin-top: -1.78571rem; } .card-news-highlight .card-body { position: absolute; -ms-flex: none; flex: none; bottom: 0; width: 100%; color: #fff; font-size: 1.14286rem; padding: 0.71429rem; padding-left: 5rem; background-image: linear-gradient(to bottom, #0a0a0a 0%, #471216 100%); background-repeat: repeat-x; } .card-news-highlight .card-body:before { position: absolute; display: block; content: ''; bottom: 100%; left: 0; right: 0; height: 0.71429rem; background: url(../img/highlight/highlight-border.png) left top; } .card-news-highlight .card-cat { color: #d69000; font-size: 0.85714rem; text-transform: uppercase; } .card-news-highlight .card-title { color: #fff; font-size: 1.14286rem; } .card-article .card-tags { display: none; color: #999; font-size: 0.85714rem; text-transform: uppercase; } .card-article .card-tags .list-tags .list-tag-item { position: relative; display: inline; } .card-article .card-tags .list-tags .list-tag-item:before { content: '\2022 '; } .card-article .card-tags .list-tags .list-tag-item:first-child:before { content: ''; } .card-article .card-body { padding: 0.35714rem; } @media (min-width: 768px) { .card-article .card-body { padding: 0.71429rem; } } .card-article .card-image { background-size: cover; background-position: center center; } .card-article .card-image .header-image { display: none; } .card-article .card-date { color: #999; font-size: 0.85714rem; text-transform: uppercase; } .card-article .card-title { color: #3590c5; font-size: 1.14286rem; font-style: italic; font-weight: bold; margin-bottom: 0; } .card-article .card-desc { display: none; } .card-article .readmore { display: none; color: #3590c5; } .card-article .readmore .icon { margin-top: -0.71429rem; margin-bottom: -1.14286rem; } .card-article-featured .card-image { position: static; width: auto; height: auto; background: none !important; } .card-article-featured .card-image .header-image { display: block; } @media (max-width: 767.98px) { .card-article-featured .card-image { height: auto; } } @media (max-width: 767.98px) and (min-width: 768px) { .card-article-featured .card-image { background: none; } } @media (max-width: 767.98px) { .card-article-featured .card-tags, .card-article-featured .card-desc, .card-article-featured .readmore { display: block; } .card-article-featured .card-title { color: #000; font-size: 1.42857rem; font-style: normal; font-weight: normal; font-family: "Racing Sans One", Arial, sans-serif; margin: 0.42857rem 0; } .card-article-image .card-body { min-height: 7.14286rem; padding-left: 7.85714rem; } .card-article-image .card-image { position: absolute; top: 0; left: 0; bottom: 0; width: 7.14286rem; height: 7.14286rem; } } @media (min-width: 768px) { .card-article .card-image { height: auto; } } @media (min-width: 768px) and (min-width: 768px) { .card-article .card-image { background: none !important; } } @media (min-width: 768px) { .card-article .card-image .header-image { display: block; } .card-article .card-tags, .card-article .card-desc, .card-article .readmore { display: block; } .card-article .card-title { color: #000; font-size: 1.42857rem; font-style: normal; font-weight: normal; font-family: "Racing Sans One", Arial, sans-serif; margin: 0.42857rem 0; } } .card-home .card-body { padding: 0.35714rem; } @media (min-width: 768px) { .card-home .card-body { padding: 0.71429rem; } } .card-home .card-image { background-size: cover; background-position: center center; } .card-home .card-image .header-image { display: none; } @media (min-width: 768px) { .card-home .card-image .header-image { display: block; } } .card-home .card-date { color: #999; font-size: 0.85714rem; text-transform: uppercase; } .card-home .card-title { color: #3590c5; font-size: 1.14286rem; font-style: italic; font-family: "PT Sans Narrow", "PT Sans", Arial, sans-serif; font-weight: bold; margin-bottom: 0; } @media (min-width: 992px) { .card-home .card-title { font-family: "PT Sans", Arial, sans-serif; } } .card-home-image .card-body { min-height: 7.14286rem; padding-left: 7.85714rem; } .card-home-image .card-image { position: absolute; top: 0; left: 0; bottom: 0; width: 7.14286rem; height: 7.14286rem; } .card-home-image .card-image .header-image { display: none; } .card-home-featured .card-body { min-height: 0; padding: 0.35714rem; } .card-home-featured .card-image { position: static; width: auto; height: auto; background: none; } .card-home-featured .card-image .header-image { display: block; } .card-home-featured .card-tags, .card-home-featured .card-desc, .card-home-featured .readmore { display: block; } .card-home-featured .card-title { font-style: italic; font-weight: bold; font-family: "PT Sans Narrow", "PT Sans", Arial, sans-serif; } .card-info-highlight { color: #fff; font-size: 1rem; border: 0.07143rem solid #3590c5; margin-top: 0.71429rem; background: none; } @media (min-width: 768px) { .card-info-highlight { font-size: 1.14286rem; } } .card-info-highlight .col-image { height: 15.71429rem; margin-top: 1.42857rem; margin-bottom: 1.42857rem; } @media (min-width: 992px) { .card-info-highlight .col-image { height: 22.85714rem; margin-top: 3.57143rem; margin-bottom: 2.85714rem; } } .card-info-highlight .card-body { padding: 0.71429rem; } @media (min-width: 768px) { .card-info-highlight .card-body { padding: 1.42857rem; } } .card-info-highlight .card-title, .card-info-highlight .card-title-alt { color: #fff; font-size: 1.42857rem; } @media (min-width: 768px) { .card-info-highlight .card-title, .card-info-highlight .card-title-alt { font-size: 1.71429rem; } } .card-info-highlight .card-title-alt { color: #3590c5; } .card-info-highlight .card-title .new { color: #3590c5; text-transform: uppercase; } .card-info-highlight .card-desc { color: #fff; } .card-info-highlight .card-link { color: #3590c5; } .card-info-highlight .check-list { margin-bottom: 0.71429rem; } .card-info-highlight .check-list li { position: relative; padding-left: 2.14286rem; } .card-info-highlight .check-list li .icon { position: absolute; top: 50%; left: 0; transform: translateY(-50%); } .card-info-highlight.light { color: #000; border-color: #ccc; } .card-info-highlight.light .card-body { background: #fff; } @media (min-width: 992px) { .card-info-highlight.light .card-body { padding: 2.14286rem; } } .card-info-highlight.light .card-desc { color: #000; } .card-advice { line-height: 1.28571rem; margin-bottom: 0; } .card-advice .row { -ms-flex-align: center; align-items: center; } @media (min-width: 992px) { .card-advice .row { -ms-flex-align: start; align-items: flex-start; } } .card-advice .card-title { color: #000; font-style: normal; } .card-advice .card-eol { font-size: 1.14286rem; } @media (min-width: 992px) { .card-advice .card-eol { font-weight: bold; } } .card-advice .card-eol a { position: relative; z-index: 11; } .card-advice .card-eol a:hover { color: #999; text-decoration: none; } .card-advice .col-image { height: 5.42857rem; } @media (min-width: 768px) { .card-advice .col-image { margin-bottom: 0; } } .card-advice.no-image:before { top: 50%; bottom: auto; margin-top: -0.92857rem; } .card-advice.no-image .col-image { height: 0.07143rem; } .card-advice.no-image .col-text { padding-left: 3.57143rem; } @media (min-width: 768px) { .card-advice.no-image .col-text { padding-left: 4.28571rem; } } @media (min-width: 992px) { .card-advice.no-image .col-text { padding-left: 0.71429rem; } } .card-advice.no-image .card-desc, .card-advice.no-image .card-specs { display: none !important; } @media (min-width: 992px) { .card-advice .card-code { float: left; min-width: 5rem; color: #3590c5; font-size: 1.28571rem; font-weight: bold; padding-top: 0.14286rem; } .card-advice .card-title { font-size: 1.28571rem; } .card-advice .card-desc, .card-advice .card-specs { font-size: 1.14286rem; } .card-advice .card-data { float: left; } } .card-category { border: none; margin-top: 0.71429rem; background-repeat: no-repeat; background-size: cover; background-position: center center; height: 22.42857rem; } @media (min-width: 768px) { .card-category { margin-top: 1.42857rem; } } .card-category:before { position: absolute; display: block; content: ''; bottom: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 1.07143rem 1.07143rem; border-color: transparent transparent #000 transparent; transition: all 0.15s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .card-category:before { transition: none; } } .card-category:after { position: absolute; display: block; content: ''; bottom: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 0.71429rem 0.71429rem; border-color: transparent transparent #3590c5 transparent; transition: all 0.15s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .card-category:after { transition: none; } } .card-category .card-img-overlay { padding: 0; } .card-category .card-title { min-height: 4.28571rem; font-size: 1.42857rem; font-weight: normal; text-transform: none; padding: 1.42857rem; background-image: linear-gradient(to bottom, #000 0%, rgba(0, 0, 0, 0.4) 100%); background-repeat: repeat-x; } .card-terms h3 { font-size: 1.42857rem; margin-top: 1.42857rem; } .card-terms p { font-size: 1rem; text-align: justify; margin-bottom: 0.35714rem; } .card-terms p strong { font-size: 0.92857rem; } .card-courtesy-car { margin-bottom: 0.71429rem; } @media (min-width: 768px) { .card-courtesy-car { margin-bottom: 1.42857rem; } } .card-courtesy-car .card-image { height: 15rem; background-size: cover; background-position: center center; } .card-courtesy-car .card-image .brand { position: absolute; top: 0.71429rem; left: 0.71429rem; width: auto; height: 2.85714rem; } .card-courtesy-car .card-title { color: #3590c5; font-size: 1.57143rem; font-weight: bold; } .card-courtesy-car .card-pricing { font-size: 1.28571rem; } .card-courtesy-car .card-pricing .price { font-size: 2.57143rem; font-family: "Racing Sans One", Arial, sans-serif; } .card-download { position: relative; } .card-download .card-title { position: absolute; left: 0; right: 0; bottom: 0; min-height: 3.14286rem; color: #fff; font-size: 1.14286rem; font-weight: bold; font-family: "PT Sans Narrow", "PT Sans", Arial, sans-serif; padding: 0.85714rem 1rem 0.71429rem 3.85714rem; margin: 0; background: rgba(0, 0, 0, 0.75); transition: opacity 0.3s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .card-download .card-title { transition: none; } } .card-download .card-title .icon { position: absolute; top: 0.28571rem; left: 0.71429rem; color: #3590c5; font-size: 2.57143rem; } .card-download .card-body { position: absolute; overflow: auto; opacity: 0; top: 0; left: 0; right: 0; bottom: 0; color: #999; font-size: 1.14286rem; padding: 0.71429rem; background: rgba(0, 0, 0, 0.75); transition: opacity 0.3s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .card-download .card-body { transition: none; } } .card-download .card-body .icon { display: block; height: 5rem; color: #3590c5; font-size: 4.28571rem; text-align: center; line-height: normal; } .card-download .card-body .filename { color: #3590c5; margin-bottom: 1.42857rem; } .card-download .card-body .title { color: #fff; font-weight: bold; } .card-download .card-body .title, .card-download .card-body .desc { font-family: "PT Sans Narrow", "PT Sans", Arial, sans-serif; } .card-download .card-body .desc { font-size: 1rem; } .card-download:hover .card-title { opacity: 0; } .card-download:hover .card-body { opacity: 1; } .card-download.no-image { width: 17.85714rem; } .card-download.no-image .card-title { opacity: 0; } .card-download.no-image .card-body { opacity: 1; background: none; } .card-download.no-image .card-body .title { color: #000; } .card-solid { border: none; background-color: #fff; } .container.light .card-solid { background-color: #f2f2f2; } .card-social { border-color: #3590c5; } .outer-container.specialist-detail .card-product, .outer-container.specialist-detail .card-advice { color: #fff; border-color: #f9be54; background-color: #000; } .outer-container.specialist-detail .card-product .card-title, .outer-container.specialist-detail .card-advice .card-title { color: #f9be54; } .outer-container.specialist-detail .card-product .card-desc, .outer-container.specialist-detail .card-advice .card-desc { color: #fff; } .cart .price { font-size: 2.57143rem; font-family: "Racing Sans One", Arial, sans-serif; } .carousel .background-image { width: 100%; } .carousel .carousel-control-prev, .carousel .carousel-control-next { cursor: pointer; opacity: 1; width: 18%; } .carousel .carousel-control-prev span:first-child, .carousel .carousel-control-next span:first-child { border: 1px solid #3590c5; border-radius: 1.42857rem; line-height: 0; height: 2.14286rem; width: 2.14286rem; position: relative; background: #fff; } .carousel .carousel-control-prev span:first-child:before, .carousel .carousel-control-next span:first-child:before { border-right: 0.07143rem solid #3590c5; content: ""; width: 0.78571rem; height: 1rem; display: block; position: absolute; right: 0.85714rem; top: 0.5rem; } .carousel .carousel-control-prev span:first-child:after, .carousel .carousel-control-next span:first-child:after { border-right: 0.07143rem solid #3590c5; border-bottom: 0.07143rem solid #3590c5; transform: rotate(135deg); content: ""; width: 0.71429rem; height: 0.71429rem; display: block; position: absolute; top: 0.64286rem; right: 0.57143rem; } .carousel .carousel-control-prev .icon, .carousel .carousel-control-next .icon { color: #fff; font-size: 4.28571rem; text-shadow: 0 0 1.07143rem #3590c5; } .carousel .carousel-control-next .triangle { transform: rotate(180deg); } .carousel.home-carousel { margin-bottom: -2.14286rem; } @media (min-width: 768px) { .carousel.home-carousel { margin-bottom: -12.57143rem; } } @media (min-width: 992px) { .carousel.home-carousel { margin-bottom: 0; } } .carousel.home-carousel .carousel-control-next, .carousel.home-carousel .carousel-control-prev { margin-top: -2.85714rem; } @media (min-width: 768px) { .carousel.home-carousel .carousel-control-next, .carousel.home-carousel .carousel-control-prev { width: 12%; margin-top: -20%; } } .carousel.home-carousel .overlay { position: absolute; left: 0; right: 0; bottom: 2.85714rem; text-align: center; } @media (min-width: 768px) { .carousel.home-carousel .overlay { bottom: 44%; text-align: left; padding-left: 10%; padding-right: 10%; } } @media (min-width: 768px) { .carousel.home-carousel .overlay > .row { -ms-flex-align: end; align-items: flex-end; } } .carousel.home-carousel .overlay .slide-image { width: 14.28571rem; margin-bottom: 1.14286rem; } @media (min-width: 768px) { .carousel.home-carousel .overlay .slide-image { margin-bottom: 0; } } .carousel.home-carousel .overlay .slide-title { font-size: 2.14286rem; font-family: "Racing Sans One", Arial, sans-serif; text-shadow: -0.14286rem -0.14286rem 0 rgba(255, 255, 255, 0.3), 0.14286rem -0.14286rem 0 rgba(255, 255, 255, 0.3), -0.14286rem 0.14286rem 0 rgba(255, 255, 255, 0.3), 0.14286rem 0.14286rem 0 rgba(255, 255, 255, 0.3); } @media (min-width: 768px) { .carousel.home-carousel .overlay .slide-title { text-shadow: 0 0 0.42857rem #000; } } .carousel.home-carousel .overlay .slide-title i { display: block; color: #3590c5; font-style: normal; } .carousel.home-carousel .overlay .slide-title .maintitle { display: block; color: #000; } @media (min-width: 768px) { .carousel.home-carousel .overlay .slide-title .maintitle { color: #fff; } } .carousel.home-carousel .overlay .slide-title .subtitle { display: block; color: #333333; font-size: 1.42857rem; font-weight: bold; font-family: "PT Sans", Arial, sans-serif; text-transform: uppercase; } @media (min-width: 768px) { .carousel.home-carousel .overlay .slide-title .subtitle { color: #999; } } .carousel-tabbed .carousel-indicators-container .carousel-indicators { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; bottom: 0; padding-bottom: 1.42857rem; margin: -0.35714rem auto 0; margin-left: -0.71429rem; margin-right: -0.71429rem; } @media (max-width: 991.98px) { .carousel-tabbed .carousel-indicators-container .carousel-indicators { padding: 0; } } .carousel-tabbed .carousel-indicators-container .carousel-indicators li { position: relative; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; width: 25%; height: auto; min-height: 5.85714rem; color: #999; font-size: 1.42857rem; font-family: "Racing Sans One", Arial, sans-serif; text-indent: 0; text-align: center; padding: 0 0.71429rem; margin: 0; border: none; background: none; transition: .3s ease all; } .carousel-tabbed .carousel-indicators-container .carousel-indicators li:before { top: -2.28571rem; bottom: auto; transition: .3s ease all; opacity: 0; pointer-events: none; position: absolute; display: block; content: " "; width: 0; height: 0; border: 2.85714rem solid transparent; top: 100%; left: 50%; margin-left: -2.85714rem; border-top: 2.85714rem solid #3590c5; } .carousel-tabbed .carousel-indicators-container .carousel-indicators li.active { color: #fff; border-color: #3590c5; background: #000; background: none; } .carousel-tabbed .carousel-indicators-container .carousel-indicators li.active:before { pointer-events: none; position: absolute; display: block; content: " "; width: 0; height: 0; border: 2.85714rem solid transparent; top: 100%; left: 50%; margin-left: -2.85714rem; border-top: 2.85714rem solid #3590c5; opacity: 1; top: 100%; bottom: auto; } .carousel-tabbed .carousel-indicators-container .carousel-indicators li .card-link { height: 100%; width: 100%; text-align: left; } .carousel-tabbed .carousel-indicators-container .carousel-indicators li .card { height: 100%; background: none; } @media (min-width: 992px) { .carousel-tabbed .carousel-indicators-container .carousel-indicators li .card { min-height: 8.57143rem; } } .carousel-tabbed .carousel-inner .carousel-item { overflow: hidden; min-height: 21.42857rem; } @media (min-width: 1440px) { .carousel-tabbed .carousel-inner .carousel-item { height: 32.14286rem; } } .carousel-tabbed .carousel-inner .carousel-item.bg { background: #fff; } .carousel-tabbed .carousel-inner .carousel-item img { width: 100%; max-width: none; height: auto; text-align: center; transform: translateX(-50%); margin-left: 50%; } @media (min-width: 1440px) { .carousel-tabbed .carousel-inner .carousel-item img { width: auto; height: 32.14286rem; } } .carousel-tabbed .carousel-inner .carousel-item .desc { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .carousel-tabbed .carousel-inner .carousel-item .desc .title { position: absolute; left: 1.42857rem; bottom: 8.57143rem; font-size: 2.14286rem; font-family: "Racing Sans One", Arial, sans-serif; padding-right: 1.42857rem; margin: 0; } @media (min-width: 992px) { .carousel-tabbed .carousel-inner .carousel-item .desc .title { font-size: 5rem; } } .carousel-tabbed .carousel-inner .carousel-item .desc .title .title-inner { display: inline-block; } .carousel-tabbed.carousel-bottom .carousel-indicators-container .carousel-indicators { padding-top: 1.42857rem; padding-bottom: 1.42857rem; margin-top: 0; } .carousel-tabbed.carousel-bottom .carousel-indicators-container .carousel-indicators li:before { top: -5.71429rem; bottom: auto; pointer-events: none; position: absolute; display: block; content: " "; width: 0; height: 0; border: 2.85714rem solid transparent; bottom: 100%; left: 50%; margin-left: -2.85714rem; border-bottom: 2.85714rem solid #3590c5; } .carousel-tabbed-sports .carousel-indicators-container .carousel-indicators li:before { border-top-color: #ebdd81; } .carousel-tabbed-sports .carousel-indicators-container .carousel-indicators li .card-arrow:after { border-bottom-color: #764c19; } .carousel-tabbed-sports .carousel-indicators-container .carousel-indicators li .card { position: relative; border-color: #ebdd81; border-bottom-color: #764c19; } .carousel-tabbed-sports .carousel-indicators-container .carousel-indicators li .card:before, .carousel-tabbed-sports .carousel-indicators-container .carousel-indicators li .card:after { position: absolute; display: block; content: ''; top: 0; left: -0.07143rem; width: 0.07143rem; height: 100%; background: #ebdd81; background-image: linear-gradient(to bottom, #ebdd81 0, #764c19 100%); background-repeat: repeat-x; } .carousel-tabbed-sports .carousel-indicators-container .carousel-indicators li .card:after { left: auto; right: -0.07143rem; } .carousel-tabbed-sports .carousel-inner .carousel-item.bg { background: #202020; } .carousel-tabbed-sports .carousel-control-prev .icon, .carousel-tabbed-sports .carousel-control-next .icon { text-shadow: 0px 3px 10px black; } .carousel-tabbed-sports.carousel-bottom .carousel-indicators-container .carousel-indicators li:before { border-bottom-color: #ebdd81; } .carousel-multiple h2 { font-size: 2.85714rem; margin-bottom: 1.42857rem; } .carousel-multiple .carousel-inner .col { padding: 0 0.71429rem; } .carousel-multiple .carousel-inner .col:nth-child(1n+3) { display: none; } @media (min-width: 768px) { .carousel-multiple .carousel-inner .col:nth-child(1n+3) { display: block; } } .carousel-multiple .carousel-inner .carousel-item.active, .carousel-multiple .carousel-inner .carousel-item-next, .carousel-multiple .carousel-inner .carousel-item-prev { display: -ms-flexbox; display: flex; } .carousel-multiple .carousel-inner .carousel-item-right.active, .carousel-multiple .carousel-inner .carousel-item-next { transform: translateX(50%); } @media (min-width: 768px) { .carousel-multiple .carousel-inner .carousel-item-right.active, .carousel-multiple .carousel-inner .carousel-item-next { transform: translateX(25%); } } .carousel-multiple .carousel-inner .carousel-item-left.active, .carousel-multiple .carousel-inner .carousel-item-prev { transform: translateX(-50%); } @media (min-width: 768px) { .carousel-multiple .carousel-inner .carousel-item-left.active, .carousel-multiple .carousel-inner .carousel-item-prev { transform: translateX(-25%); } } .carousel-multiple .carousel-inner .carousel-item-right, .carousel-multiple .carousel-inner .carousel-item-left { transform: translateX(0); } .carousel-multiple .carousel-control-prev, .carousel-multiple .carousel-control-next { width: auto; padding: 1.42857rem; } .carousel-multiple .carousel-control-prev .icon, .carousel-multiple .carousel-control-next .icon { text-shadow: 0 0.42857rem 0.85714rem #000; } .carousel-multiple .carousel-control-prev { left: -1.42857rem; } @media (min-width: 768px) { .carousel-multiple .carousel-control-prev { left: -2.57143rem; } } .carousel-multiple .carousel-control-next { right: -1.42857rem; } @media (min-width: 768px) { .carousel-multiple .carousel-control-next { right: -2.57143rem; } } .collapsable { margin-bottom: 0.85714rem; } .collapsable .collapsing { margin-top: -0.07143rem; } .collapsable .collapse > .card, .collapsable .collapsing > .card { padding: 0.35714rem 0.71429rem 0.71429rem; border-top: 0; border-bottom: 0.28571rem solid #ccc; } @media (min-width: 992px) { .collapsable .collapse > .card, .collapsable .collapsing > .card { padding: 1.42857rem; } } .collapsable .collapse > .card:after, .collapsable .collapsing > .card:after { pointer-events: none; position: absolute; display: block; content: " "; width: 0; height: 0; border: 0.71429rem solid transparent; bottom: 100%; left: 50%; margin-left: -0.71429rem; border-bottom: 0.71429rem solid #ccc; top: auto; bottom: 0; left: 50%; transform: translateX(-50%); margin-left: 0; margin-top: 0; } .cc-window { color: #999; padding: 1.85714rem; border-top: 0.07143rem solid #999; box-shadow: 0 -0.28571rem 0.35714rem 0 rgba(0, 0, 0, 0.3); background: #000; } .cc-window.cc-floating { left: 0; right: 0; bottom: 0; max-width: none; } .cc-window .cc-link { opacity: 1; color: #999; padding: 0; } .cc-window .cc-link:hover { opacity: .8; } .cc-window .cc-message { font-size: 1.14286rem; } .cc-window .cc-message strong { display: block; font-size: 1.71429rem; font-style: normal; font-weight: normal; font-family: "Racing Sans One", Arial, sans-serif; margin-bottom: 0.42857rem; } @media (max-width: 767.98px) { .cc-window .cc-compliance { display: block; } .cc-window .cc-compliance > .cc-btn { margin: 0; } } .cc-revoke { display: none; color: #fff; padding: 0.71429rem 1rem; border: 0.07143rem solid #3590c5; border-bottom: none; box-shadow: 0 -0.28571rem 0.35714rem 0 rgba(0, 0, 0, 0.3); background: #3590c5; } .cc-revoke.cc-bottom { left: auto; right: 3em; } .cc-btn { width: 100%; border-width: 0.07143rem; } .cc-btn.btn-deny:after, .cc-btn.btn-settings:after { display: none; } .cc-highlight .cc-btn:first-child:focus, .cc-highlight .cc-btn:first-child:hover { text-decoration: none; } .cookie-settings { margin-bottom: 1.42857rem; } .cookie-settings .cookie-types { list-style: none; padding: 0; margin: 0 0 1.42857rem; } .cookie-settings .cookie-types li { position: relative; padding-left: 1.71429rem; margin-top: 0.71429rem; } .cookie-settings .cookie-types li:first-child { margin-top: 0; } .cookie-settings .cookie-types li:before { position: absolute; top: 0.28571rem; left: 0; color: #3590c5; } .cookie-settings .cookie-types li.disabled:before { color: #ff414d; } .cookie-settings .cookie-types .readmore { position: relative; padding-right: 1.14286rem; } .cookie-settings .cookie-types .readmore:before { position: absolute; top: 50%; right: 0; transform: translateY(-50%); } .cookie-settings .saved-message { opacity: 0; color: #35c561; margin-left: 1.42857rem; transition: opacity .3s ease; } .cookie-settings .saved-message.active { opacity: 1; } /** * Courtesy cars detail page */ .outer-container.courtesy-cars { background: #fff; } .outer-container.courtesy-cars .page-titlebar > .row:after { right: 50%; } .outer-container.courtesy-cars > .container { padding-bottom: 0; } @media (max-width: 991.98px) { .courtesy-cars .page-col-1 { -ms-flex-order: 3; order: 3; } .courtesy-cars .page-col-2 { -ms-flex-order: 2; order: 2; } } .intro-courtesy-cars { font-size: 1.14286rem; line-height: 1.85714rem; } .intro-courtesy-cars .subtitle { color: #3590c5; font-size: 1.42857rem; text-transform: uppercase; } .coutesy-cars-overview-container { background: #e7e7e7; position: relative; } .coutesy-cars-overview-container:before { position: absolute; left: -100%; top: 0; width: 100%; height: 100%; background: #e7e7e7; content: ""; } .coutesy-cars-overview-container:after { position: absolute; right: -100%; top: 0; width: 100%; height: 100%; background: #e7e7e7; content: ""; } .overview-courtesy-cars-brands { position: relative; display: block; background: #000; } .overview-courtesy-cars-brands:before { position: absolute; z-index: 0; left: -100%; top: 0; width: 100%; height: 100%; background: #000; content: ""; } .overview-courtesy-cars-brands:after { position: absolute; z-index: 0; right: -100%; top: 0; width: 100%; height: 100%; background: #000; content: ""; } .overview-courtesy-cars-brands .brands { position: relative; z-index: 1; display: block; overflow: hidden; overflow-x: auto; white-space: nowrap; padding: 2.85714rem 0.71429rem; } .overview-courtesy-cars-brands .brands > .col { display: inline-block; -ms-flex: none; flex: none; width: auto; padding-left: 0.71429rem; padding-right: 0.71429rem; } @media (min-width: 768px) { .overview-courtesy-cars-brands .brands > .col { padding-left: 1.42857rem; padding-right: 1.42857rem; } } @media (min-width: 992px) { .overview-courtesy-cars-brands .brands > .col { padding-left: 2.71429rem; padding-right: 2.71429rem; } } .overview-courtesy-cars-brands .brand { position: relative; display: inline-block; } .overview-courtesy-cars-brands .brand.active img { opacity: 1; } .overview-courtesy-cars-brands .brand img { opacity: .5; max-height: 2.85714rem; transition: opacity 0.3s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .overview-courtesy-cars-brands .brand img { transition: none; } } @media (min-width: 768px) { .overview-courtesy-cars-brands .brand img { max-height: 6.42857rem; } } .overview-courtesy-cars-brands .brand img:hover { opacity: 1; } .overview-courtesy-cars-brands.no-brands-selected .brand img { opacity: 1; } .faq-courtesy-cars { padding: 2.85714rem 0; background: #202020; position: relative; } .faq-courtesy-cars:before { position: absolute; left: -100%; top: 0; width: 100%; height: 100%; background: #202020; content: ""; } .faq-courtesy-cars:after { position: absolute; right: -100%; top: 0; width: 100%; height: 100%; background: #202020; content: ""; } .faq-courtesy-cars h3 { font-size: 2.14286rem; color: #fff; } .faq-courtesy-cars p:not(:first-of-type) { border-top: 0.07143rem solid #3590c5; } .faq-courtesy-cars p { padding-top: 0.71429rem; margin-bottom: 0.71429rem; } .faq-courtesy-cars p a { font-size: 1.14286rem; } .faq-courtesy-cars .card { color: #fff; padding: 0; border: none; background: none; } .overview-courtesy-cars { position: relative; overflow: hidden; } .overview-courtesy-cars .spacer { display: none; width: 100%; height: 0; margin-bottom: 1.42857rem; } .overview-courtesy-cars .spacer.active { display: block; } .overview-courtesy-cars .car.active .card { border-color: #202020; } .overview-courtesy-cars .detail-courtesy-car .composer .compose { line-height: normal; } .overview-courtesy-cars .detail-courtesy-car .composer .compose input[disabled] + label { color: #999; text-decoration: line-through; } .overview-courtesy-cars .detail-courtesy-car .composer .compose .options { border: 0.07143rem solid #3e3e3e; margin-bottom: 2.57143rem; } .overview-courtesy-cars .detail-courtesy-car .composer .compose .options td { text-align: left; vertical-align: middle; border: none; padding: 0.57143rem 1.42857rem; } .overview-courtesy-cars .detail-courtesy-car .composer .compose .options td:first-child:not([colspan]) { color: #999; font-family: "PT Sans Narrow", "PT Sans", Arial, sans-serif; text-transform: uppercase; vertical-align: middle; } .overview-courtesy-cars .detail-courtesy-car .composer .compose .options td .row { -ms-flex-align: center; align-items: center; } .overview-courtesy-cars .detail-courtesy-car .composer .compose .options td .price { color: #999; } .overview-courtesy-cars .detail-courtesy-car .composer .compose .total-costs { text-transform: uppercase; margin-bottom: 1.42857rem; } .overview-courtesy-cars .detail-courtesy-car .composer .compose .total-costs .label { display: block; float: left; } .overview-courtesy-cars .detail-courtesy-car .composer .compose .total-costs .total { display: block; float: left; font-size: 2.42857rem; font-family: "Racing Sans One", Arial, sans-serif; margin-top: -0.71429rem; margin-left: 2.14286rem; } .courtesy-car-option-list { text-align: left; width: 100%; } .courtesy-car-option-list td:first-child:not([colspan]) { color: #999; font-family: "PT Sans Narrow", "PT Sans", Arial, sans-serif; text-transform: uppercase; vertical-align: top; width: 200px; } .courtesy-car-option-list.alternating tr:nth-child(odd) td { background-color: #ececec; } .create-account-block { text-align: center; } .create-account-block .footer-heading { display: block; font-style: italic; font-weight: bold; font-family: "PT Sans", Arial, sans-serif; text-transform: uppercase; } .create-account-block .check-list { margin-top: 1.42857rem; font-size: 1.42857rem; text-align: center; padding-bottom: 1.42857rem; } .create-account-block .btn { width: 100%; margin-bottom: 0; } footer .create-account-block { margin-bottom: 1.42857rem; } @media (min-width: 768px) { footer .create-account-block { margin-bottom: 0; } } footer .create-account-block .btn { margin-top: 1rem; } .news-overview .create-account-block .card { color: #fff; background: #000; } .news-overview .create-account-block .card .card-body { padding: 0; margin-bottom: 0; } .news-overview .create-account-block .card .card-body .inner .text { padding: 1.28571rem 1.28571rem 0; } .detail-news-article .create-account-block { border: 0.07143rem solid #999; } .detail-news-article .create-account-block .footer-heading { margin-top: 0.71429rem; } .crop-image.ready .crop-msg { display: none; } .crop-image.ready .upload-result, .crop-image.ready .crop-image-wrap { display: block; } .crop-image.has-image .crop-msg { padding: 0; } .crop-image.has-image .crop-msg span { display: none; } .crop-image .col-form-label { padding-left: 0; padding-right: 0; } .crop-image .file-input { position: relative; } .crop-image .file-input input[type="file"] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; } .crop-image .crop-image-wrap, .crop-image .upload-result { display: none; max-width: 21.42857rem; } .crop-image .crop-msg { position: relative; color: #3590c5; font-size: 1.57143rem; text-align: center; width: 21.42857rem; border: 0.07143rem solid #aaa; padding: 8.28571rem 3.57143rem; margin-bottom: 0; } .crop-image .crop-msg:hover { cursor: pointer; } .crop-image .crop-msg:hover .icon { opacity: 1; } .crop-image .crop-msg .icon { position: absolute; display: block; opacity: 0; top: 0.71429rem; left: 0.71429rem; width: 2.57143rem; color: #3590c5; text-align: center; line-height: 0; border-radius: 50%; padding: 0.57143rem 0; background: rgba(0, 0, 0, 0.75); transition: opacity 0.3s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .crop-image .crop-msg .icon { transition: none; } } .crop-image .croppie-container .cr-boundary { border: 0.07143rem solid #3590c5; margin: 0; } .crop-image .croppie-container .cr-slider-wrap { width: 100%; text-align: left; margin: 0.42857rem 0 0; } .crop-image .crop-save-result { font-weight: bold; } .crop-image .crop-save-result .fail { color: #ff414d; } .crop-image .crop-save-result .success { color: #35c561; } .datepicker table tr td, .datepicker table tr th { color: #000; } .datepicker table tr td.active.active, .datepicker table tr td.active:active, .datepicker table tr td.active.highlighted.active, .datepicker table tr td.active.highlighted:active { border-color: #3590c5; background-color: #3590c5; } /** * Entropy styling */ .entropy-container .entropy-label { display: none; position: absolute; top: 50%; right: 9px; transform: translateY(-50%); } .entropy-container.entropy-too-weak .entropy-label.entropy-too-weak { display: block; } .entropy-container.entropy-too-weak input[type="password"], .entropy-container.entropy-too-weak input[type="password"]:focus { border-color: #ff7e00; outline-color: #ff7e00; } .entropy-container.entropy-weak .entropy-label.entropy-weak { display: block; } .entropy-container.entropy-weak input[type="password"], .entropy-container.entropy-weak input[type="password"]:focus { border-color: #ffc500; outline-color: #ffc500; } .entropy-container.entropy-strong .entropy-label.entropy-strong { display: block; } .entropy-container.entropy-strong input[type="password"], .entropy-container.entropy-strong input[type="password"]:focus { border-color: #35c561; outline-color: #35c561; } .flag-icon-int { background-image: url(../img/flags/international-mpm.svg); } .footer { padding: 1.42857rem 0 1.42857rem; background: #ffffff; } @media (min-width: 768px) { .footer { padding-top: 2.14286rem; } } .footer .footer-heading { display: block; font-size: 1.64286rem; font-style: italic; font-weight: bold; text-transform: uppercase; } .footer .footer-support { margin-bottom: 1.42857rem; } @media (min-width: 768px) { .footer .footer-support { float: right; -ms-flex-order: 2; order: 2; } } .footer .footer-support .footer-support-title { position: relative; height: 5.71429rem; padding-left: 5.71429rem; margin-bottom: 1.42857rem; } .footer .footer-support .footer-support-title::after { display: block; clear: both; content: ""; } @media (min-width: 768px) { .footer .footer-support .footer-support-title { height: auto; text-align: center; padding-left: 0; margin-bottom: 0.71429rem; } } .footer .footer-support .footer-support-title .footer-heading { position: absolute; bottom: -0.42857rem; margin-bottom: 0; } @media (min-width: 768px) { .footer .footer-support .footer-support-title .footer-heading { position: static; bottom: initial; } } .footer .footer-support .footer-support-title img { position: absolute; top: 0; left: 0; height: 100%; } @media (min-width: 768px) { .footer .footer-support .footer-support-title img { position: static; top: initial; left: initial; height: 8.71429rem; margin-top: 1.71429rem; margin-bottom: 1rem; } } @media (min-width: 992px) { .footer .footer-support .footer-support-title img { margin-bottom: 1rem; } } @media (min-width: 1200px) { .footer .footer-support .footer-support-title img { margin-top: 2.28571rem; margin-bottom: 0.42857rem; } } @media (min-width: 1440px) { .footer .footer-support .footer-support-title img { margin-top: 2.14286rem; margin-bottom: 0.57143rem; } } .footer .footer-support .row { margin-left: -0.35714rem; margin-right: -0.35714rem; } .footer .footer-support .row > [class^="col"] { padding-left: 0.35714rem; padding-right: 0.35714rem; } .footer .footer-support .btn { width: 100%; color: #fff; margin-bottom: 0; } @media (max-width: 375.98px) { .footer .footer-support .btn { font-size: 1.14286rem; } } .footer .footer-social { -ms-flex-order: 3; order: 3; text-align: center; list-style: none; padding-left: 0; margin-bottom: 2.85714rem; } .footer .footer-social .social-list { max-width: 31.42857rem; margin: 0 auto; } @media (min-width: 992px) { .footer .footer-social .social-list { margin-top: 1.42857rem; } } .footer .footer-social .fa { display: inline-block; width: 2.85714rem; height: 2.85714rem; color: #000; font-size: 1.71429rem; text-align: center; padding: 0.57143rem; border-radius: 50%; background: #3590c5; transition: .3s ease background-color; } @media (min-width: 576px) { .footer .footer-social .fa { width: 3.92857rem; height: 3.92857rem; font-size: 2.14286rem; padding: 0.85714rem; } } @media (min-width: 1200px) { .footer .footer-social .fa { margin-bottom: 1.42857rem; } } .footer .footer-social .fa:hover { text-decoration: none; background: #fff; } .footer .footer-nav { font-size: 1.14286rem; line-height: 1rem; text-align: center; margin: 0 auto 2.85714rem; } @media (min-width: 992px) { .footer .footer-nav { max-width: 55%; font-size: 1rem; } } .footer .footer-nav .nav-item { display: inline-block; } .footer .footer-nav .nav-item .nav-link { position: relative; padding-left: 0.71429rem; } .footer .footer-nav .nav-item .nav-link:before { position: absolute; display: block; content: '\2022'; top: 50%; left: 0; color: #303030; margin-top: -0.5rem; } @media (min-width: 992px) { .footer .footer-nav .nav-item .nav-link:before { margin-top: -0.5rem; } } .footer .footer-nav .nav-item:first-child { padding-left: 0; } .footer .footer-nav .nav-item:first-child .nav-link:before { display: none; } .footer .footer-contact { position: relative; color: #222222; font-size: 1.14286rem; } @media (min-width: 768px) { .footer .footer-contact { font-size: 1.07143rem; margin-bottom: 0.71429rem; } } @media (min-width: 992px) { .footer .footer-contact { position: static; font-size: 1rem; } } .footer .footer-contact .footer-logo { display: block; width: 17.85714rem; margin: 0 auto 2.85714rem; } .footer .footer-contact .footer-caption { display: block; width: 25.71429rem; margin: 0 auto 2.85714rem; } @media (min-width: 768px) { .footer .footer-contact .footer-caption { width: 35.71429rem; } } .footer .footer-contact .footer-cert { width: 7.14286rem; margin-bottom: 2.85714rem; } @media (min-width: 768px) { .footer .footer-contact .footer-cert { position: absolute; top: 0.42857rem; right: 0; } } @media (min-width: 992px) { .footer .footer-contact .footer-cert { top: auto; right: 0.71429rem; bottom: 12.85714rem; margin-bottom: 0; } } @media (min-width: 1440px) { .footer .footer-contact .footer-cert { bottom: 3.57143rem; } } .footer .footer-contact .footer-eelqms { height: 7.14286rem; margin-right: 1.42857rem; margin-bottom: 2.85714rem; } @media (min-width: 768px) { .footer .footer-contact .footer-eelqms { position: absolute; top: 0.42857rem; right: 7.14286rem; } } @media (min-width: 992px) { .footer .footer-contact .footer-eelqms { top: auto; right: 0.71429rem; bottom: 3.57143rem; margin-bottom: 0; } } @media (min-width: 1440px) { .footer .footer-contact .footer-eelqms { right: 8.57143rem; bottom: 3.57143rem; } } .footer .footer-contact .address, .footer .footer-contact .contact { text-align: center; margin-bottom: 2.85714rem; } @media (min-width: 768px) { .footer .footer-contact .address, .footer .footer-contact .contact { margin-bottom: 1.42857rem; } } .footer .footer-contact .address span, .footer .footer-contact .contact span { position: relative; display: block; } @media (min-width: 768px) { .footer .footer-contact .address span, .footer .footer-contact .contact span { display: inline-block; margin-left: 0.71429rem; } .footer .footer-contact .address span:before, .footer .footer-contact .contact span:before { position: absolute; display: block; content: '\2022'; top: 50%; left: -0.71429rem; color: #303030; margin-top: -0.78571rem; } .footer .footer-contact .address span:first-child, .footer .footer-contact .contact span:first-child { margin-left: 0; } .footer .footer-contact .address span:first-child:before, .footer .footer-contact .contact span:first-child:before { display: none; } } .footer .footer-contact .address { margin-bottom: 0.57143rem; } .footer .footer-copyright { max-width: 77.14286rem; color: #c6c7c9; font-size: 1.07143rem; text-align: center; margin: 0 auto; } .footer .footer-copyright .language { font-size: 0.85714rem; } @media (min-width: 768px) { .footer .footer-copyright .language { font-size: 0.85714rem; } } @media (min-width: 992px) { .footer .footer-copyright .language { float: right; } } .footer .footer-copyright .language:hover { text-decoration: none; } .footer .footer-copyright .language:hover span { text-decoration: underline; } .footer .footer-copyright .language .icon { position: relative; bottom: -0.57143rem; font-size: 1.85714rem; margin-right: 0.42857rem; } .footer .footer-copyright .copyright-text { color: #999; font-size: 0.78571rem; margin-top: 1.14286rem; margin-bottom: 0; } @media (min-width: 768px) { .footer .footer-copyright .copyright-text { font-size: 0.85714rem; margin-top: 0.71429rem; } } @media (min-width: 992px) { .footer .footer-copyright .copyright-text { float: left; } } .footer .footer-copyright .copyright-text span { display: block; } @media (min-width: 768px) { .footer .footer-copyright .copyright-text span { display: inline-block; margin-left: 1.28571rem; } } @media (min-width: 992px) { .footer .footer-copyright .copyright-text span:first-child { margin-left: 1.42857rem; } } .col-form-label { font-size: 1.28571rem; } form.primary-labels .col-form-label { color: #3590c5; } form.primary-labels .form-check > label, form.primary-labels .form-radio > label { color: #000; } .radio-styled, .checkbox-styled, .form-check > input[type="checkbox"] { position: absolute; opacity: 0; } .radio-styled + label, .checkbox-styled + label, .form-check > input[type="checkbox"] + label { position: relative; cursor: pointer; font-size: 1.28571rem; line-height: 1.57143rem; padding: 0 0 0 2.14286rem; } .radio-styled + label:before, .checkbox-styled + label:before, .form-check > input[type="checkbox"] + label:before { position: absolute; display: block; content: ''; left: 0; top: 50%; width: 1.57143rem; height: 1.57143rem; margin-top: -0.78571rem; border: 0.14286rem solid #3590c5; transition: .3s ease background-color; } .radio-styled + label:after, .checkbox-styled + label:after, .form-check > input[type="checkbox"] + label:after { position: absolute; content: ''; opacity: 0; top: 50%; left: 0.42857rem; width: 0.71429rem; height: 1.14286rem; border-bottom: 0.35714rem solid #fff; border-right: 0.35714rem solid #fff; margin-top: -0.71429rem; transform: rotate(45deg); transition: .3s ease opacity; } .radio-styled:hover + label:before, .checkbox-styled:hover + label:before, .form-check > input[type="checkbox"]:hover + label:before { background: #3590c5; } .radio-styled:focus + label:before, .checkbox-styled:focus + label:before, .form-check > input[type="checkbox"]:focus + label:before { box-shadow: 0 0 0 0.21429rem rgba(0, 0, 0, 0.12); } .radio-styled:checked + label:before, .checkbox-styled:checked + label:before, .form-check > input[type="checkbox"]:checked + label:before { background: #3590c5; } .radio-styled:checked + label:after, .checkbox-styled:checked + label:after, .form-check > input[type="checkbox"]:checked + label:after { opacity: 1; } .radio-styled:disabled + label, .checkbox-styled:disabled + label, .form-check > input[type="checkbox"]:disabled + label { cursor: not-allowed; } .radio-styled:disabled + label:before, .checkbox-styled:disabled + label:before, .form-check > input[type="checkbox"]:disabled + label:before { box-shadow: none; border-color: #333333; background: #333333; } .radio-styled + label { padding-right: 1.42857rem; } .radio-styled + label:before { border-radius: 50%; } .radio-styled + label:after { left: 0.42857rem; top: 50%; width: 0.71429rem; height: 0.71429rem; border: none; transform: none; margin-top: -0.35714rem; border-radius: 50%; background: #fff; } .form-check { padding-left: 0; } .form-check.small > input[type="checkbox"] + label { font-size: 1.14286rem; } .form-check > input[type="checkbox"] + label { font-weight: normal; padding-left: 2.71429rem; } .form-check > input[type="checkbox"] + label:before, .form-check > input[type="checkbox"] + label:after { top: 0.92857rem; } select, textarea, .form-control, input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]) { color: #fff; font-size: 1.28571rem; border: 0.07143rem solid #3590c5; background: none; } select:focus, textarea:focus, .form-control:focus, input :focus { color: #fff; background: none; outline: 0.14286rem solid #3590c5; } select.warning:focus, textarea.warning:focus, .form-control.warning:focus, input .warning:focus { outline-color: #ffc500; } select.error:focus, textarea.error:focus, .form-control.error:focus, input .error:focus { outline-color: #ff414d; } select:-moz-read-only, select:disabled, textarea:-moz-read-only, textarea:disabled, .form-control:-moz-read-only, .form-control:disabled, input :-moz-read-only, input :disabled { opacity: .5; cursor: not-allowed; color: #333333 !important; border-color: #333333 !important; background: none !important; } select:read-only, select:disabled, textarea:read-only, textarea:disabled, .form-control:read-only, .form-control:disabled, input :read-only, input :disabled { opacity: .5; cursor: not-allowed; color: #333333 !important; border-color: #333333 !important; background: none !important; } select:read-only:-ms-input-placeholder, select:disabled:-ms-input-placeholder, textarea:read-only:-ms-input-placeholder, textarea:disabled:-ms-input-placeholder, .form-control:read-only:-ms-input-placeholder, .form-control:disabled:-ms-input-placeholder, input :read-only:-ms-input-placeholder, input :disabled:-ms-input-placeholder { color: #333333 !important; } select:read-only::-moz-placeholder, select:disabled::-moz-placeholder, textarea:read-only::-moz-placeholder, textarea:disabled::-moz-placeholder, .form-control:read-only::-moz-placeholder, .form-control:disabled::-moz-placeholder, input :read-only::-moz-placeholder, input :disabled::-moz-placeholder { color: #333333 !important; } select:read-only::placeholder, select:disabled::placeholder, textarea:read-only::placeholder, textarea:disabled::placeholder, .form-control:read-only::placeholder, .form-control:disabled::placeholder, input :read-only::placeholder, input :disabled::placeholder { color: #333333 !important; } select.dark, textarea.dark, .form-control.dark, input.dark:not([type="radio"]):not([type="checkbox"]):not([type="submit"]) { color: #000 !important; } select.error, textarea.error, .form-control.error, input.error:not([type="radio"]):not([type="checkbox"]):not([type="submit"]) { border-color: #ff414d !important; } select.warning, textarea.warning, .form-control.warning, input.warning:not([type="radio"]):not([type="checkbox"]):not([type="submit"]) { border-color: #ffc500 !important; } .form-dark select, .form-dark textarea, .form-dark .form-control, .form-dark input { color: #000 !important; } .form-dark select.warning, .form-dark textarea.warning, .form-dark .form-control.warning, .form-dark input .warning { border-color: #ffc500 !important; } .form-dark select.error, .form-dark textarea.error, .form-dark .form-control.error, .form-dark input .error { border-color: #ff414d !important; } .form-group.warning .input-group-append .input-group-text, .form-group.warning .input-group-prepend .input-group-text { color: #997600; border-color: #ffc500; background: #ffe899; } .form-group.warning .input-group:before { position: absolute; display: block; content: "L"; color: #ffc500; top: 50%; left: 0.71429rem; transform: translateY(-50%); font-size: 2.14286rem; font-family: "mpmoil-2018"; } .form-group.warning .input-group input { padding-left: 3.57143rem !important; } .form-group.error .input-group-append .input-group-text, .form-group.error .input-group-prepend .input-group-text { color: #da000e; border-color: #ff414d; background: #ffdadc; } fieldset[disabled] { pointer-events: none; } fieldset[disabled] .form-group, fieldset[disabled] .input-group.date, fieldset[disabled] .select2 { opacity: .3; } select, .form-control, input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="date"]):not([type="file"]) { height: 3.28571rem; padding: 0 1.42857rem; padding-top: 0rem; padding-bottom: -0.07143rem; } input[type="file"] { height: auto; text-indent: -0.71429rem; padding: 0.71429rem 0.71429rem 0.71429rem 1.42857rem; } input[type="date"] { height: auto; padding-left: 0.28571rem; } textarea.form-control { height: 21.42857rem; padding: 0.85714rem 1.42857rem; } select { color: #000; height: 3.28571rem; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-left: 4.28571rem; background: url(../img/buttons/select-bg.png) left top no-repeat; } select:focus { color: #000; background: url(../img/buttons/select-bg.png) left top no-repeat; } select::-ms-expand { display: none; } select.form-control:not([size]):not([multiple]) { height: 3.28571rem; } .select2-container--bootstrap4 { border: 0.07143rem solid #3590c5; transition: .3s ease border; } .select2-container--bootstrap4:hover { border: 0.07143rem solid #3590c5; } .select2-container--bootstrap4 .select2-search { color: #000; } .select2-container--bootstrap4 .select2-search__field { color: #000 !important; } .select2-container--bootstrap4 .select2-selection { font-size: 1.07143rem; font-weight: normal; text-transform: uppercase; border: none; border-radius: 0; padding-top: 1.07143rem; padding-bottom: 1.07143rem; background: none; } .select2-container--bootstrap4 .select2-selection--single { height: 3.14286rem; padding-left: 4.28571rem; } .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow { top: -0.21429rem; left: 0; right: auto; width: 4.28571rem; background: url(../img/buttons/select-bg.png) no-repeat; } .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b { display: none; } .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered { color: #3590c5; } .select2-container--bootstrap4 .select2-results__option { color: #000; text-transform: uppercase; padding: 1.07143rem; } .select2-container--bootstrap4 .select2-results__option--highlighted[aria-selected] { color: #3590c5; font-weight: bold; background: none; } .select2-container--bootstrap4 .select2-results__option[role=group] { padding: 0 15px; } .select2-container--bootstrap4 .select2-results__option[role=group] strong, .select2-container--bootstrap4 .select2-results__option[role=group] li { padding-left: 0; padding-right: 0; } .select2-container--bootstrap4 .select2-dropdown { border: 0.07143rem solid #3590c5; margin-left: -0.07143rem; } .required-mark-inline, label.required-mark:after { display: inline-block; width: 0.85714rem; height: 0.85714rem; margin-left: 0.35714rem; margin-right: 0.35714rem; border-radius: 50%; background: #3590c5; } label.required-mark:after { content: ''; margin-left: 0.71429rem; margin-right: 0.71429rem; } .specialist-label { cursor: pointer; } .specialist-label:hover .specialist-checkbox:after { opacity: 0.5; } .specialist-label .specialist-checkbox { position: relative; display: block; float: none; width: 7.14286rem; height: 7.14286rem; border: none; margin: 0 auto 20px; background: url(../img/oilspecialist/checkbox-oil.png) no-repeat left top; background-size: cover; } .specialist-label .specialist-checkbox:after { position: absolute; display: block; content: ''; opacity: 0; top: 0; left: 0; right: 0; bottom: 0; background: url(../img/oilspecialist/checkbox-oil.png) no-repeat left bottom; background-size: cover; transition: all 0.3s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .specialist-label .specialist-checkbox:after { transition: none; } } .specialist-label .specialist-checkbox.checked:after { opacity: 1; } .outer-container.specialist-detail select, .outer-container.specialist-detail textarea, .outer-container.specialist-detail .form-control, .outer-container.specialist-detail input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]) { color: #fff; border-color: #f9be54; } .outer-container.specialist-detail select:focus, .outer-container.specialist-detail textarea:focus, .outer-container.specialist-detail .form-control:focus, .outer-container.specialist-detail input:focus { outline-color: #f9be54; } .outer-container.specialist-detail .select2-container--bootstrap4 { border-color: #f9be54; } .outer-container.specialist-detail .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered { color: #f9be54; } .outer-container.specialist-detail .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow { background-image: url(../img/buttons/select-bg-specialist.png); } .gmap-header { position: relative; height: 32.14286rem; } @media (min-width: 768px) { .gmap-header { height: 54.64286rem; } } .gmap-header .gmap { width: 100%; height: 100%; } .gmap > div { background: #d3d3d3 !important; } .gmap div { font-family: "Racing Sans One", Arial, sans-serif !important; } .gmap .gm-style-iw { color: #000; } .content-header { position: relative; overflow: hidden; height: 20.28571rem; background-size: cover; background-position: center center; } @media (min-width: 768px) { .content-header { height: 25rem; } } @media (min-width: 992px) { .content-header { height: 28.57143rem; } } .content-header.auto { height: auto; } .content-header.image { height: auto; } @media (min-width: 1440px) { .content-header.image { height: 32.14286rem; } } .content-header.image img { max-width: none; height: auto; text-align: center; transform: translateX(-50%); margin-left: 50%; } @media (min-width: 1440px) { .content-header.image img { width: auto; height: 32.14286rem; } } .content-header img { width: 100%; } .content-header video { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .content-header video::-webkit-media-controls { display: none; } .icon-vehicle { position: relative; display: inline-block; width: 4.57143rem; max-width: 100%; padding-top: 70%; } .icon-vehicle:before { position: absolute; display: block; content: ""; top: 50%; left: 50%; width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: 50%; transform: translate(-50%, -50%); } .icon-vehicle-cars:before { background-image: url(../img/recommendation/vehicle-cars.png); } .icon-vehicle-cars-alt:before { background-image: url(../img/recommendation/vehicle-cars-alt.png); } .icon-vehicle.active.icon-vehicle-cars:before { background-image: url(../img/recommendation/vehicle-cars-alt.png); } .icon-vehicle-classic-cars:before { background-image: url(../img/recommendation/vehicle-classiccars.png); } .icon-vehicle-classic-cars-alt:before { background-image: url(../img/recommendation/vehicle-classiccars-alt.png); } .icon-vehicle.active.icon-vehicle-classic-cars:before { background-image: url(../img/recommendation/vehicle-classiccars-alt.png); } .icon-vehicle-light-commercial-vehicles-7-5t:before { background-image: url(../img/recommendation/vehicle-vans.png); } .icon-vehicle-light-commercial-vehicles-7-5t-alt:before { background-image: url(../img/recommendation/vehicle-vans-alt.png); } .icon-vehicle.active.icon-vehicle-light-commercial-vehicles-7-5t:before { background-image: url(../img/recommendation/vehicle-vans-alt.png); } .icon-vehicle-trucks-and-buses-7-5t:before { background-image: url(../img/recommendation/vehicle-trucks.png); } .icon-vehicle-trucks-and-buses-7-5t-alt:before { background-image: url(../img/recommendation/vehicle-trucks-alt.png); } .icon-vehicle.active.icon-vehicle-trucks-and-buses-7-5t:before { background-image: url(../img/recommendation/vehicle-trucks-alt.png); } .icon-vehicle-agricultural-equipment:before { background-image: url(../img/recommendation/vehicle-agriculture.png); } .icon-vehicle-agricultural-equipment-alt:before { background-image: url(../img/recommendation/vehicle-agriculture-alt.png); } .icon-vehicle.active.icon-vehicle-agricultural-equipment:before { background-image: url(../img/recommendation/vehicle-agriculture-alt.png); } .icon-vehicle-motorcycles-scooters-mopeds-quads-atv:before { background-image: url(../img/recommendation/vehicle-motorcycles.png); } .icon-vehicle-motorcycles-scooters-mopeds-quads-atv-alt:before { background-image: url(../img/recommendation/vehicle-motorcycles-alt.png); } .icon-vehicle.active.icon-vehicle-motorcycles-scooters-mopeds-quads-atv:before { background-image: url(../img/recommendation/vehicle-motorcycles-alt.png); } .icon-vehicle-marine:before { background-image: url(../img/recommendation/vehicle-marine.png); } .icon-vehicle-marine-alt:before { background-image: url(../img/recommendation/vehicle-marine-alt.png); } .icon-vehicle.active.icon-vehicle-marine:before { background-image: url(../img/recommendation/vehicle-marine-alt.png); } .icon-vehicle-construction-mining-and-materials-handling-equipment:before { background-image: url(../img/recommendation/vehicle-industrial.png); } .icon-vehicle-construction-mining-and-materials-handling-equipment-alt:before { background-image: url(../img/recommendation/vehicle-industrial-alt.png); } .icon-vehicle.active.icon-vehicle-construction-mining-and-materials-handling-equipment:before { background-image: url(../img/recommendation/vehicle-industrial-alt.png); } /** * Image styling */ .col-image, .gallery-item { position: relative; } .col-image img, .gallery-item img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; } .col-image.col-image-top img, .gallery-item.col-image-top img { bottom: auto; } .gallery { list-style: none; } .gallery-item { width: 80px; height: 80px; border: 1px solid rgba(0, 0, 0, 0.125); float: left; margin-right: .25em; margin-bottom: .25em; cursor: pointer; transition: border-color .25s ease; } .gallery-item:hover { border-color: rgba(0, 0, 0, 0.25); } .gallery-item.active { border-color: rgba(0, 0, 0, 0.4); } .item-details-popup { position: relative; display: block; color: #fff; font-size: 1.28571rem; line-height: 2.14286rem; padding-left: 0.71429rem; padding-right: 0.71429rem; margin-bottom: 1.42857rem; } .item-details-popup .close { position: absolute; opacity: 1; z-index: 1; top: 0; right: 0; color: #ff414d; font-size: 2.85714rem; text-shadow: none; padding: 0.71429rem; transition: .3s ease color; } .item-details-popup .close:hover { color: #999; } .item-details-popup .close:active { color: #333333; } .item-details-popup .arrow { pointer-events: none; position: absolute; display: block; content: " "; width: 0; height: 0; border: 2.85714rem solid transparent; bottom: 100%; left: 50%; margin-left: -2.85714rem; border-bottom: 2.85714rem solid #303030; transition: all 0.3s 0.3s ease-in-out; top: -5.71429rem; } @media screen and (prefers-reduced-motion: reduce) { .item-details-popup .arrow { transition: none; } } .item-details-popup > .inner { overflow: hidden; background: #303030; min-height: 0; position: relative; transition: min-height 0.3s 0.3s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .item-details-popup > .inner { transition: none; } } .item-details-popup > .inner.loading { min-height: 28.57143rem; } .item-details-popup > .inner > .row { padding: 1.42857rem; } .item-details-popup .breadcrumb { padding: 0; color: #3590c5; font-size: 1.14286rem; text-transform: uppercase; background: none; } .item-details-popup .breadcrumb .icon { position: relative; display: inline-block; color: #999; font-size: 1.57143rem; margin-top: 0.28571rem; } .item-details-popup .breadcrumb .current { display: inline-block; color: #999; font-size: 1.71429rem; line-height: 2.85714rem; margin-top: -0.42857rem; } .item-details-popup .main-title { font-size: 2.85714rem; font-family: "Racing Sans One", Arial, sans-serif; line-height: normal; margin-bottom: 1.42857rem; } .item-details-popup .title { text-transform: uppercase; } .item-details-popup .desc { margin-bottom: 2.14286rem; } .item-details-popup .carousel { margin-bottom: 2.85714rem; } .item-details-popup .carousel .carousel-control-next, .item-details-popup .carousel .carousel-control-prev { top: 3.57143rem; bottom: 3.57143rem; width: auto; } .item-details-popup .carousel .carousel-control-next .icon, .item-details-popup .carousel .carousel-control-prev .icon { color: #3590c5; font-size: 3.14286rem; text-shadow: none; } .item-details-popup .carousel .carousel-control-prev { left: 0.71429rem; } .item-details-popup .carousel .carousel-control-next { right: 0.71429rem; } .item-details-popup .carousel .carousel-item img { width: auto; max-width: 100%; max-height: 21.42857rem; margin: 0 auto 0 50%; transform: translateX(-50%); } .item-details-popup .carousel .carousel-item .icon { position: absolute; right: 0; bottom: 0.71429rem; color: #3590c5; font-size: 3.14286rem; font-family: "mpmoil-2018"; } .item-details-popup .specs { width: 100%; line-height: 2.14286rem; margin-bottom: 2rem; } .item-details-popup .specs th { width: 30%; } .item-details-popup table.dark th { color: #999; font-weight: normal; font-family: "PT Sans Narrow", "PT Sans", Arial, sans-serif; text-transform: uppercase; vertical-align: top; padding-right: 2.85714rem; } .item-details-popup .column-2 .main-title { margin-top: -2.71429rem; padding-right: 3.57143rem; } .outer-container.specialist-detail .item-details-popup .breadcrumb { color: #f9be54; } .outer-container.specialist-detail .item-details-popup .carousel .carousel-control-next .icon, .outer-container.specialist-detail .item-details-popup .carousel .carousel-control-prev .icon { color: #f9be54; } ul.reset, ol.reset { list-style: none; padding-left: 0; margin-bottom: 0; } ul.styled, ol.styled { counter-reset: list; list-style: none; padding-left: 0; } ul.styled li, ol.styled li { position: relative; } ul.styled li:before, ol.styled li:before { display: inline-block; content: '\2022'; left: 0; margin-right: 2.14286rem; } ol.styled li { padding-left: 2.57143rem; } ol.styled li:before { position: absolute; left: 0; counter-increment: list; content: counter(list) "."; } .check-list { list-style: none; padding-left: 0; margin-bottom: 0; } /** * Loaders and loading styling */ .loader { position: absolute; display: none; z-index: 1000; top: 50%; left: 0; right: 0; width: 14.28571rem; height: 14.28571rem; margin: auto; background: url("../img/mpm/loader.png") no-repeat center center; background-size: contain; animation: spinner-animation 10s linear infinite; } @media (min-width: 768px) { .loader { width: 25rem; height: 25rem; } } @keyframes spinner-animation { 0% { transform: translateY(-50%) rotate(0deg); } 100% { transform: translateY(-50%) rotate(360deg); } } .loading { position: relative; min-height: 17.85714rem; } @media (min-width: 768px) { .loading { min-height: 28.57143rem; } } .loading > *:not(.loader) { transition: all 0.3s all; filter: blur(2px); filter: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg"><filter id="blur"><feGaussianBlur stdDeviation="2" /></filter></svg>#blur'); /* Firefox, Safari, Chrome*/ filter: progid:DXImageTransform.Microsoft.Blur(Strength=$radius); /* IE9 */ -webkit-filter: blur(2px); /* Chrome, Safari */ -ms-filter: blur(2px); /* IE */ -o-filter: blur(2px); /* Opera */ -moz-filter: blur(2px); /* Mozilla */ } @media screen and (prefers-reduced-motion: reduce) { .loading > *:not(.loader) { transition: none; } } .loading > .loader { display: block; } .modal .loading { min-height: 0; } @media (min-width: 768px) { .modal .loading .loader { width: 14.28571rem; height: 14.28571rem; } } .membership-benefits { font-size: 1.28571rem; } .memberships { font-size: 1.28571rem; margin-top: 0.71429rem; } .memberships .panel-heading { font-weight: bold; text-transform: uppercase; font-family: "PT Sans Narrow", "PT Sans", Arial, sans-serif; border: 0.07143rem solid #c6c7c9; padding: 0.57143rem 0.71429rem; background: #f2f2f2; } .memberships .panel-body { border: 0.07143rem solid #c6c7c9; border-top: none; padding: 0.71429rem; } .memberships .membership { margin-top: 0.71429rem; } .memberships .membership:first-child { margin-top: 0; } .memberships .membership .status.icon-checkmark-circled { display: block; color: #35c561; margin-top: 0.14286rem; margin-bottom: -0.14286rem; } .memberships .membership .status.icon-android-cancel { display: block; color: #ff414d; margin-top: 0.14286rem; margin-bottom: -0.14286rem; } .memberships .membership .panel-heading { color: #999; text-transform: none; } .memberships .membership .panel-heading strong { color: #000; text-transform: uppercase; } .memberships .membership .panel-body { padding-top: 0; } .memberships .membership .panel-body .status-icon { position: relative; color: #999; font-family: "PT Sans Narrow", "PT Sans", Arial, sans-serif; text-transform: uppercase; padding-top: 0.64286rem; padding-bottom: 0.64286rem; padding-left: 2.42857rem; } .memberships .membership .panel-body .status-icon .icon { position: absolute; font-size: 1.71429rem; top: 0.57143rem; left: 0; } .memberships .membership .panel-body .status-label { padding-top: 0.64286rem; padding-bottom: 0.64286rem; } .memberships .membership .panel-body .action { padding-top: 0.71429rem; } .memberships .membership .panel-body > .row:nth-child(even) { background: #f2f2f2; } .modal { color: #343a40; } .modal.medium .modal-dialog { max-width: 45.71429rem; } .modal.wide .modal-dialog { max-width: 68.57143rem; } .modal .modal-logo { display: block; width: 17.85714rem; margin: 0 auto 1.42857rem; } .modal .modal-content { font-size: 1.42857rem; border-radius: 0; } .modal .modal-header { border: 0; border-radius: 0; padding: 1.42857rem; } .modal .modal-header .close { position: static; font-size: 2.85714rem; padding: 0.71429rem; margin-top: -0.71429rem; } .modal .close { opacity: 1; color: #ff414d; transition: .3s ease color; font-size: 2.14286rem; text-shadow: none; padding: 0.35714rem; position: relative; top: -0.71429rem; right: -0.71429rem; } .modal .close:hover { color: #999; } .modal .close:active { color: #333333; } .modal .modal-body { padding: 0 1.42857rem 1.42857rem; } .modal .modal-footer { padding: 1.42857rem; } .modal .modal-footer .row { width: 100%; margin: 0; } .modal .modal-title { font-size: 2.14286rem; font-style: normal; font-family: "Racing Sans One", Arial, sans-serif; line-height: 2.85714rem; } .modal .modal-brand-list, .modal .modal-type-list { list-style: none; line-height: 3.57143rem; padding: 0; margin: 0; } .modal .modal-brand-list .brand, .modal .modal-brand-list .type, .modal .modal-type-list .brand, .modal .modal-type-list .type { display: block; } .modal.dark .modal-content { color: #fff; background: #000; } .modal.dark .modal-footer { border-color: #404040; } .modal.dark-translucent .modal-content { color: #fff; background: rgba(0, 0, 0, 0.85); } .modal.dark-translucent .modal-footer { border-color: #404040; } .modal-call input, .modal-call textarea, .modal-call .btn { margin-top: 1.42857rem; } .modal .share-recommendation form .text-danger { font-size: 1rem; } .modal.ekko-lightbox .modal-body { padding-top: 1.42857rem; } .modal-backdrop.show { opacity: .75; } .dropdown-toggle:after { display: none; vertical-align: baseline; } #navbarDropdown + .dropdown-menu { left: auto; right: 1.42857rem; } .navbar-dark.main { width: 100%; height: 4rem; min-width: 22.85714rem; transition: .3s ease all; background: #171a2a; } @media (min-width: 992px) { .navbar-dark.main { padding-top: 0.14286rem; padding-bottom: 0.14286rem; } } .navbar-dark.main:after { position: absolute; display: block; opacity: 0.75; content: ''; top: 100%; left: 0; right: 0; height: 0.35714rem; background: #333333; } .navbar-dark.main .container { position: relative; } @media (min-width: 992px) { .navbar-dark.main .container { padding-left: 15.42857rem; } } @media (min-width: 1200px) { .navbar-dark.main .container { padding-left: 18.71429rem; } } .navbar-dark.main .navbar-toggler { opacity: 1; font-size: 1.28571rem; border: none; padding: 0.57143rem 0.71429rem; margin-left: -0.85714rem; transition: .3s ease all; } @media (min-width: 576px) { .navbar-dark.main .navbar-toggler { padding: 0.57143rem 0.85714rem; } } .navbar-dark.main .navbar-toggler-icon { position: relative; width: 1.78571rem; height: 1.64286rem; border-top: 0.35714rem solid #3590c5; border-bottom: 0.35714rem solid #3590c5; background: none; } .navbar-dark.main .navbar-toggler-icon:after { position: absolute; display: block; content: ''; top: 50%; left: 0; width: 100%; height: 0.35714rem; margin-top: -0.17857rem; background: #3590c5; } .navbar-dark.main .navbar-logo { position: absolute; z-index: 101; top: 0.14286rem; left: 50%; margin-top: 0.57143rem; margin-left: -5.35714rem; } @media (min-width: 768px) { .navbar-dark.main .navbar-logo { margin-top: 1rem; margin-left: -6.78571rem; } } @media (min-width: 992px) { .navbar-dark.main .navbar-logo { position: absolute; top: 0; left: 0; margin-left: 1.42857rem; } } .navbar-dark.main .navbar-logo img { width: 10.71429rem; } @media (min-width: 768px) { .navbar-dark.main .navbar-logo img { width: 13.57143rem; } } @media (min-width: 1200px) { .navbar-dark.main .navbar-logo img { width: 10.28571rem; } } .navbar-dark.main .nav-item-recommendation .nav-link { line-height: 2.42857rem; } .navbar-dark.main .nav-item-recommendation .nav-link i.icon-recommendation:before { top: -4px; left: 20%; } @media (min-width: 1440px) { .navbar-dark.main .nav-item-recommendation { display: none; } } .navbar-dark.main .nav-link { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; height: 100%; color: #3590c5; font-size: 1.28571rem; text-transform: uppercase; text-align: center !important; transition: .3s ease all; } @media (min-width: 992px) { .navbar-dark.main .nav-link { padding-left: 0.71429rem; padding-right: 0.71429rem; } } @media (min-width: 1440px) { .navbar-dark.main .nav-link { padding-left: 1.07143rem; padding-right: 1.07143rem; } } @media (min-width: 992px) and (max-width: 1199.98px) { .navbar-dark.main .nav-link { font-size: 0.92857rem !important; line-height: 1rem !important; } } .navbar-dark.main .nav-link:hover { color: #e7e7e7; } .navbar-dark.main .nav-link:focus { color: #fff; } .navbar-dark.main .nav-link .icon { display: block; font-size: 1.85714rem; line-height: 2.85714rem; margin-bottom: -0.71429rem; } .navbar-dark.main .nav-link .icon.icon-android-pin { font-size: 2.14286rem; position: absolute; top: -1px; } .navbar-dark.main .nav-link .icon-home + span { position: absolute !important; overflow: hidden !important; -webkit-clip-path: inset(50%) !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; width: 1px !important; height: 1px !important; white-space: nowrap !important; border: 0 !important; padding: 0 !important; } .navbar-dark.main .nav-link .icon-recommendation { width: 5.71429rem; height: 123% !important; line-height: 1rem; } .navbar-dark.main .nav-link .icon-recommendation:before { top: 0; font-size: 5rem; margin-top: -0.92857rem; } .navbar-dark.main .nav-link .icon-recommendation + span { position: absolute !important; overflow: hidden !important; -webkit-clip-path: inset(50%) !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; width: 1px !important; height: 1px !important; white-space: nowrap !important; border: 0 !important; padding: 0 !important; } .navbar-dark.main > .active > .nav-link { color: #fff; } .navbar-dark.main .actions { height: 4rem; font-size: 2.85714rem; } @media (min-width: 576px) { .navbar-dark.main .actions { margin-right: -0.85714rem; } } @media (min-width: 992px) { .navbar-dark.main .actions { font-size: 2.85714rem; } } @media (min-width: 1200px) { .navbar-dark.main .actions { font-size: 2.85714rem; } } .navbar-dark.main .actions .user-name { position: absolute; display: block; float: left; top: 0; right: 100%; color: #fff; font-size: 1.28571rem; padding-top: 1.42857rem; padding-bottom: 1.42857rem; line-height: 1; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 17.85714rem; margin-right: 0.71429rem; } .navbar-dark.main .actions .user-name + .nav-link { float: left; } .navbar-dark.main .actions img.gravatar { max-width: 2.14286rem; border-radius: 50%; margin-top: 0.92857rem; } .navbar-dark.main .actions .navbar-nav { -ms-flex-direction: row; flex-direction: row; } .navbar-dark.main .actions .nav-item { position: relative; } .navbar-dark.main .actions .nav-user:not(.signed-in) .user-name { color: #3590c5; transition: .3s ease all; } .navbar-dark.main .actions .nav-user:not(.signed-in):hover .user-name { color: #e7e7e7; } .navbar-dark.main .actions .nav-user:not(.signed-in):focus .user-name { color: #fff; } .navbar-dark.main .actions .nav-link { display: block; float: left; height: 100%; font-size: 1.85714rem; text-align: center; padding: 0 0.35714rem; } @media (min-width: 576px) { .navbar-dark.main .actions .nav-link { width: 4.14286rem; padding: 0 1.07143rem; } } @media (min-width: 992px) { .navbar-dark.main .actions .nav-link { transition: .3s ease all; } .navbar-dark.main .actions .nav-link.has-sub:after { pointer-events: none; position: absolute; display: block; content: " "; width: 0; height: 0; border: 1.14286rem solid transparent; top: 100%; left: 50%; margin-left: -1.14286rem; border-top: 1.14286rem solid #333333; z-index: 101; opacity: 0; left: 50%; top: 100%; margin-top: -0.14286rem; margin-left: -1.14286rem; transition: .3s ease all; } .navbar-dark.main .actions .nav-link:active, .navbar-dark.main .actions .nav-link.active { background: #333333; } .navbar-dark.main .actions .nav-link:active.has-sub:after, .navbar-dark.main .actions .nav-link.active.has-sub:after { opacity: 101; } } @media (min-width: 1200px) { .navbar-dark.main .actions .nav-link { padding: 0 0.71429rem; } } .navbar-dark.main .actions .nav-link.account { width: auto; } .navbar-dark.main .actions .nav-link.account + .dropdown-menu { min-width: 100%; } .navbar-dark.main .actions .nav-link .icon { line-height: 3rem; } .navbar-dark.main .actions .nav-link .icon:before { display: block; margin-top: 1.14286rem; } .navbar-dark.main .actions .nav-link .icon.icon-search:before, .navbar-dark.main .actions .nav-link .icon.icon-ios-world-outline:before { margin-top: 1.07143rem; } .navbar-dark.main .actions .nav-link .badge { position: absolute; z-index: 1; right: 0.42857rem; bottom: 0.42857rem; min-width: 1.78571rem; } .navbar-dark.main .actions .nav-link .badge.language { bottom: -0.5rem; } @media (min-width: 992px) { .navbar-dark.main .actions .nav-link .badge.language { bottom: 0.28571rem; } } .navbar-dark.main .actions .nav-link .badge.account { position: absolute; bottom: 0.14286rem; right: 0.14286rem; } .navbar-dark.main .submenus { position: absolute; display: none; z-index: 100; top: 100%; left: 0; right: 0; color: #fff; background: rgba(0, 0, 0, 0.85); } @media (max-width: 991.98px) { .navbar-dark.main .submenus { display: none !important; } } .navbar-dark.main .submenus:before { position: absolute; display: block; content: ''; top: 0; left: 0; width: 100%; height: 50%; background-image: linear-gradient(to bottom, rgba(53, 144, 197, 0.22) 0%, rgba(53, 144, 197, 0) 100%); background-repeat: repeat-x; } .navbar-dark.main .submenus .container { padding-left: 19.71429rem; } .navbar-dark.main .submenus .container .submenu { display: none; } .navbar-dark.main .submenus .container .menu-oil-specialist .specialist-badge { border: 0.07143rem solid #f9be54; } .navbar-dark.main .submenus .container .menu-oil-specialist .nav-item .nav-link { color: #f9be54; } .navbar-dark.main .submenus .container .submenu-extra { margin-top: 2.42857rem; } .navbar-dark.main .submenus .container .nav-header { font-size: 1.71429rem; text-transform: uppercase; } .navbar-dark.main .submenus .container .navbar-nav { display: block; } .navbar-dark.main .submenus .container .nav-item { display: block; } .navbar-dark.main .submenus .container .nav-item .nav-link { color: #3590c5; font-size: 1.14286rem; font-weight: bold; line-height: 3rem; padding: 0; } .navbar-dark.main .submenus .container .form-newsletter { position: relative; max-width: 32.85714rem; margin-top: 1rem; } .navbar-dark.main .submenus .container .form-newsletter .submit { position: absolute; outline: none; top: 0; right: 0; width: 3.71429rem; height: 3.71429rem; color: #3590c5; font-size: 2.85714rem; border: none; background: none; } .navbar-dark.main .submenus .panel.menu-container { padding-top: 2rem; padding-bottom: 1.14286rem; } .navbar-dark.main .submenus .panel.account-container { text-align: right; padding: 2rem 0; } .navbar-dark.main .submenus .panel.account-container .navbar-nav { display: inline-block; margin-right: 11.42857rem; } @media (min-width: 1440px) { .navbar-dark.main .submenus .panel.account-container .navbar-nav { margin-right: 12.14286rem; } } .navbar-dark.main .submenus .panel.search-container .nav-header { display: block; font-size: 1.42857rem; font-weight: bold; text-transform: none; padding-top: 0.57143rem; } .navbar-dark.main .submenus .panel.search-container .search-form { padding-top: 3rem; padding-bottom: 0.71429rem; background: #202020; } .navbar-dark.main .submenus .panel.search-container .search-form .menu-search { position: relative; padding-right: 16%; } .navbar-dark.main .submenus .panel.search-container .search-form .menu-search .filter-query { height: 4rem; color: #fff; font-size: 2.85714rem; border-top: 0; border-left: 0; border-right: 0; padding: 0; } .navbar-dark.main .submenus .panel.search-container .search-form .menu-search .filter-query:focus { outline: none; box-shadow: none; } .navbar-dark.main .submenus .panel.search-container .search-form .menu-search .filter-query:-ms-input-placeholder { font-weight: bold; text-transform: uppercase; } .navbar-dark.main .submenus .panel.search-container .search-form .menu-search .filter-query::placeholder { font-weight: bold; text-transform: uppercase; } .navbar-dark.main .submenus .panel.search-container .search-form .menu-search .btn { position: absolute; bottom: 0.71429rem; right: 7%; width: 4.28571rem; height: 4.28571rem; color: #000; font-size: 2.5rem; text-align: center; line-height: normal; padding: 0; margin-bottom: 0; border: none; border-radius: 50%; background: #3590c5; transition: .3s ease opacity; } .navbar-dark.main .submenus .panel.search-container .search-form .menu-search .btn:before { line-height: 3.57143rem; } .navbar-dark.main .submenus .panel.search-container .search-form .menu-search .btn:after { display: none; } .navbar-dark.main .submenus .panel.search-container .search-recent { padding-top: 1.14286rem; padding-bottom: 1.85714rem; background: #181818; } .navbar-dark.main .submenus .panel.search-container .search-recent .nav-item { float: left; padding-right: 1.42857rem; } @media (min-width: 992px) { .navbar-dark.main .submenus .panel.search-container .search-recent .nav-item { width: 50%; } } @media (min-width: 1200px) { .navbar-dark.main .submenus .panel.search-container .search-recent .nav-item { width: 33.33%; } } .navbar-dark.main .submenus .panel.search-container .search-recent .nav-item .nav-link { font-size: 1.42857rem; text-transform: none; line-height: 1.78571rem; padding-top: 0.71429rem; padding-bottom: 0.71429rem; } .navbar-dark.main .submenus .panel.locale-container { padding-top: 1.57143rem; padding-bottom: 2.14286rem; } .navbar-dark.main .submenus .panel.locale-container .locale-region .navbar-nav { margin-bottom: 0.42857rem; } .navbar-dark.main .submenus .panel.locale-container .locale-region .link-region { position: relative; padding-left: 2.14286rem; } .navbar-dark.main .submenus .panel.locale-container .locale-region .link-region .flag-icon { position: absolute; top: 50%; left: 0; margin-top: -0.5rem; } .navbar-dark.main .submenus .panel.locale-container .locale-language { margin-top: 1rem; } .navbar-dark.main .submenus .panel.locale-container .locale-language .navbar-nav { margin-bottom: 0.85714rem; } .mobile-menu { font-size: 1.42857rem; padding-left: 4.28571rem; } .mobile-menu .mobile-menu-close { position: absolute; pointer-events: none; opacity: 0; top: 0; left: 100%; width: 24%; height: 4.28571rem; color: #ff414d; font-size: 2.85714rem; line-height: 2.14286rem; transition: all .3s ease; } @media (min-width: 768px) { .mobile-menu .mobile-menu-close { width: 4.28571rem; } } .mobile-menu .mobile-menu-close:before { position: absolute; top: 50%; left: 50%; margin-left: -1.57143rem; margin-top: -1.35714rem; } @media (min-width: 768px) { .mobile-menu .mobile-menu-close:before { margin-left: -1.71429rem; } } .mobile-menu .mobile-menu-close:hover { text-decoration: none; } .mobile-menu .actions { position: absolute; top: 0; left: 0; bottom: 0; font-size: 2.14286rem; width: 4.28571rem; background: #3590c5; } .mobile-menu .actions a, .mobile-menu .actions a:active, .mobile-menu .actions a:hover, .mobile-menu .actions a small { color: #fff; } .mobile-menu .actions .actions-nav { overflow: auto; height: 100%; } @media (min-height: 568px) { .mobile-menu .actions .actions-nav { overflow: visible; } } .mobile-menu .actions .navbar-nav { padding-left: 0; padding-right: 0; } .mobile-menu .actions .nav-item { position: relative; } .mobile-menu .actions .nav-item .dropdown-menu { min-width: 100%; } .mobile-menu .actions .nav-link { position: relative; display: block; width: 4.28571rem; height: 4.28571rem; text-align: center; padding: 0; } .mobile-menu .actions .nav-link:before { line-height: 4.28571rem; } .mobile-menu .actions .nav-link:active, .mobile-menu .actions .nav-link.active { background: #333333; } .mobile-menu .actions .nav-link:active.has-sub:after, .mobile-menu .actions .nav-link.active.has-sub:after { pointer-events: none; position: absolute; display: block; content: " "; width: 0; height: 0; border: 1.14286rem solid transparent; top: 50%; left: 100%; margin-top: -1.14286rem; border-left: 1.14286rem solid #333333; z-index: 101; } .mobile-menu .actions .nav-link .badge { position: absolute; right: 0.57143rem; bottom: 0.57143rem; font-size: 1.14286rem; font-weight: bold; padding: 0.35714rem 0.64286rem; } .mobile-menu .actions .nav-link .badge.language { font-size: 0.85714rem; padding: 0.5rem 0.42857rem; } .mobile-menu .actions .top { margin-bottom: 0.42857rem; } @media (min-height: 568px) { .mobile-menu .actions .options { position: absolute; bottom: 0; } } @media (min-width: 768px) { .mobile-menu .actions .options { position: static; bottom: initial; } } .mobile-menu .actions .options img.gravatar { max-width: 2.5rem; margin-top: 0.35714rem; border-radius: 50%; } @media (min-width: 768px) { .mobile-menu .actions .language { position: absolute; bottom: 0; } } .mobile-menu .menu { position: relative; height: 100%; background: #202020; } .mobile-menu .menu .panel { display: none; height: 100%; } .mobile-menu .menu .panel:first-child { display: block; } .mobile-menu .menu .panel.search-container { padding-bottom: 10rem; } .mobile-menu .menu .panel.search-container .navbar-nav { overflow: auto; } .mobile-menu .menu .panel.locale-container .title { font-size: 1.57143rem; font-family: "PT Sans", Arial, sans-serif; } .mobile-menu .menu .panel.locale-container .locale-language { margin-top: 2.42857rem; } .mobile-menu .menu .menu-header { overflow: hidden; display: block; height: 4.28571rem; color: #333333; font-size: 2.85714rem; font-family: "Racing Sans One", Arial, sans-serif; line-height: 4.28571rem; margin-bottom: 0.42857rem; padding-left: 0.71429rem; padding-right: 0.71429rem; } @media (min-width: 768px) { .mobile-menu .menu .menu-header { padding-left: 2.14286rem; padding-right: 2.14286rem; } } .mobile-menu .menu .navbar-nav { overflow: auto; overflow-x: hidden; display: block; height: 100%; } @media (min-width: 768px) { .mobile-menu .menu .navbar-nav { overflow: visible; } } .mobile-menu .menu .navbar-nav .dropdown-menu { position: static !important; transform: none !important; overflow: hidden; top: 0 !important; padding-left: 1.42857rem; margin: 0 -0.71429rem; background: #181818; } @media (min-width: 576px) { .mobile-menu .menu .navbar-nav .dropdown-menu { padding-left: 2.42857rem; } } @media (min-width: 768px) { .mobile-menu .menu .navbar-nav .dropdown-menu { position: absolute !important; left: 100% !important; width: 100%; padding: 0; margin: 0; } } .mobile-menu .menu .navbar-nav .dropdown-menu .nav-link { overflow: hidden; font-size: 1rem; text-transform: none; text-overflow: ellipsis; white-space: nowrap; padding-left: 0; } .mobile-menu .menu .nav-header { padding-top: 0.64286rem; padding-bottom: 0.64286rem; } .mobile-menu .menu .nav-header, .mobile-menu .menu .nav-item { line-height: 1.78571rem; padding: 0.71429rem; } @media (min-width: 768px) { .mobile-menu .menu .nav-header, .mobile-menu .menu .nav-item { padding-left: 2.14286rem; padding-right: 2.14286rem; } } .mobile-menu .menu .nav-item.dropdown.show .nav-link:after { z-index: 9999; margin-left: 2.07143rem; pointer-events: none; position: absolute; display: block; content: " "; width: 0; height: 0; border: 1.14286rem solid transparent; top: 50%; left: 100%; margin-top: -1.14286rem; border-left: 1.14286rem solid #202020; } .mobile-menu .menu .nav-link { position: relative; color: #3590c5; font-size: 1.42857rem; font-weight: bold; text-transform: uppercase; } .mobile-menu .menu .menu-bottom { position: absolute; left: 0; right: 0; bottom: 0; } .mobile-menu .menu .menu-search .title { position: relative; color: #fff; font-size: 1.21429rem; text-transform: uppercase; padding: 0.71429rem 1.42857rem 0.71429rem 0.71429rem; } .mobile-menu .menu .menu-search .title:after { pointer-events: none; position: absolute; display: block; content: " "; width: 0; height: 0; border: 1.14286rem solid transparent; top: 100%; left: 50%; margin-left: -1.14286rem; border-top: 1.14286rem solid #202020; } .mobile-menu .menu .menu-search form { padding: 0.71429rem 1.42857rem 0.71429rem 0.71429rem; background: #fff; } .mobile-menu .menu .menu-search .filter-query { color: #fff; font-size: 1.71429rem; border-top: 0; border-left: 0; border-right: 0; border-bottom-width: 0.21429rem; padding: 0; } .mobile-menu .menu .menu-search .filter-query:focus { outline: none; box-shadow: none; } .mobile-menu .menu .menu-search .filter-query:-ms-input-placeholder { font-style: italic; } .mobile-menu .menu .menu-search .filter-query::placeholder { font-style: italic; } .mobile-menu .menu .menu-search .btn { position: absolute; opacity: 0; bottom: 0.71429rem; right: -3.57143rem; width: 4.28571rem; height: 4.28571rem; color: #000; font-size: 2.5rem; text-align: center; line-height: normal; padding: 0; margin-bottom: 0; border: none; border-radius: 50%; background: #3590c5; transition: .3s ease opacity; } .mobile-menu .menu .menu-search .btn:before { line-height: 3.57143rem; } .mobile-menu .menu .menu-search .btn:after { display: none; } .mobile-menu .menu .menu-contact { overflow: auto; height: 100%; padding: 0 0.71429rem 5.35714rem; } @media (min-width: 768px) { .mobile-menu .menu .menu-contact { padding: 0.85714rem 2.14286rem; } } .mobile-menu .menu .menu-contact label { padding-left: 0; padding-right: 0; } .mobile-menu .menu .menu-locale { padding: 0.71429rem; } @media (min-width: 768px) { .mobile-menu .menu .menu-locale { padding: 1.28571rem 2.14286rem; } } .newsletter-subscribe { text-align: center; margin-bottom: 2.85714rem; } @media (min-width: 768px) { .newsletter-subscribe { float: left; -ms-flex-order: 1; order: 1; } } .newsletter-subscribe.full-width { width: 100%; } .newsletter-subscribe .inner { border: 0.07143rem solid #3590c5; padding: 0.71429rem; } @media (min-width: 768px) { .newsletter-subscribe .inner { border: none; padding-top: 0; padding-left: 0; padding-right: 0; } } .newsletter-subscribe .footer-heading { display: block; font-style: italic; font-weight: bold; font-family: "PT Sans", Arial, sans-serif; text-transform: uppercase; } .newsletter-subscribe .check-list { font-size: 1.42857rem; text-align: center; padding-bottom: 1.42857rem; } .newsletter-subscribe .input-wrapper { position: relative; } .newsletter-subscribe .input-wrapper:before { pointer-events: none; position: absolute; display: block; content: " "; width: 0; height: 0; border: 1.42857rem solid transparent; top: 100%; left: 50%; margin-left: -1.42857rem; border-top: 1.42857rem solid #000; z-index: 1; top: 100%; left: 50%; margin-top: 0; margin-left: -1.42857rem; } .newsletter-subscribe .input-wrapper:after { pointer-events: none; position: absolute; display: block; content: " "; width: 0; height: 0; border: 0.57143rem solid transparent; top: 100%; left: 50%; margin-left: -0.57143rem; border-top: 0.57143rem solid #fff; z-index: 2; top: 100%; left: 50%; margin-top: 0; margin-left: -0.57143rem; } .newsletter-subscribe input.form-control:not([type="submit"]) { width: 100%; color: #202020; font-size: 1.5rem; text-align: center; border-color: #fff; background: #fff; } .newsletter-subscribe input.form-control:not([type="submit"]):focus { outline: none; } .newsletter-subscribe input.form-control:not([type="submit"]):-ms-input-placeholder { color: #3590c5; font-weight: 100; font-style: italic; text-align: center; } .newsletter-subscribe input.form-control:not([type="submit"])::placeholder { color: #3590c5; font-weight: 100; font-style: italic; text-align: center; } .newsletter-subscribe .btn { width: 100%; margin-bottom: 0; } .newsletter-subscribe .text-danger { padding-left: .5rem; padding-right: .5rem; margin-bottom: .5rem; } .newsletter-subscribe.light { float: none; border: 0.07143rem solid #999; } .newsletter-subscribe.light .inner { background: #000; } .newsletter-subscribe.light .inner .text { color: #000; padding: 0.57143rem 0.57143rem 0; background: #fff; } .newsletter-subscribe.light .check-list { padding-bottom: 0.71429rem; } .newsletter-subscribe.light input.form-control:not([type="submit"]) { border-top: 0.07143rem solid #999; } .oil-specialist-block { text-align: left; background: #000; } .oil-specialist-block .image { position: relative; min-height: 6.14286rem; } .oil-specialist-block .image img { position: absolute; top: 0; left: 0.71429rem; max-width: 6.14286rem; } .oil-specialist-block .image .title { color: #fff; font-size: 1.71429rem; font-family: "Racing Sans One", Arial, sans-serif; line-height: normal; text-transform: uppercase; padding-top: 0.85714rem; padding-left: 7.57143rem; } .oil-specialist-block .text p { color: #fff; font-size: 1.14286rem; font-family: "PT Sans Narrow", "PT Sans", Arial, sans-serif; } .oil-specialist-block .btn { width: 100%; margin-bottom: 0; } .oil-specialist-block.no-spacing .image img { left: 0; } .oil-specialist-block.no-spacing .image .title { padding-left: 6.85714rem; } footer .oil-specialist-block { margin-bottom: 1.42857rem; } @media (min-width: 768px) { footer .oil-specialist-block { margin-bottom: 0; } } footer .oil-specialist-block .image .title { max-width: 21.42857rem; } @media (min-width: 1440px) { footer .oil-specialist-block .image .title { margin-bottom: 1rem; } } @media (min-width: 1440px) { footer .oil-specialist-block .text { margin-bottom: 1.78571rem; } } .home-block .oil-specialist-block { background: none; } .home-block .oil-specialist-block .image { min-height: 2.85714rem; } .home-block .oil-specialist-block .image img { top: 50%; max-width: 2.85714rem; transform: translateY(-50%); } .home-block .oil-specialist-block .image .title { padding-top: 0; padding-left: 3.57143rem; margin-bottom: 0.71429rem; } @media (min-width: 992px) { .home-block .oil-specialist-block .image .title { font-size: 1em; font-size: 1.6vw; } } @media (min-width: 1440px) { .home-block .oil-specialist-block .image .title { font-size: 1.71429rem; } } @media (min-width: 992px) { .home-block .oil-specialist-block .text p { font-size: 0.75em; font-size: 1.1vw; } } @media (min-width: 1440px) { .home-block .oil-specialist-block .text p { font-size: 1.14286rem; } } @media (min-width: 992px) { .home-block .oil-specialist-block .btn { font-size: 0.8em; font-size: 1.2vw; } } @media (min-width: 1440px) { .home-block .oil-specialist-block .btn { font-size: 1.07143rem; } } .news-overview .oil-specialist-block { background: none; } .news-overview .oil-specialist-block .card { color: #fff; background: #000; } .news-overview .oil-specialist-block .card .card-body { padding: 0; margin-bottom: 0; } .news-overview .oil-specialist-block .card .card-body .inner .image { margin-top: 0.71429rem; } .news-overview .oil-specialist-block .card .card-body .inner .text { padding: 0.71429rem 0.71429rem 0; } .detail-news-article .oil-specialist-block .text { font-size: 1.28571rem; padding: 1.42857rem; } .detail-news-article .oil-specialist-block .btn { font-weight: normal; } .oil-guard-shape-tank, .oil-guard-shape-wall { display: none; } @media (min-width: 768px) { .oil-guard-shape-tank, .oil-guard-shape-wall { display: block; } } .oil-guard-shape .form-group .form-group { position: relative; display: block; width: 100%; padding: 0 0.71429rem; margin-top: 0; } @media (min-width: 768px) { .oil-guard-shape .form-group .form-group { float: left; width: 33.33%; text-align: center; } } .oil-guard-shape .form-group .form-group input { position: absolute; bottom: 20px; } .oil-guard-shape .form-group .form-group label { min-width: 20rem; padding-top: 22.14286rem; } @media (min-width: 768px) { .oil-guard-shape .form-group .form-group label { text-align: center; padding-top: 0; } } .oil-guard-shape .form-group .form-group label:before { top: auto; bottom: 0; } .oil-guard-shape .form-group .form-group label:after { top: auto; bottom: 0.42857rem; } .oil-guard-shape .form-group .form-group label .dimension-image { position: absolute; display: block; top: 0; left: 0; } @media (min-width: 768px) { .oil-guard-shape .form-group .form-group label .dimension-image { display: none; } } .oil-guard-shape .form-group .form-group label .dimension-image img { width: 20rem; height: 20rem; max-width: none; } .oil-guard .input-group .flag-icon { margin-right: 0.71429rem; } .oil-guard .dimension-image { position: relative; margin-top: 2.14286rem; } @media (min-width: 768px) { .oil-guard .dimension-image { margin-top: 0; } } .oil-guard .dimension-image .dimension-text { position: absolute; color: #3590c5; font-weight: bold; text-transform: uppercase; } .oil-guard .dimension-image .tank-cylinder-width { left: 0; bottom: 18%; width: 25%; text-align: right; } .oil-guard .dimension-image .tank-cylinder-height { top: 30%; left: 0; width: 78%; text-align: right; } .oil-guard .dimension-image .tank-cylinder-depth { left: 0; bottom: 35%; width: 77%; text-align: right; } @media (min-width: 1200px) { .oil-guard .dimension-image .tank-cylinder-depth { bottom: 37%; width: 72%; } } .oil-guard .dimension-image .tank-rectangle-width { left: 0; bottom: 21%; width: 30%; text-align: right; } .oil-guard .dimension-image .tank-rectangle-height { right: 0; top: 28%; width: 84%; } .oil-guard .dimension-image .tank-rectangle-depth { right: 0; bottom: 10%; width: 24%; } .oil-guard .dimension-image .tank-prism-width { left: 0; bottom: 21%; width: 30%; text-align: right; } .oil-guard .dimension-image .tank-prism-height { right: 0; top: 28%; width: 84%; } .oil-guard .dimension-image .tank-prism-depth-top { left: 0; top: -2%; width: 98%; text-align: right; } @media (min-width: 1200px) { .oil-guard .dimension-image .tank-prism-depth-top { width: 92%; } } .oil-guard .dimension-image .tank-prism-depth { left: 0; top: 37%; width: 84%; text-align: right; } .oil-guard .dimension-image .tank-prism-depth-bottom { left: 0; bottom: 5%; width: 98%; text-align: right; } .oil-guard .dimension-image .wall-cylinder-width { left: 0; top: 2%; width: 30%; text-align: right; } @media (min-width: 1200px) { .oil-guard .dimension-image .wall-cylinder-width { top: 3%; width: 31%; } } .oil-guard .dimension-image .wall-cylinder-height { left: 0; top: 42%; width: 26%; text-align: right; } .oil-guard .dimension-image .wall-cylinder-depth { left: 0; top: 32%; width: 70%; text-align: right; } @media (min-width: 1200px) { .oil-guard .dimension-image .wall-cylinder-depth { top: 33%; width: 68%; } } .oil-guard .dimension-image .wall-rectangle-width { left: 0; top: 2%; width: 30%; text-align: right; } .oil-guard .dimension-image .wall-rectangle-height { left: 0; top: 42%; width: 26%; text-align: right; } .oil-guard .dimension-image .wall-rectangle-depth { left: 0; top: -4%; width: 74%; text-align: right; } .oil-guard .dimension-image .wall-prism-width { left: 0; top: 2%; width: 30%; text-align: right; } .oil-guard .dimension-image .wall-prism-height { left: 0; top: 42%; width: 26%; text-align: right; } .oil-guard .dimension-image .wall-prism-depth-top { left: 0; top: -8%; width: 84%; text-align: right; } @media (min-width: 1200px) { .oil-guard .dimension-image .wall-prism-depth-top { top: -4%; width: 78%; } } .oil-guard .dimension-image .wall-prism-depth { left: 0; top: 31%; width: 72%; text-align: right; } @media (min-width: 1200px) { .oil-guard .dimension-image .wall-prism-depth { top: 33%; width: 68%; } } .oil-guard .dimension-image .wall-prism-depth-bottom { left: 0; bottom: 8%; width: 92%; text-align: right; } @media (min-width: 1200px) { .oil-guard .dimension-image .wall-prism-depth-bottom { bottom: 12%; width: 87%; } } .oil-guard .dimension-preview { font-size: 0.85714rem; } @media screen and (min-width: 480px) { .oil-guard .dimension-preview { font-size: 2.2vw; } } @media (min-width: 768px) { .oil-guard .dimension-preview { display: none; } } .oil-guard .dimension-preview > div { display: block; } @media (max-width: 767.98px) { .page { padding-top: 2.85714rem; } } @media (min-width: 992px) { .page > h1 { padding-left: 14.71429rem; } } @media (min-width: 1200px) { .page > h1 { padding-left: 18rem; } } .page.page-sheets .card-body p { margin-bottom: 0.35714rem; } .page.page-sheets .card-body p.depth-0 { font-size: 2rem; font-family: "Racing Sans One", Arial, sans-serif; } .page.page-sheets .card-body p.depth-1 { font-size: 1.3rem; font-family: "Racing Sans One", Arial, sans-serif; } .page.page-sheets .card-body a > strong { width: 100px; display: inline-block; } .page.page-sheets .card-body > ul ul { margin-bottom: 0.35714rem; } .overview-products .show-more-container, .overview-merchandise .show-more-container { width: 100%; padding: 0 0.71429rem; } .overview-products .show-more-container .btn, .overview-merchandise .show-more-container .btn { width: 100%; } .grecaptcha-badge { visibility: hidden; } .grecaptcha-protected-text { color: #999; } .rowgrid { opacity: 0; transition: opacity 0.3s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .rowgrid { transition: none; } } .rowgrid.loaded { opacity: 1; } .rowgrid:before, .rowgrid:after { content: ""; display: table; } .rowgrid:after { clear: both; } .rowgrid .rowgrid-item { overflow: hidden; display: -ms-flexbox; display: flex; float: left; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; margin-bottom: 1.42857rem; } .rowgrid .rowgrid-item img { -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; height: auto; vertical-align: middle; } .rowgrid .rowgrid-first-item { clear: both; } .rowgrid.rowgrid-last-row, .rowgrid.rowgrid-last-row ~ .item { margin-bottom: 0; } .sidebar { padding: 2.85714rem; } @media (max-width: 991.98px) { .sidebar { position: fixed; overflow: auto; z-index: 9999; display: none; top: 0; left: 0; right: 0; bottom: 0; max-width: none; padding: 1.42857rem; background: #e7e7e7; } } @media (min-width: 992px) { .sidebar { padding: 0 0.71429rem; } } .sidebar .btn-reset { text-align: left; padding-left: 0; padding-right: 0; margin-bottom: 0; } .sidebar hr { margin: 0.21429rem 0 1.85714rem; } .sidebar .sidebar-filters h5 { font-size: 1.28571rem; font-weight: bold; text-transform: uppercase; } .sidebar .sidebar-filters .nav { padding-left: 0; margin-bottom: 1.85714rem; } .sidebar .sidebar-filters .nav .nav-link { position: relative; padding-right: 0; } .sidebar .sidebar-filters .nav .nav-link.hidden { display: none; } .sidebar .sidebar-filters .nav .nav-link .nav { display: none; padding-left: 1.85714rem; margin-left: 0 !important; margin-bottom: 0; } .sidebar .sidebar-filters .nav .nav-link .nav .nav-link:before { position: absolute; display: block; content: ''; top: 50%; left: -2.07143rem; margin-top: -1rem; } .sidebar .sidebar-filters .nav .nav-link a { display: block; font-size: 1.14286rem; padding-left: 1.42857rem; } .sidebar .sidebar-filters .nav .nav-link a:hover { color: #333333; text-decoration: none; } .sidebar .sidebar-filters .nav .nav-link a.show-all { position: relative; display: block; font-size: 1rem; font-style: italic; text-transform: uppercase; padding-top: 0.42857rem; padding-left: 1.42857rem; } .sidebar .sidebar-filters .nav .nav-link a.has-sub { position: relative; } .sidebar .sidebar-filters .nav .nav-link a.has-sub:before { position: absolute; pointer-events: none; display: block; content: 'w'; top: 50%; left: 0; font-family: 'mpmoil-2018'; margin-top: -0.78571rem; } .sidebar .sidebar-filters .nav .nav-link a.has-sub.open:before { content: 'C'; } .sidebar .sidebar-filters [data-more] { position: relative; display: block; color: #000; font-size: 1rem; font-weight: bold; text-transform: uppercase; padding-left: 1.42857rem; margin-top: -1.42857rem; margin-bottom: 1.85714rem; } .sidebar .sidebar-filters [data-more]:before { position: absolute; pointer-events: none; display: block; top: 50%; left: 0; color: #3590c5; margin-top: -0.5rem; } .specialist-badge-banner { position: absolute; left: 0; right: 0; bottom: 0; } @media (min-width: 768px) { .specialist-badge-banner { padding-bottom: 1.42857rem; } } @media (min-width: 992px) { .specialist-badge-banner { top: 0; padding-bottom: 0; } } .specialist-badge-banner.has-title { bottom: 1.07143rem; } @media (min-width: 768px) { .specialist-badge-banner.has-title { top: 0; bottom: auto; } } @media (max-width: 767.98px) { .specialist-badge-banner .col-12 { padding: 0; } } .specialist-badge-banner .specialist-badge { width: 100%; margin-top: 1.42857rem; } @media (min-width: 768px) { .specialist-badge-banner .specialist-badge { width: auto; } } @media (min-width: 992px) { .specialist-badge-banner .specialist-badge { margin-top: 1.85714rem; } } .menu-oil-specialist .specialist-badge { margin: 1.14286rem 0 0.71429rem; } .specialist-badge { position: relative; display: inline-block; z-index: 10; color: darkgray; font-size: 1.14286rem; font-family: "Racing Sans One", Arial, sans-serif; line-height: normal; border: 0.07143rem solid rgba(0, 0, 0, 0.75); padding: 0.71429rem 0.71429rem 0.71429rem 10.85714rem; margin-bottom: 3.57143rem; background: rgba(0, 0, 0, 0.75); } @media (min-width: 992px) { .specialist-badge { min-height: 13rem; font-size: 1.42857rem; padding-left: 12.85714rem; } } .specialist-badge .avatar-container { position: absolute; top: 0.71429rem; left: 0.71429rem; width: 9.42857rem; } @media (min-width: 992px) { .specialist-badge .avatar-container { width: 11.42857rem; } } .specialist-badge .avatar-container:hover .icon { opacity: 1; } .specialist-badge .avatar-container .avatar-image { width: 100%; height: auto; } .specialist-badge .avatar-container .icon { position: absolute; display: block; opacity: 0; top: 0.71429rem; left: 0.71429rem; width: 2.57143rem; color: #f9be54; text-align: center; line-height: 0; border-radius: 50%; padding: 0.57143rem 0; background: rgba(0, 0, 0, 0.75); transition: opacity 0.3s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .specialist-badge .avatar-container .icon { transition: none; } } .specialist-badge .info { display: inline-block; width: 1rem; height: 1rem; color: #000; font-size: 0.71429rem; text-align: center; line-height: 1rem; border-radius: 50%; transform: translateY(-0.21429rem); background: #f9be54; } .specialist-badge .info:hover { text-decoration: none; } .specialist-badge .specialist-stats { margin: 0; } .specialist-badge .specialist-stats dt { font-weight: normal; } .specialist-badge .business-name { display: block; line-height: 1.57143rem; text-transform: uppercase; margin: 0 0 0.42857rem; } @media (min-width: 992px) { .specialist-badge .business-name { margin-bottom: 0.71429rem; } } .specialist-badge .business-name, .specialist-badge .since-value { color: #fff; font-size: 1.71429rem; } @media (min-width: 992px) { .specialist-badge .business-name, .specialist-badge .since-value { font-size: 2.21429rem; } } .specialist-badge .since-label, .specialist-badge .level-label { display: block; margin-bottom: -0.42857rem; } @media (min-width: 992px) { .specialist-badge .since-label, .specialist-badge .level-label { margin-bottom: -0.71429rem; } } .specialist-badge .since-value { text-transform: uppercase; margin-bottom: 0.28571rem; } .specialist-badge .level-value { display: block; margin: -0.71429rem 0 -0.42857rem; } @media (min-width: 992px) { .specialist-badge .level-value { margin-top: -1.14286rem; } } .specialist-badge .level-value .specialist-medal { display: inline-block; height: 3rem; margin: -0.57143rem -0.85714rem 0 -0.85714rem; } @media (min-width: 992px) { .specialist-badge .level-value .specialist-medal { height: auto; margin: -1rem -0.85714rem 0 -0.85714rem; } } .specialist-badge .level-value .points { color: #fff; font-size: 2.85714rem; } @media (min-width: 992px) { .specialist-badge .level-value .points { font-size: 3.78571rem; } } .specialist-badge .level-value .level-up { color: #f9be54; font-size: 0.78571rem; font-style: italic; font-weight: bold; font-family: "PT Sans", Arial, sans-serif; text-transform: uppercase; } .specialist-exclusives li { color: #fff; padding: 0.71429rem 0.71429rem; border: 1px solid gray; } @media (min-width: 1200px) { .specialist-exclusives li { font-size: 1.71429rem; padding: 3.14286rem 0; } } .specialist-exclusives li + li { margin-top: 0.71429rem; } @media (min-width: 768px) { .specialist-exclusives li + li { margin-top: 1.42857rem; } } @media (min-width: 1200px) { .specialist-exclusives li .col-left { padding-left: 3.14286rem; } } @media (min-width: 1200px) { .specialist-exclusives li .col-right { padding-right: 3.14286rem; } } .specialist-exclusives li .visual { display: block; margin: 1.42857rem auto; } @media (min-width: 1200px) { .specialist-exclusives li .visual { margin: 0 auto; } } .specialist-exclusives li .title { color: #999; } @media (min-width: 1200px) { .specialist-exclusives li .title { font-size: 2.57143rem; } } .specialist-exclusives li .title .duration { display: block; text-transform: none; } .specialist-exclusives li .title .product { display: block; color: #fff; } .specialist-exclusives li .artnr { font-size: 1.71429rem; font-family: "Racing Sans One", Arial, sans-serif; text-transform: uppercase; } @media (min-width: 1200px) { .specialist-exclusives li .artnr { font-size: 2.57143rem; } } .smp-preview .col { width: 33.33%; max-width: 33.33%; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; } @media (min-width: 768px) { .smp-preview .col { width: 20%; max-width: 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; } } .smp-preview .smp-img { position: relative; display: block; width: 100%; padding-top: 100%; margin-bottom: 1.42857rem; border: 0.07143rem solid #3590c5; background: no-repeat center center; background-size: cover; background-color: #181818; } .smp-preview .smp-img:before { position: absolute; display: block; content: ''; top: 0; right: 0; bottom: 0; left: 0; border: 0.71429rem solid #181818; } .modal-smp .modal-content { width: 100%; background-color: transparent; } .modal-smp .modal-content iframe { max-width: 100%; } .table-scroll { overflow: auto; overflow-y: visible; display: block; max-width: 100%; padding-right: 0.07143rem; } .table-scroll.slanted-headers { padding-top: 2.85714rem; } .table-scroll table { width: auto; min-width: 100%; } .table-striped.reversed tbody tr:nth-of-type(odd) { background-color: #fff; } .table-striped.reversed tbody tr:nth-of-type(even) { background-color: rgba(0, 0, 0, 0.05); } .striped { width: 100%; margin: 0; } .striped .header { color: #999; font-family: "PT Sans Narrow", "PT Sans", Arial, sans-serif; font-size: 1.14286rem; text-transform: uppercase; margin-top: 2.85714rem; } .striped .header th { position: relative; font-weight: normal; padding: 0.71429rem; border-bottom: 0.07143rem solid #ccc; } .striped .header th .slanted { position: absolute; display: inline-block; transform: rotate(-50deg); bottom: 3rem; width: 7.14286rem; left: 0; } .striped .item img { max-width: 100%; } .striped .item:nth-child(even) { background: #f6f6f6; } .striped .item.even { background: #f6f6f6; } .striped .item.odd { background: none; } .striped .item:last-child td { border-bottom: 0.07143rem solid #ccc; } .striped .item td { text-align: center; border: 0.07143rem solid #fff; padding: 0.71429rem; border-right: 0.07143rem solid #ccc; } .striped .item td:first-child { border-left: 0.07143rem solid #ccc; } .striped .item td img { max-height: 5rem; } .striped.dark .item:nth-child(even) { background: #292929; } .striped.dark .item td { border-color: #3e3e3e; border-top: none; border-bottom: none; } .striped.dark .item td:first-child { border-color: #3e3e3e; border-top: 0.07143rem solid #3e3e3e; } .striped.dark .item td:last-child { border-color: #3e3e3e; } .striped.align-left .item td { text-align: left; } table.padded th, table.padded td { padding: 0.71429rem; } table.bordered td:first-child { border-left: 1px solid #dee2e6; } table.bordered td:last-child { border-right: 1px solid #dee2e6; } table.bordered tr:first-child td { border-top: 1px solid #dee2e6; } table.bordered tr:last-child td { border-bottom: 1px solid #dee2e6; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #fff; } .tab-content { padding: 1.42857rem; border: 0.07143rem solid #dee2e6; border-top: none; } .timeline { padding-bottom: 0.42857rem; } @media (min-width: 992px) { .timeline { padding-bottom: 1.14286rem; } } .timeline h2 { font-size: 2.85714rem; margin-bottom: 0; } @media (min-width: 768px) { .timeline h2 { margin-bottom: 1.42857rem; } } .timeline .timeline-list { list-style: none; border-left: 0.07143rem solid #999; padding: 0; margin: 1.42857rem 0 0 1.42857rem; } .timeline .timeline-list .event { position: relative; display: -ms-flexbox; display: flex; min-height: 3.42857rem; padding-left: 5rem; margin: 1.07143rem 0; } .timeline .timeline-list .event:before { position: absolute; display: block; content: ''; z-index: 1; top: 50%; left: -0.5rem; width: 1rem; height: 1rem; border: 0.21429rem solid #999; border-radius: 50%; background: #202020; transform: translateY(-50%); } .timeline .timeline-list .event [class^='icon-'], .timeline .timeline-list .event [class*=' icon-'] { position: absolute; display: inline-block; top: 50%; left: 1.42857rem; width: 3.42857rem; height: 3.42857rem; text-align: center; border-radius: 50%; border: 0.14286rem solid #999; transform: translateY(-50%); } .timeline .timeline-list .event [class^='icon-']:before, .timeline .timeline-list .event [class*=' icon-']:before { position: relative; display: inline-block; color: #999; font-size: 2.14286rem; margin-top: 50%; transform: translateY(-50%); } .timeline .timeline-list .event [class^='icon-']:after, .timeline .timeline-list .event [class*=' icon-']:after { position: absolute; display: block; content: ''; top: 50%; left: -3rem; width: 2.85714rem; height: 0.07143rem; background: #999; } .timeline .timeline-list .event .event-desc { display: inline-block; width: 100%; line-height: 1.42857rem; padding-left: 0.71429rem; } .timeline .timeline-list .event .event-desc .event-date { color: #999; font-size: 1rem; } .timeline .timeline-list .event .event-desc .event-name { color: #fff; font-size: 1.42857rem; font-family: "Racing Sans One", Arial, sans-serif; } .timeline .timeline-list .event .event-desc .event-subtitle { color: #999; font-size: 1rem; text-transform: uppercase; } .timeline .timeline-list .event.linked:before { border-color: #fff; } .timeline .timeline-list .event.linked:hover .event-desc .event-date { color: #fff; } .timeline .timeline-list .event.linked:hover .event-desc .event-subtitle { color: #fff; } .timeline .timeline-list .event.linked [class^='icon-'], .timeline .timeline-list .event.linked [class*=' icon-'] { border-color: #3590c5; } .timeline .timeline-list .event.linked [class^='icon-']:before, .timeline .timeline-list .event.linked [class*=' icon-']:before { color: #3590c5; } .timeline .timeline-list .event.linked [class^='icon-']:after, .timeline .timeline-list .event.linked [class*=' icon-']:after { background: #3590c5; } .timeline .timeline-list .event.linked .event-desc .event-date { color: #3590c5; } .timeline .timeline-list .event.linked .event-desc .event-subtitle { color: #3590c5; } .timeline .timeline-list .event.highlighted:before { border-color: #fff; } .timeline .timeline-list .event.highlighted:hover .event-desc .event-date { color: #fff; } .timeline .timeline-list .event.highlighted:hover .event-desc .event-subtitle { color: #fff; } .timeline .timeline-list .event.highlighted [class^='icon-'], .timeline .timeline-list .event.highlighted [class*=' icon-'] { border-color: #fff; background: #fff; } .timeline .timeline-list .event.highlighted [class^='icon-']:before, .timeline .timeline-list .event.highlighted [class*=' icon-']:before { color: #3590c5; } .timeline .timeline-list .event.highlighted [class^='icon-']:after, .timeline .timeline-list .event.highlighted [class*=' icon-']:after { background: #fff; } .timeline .timeline-list .event.highlighted .event-desc .event-date { color: #3590c5; } .timeline .timeline-list .event.highlighted .event-desc .event-subtitle { color: #3590c5; } .timeline-desktop-container { position: relative; min-height: 18.57143rem; } .timeline-desktop-container .timeline-desktop .vis-timeline { border: none; } .timeline-desktop-container .timeline-desktop .vis-panel.vis-top, .timeline-desktop-container .timeline-desktop .vis-panel.vis-center, .timeline-desktop-container .timeline-desktop .vis-panel.vis-bottom { overflow: visible; border: none; } .timeline-desktop-container .timeline-desktop .vis-panel.vis-horizontal { border-bottom: 0.07143rem solid #fff; } .timeline-desktop-container .timeline-desktop .vis-panel.vis-bottom { position: relative; height: 7.14286rem; padding-top: 2.14286rem; } .timeline-desktop-container .timeline-desktop .vis-panel.vis-bottom:before, .timeline-desktop-container .timeline-desktop .vis-panel.vis-bottom:after { position: absolute; display: block; content: ''; top: 0; left: 0; width: 0.07143rem; height: 2.85714rem; background: #fff; } .timeline-desktop-container .timeline-desktop .vis-panel.vis-bottom:after { left: auto; right: 0; } .timeline-desktop-container .timeline-desktop .vis-time-axis { border: none; } .timeline-desktop-container .timeline-desktop .vis-time-axis .vis-grid.vis-minor, .timeline-desktop-container .timeline-desktop .vis-time-axis .vis-grid.vis-major { border: none; } .timeline-desktop-container .timeline-desktop .vis-time-axis .vis-text { color: #fff; font-size: 2.85714rem; font-family: "Racing Sans One", Arial, sans-serif; } .timeline-desktop-container .timeline-desktop .vis-axis { z-index: 3; } .timeline-desktop-container .timeline-desktop .vis-item { border-color: #fff; } .timeline-desktop-container .timeline-desktop .vis-item.vis-line { border: none; margin-bottom: 0.57143rem; } .timeline-desktop-container .timeline-desktop .vis-item.vis-box, .timeline-desktop-container .timeline-desktop .vis-item.vis-range { height: 9.28571rem; transform: translateY(4.28571rem); border: none; background: none; transition: height 0.3s ease, margin 0.3s ease, transform 0.3s ease; } @media screen and (prefers-reduced-motion: reduce) { .timeline-desktop-container .timeline-desktop .vis-item.vis-box, .timeline-desktop-container .timeline-desktop .vis-item.vis-range { transition: none; } } .timeline-desktop-container .timeline-desktop .vis-item.vis-box:before, .timeline-desktop-container .timeline-desktop .vis-item.vis-range:before { pointer-events: none; position: absolute; display: block; content: ''; top: 3.42857rem; left: 50%; width: 0.07143rem; height: 4.28571rem; background: #999; transition: all 0.3s ease; } @media screen and (prefers-reduced-motion: reduce) { .timeline-desktop-container .timeline-desktop .vis-item.vis-box:before, .timeline-desktop-container .timeline-desktop .vis-item.vis-range:before { transition: none; } } .timeline-desktop-container .timeline-desktop .vis-item.vis-box:hover, .timeline-desktop-container .timeline-desktop .vis-item.vis-range:hover { cursor: not-allowed; z-index: 10; } .timeline-desktop-container .timeline-desktop .vis-item.vis-box:hover .desc, .timeline-desktop-container .timeline-desktop .vis-item.vis-range:hover .desc { display: block; opacity: 1; padding: 0.71429rem; border: 0.07143rem solid #3590c5; } .timeline-desktop-container .timeline-desktop .vis-item.vis-box .icon, .timeline-desktop-container .timeline-desktop .vis-item.vis-range .icon { position: relative; display: inline-block; z-index: 2; width: 3.42857rem; height: 3.42857rem; color: #999; font-size: 2.14286rem; text-align: center; border: 0.14286rem solid #999; border-radius: 50%; box-shadow: none; background: #202020; transition: all 0.3s ease; } @media screen and (prefers-reduced-motion: reduce) { .timeline-desktop-container .timeline-desktop .vis-item.vis-box .icon, .timeline-desktop-container .timeline-desktop .vis-item.vis-range .icon { transition: none; } } .timeline-desktop-container .timeline-desktop .vis-item.vis-box .icon:before, .timeline-desktop-container .timeline-desktop .vis-item.vis-range .icon:before { display: inline-block; margin-top: 50%; transform: translateY(-50%); } .timeline-desktop-container .timeline-desktop .vis-item.vis-box .desc, .timeline-desktop-container .timeline-desktop .vis-item.vis-range .desc { position: absolute; display: none; opacity: 0; top: 0; left: 100%; width: 25.71429rem; color: #fff; text-align: left; line-height: normal; white-space: normal; margin-left: 2.14286rem; background: #202020; transition: all 0.3s ease; } @media screen and (prefers-reduced-motion: reduce) { .timeline-desktop-container .timeline-desktop .vis-item.vis-box .desc, .timeline-desktop-container .timeline-desktop .vis-item.vis-range .desc { transition: none; } } .timeline-desktop-container .timeline-desktop .vis-item.vis-box .desc:before, .timeline-desktop-container .timeline-desktop .vis-item.vis-range .desc:before { pointer-events: none; position: absolute; display: block; content: " "; width: 0; height: 0; border: 3.57143rem solid transparent; top: 100%; left: 50%; margin-left: -3.57143rem; border-top: 3.57143rem solid #3590c5; z-index: -2; top: 0; left: 0; border-right: none; border-top-width: 4.64286rem; margin-left: -3.57143rem; } .timeline-desktop-container .timeline-desktop .vis-item.vis-box .desc:after, .timeline-desktop-container .timeline-desktop .vis-item.vis-range .desc:after { pointer-events: none; position: absolute; display: block; content: " "; width: 0; height: 0; border: 3.57143rem solid transparent; top: 100%; left: 50%; margin-left: -3.57143rem; border-top: 3.57143rem solid #202020; z-index: 0; top: 0; left: 0.07143rem; border-right: none; border-top-width: 4.64286rem; margin-left: -3.57143rem; } .timeline-desktop-container .timeline-desktop .vis-item.vis-box .desc > *, .timeline-desktop-container .timeline-desktop .vis-item.vis-range .desc > * { position: relative; z-index: 1; } .timeline-desktop-container .timeline-desktop .vis-item.vis-box .desc .event-name, .timeline-desktop-container .timeline-desktop .vis-item.vis-range .desc .event-name { position: relative; font-size: 1.42857rem; font-family: "Racing Sans One", Arial, sans-serif; } .timeline-desktop-container .timeline-desktop .vis-item.vis-box .desc .event-name:before, .timeline-desktop-container .timeline-desktop .vis-item.vis-range .desc .event-name:before { pointer-events: none; position: absolute; display: block; content: " "; width: 0; height: 0; border: 1.42857rem solid transparent; bottom: 100%; left: 50%; margin-left: -1.42857rem; border-bottom: 1.42857rem solid #3590c5; z-index: -2; top: -2.21429rem; left: -2.14286rem; border-right: none; margin-left: -2.14286rem; } .timeline-desktop-container .timeline-desktop .vis-item.vis-box .desc .event-name:after, .timeline-desktop-container .timeline-desktop .vis-item.vis-range .desc .event-name:after { pointer-events: none; position: absolute; display: block; content: " "; width: 0; height: 0; border: 1.42857rem solid transparent; bottom: 100%; left: 50%; margin-left: -1.42857rem; border-bottom: 1.42857rem solid #202020; z-index: -2; top: -2.14286rem; left: -2.07143rem; border-right: none; margin-left: -2.14286rem; } .timeline-desktop-container .timeline-desktop .vis-item.vis-box .desc .event-subtitle, .timeline-desktop-container .timeline-desktop .vis-item.vis-range .desc .event-subtitle { position: initial; color: #3590c5; font-size: 1rem; font-weight: bold; } .timeline-desktop-container .timeline-desktop .vis-item.vis-box .desc .event-subtitle:before, .timeline-desktop-container .timeline-desktop .vis-item.vis-range .desc .event-subtitle:before { position: absolute; display: block; content: ''; z-index: 1; top: -0.07143rem; left: -2.14286rem; width: 2.14286rem; height: 0.07143rem; background: #3590c5; } .timeline-desktop-container .timeline-desktop .vis-item.vis-box.linked, .timeline-desktop-container .timeline-desktop .vis-item.vis-range.linked { cursor: pointer; } .timeline-desktop-container .timeline-desktop .vis-item.vis-box.linked:before, .timeline-desktop-container .timeline-desktop .vis-item.vis-range.linked:before { background: #3590c5; } .timeline-desktop-container .timeline-desktop .vis-item.vis-box.linked .icon, .timeline-desktop-container .timeline-desktop .vis-item.vis-range.linked .icon { color: #3590c5; border-color: #3590c5; } .timeline-desktop-container .timeline-desktop .vis-item.vis-box.linked:hover, .timeline-desktop-container .timeline-desktop .vis-item.vis-range.linked:hover { margin-top: -2.85714rem; } .timeline-desktop-container .timeline-desktop .vis-item.vis-box.linked:hover:before, .timeline-desktop-container .timeline-desktop .vis-item.vis-range.linked:hover:before { height: 7.14286rem; background-image: linear-gradient(to bottom, #ebdd81 0, #764c19 100%); background-repeat: repeat-x; } .timeline-desktop-container .timeline-desktop .vis-item.vis-box.linked:hover .icon, .timeline-desktop-container .timeline-desktop .vis-item.vis-range.linked:hover .icon { border-color: #ebdd81; box-shadow: 0 0 0.07143rem 0.07143rem #ebdd81; background: #202020; } .timeline-desktop-container .timeline-desktop .vis-item.vis-box.highlighted, .timeline-desktop-container .timeline-desktop .vis-item.vis-range.highlighted { cursor: pointer; margin-top: -4.28571rem; transform: translateY(5.71429rem); } .timeline-desktop-container .timeline-desktop .vis-item.vis-box.highlighted:before, .timeline-desktop-container .timeline-desktop .vis-item.vis-range.highlighted:before { height: 7.14286rem; background: #fff; } .timeline-desktop-container .timeline-desktop .vis-item.vis-box.highlighted .icon, .timeline-desktop-container .timeline-desktop .vis-item.vis-range.highlighted .icon { color: #3590c5; border-color: #fff; background: #fff; } .timeline-desktop-container .timeline-desktop .vis-item.vis-box.highlighted:hover, .timeline-desktop-container .timeline-desktop .vis-item.vis-range.highlighted:hover { margin-top: -4.28571rem; } .timeline-desktop-container .timeline-desktop .vis-item.vis-dot { border-radius: 50%; width: 1rem; height: 1rem; border: 0.21429rem solid #999; background: #202020; } .timeline-desktop-container .timeline-desktop .vis-item .vis-item-content { display: block; height: 3.42857rem; padding: 0; } .timeline-desktop-container .timeline-prev, .timeline-desktop-container .timeline-next { position: absolute; z-index: 1; top: 30%; left: -1.85714rem; height: 5rem; transform: translateY(-50%); } .timeline-desktop-container .timeline-prev:hover, .timeline-desktop-container .timeline-next:hover { text-decoration: none; } .timeline-desktop-container .timeline-prev .icon, .timeline-desktop-container .timeline-next .icon { color: #fff; font-size: 4.28571rem; text-shadow: 0 0.42857rem 0.85714rem #000; } .timeline-desktop-container .timeline-next { left: auto; right: -1.85714rem; } .tooltip-inner { background-color: #202020; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before, .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before, .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before, .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { border-left-color: #202020; } /** * Typography */ html { font-size: 14px; } body { color: #000000; font-size: 14px; font-family: "PT Sans", Arial, sans-serif; } h1 { font-style: normal; font-size: 2.28571rem; } h2, h3, h4, h5, h6 { font-style: normal; font-weight: normal; font-size: 1.71429rem; } h1, h2, h3 { font-family: "Racing Sans One", Arial, sans-serif; text-transform: uppercase; } h4 { font-weight: bold; } small { color: #999; font-size: 1.21429rem; } a { color: #283c98; } a:hover, a:active { color: #3590c5; } a small { color: #3590c5; } blockquote { position: relative; font-size: 2.28571rem; font-family: "Racing Sans One", Arial, sans-serif; } blockquote:before { display: inline-block; content: '\201C'; } blockquote:after { display: inline-block; content: '\201D'; } .card-link { color: inherit; } .card-link:hover { color: inherit; } .card-link:hover > .card { border-color: gray; } .card-link + .card-link { margin-left: 0; } .readmore .icon { display: inline-block; font-size: 1.85714rem; font-style: normal; line-height: normal; vertical-align: middle; margin-bottom: -0.35714rem; } ul.no-bullet { padding-left: 0; } ul.no-bullet > li { list-style-type: none; } .text-warning-severe { color: #ff7e00; } .text-danger { text-transform: uppercase; } .text-danger ul { list-style: none; padding: 0; } .video-wrapper { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; margin: 2rem 0; } .video-wrapper iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .wizard-progress .steps-progress { position: relative; top: 1.07143rem; height: 0.14286rem; margin: 0 5rem; background: #ccc; } .wizard-progress .steps-progress .progress-indicator { width: 0; height: 100%; background: #08c; transition: width .2s ease-in; } .wizard-progress .wizard-steps { display: -ms-flexbox; display: flex; width: 100%; font-size: 0; text-align: justify; list-style: none; padding: 1.07143rem 0 0; margin: 0; -ms-text-justify: distribute-all-lines; -ms-flex-pack: justify; justify-content: space-between; } .wizard-progress .wizard-steps li { display: block; width: 100%; vertical-align: top; } @media (min-width: 768px) { .wizard-progress .wizard-steps li { display: inline-block; width: auto; min-width: 3.57143rem; max-width: 10rem; } } .wizard-progress .wizard-steps li a { position: relative; display: block; color: #33333f; font-size: 1.14286rem; font-weight: 700; line-height: 1; text-decoration: none; padding: 2.5rem 0 0; } @media (min-width: 768px) { .wizard-progress .wizard-steps li a { text-align: center; padding: 2.5rem 0.57143rem 0; } } .wizard-progress .wizard-steps li i { display: inline-block; top: 0; left: 50%; width: 3.57143rem; height: 3.57143rem; color: #fff; font-size: 1.28571rem; font-style: normal; line-height: 3.42857rem; text-indent: -0.07143rem; text-align: center; border-radius: 2.5rem; border: 0.14286rem solid #ccc; margin-right: 0.71429rem; background: #ccc; transition: all .2s ease-in; } @media (min-width: 768px) { .wizard-progress .wizard-steps li i { position: absolute; display: block; margin-top: -1.78571rem; margin-left: -1.78571rem; margin-right: 0; } } .wizard-progress .wizard-steps li.completed i { color: #fff; border-color: #08c; background: #08c; } .wizard-progress .wizard-steps li.active i { color: #08c; border-color: #08c; background: #fff; } .outer-container.account { background-color: #fff; } .outer-container.account .page-titlebar { padding-top: 5.42857rem; } @media (min-width: 768px) { .outer-container.account .page-titlebar { margin-bottom: 4.28571rem; padding-top: 8.57143rem; } } @media (min-width: 992px) { .outer-container.account .page-titlebar { padding-top: 3.57143rem; } } .outer-container.account .page-titlebar .account-mobile-navigation { padding: 2.85714rem 0.21429rem 1.07143rem 0.21429rem; } .outer-container.account .page-titlebar .account-mobile-navigation .select2 .select2-selection { padding-left: 1.78571rem; } .outer-container.account .page-titlebar .account-mobile-navigation .select2 .select2-selection .select2-selection__rendered { color: #fff; } .outer-container.account .page-titlebar .account-mobile-navigation .select2 .select2-selection__arrow { right: 0; left: auto; } .outer-container.account .page-titlebar > .row:after { content: none; } .outer-container.account .page-titlebar > .row > div:after { pointer-events: none; position: absolute; display: block; content: " "; width: 0; height: 0; border: 1.42857rem solid transparent; top: 100%; left: 50%; margin-left: -1.42857rem; border-top: 1.42857rem solid #000; } .outer-container.account .page-titlebar:after { top: 0; bottom: 0; height: auto; margin-top: 0; background: #000; } .outer-container.account input { color: #000 !important; } .outer-container.account p { font-size: 1.28571rem; } .outer-container.account small { font-size: 1.28571rem; } .outer-container.account .account-navigation { min-height: 35.71429rem; } .outer-container.account .account-navigation a { display: block; max-width: 80%; border-color: #c6c7c9; } .outer-container.account .account-navigation a i:before { font-size: 1.42857rem; margin-top: -0.57143rem; } .outer-container.account .account-navigation .btn .badge { position: absolute; top: auto; left: 1.57143rem; bottom: 0.35714rem; font-size: 0.85714rem; padding: 0.21429rem 0.42857rem; } .outer-container.account form .col-form-label { padding-left: 0.71429rem; padding-right: 0.71429rem; color: #3590c5; } .outer-container.account form .form-check .col-form-label { padding-left: 2.14286rem; } @media (min-width: 768px) { .outer-container.account form .form-group.date .select2-container { width: 32% !important; } .outer-container.account form .form-group.date .select2-container:not(:first-of-type) { margin-left: 2%; } } .outer-container.account form .btn { width: 100%; } .outer-container.account table { width: 100%; table-layout: fixed; border: 0.07143rem solid #c6c7c9; } .outer-container.account table tr th, .outer-container.account table tr td { display: block; width: 100%; } @media (min-width: 768px) { .outer-container.account table tr th, .outer-container.account table tr td { display: table-cell; width: auto; } } .outer-container.account table tr td { vertical-align: top; } .outer-container.account table tr td:first-child:not([colspan]) { width: 250px; } .outer-container.account table tr td.icon-float { position: relative; padding-left: 2.85714rem; } .outer-container.account table tr td.icon-float .icon { position: absolute; top: 0; left: -2.14286rem; } .outer-container.account table tr td p.heading { position: relative; color: #999; text-transform: uppercase; font-family: 'PT Sans Narrow'; } .outer-container.account table tr td p.heading.oil-specialist { padding-right: 3.57143rem; } .outer-container.account table tr td p.heading i { display: inline-block; vertical-align: middle; margin-right: 0.57143rem; } .outer-container.account table tr td p.heading .oil-specialist-logo { position: absolute; top: -0.42857rem; right: 0; height: 2.85714rem; } .outer-container.account .collapsable-workshop .btn-collapse { color: #000; font-weight: bold; font-family: "PT Sans Narrow", "PT Sans", Arial, sans-serif; border: 0.07143rem solid #ccc; background-color: rgba(0, 0, 0, 0.05); } .outer-container.account .collapsable-workshop .btn-collapse:after { display: none; } .outer-container.account .collapsable-workshop .btn-collapse.collapsed { background: #fff; } .outer-container.account .collapsable-workshop .btn-collapse .oil-specialist-logo { display: inline-block; width: 1.71429rem; height: 1.71429rem; margin: 0 0.71429rem; } .outer-container.account .collapsable-workshop .btn-collapse .badge { font-size: 0.85714rem; padding: 0.21429rem 0.42857rem; margin: 0.42857rem 0 0 0.71429rem; } .outer-container.account .collapsable-workshop .avatars .avatar-image { height: 11.42857rem; } .outer-container.account .collapsable-workshop .avatars .heading { margin-bottom: 0; } .outer-container.account .collapsable-workshop .avatars .heading.text-danger { font-size: 1.28571rem; } .outer-container.account .collapsable-workshop .avatars .btn { margin-top: 0.71429rem; margin-bottom: 0; } .outer-container.account .collapsable-workshop table { border-top: none; } .outer-container.account .collapsable-workshop .text-danger { font-size: 1rem; } .outer-container.account .collapsable-workshop .notes { font-size: 1rem; } .outer-container.account .collapsable-workshop .notes ul { padding-left: 1.42857rem; } .outer-container.users.login:before { content: ''; position: absolute; top: 0; right: 0; left: 0; background-image: linear-gradient(to bottom, #000, transparent); opacity: 1; height: 28.57143rem; } .outer-container.users.login .header { background-image: url("../img/banners/login-background.png"); padding-top: 4.28571rem; } @media (min-width: 768px) { .outer-container.users.login .header { padding-top: 5.71429rem; } } @media (min-width: 1200px) { .outer-container.users.login .header { padding-top: 2.85714rem; } } .outer-container.users.login .page-titlebar h1.title { text-align: center; width: 100%; } .outer-container.users.login .login-container { padding-bottom: 5rem; } @media (min-width: 768px) { .outer-container.users.login .login-container { padding-bottom: 6.71429rem; } } .outer-container.users.login .login-container .collapsable .btn-collapse { color: #000; font-size: 1.71429rem; font-family: "Racing Sans One", Arial, sans-serif; padding-top: 0.42857rem; padding-bottom: 0.42857rem; background: #fff; outline: none; box-shadow: none; transition: .3s ease border; } .outer-container.users.login .login-container .collapsable .collapse { transition: none; } .outer-container.users.login .login-container .collapsable .collapse-inner { position: relative; color: #fff; padding: 1.78571rem 1.42857rem 0.5rem; background-color: rgba(0, 0, 0, 0.8); } .outer-container.users.login .login-container .collapsable .collapse-inner p { font-size: 1.28571rem; } .outer-container.users.login .login-container .collapsable .collapse-inner .form-group.checkbox { padding: 0.78571rem; text-transform: uppercase; } .outer-container.users.login .login-container .collapsable .collapse-inner .form-group.checkbox .form-check .col-form-label { padding-top: 0.14286rem; } .outer-container.users.login .login-container .collapsable .collapse-inner .form-group .input-group { position: relative; } .outer-container.users.login .login-container .collapsable .collapse-inner .form-group .input-group i { position: absolute; z-index: 10; top: 0.78571rem; font-size: 1.64286rem; left: 0.71429rem; color: #999; } .outer-container.users.login .login-container .collapsable .collapse-inner input { padding-left: 2.85714rem; } .outer-container.users.login .login-container .collapsable .collapse-inner input:not([type="checkbox"]), .outer-container.users.login .login-container .collapsable .collapse-inner button { width: 100%; position: relative; font-size: 1.07143rem; } .outer-container.users.login .login-container .collapsable .collapse-inner .card-bottom { border-top: 0.07143rem solid #999; } .outer-container.users.login .login-container .collapsable .collapse-inner .card-bottom i.icon { font-size: 2rem; display: inline-block; vertical-align: middle; margin-right: 0.71429rem; color: #3590c5; } .outer-container.users.login .login-container .collapsable .collapse-inner .card-bottom i.icon:hover { text-decoration: none; } .outer-container.users.login .login-container .collapsable .collapse-inner .card-bottom a { font-size: 1.14286rem; display: inline-block; vertical-align: bottom; } .outer-container.users.login .login-container .collapsable .collapse-inner .card-bottom.small i.icon { font-size: 1.07143rem; margin-right: 0; } .outer-container.users.login .login-container .collapsable .collapse-inner .card-bottom.small a { vertical-align: unset; } .outer-container.users.login .login-container .collapsable .collapse-inner:after { pointer-events: none; position: absolute; display: block; content: " "; width: 0; height: 0; border: 1.42857rem solid transparent; top: 100%; left: 50%; margin-left: -1.42857rem; border-top: 1.42857rem solid #fff; top: 0; transform: translateX(-50%); left: 50%; margin-left: 0; margin-top: 0; } @media (min-width: 768px) { .outer-container.users.login .login-container .collapsable:not(.always-collapse) .btn-collapse { pointer-events: none; border: none; padding-left: 1.42857rem; padding-right: 1.42857rem; } .outer-container.users.login .login-container .collapsable:not(.always-collapse) .btn-collapse:before, .outer-container.users.login .login-container .collapsable:not(.always-collapse) .btn-collapse:after { display: none; } .outer-container.users.login .login-container .collapsable:not(.always-collapse) .collapse { display: block !important; } } .outer-container.users.login .account-types p.intro { font-size: 1.28571rem; } .outer-container.users.login .account-types .account-type { padding: 0 1.42857rem; border: 0.07143rem solid #c6c7c9; border-right: 0; } .outer-container.users.login .account-types .account-type.specialist { border-left: 0; border-right: 0.07143rem; border-color: #000; background-color: #000; color: #fff; } .outer-container.users.login .account-types .account-type .image { padding: 1.78571rem 0; text-align: center; } .outer-container.users.login .account-types .account-type .image img { max-height: 8.92857rem; } .outer-container.users.login .account-types .account-type h2 { text-transform: none; font-size: 1.71429rem; } .outer-container.users.login .account-types .account-type .benefits { list-style-type: none; padding: 0; margin: 0; } .outer-container.users.login .account-types .account-type .benefits li { font-family: "PT Sans Narrow", "PT Sans", Arial, sans-serif; font-size: 1.21429rem; padding: 0.71429rem 0; position: relative; } .outer-container.users.login .account-types .account-type .benefits li:nth-child(odd) { background-color: #cfcfcf; } .outer-container.users.login .account-types .account-type .benefits li:before, .outer-container.users.login .account-types .account-type .benefits li:after { position: absolute; top: 0; content: ""; height: 100%; background-color: inherit; } .outer-container.users.login .account-types .account-type .benefits li:before { left: -1.42857rem; width: 1.42857rem; } .outer-container.users.login .account-types .account-type .benefits li:after { right: -1.42857rem; width: 1.42857rem; } .outer-container.users.login .account-types .account-type .benefits li span { pointer-events: none; position: absolute; display: block; content: " "; width: 0; height: 0; border: 1.42857rem solid transparent; top: 100%; left: 50%; margin-left: -1.42857rem; border-top: 1.42857rem solid #cfcfcf; top: 0; transform: translateX(-50%); left: 50%; margin-left: 0; margin-top: 0; top: 100%; } .outer-container.users.login .account-types .account-type .benefits li i.icon { color: #3590c5; margin-right: 0.71429rem; } .outer-container.users.login .account-types .account-type.news form.loading { min-height: 7.14286rem; } .outer-container.users.login .account-types .account-type.news form.loading .loader { width: 3.57143rem; height: 3.57143rem; } .outer-container.users.login .account-types .account-type .cta { padding: 2.85714rem 0 0.71429rem 0; } .outer-container.users.login .account-types .account-type.account.bordered { border-right: 0.07143rem solid #c6c7c9; } .outer-container.users.login .account-types .account-type.account .benefits li span { border-top-color: #e7e7e7; z-index: 1; } .outer-container.users.login .account-types .account-type.account .cta { position: relative; background-color: #cfcfcf; } .outer-container.users.login .account-types .account-type.account .cta:before, .outer-container.users.login .account-types .account-type.account .cta:after { position: absolute; top: 0; content: ""; height: 100%; background-color: inherit; } .outer-container.users.login .account-types .account-type.account .cta:before { left: -1.42857rem; width: 1.42857rem; } .outer-container.users.login .account-types .account-type.account .cta:after { right: -1.42857rem; width: 1.42857rem; } .outer-container.users.login .account-types .account-type.specialist .benefits li:nth-child(odd) { background-color: #3e3e3e; } .outer-container.users.login .account-types .account-type.specialist .benefits li span { border-top-color: #3e3e3e; } .outer-container.users.login .account-types .account-type.specialist .benefits li i.icon { color: #f2bc5d; } .outer-container.users.login .account-types .account-type.specialist .cta { padding-top: 1.42857rem; } .outer-container.users.login .account-types .account-type.specialist .cta .consent-checkbox .specialist-label .specialist-checkbox { display: inline-block; float: none; width: 3.57143rem; height: 3.57143rem; margin-bottom: 0.57143rem; vertical-align: middle; } .outer-container.users.login .account-types .account-type.specialist .cta .consent-checkbox .specialist-label .label { position: relative; color: #fff7b4; font-size: 1.42857rem; text-shadow: 0 0 2.85714rem #df0019; text-transform: none; display: inline-block; } .outer-container.users.login .account-types .account-type.specialist .cta .consent-checkbox .specialist-label .label:before, .outer-container.users.login .account-types .account-type.specialist .cta .consent-checkbox .specialist-label .label:after { position: absolute; content: attr(data-title); top: 0; left: 0; color: rgba(255, 255, 255, 0.5); } .outer-container.users.login .account-types .account-type.specialist .cta .consent-checkbox .specialist-label .label:before { top: 0; text-shadow: 0 0 3.57143rem #df0019; } .outer-container.users.login .account-types .account-type.specialist .cta .consent-checkbox .specialist-label .label:after { opacity: .75; top: 0; color: #fff7b4; text-shadow: 0.21429rem 0.21429rem 0.71429rem #f4a01d, -0.21429rem -0.21429rem 0.71429rem #f4a01d; background-clip: text; -webkit-background-clip: text; -moz-background-clip: text; } .outer-container.users.login .account-types .account-type.specialist .cta .consent-checkbox small { color: #fff; font-size: 0.71429rem; line-height: 0.92857rem; padding: 0 1.42857rem; } /* * Bare layout styling */ body.layout-bare .outer-container.users.login .page-titlebar { margin-top: -5rem; } body.layout-bare .outer-container.users.login .page-titlebar h1.title { display: block; } .register-flow label { color: #3590c5; } .register-flow .checkbox label { color: #000; } .register-flow .input-group select { width: 100%; color: #3590c5; } .register-flow .input-group-indented { padding-left: 1.42857rem; } @media (min-width: 768px) { .register-flow .date select { width: 32% !important; margin-top: 0; margin-left: 2%; } .register-flow .date select:first-of-type { margin-left: 0; } } .register-flow .date .select2-container--bootstrap4 { margin-top: 0.71429rem; } .register-flow .date .select2-container--bootstrap4:first-of-type { margin-top: 0; } @media (min-width: 768px) { .register-flow .date .select2-container--bootstrap4 { width: 32% !important; margin-top: 0; margin-left: 2%; } .register-flow .date .select2-container--bootstrap4:first-of-type { margin-left: 0; } } .register-flow.register-business .become-oil-specialist { margin: 2.85714rem 0; } .register-flow.register-business .become-oil-specialist .col:first-child { padding-left: 0; } .register-flow.register-business .become-oil-specialist label { cursor: pointer; } .register-flow.register-business .become-oil-specialist .form-group { margin: 2.28571rem 0; } .gmap-contact .gmap-sidebar { pointer-events: none; position: absolute; z-index: 1; left: 50%; color: #999; font-size: 1.14286rem; bottom: 0.71429rem; transform: translateX(-50%); } @media (min-width: 768px) { .gmap-contact .gmap-sidebar { bottom: 1.42857rem; } } @media (min-width: 992px) { .gmap-contact .gmap-sidebar { bottom: 2.14286rem; } } .gmap-contact .gmap-sidebar .sidebar-box { pointer-events: initial; padding: 0.71429rem; background: rgba(0, 0, 0, 0.85); } @media (min-width: 768px) { .gmap-contact .gmap-sidebar .sidebar-box { max-width: 23.57143rem; } } .gmap-contact .gmap-sidebar .sidebar-search { position: relative; margin-top: 1.42857rem; } @media (min-width: 768px) { .gmap-contact .gmap-sidebar .sidebar-search .col-submit { padding-left: 0; } } .gmap-contact .gmap-sidebar .sidebar-search .sidebar-search-results { color: #fff; margin-top: 1.42857rem; } @media (min-width: 768px) { .gmap-contact .gmap-sidebar .sidebar-search .sidebar-search-results { position: absolute; opacity: 0; top: 0; left: 100%; max-width: 23.57143rem; padding: 0.71429rem; margin-top: 0; margin-left: 1.42857rem; background: rgba(0, 0, 0, 0.85); transition: opacity 0.3s ease-in-out; } } @media screen and (min-width: 768px) and (prefers-reduced-motion: reduce) { .gmap-contact .gmap-sidebar .sidebar-search .sidebar-search-results { transition: none; } } @media (min-width: 768px) { .gmap-contact .gmap-sidebar .sidebar-search .sidebar-search-results:before { pointer-events: none; position: absolute; display: block; content: " "; width: 0; height: 0; border: 1.14286rem solid transparent; top: 50%; right: 100%; margin-top: -1.14286rem; border-right: 1.14286rem solid rgba(0, 0, 0, 0.85); top: 2.35714rem; } .gmap-contact .gmap-sidebar .sidebar-search .sidebar-search-results.active { opacity: 1; } } .gmap-contact .gmap-sidebar .sidebar-search .sidebar-search-results .btn-close-search { position: absolute; top: 0.14286rem; right: 0.42857rem; height: 3.14286rem; color: #ff414d; font-size: 2.14286rem; line-height: 3.57143rem; border: none; background: none; } .gmap-contact .gmap-sidebar .sidebar-search .sidebar-search-results .results-list { overflow: auto; max-height: 11.57143rem; margin-bottom: -0.71429rem; } @media (min-width: 768px) { .gmap-contact .gmap-sidebar .sidebar-search .sidebar-search-results .results-list { max-height: 27.42857rem; } } .gmap-contact .gmap-sidebar .sidebar-search .sidebar-search-results .results-list .btn { text-align: left; } .gmap-contact .gmap-sidebar .sidebar-search .sidebar-search-results .results-list .btn span { display: block; } .gmap-contact .gmap-sidebar .sidebar-search .sidebar-search-results .results-list .btn small { display: block; color: #999; } .gmap-contact .gmap-sidebar .sidebar-actions { margin-top: 0.71429rem; } @media (min-width: 768px) { .gmap-contact .gmap-sidebar .sidebar-actions { margin-top: 1.42857rem; } } .gmap-contact .gmap-sidebar .sidebar-actions .btn-hq { padding-left: 4.28571rem; } .gmap-contact .gmap-sidebar .sidebar-actions .btn-hq .icon-mpm { position: absolute; display: block; top: 50%; left: 0.71429rem; width: 2.85714rem; height: 2rem; margin-top: -1rem; background: url("../img/contact/btn-mpm.png") no-repeat center center; background-size: contain; } .gmap-contact .gmap-sidebar .sidebar-actions .btn-dealers { border: none; padding-top: 0.28571rem; padding-bottom: 0.28571rem; padding-left: 3.57143rem; background: none; } .gmap-contact .gmap-sidebar .sidebar-actions .btn-dealers .checkmark { position: absolute; top: 0; left: 0; bottom: 0; height: 2.14286rem; width: 2.14286rem; border: 2px solid #343434; transition: .3s ease border, .3s ease background-color; } .gmap-contact .gmap-sidebar .sidebar-actions .btn-dealers .checkmark:before { position: absolute; display: block; content: ""; opacity: 0; top: 50%; left: 50%; width: 0.71429rem; height: 1.57143rem; border: solid #000; border-width: 0 0.28571rem 0.28571rem 0; margin-left: -0.35714rem; margin-top: -0.92857rem; transform: rotate(40deg); transition: .3s ease opacity; } .gmap-contact .gmap-sidebar .sidebar-actions .btn-dealers .checkmark.checked { border-color: #3590c5; background: #3590c5; } .gmap-contact .gmap-sidebar .sidebar-actions .btn-dealers .checkmark.checked:before { opacity: 1; } .gmap-contact .gmap-sidebar .sidebar-actions .filter-group { border: 1px solid #3590c5; margin: 0 0.71429rem 0.71429rem; } @media (min-width: 992px) { .gmap-contact .gmap-sidebar .sidebar-actions .filter-group { margin: 0.71429rem 0 0; } .gmap-contact .gmap-sidebar .sidebar-actions .filter-group:first-child { margin-top: 0; } } .gmap-contact .gmap-sidebar .sidebar-actions .main-filters { padding: 10px; } .gmap-contact .gmap-sidebar .sidebar-actions .sub-filters { position: relative; display: block; overflow: hidden; padding-top: 0.35714rem; } .gmap-contact .gmap-sidebar .sidebar-actions .sub-filters:before, .gmap-contact .gmap-sidebar .sidebar-actions .sub-filters:after { position: absolute; content: ""; top: 0; height: 0.35714rem; background-color: rgba(0, 0, 0, 0.5); } .gmap-contact .gmap-sidebar .sidebar-actions .sub-filters:before { width: 8%; right: 92%; transform: skewX(45deg) translateX(-5px); } .gmap-contact .gmap-sidebar .sidebar-actions .sub-filters:after { width: 92%; left: 7%; transform: skewX(-45deg) translateX(5px); } .gmap-contact .gmap-sidebar .sidebar-actions .sub-filters-inner { padding: 0 0.71429rem 0.71429rem; background-color: rgba(0, 0, 0, 0.5); } .gmap-contact .gmap-sidebar .sidebar-actions .sub-filters .btn-dealers { margin-top: 0.71429rem; } .gmap-contact .gmap-sidebar .sidebar-actions .sub-filters .btn-dealers:first-child { margin-top: 0.35714rem; } .gmap-contact .gmap-sidebar .sidebar-actions .collapsable-filters:not(.always-collapse) { margin-top: 0.71429rem; margin-bottom: 0; } .gmap-contact .gmap-sidebar .sidebar-actions .collapsable-filters:not(.always-collapse) .btn:active, .gmap-contact .gmap-sidebar .sidebar-actions .collapsable-filters:not(.always-collapse) .btn:focus { outline: none; box-shadow: none; } .gmap-contact .gmap-sidebar .sidebar-actions .collapsable-filters:not(.always-collapse) .btn:hover { color: #999; } .gmap-contact .gmap-sidebar .sidebar-actions .collapsable-filters:not(.always-collapse) .btn:not(:disabled):not(.disabled):active:focus { color: #999; } .gmap-contact .gmap-sidebar .sidebar-actions .collapsable-filters:not(.always-collapse) .btn-collapse { font-size: 1.07143rem; border-color: #3590c5; border-top-width: 0.07143rem; padding-left: 4.28571rem; background: none; } .gmap-contact .gmap-sidebar .sidebar-actions .collapsable-filters:not(.always-collapse) .btn-collapse:before { display: inline-block; content: "f"; width: 30px; text-align: center; } .gmap-contact .gmap-sidebar .sidebar-actions .collapsable-filters:not(.always-collapse) .btn-collapse:after { display: none; } .gmap-contact .gmap-sidebar .sidebar-actions .collapsable-filters:not(.always-collapse) .btn-collapse.collapsed:before { content: "f"; } .gmap-contact .gmap-sidebar .sidebar-actions .collapsable-filters:not(.always-collapse) .collapse > .card, .gmap-contact .gmap-sidebar .sidebar-actions .collapsable-filters:not(.always-collapse) .collapsing > .card { color: #fff; border-color: #3590c5; border-bottom-width: 0.07143rem; padding: 0; background: none; } @media (min-width: 768px) { .gmap-contact .gmap-sidebar .sidebar-actions .collapsable-filters:not(.always-collapse) .collapse > .card, .gmap-contact .gmap-sidebar .sidebar-actions .collapsable-filters:not(.always-collapse) .collapsing > .card { border: none; } } .gmap-contact .gmap-sidebar .sidebar-actions .collapsable-filters:not(.always-collapse) .collapse > .card:after, .gmap-contact .gmap-sidebar .sidebar-actions .collapsable-filters:not(.always-collapse) .collapsing > .card:after { display: none; } @media (min-width: 992px) { .gmap-contact .gmap-sidebar .sidebar-actions .collapsable-filters:not(.always-collapse) .btn-collapse { display: none; } .gmap-contact .gmap-sidebar .sidebar-actions .collapsable-filters:not(.always-collapse) .collapse { display: block !important; } .gmap-contact .gmap-sidebar .sidebar-actions .collapsable-filters:not(.always-collapse) .collapse .card { border-bottom-width: 0.07143rem; } .gmap-contact .gmap-sidebar .sidebar-actions .collapsable-filters:not(.always-collapse) .collapse .card:after { display: none; } } .contact-search { position: relative; color: #fff; background: #000; } .contact-search:before, .contact-search:after { position: absolute; display: block; content: ''; width: 200%; height: 100%; top: 0; right: 100%; background: #000; } .contact-search:after { left: 100%; right: auto; } .contact-search .search-bar { position: relative; text-align: center; padding: 1.42857rem 0; } .contact-search .search-bar .title { display: inline-block; font-size: 2.07143rem; line-height: 2.85714rem; text-transform: none; margin-bottom: 0; } @media (min-width: 768px) { .contact-search .search-bar .title { margin-right: 1.42857rem; } } .contact-search .search-bar .form-contact-search { position: relative; display: inline-block; width: 22.14286rem; } .contact-search .search-bar .form-contact-search .dealer-query { padding-right: 6rem !important; } .contact-search .search-bar .form-contact-search .btn-search, .contact-search .search-bar .form-contact-search .btn-location { position: absolute; top: 0; right: 0; border: none; padding-left: 0.28571rem; padding-right: 0.28571rem; } .contact-search .search-bar .form-contact-search .btn-location { right: 3rem; } .contact-search .search-results { position: relative; background: #262626; } .contact-search .search-results:before, .contact-search .search-results:after { position: absolute; display: block; content: ''; width: 200%; height: 100%; top: 0; right: 100%; background: #262626; } .contact-search .search-results:after { left: 100%; right: auto; } .contact-search .search-results .container { position: relative; padding-top: 2.14286rem; padding-bottom: 0.28571rem; } .contact-search .search-results .container:before { pointer-events: none; position: absolute; display: block; content: " "; width: 0; height: 0; border: 1.57143rem solid transparent; top: 100%; left: 50%; margin-left: -1.57143rem; border-top: 1.57143rem solid #000; top: 0; } .contact-search .search-results .title { font-size: 2.07143rem; line-height: 2.85714rem; text-align: center; text-transform: none; margin-bottom: -0.28571rem; } .contact-search .search-results .results-list { padding-bottom: 1.42857rem; counter-reset: results; } .contact-search .search-results .results-list::after { display: block; clear: both; content: ""; } .contact-search .search-results .results-list .business { float: left; margin-top: 1.42857rem; } @media (min-width: 768px) { .contact-search .search-results .results-list .business { width: 50%; } } @media (min-width: 992px) { .contact-search .search-results .results-list .business { width: 33.33%; } } @media (min-width: 1200px) { .contact-search .search-results .results-list .business { width: 20%; } } .contact-search .search-results .results-list .business-link { position: relative; display: block; color: #fff; padding-left: 3.28571rem; padding-right: 0.71429rem; } .contact-search .search-results .results-list .business-link:before { position: absolute; display: block; counter-increment: results; content: counter(results); top: 0; left: 0; width: 2.42857rem; height: 2.42857rem; color: #262626; font-size: 1.71429rem; font-family: "Racing Sans One", Arial, sans-serif; line-height: 2.42857rem; text-align: center; border-radius: 50%; background: #fff; } .contact-search .search-results .results-list .business-link:hover { text-decoration: none; } .contact-search .search-results .results-list .business-link:hover:before { background: #3590c5; } .contact-search .search-results .results-list .business-link .oil-specialist-logo { position: absolute; top: 3.28571rem; left: 0; width: 2.5rem; } .contact-search .search-results .results-list .business-link .line { display: block; } .contact-search .search-results .results-list .business-link .line.name { color: #3590c5; font-weight: bold; } .contact-form { font-size: 1.14286rem; padding: 0.14286rem 0 0.71429rem; } @media (min-width: 768px) { .contact-form { padding: 0.85714rem 0 1.42857rem; } } @media (min-width: 992px) { .contact-form { padding: 1.57143rem 0 1.14286rem; } } .contact-form .title { font-family: "Racing Sans One", Arial, sans-serif; text-align: center; } .contact-form label { font-size: 1.14286rem; padding: 0; margin-bottom: 0.28571rem; } .contact-form .form-group .select2-container--bootstrap4 { border: 0.07143rem solid #3590c5; } .contact-form .form-group.textarea textarea { height: 22.28571rem; } .contact-updates { text-align: center; } .contact-updates .social-list { margin: 1.71429rem auto 0; } @media (min-width: 992px) { .contact-updates .social-list { margin-top: 1.42857rem; } } .contact-updates .fa { display: inline-block; width: 2.85714rem; height: 2.85714rem; color: #fff; font-size: 1.71429rem; text-align: center; padding: 0.57143rem; border-radius: 50%; background: #3590c5; transition: .3s ease background-color; } @media (min-width: 768px) { .contact-updates .fa { width: 7.5rem; height: 7.5rem; font-size: 4rem; padding: 1.71429rem; } } .contact-updates .fa:hover { text-decoration: none; background: #202020; } .contact-impression { color: #fff; text-align: center; padding: 0.71429rem 0 0; margin-bottom: -0.71429rem; background: #303030; } @media (min-width: 768px) { .contact-impression { padding: 1.42857rem 0 0; margin-bottom: 0; } } @media (min-width: 992px) { .contact-impression { padding: 2.14286rem 0 1.14286rem; } } .contact-impression h2 { margin-bottom: 0.71429rem; } @media (min-width: 768px) { .contact-impression h2 { margin-bottom: 1.42857rem; } } @media (min-width: 992px) { .contact-impression h2 { margin-bottom: 2.14286rem; } } .contact-impression .instagram-preview { margin-top: 1.71429rem; } .gmap-business .modal-title { padding: 0.42857rem 0; position: relative; } .gmap-business .modal-title.has-icon { padding-left: 4.42857rem; } .gmap-business .modal-title .oil-specialist-logo { position: absolute; top: 0; left: 0; height: 3.71429rem; } .gmap-location { position: relative; opacity: 0; color: #999; font-size: 1.07143rem; transition: .3s ease opacity; pointer-events: none; } .gmap-location.active { opacity: 1; pointer-events: initial; } .gmap-location .hidden { display: none; } .gmap-location .btn-close-location { position: absolute; top: 1.28571rem; right: 1.28571rem; height: 3.14286rem; color: #ff414d; font-size: 2.85714rem; line-height: 3.57143rem; border: none; background: none; } .gmap-location .btn-close-location:hover { text-decoration: none; } .gmap-location .business-image { position: relative; width: 100%; margin-bottom: 0.71429rem; } @media (min-width: 768px) { .gmap-location .business-image { padding-top: 0.42857rem; margin-bottom: 0; } } .gmap-location .business-image img { border: 1px solid #3590c5; } .gmap-location .business-image .oil-specialist-logo { position: absolute; right: 0.71429rem; bottom: 0.71429rem; width: 6.14286rem; border: none; } .gmap-location .title { color: #fff; font-size: 1.85714rem; font-weight: normal; font-family: "Racing Sans One", Arial, sans-serif; text-transform: none; padding-right: 3.78571rem; } .gmap-location .title .oil-specialist-logo { height: 3.71429rem; margin-right: 0.71429rem; } .gmap-location .desc { position: relative; min-height: 158px; } @media (min-width: 768px) { .gmap-location .desc { min-height: 0; } } .gmap-location .desc.has-image { padding-left: 12.42857rem; } @media (min-width: 768px) { .gmap-location .desc.has-image { padding-left: 0; } } .gmap-location .desc .avatar-image { position: absolute; top: 0; left: 0; height: 11.28571rem; } .gmap-location .desc .contact dl { margin-bottom: 0; } .gmap-location .desc .contact dl::after { display: block; clear: both; content: ""; } .gmap-location .desc .contact dt, .gmap-location .desc .contact dd { margin-bottom: 0; word-break: break-all; } .gmap-location .desc .contact dt { width: 8%; font-weight: normal; float: left; padding-right: 0.71429rem; } .gmap-location .desc .contact dt::after { display: block; clear: both; content: ""; } .gmap-location .desc .contact dd { width: 92%; float: left; } .gmap-location .desc .contact dd .icon { display: none; } .gmap-location .desc .contact .contact-item { position: relative; word-break: break-all; padding-left: 1.42857rem; } .gmap-location .desc .contact .contact-item [class^=icon] { position: absolute; top: 0; left: 0; } .gmap-location .actions .btn:first-child { margin-top: 1.42857rem; } .gmap-location .attributes li { position: relative; float: left; width: 50%; color: #fff; font-size: 0.92857rem; text-transform: uppercase; padding-left: 1.71429rem; margin-top: 0.71429rem; } @media (min-width: 768px) { .gmap-location .attributes li { float: none; width: 100%; min-height: 3.28571rem; font-size: 1.07143rem; padding: 0.71429rem 0 0.71429rem 2.85714rem; } .gmap-location .attributes li.sale_point_1l { background: url(../img/contact/attribute-sale-point-1l.png) no-repeat right center; } .gmap-location .attributes li.additive_specialist { background: url(../img/contact/attribute-additive-specialist.png) no-repeat right center; } .gmap-location .attributes li.atf_specialist { background: url(../img/contact/attribute-atf-specialist.png) no-repeat right center; } } .gmap-location .attributes li:before { position: absolute; display: block; content: ''; top: 50%; left: 0; width: 1.14286rem; height: 1.14286rem; background: url(../img/mpm/star.png) no-repeat center center; background-size: contain; transform: translateY(-50%); } @media (min-width: 768px) { .gmap-location .attributes li:before { width: 2.14286rem; height: 2.14286rem; } } .gmap-location .gmaps-route { display: none; } .gmap-location [class*="col"] { word-wrap: break-word; } /* * Bare layout styling */ body.layout-bare .contact-form { padding-top: 0; } @media (min-width: 768px) { body.layout-bare .contact-form { padding: 0 0 1.42857rem; } } body.layout-bare .contact-form .title, body.layout-bare .contact-form .intro-text { position: relative; display: block; color: #fff; margin-bottom: 0; background: #303030; } body.layout-bare .contact-form .title:before, body.layout-bare .contact-form .title:after, body.layout-bare .contact-form .intro-text:before, body.layout-bare .contact-form .intro-text:after { position: absolute; display: block; content: ''; z-index: 0; top: 0; right: 50%; width: 100%; height: 100%; background: #303030; } body.layout-bare .contact-form .title:after, body.layout-bare .contact-form .intro-text:after { left: 50%; right: auto; } body.layout-bare .contact-form .title span, body.layout-bare .contact-form .intro-text span { position: relative; display: inline-block; z-index: 1; } body.layout-bare .contact-form .title { font-size: 1.42857rem; padding: 1.42857rem; } body.layout-bare .contact-form .intro-text { position: relative; text-align: center; padding: 0 1.42857rem 1.42857rem; margin-bottom: 1.42857rem; } body.layout-bare .contact-form .intro-text .intro-text-inner { position: relative; color: #c6c7c9; } body.layout-bare .contact-form .intro-text .intro-text-inner:after { pointer-events: none; position: absolute; display: block; content: " "; width: 0; height: 0; border: 1.42857rem solid transparent; top: 100%; left: 50%; margin-left: -1.42857rem; border-top: 1.42857rem solid #303030; margin-top: 1.42857rem; } .customer-analysis > h2 { margin-top: 4.28571rem; margin-bottom: 1rem; } .customer-analysis > h2:first-child { margin-top: 0; } .customer-analysis .wizard-progress { margin-bottom: 3.57143rem; } .customer-analysis form h2 { margin-top: 4.28571rem; margin-bottom: 1rem; } .customer-analysis fieldset { margin: 0; padding: 0; border: none; line-height: normal; } .customer-analysis .form-group { margin-bottom: 0; } .customer-analysis .form-group.radio, .customer-analysis .form-group.checkbox { margin-top: 0.71429rem; } .customer-analysis .form-group.radio:first-of-type, .customer-analysis .form-group.checkbox:first-of-type { margin-top: 0; } .customer-analysis .form-group.date .input-group { margin-left: -2%; } .customer-analysis .form-group.date .input-group > .select2-container--bootstrap4 { width: 31% !important; margin-left: 2%; } .customer-analysis table th .icon, .customer-analysis table td .icon { position: relative; display: inline-block; width: 20px; } .customer-analysis table th .icon:before, .customer-analysis table td .icon:before { position: absolute; transform: translateY(-90%); } .customer-analysis .visually-hidden { visibility: hidden; } .customer-analysis .input-group.select-prepend .select2-container--bootstrap4 { width: calc(100% - 30px) !important; } .customer-analysis .input-group.select-prepend .input-group-prepend { width: 30px; } .customer-analysis .distribution-container .total-row { font-weight: bold; margin-top: 2.14286rem; } .customer-analysis .distribution-container .total-row.error { color: #ff414d; } .customer-analysis .distribution-container .total-row.error .input-group input { color: #ff414d !important; } .customer-analysis .distribution-container .total-row.error .input-group input:-ms-input-placeholder { color: #ff414d; } .customer-analysis .distribution-container .total-row.error .input-group input::placeholder { color: #ff414d; } .customer-analysis .distribution-container .total-row.error .input-group > .input-group-prepend > .input-group-text { color: #ff414d; } .customer-analysis .distribution-container .total-row .total-label { padding-top: 0.92857rem; } .customer-analysis .distribution-container .total-row .input-group { border-top: 0.14286rem solid #000; } .customer-analysis .distribution-container .total-row .input-group .form-control { height: auto; border: none; } .customer-analysis .distribution-container .total-row .input-group > .input-group-prepend > .input-group-text { border: none; background-color: transparent; } .download-page .card-download { min-height: 17.42857rem; } .outer-container.error { background-color: #000; } .outer-container.error .content-wrapper > .container > .row.error-hero { height: 21.42857rem; -ms-flex-align: center; align-items: center; } @media (min-width: 768px) { .outer-container.error .content-wrapper > .container > .row.error-hero { height: 28.57143rem; } } @media (min-width: 992px) { .outer-container.error .content-wrapper > .container > .row.error-hero { height: 42.85714rem; } } .outer-container.error .error-hero h1, .outer-container.error .error-hero h2 { color: #fff; } .outer-container.error .error-hero h1 { font-size: 3.92857rem; } .outer-container.error .error-hero h2 { font-size: 2.5rem; } .outer-container.error .help-container, .outer-container.error .links-container { padding: 2.14286rem 0; position: relative; } .outer-container.error .help-container:before, .outer-container.error .links-container:before { position: absolute; left: -100%; top: 0; width: 100%; height: 100%; content: ""; } .outer-container.error .help-container:after, .outer-container.error .links-container:after { position: absolute; right: -100%; top: 0; width: 100%; height: 100%; content: ""; } .outer-container.error .help-container { background-color: #c6c7c9; } .outer-container.error .help-container:before { background-color: #c6c7c9; } .outer-container.error .help-container:after { background-color: #c6c7c9; } .outer-container.error .help-container h3 { margin-bottom: 1.78571rem; } .outer-container.error .help-container p, .outer-container.error .help-container ul li { font-size: 1.07143rem; line-height: 2.14286rem; } .outer-container.error .help-container ul { padding-left: 1.28571rem; } .outer-container.error .links-container { background-color: #181818; } .outer-container.error .links-container:before { background-color: #181818; } .outer-container.error .links-container:after { background-color: #181818; } .outer-container.error .links-container h3 { margin-bottom: 1.78571rem; font-size: 2.85714rem; color: #fff; } .outer-container.error .links-container ul { padding-left: 0; list-style-type: none; } .outer-container.error .links-container ul li { font-size: 1.07143rem; line-height: 2.14286rem; } .outer-container.home > .header { overflow: hidden; background: #e7e7e7; } @media (min-width: 992px) { .outer-container.home > .header { background: #202020; } } .home-hero { position: relative; overflow: visible; z-index: 1; background: #fff; } .home-header-desktop { overflow: visible; height: auto; padding-top: 50%; background: #fff; transition: all 0.3s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .home-header-desktop { transition: none; } } @media (min-width: 1440px) { .home-header-desktop { height: 51.42857rem; padding-top: 0; } } .home-header-desktop .auto { height: 56.14286rem; } @media (min-width: 1440px) { .home-header-desktop .auto { height: 51.42857rem; } } .home-header-desktop .video-container { position: absolute; top: 0; left: 50%; width: 2560px; height: 100%; max-height: 51.42857rem; transform: translateX(-50%); background-size: cover; background-repeat: no-repeat; background-position: center center; } .home-header-desktop .video-container .video { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; transition: all 0.3s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .home-header-desktop .video-container .video { transition: none; } } .home-header-desktop .home-objects-outer { overflow: visible; } .home-header-desktop .home-objects { pointer-events: none; position: absolute; opacity: 0; top: 0; left: 50%; width: 100%; height: 100%; max-width: 102.85714rem; transition: opacity 0.3s ease-in-out; transform: translateX(-50%); } @media screen and (prefers-reduced-motion: reduce) { .home-header-desktop .home-objects { transition: none; } } .home-header-desktop .home-objects.show { pointer-events: initial; opacity: 1; } .home-header-desktop .home-objects .home-object { position: absolute; display: inline-block; cursor: pointer; } .home-header-desktop .home-objects .home-object:hover .home-marker { z-index: 99; } .home-header-desktop .home-objects .home-object-video .video { transition: all 0.3s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .home-header-desktop .home-objects .home-object-video .video { transition: none; } } .home-header-desktop .home-objects .home-object-video .object-on { z-index: 6; } .home-header-desktop .home-objects .home-object img { position: relative; z-index: 5; width: 100%; height: auto; } .home-header-desktop .home-objects .home-object video { position: absolute; z-index: 5; top: 0; left: 0; right: 0; bottom: 0; } .home-header-desktop .home-objects .home-object .object-on { position: absolute; opacity: 0; top: 0; left: 0; transition: all 0.3s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .home-header-desktop .home-objects .home-object .object-on { transition: none; } } .home-header-desktop .home-objects .home-object .home-marker { position: absolute; display: inline-block; z-index: 12; } .home-header-desktop .home-objects .home-object .home-marker.center { top: 50%; left: 50%; margin-left: -2.14286rem; margin-bottom: -2.14286rem; } .home-header-desktop .home-objects .home-object .home-marker.top { top: 0; left: 50%; margin-left: -2.14286rem; } .home-header-desktop .home-objects .home-object .home-marker.right { top: 50%; right: 0; margin-top: -2.14286rem; } .home-header-desktop .home-objects .home-object .home-marker.bottom { left: 50%; bottom: 0; margin-left: -2.14286rem; } .home-header-desktop .home-objects .home-object .home-marker.left { top: 50%; left: 0; margin-top: -2.14286rem; } .home-header-desktop .home-objects .home-object .home-marker.top-left { top: 0; left: 0; } .home-header-desktop .home-objects .home-object .home-marker.top-right { top: 0; right: 0; } .home-header-desktop .home-objects .home-object .home-marker.bottom-left { left: 0; bottom: 0; } .home-header-desktop .home-objects .home-object .home-marker.bottom-right { right: 0; bottom: 0; } .home-header-desktop .home-objects .home-object .home-marker:before { position: relative; display: block; z-index: 20; content: ''; width: 4.28571rem; height: 4.28571rem; background: url("../img/home/home-marker - Copy.png") no-repeat center center; transition: all 0.3s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .home-header-desktop .home-objects .home-object .home-marker:before { transition: none; } } .home-header-desktop .home-objects .home-object:hover .object-on, .home-header-desktop .home-objects .home-object.hover .object-on { opacity: 1; } .home-header-desktop.blurred .video { transition: all 0.3s all; filter: blur(3px); filter: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg"><filter id="blur"><feGaussianBlur stdDeviation="3" /></filter></svg>#blur'); /* Firefox, Safari, Chrome*/ filter: progid:DXImageTransform.Microsoft.Blur(Strength=$radius); /* IE9 */ -webkit-filter: blur(3px); /* Chrome, Safari */ -ms-filter: blur(3px); /* IE */ -o-filter: blur(3px); /* Opera */ -moz-filter: blur(3px); /* Mozilla */ } @media screen and (prefers-reduced-motion: reduce) { .home-header-desktop.blurred .video { transition: none; } } .home-objects-popups { width: 100%; height: 0; opacity: 0; transition: opacity 0.3s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .home-objects-popups { transition: none; } } .home-objects-popups.show { opacity: 1; } .home-objects-popups .popup { pointer-events: none; position: absolute; overflow: hidden; display: block; z-index: 10; opacity: 0; width: 0; padding-left: 0; margin: -1.92857rem 0 0 2rem; transition: all 0.3s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .home-objects-popups .popup { transition: none; } } .home-objects-popups .popup:before { position: absolute; content: ''; opacity: 0; top: 0; left: 0; width: 0; height: 0; border-style: solid; border-width: 0; border-color: transparent rgba(0, 0, 0, 0.75) transparent transparent; transition: all 0.3s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .home-objects-popups .popup:before { transition: none; } } .home-objects-popups .popup.preview { opacity: 1; width: auto !important; padding-left: 3.28571rem; } .home-objects-popups .popup.preview:before { opacity: 1; border-width: 0 3.28571rem 3.28571rem 0; } .home-objects-popups .popup.preview .title { opacity: 1; } .home-objects-popups .popup.preview .info { display: none !important; } .home-objects-popups .popup.open { opacity: 1; padding-left: 3.28571rem; } .home-objects-popups .popup.open:before { opacity: 1; border-width: 0 3.28571rem 3.28571rem 0; } .home-objects-popups .popup .title { opacity: 0; color: #fff; font-size: 2.14286rem; font-family: "Racing Sans One", Arial, sans-serif; text-transform: uppercase; white-space: nowrap; padding: 0 0.71429rem; background: rgba(0, 0, 0, 0.75); transition: opacity 0.3s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .home-objects-popups .popup .title { transition: none; } } .home-objects-popups .popup .title.fadein { opacity: 1; } .home-objects-popups .popup .info { display: none; font-size: 0.85714rem; padding: 0.71429rem; background: rgba(0, 0, 0, 0.75); } .home-objects-popups .popup .info .card-link:after { border-bottom-color: #3590c5; } .home-objects-popups .popup .info .card-link .card { color: #999; border-color: #3590c5; background: none; } .home-objects-popups .popup .info .card-link .card .col-image { height: auto; margin-bottom: 0; } .home-objects-popups .popup .info .card-link .card .card-title { color: #fff; } .home-objects-popups .popup .info .card-link .card .card-desc { color: #999; } .home-objects-popups .popup .info .card-link .card .readmore { color: #3590c5; } .home-blocks-outer { position: relative; pointer-events: none; overflow: hidden; z-index: 10; } .home-blocks-outer:before { pointer-events: none; position: absolute; display: block; content: ''; z-index: 5; opacity: 0; top: 0; left: -39%; width: 28.57143rem; height: 100%; transition: opacity 0.3s ease-in-out; background-image: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%); background-repeat: repeat-x; } @media screen and (prefers-reduced-motion: reduce) { .home-blocks-outer:before { transition: none; } } .home-blocks-outer:after { pointer-events: none; position: absolute; display: block; content: ''; z-index: 5; opacity: 0; top: 0; right: -39%; width: 28.57143rem; height: 100%; transition: opacity 0.3s ease-in-out; background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%); background-repeat: repeat-x; } @media screen and (prefers-reduced-motion: reduce) { .home-blocks-outer:after { transition: none; } } @media (max-width: 991.98px) { .home-blocks-outer { padding-left: 0; padding-right: 0; } } @media (min-width: 992px) { .home-blocks-outer { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } } @media (min-width: 2560px) { .home-blocks-outer { overflow: visible; } .home-blocks-outer:before, .home-blocks-outer:after { opacity: 1; } } .home-blocks-outer .home-blocks { pointer-events: none; position: relative; z-index: 1; padding-top: 0.71429rem; padding-bottom: 0.71429rem; } @media (min-width: 768px) { .home-blocks-outer .home-blocks { padding-bottom: 1.42857rem; } } @media (min-width: 992px) { .home-blocks-outer .home-blocks { height: 100%; background: none; } } @media (min-width: 992px) { .home-blocks-outer .home-blocks .home-blocks-inner { height: 100%; } .home-blocks-outer .home-blocks .home-blocks-inner > .container { height: 100%; padding-left: 0; padding-right: 0; } .home-blocks-outer .home-blocks .home-blocks-inner > .container > .row { height: 100%; -ms-flex-align: end; align-items: flex-end; } } .home-blocks-outer .home-blocks .home-blocks-inner h2 { font-size: 1.64286rem; } @media (min-width: 992px) { .home-blocks-outer .home-blocks .home-blocks-inner h2 { font-size: 1em; font-size: 1.6vw; } } @media (min-width: 1440px) { .home-blocks-outer .home-blocks .home-blocks-inner h2 { font-size: 1.71429rem; } } .home-blocks-outer .home-blocks .home-blocks-inner h2 a { color: #fff; } .home-blocks-outer .home-blocks .home-blocks-inner h2 .home-help { height: 2.85714rem; } @media (min-width: 992px) { .home-blocks-outer .home-blocks .home-blocks-inner .btn { font-size: 1.1em; font-size: 1.1vw; } } @media (min-width: 1440px) { .home-blocks-outer .home-blocks .home-blocks-inner .btn { font-size: 1.07143rem; } } .home-blocks-outer .home-blocks .home-blocks-inner .home-block { pointer-events: initial; margin-top: 1.42857rem; } @media (min-width: 768px) { .home-blocks-outer .home-blocks .home-blocks-inner .home-block { margin-top: 0; } } .home-blocks-outer .home-blocks .home-blocks-inner .home-block:first-child { margin-top: 0; } .home-blocks-outer .home-blocks .home-blocks-inner .home-block .home-block-inner { width: 100%; height: 100%; padding: 0.71429rem; background: #202020; } @media (min-width: 992px) { .home-blocks-outer .home-blocks .home-blocks-inner .home-block .home-block-inner.transparant { background: none; } } .home-blocks-outer .home-blocks .home-blocks-inner .home-block.recommendation { pointer-events: none; position: relative; transition: all 0.3s 0.5s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .home-blocks-outer .home-blocks .home-blocks-inner .home-block.recommendation { transition: none; } } @media (min-width: 768px) { .home-blocks-outer .home-blocks .home-blocks-inner .home-block.recommendation { -ms-flex-order: 2; order: 2; } } @media (min-width: 992px) { .home-blocks-outer .home-blocks .home-blocks-inner .home-block.recommendation { -ms-flex-order: 4; order: 4; margin-left: 25%; } } .home-blocks-outer .home-blocks .home-blocks-inner .home-block.recommendation .home-block-inner { position: relative; pointer-events: initial; } .home-blocks-outer .home-blocks .home-blocks-inner .home-block.recommendation .recommendation-search { padding-top: 0; } @media (min-width: 992px) { .home-blocks-outer .home-blocks .home-blocks-inner .home-block.recommendation .recommendation-search { background: none; } } .home-blocks-outer .home-blocks .home-blocks-inner .home-block.recommendation .recommendation-search .recommendation-search-bg { display: none; } @media (min-width: 992px) { .home-blocks-outer .home-blocks .home-blocks-inner .home-block.recommendation .recommendation-search .recommendation-search-bg { display: none; } } .home-blocks-outer .home-blocks .home-blocks-inner .home-block.recommendation .recommendation-search > .container { padding: 0; } .home-blocks-outer .home-blocks .home-blocks-inner .home-block.recommendation .recommendation-search h2.main-title { text-align: center; padding-top: 6.42857rem; } @media (min-width: 992px) and (max-width: 1439.98px) { .home-blocks-outer .home-blocks .home-blocks-inner .home-block.recommendation .recommendation-search .search-license label, .home-blocks-outer .home-blocks .home-blocks-inner .home-block.recommendation .recommendation-search .search-query label, .home-blocks-outer .home-blocks .home-blocks-inner .home-block.recommendation .recommendation-search .search-brand label { font-size: 1rem; } .home-blocks-outer .home-blocks .home-blocks-inner .home-block.recommendation .recommendation-search .search-license .btn, .home-blocks-outer .home-blocks .home-blocks-inner .home-block.recommendation .recommendation-search .search-query .btn { width: 2.85714rem; height: 2.85714rem; } .home-blocks-outer .home-blocks .home-blocks-inner .home-block.recommendation .recommendation-search .search-license .btn .icon, .home-blocks-outer .home-blocks .home-blocks-inner .home-block.recommendation .recommendation-search .search-query .btn .icon { position: absolute; top: 50%; left: 50%; font-size: 1.42857rem; line-height: normal; transform: translate(-50%, -50%); animation: none; } .home-blocks-outer .home-blocks .home-blocks-inner .home-block.recommendation .recommendation-search .search-license .btn .icon:before, .home-blocks-outer .home-blocks .home-blocks-inner .home-block.recommendation .recommendation-search .search-query .btn .icon:before { font-size: 1.42857rem; line-height: normal; } } @media (min-width: 992px) and (max-width: 1439.98px) { .home-blocks-outer .home-blocks .home-blocks-inner .home-block.recommendation .recommendation-search .search-license .input-group .search-license-country { height: 2.85714rem; font-size: 0.85714rem; padding-top: 1.57143rem; background-size: contain; } } .home-blocks-outer .home-blocks .home-blocks-inner .home-block.recommendation .recommendation-search .search-license .input-group .search-license-inp { font-size: 2rem; height: auto; } @media (min-width: 992px) and (max-width: 1439.98px) { .home-blocks-outer .home-blocks .home-blocks-inner .home-block.recommendation .recommendation-search .search-license .input-group .search-license-inp { height: 2.85714rem !important; font-size: 1.28571rem; padding: 0; } } .home-blocks-outer .home-blocks .home-blocks-inner .home-block.links { padding-top: 0.71429rem; padding-bottom: 0.71429rem; background: #202020; } @media (min-width: 768px) { .home-blocks-outer .home-blocks .home-blocks-inner .home-block.news { -ms-flex-order: 1; order: 1; } } @media (min-width: 992px) { .home-blocks-outer .home-blocks .home-blocks-inner .home-block.news { -ms-flex-order: 3; order: 3; } } .home-blocks-outer .home-blocks .home-blocks-inner .home-block.news .home-news-article { margin-bottom: 0.71429rem; } .home-blocks-outer .home-blocks .home-blocks-inner .home-block.news .home-news-article .card { background: none; } .home-blocks-outer .home-blocks .home-blocks-inner .home-block.register { color: #999; font-size: 1.14286rem; } @media (min-width: 768px) { .home-blocks-outer .home-blocks .home-blocks-inner .home-block.register { -ms-flex-order: 3; order: 3; margin-top: 1.42857rem; } } @media (min-width: 992px) { .home-blocks-outer .home-blocks .home-blocks-inner .home-block.register { -ms-flex-order: 1; order: 1; font-size: 0.75em; font-size: 1.1vw; } } @media (min-width: 1440px) { .home-blocks-outer .home-blocks .home-blocks-inner .home-block.register { font-size: 1.14286rem; } } .home-blocks-outer .home-blocks .home-blocks-inner .home-block.register h2 { color: #fff; } @media (min-width: 768px) { .home-blocks-outer .home-blocks .home-blocks-inner .home-block.contact { -ms-flex-order: 4; order: 4; margin-top: 1.42857rem; } } @media (min-width: 992px) { .home-blocks-outer .home-blocks .home-blocks-inner .home-block.contact { -ms-flex-order: 2; order: 2; } } .home-blocks-outer .home-blocks .home-blocks-inner .home-block.contact .row { margin-left: 0; margin-right: 0; } .home-blocks-outer .home-blocks .home-blocks-inner .home-block.contact .row .col { padding-left: 0; padding-right: 0; } .home-blocks-outer .home-blocks .home-blocks-inner .home-block.contact h2 { margin-bottom: 0; } @media (min-width: 768px) and (max-width: 991.98px) { .home-blocks-outer .home-blocks .home-blocks-inner .home-block.contact h2 .home-help { float: right; height: 10.28571rem; } .home-blocks-outer .home-blocks .home-blocks-inner .home-block.contact h2 span { float: left; font-size: 3rem; padding-top: 5.57143rem; } } .home-blocks-outer .home-blocks .home-blocks-inner .home-block.contact .btn { margin-top: 0.71429rem; } @media (min-width: 992px) { .home-blocks-outer .home-blocks .home-blocks-inner .home-block.contact .btn { text-align: center !important; } } .home-blocks-outer .home-blocks .home-blocks-inner .home-block.contact .btn-outline-primary { color: #fff; } @media (min-width: 992px) { .home-blocks-outer .home-blocks .home-blocks-inner .home-block.contact .col + .col .btn { border-left: none; } } .supports-no-csspointerevents .home-blocks-outer .home-blocks .home-blocks-inner .home-block.recommendation:after { display: none; } .home-links.mobile .btn-big { margin-top: 0.71429rem; } .home-links.mobile .col:first-child .btn-big { margin-top: 0; } .home-links.desktop .btn-big { margin-bottom: 1.42857rem; } @media (min-width: 992px) { .home-links.desktop .btn-big { margin-bottom: 1.42857rem; } } .home-news { padding-top: 1.42857rem; padding-bottom: 0; background: #202020; } .news-slider-more { margin: 1.42857rem 0; } .home-content p:last-child { margin-bottom: 0; } .home-about { color: #fff; font-size: 2.85714rem; font-family: "Racing Sans One", Arial, sans-serif; text-align: center; padding-top: 0.85714rem; background-image: linear-gradient(to bottom, #3590c5 0%, #000 100%); background-repeat: repeat-x; } @media (min-width: 768px) { .home-about { padding-top: 1.85714rem; } } @media (min-width: 1440px) { .home-about { font-size: 5rem; } } .home-about .home-logo { display: block; width: 11rem; max-width: 100%; margin: 1.85714rem auto 2.14286rem; } @media (min-width: 768px) { .home-about .home-logo { margin-top: 2.42857rem; } } .home-about .home-caption { display: inline-block; max-width: 35.71429rem; margin: 0 auto 3.28571rem; } .news-highlighted { padding: 1.42857rem 0; } .news-highlighted .news-highlighted-item { margin-top: 0.71429rem; } .news-highlighted .news-highlighted-item:first-child { margin-top: 0; } .news-highlighted .news-highlighted-item .news-highlighted-link .image { height: 16rem; background-size: cover; background-position: center center; background-repeat: no-repeat; } .news-highlighted .news-highlighted-item .news-highlighted-link .desc { position: relative; color: #fff; font-size: 1.42857rem; font-family: "Racing Sans One", Arial, sans-serif; text-align: center; padding: 0.57143rem 1rem; background: #000; } .news-highlighted .news-highlighted-item .news-highlighted-link .desc:before { position: absolute; display: block; content: ''; bottom: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 2.14286rem 2.14286rem; border-color: transparent transparent #202020 transparent; transition: all 0.15s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .news-highlighted .news-highlighted-item .news-highlighted-link .desc:before { transition: none; } } .news-highlighted .news-highlighted-item .news-highlighted-link .desc:after { position: absolute; display: block; content: ''; bottom: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 1.42857rem 1.42857rem; border-color: transparent transparent #3590c5 transparent; transition: all 0.15s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .news-highlighted .news-highlighted-item .news-highlighted-link .desc:after { transition: none; } } .news-overview { position: relative; z-index: 1; } .news-overview-sports .form-control, .news-overview-sports input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]), .news-overview-sports select, .news-overview-sports textarea { color: #fff !important; } .news-overview-sports .card { border-color: #3590c5; } .news-overview-sports .card-link:after { position: absolute; display: block; content: ''; bottom: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 0.71429rem 0.71429rem; border-color: transparent transparent #3590c5 transparent; transition: all 0.15s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .news-overview-sports .card-link:after { transition: none; } } .news-overview-sports .card-link .card-article { border-color: #3590c5; background: none; } .news-overview-sports .card-link .card-article .card-title, .news-overview-sports .card-link .card-article .card-desc { color: #fff; } .news-overview-sports .card-link:hover:after { border-bottom-color: #808080; } .news-overview-sports .card-link:hover .card-article { border-color: #808080; } @media (min-width: 768px) { .news-overview .overview-news-articles { margin-left: -0.71429rem; margin-right: -0.71429rem; } } .news-overview .overview-news-articles .news-article-list { width: 100%; margin-bottom: 0.71429rem; } @media (min-width: 768px) { .news-overview .overview-news-articles .news-article-list { float: left; width: 50%; padding-left: 0.71429rem; padding-right: 0.71429rem; margin-bottom: 1.42857rem; } } @media (min-width: 992px) { .news-overview .overview-news-articles .news-article-list { width: 33.33%; } } .news-overview .overview-news-articles .newsletter-subscribe .card { color: #fff; background: #000; } .news-overview .overview-news-articles .newsletter-subscribe .card .card-body { padding: 0; margin-bottom: 0; } .news-overview .overview-news-articles .newsletter-subscribe .card .card-body .inner .text { padding: 1.28571rem 1.28571rem 0; } .news-overview .overview-news-articles .nav-tags .nav-tag { display: inline; } .news-overview .overview-news-articles .btn { font-weight: bold; } @media (min-width: 992px) { .news-overview .overview-news-articles.overview-news-small .news-article-list { width: 50%; } } .news-overview .overview-social h2 { font-size: 2.28571rem; } .news-overview .overview-social .social-list .fa { display: inline-block; width: 2.85714rem; height: 2.85714rem; color: #000; font-size: 1.71429rem; text-align: center; padding: 0.57143rem; border-radius: 50%; margin-bottom: 0.71429rem; background: #3590c5; transition: .3s ease background-color; } @media (min-width: 576px) { .news-overview .overview-social .social-list .fa { width: 3.92857rem; height: 3.92857rem; font-size: 2.14286rem; padding: 0.85714rem; } } @media (min-width: 1200px) { .news-overview .overview-social .social-list .fa { margin-bottom: 2.5rem; } } .news-overview .overview-social .social-list .fa:hover { text-decoration: none; background: #fff; } .news-overview .overview-social .overview-news-social { position: relative; padding-bottom: 0.71429rem; } .news-overview .overview-social .overview-news-social .social-item { margin-bottom: 1.42857rem; } .news-overview .overview-social .overview-news-social .social-item .card-image { position: relative; overflow: hidden; max-height: 31.42857rem; background-size: cover; background-position: center; } .news-overview .overview-social .overview-news-social .social-item .card-image img { opacity: 0; max-height: 31.42857rem; } .news-overview .overview-social .overview-news-social .social-item .card-image .fa { position: absolute; right: 1.42857rem; bottom: 1.42857rem; margin: 0; } .news-overview .multiple-news-feeds [data-overview] { display: block; opacity: 0; height: 0.07143rem; padding: 0; } .news-overview .show-more-item { position: absolute; left: 0; right: 0; bottom: -3.28571rem; } @media (min-width: 768px) { .news-overview .show-more-item { left: 0.71429rem; right: 0.71429rem; } } .news-sports { position: relative; overflow: hidden; padding-bottom: 1rem; background-image: linear-gradient(to bottom, #ccc, #eee); } .news-sports:hover .news-sports-bg { width: 80%; } .news-sports .news-sports-bg { position: absolute; z-index: 0; top: 0; left: 0; width: 45%; height: 100%; background: #1f417c; /* Animation: easeInOutExpo */ transition: width 0.3s cubic-bezier(1, 0, 0, 1); } @media screen and (prefers-reduced-motion: reduce) { .news-sports .news-sports-bg { transition: none; } } @media (min-width: 768px) { .news-sports .news-sports-bg { width: 35%; } } @media (min-width: 992px) { .news-sports .news-sports-bg { width: 32%; } } .news-sports .news-sports-bg:after { position: absolute; display: block; content: ''; top: -2.85714rem; right: -3.57143rem; width: 21.42857rem; height: 110%; background: #1f417c; transform: rotate(10deg); } .news-sports .news-overview-sports { position: relative; z-index: 1; } .news-sports .news-overview-sports .title { color: #fff; font-size: 2.14286rem; padding: 0.85714rem 0 0.42857rem; } @media (min-width: 992px) { .news-sports .news-overview-sports .overview-news-articles { margin-left: -0.71429rem; margin-right: -0.71429rem; } } .news-sports .news-overview-sports .overview-news-articles .news-article-list:nth-of-type(1n+3) { display: block; } .news-sports .news-overview-sports .overview-news-articles .news-article-list:nth-of-type(1n+4) { display: none; } @media (min-width: 768px) { .news-sports .news-overview-sports .overview-news-articles .news-article-list { width: 33.33%; } } @media (min-width: 992px) { .news-sports .news-overview-sports .overview-news-articles .news-article-list { width: 20%; padding-left: 0.71429rem; padding-right: 0.71429rem; margin-bottom: 1.42857rem; } .news-sports .news-overview-sports .overview-news-articles .news-article-list:nth-of-type(1n+4) { display: block; } } @media (min-width: 768px) { .news-sports .news-overview-sports .overview-news-articles .news-article-list .card-image { height: auto; } } .news-sports .news-overview-sports .overview-news-articles .news-article-list .card-date { display: block; } .news-sports .news-overview-sports .overview-news-articles .news-article-list .card-title { color: #3590c5; font-size: 1.14286rem; font-style: italic; font-weight: bold; font-family: "PT Sans", Arial, sans-serif; } .news-sports .news-overview-sports .btn-go-sport { font-weight: bold; } .team-carousel-container { padding-bottom: 2.85714rem; } .team-carousel-container h2 { margin-top: 2.14286rem; } .team-carousel-container .team-carousel .carousel-item .team-image { position: relative; display: block; border: 0.07143rem solid #ebdd81; border-bottom-color: #764c19; padding: 0.28571rem; } .team-carousel-container .team-carousel .carousel-item .team-image:before, .team-carousel-container .team-carousel .carousel-item .team-image:after { position: absolute; display: block; content: ''; top: 0; left: -0.07143rem; width: 0.07143rem; height: 100%; background: #ebdd81; background-image: linear-gradient(to bottom, #ebdd81 0, #764c19 100%); background-repeat: repeat-x; } .team-carousel-container .team-carousel .carousel-item .team-image:after { left: auto; right: -0.07143rem; } .timeline { margin-top: 2.14286rem; } .outer-container.specialist-overview .page-titlebar { width: 100%; background-color: transparent; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, black 100%); background-repeat: repeat-x; } .outer-container.specialist-overview .page-titlebar:before { border-bottom: 0.28571rem solid #666; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, black 100%); background-repeat: repeat-x; } .outer-container.specialist-overview .page-titlebar:after { height: 100%; margin-top: 0; border-bottom: 0.28571rem solid #666; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, black 100%); background-repeat: repeat-x; } @media (min-width: 1200px) { .outer-container.specialist-overview .page-titlebar:after { left: -200%; right: auto; width: 600%; height: 5.57143rem; margin-top: -1.64286rem; border-bottom: none; background: none; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 30%, black 100%); background-repeat: repeat-x; } } .outer-container.specialist-overview .page-titlebar > .row:after { position: absolute; display: block; content: ''; z-index: 0; left: 0; right: 0.71429rem; bottom: 0; height: 0.28571rem; background: #666; } .outer-container.specialist-overview .page-titlebar .title { display: inline-block; } .outer-container.specialist-overview .page-titlebar .title:before { pointer-events: none; position: absolute; display: block; content: " "; width: 0; height: 0; border: 1.42857rem solid transparent; top: 100%; left: 50%; margin-left: -1.42857rem; border-top: 1.42857rem solid #666; } .outer-container.specialist-overview .page-titlebar .title:after { pointer-events: none; position: absolute; display: block; content: " "; width: 0; height: 0; border: 1.42857rem solid transparent; top: 100%; left: 50%; margin-left: -1.42857rem; border-top: 1.42857rem solid #000; z-index: 1; margin-top: -0.42857rem; } .outer-container .overview-filters .filters-extra .tag:hover, .outer-container .overview-filters .filters-extra .tag:active { color: #202020; text-decoration: none; } .outer-container .overview-filters .filters-extra .tag.active { color: #000; } /* * Bare layout styling */ body.layout-bare .news-overview .overview-social .social-list { display: none; } body.layout-bare .news-overview .overview-social .overview-news-social { display: block; } body.layout-bare .outer-container.specialist-overview .page-titlebar { display: inline-block; margin-top: 0; } .outer-container.specialist .content-wrapper > .container { position: relative; } .outer-container.specialist.intro { background: #72ccf4; } .outer-container.specialist.intro .header { background: #000; } .outer-container.specialist.intro .content-wrapper { background: #72ccf4; } .outer-container.specialist.intro .content-wrapper > .container { color: #000; } .outer-container.specialist.intro .content-wrapper > .container:before { position: absolute; display: block; content: ''; top: 0; left: 50%; bottom: 0; width: 100vw; background: url("../img/oilspecialist/bg-intro-small.jpg") no-repeat center bottom; background-size: contain; transform: translateX(-50%); } @media (min-width: 992px) { .outer-container.specialist.intro .content-wrapper > .container:before { background-size: cover; background-image: url("../img/oilspecialist/bg-intro-big.jpg"); } } .outer-container.specialist .overview-filters { position: relative; } .outer-container.specialist .overview-filters.has-overflow .overview-filters-wrapper { padding: 0 4.28571rem; margin-left: 0; margin-right: 0; } .outer-container.specialist .overview-filters.has-overflow .filter-nav { display: block; } .outer-container.specialist .overview-filters .overview-filters-wrapper { position: relative; margin-left: -1rem; margin-right: -1rem; } .outer-container.specialist .overview-filters .overview-filters-wrapper:before, .outer-container.specialist .overview-filters .overview-filters-wrapper:after { position: absolute; display: block; content: ''; opacity: 0; z-index: 10; top: 0; left: 3.57143rem; width: 2.85714rem; bottom: 0; pointer-events: none; background: linear-gradient(to right, #202020 0%, rgba(32, 32, 32, 0) 100%); transition: opacity 0.15s ease; } @media screen and (prefers-reduced-motion: reduce) { .outer-container.specialist .overview-filters .overview-filters-wrapper:before, .outer-container.specialist .overview-filters .overview-filters-wrapper:after { transition: none; } } .outer-container.specialist .overview-filters .overview-filters-wrapper:after { opacity: 0; left: auto; right: 3.57143rem; background: linear-gradient(to right, rgba(32, 32, 32, 0) 0%, #202020 100%); } .outer-container.specialist .overview-filters.beforeInit .overview-filters-wrapper:after { opacity: 1; } .outer-container.specialist .overview-filters.has-overflow.more-left .overview-filters-wrapper:before, .outer-container.specialist .overview-filters.has-overflow.more-right .overview-filters-wrapper:after { opacity: 1; } .outer-container.specialist .overview-filters .filter-nav { position: absolute; display: none; top: 0; left: 0; line-height: 7.28571rem; } .outer-container.specialist .overview-filters .filter-nav:hover { text-decoration: none; } .outer-container.specialist .overview-filters .filter-nav.filter-next { left: auto; right: 0; } .outer-container.specialist .overview-filters .filter-nav.filter-next .icon { margin-left: 0; margin-right: -0.57143rem; } .outer-container.specialist .overview-filters .filter-nav .icon { display: block; color: #f9be54; font-size: 4.28571rem; margin-top: -0.35714rem; margin-left: -0.57143rem; } .outer-container.specialist .overview-filters .overview-filters-inner { position: relative; overflow: auto; white-space: nowrap; padding: 1rem; margin-top: -2.14286rem; -webkit-overflow-scrolling: touch; } .outer-container.specialist .overview-filters .overview-filters-inner::-webkit-scrollbar { display: none; } .outer-container.specialist .overview-filters .overview-filters-inner .filter-badge { position: relative; display: inline-block; min-width: 3.42857rem; color: #f9be54; font-size: 1.42857rem; font-family: "Racing Sans One", Arial, sans-serif; text-align: center; border-radius: 1.71429rem; border: 0.07143rem solid #f9be54; padding: 0.57143rem 0.71429rem; margin-left: 0.71429rem; margin-bottom: 0.71429rem; background: #000; transition: .3s ease all; } .outer-container.specialist .overview-filters .overview-filters-inner .filter-badge:hover, .outer-container.specialist .overview-filters .overview-filters-inner .filter-badge.active { color: #000; text-decoration: none; background: #f9be54; } .outer-container.specialist .overview-filters .overview-filters-inner .filter-badge.active { background: #fff359; box-shadow: 0px 0px 10px 0px #df001a; } .outer-container.specialist .overview-filters .overview-filters-inner .filter-badge.active:after { position: absolute; display: block; content: ''; top: 0; left: 0; right: 0; bottom: 0; border-radius: 1.71429rem; box-shadow: 0px 0px 14px 0px #f4a11d; } .outer-container.specialist .overview-filters .overview-filters-inner .filter-badge.active span { position: relative; } .outer-container.specialist .overview-filters .overview-filters-inner .filter-badge.active span:after { position: absolute; content: attr(data-title); top: 0; left: 0; color: rgba(255, 255, 255, 0.5); } .outer-container.specialist .overview-filters .overview-filters-inner .filter-badge.active span:after { opacity: 1; top: -2px; color: #000; text-shadow: 0px 0px 10px #ff414d, -3px -3px 10px #f4a01d; background-clip: text; -webkit-background-clip: text; -moz-background-clip: text; } .outer-container.specialist .overview-filters .overview-filters-inner .filter-badge:first-child { margin-left: 0; } .outer-container.specialist .overview-filters .filters-extra .tag { color: #f9be54; } .outer-container.specialist .overview-filters .filters-extra .tag:hover, .outer-container.specialist .overview-filters .filters-extra .tag:active { color: #999; text-decoration: none; } .outer-container.specialist .overview-filters .filters-extra .tag.active { color: #fff; } .outer-container.specialist .overview-filters .filters-extra .tag .fa { font-size: 1.4em; line-height: 0.8em; } @media (min-width: 992px) { .specialist-steps .masonry { width: 100%; height: auto !important; } .specialist-steps .masonry-item { position: relative !important; top: auto !important; left: auto !important; } .specialist-steps .masonry-item.step { -ms-flex-preferred-size: 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; width: 20%; max-width: 20%; } } .specialist-steps .main-title { color: #000; font-size: 2rem; text-transform: none; padding-top: 0.42857rem; padding-bottom: 1.85714rem; position: relative; text-shadow: -0.14286rem -0.14286rem 0 #fff, 0.14286rem -0.14286rem 0 #fff, -0.14286rem 0.14286rem 0 #fff, 0.14286rem 0.14286rem 0 #fff; } @media (min-width: 768px) { .specialist-steps .main-title { font-size: 4.28571rem; } } @media (min-width: 992px) { .specialist-steps .main-title { font-size: 6.42857rem; } } .specialist-steps .intro { width: 100%; font-size: 1.42857rem; } .specialist-steps .step { margin-top: 0.71429rem; } @media (min-width: 768px) { .specialist-steps .step { margin-top: 1.42857rem; } } @media (min-width: 992px) { .specialist-steps .step { margin-top: 2.14286rem; } } @media (min-width: 768px) and (max-width: 991.98px) { .specialist-steps .step.first { margin-top: 0; } } .specialist-steps .step .img-aside > .col:nth-child(1) { padding-right: 0; } .specialist-steps .step .img-aside > .col:nth-child(2) { padding-left: 0; } .specialist-steps .step .card { height: 100%; color: #0a1c4a; font-size: 1.14286rem; font-weight: bold; border: none; background: #dcf2fc; } .specialist-steps .step .card .card-body { display: -ms-flexbox; display: flex; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .specialist-steps .step .card .card-body img { display: block; max-height: 16.42857rem; margin: 1.42857rem auto 0; } @media (min-width: 992px) { .specialist-steps .step .card .card-body img { margin-top: auto; } } .specialist-steps .step .card .card-body .img-container { display: -ms-flexbox; display: flex; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .specialist-steps .step .card .card-body .img-container img { margin: auto; } .specialist-steps .step .card .card-body ul { padding-left: 1.14286rem; } .specialist-steps .step .card .card-body .title { font-style: italic; font-weight: bold; margin-bottom: 0; } .specialist-steps .step .card .card-body .subtitle { font-size: 1.42857rem; font-weight: bold; font-style: italic; text-transform: uppercase; } .specialist-steps .step .card .card-body .highlight-title { color: #72ba58; font-size: 1.71429rem; font-weight: normal; font-family: "Racing Sans One", Arial, sans-serif; text-transform: uppercase; } .specialist-register { color: #fff; padding-top: 2.14286rem; padding-bottom: 2.14286rem; background: #000; } @media (min-width: 992px) { .specialist-register { font-size: 1.42857rem; } } .specialist-register .container a:not(.btn) { color: #f9be54; } .specialist-register .container .title { position: relative; color: #fff7b4; font-size: 2.28571rem; text-shadow: 0 0 2.85714rem #df0019; text-transform: none; } @media (min-width: 992px) { .specialist-register .container .title { font-size: 6.42857rem; } } .specialist-register .container .title:before, .specialist-register .container .title:after { position: absolute; content: attr(data-title); top: 0; left: 0; color: rgba(255, 255, 255, 0.5); } .specialist-register .container .title:before { top: 0px; text-shadow: 0 0 50px #df0019; } .specialist-register .container .title:after { opacity: .75; top: 0px; color: #fff7b4; text-shadow: 3px 3px 10px #F4A01D, -3px -3px 10px #f4a01d; background-clip: text; -webkit-background-clip: text; -moz-background-clip: text; } .specialist-register .container .specialist-label { margin-top: 1.42857rem; margin-bottom: 1.42857rem; } @media (min-width: 768px) { .specialist-register .container .specialist-label { padding-right: 20%; } } @media (min-width: 992px) { .specialist-register .container .specialist-label { margin-top: 3.71429rem; margin-bottom: 4rem; } } @media (min-width: 768px) { .specialist-register .container .specialist-label .specialist-checkbox { float: left; margin: -1.14286rem 0 -1.42857rem -1.42857rem; } } @media (min-width: 992px) { .specialist-register .container .specialist-label .specialist-checkbox { width: 11.85714rem; height: 11.85714rem; margin: -2.28571rem 0 -2.28571rem -2.28571rem; } } .specialist-news-outer { padding-top: 0; padding-bottom: 2.14286rem; background: #202020 url("../img/oilspecialist/bg-oil-news.jpg") no-repeat center top; } .specialist-news-outer:before { display: none; } .specialist-news-outer.specialist-news-preview { padding-bottom: 0; } .specialist-news-outer.specialist-news-preview h2 { font-size: 2.28571rem; } .specialist-news-outer.specialist-news-preview .specialist-news { padding-bottom: 0.71429rem; } @media (min-width: 992px) { .specialist-news-outer.specialist-news-preview .specialist-news { padding-bottom: 1.42857rem; } } .specialist-news-outer.specialist-news-preview .news-article-list-specialist .card-title, .specialist-news-outer.specialist-news-preview .news-article-list-specialist .card-date { display: none; } .specialist-news-outer.specialist-news-preview .news-article-list-specialist .card-title { margin-top: 0; } .specialist-news-outer .specialist-news { color: #fff; padding-top: 1.42857rem; padding-bottom: 1.42857rem; } @media (min-width: 992px) { .specialist-news-outer .specialist-news { padding-top: 2.14286rem; padding-bottom: 2.14286rem; } } .specialist-news-outer .specialist-news .form-control, .specialist-news-outer .specialist-news input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]), .specialist-news-outer .specialist-news select, .specialist-news-outer .specialist-news textarea { border-color: #f9be54; color: #fff !important; } .specialist-news-outer .specialist-news .form-control:focus { outline: 0.14286rem solid #f9be54; } .specialist-news-outer .specialist-news .btn-outline-primary, .specialist-news-outer .specialist-news .btn-outline-secondary { color: #f9be54; border-color: #f9be54; } .specialist-news-outer .specialist-news .btn-outline-primary.btn-top { background: #000 !important; } .specialist-news-outer .specialist-news .btn-outline-primary.btn-top:after { border-top-color: #f9be54; } .specialist-news-outer .specialist-news .btn-outline-primary.btn-top:hover { color: #999; border-color: #999; } .specialist-news-outer .specialist-news .btn-outline-primary.btn-top:hover:after { border-top-color: #999; } .specialist-news-outer .specialist-news .btn-outline-primary.btn-top:not(:disabled):not(.disabled):active:focus { color: #333333; border-color: #333333; } .specialist-news-outer .specialist-news .select2-container--bootstrap4 { border-color: #f9be54; } .specialist-news-outer .specialist-news .select2-container--bootstrap4:hover { border-color: #f9be54; } .specialist-news-outer .specialist-news .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow { background: url(../img/buttons/select-bg-specialist.png) no-repeat; } .specialist-news-outer .specialist-news .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered { color: #f9be54; } .specialist-news-outer .specialist-news .select2-container--bootstrap4 .select2-results__option--highlighted[aria-selected] { background-color: #f9be54; } .specialist-news-outer .specialist-news .select2-container--bootstrap4 .select2-dropdown { border-color: #f9be54; } .specialist-news-outer .specialist-news .select2-container--bootstrap4 .select2-results__option--highlighted[aria-selected] { background-color: #f9be54; } .specialist-news-outer .specialist-news .news-article-list-specialist .card-title { color: #fff; } .specialist-news-outer .specialist-news .newsletter-subscribe .card-article { border-color: #d69000; } .specialist-news-outer .specialist-news .newsletter-subscribe .card-article form input.form-control { border-color: #fff !important; color: #000 !important; } .specialist-news-outer .specialist-news .newsletter-subscribe .card-article form button.btn { border: 0; } .specialist-news-outer .specialist-benefits { padding-top: 1.42857rem; padding-bottom: 1.42857rem; } @media (min-width: 992px) { .specialist-news-outer .specialist-benefits { padding-top: 2.14286rem; padding-bottom: 2.14286rem; } } /* * Bare layout styling */ body.layout-bare .outer-container.specialist-detail h1 { display: block; } body.layout-bare .outer-container.specialist-detail .page-titlebar .title { display: block; } .detail-news-article .page-actions .downloads i { font-size: 2.14286rem; color: #3590c5; } .detail-news-article .page-actions .downloads a { font-size: 1.14286rem; font-weight: bold; } .detail-news-article .page-actions .downloads small { display: block; font-size: 0.85714rem; color: #999; } .detail-news-article img { margin: 0.71429rem 0; } .detail-news-article img[align="left"] { margin-right: 0.71429rem; } .detail-news-article img[align="right"] { margin-left: 0.71429rem; } @media (min-width: 992px) and (max-width: 1199.98px) { .detail-news-article .create-account-block .text { padding-left: 0.71429rem; padding-right: 0.71429rem; } .detail-news-article .create-account-block .footer-heading { font-size: 1.14286rem; } .detail-news-article .create-account-block .check-list { font-size: 1rem; } } .detail-news-gallery { position: relative; z-index: 1; } .detail-news-gallery.large .page-gallery { padding-left: 0; margin-top: 2.14286rem; } @media (min-width: 768px) { .detail-news-gallery.large .page-gallery .news-gallery-item { margin-bottom: 0.71429rem; } } .detail-news-extra .news-overview-general { padding-top: 1.42857rem; padding-bottom: 1.42857rem; } .outer-container.specialist-detail .content-wrapper { background: #000; } .outer-container.specialist-detail .content-wrapper > .container { color: #fff; } .outer-container.specialist-detail .content-wrapper > .container:before, .outer-container.specialist-detail .content-wrapper > .container:after { background: #000; } .outer-container.specialist-detail a { color: #f9be54; } .outer-container.specialist-detail a.info { color: #000; } .outer-container.specialist-detail a.tag { color: #f9be54; } .outer-container.specialist-detail a.tag:hover, .outer-container.specialist-detail a.tag:active { color: #999; text-decoration: none; } .outer-container.specialist-detail a.tag.active { color: #fff; } .outer-container.specialist-detail a.tag .fa { font-size: 1.4em; line-height: 0.8em; } .outer-container.specialist-detail .filter-order { border-color: #f9be54; } .outer-container.specialist-detail .btn-outline-primary:after { border-bottom-color: #f9be54; } .outer-container.specialist-detail .search-container .btn { color: #f9be54; } .outer-container.specialist-detail .sidebar .sidebar-filters .nav .nav-link a:hover { color: #fff; } .outer-container.specialist-detail .sidebar .sidebar-filters [data-more] { color: #fff; } .outer-container.specialist-detail .sidebar .sidebar-filters [data-more]:before { color: #f9be54; } .outer-container.specialist-detail .page-titlebar { background-color: transparent; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, black 100%); background-repeat: repeat-x; } .outer-container.specialist-detail .page-titlebar:before { border-bottom: 0.28571rem solid #666; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, black 100%); background-repeat: repeat-x; } .outer-container.specialist-detail .page-titlebar:after { height: 100%; margin-top: 0; border-bottom: 0.28571rem solid #666; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, black 100%); background-repeat: repeat-x; } @media (min-width: 1200px) { .outer-container.specialist-detail .page-titlebar:after { left: -200%; right: auto; width: 600%; height: 5.57143rem; margin-top: -1.64286rem; border-bottom: none; background: none; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 30%, black 100%); background-repeat: repeat-x; } } .outer-container.specialist-detail .page-titlebar > .row:after { position: absolute; display: block; content: ''; z-index: 0; left: 0; right: 0.71429rem; bottom: 0; height: 0.28571rem; background: #666; } .outer-container.specialist-detail .page-titlebar .title:before { pointer-events: none; position: absolute; display: block; content: " "; width: 0; height: 0; border: 1.42857rem solid transparent; top: 100%; left: 50%; margin-left: -1.42857rem; border-top: 1.42857rem solid #666; } .outer-container.specialist-detail .page-titlebar .title:after { pointer-events: none; position: absolute; display: block; content: " "; width: 0; height: 0; border: 1.42857rem solid transparent; top: 100%; left: 50%; margin-left: -1.42857rem; border-top: 1.42857rem solid #000; z-index: 1; margin-top: -0.42857rem; } .outer-container.specialist-detail .detail-news-extra .news-overview-general { padding-top: 0; padding-bottom: 0; } .outer-container.specialist-detail .news-overview .overview-news-articles { margin-bottom: 0 !important; } .outer-container.sports-detail { background: #000; } .outer-container.sports-detail > .container { color: #fff; background: #000; } .outer-container.sports-detail > .container:before, .outer-container.sports-detail > .container:after { background: #000; } .outer-container.sports-detail h1, .outer-container.sports-detail h2, .outer-container.sports-detail h3 { color: #fff; } .outer-container.sports-detail .page-titlebar { background: rgba(0, 0, 0, 0.5); } .outer-container.sports-detail .page-titlebar:before { background: rgba(0, 0, 0, 0.5); } .outer-container.sports-detail .page-titlebar:after { height: 100%; margin-top: 0; background: rgba(0, 0, 0, 0.5); } @media (min-width: 1200px) { .outer-container.sports-detail .page-titlebar:after { left: -200%; right: auto; width: 600%; height: 5.57143rem; margin-top: -1.64286rem; border-bottom: none; background: none; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 30%, black 100%); background-repeat: repeat-x; } } .outer-container.sports-detail .page-titlebar > .row:after { position: absolute; display: block; content: ''; z-index: 0; left: 0; right: 0.71429rem; bottom: 0; height: 0.28571rem; } .outer-container.sports-detail .page-titlebar .title:after { pointer-events: none; position: absolute; display: block; content: " "; width: 0; height: 0; border: 1.42857rem solid transparent; top: 100%; left: 50%; margin-left: -1.42857rem; border-top: 1.42857rem solid #000; z-index: 1; margin-top: -0.42857rem; } .outer-container.sports-detail .detail-news-extra .news-overview-general { padding-top: 0; padding-bottom: 0; } .outer-container.sports-detail .news-overview .overview-news-articles { margin-bottom: 0 !important; } /* * Bare layout styling */ body.layout-bare .outer-container.news-detail > .header, body.layout-bare .outer-container.specialist-detail > .header, body.layout-bare .outer-container.sports-detail > .header { display: none; } body.layout-bare .outer-container.news-detail .page-titlebar, body.layout-bare .outer-container.specialist-detail .page-titlebar, body.layout-bare .outer-container.sports-detail .page-titlebar { margin-top: -2.14286rem; } body.layout-bare .outer-container.news-detail .page-titlebar .title, body.layout-bare .outer-container.specialist-detail .page-titlebar .title, body.layout-bare .outer-container.sports-detail .page-titlebar .title { display: block; } @media (min-width: 1200px) { .page .page-col-1 { -ms-flex-order: 2; order: 2; } .page .page-col-2 { -ms-flex-order: 1; order: 1; padding-right: 1.42857rem; } } .page-titlebar { position: relative; z-index: 1; color: #fff; font-size: 1.85714rem; margin-top: -6.07143rem; margin-bottom: 1.42857rem; background: #000; } @media (min-width: 768px) { .page-titlebar { font-size: 2.85714rem; } } @media (min-width: 992px) { .page-titlebar { margin-bottom: 3.85714rem; } } .page-titlebar:before, .page-titlebar:after { position: absolute; display: block; content: ''; top: 0; right: 100%; width: 200%; height: 100%; background: #000; } .page-titlebar:after { z-index: -1; left: 100%; right: auto; } @media (min-width: 1200px) { .page-titlebar:after { height: 5.57143rem; background: none; margin-top: -1.64286rem; background-image: linear-gradient(to bottom, rgba(231, 231, 231, 0) 30%, #e7e7e7 100%); background-repeat: repeat-x; } } @media (min-width: 1200px) { .page-titlebar.light:after { background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 30%, white 100%); background-repeat: repeat-x; } } .page-titlebar > .row { position: relative; -ms-flex-align: center; align-items: center; } .page-titlebar.no-arrow .title:before, .page-titlebar.no-arrow .title:after { display: none !important; } .page-titlebar.no-underline:before { border-bottom: none !important; } .page-titlebar.no-underline > .row:after { display: none !important; } .page-titlebar .title-back { font-size: 2.85714rem; font-family: "Racing Sans One", Arial, sans-serif; line-height: normal; padding: 0; margin-top: -0.14286rem; margin-bottom: 0; } .page-titlebar .title-back .icon { width: 4rem; } .page-titlebar .title-back .icon:before { font-size: 2.85714rem; margin-top: -1.85714rem; } .page-titlebar .title { position: relative; display: inline-block; width: 100%; font-size: 1.85714rem; padding: 1.07143rem 1.07143rem 1.14286rem 0; margin-bottom: 0; } @media (min-width: 768px) { .page-titlebar .title { font-size: 2.85714rem; } } @media (min-width: 992px) { .page-titlebar .title { width: auto; } } .page-titlebar .title:after { pointer-events: none; position: absolute; display: block; content: " "; width: 0; height: 0; border: 1.42857rem solid transparent; top: 100%; left: 50%; margin-left: -1.42857rem; border-top: 1.42857rem solid #000; } .page-titlebar .title.has-subtitle { padding-top: 1.71429rem; padding-bottom: 1.42857rem; } @media (min-width: 768px) { .page-titlebar .title.has-subtitle { padding-top: 1.35714rem; } } .page-titlebar .title span { position: relative; display: inline-block; } .page-titlebar .title small { position: absolute; display: block; left: 0; bottom: 0.57143rem; color: #999; font-size: 1rem; font-style: normal; font-family: "PT Sans", Arial, sans-serif; } .page-content { font-size: 1.14286rem; padding-top: 1.14286rem; padding-bottom: 0.57143rem; } @media (min-width: 768px) { .page-content { padding-top: 0; padding-bottom: 0; } } .page-content p:last-child { margin-bottom: 0; } .page-content > .cms-text > img:first-child { margin-top: 0; } .page-gallery { margin-top: 0.71429rem; } @media (min-width: 992px) { .page-gallery { padding-left: 0.71429rem; margin-top: -6.07143rem; } } .page-gallery > .row { margin-left: -0.35714rem; margin-right: -0.35714rem; } .page-gallery > .row > .col { padding-left: 0.35714rem; padding-right: 0.35714rem; } @media (min-width: 768px) { .page-gallery > .row > .row { margin-left: -0.71429rem; margin-right: -0.71429rem; } .page-gallery > .row > .row > .col { padding-left: 0.71429rem; padding-right: 0.71429rem; } } @media (min-width: 992px) { .page-gallery > .row > .row { margin-left: -0.35714rem; margin-right: -0.35714rem; } .page-gallery > .row > .row > .col { padding-left: 0.35714rem; padding-right: 0.35714rem; } } .page-gallery .news-gallery-item { display: block; width: 100%; padding-top: 100%; margin-bottom: 0.71429rem; border: 0.07143rem solid #ccc; background-color: #333333; background-size: cover; background-repeat: no-repeat; background-position: center center; } @media (min-width: 768px) { .page-gallery .news-gallery-item { margin-bottom: 1.42857rem; } } @media (min-width: 992px) { .page-gallery .news-gallery-item { margin-bottom: 0.71429rem; } } .page-actions { margin-top: 1.42857rem; } @media (min-width: 992px) { .page-actions { margin-top: 0; } } .page-actions.boxed { padding: 0.71429rem; background: #fff; } .page-actions .title { font-size: 1.57143rem; font-family: "Racing Sans One", Arial, sans-serif; } .page-actions .btn { overflow: hidden; text-overflow: ellipsis; } /* * Bare layout styling */ body.layout-bare .outer-container.content-page > .header { display: none; } .overview-categories-cta { margin-top: 0.85714rem; } @media (min-width: 992px) { .overview-categories-cta { margin-top: 2.28571rem; } } .overview-categories-cta .btn { color: #fff; } .overview-categories-cta .btn .icon { color: #3590c5; } .overview-categories .show-more { margin-top: 1.42857rem; } .overview-categories .show-more .btn { color: #fff; } .category-info { color: #fff; padding-top: 0.71429rem; padding-bottom: 0.71429rem; } @media (min-width: 768px) { .category-info { padding-top: 1.42857rem; padding-bottom: 1.42857rem; } } @media (min-width: 992px) { .category-info { padding-bottom: 2.14286rem; } } .category-info .btn { margin: 1.42857rem 0 0; } .category-info .btn span { color: #fff; transition: .3s ease color; } .category-info .btn span .icon { color: #3590c5; } .category-info .btn:hover span { color: #999; } .category-info .btn:not(:disabled):not(.disabled):active:focus span { color: #333333; } .category-info .card-info { font-size: 1rem; border: 0.07143rem solid #3590c5; margin-top: 0.71429rem; } @media (min-width: 768px) { .category-info .card-info { font-size: 1.14286rem; } } .category-info .card-info .card-info-inner { padding: 1.42857rem; } .category-info .card-info .card-info-inner p:last-child { margin-bottom: 0; } .category-info .card-product, .category-info .card-advice { font-size: 1rem; border: 0.07143rem solid #3590c5; margin-top: 0.71429rem; background: none; } @media (min-width: 768px) { .category-info .card-product, .category-info .card-advice { font-size: 1.14286rem; } } .category-info .card-product .card-body, .category-info .card-advice .card-body { padding: 1.14286rem; } .category-info .card-product .col-image, .category-info .card-advice .col-image { height: 15.71429rem; margin-top: 1.42857rem; margin-bottom: 1.42857rem; } @media (min-width: 992px) { .category-info .card-product .col-image, .category-info .card-advice .col-image { height: 22.85714rem; margin-top: 3.57143rem; margin-bottom: 2.85714rem; } } .category-info .card-product .card-title, .category-info .card-advice .card-title { color: #fff; font-size: 1.42857rem; } @media (min-width: 768px) { .category-info .card-product .card-title, .category-info .card-advice .card-title { font-size: 1.71429rem; } } .category-info .card-product .card-title .new, .category-info .card-advice .card-title .new { color: #3590c5; text-transform: uppercase; } .category-info .card-product .card-desc, .category-info .card-advice .card-desc { color: #fff; } .category-info .card-product .card-link, .category-info .card-advice .card-link { color: #3590c5; } .overview-filters { color: #000; } @media (min-width: 768px) { .overview-filters { margin-bottom: 2.14286rem; } } .overview-filters .search-container { position: relative; } .overview-filters .search-container input[type="search"] { padding-right: 3.57143rem; text-overflow: ellipsis; } .overview-filters .search-container .btn { position: absolute; top: 0; right: 0; height: 100%; border: none; margin-bottom: 0; } @media (max-width: 991.98px) { .overview-filters .filter-options > .row { margin-left: -0.35714rem; margin-right: -0.35714rem; } .overview-filters .filter-options .filter-cont-sort, .overview-filters .filter-options .filter-cont-order { padding-left: 0.35714rem; padding-right: 0.35714rem; } } .overview-filters .filter-cont-sort .select2-selection--single { padding-left: 3.57143rem; } .overview-filters .filter-order .icon:after { font-size: 1.71429rem; margin-top: -0.85714rem; } @media (min-width: 768px) and (max-width: 991.98px) { .overview-filters .btn { margin-bottom: 1.42857rem; } } .modal .overview-filters .filter-search { margin-bottom: 0.71429rem; } @media (min-width: 992px) { .modal .overview-filters .filter-search { margin-bottom: 0; } } .overview-pagination .btn { color: #000; } .overview-pagination .btn .icon { color: #3590c5; } .product-recent { padding-top: 2.14286rem; } @media (min-width: 992px) { .product-recent { padding-bottom: 0; } } .product-recent.medium { background: #303030; } .product-recent.light { background: #e7e7e7; } .product-recent.light h3 { color: #000; } .product-recent h3 { font-size: 2.14286rem; text-transform: uppercase; } .product-recent .card-product .col-image, .product-recent .card-advice .col-image { height: 11.42857rem; } .product-recent .card-product .card-title, .product-recent .card-advice .card-title { font-size: 1rem; font-style: normal; } @media (min-width: 768px) { .product-recent .card-product .card-title, .product-recent .card-advice .card-title { font-size: 1.28571rem; } } .product-recent .col:nth-of-type(1n+3) { display: none; } @media (min-width: 768px) { .product-recent .col:nth-of-type(1n+3) { display: block; } .product-recent .col:nth-of-type(1n+4) { display: none; } } @media (min-width: 992px) { .product-recent .col:nth-of-type(1n+4) { display: block; } .product-recent .col:nth-of-type(1n+5) { display: none; } } @media (min-width: 1200px) { .product-recent .col:nth-of-type(1n+5) { display: block; } .product-recent .col:nth-of-type(1n+4) { display: block; } } .news-oilspecialist { color: #fff; padding-top: 0.71429rem; padding-bottom: 0.71429rem; background: #202020; } @media (min-width: 768px) { .news-oilspecialist { padding-top: 1.42857rem; padding-bottom: 1.42857rem; } } @media (min-width: 992px) { .news-oilspecialist { padding-top: 2.14286rem; padding-bottom: 2.14286rem; } } .news-oilspecialist.medium { background: #303030; } .news-oilspecialist.light { background: #e7e7e7; } .news-oilspecialist h3 { text-transform: uppercase; } .news-oilspecialist .highlight-item { display: none; } .news-oilspecialist .highlight-item:first-child { display: block; } @media (min-width: 768px) { .news-oilspecialist .highlight-item:nth-child(2) { display: block; } } @media (min-width: 992px) { .news-oilspecialist .highlight-item:nth-child(3) { display: block; } } .faq-related { color: #000; padding-top: 0.71429rem; padding-bottom: 0.71429rem; } @media (min-width: 768px) { .faq-related { padding-top: 1.42857rem; padding-bottom: 1.42857rem; } } @media (min-width: 992px) { .faq-related { padding-top: 2.14286rem; padding-bottom: 2.14286rem; } } .faq-related.medium { background: #303030; } .faq-related.light { background: #e7e7e7; } .faq-related .faq-facts { font-size: 1rem; } .faq-related .faq-facts h4 { font-size: 1.42857rem; font-family: "Racing Sans One", Arial, sans-serif; } .faq-related .faq-facts .readmore { color: #3590c5; } .faq-related .faq-related-items { border: 0.07143rem solid #ccc; padding: 0.71429rem; background: #fff; } .faq-related .faq-related-items .faq-item:nth-of-type(1n+4) { display: none; } @media (min-width: 992px) { .faq-related .faq-related-items .faq-item:nth-of-type(1n+4) { display: block; } } .faq-related .faq-related-items .card-link + .card-link { margin-left: 0; } .faq-related .faq-related-items .card-link .card-body { padding: 0.35714rem; } .faq-related .faq-related-items .card-link .card-title { color: #999; font-size: 0.85714rem; margin-bottom: 0; } .faq-related .faq-related-items .card-link .card-desc { color: #3590c5; font-size: 1.14286rem; font-style: italic; font-weight: bold; margin-bottom: 0; } .product-detail > .content-wrapper > .container { padding-top: 0; } .product-detail-background { position: absolute; overflow: hidden; display: none; width: 100%; } @media (min-width: 768px) { .product-detail-background { display: block; } } .product-detail-background:after { position: absolute; content: ''; z-index: 1; height: 14.28571rem; right: 0; bottom: 0; left: 0; background-image: linear-gradient(to top, #e7e7e7, rgba(239, 239, 239, 0)); } .product-detail-background .container { position: absolute; height: 100%; top: 0; left: 50%; transform: translateX(-50%); } .product-detail-background .container:after { display: none; } @media (min-width: 768px) { .product-detail-background .container:after { position: absolute; display: block; content: ''; z-index: 0; left: 50%; top: 30.57143rem; width: 50rem; height: 21.42857rem; transform: translateX(-50%); background: url("../img/products/workbench.png") no-repeat left top; } } @media (min-width: 992px) { .product-detail-background .container:after { top: 35.64286rem; left: 19.5%; bottom: 0; } } .product-detail-background img { margin-left: 50%; transform: translateX(-50%); } @media (min-width: 768px) { .product-detail-background.large-packaging .container:after { display: none; } } .detail-product { position: relative; z-index: 2; } @media (min-width: 992px) { .detail-product { display: block; } .detail-product > .row { display: block; } .detail-product .block-desc { -ms-flex-align: end; align-items: flex-end; display: -ms-flexbox; display: flex; float: right; -ms-flex: none; flex: none; z-index: 1; height: 46.14286rem; margin-bottom: 1.42857rem; } .detail-product .block-specs { display: block; float: left; -ms-flex: none; flex: none; margin-top: 47.57143rem; } } @media (min-width: 992px) and (min-width: 992px) { .detail-product .block-specs .collapsable + .collapsable { margin-top: -2.85714rem; } .detail-product .block-specs .collapsable .specs-container { z-index: 1; } } @media (min-width: 992px) { .detail-product .block-units { float: left; } } .detail-product .detail-product-top { margin-bottom: 0.85714rem; background-color: #202020; } @media (min-width: 768px) { .detail-product .detail-product-top { margin-bottom: 1.42857rem; background-color: transparent; } } @media (min-width: 992px) { .detail-product .detail-product-top { width: 100%; margin: 0; } } .detail-product .detail-product-top .images { padding-top: 3.57143rem; padding-bottom: 1.42857rem; } @media (min-width: 992px) { .detail-product .detail-product-top .images { position: absolute; top: 0; right: 100%; bottom: 0; padding-top: 10rem; padding-bottom: 0; margin-bottom: 0; } } .detail-product .detail-product-top .images .carousel { margin-top: 1.42857rem; padding-left: 4.28571rem; padding-right: 4.28571rem; } @media (min-width: 768px) { .detail-product .detail-product-top .images .carousel { padding-left: 0; padding-right: 0; margin-bottom: 1.42857rem; } } @media (min-width: 992px) { .detail-product .detail-product-top .images .carousel { margin-top: 0; } } .detail-product .detail-product-top .images .carousel .carousel-inner .carousel-item { opacity: 0; text-align: center; transition: transform 1s ease, opacity 0.2s ease 0s; } @media screen and (prefers-reduced-motion: reduce) { .detail-product .detail-product-top .images .carousel .carousel-inner .carousel-item { transition: none; } } @media (min-width: 768px) { .detail-product .detail-product-top .images .carousel .carousel-inner .carousel-item { height: 31.14286rem; } } .detail-product .detail-product-top .images .carousel .carousel-inner .carousel-item.carousel-item-prev, .detail-product .detail-product-top .images .carousel .carousel-inner .carousel-item.carousel-item-next { opacity: 0; } .detail-product .detail-product-top .images .carousel .carousel-inner .carousel-item.to { transition: transform 1s ease, opacity 0.3s ease 0.4s; } @media screen and (prefers-reduced-motion: reduce) { .detail-product .detail-product-top .images .carousel .carousel-inner .carousel-item.to { transition: none; } } .detail-product .detail-product-top .images .carousel .carousel-inner .carousel-item.active { opacity: 1; } .detail-product .detail-product-top .images .carousel .carousel-inner .carousel-item.transition { opacity: 0; } .detail-product .detail-product-top .images .carousel .carousel-inner .carousel-item img { width: auto; height: 14.28571rem; margin: 0 auto; } @media (min-width: 768px) { .detail-product .detail-product-top .images .carousel .carousel-inner .carousel-item img { position: absolute; left: 50%; height: auto; bottom: 4.14286rem; max-height: 25rem; transform: translateX(-50%); } } .detail-product .detail-product-top .images .carousel .carousel-control-prev span, .detail-product .detail-product-top .images .carousel .carousel-control-next span { background-color: transparent; } @media (min-width: 768px) { .detail-product .detail-product-top .images .carousel .carousel-control-prev span, .detail-product .detail-product-top .images .carousel .carousel-control-next span { background-color: #fff; } } .detail-product .detail-product-top .description-container { -ms-flex-item-align: end; align-self: flex-end; } @media (min-width: 992px) { .detail-product .detail-product-top .description-container { padding: 0; } } .detail-product .detail-product-top .description-container .back-link { margin-bottom: 1.42857rem; } .detail-product .detail-product-top .description-container .back-link:hover { color: #999; } .detail-product .detail-product-top .description-container .back-link, .detail-product .detail-product-top .description-container .back-link:not(:disabled):not(.disabled):active:focus { color: #fff; background-color: rgba(32, 32, 32, 0.85); } @media (min-width: 992px) { .detail-product .detail-product-top .description-container .back-link, .detail-product .detail-product-top .description-container .back-link:not(:disabled):not(.disabled):active:focus { background-color: rgba(32, 32, 32, 0.75); } } .detail-product .detail-product-top .description-container .back-link .icon { color: #3590c5; } .detail-product .detail-product-top .description { color: #fff; font-size: 1.28571rem; padding: 0.71429rem; } @media (min-width: 768px) { .detail-product .detail-product-top .description { background-color: rgba(32, 32, 32, 0.85); } } @media (min-width: 992px) { .detail-product .detail-product-top .description { overflow: auto; max-height: 41.85714rem; padding: 1rem 1.42857rem; background-color: rgba(32, 32, 32, 0.75); } } .detail-product .detail-product-top .description .category { color: #3590c5; font-size: 1.14286rem; font-family: "PT Sans", Arial, sans-serif; text-transform: uppercase; } .detail-product .detail-product-top .description .category i { color: #999; font-size: 1.14286rem; vertical-align: middle; display: inline-block; } .detail-product .detail-product-top .description .category.current { display: inline-block; color: #999; font-size: 1.71429rem; margin-top: -0.42857rem; } .detail-product .detail-product-top .description h1 { color: #fff; font-size: 2.14286rem; font-style: normal; } .detail-product .detail-product-top .description p { font-size: 1.28571rem; color: #fff; } .detail-product .detail-product-top .description p:last-child { margin-bottom: 0; } .detail-product .detail-product-top .description ul { font-size: inherit; } .detail-product .detail-product-top .description .collapsable { margin-bottom: 0; } .detail-product .detail-product-top .description .collapsable .btn-collapse { color: #fff; padding: 0 0 0 2.71429rem; border: none; background: none; } .detail-product .detail-product-top .description .collapsable .btn-collapse:active { outline: none; } .detail-product .detail-product-top .description .collapsable .btn-collapse:before { left: 0; } .detail-product .detail-product-top .description .collapsable .btn-collapse:after { display: none; } .detail-product .detail-product-top .description .collapsable .btn-collapse.collapsed { padding-top: 0; } .detail-product .detail-product-top .description .collapsable .collapse { padding-top: 0.71429rem; } .detail-product .detail-product-top .description .collapsable .collapse p:last-child { margin-bottom: 0; } .detail-product .detail-product-top .cta { margin-bottom: 1.42857rem; } @media (min-width: 768px) { .detail-product .detail-product-top .cta { margin-top: 1.42857rem; } } .detail-product .detail-product-top .cta .button-gradient-holder { background-image: linear-gradient(to bottom, #202020 0%, #d69000 100%); background-repeat: repeat-x; padding: 0 0.07143rem; } .detail-product .detail-product-top .cta .button-gradient-holder .btn { width: 100%; color: #fff; padding-top: 0.64286rem; padding-bottom: 0.71429rem; margin: 0; background-image: linear-gradient(to bottom, #202020 0%, #471216 100%); background-repeat: repeat-x; } .detail-product .detail-product-top .cta .button-gradient-holder .btn:after { position: absolute; display: block; content: ''; bottom: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 0.71429rem 0.71429rem; border-color: transparent transparent #d69000 transparent; transition: all 0.15s ease-in-out; right: -0.07143rem; } @media screen and (prefers-reduced-motion: reduce) { .detail-product .detail-product-top .cta .button-gradient-holder .btn:after { transition: none; } } .detail-product .detail-product-top .cta .button-gradient-holder .btn i { display: inline-block; color: #d69000; font-size: 1.92857rem; line-height: 0; vertical-align: sub; } .detail-product .collapsable .btn-collapse { width: 100%; white-space: normal; } .detail-product .collapsable h2 { display: none; font-style: normal; } .detail-product .collapsable .manual p:last-child { margin-bottom: 0; } .detail-product .collapsable .specs-container { margin: 0; } .detail-product .collapsable .specs-list { margin-bottom: 0; } .detail-product .collapsable .specs-list li { font-size: 1.28571rem; padding-left: 1.78571rem; position: relative; } .detail-product .collapsable .specs-list li:before { content: 'q'; color: #ccc; font-family: "mpmoil-2018"; margin-right: 1.07143rem; position: absolute; top: 0; left: 0; } @media (min-width: 992px) { .detail-product .collapsable:not(.always-collapse) .btn-collapse { display: none; } .detail-product .collapsable:not(.always-collapse) .collapse { display: block !important; } .detail-product .collapsable:not(.always-collapse) .collapse .card { border-bottom-width: 0.07143rem; } .detail-product .collapsable:not(.always-collapse) .collapse .card:after { display: none; } .detail-product .collapsable:not(.always-collapse) .collapse .card h2 { display: block; } } .detail-product .product-versions .btn-clipboard:hover { color: #999; text-decoration: none; } .detail-product .product-versions tr > td.action { position: relative; padding-right: 60px; } .detail-product .product-versions tr > td.action .btn-clipboard { position: absolute; top: 50%; right: 10px; padding: 12px; transform: translateY(-50%); } .detail-product .product-versions.mobile { border: 0.07143rem solid #ccc; margin-bottom: 1.42857rem; } .detail-product .product-versions.mobile:last-child { margin-bottom: 0; } .detail-product .product-versions.mobile tr > th { padding-left: 0.71429rem; padding-right: 0.71429rem; } .detail-product .product-versions.mobile tr > td { padding-left: 0.71429rem; padding-right: 0.71429rem; } .detail-product .product-versions.mobile tr > td:first-child { text-align: center; padding: 0.71429rem 1.42857rem 0.71429rem 0.71429rem; } .detail-product .product-versions.mobile .main-property .col { text-align: right; } .detail-product .product-versions.mobile .main-property .col:first-child { text-align: left; } .detail-product .product-versions.mobile .main-property .col:last-child { color: #202020; } .detail-product .product-versions.mobile .item th { color: #999; font-family: "PT Sans Narrow", "PT Sans", Arial, sans-serif; font-size: 1.14286rem; font-weight: normal; text-transform: uppercase; } .detail-product .product-versions.mobile .item td { text-align: right; border: none; } .detail-product .sheets { margin-top: 1.42857rem; } @media (min-width: 768px) { .detail-product .sheets { margin-top: 0; } } @media (min-width: 992px) { .detail-product .sheets { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; margin: 0; } } .detail-product .sheets .btn { font-size: 1.28571rem; font-weight: bold; width: 100%; } @media (min-width: 768px) { .detail-product .sheets .btn { color: #000; background: #fff; } } .detail-product .sheets .btn i { color: #3590c5; } .detail-product .faq h2 { font-style: normal; font-size: 2.14286rem; } .detail-product .faq .item { margin-top: 0.71429rem; } .detail-product .faq .item:first-child { margin-top: 0; } .detail-product .faq .item:nth-of-type(n+5) { display: none; } @media (max-width: 767.98px) { .detail-product .faq .item { padding: 0; } } @media (min-width: 768px) { .detail-product .faq .item { margin-top: 1.42857rem; } .detail-product .faq .item:first-child { margin-top: 0; } .detail-product .faq .item:nth-of-type(n+5) { display: inherit; } } .detail-product .faq > .card-body { padding: 0.85714rem; margin-top: 0.85714rem; } .detail-product .faq > .card-body span { color: #999; font-size: 0.85714rem; text-transform: uppercase; } .detail-product .faq > .card-body a { font-size: 1.14286rem; font-weight: bold; font-style: italic; } .detail-product .faq button { margin-top: 0.85714rem; } .detail-product .related-products, .detail-product .recent-products { margin-top: 1.42857rem; } .detail-product .related-products h2, .detail-product .recent-products h2 { font-style: normal; font-size: 1.71429rem; } .detail-product .related-products .card-link, .detail-product .recent-products .card-link { margin-bottom: 0.71429rem; } .detail-product .related-products .col:last-child .card-link, .detail-product .recent-products .col:last-child .card-link { margin-bottom: 0; } .detail-product .related-products .col-12:nth-of-type(n+4), .detail-product .recent-products .col-12:nth-of-type(n+4) { display: none; } @media (min-width: 992px) { .detail-product .related-products .col-12:nth-of-type(n+4), .detail-product .recent-products .col-12:nth-of-type(n+4) { display: block; } .detail-product .related-products .col-12 .card-title, .detail-product .recent-products .col-12 .card-title { text-align: center; } } .recommendation > .header { padding-bottom: 0.71429rem; } @media (min-width: 992px) { .recommendation > .header { padding-bottom: 0; } } .recommendation .fade-enter-active { transition: opacity 1s; } .recommendation .fade-leave-active { transition: opacity .5s; } .recommendation .fade-enter, .recommendation .fade-leave-to { opacity: 0; } .recommendation > .container { position: relative; z-index: 1; } .recommendation.standalone .close { display: none; } @media (min-width: 992px) { .recommendation.standalone .close { display: block; } } .recommendation-search { position: relative; padding-top: 4.57143rem; padding-left: 0; padding-right: 0; padding-bottom: 0.07143rem; } .recommendation-search .init { display: none; } .recommendation-search.initialized .init { display: block; } .recommendation-search .container .loader { position: fixed; } .recommendation-search .close { position: absolute; display: none; z-index: 3; opacity: 1; top: -2.85714rem; right: 0; color: #ff414d; font-size: 2.14286rem; text-shadow: none; padding: 0.71429rem; transition: .3s ease color; } .recommendation-search .close:hover { color: #999; } .recommendation-search .close:active { color: #333333; } .recommendation-search .close .icon-close { display: inline; } .recommendation-search .close .icon-open { display: none; color: #3590c5; } .recommendation-search .wrapper-left, .recommendation-search .wrapper-right { position: relative; z-index: 1; padding: 0; } @media (max-width: 991.98px) { .recommendation-search .wrapper-left, .recommendation-search .wrapper-right { height: auto !important; } } .recommendation-search .wrapper-right { z-index: 0; } .recommendation-search .arrow-active { position: absolute; display: block; opacity: 0; z-index: 1; top: 100%; left: 0; width: 100%; height: 0.35714rem; margin-top: -0.35714rem; background: #3590c5; transition: .5s ease opacity; } .recommendation-search .arrow-active:before { pointer-events: none; position: absolute; display: block; content: " "; width: 0; height: 0; border: 2.5rem solid transparent; top: 100%; left: 50%; margin-left: -2.5rem; border-top: 2.5rem solid #e7e7e7; } .recommendation-search .arrow-active:after { pointer-events: none; position: absolute; display: block; content: " "; width: 0; height: 0; border: 1.42857rem solid transparent; top: 100%; left: 50%; margin-left: -1.42857rem; border-top: 1.42857rem solid #3590c5; } .recommendation-search .recommendation-search-bg { position: absolute; display: none; z-index: 0; top: 0; width: 100%; } .recommendation-search .recommendation-search-bg:after { position: absolute; content: ''; left: 0; right: 0; bottom: 0; height: 14.28571rem; background-image: linear-gradient(to top, #e7e7e7, rgba(239, 239, 239, 0)); } .recommendation-search .recommendation-search-bg img { margin-left: 50%; transform: translateX(-50%); } .recommendation-search .recommendation-search-wrapper { position: relative; } .recommendation-search .recommendation-search-wrapper > .row { margin-left: 0; margin-right: 0; } .recommendation-search .recommendation-search-wrapper .retry-scanner { text-align: left; text-transform: uppercase; white-space: normal; } .recommendation-search .recommendation-search-wrapper .retry-scanner.home { font-size: 1.85714rem; font-family: "Racing Sans One", Arial, sans-serif; padding-top: 0.64286rem; padding-bottom: 0.64286rem; } .recommendation-search .recommendation-search-wrapper .retry-scanner.detail { color: #fff; padding-left: 70px; padding-top: 7px; padding-bottom: 7px; } .recommendation-search .recommendation-search-wrapper .retry-scanner.detail .icon { position: absolute; top: 50%; left: 10px; transform: translateY(-50%); color: #3590c5; font-size: 50px; width: 50px; height: 50px; } .recommendation-search .recommendation-search-wrapper .retry-scanner.detail .icon:before { top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; } .recommendation-search .recommendation-search-wrapper .retry-scanner .icon { height: 1.57143rem; margin-right: 0.71429rem; } .recommendation-search .recommendation-search-wrapper .search-separator-inner { width: 100%; } .recommendation-search h1 { position: relative; z-index: 1; font-size: 1.85714rem; } .recommendation-search h2.main-title { position: relative; font-size: 1.5rem; text-align: left; padding-top: 0; } @media (min-width: 992px) { .recommendation-search h2.main-title { text-align: center; padding-top: 6.85714rem; } } .recommendation-search h2.main-title a { display: inline-block; } .recommendation-search h2.main-title a .icon { position: absolute; display: block; top: -3.28571rem; left: 50%; font-size: 12.85714rem; transform: translateX(-50%); } .recommendation-search .search-scan label, .recommendation-search .search-license label, .recommendation-search .search-query label { font-size: 1.28571rem; text-transform: uppercase; margin-top: 0.71429rem; } .recommendation-search .search-scan label .sub-label, .recommendation-search .search-license label .sub-label, .recommendation-search .search-query label .sub-label { display: block; color: #999; text-transform: none; margin-top: 0.57143rem; } .recommendation-search .search-license, .recommendation-search .search-query { transition: .3s ease opacity; } .recommendation-search .search-license label, .recommendation-search .search-query label { font-size: 1.28571rem; text-transform: uppercase; margin-top: 0.71429rem; } .recommendation-search .search-license label .sub-label, .recommendation-search .search-query label .sub-label { color: #999; text-transform: none; margin-top: 0.57143rem; } .recommendation-search .search-license .error-message, .recommendation-search .search-query .error-message { opacity: 0; color: #ff414d; font-size: 1.21429rem; text-transform: uppercase; transition: .3s ease opacity; } .recommendation-search .search-license .error-message.active, .recommendation-search .search-query .error-message.active { opacity: 1; } .recommendation-search .search-license .btn, .recommendation-search .search-query .btn { width: 4.28571rem; color: #fff; font-size: 2.57143rem; padding: 0; } .recommendation-search .search-license .btn .icon, .recommendation-search .search-query .btn .icon { position: relative; width: auto; height: auto; display: inline-block; } .recommendation-search .search-license .btn .icon:before, .recommendation-search .search-query .btn .icon:before { position: static; top: auto; left: auto; font-size: 2.57143rem; line-height: 3.71429rem; text-shadow: 0 0 6px #fff; margin-top: 0; transition: .3s ease all; } .recommendation-search .search-license .btn:not(:disabled):not(.disabled):active:focus .icon:before, .recommendation-search .search-query .btn:not(:disabled):not(.disabled):active:focus .icon:before { text-shadow: none; } .recommendation-search .search-license .input-group-append, .recommendation-search .search-query .input-group-append { margin-left: 0.57143rem; } .recommendation-search .search-license .license-plate.input-group.license-plate-se .search-license-inp, .recommendation-search .search-license .license-plate.input-group.license-plate-dk .search-license-inp, .recommendation-search .search-license .license-plate.input-group.license-plate-ie .search-license-inp, .recommendation-search .search-license .license-plate.input-group.license-plate-fr .search-license-inp, .recommendation-search .search-license .license-plate.input-group.license-plate-fi .search-license-inp, .recommendation-search .search-license .license-plate.input-group.license-plate-no .search-license-inp { background-color: #fff; } .recommendation-search .search-license .license-plate.input-group.license-plate-se .search-license-inp:-ms-input-placeholder, .recommendation-search .search-license .license-plate.input-group.license-plate-dk .search-license-inp:-ms-input-placeholder, .recommendation-search .search-license .license-plate.input-group.license-plate-ie .search-license-inp:-ms-input-placeholder, .recommendation-search .search-license .license-plate.input-group.license-plate-fr .search-license-inp:-ms-input-placeholder, .recommendation-search .search-license .license-plate.input-group.license-plate-fi .search-license-inp:-ms-input-placeholder, .recommendation-search .search-license .license-plate.input-group.license-plate-no .search-license-inp:-ms-input-placeholder { color: rgba(0, 0, 0, 0.5); } .recommendation-search .search-license .license-plate.input-group.license-plate-se .search-license-inp::placeholder, .recommendation-search .search-license .license-plate.input-group.license-plate-dk .search-license-inp::placeholder, .recommendation-search .search-license .license-plate.input-group.license-plate-ie .search-license-inp::placeholder, .recommendation-search .search-license .license-plate.input-group.license-plate-fr .search-license-inp::placeholder, .recommendation-search .search-license .license-plate.input-group.license-plate-fi .search-license-inp::placeholder, .recommendation-search .search-license .license-plate.input-group.license-plate-no .search-license-inp::placeholder { color: rgba(0, 0, 0, 0.5); } .recommendation-search .search-license .license-plate.input-group.license-plate-no .search-license-country { background-image: url(../img/recommendation/license-icon-no.png); } .recommendation-search .search-license .license-plate.input-group.license-plate-de .search-license-country { display: none; } .recommendation-search .search-license .license-plate.input-group.license-plate-de .search-license-inp { background: transparent; color: #fff !important; border: 1px solid #3590c5; } .recommendation-search .search-license .license-plate.input-group.license-plate-de .search-license-inp:-ms-input-placeholder { color: #565656; } .recommendation-search .search-license .license-plate.input-group.license-plate-de .search-license-inp::placeholder { color: #565656; } .recommendation-search .search-license .license-plate.input-group.license-plate-gb .search-license-country { color: #dcaf00; } .recommendation-search .search-license .input-group { position: relative; padding-bottom: 1.42857rem; } .recommendation-search .search-license .input-group .search-license-country { position: relative; min-width: 3.07143rem; color: #fff; font-size: 1.14286rem; text-align: center; padding: 2.28571rem 0.35714rem 0; background: #1f417c url(../img/recommendation/license-icon.png) center center no-repeat; } .recommendation-search .search-license .input-group .search-license-inp { height: 4.28571rem !important; font-size: 2.14286rem; font-family: "Kenteken", Arial, sans-serif; text-align: center; text-transform: uppercase; border: none; background: #dcaf00; } .recommendation-search .search-license .input-group .search-license-inp.country-gb { font-family: "UKNumberPlate", Arial, sans-serif; } .recommendation-search .search-license .input-group .search-license-inp.country-dk, .recommendation-search .search-license .input-group .search-license-inp.country-fi, .recommendation-search .search-license .input-group .search-license-inp.country-no, .recommendation-search .search-license .input-group .search-license-inp.country-se { font-family: "Alte DIN 1451 Mittelschrift", Arial, sans-serif; } .recommendation-search .search-license .input-group .search-license-inp:focus { outline: none; } .recommendation-search .search-license .input-group .search-license-inp:-ms-input-placeholder { color: #c69d00; } .recommendation-search .search-license .input-group .search-license-inp::placeholder { color: #c69d00; } .recommendation-search .search-license .btn.reset { display: none; color: #ff414d; } .recommendation-search .search-license .btn.reset .icon:before { text-shadow: none; } .recommendation-search .search-license .btn.reset:hover, .recommendation-search .search-license .btn.reset:not(:disabled):not(.disabled):active:focus { border-color: #3590c5 !important; } .recommendation-search .search-license.show-results .btn.submit { display: none; } .recommendation-search .search-license.show-results .btn.reset { display: block; } .recommendation-search .search-query .search-fields { border: 0 solid #3590c5; margin-bottom: 0.71429rem; } .recommendation-search .search-query .search-fields .search-query-inp { height: 4.28571rem; } .recommendation-search .search-query .search-fields .btn.reset { display: none; color: #ff414d; border-left: 0; } .recommendation-search .search-query .search-fields .btn.reset .icon:before { text-shadow: none; } .recommendation-search .search-query .search-fields .btn.reset:hover, .recommendation-search .search-query .search-fields .btn.reset:not(:disabled):not(.disabled):active:focus { border-color: #3590c5 !important; } .recommendation-search .search-query.show-results .search-fields { border-bottom-width: 0.28571rem; } .recommendation-search .search-query.show-results .search-fields:before { pointer-events: none; position: absolute; display: block; content: " "; width: 0; height: 0; border: 2.14286rem solid transparent; top: 100%; left: 50%; margin-left: -2.14286rem; border-top: 2.14286rem solid #202020; z-index: 1; margin-top: 0.28571rem; } .recommendation-search .search-query.show-results .search-fields:after { pointer-events: none; position: absolute; display: block; content: " "; width: 0; height: 0; border: 1.42857rem solid transparent; top: 100%; left: 50%; margin-left: -1.42857rem; border-top: 1.42857rem solid #3590c5; z-index: 1; margin-top: 0.28571rem; margin-left: -1.42857rem; } .recommendation-search .search-query.show-results .search-fields .search-query-inp { border-right-color: transparent; } .recommendation-search .search-query.show-results .search-fields .input-group-append { margin-left: 0; } .recommendation-search .search-query.show-results .search-fields .btn.submit { display: none; } .recommendation-search .search-query.show-results .search-fields .btn.reset { display: block; } .recommendation-search .search-results { width: 100%; color: #000; padding: 0; background: #fff; } .recommendation-search .search-results.active { display: block; } .recommendation-search .search-results .error-message { color: #ff414d; font-size: 1.21429rem; } .recommendation-search .search-results .error-message .type { display: block; font-size: 1.57143rem; font-family: "Racing Sans One", Arial, sans-serif; margin-top: 0.71429rem; } .recommendation-search .search-results .inner { font-size: 1.14286rem; padding: 0.71429rem; margin-bottom: 0.57143rem; } .recommendation-search .search-results .type { font-size: 1.57143rem; font-family: "Racing Sans One", Arial, sans-serif; text-align: left; } @media (min-width: 992px) { .recommendation-search .search-results .type { text-overflow: ellipsis; white-space: nowrap !important; overflow: hidden; max-width: 50%; } } @media (min-width: 1200px) { .recommendation-search .search-results .type { max-width: 64%; } } .recommendation-search .search-results .card { color: #3590c5; } .recommendation-search .search-results .search-model { padding: 0; width: 100%; color: #000; } .recommendation-search .search-results .search-model .arrows { display: none; } .recommendation-search .search-results .search-model.card-link .card-body { padding: 0.35714rem; } .recommendation-search .search-results .search-model .category, .recommendation-search .search-results .search-model .make, .recommendation-search .search-results .search-model .model, .recommendation-search .search-results .search-model .type { position: relative; font-weight: bold; float: left; white-space: normal; } .recommendation-search .search-results .search-model .category:not(.type):after, .recommendation-search .search-results .search-model .make:not(.type):after, .recommendation-search .search-results .search-model .model:not(.type):after, .recommendation-search .search-results .search-model .type:not(.type):after { pointer-events: none; position: absolute; display: block; content: " "; width: 0; height: 0; border: 5px solid transparent; top: 50%; left: 100%; margin-top: -5px; border-left: 5px solid #000; } .recommendation-search .search-results .search-model .make, .recommendation-search .search-results .search-model .model, .recommendation-search .search-results .search-model .type { line-height: 3.57143rem; margin-right: 1.07143rem; padding: 0 0.42857rem; } .recommendation-search .search-results .search-model .type { margin-right: 0; margin-bottom: 0.28571rem; } .recommendation-search .search-results .search-model .category { line-height: 0; margin-right: 1.07143rem; padding: 0 0.71429rem 0 0; } .recommendation-search .search-results .search-model .category .icon-vehicle { width: 3.57143rem; height: 3.57143rem; padding: 0.21429rem 0; } .recommendation-search .search-results .search-model .category .icon-vehicle:before { position: relative; top: auto; left: auto; transform: none; } .recommendation-search .search-results .search-model .make .logo { width: 2.14286rem; height: 2.14286rem; } @media (min-width: 992px) { .recommendation-search .search-results .search-model .make, .recommendation-search .search-results .search-model .model, .recommendation-search .search-results .search-model .type, .recommendation-search .search-results .search-model .category { margin: 0; } .recommendation-search .search-results .search-model .make:after, .recommendation-search .search-results .search-model .model:after, .recommendation-search .search-results .search-model .type:after, .recommendation-search .search-results .search-model .category:after { display: none !important; } .recommendation-search .search-results .search-model .make .arrows .left-arrow, .recommendation-search .search-results .search-model .model .arrows .left-arrow, .recommendation-search .search-results .search-model .type .arrows .left-arrow, .recommendation-search .search-results .search-model .category .arrows .left-arrow { height: 101%; background: grey; animation: none; } .recommendation-search .search-results .search-model .make, .recommendation-search .search-results .search-model .model, .recommendation-search .search-results .search-model .type { padding: 0 3.57143rem 0 0.71429rem; } .recommendation-search .search-results .search-model .category { padding: 0 3.57143rem 0 1.42857rem; } .recommendation-search .search-results .search-model .arrows { display: block; } .recommendation-search .search-results .search-model .arrows .left-arrow { background: black; } } .recommendation-search .search-results .card-link { font-size: 1.14286rem; font-weight: bold; margin-top: 0.71429rem; } .recommendation-search .search-results .card-link:after { position: absolute; display: block; content: ''; bottom: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 0.71429rem 0.71429rem; border-color: transparent transparent #3590c5 transparent; transition: all 0.15s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .recommendation-search .search-results .card-link:after { transition: none; } } .recommendation-search .search-results .card-link:hover:after { border-bottom-color: gray; } .recommendation-search .search-results .card-link .card { color: #333333; border-color: #3590c5; } .recommendation-search .search-results .card-link .card-body { padding: 0.71429rem; } .recommendation-search .search-brand-results { width: 100%; min-height: 0; } .recommendation-search .search-brand-results .search-brand-selected { position: relative; border: 0.07143rem solid #3590c5; border-bottom-width: 0.35714rem; padding: 1.42857rem; margin-bottom: 0.71429rem; background: #1a1a1a; } .recommendation-search .search-brand-results .search-brand-selected:before { pointer-events: none; position: absolute; display: block; content: " "; width: 0; height: 0; border: 2rem solid transparent; top: 100%; left: 50%; margin-left: -2rem; border-top: 2rem solid #000; margin-top: 0.35714rem; } .recommendation-search .search-brand-results .search-brand-selected:after { pointer-events: none; position: absolute; display: block; content: " "; width: 0; height: 0; border: 1.28571rem solid transparent; top: 100%; left: 50%; margin-left: -1.28571rem; border-top: 1.28571rem solid #3590c5; margin-top: 0.35714rem; } .recommendation-search .search-brand-results .search-brand-selected .brand-selected { color: #fff; font-size: 1.42857rem; font-weight: bold; } .recommendation-search .search-brand-results .search-brand-selected .brand-choose { font-size: 1.14286rem; text-transform: uppercase; } .recommendation-search .search-brand-results .search-results { position: relative; display: block; padding: 0 0.71429rem 0.71429rem; margin-top: 2rem; margin-bottom: 0.71429rem; } .recommendation-search .search-brand-results .search-results:before, .recommendation-search .search-brand-results .search-results:after { pointer-events: none; position: absolute; display: block; content: " "; width: 0; height: 0; border: 1.28571rem solid transparent; bottom: 100%; left: 50%; margin-left: -1.28571rem; border-bottom: 1.28571rem solid #fff; top: -2.57143rem; bottom: auto; margin-left: -2.64286rem; } .recommendation-search .search-brand-results .search-results:after { margin-left: 0.07143rem; } .recommendation-search .search-brand-results .search-results .search-results-fill:before, .recommendation-search .search-brand-results .search-results .search-results-fill:after { position: absolute; display: block; content: ''; top: -1.28571rem; left: 0; width: calc(50% - 19px); height: 1.28571rem; background: #fff; } .recommendation-search .search-brand-results .search-results .search-results-fill:after { left: auto; right: 0; } .recommendation-search .search-brand-results .search-results .error-message { color: #ff414d; font-size: 1.21429rem; text-transform: uppercase; } .recommendation-search .search-brand { position: relative; height: 100%; padding-bottom: 0.14286rem; transition: .3s ease opacity; } .recommendation-search .search-brand:before { position: absolute; display: block; content: '1'; opacity: 0; top: -0.85714rem; right: 2rem; color: #fff; font-size: 42.85714rem; font-family: "Racing Sans One", Arial, sans-serif; line-height: 28.57143rem; transition: .5s ease opacity; } .recommendation-search .search-brand.desktop:before { display: none; } .recommendation-search .search-brand.active:before { opacity: 0.05; } .recommendation-search .search-brand .brand-list { margin: 0 -0.28571rem -0.57143rem -0.28571rem; } .recommendation-search .search-brand .brand-list > .col { padding: 0 0.28571rem; } .recommendation-search .search-brand .brand-list .btn.active { background: #fff; } .recommendation-search .search-brand .brand-list .btn.active:after { position: absolute; display: block; content: ''; bottom: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 0.71429rem 0.71429rem; border-color: transparent transparent #000 transparent; transition: all 0.15s ease-in-out; right: 0.07143rem; bottom: 0.07143rem; } @media screen and (prefers-reduced-motion: reduce) { .recommendation-search .search-brand .brand-list .btn.active:after { transition: none; } } .recommendation-search .search-brand label { font-size: 1.28571rem; text-transform: uppercase; margin-top: 0.71429rem; } .recommendation-search .search-brand label .sub-label { color: #999; text-transform: none; margin-top: 0.57143rem; } .recommendation-search .search-brand .btn { width: 100%; padding-top: 84%; margin-bottom: 0.57143rem; background: rgba(0, 0, 0, 0); } .recommendation-search .search-brand .btn:before { width: 80%; height: 80%; } .recommendation-search .search-brand-selector { position: relative; display: none; } .recommendation-search .search-brand-selector > .row { display: block; padding-bottom: 0.71429rem; } .recommendation-search .search-brand-selector > .row > .col { position: relative; overflow: hidden; float: left; width: 0; min-height: 0; padding-left: 0.35714rem; padding-right: 0.35714rem; margin-bottom: 0.71429rem; transition: .5s ease all; } @media (max-width: 991.98px) { .recommendation-search .search-brand-selector > .row > .col { width: 100%; padding-left: 0; padding-right: 0; } } @media (min-width: 992px) { .recommendation-search .search-brand-selector > .row > .col { overflow: visible; height: 0; } .recommendation-search .search-brand-selector > .row > .col:before { pointer-events: none; position: absolute; display: block; content: " "; width: 0; height: 0; border: 2.5rem solid transparent; top: 50%; left: 100%; margin-top: -2.5rem; border-left: 2.5rem solid #e7e7e7; z-index: 1; opacity: 0; top: 3rem; left: 100%; margin-left: -0.35714rem; transition: opacity 0.3s ease-in-out; } } @media screen and (min-width: 992px) and (prefers-reduced-motion: reduce) { .recommendation-search .search-brand-selector > .row > .col:before { transition: none; } } @media (min-width: 992px) { .recommendation-search .search-brand-selector > .row > .col:after { pointer-events: none; position: absolute; display: block; content: " "; width: 0; height: 0; border: 1.42857rem solid transparent; top: 50%; left: 100%; margin-top: -1.42857rem; border-left: 1.42857rem solid #fff; z-index: 1; opacity: 0; top: 3rem; left: 100%; margin-left: -0.35714rem; transition: opacity 0.3s ease-in-out; } } @media screen and (min-width: 992px) and (prefers-reduced-motion: reduce) { .recommendation-search .search-brand-selector > .row > .col:after { transition: none; } } .recommendation-search .search-brand-selector > .row > .col:first-child { padding-left: 0; } .recommendation-search .search-brand-selector > .row > .col:last-child { padding-right: 0; } .recommendation-search .search-brand-selector .search-container { position: relative; } .recommendation-search .search-brand-selector .search-container .icon { pointer-events: none; position: absolute; z-index: 1; top: 0; right: 0; height: 3.28571rem; color: #3590c5; font-size: 1.85714rem; border: none; padding: 0.42857rem 1.07143rem; margin-bottom: 0; } @media (max-width: 991.98px) { .recommendation-search .search-brand-selector.step1 .select-brand-col, .recommendation-search .search-brand-selector.step2 .select-brand-col { height: auto; } .recommendation-search .search-brand-selector.step1 .select-model-col, .recommendation-search .search-brand-selector.step1 .select-type-col, .recommendation-search .search-brand-selector.step2 .select-model-col, .recommendation-search .search-brand-selector.step2 .select-type-col { height: 0; } } @media (min-width: 992px) { .recommendation-search .search-brand-selector.step1 .select-brand-col, .recommendation-search .search-brand-selector.step2 .select-brand-col { width: 100%; height: auto; padding-right: 0; } .recommendation-search .search-brand-selector.step1 .select-model-col, .recommendation-search .search-brand-selector.step1 .select-type-col, .recommendation-search .search-brand-selector.step2 .select-model-col, .recommendation-search .search-brand-selector.step2 .select-type-col { width: 0; padding-left: 0; padding-right: 0; } } @media (max-width: 991.98px) { .recommendation-search .search-brand-selector.step3 .select-brand-col { height: 5.57143rem; } .recommendation-search .search-brand-selector.step3 .select-model-col { height: auto; } .recommendation-search .search-brand-selector.step3 .select-type-col { height: 0; } } @media (min-width: 992px) { .recommendation-search .search-brand-selector.step3 .select-brand-col { width: 50%; height: auto; } .recommendation-search .search-brand-selector.step3 .select-brand-col:before, .recommendation-search .search-brand-selector.step3 .select-brand-col:after { opacity: 1; } .recommendation-search .search-brand-selector.step3 .select-model-col { width: 50%; height: auto; padding-right: 0; } .recommendation-search .search-brand-selector.step3 .select-type-col { width: 0; padding-left: 0; padding-right: 0; } } @media (max-width: 991.98px) { .recommendation-search .search-brand-selector.step4 .select-brand-col { height: 5.57143rem; } .recommendation-search .search-brand-selector.step4 .select-model-col { height: 5.57143rem; } .recommendation-search .search-brand-selector.step4 .select-type-col { height: auto; } } @media (min-width: 992px) { .recommendation-search .search-brand-selector.step4 .select-brand-col { width: 33.33%; height: auto; } .recommendation-search .search-brand-selector.step4 .select-brand-col:before, .recommendation-search .search-brand-selector.step4 .select-brand-col:after { opacity: 1; } .recommendation-search .search-brand-selector.step4 .select-model-col { width: 33.33%; height: auto; } .recommendation-search .search-brand-selector.step4 .select-model-col:before, .recommendation-search .search-brand-selector.step4 .select-model-col:after { opacity: 1; } .recommendation-search .search-brand-selector.step4 .select-type-col { width: 33.33%; height: auto; } } .recommendation-search .search-brand-selector .loader { position: fixed; z-index: 1; margin-bottom: 1.42857rem; } .recommendation-search .search-brand-selector h4 { position: relative; height: 5.57143rem; color: #fff; font-size: 0.92857rem; padding: 1.85714rem 1.42857rem; margin: -0.71429rem -0.71429rem 2.14286rem; border: 0.07143rem solid #3590c5; border-bottom-width: 0.35714rem; background: #1a1a1a; } @media (max-width: 991.98px) { .recommendation-search .search-brand-selector h4 { font-size: 1.42857rem; } .recommendation-search .search-brand-selector h4:before { pointer-events: none; position: absolute; display: block; content: " "; width: 0; height: 0; border: 1.71429rem solid transparent; top: 100%; left: 50%; margin-left: -1.71429rem; border-top: 1.71429rem solid #000; z-index: 1; margin-top: 0.35714rem; } .recommendation-search .search-brand-selector h4:after { pointer-events: none; position: absolute; display: block; content: " "; width: 0; height: 0; border: 1.14286rem solid transparent; top: 100%; left: 50%; margin-left: -1.14286rem; border-top: 1.14286rem solid #3590c5; z-index: 1; margin-top: 0.35714rem; } } .recommendation-search .search-brand-selector h4 .step-value { color: #fff; font-size: 1rem; } .recommendation-search .search-brand-selector h4 .step-mobile { color: #3590c5; font-size: 0.92857rem; text-transform: uppercase; } @media (min-width: 992px) { .recommendation-search .search-brand-selector h4 { position: relative; height: 6rem; color: #999; font-size: 2.85714rem; font-family: "Racing Sans One", Arial, sans-serif; text-align: center; border: none; border-bottom: 0.35714rem solid #999; padding: 1.14286rem 0; margin: -1.42857rem -1.42857rem 3.57143rem; background: none; transition: .3s ease all; } .recommendation-search .search-brand-selector h4:after { pointer-events: none; position: absolute; display: block; content: " "; width: 0; height: 0; border: 1.42857rem solid transparent; top: 100%; left: 50%; margin-left: -1.42857rem; border-top: 1.42857rem solid #999; transition: .3s ease all; } } .recommendation-search .search-brand-selector .subtitle { color: #000; font-size: 1.57143rem; font-family: "Racing Sans One", Arial, sans-serif; } .recommendation-search .search-brand-selector .input-filter { position: relative; z-index: 1; margin-bottom: 1.42857rem; } .recommendation-search .search-brand-selector .search-link { pointer-events: none; z-index: 1; font-size: 1.07143rem; margin-top: 0.71429rem; transition: .3s ease all; } .recommendation-search .search-brand-selector .search-link:first-child { margin-top: 0; } .recommendation-search .search-brand-selector .search-link:after { transition: .3s ease all; } .recommendation-search .search-brand-selector .search-link .logo { width: 2.14286rem; margin-right: 0.71429rem; } .recommendation-search .search-brand-selector .search-link .card { background: none; transition: .3s ease all; } .recommendation-search .search-brand-selector .search-link .card .details { color: #999; } .recommendation-search .search-brand-selector .search-link .card .card-body { padding: 1rem 1.28571rem; } .recommendation-search .search-brand-selector .search-link.active:after { position: absolute; display: block; content: ''; bottom: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 0.71429rem 0.71429rem; border-color: transparent transparent #fff transparent; transition: all 0.15s ease-in-out; right: 0.07143rem; bottom: 0.07143rem; } @media screen and (prefers-reduced-motion: reduce) { .recommendation-search .search-brand-selector .search-link.active:after { transition: none; } } .recommendation-search .search-brand-selector .search-link.active .card { color: #fff; border-color: #000; background: #000; } .recommendation-search .search-brand-selector .select-brand, .recommendation-search .search-brand-selector .select-model, .recommendation-search .search-brand-selector .select-type { position: relative; overflow: hidden; background: #fff; transition: .3s ease border; } @media (max-width: 991.98px) { .recommendation-search .search-brand-selector .select-brand:after, .recommendation-search .search-brand-selector .select-model:after, .recommendation-search .search-brand-selector .select-type:after { position: absolute; display: block; content: ''; z-index: 0; top: 5.57143rem; left: 0; right: 0; height: 0.35714rem; background: #000; } } .recommendation-search .search-brand-selector .select-brand:before, .recommendation-search .search-brand-selector .select-model:before, .recommendation-search .search-brand-selector .select-type:before { position: absolute; display: block; content: ''; top: 4.85714rem; right: -9.28571rem; color: #f6f6f6; line-height: 60.71429rem; font-size: 85.71429rem; font-family: "Racing Sans One", Arial, sans-serif; } .recommendation-search .search-brand-selector .select-brand.active, .recommendation-search .search-brand-selector .select-model.active, .recommendation-search .search-brand-selector .select-type.active { border: 0.14286rem solid #000; border-top: none; } @media (min-width: 992px) { .recommendation-search .search-brand-selector .select-brand.active h4, .recommendation-search .search-brand-selector .select-model.active h4, .recommendation-search .search-brand-selector .select-type.active h4 { color: #fff; border-color: #000; background: #000; } .recommendation-search .search-brand-selector .select-brand.active h4:after, .recommendation-search .search-brand-selector .select-model.active h4:after, .recommendation-search .search-brand-selector .select-type.active h4:after { pointer-events: none; position: absolute; display: block; content: " "; width: 0; height: 0; border: 1.42857rem solid transparent; top: 100%; left: 50%; margin-left: -1.42857rem; border-top: 1.42857rem solid #000; } } .recommendation-search .search-brand-selector .select-brand.active .search-link, .recommendation-search .search-brand-selector .select-model.active .search-link, .recommendation-search .search-brand-selector .select-type.active .search-link { pointer-events: initial; } .recommendation-search .search-brand-selector .select-brand.active .search-link:after, .recommendation-search .search-brand-selector .select-model.active .search-link:after, .recommendation-search .search-brand-selector .select-type.active .search-link:after { position: absolute; display: block; content: ''; bottom: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 0.71429rem 0.71429rem; border-color: transparent transparent #3590c5 transparent; transition: all 0.15s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .recommendation-search .search-brand-selector .select-brand.active .search-link:after, .recommendation-search .search-brand-selector .select-model.active .search-link:after, .recommendation-search .search-brand-selector .select-type.active .search-link:after { transition: none; } } .recommendation-search .search-brand-selector .select-brand.active .search-link:hover:after, .recommendation-search .search-brand-selector .select-model.active .search-link:hover:after, .recommendation-search .search-brand-selector .select-type.active .search-link:hover:after { border-bottom-color: gray; } .recommendation-search .search-brand-selector .select-brand.active .search-link:hover .card, .recommendation-search .search-brand-selector .select-model.active .search-link:hover .card, .recommendation-search .search-brand-selector .select-type.active .search-link:hover .card { border-color: gray; } .recommendation-search .search-brand-selector .select-brand.active .search-link .card, .recommendation-search .search-brand-selector .select-model.active .search-link .card, .recommendation-search .search-brand-selector .select-type.active .search-link .card { color: #000; border-color: #3590c5; } .recommendation-search .search-brand-selector .select-brand.active .search-link.active:after, .recommendation-search .search-brand-selector .select-model.active .search-link.active:after, .recommendation-search .search-brand-selector .select-type.active .search-link.active:after { position: absolute; display: block; content: ''; bottom: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 0.71429rem 0.71429rem; border-color: transparent transparent #fff transparent; transition: all 0.15s ease-in-out; right: 0.07143rem; bottom: 0.07143rem; } @media screen and (prefers-reduced-motion: reduce) { .recommendation-search .search-brand-selector .select-brand.active .search-link.active:after, .recommendation-search .search-brand-selector .select-model.active .search-link.active:after, .recommendation-search .search-brand-selector .select-type.active .search-link.active:after { transition: none; } } .recommendation-search .search-brand-selector .select-brand.active .search-link.active .card, .recommendation-search .search-brand-selector .select-model.active .search-link.active .card, .recommendation-search .search-brand-selector .select-type.active .search-link.active .card { color: #fff; border-color: #000; } .recommendation-search .search-brand-selector .select-brand .select-inner, .recommendation-search .search-brand-selector .select-model .select-inner, .recommendation-search .search-brand-selector .select-type .select-inner { padding: 0.71429rem; } @media (min-width: 992px) { .recommendation-search .search-brand-selector .select-brand .select-inner, .recommendation-search .search-brand-selector .select-model .select-inner, .recommendation-search .search-brand-selector .select-type .select-inner { padding: 1.42857rem; } } .recommendation-search .search-brand-selector .select-brand:before { content: '2'; } .recommendation-search .search-brand-selector .select-model:before { content: '3'; } .recommendation-search .search-brand-selector .select-type:before { content: '4'; } .recommendation-search .search-separator-inner { position: relative; color: #999; font-size: 1.71429rem; font-family: "Racing Sans One", Arial, sans-serif; text-align: center; } .recommendation-search .search-separator-inner .text { display: inline-block; } .recommendation-search .search-separator-inner .text:before, .recommendation-search .search-separator-inner .text:after { position: absolute; display: block; content: ''; right: 0; width: 44%; border-bottom: 1px solid #999; top: 50%; } .recommendation-search .search-separator-inner .text:before { left: 0; right: auto; } .recommendation-search.standalone .recommendation-search .search-license label .sub-label, .recommendation-search.standalone .recommendation-search .search-query label .sub-label, .recommendation-search.standalone .recommendation-search .search-brand label .sub-label { display: none !important; } @media (min-width: 768px) and (max-width: 991.98px) { .recommendation-search.full .search-brand .brand-list > .col { -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; } } @media (min-width: 768px) { .recommendation-search.full { padding-bottom: 0.71429rem; } .recommendation-search.full .search-license label, .recommendation-search.full .search-query label { font-size: 1.28571rem; } .recommendation-search.full .search-license .input-group .search-license-inp { font-size: 2.57143rem; } .recommendation-search.full .search-results .card-link { font-size: 1.42857rem; } .recommendation-search.full .search-brand label { font-size: 1.28571rem; } .recommendation-search.full .search-brand-selector h4 .name { opacity: 1; } .recommendation-search.full .search-brand-selector .search-link { pointer-events: initial; opacity: 1; } .recommendation-search.full .search-separator-inner .text:before, .recommendation-search.full .search-separator-inner .text:after { width: 46%; } } @media (min-width: 992px) { .recommendation-search.full { padding-top: 7.71429rem; padding-bottom: 1.28571rem; background: #e7e7e7; } .recommendation-search.full .wrapper-left:before, .recommendation-search.full .wrapper-left:after { position: absolute; display: block; content: ''; top: 1.42857rem; bottom: 55%; right: 0; border-right: 0.07143rem solid #999; } .recommendation-search.full .wrapper-left:after { position: absolute; display: block; content: ''; top: 55%; bottom: 1.42857rem; right: 0; border-right: 0.07143rem solid #999; } .recommendation-search.full .wrapper-left, .recommendation-search.full .wrapper-right { position: relative; padding: 0; background: #202020; } } @media (min-width: 992px) and (min-width: 992px) { .recommendation-search.full .wrapper-left, .recommendation-search.full .wrapper-right { margin-bottom: 0.71429rem; } } @media (min-width: 992px) { .recommendation-search.full .wrapper-left.is-empty, .recommendation-search.full .wrapper-right.is-empty { background: none; } .recommendation-search.full .wrapper-right-inner { height: 100%; } } @media (min-width: 992px) and (min-width: 992px) { .recommendation-search.full .arrow-active.active { opacity: 1; } } @media (min-width: 992px) { .recommendation-search.full .recommendation-search-bg { display: block; } .recommendation-search.full .recommendation-search-wrapper { z-index: 10; padding-bottom: 0.71429rem; } .recommendation-search.full h1 { color: #fff; font-size: 5.14286rem; } .recommendation-search.full .recommendation-row { padding-left: 0.71429rem; padding-right: 0.71429rem; } .recommendation-search.full .search-scan, .recommendation-search.full .search-license, .recommendation-search.full .search-query { padding: 2.14286rem 2.85714rem 2.14286rem 2.14286rem; background: #202020; } .recommendation-search.full .search-scan label, .recommendation-search.full .search-license label, .recommendation-search.full .search-query label { margin-top: 0; margin-bottom: 0; } .recommendation-search.full .search-scan .retry-action, .recommendation-search.full .search-license .retry-action, .recommendation-search.full .search-query .retry-action { height: 5.71429rem; margin-bottom: 0.71429rem; } .recommendation-search.full .search-scan .retry-action .icon, .recommendation-search.full .search-license .retry-action .icon, .recommendation-search.full .search-query .retry-action .icon { font-size: 3.28571rem; width: 3.28571rem; margin-left: 0.71429rem; margin-right: 1.42857rem; } .recommendation-search.full .search-scan .retry-action .icon:before, .recommendation-search.full .search-license .retry-action .icon:before, .recommendation-search.full .search-query .retry-action .icon:before { margin-top: -1.64286rem; } .recommendation-search.full .search-scan .retry-action .arrows, .recommendation-search.full .search-license .retry-action .arrows, .recommendation-search.full .search-query .retry-action .arrows { width: 5.71429rem; } .recommendation-search.full .search-scan .retry-action .arrows .left-arrow, .recommendation-search.full .search-license .retry-action .arrows .left-arrow, .recommendation-search.full .search-query .retry-action .arrows .left-arrow { left: 0; width: 5.71429rem; } .recommendation-search.full .search-scan .retry-action .arrows .right-arrow, .recommendation-search.full .search-license .retry-action .arrows .right-arrow, .recommendation-search.full .search-query .retry-action .arrows .right-arrow { width: 5.71429rem; } .recommendation-search.full .search-scan .btn:not(.retry-action), .recommendation-search.full .search-license .btn:not(.retry-action), .recommendation-search.full .search-query .btn:not(.retry-action) { width: 5.71429rem; font-size: 3.28571rem; } .recommendation-search.full .search-scan .btn:not(.retry-action):before, .recommendation-search.full .search-license .btn:not(.retry-action):before, .recommendation-search.full .search-query .btn:not(.retry-action):before { font-size: 3.28571rem; line-height: 5rem; } .recommendation-search.full .search-license .input-group { padding-top: 2.14286rem; } .recommendation-search.full .search-license .input-group .search-license-country { padding: 3.71429rem 0.71429rem 0; } .recommendation-search.full .search-license .input-group .search-license-inp { height: 5.71429rem !important; font-size: 1.85714rem; } .recommendation-search.full .search-query .search-fields { padding-top: 2.14286rem; } .recommendation-search.full .search-query .search-fields .search-query-inp { height: 5.71429rem; } .recommendation-search.full .search-query.show-results .search-fields { border-bottom: none; margin-bottom: 0; } .recommendation-search.full .search-query.show-results .search-fields:before, .recommendation-search.full .search-query.show-results .search-fields:after { display: none; } .recommendation-search.full .search-results .inner { padding: 0.71429rem 2.14286rem 2.14286rem; } .recommendation-search.full .search-brand-results { padding-left: 0; padding-right: 0; } .recommendation-search.full .search-brand-results .search-brand-selected:before { display: none; } .recommendation-search.full .search-brand { padding: 2.14286rem 2.14286rem 2.14286rem 2.85714rem; background: #202020; } .recommendation-search.full .search-brand.active .arrow-active { opacity: 1; } .recommendation-search.full .search-brand .brand-list { padding-top: 2.85714rem; } .recommendation-search.full .search-brand label { margin-top: 0; } .recommendation-search.full .search-brand-selector { z-index: 1; } .recommendation-search.full .search-brand-selector h4 { padding-left: 2rem; padding-right: 2rem; } .recommendation-search.full .search-separator { padding: 0 2.14286rem; margin-top: -1.92857rem; margin-bottom: -1.92857rem; } .recommendation-search.full .search-separator.top .text span { visibility: hidden; } .recommendation-search.full .search-separator.middle { display: none; } .recommendation-search.full .search-separator.desktop { position: absolute; top: 50%; right: 0; padding: 0; margin: 0; transform: translate(50%, -50%); } .recommendation-search.full .search-separator.desktop .search-separator-inner { margin-right: 0; } } @media (min-width: 992px) and (min-width: 992px) { .recommendation-search.full .search-separator.desktop .search-separator-inner .text:before { display: none; } } @media (min-width: 992px) { .recommendation-search.full .search-separator-inner { z-index: 1; font-size: 2.57143rem; text-align: right; margin-right: -3.71429rem; } .recommendation-search.full .search-separator-inner .text:before, .recommendation-search.full .search-separator-inner .text:after { width: 90%; } .recommendation-search.full .search-separator-inner .text:after { display: none; } } @media (min-width: 1200px) { .recommendation-search.full .search-license .input-group .search-license-inp { font-size: 2.85714rem; } .recommendation-search.full .search-separator-inner .text:before, .recommendation-search.full .search-separator-inner .text:after { width: 98%; } } @media (min-width: 1440px) { .recommendation-search.full .search-license .input-group .search-license-inp { font-size: 3.92857rem; } } .recommendation-history h2 { font-size: 1.57143rem; text-transform: none; margin-top: 0.28571rem; margin-bottom: 1rem; } .recommendation-history .card-link { margin-top: 0.71429rem; } .recommendation-history .card-link:after { position: absolute; display: block; content: ''; bottom: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 0.71429rem 0.71429rem; border-color: transparent transparent #3590c5 transparent; transition: all 0.15s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .recommendation-history .card-link:after { transition: none; } } .recommendation-history .card-link:hover:after { border-bottom-color: gray; } .recommendation-history .card-link:first-child { margin-top: 0; } .recommendation-history .card { border-color: #3590c5; } .recommendation-history .card-body { padding: 0.35714rem; } .recommendation-history > .history-row { margin-left: -0.35714rem; margin-right: -0.35714rem; } .recommendation-history .history-row { -ms-flex-align: center; align-items: center; margin-left: -0.35714rem; margin-right: -0.35714rem; } @media (min-width: 768px) { .recommendation-history .history-row { display: block; } } .recommendation-history .history-row .history-license { color: #000; font-size: 1.28571rem; font-family: "Kenteken", Arial, sans-serif; text-transform: uppercase; line-height: 2.14286rem; vertical-align: bottom; } @media (min-width: 768px) { .recommendation-history .history-row .history-license { display: inline; font-size: 1.57143rem; padding-right: 0; } } .recommendation-history .history-row .history-model { font-size: 1.14286rem; font-weight: bold; line-height: 2.14286rem; vertical-align: middle; } @media (min-width: 768px) { .recommendation-history .history-row .history-model { display: inline; font-size: 1.42857rem; } } .recommendation-history .history-row .history-model small { color: #999; font-size: 1rem; font-style: normal; } .recommendation-history .history-row .history-license + .history-model { font-style: italic; } .cta-register { color: #fff; padding-top: 0.71429rem; background: #202020; } @media (min-width: 992px) { .cta-register { padding-top: 2.14286rem; padding-bottom: 0.28571rem; } } .cta-register .visual { text-align: center; } .cta-register .visual img { height: 20rem; } .cta-register .card-info-highlight { margin-top: 0; margin-bottom: 0.71429rem; } .cta-register .btn { color: #fff; font-size: 1.71429rem; font-weight: bold; line-height: 2.07143rem; text-align: left; padding-left: 1.42857rem; } /* * MPM app styling */ html.mpm-app body { background: none; } html.mpm-app .search-history-container { color: #000; background: #e7e7e7; } html.mpm-app .recommendation-container.searchtype-history .recommendation-search { display: none; } html.mpm-app .recommendation { background: none; } html.mpm-app .recommendation > .header { background: none; } html.mpm-app .recommendation > .container { padding: 0; } html.mpm-app .recommendation .recommendation-search-wrapper { padding-bottom: 0; } html.mpm-app .recommendation .recommendation-search-wrapper .mpm-app-scan { display: block; } html.mpm-app .recommendation .recommendation-search { background: none; } html.mpm-app .recommendation .recommendation-search .recommendation-search-bg { display: none; } html.mpm-app .recommendation .recommendation-search.searchtype-license .search-separator.top, html.mpm-app .recommendation .recommendation-search.searchtype-license .search-separator.desktop { display: none; } html.mpm-app .recommendation .recommendation-search .search-license .input-group { padding-bottom: 0; } html.mpm-app .recommendation .go-back { font-size: 1.85714rem; font-family: "Racing Sans One", Arial, sans-serif; padding-top: 0.64286rem; padding-bottom: 0.64286rem; } html.mpm-app .recommendation .go-back .icon { height: 1.57143rem; margin-top: 0; margin-bottom: -0.42857rem; margin-right: 0.71429rem; } html.mpm-app .recommendation .history-back .icon { margin-bottom: -0.14286rem; } html.mpm-app .recommendation .search-history-ui { margin-top: 5rem; } @media (min-width: 768px) { html.mpm-app .recommendation .search-history-ui { margin-top: 6.42857rem; } } html.mpm-app .recommendation .advice-content-inner.advice-content-app { background: none; } html.mpm-app .recommendation .advice-content-inner.advice-content-app .footnote { color: #fff; } html.mpm-app .recommendation .recommendation-retry .btn { margin-top: 0.71429rem; } html.mpm-app .recommendation .recommendation-retry .advice-header { padding: 0 0.71429rem; background: none; } html.mpm-app .recommendation .recommendation-history { padding: 0 0 0.71429rem; } /* * Bare layout styling */ body.layout-bare .outer-container.recommendation .result-actions, body.layout-bare .outer-container.recommendation .card-info-highlight, body.layout-bare .outer-container.recommendation .cta-register { display: none; } .recommendation-retry { position: relative; z-index: 1; } .recommendation-retry .go-back { height: 4.57143rem; color: #fff; margin-top: 0.35714rem; margin-bottom: 0.71429rem; background-color: #000; } .recommendation-retry .go-back:not(:disabled):not(.disabled):active:focus { background: #000; } .recommendation-retry .go-back span:after { z-index: -1; background-image: linear-gradient(to bottom, #20304b 0%, rgba(32, 48, 75, 0) 100%); background-repeat: repeat-x; } .recommendation-retry .advice-header { background: #000; padding: 1.78571rem 2.14286rem 1.5rem; } .recommendation-retry .advice-header .advice-title { color: #fff; font-size: 2.14286rem; line-height: 2.14286rem; margin-left: -0.71429rem; margin-right: -0.71429rem; } @media (min-width: 992px) { .recommendation-retry .advice-header .advice-title { margin-left: 0; margin-right: 0; } } .recommendation-retry .advice-header .advice-title .icon-vehicle { width: 2.85714rem; height: 2.85714rem; padding-top: 0; margin-bottom: -0.71429rem; } .recommendation-retry .advice-header .advice-title .icon-vehicle:before { position: relative; top: auto; left: auto; transform: none; } .recommendation-retry .advice-header .advice-title .year { display: block; color: #999; } .recommendation-retry .advice-header .advice-title .model { display: block; color: #999; font-size: 1.28571rem; } .recommendation-retry .advice-header .license-plate-container { padding-left: 0; padding-right: 0; } .recommendation-retry .advice-header .license-plate { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; position: relative; } .recommendation-retry .advice-header .license-plate .license-inp { width: 100%; cursor: pointer; } .recommendation-retry .advice-header .license-plate .input-group-append { margin-left: 0.57143rem; } .recommendation-retry .advice-header .license-plate .input-group-append .btn { font-size: 2.57143rem; width: 4.21429rem; height: 4.21429rem; } @media (min-width: 992px) { .recommendation-retry .advice-header .license-plate .input-group-append .btn { width: 5.71429rem; height: 5.71429rem; } } .recommendation-retry .advice-header .license-plate .input-group-append .btn .icon { position: relative; width: 2.57143rem; height: 2.57143rem; display: inline-block; } @media (min-width: 992px) { .recommendation-retry .advice-header .license-plate .input-group-append .btn .icon { margin-top: 1rem; } } .recommendation-retry .advice-header .license-plate .input-group-append .btn .icon:before { position: absolute; top: -0.28571rem; left: 0.14286rem; font-size: 2.57143rem; margin-top: 0; transition: .3s ease all; } .recommendation-retry .advice-header .license-plate.license-plate-se .license-inp, .recommendation-retry .advice-header .license-plate.license-plate-dk .license-inp, .recommendation-retry .advice-header .license-plate.license-plate-ie .license-inp, .recommendation-retry .advice-header .license-plate.license-plate-fr .license-inp, .recommendation-retry .advice-header .license-plate.license-plate-fi .license-inp, .recommendation-retry .advice-header .license-plate.license-plate-no .license-inp { background-color: #fff; } .recommendation-retry .advice-header .license-plate.license-plate-se .license-inp:-ms-input-placeholder, .recommendation-retry .advice-header .license-plate.license-plate-dk .license-inp:-ms-input-placeholder, .recommendation-retry .advice-header .license-plate.license-plate-ie .license-inp:-ms-input-placeholder, .recommendation-retry .advice-header .license-plate.license-plate-fr .license-inp:-ms-input-placeholder, .recommendation-retry .advice-header .license-plate.license-plate-fi .license-inp:-ms-input-placeholder, .recommendation-retry .advice-header .license-plate.license-plate-no .license-inp:-ms-input-placeholder { color: rgba(0, 0, 0, 0.5); } .recommendation-retry .advice-header .license-plate.license-plate-se .license-inp::placeholder, .recommendation-retry .advice-header .license-plate.license-plate-dk .license-inp::placeholder, .recommendation-retry .advice-header .license-plate.license-plate-ie .license-inp::placeholder, .recommendation-retry .advice-header .license-plate.license-plate-fr .license-inp::placeholder, .recommendation-retry .advice-header .license-plate.license-plate-fi .license-inp::placeholder, .recommendation-retry .advice-header .license-plate.license-plate-no .license-inp::placeholder { color: rgba(0, 0, 0, 0.5); } .recommendation-retry .advice-header .license-plate.license-plate-de .license-country { display: none; } .recommendation-retry .advice-header .license-plate.license-plate-de .license-inp { background: transparent; color: #fff !important; border: 1px solid #3590c5; } .recommendation-retry .advice-header .license-plate.license-plate-de .license-inp:-ms-input-placeholder { color: #565656; } .recommendation-retry .advice-header .license-plate.license-plate-de .license-inp::placeholder { color: #565656; } .recommendation-retry .advice-header .license-plate.license-plate-gb .license-country { color: #dcaf00; } .recommendation-retry .advice-header .license-plate.license-plate-no .license-country { background-image: url(../img/recommendation/license-icon-no.png); } .recommendation-retry .advice-header .license-plate .license-country { position: relative; min-width: 2.14286rem; color: #fff; font-size: 1.14286rem; text-align: center; padding: 2.28571rem 0.35714rem 0; background: #1f417c url(../img/recommendation/license-icon.png) center center no-repeat; } .recommendation-retry .advice-header .license-plate .license-inp { line-height: 4.28571rem; padding: 0 0.71429rem; font-size: 2.14286rem; font-family: "Kenteken", Arial, sans-serif; text-align: center; text-transform: uppercase; border: none; background: #dcaf00; color: #000 !important; } .recommendation-retry .advice-header .license-plate .license-inp.country-gb { font-family: "UKNumberPlate", Arial, sans-serif; } .recommendation-retry .advice-header .license-plate .license-inp.country-dk, .recommendation-retry .advice-header .license-plate .license-inp.country-fi, .recommendation-retry .advice-header .license-plate .license-inp.country-no, .recommendation-retry .advice-header .license-plate .license-inp.country-se { font-family: "Alte DIN 1451 Mittelschrift", Arial, sans-serif; } .recommendation-retry .advice-header .license-plate .license-inp:focus { outline: none; } .recommendation-retry .advice-header .license-plate .license-inp:-ms-input-placeholder { color: #c69d00; } .recommendation-retry .advice-header .license-plate .license-inp::placeholder { color: #c69d00; } @media (min-width: 768px) { .recommendation-retry .advice-header .license-plate { float: right; } .recommendation-retry .advice-header .license-plate .license-inp { font-size: 2.57143rem; } } @media (min-width: 992px) { .recommendation-retry .advice-header .license-plate { margin: 0.71429rem 0 0; } .recommendation-retry .advice-header .license-plate .license-country { padding: 3.71429rem 0.71429rem 0; } .recommendation-retry .advice-header .license-plate .license-inp { padding: 0 1.42857rem; line-height: 5.71429rem; font-size: 1.85714rem; } } @media (min-width: 1200px) { .recommendation-retry .advice-header .license-plate .license-inp { font-size: 2.85714rem; } } @media (min-width: 1440px) { .recommendation-retry .advice-header .license-plate .license-inp { font-size: 3.92857rem; } } .recommendation-retry .retry-action { min-height: 4.28571rem; } .recommendation-retry .retry-action .icon { margin-right: 0.71429rem; } .recommendation.full .recommendation-retry .btn { margin-bottom: 1.42857rem; } .recommendation.full .recommendation-retry .advice-title { font-size: 2.85714rem; padding: 1.28571rem 2.14286rem; margin-left: 0; margin-right: 0; } .recommendation.full .recommendation-retry .advice-title .model { font-size: 2.14286rem; } .advice-content { margin-bottom: 3.92857rem; } @media (min-width: 992px) { .advice-content { margin-top: -1.78571rem; } } @media (min-width: 992px) { .advice-content .col-nav { padding-right: 1.07143rem; } } @media (min-width: 992px) { .advice-content .col-results { padding-left: 1.07143rem; } } .advice-content .col-results .result-actions .btn { background: #fff; } .advice-content .col-results .result-actions .btn:not(:disabled):not(.disabled):active:focus { background: #fff !important; } .advice-content .col-results .mobile .btn .icon { margin-right: 0; } .advice-content .col-results .desktop .btn { text-align: left; } .advice-content .advice-nav { position: relative; z-index: 1; } .advice-content .advice-nav .advice-menu-jump { padding: 1.42857rem 2.14286rem 2.14286rem; background: #fff; } .advice-content .advice-nav .advice-menu-jump .title { position: relative; font-size: 1.57143rem; font-weight: normal; font-family: "Racing Sans One", Arial, sans-serif; } .advice-content .advice-nav .advice-menu-jump .title.logo { padding-left: 9.57143rem; } .advice-content .advice-nav .advice-menu-jump .title .icon-vehicle { width: 2.85714rem; height: 2.85714rem; padding-top: 0; margin-top: -0.71429rem; margin-bottom: -0.85714rem; } .advice-content .advice-nav .advice-menu-jump .title .icon-vehicle:before { position: relative; top: auto; left: auto; transform: none; } .advice-content .advice-nav .advice-menu-jump .title .make { position: absolute; top: 1.85714rem; right: 2.14286rem; width: 8.57143rem; font-size: 1.14286rem; text-align: right; } .advice-content .advice-nav .advice-menu-jump .title .logo { position: absolute; top: 0; left: 0; width: auto; height: 100%; max-width: 6.85714rem; max-height: 6.85714rem; } .advice-content .advice-nav .advice-menu-jump .title .year { display: block; color: #999; } .advice-content .advice-nav .advice-menu-jump .title .model { color: #999; font-size: 1.14286rem; } .advice-content .advice-nav .advice-menu-jump .component-title { font-size: 1.57143rem; font-family: "Racing Sans One", Arial, sans-serif; } .advice-content .advice-nav .btn { overflow: hidden; white-space: nowrap; text-align: left; text-overflow: ellipsis; margin-top: 0.71429rem; margin-bottom: 0; background: #fff; } .advice-content .advice-nav .btn:first-child { margin-top: 0; } .advice-content .advice-nav .btn:not(:disabled):not(.disabled):active:focus { background: #fff; } .advice-content .advice-nav .btn-history { margin-top: 1.42857rem; margin-bottom: 0.35714rem; } .advice-content .actions .btn-share { margin: 0.71429rem 0; } @media (min-width: 768px) { .advice-content .actions .btn-share { margin-top: 0; margin-bottom: 1.42857rem; } } .advice-content .actions .mobile .btn-share { border: 1px solid red; background-color: #fff; } .advice-content .actions .mobile .btn-share .icon { margin: 0; } .advice-content .card-info-highlight { font-size: 1.14286rem; line-height: 2.14286rem; margin-bottom: 0.71429rem; } .advice-content .card-info-highlight .card-title { color: #000; font-size: 1.57143rem; font-style: normal; font-family: "Racing Sans One", Arial, sans-serif; } @media (min-width: 992px) { .advice-content .card-info-highlight .card-title { font-size: 1.71429rem; } } .advice-content .card-info-highlight .check-list { margin-top: 2.14286rem; margin-bottom: 1.42857rem; } @media (min-width: 768px) { .advice-content .card-info-highlight .check-list li { float: left; width: 50%; padding-left: 3rem; padding-right: 1.42857rem; } .advice-content .card-info-highlight .check-list li .icon { font-size: 1.71429rem; } } .advice-content .card-info-highlight .btn { text-align: left; } .advice-content .footnote { display: block; color: #000; font-size: 1rem; text-transform: uppercase; margin-top: 2.57143rem; } .advice-content-inner { color: #000; padding: 0.71429rem; } .advice-content-inner.advice-content-app { background: #e7e7e7; } .advice-content-inner.advice-content-app .col-nav, .advice-content-inner.advice-content-app .result-actions { display: none; } .advice-content-inner .card-info-highlight { display: none; } .advice-content-inner table { color: #000; } .advice-part { color: #000; border: 1px solid #000; margin-bottom: 0.71429rem; background: #fff; } .advice-part h3 { position: relative; color: #fff; line-height: 2.57143rem; padding: 0.85714rem 0.71429rem; margin-bottom: 0; background: #000; } .advice-part h3:after { pointer-events: none; position: absolute; display: block; content: " "; width: 0; height: 0; border: 0.71429rem solid transparent; top: 100%; left: 50%; margin-left: -0.71429rem; border-top: 0.71429rem solid #000; } @media (min-width: 768px) { .advice-part h3 { padding-left: 1.42857rem; padding-right: 1.42857rem; } } @media (min-width: 992px) { .advice-part h3 { padding-left: 2.14286rem; padding-right: 2.14286rem; } } .advice-part .advice-amount { font-size: 1.14286rem; font-weight: bold; padding: 0.71429rem; background: #eee; } @media (min-width: 768px) { .advice-part .advice-amount { font-size: 1.28571rem; padding: 1.42857rem; } } @media (min-width: 992px) { .advice-part .advice-amount { padding-left: 2.14286rem; padding-right: 2.14286rem; } } .advice-part .advice-amount table .type { position: relative; padding-left: 1.71429rem; } @media (min-width: 768px) { .advice-part .advice-amount table .type { padding-left: 2.14286rem; } } .advice-part .advice-amount table .type .icon { position: absolute; top: 0.14286rem; left: 0; font-size: 1.42857rem; } @media (min-width: 768px) { .advice-part .advice-amount table .type .icon { top: 0; font-size: 1.71429rem; } } .advice-part .advice-amount table .amount { padding-left: 1.57143rem; } .advice-part .advice-usage { position: relative; color: #999; font-size: 1.14286rem; font-weight: normal; text-transform: uppercase; padding: 1.71429rem 1.42857rem 1.07143rem; margin: 0; } @media (min-width: 992px) { .advice-part .advice-usage { padding-left: 2.14286rem; padding-right: 2.14286rem; } } .advice-part .advice-usage:before { pointer-events: none; position: absolute; display: block; content: " "; width: 0; height: 0; border: 0.71429rem solid transparent; top: 50%; left: 100%; margin-top: -0.71429rem; border-left: 0.71429rem solid #000; left: 0; margin-top: -0.28571rem; } .advice-part .advice-usage strong { color: #000; } .advice-part .advice-collapsable { position: relative; padding: 0 0.71429rem 0.71429rem; } @media (min-width: 768px) { .advice-part .advice-collapsable { padding: 0 1.42857rem 1.42857rem; } .advice-part .advice-collapsable:before { pointer-events: none; position: absolute; display: block; content: " "; width: 0; height: 0; border: 0.71429rem solid transparent; top: 50%; left: 100%; margin-top: -0.71429rem; border-left: 0.71429rem solid #000; top: 1.42857rem; left: 0; margin-top: -0.28571rem; } } @media (min-width: 992px) { .advice-part .advice-collapsable { padding: 0 2.14286rem 2.14286rem; } } .advice-part .advice-collapsable .advice-list { padding: 0; } .advice-part .advice-collapsable .btn-collapse { color: #999; } .advice-part .advice-collapsable .btn-collapse strong { color: #3590c5; } .advice-part .advice-list { padding: 0 0.71429rem 0.71429rem; } @media (min-width: 768px) { .advice-part .advice-list { padding: 0 1.42857rem 1.42857rem; } } @media (min-width: 992px) { .advice-part .advice-list { padding: 0 2.14286rem 2.14286rem; } } .advice-part .advice-list .advice-products { counter-reset: list; list-style: none; padding: 0; margin-bottom: 0; } .advice-part .advice-list .advice-products li { position: relative; margin-top: 0.71429rem; } .advice-part .advice-list .advice-products li:first-child { margin-top: 0; } .advice-part .advice-list .advice-products li .card-arrow:after { border-bottom-color: #3590c5; } .advice-part .advice-list .advice-products li .card-arrow .card { border-color: #3590c5; } .advice-part .advice-list .advice-products li .card-arrow:hover:after { border-bottom-color: gray; } .advice-part .advice-list .advice-products li .card-arrow:hover .card { border-color: gray; } .advice-part .advice-list .advice-products li .card-advice { border-color: #3590c5; } .advice-part .advice-list .advice-products li .card-advice:hover { border-color: gray; } .advice-part .advice-list .advice-products li .card-advice:before { position: absolute; display: inline-block; counter-increment: list; content: counter(list); min-width: 1.85714rem; height: 1.85714rem; z-index: 1; left: 0.71429rem; bottom: 0.71429rem; color: #fff; font-size: 1.42857rem; font-family: "Racing Sans One", Arial, sans-serif; text-align: center; border-radius: 50%; padding-top: 0.28571rem; padding-right: 0.14286rem; margin-right: 2.14286rem; background: #000; } .advice-part .advice-list .advice-products.no-numbers li .card-advice:before { display: none; } .advice-part .renew { position: relative; font-size: 1.14286rem; margin-top: 0.71429rem; } @media (min-width: 576px) { .advice-part .renew { font-size: 1.14286rem; } } .advice-part .renew .text { color: #000; font-weight: normal; } .advice-part .renew .icon { position: absolute; top: 50%; left: 0.71429rem; font-size: 1.71429rem; margin-top: -0.85714rem; } .advice-part .renew .interval { padding-left: 0.21429rem; } .advice-part .collapsable.manual-collapsible .collapse > .card, .advice-part .collapsable.manual-collapsible .collapsing > .card { border-color: #c2102f; border-bottom-width: 0.07143rem; } .advice-part .collapsable.manual-collapsible .collapse > .card:after, .advice-part .collapsable.manual-collapsible .collapsing > .card:after { display: none; } .advice-part .manual-info { margin-top: 1.07143rem; } .advice-part .manual-info:first-child { margin-top: 0; } .advice-part .manual-link { position: relative; display: block; line-height: 1.2; padding-left: 2.14286rem; } .advice-part .manual-link .icon { position: absolute; font-size: 2.28571rem; top: 50%; left: -0.5rem; margin-top: 0.14286rem; transform: translateY(-50%); } .advice-part .manual-link .type { display: block; color: #000; } .advice-part .manual-link .type .model { font-weight: bold; } .advice-part .manual-link .desc { display: block; } .advice-part .btn-contact { color: #000; text-align: left; text-transform: none; margin-top: 2.14286rem; margin-bottom: 0; } .advice-part .btn-manual { text-align: left; margin-top: 0.71429rem; margin-bottom: 0; } .advice-part .btn-collapse.btn-go-important { font-size: 1.07143rem; padding-top: 0.78571rem; padding-left: 0.85714rem; } .advice-part .btn-collapse.btn-go-important.collapsed { border: 0.07143rem solid #c2102f; } .advice-part .btn-collapse.btn-go-important.collapsed:after { display: none; } .page-sheets .hidden { display: none; } .page-sheets .page-col-1 { -ms-flex-order: 2; order: 2; } .page-sheets .page-col-2 { -ms-flex-order: 1; order: 1; } .page-sheets .sheets-overview .search-error { margin-bottom: 1.71429rem; } .page-sheets .sheets-overview .sheets-container { margin-top: -0.71429rem; } @media (min-width: 768px) { .page-sheets .sheets-overview .sheets-container { margin-top: -1.42857rem; } } @media (min-width: 992px) { .page-sheets .sheets-overview .sheets-container { margin-top: -2.14286rem; } } .page-sheets .sheets-overview .sheets-container .article-numbers { display: none; } .page-sheets .sheets-overview .sheets-container .main-category { border-bottom: 0.07143rem solid #ccc; margin-top: 0.71429rem; } @media (min-width: 768px) { .page-sheets .sheets-overview .sheets-container .main-category { margin-top: 1.42857rem; } } @media (min-width: 992px) { .page-sheets .sheets-overview .sheets-container .main-category { margin-top: 2.14286rem; } } .page-sheets .sheets-overview .sheets-container .sub-category { margin-top: 1.42857rem; border-bottom: 0.07143rem solid #ccc; } .page-sheets .sheets-overview .sheets-container table .item:last-child td { border-bottom: none; } .page-sheets .sheets-overview .sheets-container th:nth-child(1) { width: 16%; } .page-sheets .sheets-overview .sheets-container th:nth-child(2) { width: 50%; } .page-sheets .sheets-overview .sheets-container th:nth-child(3) { width: 18%; } .page-sheets .sheets-overview .sheets-container th:nth-child(4) { width: 16%; } .page-sheets .sheets-overview .sheets-container .depth-1 { margin-top: 1.42857rem; } @media (min-width: 768px) { .page-actions { margin-bottom: 1.42857rem; } } .page-actions .search-sheets { margin-bottom: 1.42857rem; } .outer-container.search { background-color: #fff; } .outer-container.search .current-search-container .search-form { padding: 2.14286rem 0; } .outer-container.search .current-search-container .search-form h3 { color: #999; } .outer-container.search .current-search-container .search-form input { display: inline-block; padding: 1.42857rem 0.35714rem; width: 80%; border: 0; border-bottom: 0.14286rem solid #3590c5; font-size: 2.14286rem; } @media (min-width: 992px) { .outer-container.search .current-search-container .search-form input { width: 85%; margin-right: 3%; } } .outer-container.search .current-search-container .search-form input:focus { box-shadow: none; border: 0; border-bottom: 0.14286rem solid #3590c5; outline: none; } .outer-container.search .current-search-container .search-form button { display: inline-block; width: 4.28571rem; height: 4.28571rem; color: #000; font-size: 2.5rem; text-align: center; line-height: normal; padding: 0; margin-bottom: 0; border: none; border-radius: 50%; background: #3590c5; transition: .3s ease opacity; vertical-align: bottom; } .outer-container.search .current-search-container .search-form button:before { line-height: 3.57143rem; } .outer-container.search .current-search-container .search-form button:after { display: none; } .outer-container.search .current-search-container .search-form:after { pointer-events: none; position: absolute; display: block; content: " "; width: 0; height: 0; border: 1.42857rem solid transparent; top: 100%; left: 50%; margin-left: -1.42857rem; border-top: 1.42857rem solid #202020; top: 0; transform: translateX(-50%); left: 50%; margin-left: 0; margin-top: 0; top: auto; bottom: -2.71429rem; } .outer-container.search .overview .card .col-image { margin-bottom: 0; } .outer-container.search .overview .card .breadcrumbs i { vertical-align: middle; } .outer-container.search .overview .card .breadcrumbs span { font-size: 0.85714rem; text-transform: uppercase; } .outer-container.search .overview .card h3 { text-transform: none; } .outer-container.search .overview .card h3 span { color: #999; } .outer-container.search .overview .card .card-desc { font-size: 1.07143rem; } .outer-container.search .overview .card .card-link { color: #3590c5; font-size: 1.07143rem; } .outer-container.search .overview .card .card-link i { vertical-align: sub; } .page-vacancies .overview-vacancies .vacancy { margin-bottom: 1.42857rem; } [v-cloak] { display: none !important; } /*# sourceMappingURL=bundle.css.map*/
© 2017 -
ZeroByte.ID
.