����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
/
b2815
/
spankoin.com
/
original
/
wp-content
/
themes
/
bridge
/
css
/
[
Home
]
File: stylesheet.css
.wp-caption, .wp-caption-text, .sticky, .gallery-caption, .bypostauthor { opacity: 1; } .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } .clear:after { clear: both; content: ""; display: block; } /* Webkit */ ::selection { background: #1abc9c; color: #fff; } /* Gecko/Mozilla */ ::-moz-selection { background: #1abc9c; color: #fff; } .alignleft { float: left; margin: 0 20px 20px 0; } .alignright { float: right; margin: 0 0 20px 20px; } .aligncenter { display: block; margin: 10px auto; } .header_top .aligncenter { margin: 8px auto; } .text-align-right { text-align: right; } .text-align-left { text-align: left; } .text-align-center { text-align: center; } .content ul ul, .content ol ol { padding: 0 0 0 15px; } /* =Reset default browser CSS. -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; outline: none; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } blockquote { quotes: none; } blockquote:before, blockquote:after { content: ''; content: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; border: medium none; vertical-align: middle; } table th { border: 0; padding: 5px 7px; text-align: center; } table td { padding: 5px 10px; text-align: center; } a img { border: none; } img { max-width: 100%; height: auto; image-rendering: optimizeQuality; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #303030; } h1, .h1 { font-size: 30px; line-height: 1.25em; /* 20px/16px */ } h2, .h2 { font-size: 24px; line-height: 1.384615384615385em; /* 36px/26px */ text-transform: uppercase; letter-spacing: 1px; font-weight: 600; } h3, .h3 { font-size: 17px; line-height: 1.304347826086957em; /* 30px/23px */ text-transform: uppercase; letter-spacing: 1px; font-weight: 600; } h4, .h4 { font-size: 19px; line-height: 1.375em; /* 22px/16px */ font-weight: 400; } h5, .h5 { font-size: 15px; line-height: 1.571428571428571em; /* 22px/14px */ text-transform: uppercase; letter-spacing: 1px; font-weight: 600; } h6, .h6 { font-size: 13px; line-height: 1.538461538461538em; /* 20px/13px */ text-transform: uppercase; letter-spacing: 1px; font-weight: 600; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #303030; -webkit-transition: color 0.1s linear; -moz-transition: color 0.1s linear; transition: color 0.1s linear; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #1abc9c; } a, p a { color: #303030; text-decoration: none; cursor: pointer; } a:hover, p a:hover { color: #1abc9c; text-decoration: none; } input[type='submit'], .woocommerce input[type='button'], .woocommerce-page input[type='button'] { -webkit-appearance: none; } ul { list-style-position: inside; } /* ========================================================================== Lazy Load styles - start ========================================================================== */ @-webkit-keyframes outer { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes outer { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes inner { 0% { -webkit-transform: rotate(-100.8deg); -moz-transform: rotate(-100.8deg); transform: rotate(-100.8deg); } 100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes inner { 0% { -webkit-transform: rotate(-100.8deg); -moz-transform: rotate(-100.8deg); transform: rotate(-100.8deg); } 100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); } } @-webkit-keyframes arc { 0% { stroke-dasharray: 1 210.48671px; stroke-dashoffset: 0; } 40% { stroke-dasharray: 151.55043px, 210.48671px; stroke-dashoffset: 0; } 100% { stroke-dasharray: 1 210.48671px; stroke-dashoffset: -151.55043px; } } @keyframes arc { 0% { stroke-dasharray: 1 210.48671px; stroke-dashoffset: 0; } 40% { stroke-dasharray: 151.55043px, 210.48671px; stroke-dashoffset: 0; } 100% { stroke-dasharray: 1 210.48671px; stroke-dashoffset: -151.55043px; } } .qode-lazy-preloader { font-size: 0; position: absolute; top: 50%; left: 50%; margin: -37.5px 0 0 -37.5px; display: inline-block; line-height: normal; z-index: 10; -webkit-animation: outer 6600ms linear infinite; animation: outer 6600ms linear infinite; } .qode-lazy-preloader svg { -webkit-animation: inner 1320ms linear infinite; animation: inner 1320ms linear infinite; } .qode-lazy-preloader svg circle { fill: none; stroke: #1abc9c; stroke-linecap: round; -webkit-animation: arc 1320ms cubic-bezier(0.8, 0, 0.4, 0.8) infinite; animation: arc 1320ms cubic-bezier(0.8, 0, 0.4, 0.8) infinite; } img[data-lazy="true"] { opacity: 0; } /* ========================================================================== Lazy Load styles - end ========================================================================== */ /*gradient styles - start*/ .qode-type1-gradient-left-to-right { background: -webkit-linear-gradient(left, #31c8a2, #ae66fd); background: -o-linear-gradient(right, #31c8a2, #ae66fd); background: -moz-linear-gradient(right, #31c8a2, #ae66fd); background: linear-gradient(to right, #31c8a2, #ae66fd); } .qode-type1-gradient-left-to-right-after:after { background: -webkit-linear-gradient(left, #31c8a2, #ae66fd); background: -o-linear-gradient(right, #31c8a2, #ae66fd); background: -moz-linear-gradient(right, #31c8a2, #ae66fd); background: linear-gradient(to right, #31c8a2, #ae66fd); } .qode-type1-gradient-bottom-to-top { background: -webkit-linear-gradient(bottom, #31c8a2, #ae66fd); background: -o-linear-gradient(top, #31c8a2, #ae66fd); background: -moz-linear-gradient(top, #31c8a2, #ae66fd); background: linear-gradient(to top, #31c8a2, #ae66fd); } .qode-type1-gradient-bottom-to-top-after:after { background: -webkit-linear-gradient(bottom, #31c8a2, #ae66fd); background: -o-linear-gradient(top, #31c8a2, #ae66fd); background: -moz-linear-gradient(top, #31c8a2, #ae66fd); background: linear-gradient(to top, #31c8a2, #ae66fd); } .qode-type1-gradient-left-bottom-to-right-top { background: -webkit-linear-gradient(right top, #ae66fd, #31c8a2); background: -o-linear-gradient(right top, #31c8a2, #ae66fd); background: -moz-linear-gradient(right top, #31c8a2, #ae66fd); background: linear-gradient(to right top, #31c8a2, #ae66fd); } .qode-type1-gradient-left-to-right-2x { background: -webkit-linear-gradient(left, #31c8a2 0%, #ae66fd 50%, #31c8a2 100%); background: -o-linear-gradient(right, #31c8a2 0%, #ae66fd 50%, #31c8a2 100%); background: -moz-linear-gradient(right, #31c8a2 0%, #ae66fd 50%, #31c8a2 100%); background: linear-gradient(to right, #31c8a2 0%, #ae66fd 50%, #31c8a2 100%); background-position: 0%; background-size: 200% 200%; } .qode-type1-gradient-left-to-right-text i, .qode-type1-gradient-left-to-right-text i:before, .qode-type1-gradient-left-to-right-text span { background: -webkit-linear-gradient(right top, #ae66fd, #31c8a2); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #31c8a2; } .qode-type1-gradient-bottom-to-top-text i, .qode-type1-gradient-bottom-to-top-text i:before, .qode-type1-gradient-bottom-to-top-text span, .qode-type1-gradient-bottom-to-top-text span span { background: -webkit-linear-gradient(bottom, #31c8a2, #ae66fd); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #31c8a2; } .qode-type1-gradient-bottom-to-top-text-hover:hover i, .qode-type1-gradient-bottom-to-top-text-hover:hover i:before, .qode-type1-gradient-bottom-to-top-text-hover:hover span, .qode-type1-gradient-bottom-to-top-text-hover:hover span span { background: -webkit-linear-gradient(bottom, #31c8a2, #ae66fd); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #31c8a2; } /*gradient styles - start*/ /* =Structure -------------------------------------------------------------- */ html { height: 100%; margin: 0px !important; -webkit-transition: all 1.3s ease-out; -moz-transition: all 1.3s ease-out; -o-transition: all 1.3s ease-out; -ms-transition: all 1.3s ease-out; transition: all 1.3s ease-out; } body { font-family: 'Raleway', sans-serif; font-size: 14px; line-height: 26px; color: #818181; font-weight: 400; background-color: #f6f6f6; overflow-y: scroll; overflow-x: hidden !important; -webkit-font-smoothing: antialiased; } .wrapper { background-color: #f6f6f6; position: relative; z-index: 1000; -webkit-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); -moz-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); -o-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); -ms-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); left: 0px; } .right_side_menu_opened .wrapper { left: -270px; } .right_side_menu_opened .wrapper header.fixed, .right_side_menu_opened .wrapper header.fixed_hiding, .right_side_menu_opened .wrapper header.sticky, .right_side_menu_opened .wrapper header.fixed_top_header .top_header { left: -270px; } @media only screen and (min-width: 1100px) { .right_side_menu_opened:not(.boxed) .carousel-inner:not(.relative_position) { left: -270px !important; } } .wrapper_inner { width: 100%; overflow: hidden; } body.boxed .wrapper_inner { overflow: visible; } body.boxed .content { overflow: hidden; } .meta { display: none; } .ajax_loader { position: fixed; top: 50%; left: 50%; z-index: 1100; display: none; } @media only screen and (min-width: 1000px) { body.vertical_menu_enabled:not(.vertical_menu_hidden) .ajax_loader { margin-left: 130px; } body.vertical_menu_enabled.vertical_menu_hidden .ajax_loader { margin-left: 20px; } } .ajax_loader_1 { position: relative; display: inline-block; width: 100%; height: 100%; } .ajax_loader_2 { margin: -50% 0 0 -50%; } /* pulse - start */ .ajax_loader .pulse { width: 32px; height: 32px; margin: -16px 0px 0px -16px; background-color: #303030; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; -webkit-animation: scaleout 1.0s infinite ease-in-out; animation: scaleout 1.0s infinite ease-in-out; } @-webkit-keyframes scaleout { 0% { -webkit-transform: scale(0); } 100% { -webkit-transform: scale(1); opacity: 0; } } @-moz-keyframes scaleout { 0% { -moz-transform: scale(0); } 100% { -moz-transform: scale(1); opacity: 0; } } @-ms-keyframes scaleout { 0% { -ms-transform: scale(0); } 100% { -ms-transform: scale(1); opacity: 0; } } @-o-keyframes scaleout { 0% { -o-transform: scale(0); } 100% { -o-transform: scale(1); opacity: 0; } } @keyframes scaleout { 0% { transform: scale(0); -webkit-transform: scale(0); } 100% { transform: scale(1); -webkit-transform: scale(1); opacity: 0; } } /* pulse - end */ /* double pulse - start */ .ajax_loader .double_pulse { width: 40px; height: 40px; margin: -20px 0px 0px -20px; position: relative; } .ajax_loader .double_pulse .double-bounce1, .ajax_loader .double_pulse .double-bounce2 { width: 100%; height: 100%; border-radius: 50%; background-color: #303030; opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: bounce 2.0s infinite ease-in-out; animation: bounce 2.0s infinite ease-in-out; } .ajax_loader .double_pulse .double-bounce2 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes bounce { 0%, 100% { -webkit-transform: scale(0); } 50% { -webkit-transform: scale(1); } } @keyframes bounce { 0%, 100% { transform: scale(0); -webkit-transform: scale(0); } 50% { transform: scale(1); -webkit-transform: scale(1); } } /* double pulse - end */ /* cube - start */ .ajax_loader .cube { width: 60px; height: 60px; margin: -30px 0px 0px -30px; background-color: #303030; -webkit-animation: rotateplane 1.2s infinite ease-in-out; animation: rotateplane 1.2s infinite ease-in-out; } @-webkit-keyframes rotateplane { 0% { -webkit-transform: perspective(120px); } 50% { -webkit-transform: perspective(120px) rotateY(180deg); } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg); } } @keyframes rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } /* cube - end */ /* rotating cubes - start */ .ajax_loader .rotating_cubes { width: 32px; height: 32px; margin: -16px 0px 0px -16px; position: relative; } .ajax_loader .rotating_cubes .cube1, .ajax_loader .rotating_cubes .cube2 { background-color: #303030; width: 10px; height: 10px; position: absolute; top: 0; left: 0; -webkit-animation: cubemove 1.8s infinite ease-in-out; animation: cubemove 1.8s infinite ease-in-out; } .ajax_loader .rotating_cubes .cube2 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } @-webkit-keyframes cubemove { 25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5); } 50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg); } 75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); } 100% { -webkit-transform: rotate(-360deg); } } @keyframes cubemove { 25% { transform: translateX(42px) rotate(-90deg) scale(0.5); -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5); } 50% { transform: translateX(42px) translateY(42px) rotate(-179deg); -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg); } 50.1% { transform: translateX(42px) translateY(42px) rotate(-180deg); -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg); } 75% { transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); } 100% { transform: rotate(-360deg); -webkit-transform: rotate(-360deg); } } /* rotating cubes - end */ /* stripes - start */ .ajax_loader .stripes { width: 50px; height: 60px; margin: -30px 0px 0px -25px; text-align: center; font-size: 10px; } .ajax_loader .stripes > div { background-color: #303030; height: 100%; width: 6px; display: inline-block; margin: 0 3px 0 0; -webkit-animation: stretchdelay 1.2s infinite ease-in-out; animation: stretchdelay 1.2s infinite ease-in-out; } .ajax_loader .stripes .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .ajax_loader .stripes .rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .ajax_loader .stripes .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .ajax_loader .stripes .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); } 20% { -webkit-transform: scaleY(1); } } @keyframes stretchdelay { 0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); } 20% { transform: scaleY(1); -webkit-transform: scaleY(1); } } /* stripes - end */ /* wave - start */ .ajax_loader .wave { width: 72px; text-align: center; margin: -9px 0px 0px -36px; } .ajax_loader .wave > div { width: 18px; height: 18px; background-color: #303030; margin: 0px 3px 0px 0px; border-radius: 100%; display: inline-block; -webkit-animation: bouncedelay 1.4s infinite ease-in-out; animation: bouncedelay 1.4s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .ajax_loader .wave .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .ajax_loader .wave .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); } 40% { -webkit-transform: scale(1); } } @keyframes bouncedelay { 0%, 80%, 100% { transform: scale(0); -webkit-transform: scale(0); } 40% { transform: scale(1); -webkit-transform: scale(1); } } /* wave - end */ /* two_rotating_circles - start */ .ajax_loader .two_rotating_circles { width: 40px; height: 40px; margin: -20px 0px 0px -20px; position: relative; text-align: center; -webkit-animation: rotatecircles 2.0s infinite linear; animation: rotatecircles 2.0s infinite linear; } .ajax_loader .two_rotating_circles .dot1, .ajax_loader .two_rotating_circles .dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #303030; border-radius: 100%; -webkit-animation: bounce 2.0s infinite ease-in-out; animation: bounce 2.0s infinite ease-in-out; } .ajax_loader .two_rotating_circles .dot2 { top: auto; bottom: 0px; -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes rotatecircles { 100% { -webkit-transform: rotate(360deg); } } @keyframes rotatecircles { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); } } /* two_rotating_circles - end */ /* five_rotating_circles - start */ .ajax_loader .five_rotating_circles { width: 60px; height: 60px; margin: -30px 0px 0px -30px; position: relative; } .ajax_loader .five_rotating_circles .container1 > div, .ajax_loader .five_rotating_circles .container2 > div, .ajax_loader .five_rotating_circles .container3 > div { width: 12px; height: 12px; background-color: #303030; border-radius: 100%; position: absolute; -webkit-animation: bouncedelay 1.2s infinite ease-in-out; animation: bouncedelay 1.2s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .ajax_loader .five_rotating_circles .spinner-container { position: absolute; width: 100%; height: 100%; } .ajax_loader .five_rotating_circles .container2 { -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); } .ajax_loader .five_rotating_circles .container3 { -webkit-transform: rotateZ(90deg); transform: rotateZ(90deg); } .ajax_loader .five_rotating_circles .circle1 { top: 0; left: 0; } .ajax_loader .five_rotating_circles .circle2 { top: 0; right: 0; } .ajax_loader .five_rotating_circles .circle3 { right: 0; bottom: 0; } .ajax_loader .five_rotating_circles .circle4 { left: 0; bottom: 0; } .ajax_loader .five_rotating_circles .container2 .circle1 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .ajax_loader .five_rotating_circles .container3 .circle1 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .ajax_loader .five_rotating_circles .container1 .circle2 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .ajax_loader .five_rotating_circles .container2 .circle2 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .ajax_loader .five_rotating_circles .container3 .circle2 { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .ajax_loader .five_rotating_circles .container1 .circle3 { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .ajax_loader .five_rotating_circles .container2 .circle3 { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .ajax_loader .five_rotating_circles .container3 .circle3 { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .ajax_loader .five_rotating_circles .container1 .circle4 { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .ajax_loader .five_rotating_circles .container2 .circle4 { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .ajax_loader .five_rotating_circles .container3 .circle4 { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } /* five_rotating_circles - end */ body.smooth_scroll { overflow-y: hidden; } body.boxed .wrapper_inner, body.boxed .footer_inner { width: 1150px; margin: 0 auto; } /* ========================================================================== Header styles ========================================================================== */ /** * Generic header styles */ header { width: 100%; display: inline-block; margin: 0px 0px 0px 0px; vertical-align: middle; position: relative; z-index: 110; -webkit-backface-visibility: hidden; } header .header_inner_left { position: absolute; left: 45px; top: 0px; } header .container_inner .header_inner_left { position: absolute; left: 0px; top: 0px; } header.menu_position_left .header_inner_left { z-index: 101; /* one more than the nav menu */ } .boxed header { background-color: transparent !important; border: 0px !important; } .boxed .header_inner { width: 1150px; margin: 0px auto; } .header_inner_right { float: right; position: relative; z-index: 110; } /* Header top styles ========================================================================== */ .header_top { position: relative; z-index: 111; line-height: 33px; height: 33px; padding: 0; font-size: 13px; background-color: #fff; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } header.scrolled .header_top { background-color: #fff !important; } .header_top p { line-height: 32px; padding: 0 15px; } .header_top .left { float: left; height: 100%; } .header_top .right { float: right; height: 100%; } .header_top .right .inner #lang_sel { float: left; padding: 0 0 0 0px; } .header_top .inner #lang_sel > ul { list-style: none; } .header_top .left .inner > div, .header_top .left .inner > div:last-child { float: left; border-bottom: 0; border-top: 0; } .header_top .right .inner > div { border-left: 0; float: left; } header.scrolled:not(.scroll_header_top_area) .header_top { border-bottom: 0; } /* header widgets in light and dark header styles ========================================================================== */ header.light:not(.sticky) .q_social_icon_holder i.simple_social, header.light:not(.sticky) .q_social_icon_holder span.simple_social, header.light:not(.sticky) .q_social_icon_holder span.qode_icon_font_elegant, header.light:not(.sticky) .header-widget, header.light:not(.sticky) .header-widget.widget_nav_menu ul.menu > li > a, header.light:not(.sticky) .header-widget p, header.light:not(.sticky) .header-widget a, header.light:not(.sticky) .header-widget span, header.light.header_style_on_scroll .q_social_icon_holder i.simple_social, header.light.header_style_on_scroll .q_social_icon_holder span.simple_social, header.light.header_style_on_scroll .header-widget, header.light.header_style_on_scroll .header-widget.widget_nav_menu ul.menu > li > a, header.light.header_style_on_scroll .header-widget p, header.light.header_style_on_scroll .header-widget a, header.light.header_style_on_scroll .header-widget span { color: #ffffff; } header.light:not(.sticky) .q_social_icon_holder i.simple_social, header.light:not(.sticky) .q_social_icon_holder span.simple_social, header.light:not(.sticky) .q_social_icon_holder span.qode_icon_font_elegant, header.light:not(.sticky) #lang_sel > ul > li > a, header.light:not(.sticky) #lang_sel_click > ul > li > a, header.light.header_style_on_scroll .q_social_icon_holder i.simple_social, header.light.header_style_on_scroll .q_social_icon_holder span.simple_social, header.light.header_style_on_scroll #lang_sel > ul > li > a, header.light.header_style_on_scroll #lang_sel_click > ul > li > a, header.light:not(.sticky) .textwidget span, header.light:not(.sticky) .textwidget span:hover, header.light.header_style_on_scroll .textwidget span, header.light.header_style_on_scroll .textwidget span:hover { color: #fff !important; } header.dark:not(.sticky) .q_social_icon_holder i.simple_social, header.dark:not(.sticky) .q_social_icon_holder span.simple_social, header.dark:not(.sticky) .q_social_icon_holder span.qode_icon_font_elegant, header.dark:not(.sticky) .header-widget, header.dark:not(.sticky) .header-widget.widget_nav_menu ul.menu > li > a, header.dark:not(.sticky) .header-widget p, header.dark:not(.sticky) .header-widget a, header.dark:not(.sticky) .header-widget span, header.dark.header_style_on_scroll .q_social_icon_holder i.simple_social, header.dark.header_style_on_scroll .q_social_icon_holder span.simple_social, header.dark.header_style_on_scroll .header-widget, header.dark.header_style_on_scroll .header-widget.widget_nav_menu ul.menu > li > a, header.dark.header_style_on_scroll .header-widget p, header.dark.header_style_on_scroll .header-widget a, header.dark.header_style_on_scroll .header-widget span { color: #000; } header.dark:not(.sticky) .q_social_icon_holder i.simple_social, header.dark:not(.sticky) .q_social_icon_holder span.simple_social, header.dark:not(.sticky) .q_social_icon_holder span.qode_icon_font_elegant, header.dark:not(.sticky) #lang_sel > ul > li > a, header.dark:not(.sticky) #lang_sel_click > ul > li > a, header.dark.header_style_on_scroll .q_social_icon_holder i.simple_social, header.dark.header_style_on_scroll .q_social_icon_holder span.simple_social, header.dark.header_style_on_scroll #lang_sel > ul > li > a, header.dark.header_style_on_scroll #lang_sel_click > ul > li > a, header.dark:not(.sticky) .textwidget span, header.dark:not(.sticky) .textwidget span:hover, header.dark.header_style_on_scroll .textwidget span, header.dark.header_style_on_scroll .textwidget span:hover { color: #000 !important; } /* Header bottom styles ========================================================================== */ .header_bottom { padding: 0px 45px; position: relative; background-color: #fff; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } .boxed .header_bottom { padding: 0px 25px; } /* Generic logo styles ========================================================================== */ .logo_wrapper { height: 100px; float: left; } .q_logo { position: relative; top: 50%; left: 0px; } .q_logo a { position: relative; display: block; visibility: hidden; } .q_logo img { display: block; opacity: 1; position: absolute; top: -50%; width: auto !important; max-width: none; -webkit-transition: opacity 0.6s ease-in-out; transition: opacity 0.6s ease-in-out; } .menu_position_left .q_logo img { -webkit-transition: none; transition: none; } /* Specific logo styles */ .q_logo img.light, .q_logo img.sticky, .q_logo img.dark, .q_logo img.popup, .q_logo img.mobile { opacity: 0; } header.scrolled:not(.header_style_on_scroll) .q_logo img.normal, header.scrolled.dark:not(.header_style_on_scroll) .q_logo img.normal, header.scrolled.light:not(.header_style_on_scroll) .q_logo img.normal { opacity: 1; } header.scrolled:not(.header_style_on_scroll) .q_logo img.light, header.scrolled.light:not(.header_style_on_scroll) .q_logo img.light, header.scrolled.dark:not(.header_style_on_scroll) .q_logo img.light, header.scrolled:not(.header_style_on_scroll) .q_logo img.dark, header.scrolled.light:not(.header_style_on_scroll) .q_logo img.dark, header.scrolled.dark:not(.header_style_on_scroll) .q_logo img.dark { opacity: 0; } header.light .q_logo img.normal { opacity: 0; } header.light .q_logo img.light { opacity: 1; } header.light .q_logo img.dark { opacity: 0; } header.dark .q_logo img.normal { opacity: 0; } header.dark .q_logo img.light { opacity: 0; } header.dark .q_logo img.dark { opacity: 1; } /* Sticky header styles ========================================================================== */ .hide_inital_sticky header.stick { -ms-transform: translateY(-100%); -webkit-transform: translateY(-100%); transform: translateY(-100%); } .hide_inital_sticky header.stick.sticky { -ms-transform: none; -webkit-transform: none; transform: none; } header.sticky { -webkit-transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); -moz-transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); -o-transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); -ms-transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); top: -120px; left: 0; position: fixed; -moz-background-clip: border; -webkit-background-clip: border; background-clip: border-box; -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; -moz-background-clip: content; -webkit-background-clip: content; background-clip: content-box; } header.sticky .header_top { display: none; } header.sticky .header_bottom { background-color: #fff !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11); } header.sticky.no_shadow .header_bottom { box-shadow: none; } header.sticky.centered_logo { top: -300px; } header.sticky.sticky_animate { top: 0px; } header.sticky:not(.header_style_on_scroll) .q_logo img.sticky { opacity: 1; } header.sticky:not(.header_style_on_scroll) .q_logo img.normal, header.sticky:not(.header_style_on_scroll) .q_logo img.light, header.sticky:not(.header_style_on_scroll) .q_logo img.dark, header.sticky:not(.header_style_on_scroll) .q_logo img.popup, header.sticky:not(.header_style_on_scroll) .q_logo img.mobile { opacity: 0 !important; } header.sticky .logo_wrapper, header.sticky.centered_logo .logo_wrapper { height: 60px !important; float: left; } header.sticky .drop_down .second { margin-top: 0; } header.sticky .header_fixed_right_area { display: none; } header.sticky .side_menu_button { height: 60px; } .sticky .header_menu_bottom { position: static; } /* Fixed header styles ========================================================================== */ header.fixed, header.fixed_hiding, header.fixed_top_header .top_header { -webkit-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); -moz-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); -o-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); -ms-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); width: 100%; position: fixed; z-index: 110; top: 0px; left: 0px; } header.fixed.scrolled .header_bottom, header.fixed_hiding.scrolled .header_bottom { -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11); background-color: #fff; } /* Header with menu on bottom styles ========================================================================== */ header.menu_bottom .header_inner_left { left: 0; } header:not(.sticky) .header_menu_bottom nav.main_menu > ul > li > a { line-height: 60px; } header:not(.sticky) .header_menu_bottom nav.main_menu > ul > li:first-child > a { padding-left: 0; } header.menu_bottom:not(.sticky) .drop_down .second { top: 100%; } header:not(.sticky) .header_menu_bottom .side_menu_button { height: 60px; } header.menu_bottom.has_header_fixed_right .mobile_menu_button { height: 130px; } header.menu_bottom .header_inner_left { position: relative; } .menu_bottom.sticky .container_inner .header_inner_left { position: absolute; } .menu_bottom .logo_wrapper { float: none; } .menu_bottom .q_logo a { display: inline-block; } .menu_bottom.sticky .logo_wrapper { float: left; } .header_menu_bottom { position: relative; display: block; } /* Header styles when logo is in center ========================================================================== */ header.centered_logo { text-align: center; } header.centered_logo .header_inner_left { float: none; position: relative; display: block; margin: 20px 0px 10px 0px; left: 0px; } header.centered_logo.sticky .header_inner_left { margin: 0px; } header.centered_logo .logo_wrapper { float: none; height: auto !important; } header.centered_logo .q_logo { top: 0px; } header.centered_logo.sticky .q_logo { top: 50%; } header.centered_logo .q_logo a { display: inline-block; vertical-align: middle; } header.centered_logo .q_logo img { top: 0px; margin: 0px; } @media only screen and (min-width: 1000px) { header.centered_logo:not(.sticky) .q_logo img { /* only not sticky is set here because on sticky menu logo is moved left from site left edge */ -webkit-transform: translate(-50%, 0px); -moz-transform: translate(-50%, 0px); -ms-transform: translate(-50%, 0px); -o-transform: translate(-50%, 0px); transform: translate(-50%, 0px); } } header.centered_logo.centered_logo_animate .q_logo img, header:not(.centered_logo) .q_logo img { height: 100%; } header.centered_logo.sticky .q_logo img { top: -50%; } header.centered_logo.sticky .q_logo img { height: 100% !important; } header.centered_logo .header_inner_right { float: none; display: inline-block; position: relative; vertical-align: middle; } header.centered_logo .header_right_widget { float: left; } header.centered_logo nav.main_menu, header.centered_logo nav.main_menu.right, header.centered_logo nav.main_menu.left { position: relative; display: inline-block; left: auto; float: none; vertical-align: middle; } header.centered_logo nav.main_menu > ul { left: 0px; } @media only screen and (min-width: 1000px) { header.fixed_hiding .holeder_for_hidden_menu { overflow: hidden; max-height: 150px; vertical-align: middle; -webkit-transition: max-height 0.2s cubic-bezier(0.23, 1, 0.32, 1) 0s; -moz-transition: max-height 0.2s cubic-bezier(0.23, 1, 0.32, 1) 0s; -o-transition: max-height 0.2s cubic-bezier(0.23, 1, 0.32, 1) 0s; -ms-transition: max-height 0.2s cubic-bezier(0.23, 1, 0.32, 1) 0s; transition: max-height 0.2s cubic-bezier(0.23, 1, 0.32, 1) 0s; } header.fixed_hiding.scrolled .holeder_for_hidden_menu { max-height: 0px; } header.fixed_hiding .holeder_for_hidden_menu:hover { overflow: visible; } header.fixed_hiding.scrolled:hover .holeder_for_hidden_menu { max-height: 150px; transition-duration: 0.5s; -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; } header.fixed_hiding.centered_logo .header_inner_left { margin: 20px 0px; display: table; width: 100%; } header.fixed_hiding.centered_logo.fixed_hiding .header_inner_left { height: 50px; } header.fixed_hiding .header-left-from-logo-widget, header.fixed_hiding .header-right-from-logo-widget, header.fixed_hiding .logo_wrapper { display: table-cell; width: 33.33%; vertical-align: middle; position: relative; } header.fixed_hiding .header-left-from-logo-widget-inner, header.fixed_hiding .header-right-from-logo-widget-inner { width: 100%; } header.fixed_hiding .header-left-from-logo-widget { text-align: left; } header.fixed_hiding .header-right-from-logo-widget { text-align: right; } header.fixed_hiding .q_logo a, header.fixed_hiding .q_logo { max-height: 124px; opacity: 1; -webkit-transition: max-height 0.2s ease 0s, opacity 0.2s ease 0s; -moz-transition: max-height 0.2s ease 0s, opacity 0.2s ease 0s; -o-transition: max-height 0.2s ease 0s, opacity 0.2s ease 0s; -ms-transition: max-height 0.2s ease 0s, opacity 0.2s ease 0s; transition: max-height 0.2s ease-out 0s, opacity 0.2s ease 0s; } header.fixed_hiding.scrolled .q_logo, header.fixed_hiding.scrolled .q_logo a { -webkit-transition: max-height 0.2s ease 0s, opacity 0.4s ease 0s; -moz-transition: max-height 0.2s ease 0s, opacity 0.4s ease 0s; -o-transition: max-height 0.2s ease 0s, opacity 0.4s ease 0s; -ms-transition: max-height 0.2s ease 0s, opacity 0.4s ease 0s; transition: max-height 0.2s ease-out 0s, opacity 0.4s ease 0s; max-height: 0px !important; opacity: 0; } header.fixed_hiding .q_logo_hidden a { height: 50px; position: relative; display: block; opacity: 0; max-height: 0px; -webkit-transition: opacity 0s ease 0s, max-height 0s ease 0s; -moz-transition: opacity 0s ease 0s, max-height 0s ease 0s; -o-transition: opacity 0s ease 0s, max-height 0s ease 0s; -ms-transition: opacity 0s ease 0s, max-height 0s ease 0s; transition: opacity 0s ease 0s, max-height 0s ease 0s; } header.fixed_hiding.scrolled .q_logo_hidden a { max-height: 500px; opacity: 1; -webkit-transition: opacity 0.15s ease 0.3s, max-height 0.15s ease 0.2s; -moz-transition: opacity 0.15s ease 0.3s, max-height 0.15s ease 0.2s; -o-transition: opacity 0.15s ease 0.3s, max-height 0.15s ease 0.2s; -ms-transition: opacity 0.15s ease 0.3s, max-height 0.15s ease 0.2s; transition: opacity 0.15s ease 0.3s, max-height 0.15s ease 0.2s; } } /* Main navigation styles ========================================================================== */ nav.main_menu { position: absolute; left: 50%; z-index: 100; text-align: left; } nav.main_menu.right { position: relative; left: auto; float: right; } nav.main_menu.left { position: relative; left: auto; float: left; z-index: 101; } nav.main_menu ul { list-style: none outside none; margin: 0px; padding: 0px; } nav.main_menu > ul { left: -50%; position: relative; } nav.main_menu.right > ul, nav.main_menu.left > ul { left: auto; } nav.main_menu ul li { display: inline-block; float: left; padding: 0px; margin: 0px; background-repeat: no-repeat; background-position: right; } nav.main_menu ul li a { color: #777; font-weight: 400; text-decoration: none; display: inline-block; position: relative; line-height: 100px; padding: 0; margin: 0; cursor: pointer; } nav.main_menu > ul > li > a > i.menu_icon { margin-right: 7px; } header.sticky nav.main_menu > ul > li > a, .light.sticky nav.main_menu > ul > li > a, .light.sticky nav.main_menu > ul > li > a:hover, .light.sticky nav.main_menu > ul > li.active > a, .dark.sticky nav.main_menu > ul > li > a, .dark.sticky nav.main_menu > ul > li > a:hover, .dark.sticky nav.main_menu > ul > li.active > a { line-height: 60px; } nav.main_menu > ul > li > a, nav.main_menu > ul > li > a { display: inline-block; height: 100%; background-color: transparent; -webkit-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out; } .with_hover_bg_color nav.main_menu > ul > li > a { -webkit-transition: background-color 0 ease-in-out 0.15s, color 0 ease-in-out 0.15s; -moz-transition: background-color 0 ease-in-out 0.15s, color 0 ease-in-out 0.15s; -ms-transition: background-color 0 ease-in-out 0.15s, color 0 ease-in-out 0.15s; -o-transition: background-color 0 ease-in-out 0.15s, color 0 ease-in-out 0.15s; transition: background-color 0 ease-in-out 0.15s, color 0 ease-in-out 0.15s; } header:not(.with_hover_bg_color) nav.main_menu > ul > li:hover > a { opacity: 0.8; } nav.main_menu > ul > li.active > a { color: #303030; } nav.main_menu > ul > li > a > i.blank { display: none; } nav.main_menu > ul > li.has_sub > a > i.q_menu_arrow { display: inline-block; margin-left: 6px; } .light:not(.sticky):not(.scrolled) nav.main_menu > ul > li > a, .light:not(.sticky):not(.scrolled) nav.main_menu > ul > li > a:hover, .light:not(.sticky):not(.scrolled) nav.main_menu > ul > li.active > a, .light:not(.sticky):not(.scrolled) nav.main_menu > ul > li:before, .light:not(.sticky):not(.scrolled) nav.main_menu > ul > li > a, .light.header_style_on_scroll nav.main_menu > ul > li > a:hover, .light.header_style_on_scroll nav.main_menu > ul > li.active > a, .light.header_style_on_scroll nav.main_menu > ul > li:before { color: #fff; } .dark:not(.sticky):not(.scrolled) nav.main_menu > ul > li > a, .dark:not(.sticky):not(.scrolled) nav.main_menu > ul > li.active > a, .dark:not(.sticky):not(.scrolled) nav.main_menu > ul > li:not(:first-child):before, .dark.header_style_on_scroll nav.main_menu > ul > li > a, .dark.header_style_on_scroll nav.main_menu > ul > li.active > a, .dark.header_style_on_scroll nav.main_menu > ul > li:not(:first-child):before { color: #000; } nav.main_menu > ul > li > a { position: relative; padding: 0 17px; color: #9d9d9d; text-transform: uppercase; font-weight: 600; font-size: 13px; letter-spacing: 1px; } header:not(.with_hover_bg_color) nav.main_menu > ul > li > a > span:not(.plus), nav.vertical_menu > ul > li > a > span:not(.plus) { position: relative; display: inline-block; line-height: initial; } nav.main_menu ul li a span.underline_dash, nav.vertical_menu ul li a span.underline_dash { background-color: #9d9d9d; bottom: -50%; left: 50%; position: absolute; transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 100%; height: 1px; opacity: 0; transition: opacity 0.3s ease; -webkit-transition: opacity 0.3s ease; } nav.main_menu ul li:hover a span.underline_dash, nav.main_menu ul li.active a span.underline_dash, nav.vertical_menu ul li:hover a span.underline_dash, nav.vertical_menu ul li.active a span.underline_dash { opacity: 1; } .light:not(.sticky):not(.scrolled) nav.main_menu ul li a span.underline_dash, .light.header_style_on_scroll nav.main_menu > ul > li > a:hover span.underline_dash, .light.header_style_on_scroll nav.main_menu > ul > li.active > a span.underline_dash, .vertical_menu_transparency_on .light nav.vertical_menu ul li a span.underline_dash { background-color: #fff !important; } .dark:not(.sticky):not(.scrolled) nav.main_menu ul li a span.underline_dash, .dark.header_style_on_scroll nav.main_menu > ul > li > a:hover span.underline_dash, .dark.header_style_on_scroll nav.main_menu > ul > li.active > a span.underline_dash, .vertical_menu_transparency_on .dark nav.vertical_menu ul li a span.underline_dash { background-color: #000 !important; } /* DROP DOWN MENU - START */ .drop_down ul { list-style: none; } .drop_down ul li { position: relative; } header.transparent.fixed.scrolled .drop_down .second, header.transparent.fixed_hiding.scrolled .drop_down .second { top: 100%; } .drop_down .second { left: 0; margin: 0; top: 100%; position: absolute; display: block; visibility: hidden; overflow: hidden; opacity: 0; z-index: 10; /*margin-top: 1px;*/ -webkit-transition: top 0.3s ease-in-out; -moz-transition: top 0.3s ease-in-out; -ms-transition: top 0.3s ease-in-out; -o-transition: top 0.3s ease-in-out; transition: top 0.3s ease-in-out; } header.transparent:not(.sticky) .drop_down .second { top: 75%; } header.transparent.with_border:not(.sticky) .drop_down .second, header.transparent.with_hover_bg_color:not(.sticky) .drop_down .second { top: 100%; } .drop_down li.left_position .second { left: auto; right: 0px; } header.transparent .drop_down .second:not(.right) { left: 16px; } header.transparent.with_hover_bg_color .drop_down .second:not(.right) { left: 0; } .drop_down li.right_position .second { left: -100%; /*right: 0;*/ } .drop_down .second.drop_down_start { visibility: visible; overflow: visible; opacity: 1; } nav.main_menu > ul > li:hover > .second { z-index: 20; } .drop_down .second .inner { position: relative; padding: 0px; display: block; z-index: 997; } .drop_down .second .inner > ul, li.narrow .second .inner ul { display: inline-block; position: relative; background-color: #262626; border-color: #3d3d3d; } li.narrow .second .inner ul { padding: 7px 0; } .drop_down .second .inner ul li { display: block; padding: 0 15px; position: relative; float: none; height: auto; background: 0; width: 190px; } li.narrow .second .inner ul li:last-child { border-bottom: none; } .drop_down .wide.left_position .second ul li, .drop_down .wide.right_position .second ul li { width: 180px; } .drop_down .second .inner ul li a, .drop_down .second .inner ul li h5 { display: block; font-weight: 600; color: #9d9d9d; height: auto; line-height: 16px; margin: 0; padding: 9px 0; -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; } .drop_down .second .inner > ul > li:last-child > a, .drop_down .second .inner > ul > li > ul > li:last-child > a, .drop_down .second .inner > ul > li > ul > li > ul > li:last-child > a { border-bottom: 0; } .drop_down .second .inner ul.right li a { padding: 9px 20px 9px 0; } .drop_down .second .inner > ul > li > a:hover, .drop_down .second .inner ul li.sub ul li a:hover { color: #fff; /*background-color: #474747;*/ } .drop_down .narrow .second .inner ul li { padding: 0; width: 225px; } .drop_down .narrow .second .inner ul li a { padding-left: 20px; padding-right: 20px; } .drop_down .wide .second ul li a, .drop_down .wide .second .inner ul li.sub a, .drop_down .wide .second .inner ul li h5 { background: 0; } .drop_down .second i { display: none; } .drop_down .second .inner ul li ul { position: absolute; left: 100%; top: -7px; height: auto; display: none; overflow: hidden; z-index: 10; } .drop_down .second .inner ul li:hover ul { z-index: 20; display: block; } .drop_down .second.right { right: 0px; left: auto; } .drop_down .second .inner ul.right li a, .drop_down .second .inner ul.right li h5 { text-align: right; } .drop_down .second .inner ul.right li ul { left: -100%; } .drop_down .second .inner ul li.sub ul li a, .drop_down .second .inner ul.right li.sub ul li a { background: none; } .drop_down .second .inner .widget { padding: 0px 20px; } .drop_down .second .inner .widget p { font-size: 13px; line-height: 16px; padding: 12px 0px; } /* DROP DOWN MENU - END */ /* DROP DOWN MENU WIDE - START */ .drop_down .wide .second ul { padding: 15px 10px; } .drop_down .second ul li { border-bottom-width: 1px; border-bottom-color: #3d3d3d; } .drop_down .wide .second ul li { float: left; width: 249px; padding: 0 10px 0 10px; border-left: 1px solid #3d3d3d; border-bottom: 0; } .drop_down .wide .second > .inner > ul > li.sub > ul > li > a, .drop_down .wide .second ul li a { padding: 11px 9px; } .drop_down .wide:not(.right_position) .second ul li:first-child, .drop_down .wide.right_position .second ul li:last-child { border-left-color: transparent; } .drop_down .wide .second ul li:last-child { margin-right: 0; } .drop_down .wide.right_position .second ul li { float: right; } .drop_down .wide .second ul li:hover { background-color: transparent; } .drop_down .wide .second ul li:nth-child(4n+1) { clear: both; } .drop_down .second .inner ul li.sub a i.q_menu_arrow { display: inline-block; float: right; position: relative; top: 2px; font-size: 12px; color: #888; } .drop_down .second .inner ul li.sub ul li a i.q_menu_arrow, .drop_down .wide .second .inner ul li.sub a i.q_menu_arrow { display: none; } .drop_down .second .inner ul.right li.sub a i.q_menu_arrow { float: left; -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); } .drop_down .wide .second .inner > ul > li > a { color: #fff; border-bottom: 0; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; } .drop_down .wide .second .inner > ul > li > a { margin-bottom: 7px; font-size: 13px; } .drop_down .wide .second .inner ul li.sub h5 a, .drop_down .wide .second .inner ul li h5 a { padding: 0px !important; } .drop_down .wide .second ul li ul { display: block; left: 0; padding: 0; position: relative; top: 0; visibility: visible; background-color: transparent !important; } .drop_down .wide .second ul li ul .widget { padding: 0 10px; } /* Wide drop down with full width background styles ========================================================================== */ .drop_down .wide.wide_background .second { background-color: #262626; } .drop_down .wide.wide_background .second .inner { text-align: center; } .drop_down .wide.wide_background .second .inner ul { text-align: left; } .drop_down .wide.wide_background .second .inner { text-align: center; } /* custom widget area in popup - start */ .drop_down .second .inner ul li ul { overflow: visible; } .drop_down .wide .second ul li.show_widget_area_in_popup:hover .popup_wrapper > a { color: #fff; /* this is added to style dynamic css also! */ } .drop_down .wide .second ul li.show_widget_area_in_popup .popup_wrapper { position: relative; display: inline-block; vertical-align: middle; } .drop_down .wide .second ul li.show_widget_area_in_popup a { display: inline-block; vertical-align: middle; } .drop_down .wide .second ul li.show_widget_area_in_popup .widget { height: 0px; width: 0px; overflow: hidden; opacity: 0; position: absolute; left: 100%; top: 0px; padding: 5px; margin: 5px 0px 0px 5px; background-color: #262626; } .drop_down .wide .second ul li ul li { z-index: 1; } .drop_down .wide .second ul li.show_widget_area_in_popup:hover { z-index: 10; } .drop_down .wide .second ul li.show_widget_area_in_popup:hover .widget { height: auto; width: auto; opacity: 1; } .drop_down .wide .second ul li.show_widget_area_in_popup .widget img { max-width: inherit; display: block; position: relative; } .drop_down .wide .second ul li.show_widget_area_in_popup .widget a { padding: 0px; } /* custom widget area in popup - end */ .drop_down .wide .second ul li ul li { padding: 0; margin: 0; border: 0; } .drop_down .wide .second ul li ul li.menu-item-has-children > a, .drop_down .wide .second ul li ul li.menu-item-has-children > a:hover { border-bottom: 0 none; color: #303030; font-size: 15px; } /* DROP DOWN MENU WIDE - END */ /* DROP DOWN MENU WIDE ICONS - START */ .drop_down .wide.icons .second ul li a span { position: relative; display: block; } .drop_down .wide.icons .second i { width: 24px; height: 16px; float: left; display: inline-block; color: #888; line-height: 16px; -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; } .drop_down .wide.icons .second a:hover i { color: #fff; } .drop_down .wide.icons .second i.blank { background: none; border: 0px; display: none; } /* DROP DOWN MENU WIDE ICONS - END */ /* Sticky with left and right menu - start */ @media only screen and (min-width: 1000px) { header.stick_with_left_right_menu:not(.sticky) { text-align: center; } .hide_inital_sticky header.stick_with_left_right_menu { -ms-transform: translateY(-100%); -webkit-transform: translateY(-100%); transform: translateY(-100%); } .hide_inital_sticky header.stick_with_left_right_menu.sticky { -ms-transform: none; -webkit-transform: none; transform: none; } header.stick_with_left_right_menu .header_inner_left { display: inline-block; vertical-align: middle; position: relative; top: 0px; left: auto; z-index: 100; } header.stick_with_left_right_menu.sticky .header_inner_left { display: none; } header.stick_with_left_right_menu nav.main_menu.left_side { text-align: right; position: absolute; width: 49%; top: 0px; left: 0px; z-index: 50; } header.stick_with_left_right_menu nav.main_menu.left_side > ul { text-align: left; display: inline-block; vertical-align: middle; } header.stick_with_left_right_menu nav.main_menu.right_side { position: absolute; width: 49%; top: 0px; right: 0px; left: auto; z-index: 50; } header.stick_with_left_right_menu nav.main_menu.left_side:hover, header.stick_with_left_right_menu nav.main_menu.right_side:hover { z-index: 200; } header.stick_with_left_right_menu.sticky nav.main_menu.left_side, header.stick_with_left_right_menu.sticky nav.main_menu.right_side { position: relative; display: inline-block; vertical-align: middle; } header.stick_with_left_right_menu.sticky nav.main_menu.left_side > ul > li:last-child, header.stick_with_left_right_menu.sticky nav.main_menu.right_side > ul > li:first-child { margin: 0px !important; } nav.main_menu.left_side > ul, nav.main_menu.right_side > ul { left: auto; } } /* Sticky with left and right menu - end */ /* Fixed Minimal header type styles ========================================================================== */ .fixed_minimal .container_inner .header_inner_left, .fixed_minimal .header_inner_left { position: relative; left: auto; top: auto; float: left; } .fixed_minimal .container_inner .logo_wrapper, .fixed_minimal .logo_wrapper { float: none; position: absolute; left: 50%; top: 0; } @media only screen and (min-width: 1000px) { .fixed_minimal .q_logo a img { -webkit-transform: translate(-50%, 0px); -moz-transform: translate(-50%, 0px); -ms-transform: translate(-50%, 0px); -o-transform: translate(-50%, 0px); transform: translate(-50%, 0px); } } .fixed_minimal .popup_menu .line:after, .fixed_minimal .popup_menu .line:before { z-index: 1; } .fixed_minimal .side_menu_button > a { margin: 0; } /* Fixed Minimal header type styles end ========================================================================== */ /* Fixed Top Header header type styles ========================================================================== */ .fixed_top_header .top_header { background-color: #fff; position: fixed; z-index: 110; width: 100%; left: 0; top: 0; -webkit-backface-visibility: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .fixed_top_header .top_header .left { float: left; } .fixed_top_header .top_header .right { float: right; } .fixed_top_header .top_header nav.main_menu { position: relative; left: 0; } .fixed_top_header .top_header nav.main_menu > ul { left: 0; } .fixed_top_header .header_inner_center { text-align: center; } .fixed_top_header .logo_wrapper { float: none; padding: 25px 0 25px 0; } .fixed_top_header .q_logo { top: 0; } .fixed_top_header .q_logo a { display: inline-block; vertical-align: middle; } .fixed_top_header .q_logo a img { top: 0; left: 0; -webkit-transform: translate(-50%, 0px); -moz-transform: translate(-50%, 0px); -ms-transform: translate(-50%, 0px); -o-transform: translate(-50%, 0px); transform: translate(-50%, 0px); } .fixed_top_header .side_menu_button, .fixed_top_header .shopping_cart_inner, .fixed_top_header .header_bottom_right_widget_holder { height: 45px; } .fixed_top_header nav.main_menu > ul > li > a { line-height: 45px; } .fixed_top_header.has_top .bottom_header { padding-top: 45px; } .fixed_top_header .bottom_header { background-color: #fff; } .fixed_top_header .header_bottom_center_widget { padding-bottom: 20px; } .fixed_top_header .top_header .header-widget { float: left; } .fixed_top_header nav.mobile_menu { background-color: #fff; } .fixed_top_header .qode_search_form_3 .qode_search_close { font-size: 25px; } .fixed_top_header .qode_search_form_3 { position: fixed; left: 0; top: 0; } .fixed_top_header .top_header > .left { padding-left: 45px; } .fixed_top_header .top_header > .right { padding-right: 45px; } .fixed_top_header .top_header .container_inner .left, .fixed_top_header .top_header .container_inner .right { padding-left: 0; padding-right: 0; } .fixed_top_header.light .header_bottom_center_widget { color: #fff; } .fixed_top_header.dark .header_bottom_center_widget { color: #000; } header.fixed_top_header .top_header nav.main_menu > ul > li:first-child > a { padding-left: 0; } /* Fixed Top Header header type styles end ========================================================================== */ .mobile_menu_button { display: none; float: left; height: 100px; margin: 0 20px 0 0; } .mobile_menu_button span { color: #777; width: 19px; height: 17px; font-size: 14px; z-index: 50; display: table-cell; position: relative; cursor: pointer; vertical-align: middle; } .dark .mobile_menu_button span { color: #000; } nav.mobile_menu { display: none; width: 100%; float: left; position: relative; top: 0px; text-align: left; overflow: hidden; background-color: #fff; z-index: 100; } nav.mobile_menu ul { display: none; width: 100%; position: relative; list-style: none; padding: 0; margin: 0; } nav.mobile_menu > ul { margin-bottom: -1px !important; } nav.mobile_menu ul li { margin: 0px; padding: 0px; position: relative; } nav.mobile_menu ul li a { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -webkit-tap-highlight-color: transparent; } nav.mobile_menu ul li, nav.mobile_menu ul li, nav.mobile_menu ul li ul li { border-bottom: 1px solid #eaeaea; } nav.mobile_menu ul li.open_sub > ul { border-top: 1px solid #eaeaea; } nav.mobile_menu ul li:last-child { border: 0px !important; } nav.mobile_menu ul > li.has_sub > span.mobile_arrow, nav.mobile_menu ul > li.has_sub > span.mobile_arrow { cursor: pointer; display: inline-block; float: right; height: 46px; line-height: 46px; margin: 0px; padding: 0px 10px 0px 0px; position: absolute; top: 0px; right: 0px; text-align: right; width: 50px; z-index: 9000; -webkit-tap-highlight-color: transparent; } nav.mobile_menu ul li span.mobile_arrow i, nav.mobile_menu ul li span.mobile_arrow i { color: #888; } nav.mobile_menu ul > li > span.mobile_arrow i { display: none; } nav.mobile_menu ul > li.has_sub > span.mobile_arrow i { display: inline; } nav.mobile_menu ul > li.has_sub > span.mobile_arrow i.fa-angle-down, nav.mobile_menu ul > li.has_sub > span.mobile_arrow i.fa-angle-down { display: none; } nav.mobile_menu ul > li.has_sub.open_sub > span.mobile_arrow i.fa-angle-right, nav.mobile_menu ul > li.has_sub > ul.open_sub > li > span.mobile_arrow i.fa-angle-right { display: none; } nav.mobile_menu ul > li.has_sub.open_sub > span.mobile_arrow i.fa-angle-down, nav.mobile_menu ul > li.has_sub ul.open_sub > li > span.mobile_arrow i.fa-angle-down { display: inline; } nav.mobile_menu ul li a, nav.mobile_menu ul li h3 { font-size: 13px; font-weight: 400; color: #888; padding: 10px 0px 10px 0; display: block; position: relative; text-transform: none; line-height: 26px; letter-spacing: 0; } nav.mobile_menu ul li a:hover, nav.mobile_menu ul li.active > a { color: #1abc9c; } nav.mobile_menu ul li ul li { margin: 0px 0px 0px 20px; } header:not(.centered_logo) .header_fixed_right_area { position: absolute; right: 0; top: 0; height: 100%; line-height: 100px; } .header_menu_bottom .main_menu { left: auto; } .sticky .header_menu_bottom .main_menu { float: right; left: auto; position: relative; } .sticky .header_menu_bottom .main_menu_header_inner_right_holder .main_menu { float: left; } .sticky .header_menu_bottom .main_menu_header_inner_right_holder.with_center_logo .main_menu { float: left; } .sticky .header_menu_bottom .main_menu_header_inner_right_holder { float: right; } .header_menu_bottom nav.main_menu > ul { left: auto; } .sticky .header_menu_bottom nav.main_menu > ul { left: auto; } .side_menu_button_wrapper { display: table; } .side_menu_button { cursor: pointer; display: table-cell; vertical-align: middle; height: 100px; } .header_bottom_right_widget_holder { display: table-cell; vertical-align: middle; height: 100%; padding: 0 17px; } @media only screen and (min-width: 1000px) { header.dark:not(.sticky):not(.scrolled) .header_bottom_right_widget_holder a.qbutton, header.dark.header_style_on_scroll .header_bottom_right_widget_holder a.qbutton { border-color: #000 !important; background-color: transparent !important; color: #000 !important; } header.light:not(.sticky):not(.scrolled) .header_bottom_right_widget_holder a.qbutton, header.light.header_style_on_scroll .header_bottom_right_widget_holder a.qbutton { border-color: #fff !important; background-color: transparent !important; color: #fff !important; } } .side_menu_button > a { font-size: 14px; position: relative; display: inline; width: 20px; height: 20px; padding: 0 12px; } .side_menu_button > a.side_menu_button_link span { vertical-align: middle; position: relative; top: 2px; } .side_menu_button > a.side_menu_button_link.medium { display: inline-block; font-size: 21px; line-height: 30px; height: 30px; width: 19px; } .side_menu_button > a.side_menu_button_link.large { display: inline-block; font-size: 28px; line-height: 34px; height: 34px; width: 24px; } .side_menu_button > a, .mobile_menu_button span { -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; color: #9d9d9d; } .side_menu_button > a:hover, .mobile_menu_button span:hover { opacity: 0.8; } .side_menu_button > a.search_button { vertical-align: middle; display: inline-block; } .light:not(.sticky):not(.scrolled) .header-widget .q_social_icon_holder i.simple_social, .light:not(.sticky):not(.scrolled) .header-widget .q_social_icon_holder span.simple_social, .light:not(.sticky):not(.scrolled) .header-widget, .light:not(.sticky):not(.scrolled) .header-widget.widget_nav_menu ul.menu > li > a, .light:not(.sticky):not(.scrolled) .header-widget p, .light:not(.sticky):not(.scrolled) .header-widget a, .light:not(.sticky):not(.scrolled) .header-widget span, .light.header_style_on_scroll .header-widget .q_social_icon_holder i.simple_social, .light.header_style_on_scroll .header-widget .q_social_icon_holder span.simple_social, .light.header_style_on_scroll .header-widget, .light.header_style_on_scroll .header-widget.widget_nav_menu ul.menu > li > a, .light.header_style_on_scroll .header-widget p, .light.header_style_on_scroll .header-widget a, .light.header_style_on_scroll .header-widget span { color: #fff; } .light:not(.sticky):not(.scrolled) .header-widget .q_social_icon_holder i.simple_social, .light:not(.sticky):not(.scrolled) .header-widget .q_social_icon_holder span.simple_social, .light:not(.sticky):not(.scrolled) .header-widget #lang_sel > ul > li > a, .light:not(.sticky):not(.scrolled) .header-widget #lang_sel_click > ul > li > a, .light.header_style_on_scroll .header-widget .q_social_icon_holder i.simple_social, .light.header_style_on_scroll .header-widget .q_social_icon_holder span.simple_social, .light.header_style_on_scroll .header-widget #lang_sel > ul > li > a, .light.header_style_on_scroll .header-widget #lang_sel_click > ul > li > a { color: #fff !important; } .dark:not(.sticky):not(.scrolled) .q_social_icon_holder i.simple_social, .dark:not(.sticky):not(.scrolled) .q_social_icon_holder span.simple_social, .dark:not(.sticky):not(.scrolled) .header-widget, .dark:not(.sticky):not(.scrolled) .header-widget.widget_nav_menu ul.menu > li > a, .dark:not(.sticky):not(.scrolled) .header-widget p, .dark:not(.sticky):not(.scrolled) .header-widget a, .dark:not(.sticky):not(.scrolled) .header-widget span, .dark.header_style_on_scroll .q_social_icon_holder i.simple_social, .dark.header_style_on_scroll .q_social_icon_holder span.simple_social, .dark.header_style_on_scroll .header-widget, .dark.header_style_on_scroll .header-widget.widget_nav_menu ul.menu > li > a, .dark.header_style_on_scroll .header-widget p, .dark.header_style_on_scroll .header-widget a, .dark.header_style_on_scroll .header-widget span { color: #000; } .dark:not(.sticky):not(.scrolled) .header-widget .q_social_icon_holder i.simple_social, .dark:not(.sticky):not(.scrolled) .header-widget .q_social_icon_holder span.simple_social, .dark:not(.sticky):not(.scrolled) .header-widget #lang_sel > ul > li > a, .dark:not(.sticky):not(.scrolled) .header-widget #lang_sel_click > ul > li > a, .dark.header_style_on_scroll .header-widget .q_social_icon_holder i.simple_social, .dark.header_style_on_scroll .header-widget .q_social_icon_holder span.simple_social, .dark.header_style_on_scroll .header-widget #lang_sel > ul > li > a, .dark.header_style_on_scroll .header-widget #lang_sel_click > ul > li > a { color: #000 !important; } .side_menu_button a:last-child { padding: 0px 0px 0px 8px; } .header_inner_right.left_side .side_menu_button a:last-child { padding: 0px; } header.sticky .header_inner_right.left_side { display: none; } .side_menu .q_font_awsome_icon .qode_icon_element { color: #818181; -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; margin: 0 8px 0 0; -webkit-backface-visibility: visible; /* fix the problem with boxed background on Chrome */ } .side_menu li:hover .q_font_awsome_icon .qode_icon_element { color: #fff; } .q_slider { width: 100%; overflow: hidden; position: relative; z-index: 10; } .ls-wp-fullwidth-helper { left: 0px !important; } .content { margin-top: 0; position: relative; z-index: 100; background-color: #f6f6f6; } .content.content_top_margin { margin-top: 100px !important; } .content.content_top_margin_none { margin-top: 0 !important; } .container { position: relative; padding: 0; width: 100%; z-index: 100; } .container_inner { width: 1100px; margin: 0px auto; } .content .container { background-color: #f6f6f6; } .content .container .container_inner { padding: 0px 0px 0px 0px; } .content .container .container_inner.page_container_inner { padding: 30px 0px 0px 0px; } .full_page_container_inner { padding: 30px 0px 0px 0px; } .full_width { position: relative; z-index: 100; background-color: #f6f6f6; } .header_bottom .container_inner { position: relative; } .content .title .container_inner { padding: 0px !important; } section.section { display: block; position: relative; padding: 50px 0; overflow: hidden; } div.section { position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover; } .use_row_as_box { -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .vc_row.disable_negative_margin { margin-left: 0; margin-right: 0; } div.video_section { overflow: hidden; } .boxed .section .section_inner, .grid_section .section_inner { width: 1100px; margin: 0px auto; position: relative; z-index: 20; } .full_section_inner { position: relative; z-index: 20; } /* Grid width change - Start */ @media only screen and (min-width: 1400px) { .qode_grid_1300 .container_inner, .qode_grid_1300.boxed .section .section_inner, .qode_grid_1300 .grid_section .section_inner, .qode_grid_1300 .title_border_in_grid_holder, .qode_grid_1300 .full_width .parallax_content, .qode_grid_1300 .footer_top_border.in_grid, .qode_grid_1300 .footer_bottom_border.in_grid, .qode_grid_1300 .carousel-inner .slider_content_outer, .qode_grid_1300 .container_inner nav.content_menu, .qode_grid_1300 nav.content_menu ul, .qode_grid_1300.boxed nav.content_menu.fixed { width: 1300px; } body.qode_grid_1300.boxed .wrapper_inner, body.qode_grid_1300.boxed .footer_inner, .qode_grid_1300.boxed .header_inner, .qode_grid_1300.boxed .carousel-inner { width: 1350px; } .qode_grid_1300.boxed.vertical_menu_enabled .carousel-inner { width: 1350px !important; } .qode_grid_1300 .drop_down .wide .second ul li { width: 299px; } } @media only screen and (min-width: 1300px) { .qode_grid_1200 .container_inner, .qode_grid_1200.boxed .section .section_inner, .qode_grid_1200 .grid_section .section_inner, .qode_grid_1200 .title_border_in_grid_holder, .qode_grid_1200 .full_width .parallax_content, .qode_grid_1200 .footer_top_border.in_grid, .qode_grid_1200 .footer_bottom_border.in_grid, .qode_grid_1200 .carousel-inner .slider_content_outer, .qode_grid_1200 .container_inner nav.content_menu, .qode_grid_1200 nav.content_menu ul, .qode_grid_1200.boxed nav.content_menu.fixed { width: 1200px; } body.qode_grid_1200.boxed .wrapper_inner, body.qode_grid_1200.boxed .footer_inner, .qode_grid_1200.boxed .header_inner, .qode_grid_1200.boxed .carousel-inner { width: 1250px; } .qode_grid_1200.boxed.vertical_menu_enabled .carousel-inner { width: 1250px !important; } .qode_grid_1200 .drop_down .wide .second ul li { width: 274px; } } /* Grid width change - End */ /* Section Video Background - Start */ .section .mobile-video-image { background-position: center center; background-repeat: no-repeat; background-size: cover; display: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 10; } .section .video-overlay { height: 3000px; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; z-index: 11; } .section .video-overlay.active { background-image: url("img/pixel-video.png"); background-position: 0px 0px; background-repeat: repeat; opacity: 1; } .section .video-wrap { top: 0px; left: 0px; overflow: hidden; position: absolute; width: 100%; z-index: 10; } .section .video-wrap .mejs-poster { background-size: cover !important; -moz-background-size: cover !important; -webkit-background-size: cover !important; -o-background-size: cover !important; } .section .video-wrap .mejs-container .mejs-controls { display: none !important; } .section .video-wrap .mejs-controls .mejs-button button:focus { outline: none !important; } .section .video-wrap .mejs-controls .mejs-time-rail .mejs-time-loaded { background-color: rgba(255, 255, 255, 0.18) !important; } .section .video-wrap .mejs-container { background-color: transparent !important; background-image: none !important; height: auto !important; } .section .video-wrap .mejs-mediaelement { background: none !important; border: 0px !important; } .section .video-wrap .mejs-container .mejs-poster img { max-width: none !important; width: 100% !important; } .section .video-wrap .mejs-controls button { opacity: 0.8; } .section .video-wrap .mejs-controls button:hover, .mejs-controls .mejs-fullscreen-button:hover button { opacity: 1 !important; } .section .video-wrap .mejs-controls .mejs-time-rail .mejs-time-total { background: #1f1f1f none repeat scroll 0 0 !important; } .section .video-wrap .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { background: transparent !important; } /* Section Video Background - End */ .two_columns_66_33 { width: 100%; } .two_columns_66_33 > .column1 { width: 66.66%; float: left; } .two_columns_66_33 > .column1 > .column_inner { padding: 0 20px 0 0; } .two_columns_66_33 > .column2 { width: 33.33%; float: left; } .two_columns_66_33 > .column2 > .column_inner { padding: 0 0 0 20px; } .two_columns_33_66 { width: 100%; } .two_columns_33_66 > .column1 { width: 33.33%; float: left; } .two_columns_33_66 > .column1 > .column_inner { padding: 0 20px 0 0; } .two_columns_33_66 > .column2 { width: 66.66%; float: left; } .two_columns_33_66 > .column2 > .column_inner { padding: 0 0 0 20px; } .two_columns_75_25 { width: 100%; } .two_columns_75_25 > .column1 { width: 75%; float: left; } .two_columns_75_25 > .column1 > .column_inner { padding: 0 20px 0 0; } .two_columns_75_25 > .column2 { width: 25%; float: left; } .two_columns_75_25 > .column2 > .column_inner { padding: 0 0 0 20px; } .two_columns_25_75 { width: 100%; } .two_columns_25_75 > .column1 { width: 25%; float: left; } .two_columns_25_75 > .column1 > .column_inner { padding: 0 20px 0 0; } .two_columns_25_75 > .column2 { width: 75%; float: left; } .two_columns_25_75 > .column2 > .column_inner { padding: 0 0 0 20px; } .two_columns_50_50 { width: 100%; } .two_columns_50_50 > .column1 { width: 50%; float: left; } .two_columns_50_50 > .column1 > .column_inner { padding: 0 10px 0 0; } .two_columns_50_50 > .column2 { width: 50%; float: left; } .two_columns_50_50 > .column2 > .column_inner { padding: 0 0 0 10px; } .three_columns { width: 100%; } .three_columns > .column1, .three_columns > .column2, .three_columns > .column3 { width: 33.33%; float: left; } .three_columns > .column1 > .column_inner { padding: 0 15px 0 0; } .three_columns > .column2 > .column_inner { padding: 0 5px 0 10px; } .three_columns > .column3 > .column_inner { padding: 0 0 0 15px; } .four_columns { width: 100%; } .four_columns > .column1, .four_columns > .column2, .four_columns > .column3, .four_columns > .column4 { width: 25%; float: left; } .four_columns > .column1 > .column_inner { padding: 0 15px 0 0; } .four_columns > .column2 > .column_inner { padding: 0 10px 0 5px; } .four_columns > .column3 > .column_inner { padding: 0 5px 0 10px; } .four_columns > .column4 > .column_inner { padding: 0 0 0 15px; } .five_columns > .column1, .five_columns > .column2, .five_columns > .column3, .five_columns > .column4, .five_columns > .column5 { width: 20%; float: left; } .five_columns > .column1 > .column_inner, .five_columns > .column2 > .column_inner, .five_columns > .column3 > .column_inner, .five_columns > .column4 > .column_inner { margin: 0 2.5% 0 0; } .five_columns > .column5 > .column_inner { margin: 0; } .title_outer.animate_title_area { overflow: hidden; } .title { display: block; width: 100%; height: 100px; text-align: left; position: relative; z-index: 101; border-bottom-color: #eee; } .title_outer.with_image .title { height: auto !important; line-height: normal; background: none; } .title img { display: block; position: relative; width: 100%; } .title .not_responsive { display: none; } .title .title_holder { display: table; height: 100%; left: 0; position: relative; width: 100%; } .title_outer.with_image .title .title_holder, .title_outer .has_fixed_background.title .title_holder, .title_outer .has_background.title .title_holder { position: absolute; top: 0%; display: block; } .title .title_overlay { position: absolute; width: 100%; height: 100%; background-repeat: repeat; background-position: 0px 0px; top: 0; } .title .title_holder .container { display: table-cell; vertical-align: middle; background-color: transparent; } .title_outer.with_image .title .title_holder .container, .title_outer .has_fixed_background.title .title_holder .container, .title_outer .has_background.title .title_holder .container { display: block; height: 100%; } .content .title_outer.with_image .title .container_inner, .title_outer .has_fixed_background.title .title_holder .container_inner, .title_outer .has_background.title .title_holder .container_inner { display: table; height: 100%; } .title_subtitle_holder { display: block; padding: 0px; position: relative; } .title_outer.with_image .title .title_subtitle_holder, .title_outer .has_fixed_background.title .title_subtitle_holder, .title_outer .has_background.title .title_subtitle_holder { display: table-cell; vertical-align: middle; width: 100%; } .title_subtitle_holder_inner { position: relative; } .title h1 { color: #303030; padding: 0px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; } .title.title_size_medium h1 { font-size: 24px; line-height: 1.384615384615385em; } .title.title_size_small h1, .title h1 { font-size: 17px; line-height: 1.304347826086957em; } .title.title_size_large h1 { font-size: 47px; line-height: 60px; } .title_text_shadow .title h1 { text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); } .subtitle { display: block; } .title .text_above_title { display: block; color: #1abc9c; margin-bottom: 10px; } .title.title_size_large .text_above_title { font-size: 23px; line-height: 1.4em; } .title_text_shadow .text_above_title { text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); } .title_text_shadow .subtitle { text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); } .animate_title_text .title h1 { -webkit-animation: title-from-right 0.5s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275) 1s; -moz-animation: title-from-right 0.5s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275) 1s; -o-animation: title-from-right 0.5s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275) 1s; animation: title-from-right 0.5s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275) 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; visibility: visible; } @-webkit-keyframes title-from-right { 0% { filter: alpha(opacity=0); opacity: 0; -webkit-transform: translate(50%, 0); } 100% { filter: alpha(opacity=100); opacity: 1; -webkit-transform: translate(0, 0); } } @-moz-keyframes title-from-right { 0% { filter: alpha(opacity=0); opacity: 0; -moz-transform: translate(50%, 0); } 100% { filter: alpha(opacity=100); opacity: 1; -moz-transform: translate(0, 0); } } @-o-keyframes title-from-right { 0% { filter: alpha(opacity=0); opacity: 0; -o-transform: translate(50%, 0); } 100% { filter: alpha(opacity=100); opacity: 1; -o-transform: translate(0, 0); } } @keyframes title-from-right { 0% { filter: alpha(opacity=0); opacity: 0; transform: translate(50%, 0); } 100% { filter: alpha(opacity=100); opacity: 1; transform: translate(0, 0); } } .position_center.title .title_subtitle_holder { text-align: center; } .position_right.title .title_subtitle_holder { text-align: right; } .position_right .breadcrumb { left: 0; right: auto; } .title.has_background { background-repeat: no-repeat; background-position: center 0; } .title.has_fixed_background { background-repeat: no-repeat; background-attachment: fixed; background-position: center 0; position: relative; z-index: 101; } .breadcrumb { position: absolute; height: 100%; font-size: 13px; top: 0; right: 0; color: #303030; } .breadcrumbs { display: table; height: 100%; width: 100%; line-height: 1em; } .breadcrumbs .breadcrumbs_inner { display: table-cell; vertical-align: middle; } .title_text_shadow .breadcrumbs .breadcrumbs_inner { text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); } .position_center.title .breadcrumb { position: relative; text-align: center; } .title .separator.small, .title .separator.small.left, .title .separator.small.right { margin-top: 14px; margin-bottom: 10px; } .title_border_in_grid_holder { height: 1px; width: 1100px; margin: 0 auto; background-color: #eee; } .breadcrumb .current { color: #303030; } .breadcrumb a { color: #303030; } .breadcrumb a:hover { color: #1abc9c; } .touch .title.has_fixed_background { background-attachment: scroll; } .box_image_with_border { display: block; position: relative; border-bottom: 5px solid #dddddd; -webkit-transition: all .4s ease-out 0s; -moz-transition: all .4s ease-out 0s; -o-transition: all .4s ease-out 0s; -ms-transition: all .4s ease-out 0s; text-align: center; } .box_image_with_border:hover { border-color: #1abc9c; } .box_image_with_border h3 { margin: 0 0 15px; } .box_image_holder { display: block; position: relative; margin: 0 0 56px; text-align: left; } .box_image_holder a { position: relative; display: block; } .box_image_holder .box_image_shadow { display: block; position: absolute; bottom: -8px; left: 0; width: 100%; height: 100%; background-image: url("img/box_image_shadow.png"); background-repeat: no-repeat; background-position: center bottom; background-size: 100% 30px; -webkit-background-size: 100% 30px; -moz-background-size: 100% 30px; -o-background-size: 100% 30px; -webkit-transition: all .4s ease-out 0s; -moz-transition: all .4s ease-out 0s; -o-transition: all .4s ease-out 0s; -ms-transition: all .4s ease-out 0s; } .box_image_with_border:hover .box_image_shadow { bottom: -13px; opacity: 0.2; filter: alpha(opacity=20); } .box_image_holder .image_holder_inner { position: relative; display: inline-block; width: 100%; top: 0px; left: 0px; -webkit-transition: all .4s ease-out 0s; -moz-transition: all .4s ease-out 0s; -o-transition: all .4s ease-out 0s; -ms-transition: all .4s ease-out 0s; } .box_image_with_border:hover .box_image_holder .image_holder_inner { top: -15px; } .box_image_holder img { width: 100%; } .box_image_holder .box_icon { display: inline-block; position: absolute; left: 50%; bottom: 0px; -webkit-transform: translateZ(0px); -moz-transform: translateZ(0px); } .box_image_holder .box_icon .fa-stack { margin: 0 0 0 -50%; font-size: 4em; } .box_image_holder .box_icon .fa-stack i { margin: 35% 0 0; } .box_image_holder .box_icon .fa-stack i.fa-stack-base { color: #1abc9c; } .separator { position: relative; display: block; height: 1px; background-color: #eaeaea; margin: 10px 0; } .separator.transparent { background-color: transparent; } .separator.small { background-color: #303030; height: 2px; position: relative; width: 22px; display: block; margin: 10px auto 20px auto; } .wpb_column > .wpb_wrapper .separator.small { margin-bottom: 20px; } .separator.small.left { margin-left: 0; margin-right: 0; } .separator.small.right { margin-left: auto; margin-right: 0; } /* ========================================================================== Icon list shortcode styles ========================================================================== */ .q_icon_list { margin-bottom: 21px; } .q_icon_list .qode-ili-icon-holder { float: left; } .q_icon_list p { font-size: 15px; line-height: 27px; font-weight: 400; margin: 0 0 10px; padding: 0 0 0 38px; position: relative; color: #303030; } .q_icon_list i, .q_icon_list .qode-ili-icon-holder { background-color: #1abc9c; color: #fff; font-size: 18px; line-height: 27px; height: 27px; width: 27px; text-align: center; border-radius: 2em; -webkit-border-radius: 2em; -moz-border-radius: 2em; -o-border-radius: 2em; } .q_icon_list i.transparent, .q_icon_list .qode-ili-icon-holder.transparent { background: transparent; border: 0; color: #ababab; } /* ========================================================================== Progress bar shortcode start styles ========================================================================== */ .q_progress_bar { position: relative; margin: 0 0 28px 0; width: 100%; overflow: hidden; text-align: left; } .q_progress_bar .progress_content_outer { background-color: #e3e3e3; position: relative; overflow: hidden; height: 13px; } .q_progress_bar .progress_content { position: absolute; top: 0; left: 0; max-width: 100%; overflow: hidden; background-color: #1abc9c; height: 13px; box-sizing: border-box; } .q_progress_bar .progress_title_holder { position: relative; margin: 0 0 7px 0; } .q_progress_bar .progress_title { display: inline-block; z-index: 100; } .q_progress_bar .progress_number_wrapper { text-align: right; position: absolute; left: 0px; z-index: 10; opacity: 0; filter: alpha(opacity=0); color: #fff; } .q_progress_bar .progress_number { position: absolute; right: 0; font-size: 18px; font-weight: 500; top: -1px; } /* ========================================================================== Progress bar shortcode end styles ========================================================================== */ /* ========================================================================== Vertical progress bar shortcode start styles ========================================================================== */ .q_progress_bars_vertical .progress_content_outer { height: 200px; position: relative; background-color: #e3e3e3; } .q_progress_bars_vertical .progress_number { font-size: 18px; line-height: 1em; color: #303030; display: block; position: relative; font-weight: 500; margin-bottom: 14px; } .q_progress_bars_vertical .progress_title { margin-bottom: 0.7777777777777778em; margin-top: 1em; } .q_progress_bars_vertica .progress_text { display: inline-block; line-height: 18px; } .q_progress_bars_vertical .progress_content_outer .progress_content { display: inline-block; width: 100%; position: absolute; bottom: 0; left: 0px; background-color: #1abc9c; box-sizing: border-box; } /* ========================================================================== Vertical progress bar shortcode end styles ========================================================================== */ /* ========================================================================== Counter shortcode start styles ========================================================================== */ .q_counter_holder { display: block; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity .4s ease 0s; -moz-transition: opacity .4s ease 0s; -o-transition: opacity .4s ease 0s; padding: 20px 0; } .q_counter_holder.boxed_counter { border: 1px solid #eaeaea; padding: 20px 40px; background-color: #fff; } .q_counter_holder.left { text-align: left; } .q_counter_holder.right { text-align: right; } .q_counter_holder.center { text-align: center; padding: 20px 40px; } .q_counter_holder span.counter { font-size: 60px; line-height: 1em; font-weight: 300; color: #1abc9c; display: inline-block !important; height: 1em; } .q_counter_holder p.counter_text { font-weight: 600; text-transform: uppercase; letter-spacing: 1px; margin: 12px 0 0 0; } .q_counter_holder .separator.small { background-color: #eaeaea; margin: 19px auto 0px auto; } .q_counter_holder.left .separator.small { margin-left: 0; margin-right: auto; } .q_counter_holder.right .separator.small { margin-left: auto; margin-right: 0; } /* ========================================================================== Counter shortcode end styles ========================================================================== */ /* ========================================================================== Box Holder shortcode start styles ========================================================================== */ .q_box_holder { display: block; position: relative; border: 1px solid transparent; z-index: 200; } .q_box_holder.with_icon { border: 2px solid #c0c0c0; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .box_holder_inner { padding: 30px 20px; display: block; } .q_box_holder.with_icon .box_holder_inner.tiny { padding: 37px 20px 30px; } .q_box_holder.with_icon .box_holder_inner.small { padding: 45px 20px 30px; } .q_box_holder.with_icon .box_holder_inner.medium { padding: 58px 20px 30px; } .q_box_holder.with_icon .box_holder_inner.large { padding: 71px 20px 30px; } .q_box_holder.with_icon .box_holder_inner.very_large { padding: 85px 20px 30px; } .box_holder_inner.left { text-align: left; } .box_holder_inner.right { text-align: right; } .box_holder_inner.center { text-align: center; } .box_holder_icon { position: absolute; display: block; left: 50%; top: 0; z-index: 250; } .box_holder_icon_inner { margin: -50% 0 0 -50%; } .box_holder_icon_inner.circle, .box_holder_icon_inner.square, .box_holder_icon_inner.image { margin: -50% 0 0 -50%; } .box_holder_icon_inner.circle .fa-stack, .circle .icon_holder .fa-stack { -o-border-radius: 2em; -moz-border-radius: 2em; -webkit-border-radius: 2em; -ms-border-radius: 2em; border-radius: 2em; } .box_holder_icon .fa-stack i { color: #1abc9c; } .box_holder_icon_inner.tiny i.fa-circle { font-size: 40px; } .box_holder_icon_inner.image.tiny img { height: 35px; } .box_holder_icon_inner.image.small img { height: 52px; } .box_holder_icon_inner.image.medium img { height: 78px; } .box_holder_icon_inner.image.large img { height: 104px; } .box_holder_icon_inner.image.very_large img { height: 130px; } /* ========================================================================== Box Holder shortcode end styles ========================================================================== */ /* ========================================================================== Button shortcode start styles ========================================================================== */ .qbutton, .load_more a, .blog_load_more_button a, #submit_comment, .drop_down .wide .second ul li .qbutton, .drop_down .wide .second ul li ul li .qbutton { position: relative; display: inline-block; width: auto; height: 39px; line-height: 39px; margin: 0; padding: 0px 23px; border: 2px solid #303030; font-size: 13px; font-weight: 700; font-family: inherit; text-align: left; color: #303030; text-decoration: none; cursor: pointer; white-space: nowrap; outline: none; font-style: normal; text-transform: uppercase; letter-spacing: 1px; -o-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; text-shadow: none; background-color: transparent; -webkit-transition: color 0.1s linear, background-color 0.1s linear,border-color 0.1s linear; -moz-transition: color 0.1s linear, background-color 0.1s linear,border-color 0.1s linear; -ms-transition: color 0.1s linear, background-color 0.1s linear,border-color 0.1s linear; -o-transition: color 0.1s linear, background-color 0.1s linear,border-color 0.1s linear; transition: color 0.1s linear, background-color 0.1s linear,border-color 0.1s linear; -webkit-box-sizing: initial !important; -moz-box-sizing: initial !important; box-sizing: initial !important; } /*Enlarge Button Styles - start*/ .qbutton.enlarge { -webkit-transition: color 0.1s linear, background-color 0.1s linear,border-color 0.1s linear, padding .1s linear; transition: color 0.1s linear, background-color 0.1s linear,border-color 0.1s linear, padding .1s linear; } /*Enlarge Button Styles - end*/ input.qbutton { line-height: 36px; } .qbutton:hover, .load_more a:hover, .blog_load_more_button a:hover, #submit_comment:hover, .drop_down .wide .second ul li .qbutton:hover, .drop_down .wide .second ul li ul li .qbutton:hover { background-color: #1abc9c; border-color: #1abc9c; color: #fff; text-decoration: none; } .qbutton.left { text-align: left; } .qbutton.right { text-align: right; } .qbutton.center { text-align: center; } /* Button sizes styles ========================================================================== */ .qbutton.big_large { height: 58px; line-height: 58px; font-size: 20px; padding: 0 22px; } .qbutton.big_large_full_width { width: 100%; height: 90px; line-height: 90px; font-size: 20px; padding: 0; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; } .qbutton.large { height: 47px; line-height: 47px; font-size: 16px; padding: 0px 29px; } .qbutton.small { height: 30px; line-height: 30px; font-size: 12px; padding: 0 17px; } /* Button color styles ========================================================================== */ .qbutton.white { border-color: #fff; color: #fff; } .qbutton.white:hover { background-color: #1abc9c; border-color: #1abc9c; } .qbutton.green { border-color: #1abc9c; color: #fff; background-color: #1abc9c; } .qbutton.green:hover { background-color: #fff; border-color: #fff; color: #a2a2a2; } /* Button with icon styles ========================================================================== */ .qbutton i, .qbutton .qode_button_icon_element { margin: 0 0 0 10px; } .qbutton.large i, .qbutton.large .qode_button_icon_element { margin: 0 0 0 17px; } .qbutton.medium i, .qbutton.medium .qode_button_icon_element { margin: 0 0 0 15px; } .qbutton.small i, .qbutton.small .qode_button_icon_element { margin: 0 0 0 10px; } .qbutton.tiny i, .qbutton.tiny .qode_button_icon_element { margin: 0 0 0 8px; } .qbutton.big_large i, .qbutton.big_large .qode_button_icon_element, .qbutton.big_large_full_width i, .qbutton.big_large_full_width .qode_button_icon_element { margin: 0 0 0 19px; } /* Button usage custom styles ========================================================================== */ #submit_comment, .load_more.tiny a { height: 39px; line-height: 39px; font-size: 12px; padding: 0px 18px; } #submit_comment { line-height: 36px; } /* ========================================================================== Button end styles ========================================================================== */ /* ========================================================================== Pie Charts and Pie Charts With Icon start styles ========================================================================== */ .easyPieChart { position: relative; } .easyPieChart canvas { position: absolute; top: 0; left: 0; } .q_pie_chart_holder, .q_pie_chart_with_icon_holder { display: block; margin: 0 0 30px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity .3s ease 0s; -moz-transition: opacity .3s ease 0s; -o-transition: opacity .3s ease 0s; } .q_percentage { font-size: 35px; font-weight: 500; color: #303030; text-align: center; margin: 0 auto; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity .3s ease 0s; -moz-transition: opacity .3s ease 0s; -o-transition: opacity .3s ease 0s; } .q_percentage_with_icon { color: #1abc9c; text-align: center; margin: 0 auto; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity .3s ease 0s; -moz-transition: opacity .3s ease 0s; -o-transition: opacity .3s ease 0s; -webkit-backface-visibility: hidden; } .q_pie_chart_holder .tocounter { float: none; margin: 0; } .q_percentage_with_icon i { float: none; margin: 0; vertical-align: middle !important; color: #b9b9b9; } .q_pie_chart_holder .pie_chart_text, .q_pie_chart_with_icon_holder .pie_chart_text { text-align: center; margin: 28px 0 0; } .q_pie_chart_holder .pie_chart_text .pie_title, .q_pie_chart_with_icon_holder .pie_chart_text .pie_title { margin: 0 0 0.35em; } .q_pie_chart_holder .separator.small { background-color: #eaeaea; margin: 10px auto 12px auto; } /* ========================================================================== Pie Charts and Pie Charts With Icon end styles ========================================================================== */ /* ========================================================================== Image With Text start styles ========================================================================== */ .image_with_text { display: inline-block; width: 100%; position: relative; } .image_with_text img { display: block; margin: 0 0 22px 0; } /* ========================================================================== Image With Text end styles ========================================================================== */ /* ========================================================================== Call to action styles ========================================================================== */ .call_to_action { position: relative; display: block; padding: 51px 21px; background-color: #1abc9c; } .content .container .container_inner.page_container_inner .call_to_action .container_inner { width: auto; } .call_to_action .two_columns_75_25 { position: relative; } .call_to_action .text_wrapper { position: relative; } .call_to_action .text_wrapper .call_to_action_text { color: #fff; letter-spacing: 1px; font-size: 22px; font-weight: 500; } .call_to_action .text_wrapper .call_to_action_text.font_size_inherit p { font-size: inherit; } .call_to_action .text_wrapper .call_to_action_text.color_inherit p { color: inherit; } .call_to_action .text_wrapper .call_to_action_text.font_weight_inherit p { font-weight: inherit; } .call_to_action .text_wrapper .call_to_action_text.letter_spacing_inherit p { letter-spacing: inherit; } .call_to_action.with_icon .text_wrapper .call_to_action_text { padding: 0 0 0 54px; line-height: 1em; } .call_to_action .text_wrapper .call_to_action_icon_holder { position: absolute; height: 100%; } .call_to_action .text_wrapper .call_to_action_icon { display: table; height: 100%; } .call_to_action .text_wrapper .call_to_action_icon_inner { display: table-cell; height: 100%; vertical-align: middle; } .call_to_action .text_wrapper .call_to_action_icon_inner i { color: #fff; } .call_to_action .column2.button_wrapper { text-align: right; } .call_to_action .column2.button_wrapper .qbutton { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .call_to_action .column2.button_wrapper .qbutton.small { margin-top: -17px; } .call_to_action .column2.button_wrapper .qbutton.large { margin-top: -25px; } .call_to_action .column2.button_wrapper .qbutton.big_large { margin-top: -31px; } .call_to_action.simple .text_wrapper { position: relative; display: inline-block; width: 100%; vertical-align: middle; text-align: center; } .call_to_action.simple .text_wrapper > * { position: relative; display: inline-block; vertical-align: middle; } .call_to_action.simple .text_wrapper > .qbutton { margin: 0 0 0 35px; } /* ========================================================================== Parallax shortcode styles ========================================================================== */ .full_width .parallax_content { width: 1100px; margin: 0px auto; } section.section section.parallax { margin: -50px 0px; } .boxed section.section section.parallax { margin: -50px -25px; } .boxed .full_width .parallax_content { width: auto; margin: 0px; padding: 0px 25px; } section.parallax_section_holder { position: static; padding: 0px; background-repeat: no-repeat; background-color: transparent; background-position: center 0px; background-attachment: fixed; overflow: hidden; } section.parallax_section_holder.qode_vertical_middle_align { display: table; width: 100%; } .parallax_content, .parallax_content_full_width { z-index: 100; position: relative; } .qode_vertical_middle_align .parallax_content_outer { display: table-cell; height: 100%; vertical-align: middle; } .parallax_content.left, .parallax_content_full_width.left { text-align: left; } .parallax_content.center, .parallax_content_full_width.center { text-align: center; } .parallax_content.right, .parallax_content_full_width.right { text-align: right; } /* ========================================================================== Portfolio styles ========================================================================== */ .portfolio_single { display: block; position: relative; } .portfolio_single_text_holder, .portfolio_detail, .lightbox_single_portfolio { position: relative; } .portfolio_single .flexslider, .portfolio_single .portfolio_single_text_holder { margin: 0 0 40px; } .portfolio_single .portfolio_images .fluid-width-video-wrapper, .portfolio_single .portfolio_images img { margin: 0 0 18px; } .portfolio_single a.lightbox_single_portfolio.video_in_lightbox { display: block; } .portfolio_single a.lightbox_single_portfolio > i { position: absolute; top: 50%; left: 50%; display: inline-block; vertical-align: middle; font-size: 40px; color: #fff; margin: -20px 0 0 -15px; z-index: 110; } .portfolio_single .portfolio_container { position: relative; z-index: 200; } .portfolio_single h2 { margin: 0px 0 5px 0; } .portfolio_single h3 { margin: 0px 0 8px 0; } .portfolio_detail.portfolio_single_follow { position: relative; } .portfolio_detail .info { padding: 0 0 9px; margin: 0 0 9px; } .portfolio_detail .info:last-child { border: 0px; } .portfolio_template_8 .portfolio_detail .info { display: inline-block; margin-bottom: 20px; padding: 0px; vertical-align: middle; width: 100%; } .portfolio_template_8 .portfolio_detail .info h6 { float: left; width: 35%; font-weight: 600; } .portfolio_template_8 .portfolio_detail .info p, .portfolio_template_8 .portfolio_detail .info span { float: right; width: 65%; font-size: 12px; line-height: 1.6em; } .portfolio_template_8 .portfolio_detail .info.portfolio_categories .category { color: #1abc9c; } .video_holder { position: relative; width: 100%; display: block; min-height: 1px; } .portfolio_single .video .mobile-video-image { background-position: center center; background-repeat: no-repeat; background-size: cover; display: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 10; } .portfolio_single .video { margin: 0 0 44px; position: relative; } .portfolio_single .video .video-wrap { overflow: hidden; position: relative; width: 100%; z-index: 10; } .portfolio_single .video .video-wrap .mejs-poster { background-size: cover !important; -moz-background-size: cover !important; -webkit-background-size: cover !important; -o-background-size: cover !important; width: 100% !important; height: 100% !important; } .portfolio_single .video .video-wrap .mejs-container { background-color: transparent !important; background-image: none !important; height: 100% !important; width: 100% !important; overflow: hidden; } .portfolio_single .video .video-wrap .mejs-mediaelement { background: none !important; border: 0px !important; } .portfolio_single .video .video-wrap .mejs-container .mejs-poster img { max-width: none !important; width: 100% !important; } .portfolio_single .mejs-container .mejs-controls { visibility: visible !important; } .portfolio_single .mejs-controls .mejs-volume-button .mejs-volume-slider { display: none !important; } .flexslider .slides .mejs-poster img, .portfolio_slider .portfolio_slides .mejs-poster img { display: none; } .portfolio_single .flexslider .video .video-wrap { margin: 0px; } /* Portfolio navigation styles ========================================================================== */ .portfolio_navigation { display: inline-block; width: 100%; text-align: center; padding: 28px 0 50px; z-index: 100; position: relative; } .portfolio_navigation .portfolio_prev, .portfolio_navigation .portfolio_next, .portfolio_navigation .portfolio_button { display: inline-block; height: 35px; line-height: 35px; } .portfolio_navigation .portfolio_prev { position: absolute; left: 0; } .portfolio_navigation .portfolio_next { position: absolute; right: 0; } .portfolio_navigation .portfolio_prev a, .portfolio_navigation .portfolio_next a { position: relative; display: inline-block; width: 38px; height: 38px; line-height: 38px; margin: 0 11px 0 0; text-align: center; font-size: 21px; color: #b4b4b4; text-decoration: none; text-transform: uppercase; cursor: pointer; white-space: nowrap; border: 2px solid #e5e5e5; outline: none; -o-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; text-shadow: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .portfolio_navigation .portfolio_prev a:hover, .portfolio_navigation .portfolio_next a:hover { color: #303030; background-color: #e3e3e3; border-color: #e3e3e3; } .portfolio_navigation .portfolio_button a { background-image: url("img/portfolio_list_button.png"); background-position: 0 0; background-repeat: no-repeat; width: 19px; display: block; height: 19px; margin: 11px 0 0 0; -webkit-transition: background-image 0.3s ease-in-out; -moz-transition: background-image 0.3s ease-in-out; -ms-transition: background-image 0.3s ease-in-out; -o-transition: background-image 0.3s ease-in-out; transition: background-image 0.3s ease-in-out; } .portfolio_navigation .portfolio_button a:hover { background-image: url("img/portfolio_list_button_hover.png"); } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 150 / 100), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 160dpi) { .portfolio_navigation .portfolio_button a { background-image: url("img/portfolio_list_button@1_5x.png"); -o-background-size: 19px 19px; -webkit-background-size: 19px 19px; -moz-background-size: 19px 19px; background-size: 19px 19px; } .portfolio_navigation .portfolio_button a:hover { background-image: url("img/portfolio_list_button_hover@1_5x.png"); } } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 200 / 100), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 210dpi) { .portfolio_navigation .portfolio_button a { background-image: url("img/portfolio_list_button@2x.png"); -o-background-size: 19px 19px; -webkit-background-size: 19px 19px; -moz-background-size: 19px 19px; background-size: 19px 19px; } .portfolio_navigation .portfolio_button a:hover { background-image: url("img/portfolio_list_button_hover@2x.png"); } } .portfolio_navigation .portfolio_prev a:hover, .portfolio_navigation .portfolio_next a:hover { background-image: url("img/button-bg-px.png") !important; } .portfolio_navigation.navigation_title { border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; padding: 35px 0 30px; margin-top: 40px; } .portfolio_navigation.navigation_title .portfolio_prev a, .portfolio_navigation.navigation_title .portfolio_next a { border: 0 !important; width: auto; height: auto; color: #303030; background-color: transparent !important; } .portfolio_navigation.navigation_title .post_info { position: relative; display: inline-block; vertical-align: middle; text-align: left; padding-left: 20px; } .portfolio_navigation.navigation_title .portfolio_next .post_info { padding-left: 0px; padding-right: 20px; text-align: right; } .portfolio_navigation.navigation_title .post_info span { display: block; } .portfolio_navigation.navigation_title .post_info span.categories { font-size: 12px; color: #1abc9c; line-height: 1em; text-transform: none; margin-bottom: 8px; } .portfolio_social_holder { width: 100%; display: inline-block; } .portfolio_single .portfolio_social_holder .portfolio_share, .portfolio_single .portfolio_social_holder .portfolio_like { display: inline-block; margin: 0; } .portfolio_single.portfolio_template_8 .icon_social_holder { margin-top: 10px; margin-bottom: 65px; } .qode_portfolio_related { padding-bottom: 25px; } .qode_portfolio_related h4 { padding: 85px 0px 55px 0px; text-align: center; } .qode_portfolio_related .projects_holder article .portfolio_description .project_category { margin: 0px; font-size: 12px; color: #1abc9c; line-height: 1.5em; text-transform: none; font-weight: 300; } .portfolio_gallery { display: inline-block; width: 100%; position: relative; margin: 0 0 15px 0; } .portfolio_single .portfolio_gallery { margin: 0 0 3px 0; } .portfolio_gallery a { position: relative; float: left; display: inline-block; overflow: hidden; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0px); -moz-transform: translateZ(0px); } .portfolio_gallery a.v2 { width: 49%; margin: 0 2% 2% 0; } .portfolio_gallery a.v3 { width: 32%; margin: 0 2% 2% 0; } .portfolio_gallery a.v4 { width: 23.5%; margin: 0 2% 2% 0; } .portfolio_gallery a.v2:nth-child(2n), .portfolio_gallery a.v3:nth-child(3n), .portfolio_gallery a.v4:nth-child(4n) { margin: 0 0 2% 0; } .portfolio_gallery a img, .portfolio_gallery a frame { position: relative; display: block; width: 100%; z-index: 100; } .portfolio_gallery iframe { min-height: 200px; } .portfolio_gallery a .gallery_text_holder { background-color: #000; background-color: rgba(0, 0, 0, 0.5); position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; display: inline-block; z-index: 200; opacity: 0; filter: alpha(opacity=0); visibility: visible; -webkit-transition: opacity .4s; -moz-transition: opacity .4s; -o-transition: opacity .4s; -ms-transition: opacity .4s; } .portfolio_gallery a img { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .portfolio_gallery a:hover .gallery_text_holder { opacity: 1; filter: alpha(opacity=100); } .portfolio_gallery a .gallery_text_inner { display: table; text-align: center; vertical-align: middle; width: 100%; height: 100%; } .portfolio_gallery a .gallery_text_inner h6 { display: table-cell; text-align: center; vertical-align: middle; width: 100%; height: 100%; margin: 0; padding: 0px 15px; color: #fff; } .projects_holder_outer { margin: 0; display: block; width: 100%; } .projects_holder_outer .container .container_inner { padding: 0px 0px 0px 0px; } .full_width .projects_holder_outer.v6 .hover_text, .full_width .projects_holder_outer.v5 .hover_text, .full_width .projects_holder_outer.v4 .hover_text, .full_width .projects_holder_outer.v5 .standard, .full_width .projects_holder_outer.v6 .standard, .full_width .projects_holder_outer.v4 .standard { width: 95%; margin: 0 auto; } .full_width .section_inner .projects_holder_outer.v6 .hover_text, .full_width .section_inner .projects_holder_outer.v5 .hover_text, .full_width .section_inner .projects_holder_outer.v4 .hover_text, .full_width .section_inner .projects_holder_outer.v5 .standard, .full_width .section_inner .projects_holder_outer.v6 .standard, .full_width .section_inner .projects_holder_outer.v4 .standard { width: 100%; } .full_width .projects_holder_outer.v6 .hover_text.no_space, .full_width .projects_holder_outer.v5 .hover_text.no_space, .full_width .projects_holder_outer.v4 .hover_text.no_space { width: 100%; margin: 0; } .projects_holder { font-size: 0.1px; line-height: 0; list-style-type: none; text-align: justify; } .projects_holder:after, .projects_holder:before { content: ""; display: inline-block !important; width: 100%; vertical-align: middle; /* for white space on top of list */ } .projects_holder > .mix { /*display: none;*/ visibility: hidden; position: relative; vertical-align: top; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out; text-align: left; } .projects_holder.hideItems > .mix { display: none; } .projects_holder.hover_text.no_space:not(.portfolio_full_image) > .mix { float: left; } .projects_holder .mix .image { position: relative; display: block; overflow: hidden; width: 100%; -moz-transform: translateZ(0px); -webkit-transform: translateZ(0px); } .projects_holder article .image img { position: relative; display: block; width: 100%; z-index: 100; } .projects_holder article .image img, .portfolio_slider .portfolio_slides li.item img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; backface-visibility: hidden; } .projects_holder.hover_text.no_space article .image img { margin: 0 1px; } .projects_holder article .image_holder:hover .image img, .portfolio_slider .portfolio_slides li.item:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } .projects_holder article .image_holder, .projects_holder article .portfolio_description { display: block; position: relative; overflow: hidden; } .projects_holder article .image_holder.portfolio_jg_image_link { position: static; } .projects_holder article .portfolio_description { padding: 20px 0 22px; text-align: center; background-color: #fff; border-style: none; border-top: none !important; border-width: 1px; border-color: #fefefe; } .projects_holder article .portfolio_description.text_align_left { text-align: left; } .projects_holder article .portfolio_description.text_align_center { text-align: center; } .projects_holder article .portfolio_description.text_align_right { text-align: right; } .standard_no_space.projects_holder article .portfolio_description { margin: 0 -1px 0 0; } .projects_holder article .portfolio_description .portfolio_title { display: block; margin: 0 0 7px 0; } .portfolio_slider .image_holder .separator.small { margin: 10px auto; background-color: #fff; } .projects_holder article .hover_feature_holder_title .separator.small, .projects_masonry_holder article .hover_feature_holder_title .separator.small { background-color: #fff; margin-top: 10px; margin-bottom: 10px; } .projects_holder article .portfolio_description .separator.small { margin-top: 10px; margin-bottom: 10px; } .wpb_column > .wpb_wrapper .portfolio_slider .image_holder .separator.small { background-color: #fff; } .portfolio_slider .image_holder .separator.small.transparent { background-color: transparent !important; } .projects_holder.hover_text article .hover_feature_holder_title .separator, .projects_holder.justified-gallery article .hover_feature_holder_title .separator { background-color: #fff; } .projects_holder.hover_text article .hover_feature_holder_title .portfolio_title a, .projects_holder.justified-gallery article .hover_feature_holder_title .portfolio_title a, .projects_holder.hover_text article span.text_holder span.text_inner .hover_feature_holder_title .project_category, .projects_holder.justified-gallery article span.text_holder span.text_inner .hover_feature_holder_title .project_category { color: #fff; } .projects_holder.hover_text article span.text_holder span.text_inner .hover_feature_holder_title .project_category, .projects_holder.justified-gallery article span.text_holder span.text_inner .hover_feature_holder_title .project_category { font-weight: 500; } .projects_holder.hover_text article .hover_feature_holder_title .portfolio_title, .projects_holder.justified-gallery article .hover_feature_holder_title .portfolio_title { margin: 0 0 7px; } .projects_holder article .portfolio_description .project_category, .projects_holder.hover_text article .project_category, .projects_holder.justified-gallery article .project_category { line-height: 22px; display: block; font-size: 13px; font-weight: 500; } article .qode-portfolio-new-badge { position: absolute; top: 6px; right: 5px; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 9px; text-transform: uppercase; color: #fff; background-color: #303030; z-index: 1000; border-radius: 100%; font-weight: 700; letter-spacing: 1px; } .portfolio_single .portfolio_like { position: relative; display: inline-block; cursor: pointer; padding: 0px; } .portfolio_single .dots { padding: 0 7px 0 4px; } .portfolio_single .dots i { font-size: 3px; vertical-align: middle; } .portfolio_single .portfolio_like a { display: block; font-size: 13px; line-height: 13px; text-align: center; } .portfolio_single .portfolio_like span { line-height: 19px; } .portfolio_slider .portfolio_like a:hover i, .portfolio_slider .portfolio_like span { color: #e0e0e0; } .projects_holder article .portfolio_like a, .projects_holder article .portfolio_like:hover a { color: #fff; } .projects_holder article span.text_holder { background-color: #000; background-color: rgba(21, 21, 21, 0.78); bottom: 0; display: inline-block; height: 100%; left: 0; opacity: 0; position: absolute; transition: opacity 0.4s ease-in-out; -webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; -ms-transition: opacity 0.4s ease-in-out; visibility: visible; overflow: hidden; width: 100%; z-index: 200; } .touch .projects_holder article span.text_holder { display: none !important; height: 0 !important; width: 0 !important; opacity: 0 !important; visibility: hidden !important; } .projects_holder article:hover span.text_holder { height: 100% !important; } .projects_holder article .image_holder:hover span.text_holder, .projects_holder article:hover .image_holder.portfolio_jg_image_link + span.text_holder { opacity: 1; filter: alpha(opacity=100); } .projects_holder.hover_text.with_mask article .image_holder:hover .image_hover { opacity: 0; filter: alpha(opacity=0); } .projects_holder article span.text_holder span.text_outer { display: table; text-align: center; vertical-align: middle; width: 100%; height: 100%; overflow: hidden; } .projects_holder article span.text_holder span span.text_inner { display: table-cell; text-align: center; vertical-align: middle; width: 100%; height: 100%; margin: 0; padding: 0; } .projects_holder article span.text_holder span span.text_inner .project_category { color: #A6A6A6; display: block; font-size: 13px; line-height: 22px; } .projects_holder article .feature_holder, .projects_holder article .feature_holder .feature_holder_icons { display: inline-block; } .projects_holder.hover_text article .feature_holder, .projects_holder.justified-gallery article .feature_holder { width: 100%; } .projects_holder.hover_text article .feature_holder .feature_holder_icons, .projects_holder.justified-gallery article .feature_holder .feature_holder_icons { margin: 20px 0 0 0; } .portfolio_slider, .portfolio_slides .image_holder { position: relative; display: block; -webkit-backface-visibility: hidden; } .portfolio_slides .image_pixel_hover { position: absolute; height: 100%; width: 100%; display: block; background-color: transparent; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 100; } .touch .portfolio_slides .image_pixel_hover { display: none !important; } .portfolio_slides li:hover .image_pixel_hover { background-color: #000; background-color: rgba(21, 21, 21, 0.78); } .portfolio_slides .image_holder .image { position: relative; display: block; overflow: hidden; width: 100%; -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; transition: transform 0.4s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; } .portfolio_slides .hover_feature_holder { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; z-index: 101; } .touch .portfolio_slides .hover_feature_holder { display: none !important; } .portfolio_slides .hover_feature_holder_icons { position: relative; opacity: 0; text-align: center; display: inline-block; width: 100%; margin: 0 0 30px; -webkit-transition: opacity .4s ease-in-out 0.1s; -moz-transition: opacity .4s ease-in-out 0.1s; -o-transition: opacity .4s ease-in-out 0.1s; -ms-transition: opacity .4s ease-in-out 0.1s; transition: opacity .4s ease-in-out 0.1s; -webkit-transform: translateZ(0px); -moz-transform: translateZ(0px); display: none; } .portfolio_slides li:hover .hover_feature_holder_icons { opacity: 1; } .portfolio_slides .hover_feature_holder_icons_inner { display: inline-block; position: relative; } .portfolio_slides .hover_feature_holder_outer { position: relative; opacity: 1 !important; top: 0; height: 100%; display: table; width: 100%; } .portfolio_slides .hover_feature_holder_inner { height: 100%; width: 100%; top: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; opacity: 0; display: table-cell; vertical-align: middle; padding: 0 5%; text-align: center; color: #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; } .portfolio_slides .hover_feature_holder_inner .portfolio_title { text-transform: uppercase; letter-spacing: 1px; } .portfolio_slides .hover_feature_holder_inner .portfolio_title a { color: #fff; } .portfolio_slides .hover_feature_holder_inner .qbutton { margin-top: 24px; margin-left: 5px; margin-right: 5px; } .portfolio_slides .hover_feature_holder_inner .qbutton:hover { border-color: #1abc9c; } .portfolio_slides li:hover .hover_feature_holder_inner { opacity: 1; } .projects_holder.hover_text article .image_holder { overflow: hidden; } .projects_holder.hover_text.no_space article .image_holder { margin: 0 -1px; } .projects_holder article a.lightbox, .projects_holder article a.preview, .projects_holder article .portfolio_like, .portfolio_slider a.lightbox, .portfolio_slider a.preview, .portfolio_slider .portfolio_like { position: relative; display: inline-block; margin: 0 0 5px 0; -webkit-backface-visibility: hidden; } .projects_holder article a.lightbox, .portfolio_slider a.lightbox { margin: 0 10px 0 0; } .projects_holder article .portfolio_like, .portfolio_slider .portfolio_like { margin: 0 0 0 10px; } .projects_holder article .portfolio_like i, .portfolio_slider .portfolio_like i { line-height: 20px; margin: 4px 0 0 0; } .portfolio_like .qode-like-count span { display: none; } .projects_holder article .portfolio_like .qode-like-count, .portfolio_slider article .portfolio_like .qode-like-count { font-size: 13px; line-height: 13px; color: #fff; } .projects_holder .filler { display: inline-block; height: 0px; vertical-align: middle; /* for white space on bottom of list */ } .projects_holder.hover_text.no_space .mix { float: left; } .projects_holder.v6 .mix, .projects_holder.v6.hover_text .mix { width: 15.7%; margin: 0 0 1.2%; } .projects_holder.v6.hover_text .mix { margin: 0 0 1.7%; } .projects_holder.v6 .filler, .projects_holder.v6.hover_text .filler { width: 15.7%; } .projects_holder.v6.standard_no_space .mix, .projects_holder.v6.hover_text.no_space .mix { width: 16.66%; margin: 0; } .projects_holder.v6.standard_no_space .mix { margin: 0 0 0%; } .projects_holder.v6.standard_no_space .filler, .projects_holder.v6.hover_text.no_space .filler { width: 16.66%; } .safari_browser .projects_holder.v6.standard_no_space .mix, .safari_browser .projects_holder.v6.hover_text.no_space .mix { width: 16.6%; } .safari_browser .projects_holder.v6.standard_no_space .filler, .safari_browser .projects_holder.v6.hover_text.no_space .filler { width: 16.6%; } .projects_holder.v5 .mix, .projects_holder.v5.hover_text .mix { width: 18%; margin: 0 0 2.9%; } .projects_holder.v5.hover_text .mix { margin: 0 0 2%; } .projects_holder.v5 .filler, .projects_holder.v5.hover_text .filler { width: 18.5%; } .projects_holder.v5.standard_no_space .mix, .projects_holder.v5.hover_text.no_space .mix { width: 19.99%; margin: 0; } .projects_holder.v5.standard_no_space .mix { margin: 0 0 0%; } .projects_holder.v5.standard_no_space .filler, .projects_holder.v5.hover_text.no_space .filler { width: 19.99%; } .safari_browser .projects_holder.v5.standard_no_space .mix, .safari_browser .projects_holder.v5.hover_text.no_space .mix { width: 19.93%; } .safari_browser .projects_holder.v5.standard_no_space .filler, .safari_browser .projects_holder.v5.hover_text.no_space .filler { width: 19.93%; } .projects_holder.v4 .mix, .projects_holder.v4.hover_text .mix { width: 23.5%; margin: 0 0 2.5%; } .projects_holder.v4.hover_text .mix { margin: 0 0 2.2%; } .projects_holder.v4 .filler, .projects_holder.v4.hover_text .filler { width: 23.5%; } .projects_holder.v4.standard_no_space .mix, .projects_holder.v4.hover_text.no_space .mix { width: 24.99%; margin: 0; } .projects_holder.v4.standard_no_space .mix { margin: 0 0 0; } .projects_holder.v4.standard_no_space .filler, .projects_holder.v4.hover_text.no_space .filler { width: 24.99%; } .projects_holder.v3 .mix, .projects_holder.v3.hover_text .mix { width: 32%; margin: 0 0 2.4%; } .projects_holder.v3.hover_text .mix { margin: 0 0 2.2%; } .projects_holder.v3 .filler, .projects_holder.v3.hover_text .filler { width: 32%; } .projects_holder.v3.standard_no_space .mix, .projects_holder.v3.hover_text.no_space .mix { width: 33.32%; margin: 0; } .projects_holder.v3.standard_no_space .mix { margin: 0 0 0%; } .projects_holder.v3.standard_no_space .filler, .projects_holder.v3.hover_text.no_space .filler { width: 33.32%; } .safari_browser .projects_holder.v3.standard_no_space .mix, .safari_browser .projects_holder.v3.hover_text.no_space .mix { width: 33.3%; } .safari_browser .projects_holder.v3.standard_no_space .filler, .safari_browser .projects_holder.v3.hover_text.no_space .filler { width: 33.3%; } .projects_holder.v1 .mix, .projects_holder.v1.hover_text .mix { width: 100%; margin: 0 0 2.4%; } .projects_holder.v1.hover_text .mix { margin: 0 0 2.1%; } .projects_holder.v1 .filler, .projects_holder.v1.hover_text .filler { width: 100%; } .projects_holder.v1.standard_no_space .mix, .projects_holder.v1.hover_text.no_space .mix { width: 100%; margin: 0; } .projects_holder.v1.standard_no_space .mix { margin: 0 0 0%; } .projects_holder.v1.standard_no_space .filler, .projects_holder.v1.hover_text.no_space .filler { width: 100%; } .projects_holder.v2 .mix, .projects_holder.v2.hover_text .mix { width: 49%; margin: 0 0 2.4%; } .projects_holder.v2.hover_text .mix { margin: 0 0 2.1%; } .projects_holder.v2 .filler, .projects_holder.v2.hover_text .filler { width: 49%; } .projects_holder.v2.standard_no_space .mix, .projects_holder.v2.hover_text.no_space .mix { width: 49.99%; margin: 0; } .projects_holder.v2.standard_no_space .mix { margin: 0 0 0%; } .projects_holder.v2.standard_no_space .filler, .projects_holder.v2.hover_text.no_space .filler { width: 49.99%; } .portfolio_paging, .portfolio_paging_loading { text-align: center; margin: 40px 0 0; } .portfolio_paging_loading { display: none; } .portfolio_with_space .portfolio_paging, .portfolio_with_space .portfolio_paging_loading { margin: 15px 0 0; } .filter_outer { display: table; width: 100%; position: relative; height: 37px; margin: -30px 0 40px; text-align: center; } .vertical_menu_enabled .full_width .filter_outer { margin: 0 0 40px; } .filter_holder { display: table-cell; vertical-align: middle; } .filter_holder ul { display: inline-block; list-style: none; } .portfolio_holder_fwn .filter_holder ul li { opacity: 0; } .filter_holder ul li { cursor: pointer; display: block; margin: 0; float: left; text-align: center; } .filter_holder ul li span { display: inline-block; padding: 0 22px; position: relative; letter-spacing: 1px; text-transform: uppercase; font-weight: 600; } .filter_holder ul li.active span { color: #1abc9c !important; } .filter_holder ul li:hover span { color: #1abc9c !important; } .filter_holder ul li span.filter_number_of_items { display: block; font-size: 26px; line-height: 1em; height: 1em; margin-bottom: 12px; } /* Portfolio Masonry styles ========================================================================== */ .projects_masonry_holder { opacity: 0; } .projects_masonry_holder .qode-portfolio-masonry-gallery-grid-sizer { width: 0; } .projects_masonry_holder .qode-portfolio-masonry-gallery-grid-sizer, .projects_masonry_holder .portfolio_masonry_item { width: 33.33%; } .projects_masonry_holder .qode-portfolio-masonry-gallery-grid-sizer.large_width, .projects_masonry_holder .qode-portfolio-masonry-gallery-grid-sizer.large_width_height, .projects_masonry_holder .portfolio_masonry_item.large_width, .projects_masonry_holder .portfolio_masonry_item.large_width_height { width: 66.66%; } .full_width .projects_masonry_holder .qode-portfolio-masonry-gallery-grid-sizer, .full_width .projects_masonry_holder .portfolio_masonry_item { width: 20%; } .full_width .projects_masonry_holder .qode-portfolio-masonry-gallery-grid-sizer.large_width, .full_width .projects_masonry_holder .qode-portfolio-masonry-gallery-grid-sizer.large_width_height, .full_width .projects_masonry_holder .portfolio_masonry_item.large_width, .full_width .projects_masonry_holder .portfolio_masonry_item.large_width_height { width: 40%; } .full_width .projects_masonry_holder.gs4 .qode-portfolio-masonry-gallery-grid-sizer, .full_width .projects_masonry_holder.gs4 .portfolio_masonry_item { width: 25%; } .full_width .projects_masonry_holder.gs4 .qode-portfolio-masonry-gallery-grid-sizer.large_width, .full_width .projects_masonry_holder.gs4 .qode-portfolio-masonry-gallery-grid-sizer.large_width_height, .full_width .projects_masonry_holder.gs4 .portfolio_masonry_item.large_width, .full_width .projects_masonry_holder.gs4 .portfolio_masonry_item.large_width_height { width: 50%; } .full_width .projects_masonry_holder.gs3 .qode-portfolio-masonry-gallery-grid-sizer, .full_width .projects_masonry_holder.gs3 .portfolio_masonry_item { width: 33.33%; } .full_width .projects_masonry_holder.gs3 .qode-portfolio-masonry-gallery-grid-sizer.large_width, .full_width .projects_masonry_holder.gs3 .qode-portfolio-masonry-gallery-grid-sizer.large_width_height, .full_width .projects_masonry_holder.gs3 .portfolio_masonry_item.large_width, .full_width .projects_masonry_holder.gs3 .portfolio_masonry_item.large_width_height { width: 66.66%; } .projects_masonry_holder:after, .projects_masonry_holder .portfolio_masonry_item:after { clear: both; content: ""; display: block; height: 0; visibility: hidden; } .projects_masonry_holder .image_holder img { vertical-align: top; width: 100%; height: auto; } .projects_masonry_holder .text_holder { position: absolute; top: 0; left: 0; width: 100.1%; /* beacuse there is one pixel o right side that is not covered with hover shader */ height: 100%; background-color: rgba(0, 0, 0, 0.8); text-align: center; transition: opacity 0.4s ease-in-out; -webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; -ms-transition: opacity 0.4s ease-in-out; visibility: visible; overflow: hidden; z-index: 200; opacity: 0; filter: alpha(opacity=0); } .projects_masonry_holder .text_holder .text_outer { display: table; text-align: center; vertical-align: middle; width: 100%; height: 100%; overflow: hidden; } .projects_masonry_holder .text_holder .text_inner { display: table-cell; text-align: center; vertical-align: middle; width: 100%; height: 100%; margin: 0; padding: 0; } .projects_masonry_holder article.portfolio_masonry_item:hover .text_holder { opacity: 1; filter: alpha(opacity=100); } .projects_masonry_holder .portfolio_title { margin: 0 0 7px; } .projects_masonry_holder .portfolio_title a { color: #fff; } .projects_masonry_holder .project_category, .masonry_with_space_only_image .project_category { font-weight: 500; } .projects_masonry_holder .separator, .masonry_with_space_only_image .separator { background-color: #fff; } .projects_masonry_holder .feature_holder_icons { margin: 20px 0 0 0; display: inline-block; } .projects_masonry_holder .feature_holder { width: 100%; display: inline-block; } .projects_masonry_holder a.lightbox { margin: 0 10px 0 0; } .projects_masonry_holder .portfolio_like { margin: 0 0 0 10px; } .projects_masonry_holder .portfolio_like a, .projects_masonry_holder .portfolio_like:hover a { color: #fff; } /* Portfolio Masonry with space styles ========================================================================== */ .projects_masonry_holder.portfolio_masonry_gallery_with_space { margin: 0 -15px; } .projects_masonry_holder.portfolio_masonry_gallery_with_space .portfolio_masonry_item { box-sizing: border-box; padding: 15px; } .projects_masonry_holder.portfolio_masonry_gallery_with_space .portfolio_masonry_item .image_holder { position: relative; width: 100%; height: 100%; } .projects_masonry_holder.portfolio_masonry_gallery_with_space .portfolio_masonry_item .image_holder img { max-height: 100%; } .projects_masonry_holder.portfolio_masonry_gallery_with_space .portfolio_masonry_item.large_height .image_holder { overflow: hidden; } .projects_masonry_holder.portfolio_masonry_gallery_with_space .portfolio_masonry_item.large_height .image_holder img { height: 100%; max-width: inherit; width: auto; } /* Portfolio Masonry(Pinterest) with space styles ========================================================================== */ .masonry_with_space .projects_holder { position: relative; opacity: 0; } .masonry_with_space .projects_holder .mix { display: block; padding: 0px 7px; margin: 0px 0px 14px 0px !important; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; visibility: visible; } .masonry_with_space .projects_holder.v6 .qode-portfolio-masonry-gallery-grid-sizer, .masonry_with_space .projects_holder.v6 .mix { width: 16.66%; } .masonry_with_space .projects_holder.v5 .qode-portfolio-masonry-gallery-grid-sizer, .masonry_with_space .projects_holder.v5 .mix { width: 20%; } .masonry_with_space .projects_holder.v4 .qode-portfolio-masonry-gallery-grid-sizer, .masonry_with_space .projects_holder.v4 .mix { width: 25%; } .masonry_with_space .projects_holder.v3 .qode-portfolio-masonry-gallery-grid-sizer, .masonry_with_space .projects_holder.v3 .mix { width: 33.33%; } .masonry_with_space .projects_holder.v2 .qode-portfolio-masonry-gallery-grid-sizer, .masonry_with_space .projects_holder.v2 .mix { width: 49.99%; } .masonry_with_space .projects_holder.v1 .qode-portfolio-masonry-gallery-grid-sizer, .masonry_with_space .projects_holder.v1 .mix { width: 100%; } /*----------------------Portfolio "Fade - one by one" loading type-------------------------------*/ .projects_holder_outer:not(.masonry_with_space) .projects_holder.portfolio_one_by_one article { opacity: 0 !important; -moz-transition: opacity 0.4s ease-in-out; -webkit-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; } .projects_holder_outer:not(.masonry_with_space) .projects_holder.portfolio_one_by_one article.show { opacity: 1 !important; } .projects_holder_outer.masonry_with_space .projects_holder.portfolio_one_by_one article, .projects_masonry_holder.portfolio_one_by_one article { opacity: 0; -moz-transition: opacity 0.4s ease-in-out; -webkit-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; } .projects_holder_outer.masonry_with_space .projects_holder.portfolio_one_by_one article.show, .projects_masonry_holder.portfolio_one_by_one article.show { opacity: 1; } /*---------------------Portfolio "Slide from top - diagonal" loading type-------------------------*/ .projects_holder.slide_from_top article { overflow: hidden; } .projects_holder.slide_from_top article .image_holder, .projects_holder.slide_from_top article .portfolio_description { opacity: 0 !important; -webkit-transform: translateY(-70%); transform: translateY(-70%); -moz-transition: -moz-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1); -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1); } .projects_holder.slide_from_top article.show .image_holder, .projects_holder.slide_from_top article.show .portfolio_description { opacity: 1 !important; -webkit-transform: translateY(0); transform: translateY(0); } /*---------------------Portfolio "Fade - diagonal" loading type-------------------------*/ .projects_holder.diagonal_fade article { opacity: 0 !important; -moz-transition: opacity 0.4s ease-in-out, -moz-transform 0.4s ease-in-out; -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out; transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); transform: scale(0.8); } .projects_holder.diagonal_fade article.show { opacity: 1 !important; -webkit-transform: scale(1); transform: scale(1); } /*---------------------Portfolio "Slide from left - random" loading type-------------------------*/ .projects_holder.slide_from_left article { overflow: hidden; } .projects_holder.slide_from_left article .image_holder, .projects_holder.slide_from_left article .portfolio_description { opacity: 0 !important; -webkit-transform: translateX(-100%); transform: translateX(-100%); -moz-transition: -moz-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .projects_holder.slide_from_left article.show .image_holder, .projects_holder.slide_from_left article.show .portfolio_description { opacity: 1 !important; -webkit-transform: translateX(0); transform: translateX(0); } /*---------------------Portfolio "Justified gallery" loading type-------------------------*/ .projects_holder_outer.justified_gallery article { opacity: 0; -ms-transition: opacity 0.8s ease; -webkit-transition: opacity 0.8s ease; transition: opacity 0.8s ease; } .projects_holder_outer.justified_gallery article.show { opacity: 1; } /* ========================================================================== #Portfolio Masonry With Space Without Description ========================================================================== */ .masonry_with_space_only_image .hover_feature_holder_title_inner .portfolio_title, .masonry_with_space_only_image .hover_feature_holder_title_inner .portfolio_title a, .masonry_with_space_only_image .projects_holder article span.text_holder span span.text_inner .project_category { color: #fff; } .projects_holder.standard article .item_holder.image_text_zoom_hover .project_category { margin-bottom: 10px; } .masonry_with_space_only_image .feature_holder { margin-top: 30px; } /* ========================================================================== #End of Portfolio Masonry With Space Without Description ========================================================================== */ /* ========================================================================== #Portfolio Alternating Sizes - start ========================================================================== */ .projects_holder.alternating_sizes .mix { margin-bottom: 3%; box-shadow: 0 7px 20px rgba(0, 0, 0, 0.15); } .projects_holder.alternating_sizes .mix:nth-child(2n) { -webkit-transform: scale(0.75); -moz-transform: scale(0.75); transform: scale(0.75); } /* ========================================================================== #Portfolio Alternating Sizes - end ========================================================================== */ /* ========================================================================== #Portfolio Hover effects styles ========================================================================== */ .portfolio_main_holder .item_holder { position: relative; } .portfolio_main_holder.justified-gallery .item_holder { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .projects_holder article a.portfolio_link_class, .projects_masonry_holder article a.portfolio_link_class { position: absolute; width: 100%; height: 100%; } .portfolio_main_holder .item_holder .text_holder { position: absolute; } .portfolio_main_holder .project_category { margin: 0; display: block; line-height: 1; font-size: 12px; } .portfolio_main_holder .item_holder .text_holder_outer { display: table; width: 100%; height: 100%; } .portfolio_main_holder .item_holder .text_holder_inner { display: table-cell; vertical-align: middle; text-align: center; } .portfolio_main_holder .item_holder .portfolio_shader { position: absolute; width: 100%; height: 100%; background-color: rgba(21, 21, 21, 0.78); } .portfolio_main_holder .item_holder .icons_holder { font-family: "Raleway",sans-serif; /* this css is here to overwrite other font-family (from body) which can make problem in icon height */ } .portfolio_main_holder .item_holder .icons_holder a { text-align: center; } .portfolio_main_holder .item_holder .portfolio_title { line-height: 1.25em; } .projects_holder.standard article .project_category, .projects_holder.standard_no_space article .project_category, .portfolio_slider_holder.standard li .project_category { margin: 10px 0 0 0; } .projects_holder article a.portfolio_link_class, .projects_masonry_holder article a.portfolio_link_class { z-index: 5; left: 0; } .portfolio_main_holder article .icons_holder a.portfolio_lightbox:before, .portfolio_slides .icons_holder a.portfolio_lightbox:before { font-family: 'FontAwesome'; content: "\f067"; line-height: inherit; } .portfolio_main_holder article .icons_holder a.qode-like:before, .portfolio_slides .icons_holder a.qode-like:before { font-family: 'FontAwesome'; content: "\f08a"; line-height: inherit; } .portfolio_main_holder article .icons_holder a.qode-like.liked:before, .portfolio_slides .icons_holder a.qode-like.liked:before { font-family: "FontAwesome"; content: "\f004"; line-height: inherit; } .portfolio_main_holder article .icons_holder a.preview:before, .portfolio_slides .icons_holder a.preview:before { content: "\f0c1"; font-family: "FontAwesome"; line-height: inherit; } .portfolio_main_holder .item_holder .portfolio_title a, .portfolio_main_holder .item_holder .project_category { color: #fff; } .portfolio_main_holder .item_holder .portfolio_title { margin-bottom: 15px; } /* #Subtle vertical hover ========================================================================== */ .projects_holder article .item_holder.subtle_vertical_hover a.portfolio_link_class, .projects_masonry_holder article .item_holder.subtle_vertical_hover a.portfolio_link_class { z-index: 5; } .portfolio_main_holder .item_holder.subtle_vertical_hover .image_holder { z-index: 2; } .portfolio_main_holder .item_holder.subtle_vertical_hover .text_holder { font-size: 14px; width: 100%; position: absolute; left: 0; height: 100%; background-color: transparent; top: 0; text-align: center; box-sizing: border-box; z-index: 4; opacity: 0; } .portfolio_main_holder article .item_holder.subtle_vertical_hover:hover .text_holder, .portfolio_slider li.item:hover .item_holder.subtle_vertical_hover .text_holder { opacity: 1; } .portfolio_main_holder .item_holder.subtle_vertical_hover .text_holder_inner { padding: 5px; } .portfolio_main_holder .item_holder.subtle_vertical_hover .portfolio_title { text-transform: uppercase; opacity: 0; padding: 0 20px; -ms-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); -webkit-transform: translateY(0px); transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; } .portfolio_main_holder article:hover .item_holder.subtle_vertical_hover .portfolio_title, .portfolio_slider li.item:hover .item_holder.subtle_vertical_hover .portfolio_title { opacity: 1; text-shadow: none; -ms-transform: translateY(4px); -moz-transform: translateY(4px); -o-transform: translateY(4px); transform: translateY(4px); -webkit-transform: translateY(4px); transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; } .portfolio_main_holder .item_holder.subtle_vertical_hover .text_holder .separator { display: inline-block; background-color: #fff; margin-top: 20px; } .portfolio_main_holder .item_holder.subtle_vertical_hover .project_category { opacity: 0; -ms-transform: translateY(4px); -moz-transform: translateY(4px); -o-transform: translateY(4px); transform: translateY(4px); -webkit-transform: translateY(4px); transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; margin-bottom: 10px; } .portfolio_main_holder article:hover .item_holder.subtle_vertical_hover .project_category, .portfolio_slider li.item:hover .item_holder.subtle_vertical_hover .project_category { opacity: 1; text-shadow: none; -ms-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); -webkit-transform: translateY(0px); } .portfolio_main_holder .item_holder.subtle_vertical_hover .icons_holder { -ms-transform: translateY(4px); -moz-transform: translateY(4px); -o-transform: translateY(4px); transform: translateY(4px); -webkit-transform: translateY(4px); transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; } .portfolio_main_holder article .item_holder.subtle_vertical_hover:hover .icons_holder, .portfolio_slider li.item:hover .item_holder.subtle_vertical_hover .icons_holder { -ms-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transform: translateY(0); } .portfolio_main_holder .item_holder.subtle_vertical_hover .icons_holder a { display: inline-block; width: 40px; height: 40px; line-height: 40px; background-color: #1abc9c; border-radius: 100px; margin: 0 3px; color: #fff; transition: 0.2s ease-out; -webkit-transition: 0.2s ease-out; } .portfolio_main_holder .item_holder.subtle_vertical_hover .portfolio_shader { z-index: 3; -webkit-transition: opacity 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: opacity 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); opacity: 0; } .portfolio_main_holder article .item_holder.subtle_vertical_hover:hover .portfolio_shader, .portfolio_slider li.item:hover .item_holder.subtle_vertical_hover .portfolio_shader { opacity: 1; } /* #End of Subtle vertical hover ========================================================================== */ /* #Image subtle rotate zoom hover ========================================================================== */ .portfolio_main_holder article .item_holder.image_subtle_rotate_zoom_hover a.portfolio_link_class { z-index: 5; } .portfolio_main_holder .item_holder.image_subtle_rotate_zoom_hover .image_holder { z-index: 2; overflow: hidden; } .portfolio_main_holder .item_holder.image_subtle_rotate_zoom_hover .text_holder { padding: 30px; font-size: 14px; width: 100%; position: absolute; left: 0; height: 100%; background-color: transparent; top: 0; box-sizing: border-box; z-index: 4; opacity: 1; } .portfolio_with_hover_text .portfolio_main_holder .item_holder.image_subtle_rotate_zoom_hover .separator { background-color: #fff; opacity: 0; -webkit-transition: opacity 0.4s ease-out; -moz-transition: opacity 0.4s ease-out; -ms-transition: opacity 0.4s ease-out; -o-transition: opacity 0.4s ease-out; transition: opacity 0.4s ease-out; } .portfolio_with_hover_text .portfolio_main_holder .item_holder.image_subtle_rotate_zoom_hover:hover .separator { opacity: 1; } .portfolio_main_holder .item_holder.image_subtle_rotate_zoom_hover .portfolio_title { font-weight: 600; font-size: 15px; text-transform: uppercase; opacity: 0; letter-spacing: 2px; -ms-transform: translateY(-3px); -moz-transform: translateY(-3px); -o-transform: translateY(-3px); transform: translateY(-3px); -webkit-transform: translateY(-3px); transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; } .portfolio_main_holder article:hover .item_holder.image_subtle_rotate_zoom_hover .portfolio_title, .portfolio_slider li.item:hover .item_holder.image_subtle_rotate_zoom_hover .portfolio_title { opacity: 1; text-shadow: none; -ms-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); -webkit-transform: translateY(0px); } .portfolio_main_holder .item_holder.image_subtle_rotate_zoom_hover .project_category { opacity: 0; text-shadow: 0px 0px 10px #fff; -ms-transform: translateY(3px); -moz-transform: translateY(3px); -o-transform: translateY(3px); transform: translateY(3px); -webkit-transform: translateY(3px); transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; } .portfolio_main_holder article:hover .item_holder.image_subtle_rotate_zoom_hover .project_category { opacity: 1; text-shadow: none; -ms-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); -webkit-transform: translateY(0px); } .portfolio_main_holder .item_holder.image_subtle_rotate_zoom_hover .portfolio_shader { z-index: 3; -webkit-transition: opacity 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: opacity 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); opacity: 0; } .portfolio_main_holder article .item_holder.image_subtle_rotate_zoom_hover:hover .portfolio_shader, .portfolio_slider li.item:hover .item_holder.image_subtle_rotate_zoom_hover .portfolio_shader { opacity: 1; } .portfolio_main_holder .item_holder.image_subtle_rotate_zoom_hover .icons_holder { -ms-transform: translateY(3px); -moz-transform: translateY(3px); -o-transform: translateY(3px); transform: translateY(3px); -webkit-transform: translateY(3px); transition: transform 0.4s ease-out; -webkit-transition: transform 0.4s ease-out; opacity: 0; } .portfolio_main_holder article .item_holder.image_subtle_rotate_zoom_hover:hover .icons_holder, .portfolio_slider li.item:hover .item_holder.image_subtle_rotate_zoom_hover .icons_holder { -ms-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transform: translateY(0); opacity: 1; } .portfolio_main_holder .item_holder.image_subtle_rotate_zoom_hover .icons_holder a { display: inline-block; background-color: transparent; border: 1px solid #fff; width: 40px; height: 40px; line-height: 40px; color: #fff; border-radius: 100px; margin: 0 3px; transition: 0.2s ease-out; -webkit-transition: 0.2s ease-out; } .portfolio_main_holder .item_holder.image_subtle_rotate_zoom_hover .icons_holder a:hover { background-color: #1abc9c; color: #fff; border-color: #1abc9c; } .portfolio_main_holder .item_holder.image_subtle_rotate_zoom_hover .image_holder .image img, .portfolio_main_holder .item_holder.image_subtle_rotate_zoom_hover + .image_holder.portfolio_jg_image_link img { -webkit-transition: -webkit-transform .7s; transition: transform .7s; } .portfolio_main_holder article .item_holder.image_subtle_rotate_zoom_hover:hover .image_holder .image img, .portfolio_slider li.item:hover .item_holder.image_subtle_rotate_zoom_hover .image_holder .image img, .portfolio_main_holder article .item_holder.image_subtle_rotate_zoom_hover:hover + .image_holder.portfolio_jg_image_link img { -webkit-transform: rotate(-9deg) scale(1.15); -ms-transform: rotate(-9deg) scale(1.15); -moz-transform: rotate(-9deg) scale(1.15); -o-transform: rotate(-9deg) scale(1.15); transform: rotate(-9deg) scale(1.15); -webkit-transition: -webkit-transform .7s; transition: transform .7s; backface-visibility: hidden; -webkit-backface-visibility: hidden; } /* #End of image subtle rotate zoom hover ========================================================================== */ /* #Image text zoom hover ========================================================================== */ .portfolio_main_holder article .item_holder.image_text_zoom_hover a.portfolio_link_class { z-index: 5; } .portfolio_main_holder .item_holder.image_text_zoom_hover .image_holder { z-index: 2; overflow: hidden; } .portfolio_main_holder .item_holder.image_text_zoom_hover .text_holder { padding: 30px; font-size: 14px; width: 100%; height: 100%; position: absolute; left: 0; background-color: transparent; top: 0; text-align: center; box-sizing: border-box; opacity: 0; -webkit-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); -moz-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); z-index: 4; } .portfolio_main_holder article .item_holder.image_text_zoom_hover:hover .text_holder, .portfolio_slider li.item:hover .item_holder.image_text_zoom_hover .text_holder { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .portfolio_main_holder .item_holder.image_text_zoom_hover .text_holder_outer { display: table; width: 100%; height: 100%; } .portfolio_main_holder .item_holder.image_text_zoom_hover .text_holder_inner { display: table-cell; vertical-align: middle; text-align: center; } .portfolio_with_hover_text .portfolio_main_holder .item_holder.image_text_zoom_hover .separator { background-color: #fff; } .portfolio_main_holder .project_category, .projects_masonry_holder article .project_category { margin-bottom: 10px; } .portfolio_main_holder .item_holder.image_text_zoom_hover .icons_holder a { display: inline-block; width: 40px; height: 40px; line-height: 40px; background-color: #1abc9c; border-radius: 50%; margin: 0 2px; color: #fff; -ms-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transform: translateY(0); transition: background-color 0.2s, transform 0.2s; -webkit-transition: background-color 0.2s, -webkit-transform 0.2s; } .portfolio_main_holder .item_holder.image_text_zoom_hover .icons_holder a:hover { -ms-transform: translateY(-10%); -moz-transform: translateY(-10%); -o-transform: translateY(-10%); transform: translateY(-10%); -webkit-transform: translateY(-10%); } .portfolio_main_holder .item_holder.image_text_zoom_hover .portfolio_shader { z-index: 3; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); opacity: 0; } .portfolio_main_holder article .item_holder.image_text_zoom_hover:hover .portfolio_shader, .portfolio_slider li.item:hover .item_holder.image_text_zoom_hover .portfolio_shader { opacity: 1; } .portfolio_main_holder .item_holder.image_text_zoom_hover .image_holder .image, .portfolio_main_holder .item_holder.image_text_zoom_hover + .image_holder.portfolio_jg_image_link img { -webkit-transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1); backface-visibility: hidden; -webkit-backface-visibility: hidden; display: inline-block; } .portfolio_main_holder article .item_holder.image_text_zoom_hover:hover .image_holder .image, .portfolio_main_holder article .item_holder.image_text_zoom_hover:hover + .image_holder.portfolio_jg_image_link img, .portfolio_slider li.item:hover .item_holder.image_text_zoom_hover .image_holder .image { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); } /* #End of image text zoom hover ========================================================================== */ /* #Thin plus only hover ========================================================================== */ .portfolio_main_holder.standard .item_holder.thin_plus_only { overflow: hidden; } .portfolio_main_holder .item_holder.thin_plus_only .thin_plus_only_icon { font-weight: 100; font-family: Raleway; font-size: 100px; -webkit-transition: all 0.5s 0.3s; transition: all 0.5s 0.3s; display: block; color: #fff; } .portfolio_main_holder .item_holder.thin_plus_only .text_holder { width: 100%; height: 100%; left: 0; margin: 0; top: 0; box-sizing: border-box; z-index: 5; -ms-transform: translate(20%, 20%); -moz-transform: translate(20%, 20%); -o-transform: translate(20%, 20%); transform: translate(20%, 20%); -webkit-transform: translate(20%, 20%); -webkit-transition: all 0.5s 0.3s; transition: all 0.5s 0.3s; opacity: 0; font-size: 0; padding: 10%; background-color: transparent; } .portfolio_main_holder article .item_holder.thin_plus_only:hover .text_holder, .portfolio_slider li:hover .item_holder.thin_plus_only .text_holder { -ms-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate(0, 0); -webkit-transition: all 0.2s 0.1s; transition: all 0.2s 0.1s; font-size: 150px; opacity: 1; } .portfolio_main_holder .item_holder.thin_plus_only .image_holder { z-index: 2; } .portfolio_main_holder .item_holder.thin_plus_only .portfolio_shader { z-index: 3; transition: opacity 0.5s; -webkit-transition: opacity 0.5s; opacity: 0; } .portfolio_main_holder article .item_holder.thin_plus_only:hover .portfolio_shader, .portfolio_slider li.item:hover .item_holder.thin_plus_only .portfolio_shader { opacity: 1; } /* #End of thin plus only hover ========================================================================== */ /* #Slow Zoom hover ========================================================================== */ .portfolio_main_holder .item_holder.slow_zoom .text_holder { width: 100%; font-size: 18px; left: 0; height: 100%; margin: 0; top: 0; box-sizing: border-box; z-index: 5; -webkit-transition: opacity 0.6s 0.3s; transition: opacity 0.6s 0.3s; opacity: 0; padding: 10%; background-color: transparent; } .portfolio_main_holder article .item_holder.slow_zoom:hover .text_holder { opacity: 1; } .portfolio_with_hover_text .portfolio_main_holder article .item_holder.slow_zoom .separator { background-color: #fff; } .portfolio_main_holder .item_holder.slow_zoom .image_holder img, .portfolio_main_holder .item_holder.slow_zoom + .image_holder.portfolio_jg_image_link img { -webkit-transform: scale(1.01); transform: scale(1.01); -webkit-transition: all 2s cubic-bezier(0.21, 1, 0.12, 1) 0s; transition: all 2s cubic-bezier(0.23, 1, 0.12, 1) 0s; } .portfolio_main_holder article .item_holder.slow_zoom:hover .image_holder img, .portfolio_main_holder article .item_holder.slow_zoom:hover + .image_holder.portfolio_jg_image_link img { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 5s cubic-bezier(0.21, 1, 0.12, 1) 0s; transition: all 5s cubic-bezier(0.21, 1, 0.12, 1) 0s; } .portfolio_main_holder .item_holder.slow_zoom .portfolio_shader { z-index: 3; opacity: 0; -webkit-transition: all 5s cubic-bezier(0.21, 1, 0.12, 1) 0s; transition: all 5s cubic-bezier(0.21, 1, 0.12, 1) 0s; } .portfolio_main_holder article .item_holder.slow_zoom:hover .portfolio_shader, .portfolio_slider li.item:hover .item_holder.slow_zoom .portfolio_shader { opacity: 1; } .portfolio_main_holder .item_holder.slow_zoom .icons_holder { position: absolute; bottom: 0; opacity: 0; z-index: 20; -webkit-transition: opacity .3s, -webkit-transform .3s; transition: opacity .3s, transform .3s; } .portfolio_main_holder .item_holder.slow_zoom .icons_holder.left { left: 0; -webkit-transform: translate3d(-10px, -10px, 0); -ms-transform: translate3d(-10px, 10px, 0); -moz-transform: translate3d(-10px, 10px, 0); -o-transform: translate3d(-10px, 10px, 0); transform: translate3d(-10px, 10px, 0); } .portfolio_main_holder .item_holder.slow_zoom .icons_holder.right { right: 0; -webkit-transform: translate3d(10px, 10px, 0); -ms-transform: translate3d(10px, 10px, 0); -moz-transform: translate3d(10px, 10px, 0); -o-transform: translate3d(10px, 10px, 0); transform: translate3d(10px, 10px, 0); } .portfolio_main_holder .item_holder.slow_zoom .icons_holder.center { width: 100%; text-align: center; -webkit-transform: translate3d(0, 10px, 0); -ms-transform: translate3d(0, 10px, 0); -moz-transform: translate3d(0, 10px, 0); -o-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } .portfolio_main_holder article:hover .item_holder.slow_zoom .icons_holder, .portfolio_slider li.item:hover .item_holder.slow_zoom .icons_holder { opacity: 1; display: block; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .portfolio_main_holder .item_holder.slow_zoom .icons_holder a { display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; vertical-align: middle; margin: 0; font-size: 15px; color: #fff; background: #1abc9c; transition: all .4s; -webkit-transition: all .4s; } .portfolio_main_holder .item_holder.slow_zoom .icons_holder a:hover { background: #fff; color: #000; } .portfolio_main_holder .item_holder.slow_zoom .image_holder { z-index: 2; overflow: hidden; } /* #End of soom zhover ========================================================================== */ /* #Split up hover ========================================================================== */ .portfolio_main_holder .item_holder.split_up .text_holder { width: 100%; font-size: 18px; left: 0; height: 100%; margin: 0; top: 0; box-sizing: border-box; z-index: 5; -webkit-transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); opacity: 0; padding: 10%; background-color: transparent; } .portfolio_main_holder article .item_holder.split_up:hover .text_holder { -webkit-transition: transform 0.3s ease; transition: transform 0.3s ease; opacity: 1; } .portfolio_main_holder .item_holder.split_up .portfolio_title { -ms-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transform: translateY(0); transition: 0.2s; -webkit-transition: 0.2s; } .portfolio_main_holder article .item_holder.split_up:hover .portfolio_title { -ms-transform: translateY(-4px); -moz-transform: translateY(-4px); -o-transform: translateY(-4px); transform: translateY(-4px); -webkit-transform: translateY(-4px); } .portfolio_main_holder .item_holder.split_up .project_category { -ms-transform: translateY(-4px); -moz-transform: translateY(-4px); -o-transform: translateY(-4px); transform: translateY(-4px); -webkit-transform: translateY(-4px); transition: 0.2s; -webkit-transition: 0.2s; } .portfolio_main_holder article:hover .item_holder.split_up .project_category { -ms-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transform: translateY(0); } .portfolio_with_hover_text .portfolio_main_holder article:hover .item_holder.split_up .separator { background-color: #fff; } .portfolio_main_holder .item_holder.split_up .image_holder { z-index: 2; } .portfolio_main_holder .item_holder.split_up .portfolio_shader, .portfolio_slider li.item .item_holder.split_up .portfolio_shader { height: 0; display: block; left: 0; opacity: 0; position: absolute; top: 50%; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; width: 100%; z-index: 3; } .portfolio_main_holder article .item_holder.split_up:hover .portfolio_shader, .portfolio_slider li.item:hover .item_holder.split_up .portfolio_shader { height: 100%; top: 0; opacity: 1; } /* #End of split up hover ========================================================================== */ /* #Cursor change hover ========================================================================== */ .portfolio_main_holder .item_holder.cursor_change_hover a.portfolio_link_class { z-index: 6; cursor: url("img/cursor_plus.cur"), crosshair; cursor: url("img/cursor_plus.png") 22 22, crosshair; } .portfolio_main_holder .cursor_img { position: absolute; z-index: 1000; } .portfolio_main_holder .item_holder.cursor_change_hover .image_holder { z-index: 2; } .portfolio_main_holder .item_holder.cursor_change_hover .text_holder { padding: 30px; font-size: 14px; width: 100%; height: 100%; position: absolute; left: 0; background-color: transparent; top: 0; text-align: center; box-sizing: border-box; opacity: 0; -webkit-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); -moz-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); z-index: 4; } .portfolio_main_holder article:hover .item_holder.cursor_change_hover .text_holder, .portfolio_slider li.item:hover .item_holder.cursor_change_hover .text_holder { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .portfolio_with_hover_text .portfolio_main_holder .item_holder.cursor_change_hover .separator { background-color: #fff; } .portfolio_main_holder .item_holder.cursor_change_hover .text_holder_outer { display: table; width: 100%; height: 100%; } .portfolio_main_holder .item_holder.cursor_change_hover .text_holder_inner { display: table-cell; vertical-align: middle; text-align: center; } .portfolio_main_holder .item_holder.cursor_change_hover .portfolio_shader { z-index: 3; -webkit-transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); opacity: 0; } .portfolio_main_holder article .item_holder.cursor_change_hover:hover .portfolio_shader, .portfolio_slider li.item:hover .item_holder.cursor_change_hover .portfolio_shader { opacity: 1; } /* #End of cursor change hover ========================================================================== */ /* #Grayscale only hover ========================================================================== */ .projects_holder.hover_text article .item_holder.grayscale .image_holder { z-index: 2; margin: 0; } .projects_holder.hover_text article .item_holder.grayscale .image img { margin: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; -webkit-filter: grayscale(1); -webkit-filter: grayscale(100%); filter: gray; filter: grayscale(100%); filter: url("img/desaturate.svg#grayscale"); } .projects_holder.hover_text article .item_holder.grayscale:hover .image_holder .image img { -webkit-filter: none; filter: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .projects_holder.hover_text article .item_holder.grayscale .text_holder { width: 100%; height: 100%; top: 0; left: 0; margin: 0; z-index: 5; opacity: 0; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; transition: opacity 0.5s; } .projects_holder.hover_text article .item_holder.grayscale .portfolio_shader { z-index: 3; background-color: rgba(21, 21, 21, 0.4); opacity: 0; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; transition: opacity 0.5s; } .projects_holder.hover_text article .item_holder.grayscale:hover .text_holder, .projects_holder.hover_text article .item_holder.grayscale:hover .portfolio_shader { opacity: 1; } /* #End of grayscale only hover ========================================================================== */ /* #Slide Up hover ========================================================================== */ .portfolio_main_holder .item_holder.slide_up { overflow: hidden; } .portfolio_main_holder .item_holder.slide_up .portfolio_shader { display: none; } .portfolio_main_holder .item_holder.slide_up .portfolio_title_holder { z-index: 10; background-color: #fff; bottom: 0; left: 0; position: absolute; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 300ms cubic-bezier(0.33, 0, 0.2, 1) 50ms; transition: transform 300ms cubic-bezier(0.33, 0, 0.2, 1) 50ms; width: 100%; } .portfolio_main_holder .item_holder.slide_up .portfolio_title_holder .portfolio_title { text-align: center; margin: 25px 0; padding: 0 10px; box-sizing: border-box; } .portfolio_main_holder .item_holder.slide_up .portfolio_title_holder .portfolio_title a { color: #303030; } .portfolio_main_holder .item_holder.slide_up .image_holder { z-index: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform 300ms cubic-bezier(0.33, 0, 0.2, 1) 50ms; transition: transform 300ms cubic-bezier(0.33, 0, 0.2, 1) 50ms; } .portfolio_main_holder .item_holder.slide_up:hover .portfolio_title_holder { -webkit-transform: translateY(0); transform: translateY(0); } .portfolio_main_holder .item_holder.slide_up:hover .image_holder { -webkit-transform: translateY(-20px); transform: translateY(-20px); } .portfolio_main_holder .item_holder.slide_up:hover .image_holder img { -webkit-transform: scale(1); transform: scale(1); } .portfolio_main_holder.justified-gallery article .portfolio_jg_image_link.slide_up { overflow: hidden; } .portfolio_main_holder.justified-gallery article .portfolio_jg_image_link.slide_up img { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform 300ms cubic-bezier(0.33, 0, 0.2, 1) 50ms; transition: transform 300ms cubic-bezier(0.33, 0, 0.2, 1) 50ms; } .portfolio_main_holder.justified-gallery article:hover .portfolio_jg_image_link.slide_up img { -webkit-transform: translateY(-20px); transform: translateY(-20px); } /* #End of Slide Up hover ========================================================================== */ /* #Flip From Left hover ========================================================================== */ .portfolio_main_holder .item_holder.flip_from_left .portfolio_shader { display: none; } .portfolio_main_holder .item_holder.flip_from_left .portfolio_title_holder { z-index: 10; background-color: #fff; bottom: 5%; left: -4%; position: absolute; opacity: 0; -webkit-transform: translate3d(-20%, 0, 0); -moz-transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0); -webkit-transition: opacity 0.2s, transform .0s .2s, box-shadow .0s ease .2s; transition: opacity 0.2s, transform .0s .2s, box-shadow .0s ease .2s; will-change: transform; } .portfolio_main_holder .item_holder.flip_from_left .portfolio_title_holder .portfolio_title { margin: 15px 0; padding: 0 20px; box-sizing: border-box; } .portfolio_main_holder .item_holder.flip_from_left .portfolio_title_holder .portfolio_title a { color: #222; vertical-align: middle; } .portfolio_main_holder .item_holder.flip_from_left:hover .portfolio_title_holder { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-box-shadow: 6px 6px 3px rgba(0, 0, 0, 0.04); -moz-box-shadow: 6px 6px 3px rgba(0, 0, 0, 0.04); box-shadow: 6px 6px 3px rgba(0, 0, 0, 0.04); -webkit-transition: opacity 0.25s cubic-bezier(0.33, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0, 1), -webkit-box-shadow 0.2s ease-out 0.05s; transition: opacity 0.25s cubic-bezier(0.33, 0, 0.2, 1), transform 0.3s cubic-bezier(0, 0, 0, 1), box-shadow 0.2s ease-out 0.05s; } /* #End of Flip From Left hover ========================================================================== */ /* ========================================================================== #End of Portfolio Hover effects styles ========================================================================== */ /* ========================================================================== Portfolio with frame styles ========================================================================== */ /* #Monitor Frame ========================================================================== */ .projects_holder.monitor_frame img.monitor_frame { pointer-events: none; position: relative; z-index: 3; } .projects_holder.monitor_frame .item_holder { height: 67%; left: 3.6%; position: absolute; top: 5%; width: 93%; z-index: 1; } .projects_holder.monitor_frame .item_holder .image_holder { height: 100%; } .projects_holder.monitor_frame .item_holder .image_holder img { -webkit-transform: translateZ(0) scale(1) !important; transform: translateZ(0) scale(1) !important; } .projects_holder.monitor_frame.ie-specific-styles .item_holder { z-index: 4; } /* #End of Monitor Frame ========================================================================== */ /* ========================================================================== End of Portfolio with frame styles ========================================================================== */ /* ========================================================================== Tabs shortcode start styles ========================================================================== */ .q_tabs { display: block; visibility: hidden; } .q_tabs .tabs-nav { list-style: none outside none; margin: 0; overflow: hidden; padding: 0; display: inline-block; position: relative; } .q_tabs .tabs-nav li { margin: 0; overflow: hidden; padding: 0; position: relative; display: inline-block; float: left; } .q_tabs .tabs-nav li a { height: 40px; line-height: 40px; display: block; margin: 0; padding: 0 14px; font-size: 13px; text-decoration: none; font-style: normal; color: #b4b4b4; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; } .q_tabs .tabs-nav li.active a { color: #303030; } .q_tabs .tabs-nav li.active a:hover, .q_tabs .tabs-nav li a:hover { color: #1abc9c; } /* Horizontal tabs styles ========================================================================== */ .q_tabs.horizontal.center { text-align: center; } .q_tabs.horizontal.left { text-align: left; } .q_tabs.horizontal.right { text-align: right; } .q_tabs.horizontal .tabs-container { padding-top: 4px; text-align: left; } .q_tabs.horizontal.right .tabs-container { text-align: right; } .q_tabs.horizontal .tabs-nav li:first-child a { padding-left: 0; } /* Vertical tabs styles ========================================================================== */ .q_tabs.vertical .tabs-nav { width: 24.02957486136784%; margin: 0; } .q_tabs.vertical.right .tabs-nav { float: right; } .q_tabs.vertical.left .tabs-nav { float: left; } .q_tabs.vertical .tabs-nav li { display: block; width: 100%; } .q_tabs.vertical .tabs-nav li a { text-align: center; height: auto; line-height: normal; padding: 13px 17px; } .q_tabs.vertical .tabs-nav li.active a { border: 2px solid #e3e3e3; padding: 11px 14px 11px 14px; position: relative; z-index: 100; } .q_tabs.vertical.left .tabs-nav li.active a { border-right-color: #fff; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .q_tabs.vertical.right .tabs-nav li.active a { border-left-color: #fff; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .q_tabs.vertical .tabs-container { width: 73.68576709796673%; } .q_tabs.vertical.left .tabs-container { float: left; text-align: left; } .q_tabs.vertical.right .tabs-container { float: right; text-align: right; } .q_tabs.vertical .tab-content { position: relative; z-index: 50; } .q_tabs.vertical.left .tab-content { padding-left: 17px; border-left: 2px solid #e3e3e3; left: -2px; } .q_tabs.vertical.right .tab-content { padding-right: 17px; border-right: 2px solid #e3e3e3; right: -2px; } /* Boxed tabs styles ========================================================================== */ .q_tabs.boxed { text-align: left; } .q_tabs.boxed .tabs-nav { display: block; } .q_tabs.boxed .tabs-nav li a { border-bottom: none; position: relative; z-index: 200; } .q_tabs.boxed .tabs-nav li.active a { position: relative; z-index: 100; line-height: 40px; height: 40px; padding: 0 12px; border: 2px solid #e3e3e3; border-bottom-color: #fff; -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; } .q_tabs.boxed .tabs-container { overflow: hidden; text-align: left; padding: 19px 0 0; border-top: 2px solid #e3e3e3; position: relative; top: -2px; z-index: 50; } /* ========================================================================== Tabs shortcode end styles ========================================================================== */ /* ========================================================================== Accordion shortcode start styles ========================================================================== */ .q_accordion_holder { position: relative; display: block; visibility: hidden; margin: 0 0 30px; } .q_accordion_holder.accordion.with_icon { border-top: 1px solid #eaeaea; } .q_accordion_holder.accordion .ui-accordion-header { cursor: pointer; position: relative; display: block; line-height: 2em; min-height: 45px; padding: 0; margin: 0 0 5px; -webkit-transform: translateZ(0px); -moz-transform: translateZ(0px); box-sizing: border-box; } .q_accordion_holder.accordion h3.ui-accordion-header { padding-top: 3px; } .q_accordion_holder.accordion h4.ui-accordion-header { padding-top: 5px; } .q_accordion_holder.accordion h5.ui-accordion-header { font-size: 14px; padding-top: 9px; } .q_accordion_holder.accordion h6.ui-accordion-header { padding-top: 10px; } .q_accordion_holder.accordion.with_icon h3.ui-accordion-header { padding-bottom: 3px; } .q_accordion_holder.accordion.with_icon h4.ui-accordion-header { padding-bottom: 5px; } .q_accordion_holder.accordion.with_icon h5.ui-accordion-header { padding-bottom: 9px; } .q_accordion_holder.accordion.with_icon h6.ui-accordion-header { padding-bottom: 10px; } .q_accordion_holder.accordion.with_icon .ui-accordion-header { line-height: 3em; min-height: 3em; margin: 0; border: 1px solid #eaeaea; border-top: 0 !important; -webkit-transition: border-bottom 0.3s ease-in-out; -moz-transition: border-bottom 0.3s ease-in-out; -o-transition: border-bottom 0.3s ease-in-out; -ms-transition: border-bottom 0.3s ease-in-out; } .q_accordion_holder.accordion .ui-accordion-header, .q_accordion_holder.accordion.with_icon .ui-accordion-header { -webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out; transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out; color: #303030; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; } .q_accordion_holder.accordion .ui-accordion-header:hover { color: #1abc9c; } .q_accordion_holder.accordion.with_icon .ui-accordion-header:last-child { border-bottom: 0 !important; } .q_accordion_holder.accordion.with_icon .ui-accordion-header span.tab-title { width: 72%; line-height: 1.5625em; margin: 0.85em 0 0.85em 20px; display: inline-block; } .q_accordion_holder.accordion.without_icon .ui-accordion-header span.tab-title { padding: 0 0 0 63px; display: block; } .q_accordion_holder.accordion.with_icon .ui-state-active { border-bottom-color: transparent; -webkit-transition: border-bottom 0.3s ease-in-out; -moz-transition: border-bottom 0.3s ease-in-out; -o-transition: border-bottom 0.3s ease-in-out; -ms-transition: border-bottom 0.3s ease-in-out; } .q_accordion_holder.accordion.with_icon .ui-state-active, .q_accordion_holder.accordion .ui-state-active { -webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out; transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out; } .q_accordion_holder.accordion.with_icon .ui-accordion-header-active, .q_accordion_holder.with_icon div.accordion_content { background-color: #fbfbfb; } .q_accordion_holder.accordion.with_icon .ui-accordion-header div.icon-wrapper, .q_accordion_holder .ui-accordion-header .accordion_mark { float: left; line-height: 3.25em; position: relative; top: 0.09375em; } .q_accordion_holder.accordion.without_icon .ui-accordion-header div.icon-wrapper { display: none !important; } .q_accordion_holder.accordion.with_icon .ui-accordion-header i { margin: 0 0 0 15px; font-size: 18px; color: #1abc9c; } .q_accordion_holder.accordion .ui-accordion-header .accordion_mark_icon { display: block; width: 41px; height: 41px; background-image: url(img/plus.png); background-repeat: no-repeat; background-position: center; } .q_accordion_holder.with_icon .ui-accordion-header.ui-state-active .accordion_icon_mark { background-image: url(img/minus.png); } .q_accordion_holder.accordion .ui-accordion-header .accordion_mark { display: block; width: 45px; height: 45px; border: 2px solid #e3e3e3; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; background-color: transparent; transition: background-color 0.3s ease-in-out; box-sizing: border-box; } .q_accordion_holder.accordion .ui-accordion-header .accordion_mark:hover { background-image: url("img/button-bg-px.png") !important; } .q_accordion_holder.accordion .ui-accordion-header .accordion_mark.left_mark { position: absolute; top: 0; left: 0; } .q_accordion_holder.accordion .ui-accordion-header .accordion_mark.right_mark { position: absolute; right: 0.65em; top: 0.65em; } .q_accordion_holder.accordion.without_icon .ui-accordion-header .accordion_mark.right_mark, .q_accordion_holder.accordion.with_icon .ui-accordion-header .accordion_mark.left_mark { display: none; } .q_accordion_holder.accordion .ui-accordion-header.ui-state-active .accordion_mark_icon { background-image: url(img/minus.png); } .q_accordion_holder.accordion .ui-accordion-header.ui-state-active .accordion_mark { background-color: #e3e3e3; transition: background-color 0.3s ease-in-out; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 150 / 100), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 160dpi) { .q_accordion_holder.with_icon .accordion_icon_mark, .q_accordion_holder.accordion .ui-accordion-header .accordion_mark_icon { -o-background-size: 9px 9px; -webkit-background-size: 9px 9px; -moz-background-size: 9px 9px; background-size: 9px 9px; background-image: url("img/plus@1_5x.png"); } .q_accordion_holder.with_icon .ui-accordion-header.ui-state-active .accordion_icon_mark, .q_accordion_holder.accordion .ui-accordion-header.ui-state-active .accordion_mark_icon { -o-background-size: 9px 9px; -webkit-background-size: 9px 9px; -moz-background-size: 9px 9px; background-size: 9px 9px; background-image: url("img/minus@1_5x.png"); } } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 200 / 100), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 210dpi) { .q_accordion_holder.with_icon .accordion_icon_mark, .q_accordion_holder.accordion .ui-accordion-header .accordion_mark_icon { -o-background-size: 9px 9px; -webkit-background-size: 9px 9px; -moz-background-size: 9px 9px; background-size: 9px 9px; background-image: url("img/plus@2x.png"); } .q_accordion_holder.with_icon .ui-accordion-header.ui-state-active .accordion_icon_mark, .q_accordion_holder.accordion .ui-accordion-header.ui-state-active .accordion_mark_icon { -o-background-size: 9px 9px; -webkit-background-size: 9px 9px; -moz-background-size: 9px 9px; background-size: 9px 9px; background-image: url("img/minus@2x.png"); } } .q_accordion_holder.accordion div.accordion_content { padding: 0 0 0 63px; margin: 0; } .q_accordion_holder.with_icon div.accordion_content { padding: 0 0 0 50px; border: 1px solid #eaeaea; border-top: 0; } .q_accordion_holder.accordion.with_icon div.accordion_content.no_icon { padding: 0 0 0 22px; } .q_accordion_holder.accordion div.accordion_content_inner { padding: 8px 0 25px; display: block; } .q_accordion_holder.with_icon div.accordion_content_inner { padding: 10px 27px 19px 0; } /* Boxed accordion and toggle styles ========================================================================== */ .q_accordion_holder.accordion.boxed .ui-accordion-header { text-align: center; background-color: #e3e3e3; } .q_accordion_holder.boxed .ui-accordion-header .accordion_mark { display: none; } .q_accordion_holder.boxed div.accordion_content { padding-left: 26px; } .q_accordion_holder.boxed div.accordion_content_inner { padding-top: 20px; } /* ========================================================================== Accordion shortcode end styles ========================================================================== */ /* ========================================================================== Highlight shortcode start styles ========================================================================== */ .highlight { background-color: #1abc9c; color: #fff; padding: 0 3px; } /* ========================================================================== Highlight shortcode end styles ========================================================================== */ .testimonials_holder { text-align: center; } .testimonials { position: relative; } .testimonials .testimonial_container { overflow: hidden; width: 100%; background-color: transparent; text-align: left; margin: 0 0 16px; } .testimonials_holder .flex-direction-nav { display: block; position: static; } .testimonials_holder .flex-direction-nav li { display: inline-block; height: 30px; margin-top: 37px; } .testimonials_holder .flex-direction-nav li:first-child { margin-right: 5px; } .testimonials_holder .flex-direction-nav li:last-child { margin-left: 4px; } .testimonials_holder .flex-direction-nav a { position: relative; width: 30px; height: 30px; border: 2px solid #303030; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; opacity: 1; background-color: transparent; text-indent: -9999px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .testimonials_holder .flex-direction-nav a:hover { background-color: #303030; } .testimonials_holder.light .flex-direction-nav a { border-color: #fff; } .testimonials_holder.light .flex-direction-nav a:hover { background-color: #1abc9c; border-color: #1abc9c; } .testimonials_holder.light .flex-direction-nav a:before { color: #fff; } .testimonials_holder .flex-direction-nav a:before { font-family: 'FontAwesome', sans-serif; position: absolute; height: 26px; width: 26px; line-height: 26px; top: 0; left: 0; color: #000; text-indent: 0; font-size: 16px; } .testimonials_holder .flex-direction-nav a:hover:before { color: #fff; } .testimonials_holder .flex-direction-nav a.flex-prev:before { content: '\f104'; } .testimonials_holder .flex-direction-nav a.flex-next:before { content: '\f105'; } .testimonials_holder.full_width { background: none; } .content .testimonial_content .container .container_inner { padding: 0px 0px 0px 0px; } .testimonial_text_holder { position: relative; display: block; } .testimonials .author_image_holder { margin-left: 15px; position: relative; } .author_image_holder .image_holder { border-radius: 3em; border: 1px solid #eaeaea; width: 60px; height: 60px; display: inline-block; float: left; margin: 0 15px 0 0; overflow: hidden; } .testimonials .testimonial_text_inner p.testimonial_author { font-size: 13px; color: #303030; margin-top: 22px; font-weight: 500; } .testimonials .testimonial_text_inner p.testimonial_author span.author_company { color: #1abc9c; } .testimonial_content_inner .testimonial_author .website { color: #303030; font-weight: 300; display: block; } .testimonial_content_inner .testimonial_author h4 { color: #00a8e8; } .testimonial_text_inner .testimonial_name { display: block; } .testimonial_content_inner .testimonial_author .company_position { color: #1abc9c; } .testimonials .testimonial_text_inner { display: block; } .testimonials .testimonial_text_inner p { line-height: 1.666666666666667em; /* 35px / 13px */ font-size: 21px; } .testimonials_holder.standard .testimonials .testimonial_text_inner { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .testimonials_holder.full_width .testimonials .testimonial_text_inner { border-left: none; border-right: none; position: relative; text-align: center; } .testimonials_holder.full_width .testimonials .testimonial_text_inner p { margin: 0 0 19px; } .testimonial_arrow { width: 20px; height: 20px; display: inline-block; margin: 0 0 0 -10px; z-index: 999; position: relative; overflow: hidden; left: 45px; bottom: 11px; background-color: #fbfbfb; border-width: 0 1px 1px 0; border-style: solid; border-color: #eaeaea; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .testimonials.transparent .testimonial_text_inner { background-color: transparent !important; padding: 0; border: none; } .testimonial_image_holder { text-align: center; display: inline-block; position: relative; overflow: hidden; vertical-align: middle; margin: 0 0 50px; } .testimonial_image_holder img { vertical-align: middle; } /* ========================================================================== Testimonials masonry shortcode start styles ========================================================================== */ .testimonials_masonry_holder { padding: 0 17px; } .testimonials_masonry_holder .testimonial_content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; } .testimonials_masonry_holder .testimonials_sep { width: 17px; height: 2px; background-color: #303030; margin: 8px auto 13px; } .testimonials_masonry_holder .testimonial_author { margin-top: 17px; } .testimonials_masonry_holder .testimonial_content_holder { display: table; width: 100%; height: 100%; } .testimonials_masonry_holder .testimonial_content_inner { display: table-cell; vertical-align: middle; } .testimonials_masonry_holder .testimonials_header_desc { color: #303030; } .testimonials_block { width: 33.33%; display: inline-block; vertical-align: middle; } .tstm_block_2 { float: left; } .tstm_block_2 .testimonials_item { clear: both; } .tstm_block_2 .tstm_item_large { float: none; } .testimonials_item { position: relative; display: inline-block; vertical-align: middle; float: left; width: calc(50% - 34px); padding-top: calc(50% - 34px); margin: 17px; background-color: #fff; text-align: center; overflow: hidden; } .testimonials_item .testimonial_content { padding: 25px; } .testimonials_item .testimonial_image_holder { width: 49px; height: 49px; margin-bottom: 20px; -webkit-filter: grayscale(100%); filter: grayscale(100%); } .tstm_item_large { padding-top: calc(100% - 34px); } .tstm_item_large .testimonial_image_holder { width: 90px; height: 90px; margin-bottom: 30px; } .tstm_item_large .testimonials_sep { margin-bottom: 23px; } .testimonials_header { width: calc(100% - 34px); } .testimonials_header .qbutton { margin-top: 38px; } .container .container_inner .testimonials_masonry_holder, .boxed .section .section_inner .testimonials_masonry_holder, .grid_section .section_inner .testimonials_masonry_holder { padding: 0px; margin: 0 -6px; } .container .container_inner .testimonials_masonry_holder .testimonials_item, .boxed .section .section_inner .testimonials_masonry_holder .testimonials_item, .grid_section .section_inner .testimonials_masonry_holder .testimonials_item { margin: 6px; width: calc(50% - 12px); padding-top: calc(50% - 12px); } .container .container_inner .testimonials_masonry_holder .testimonials_item .testimonial_content, .boxed .section .section_inner .testimonials_masonry_holder .testimonials_item .testimonial_content, .grid_section .section_inner .testimonials_masonry_holder .testimonials_item .testimonial_content { padding: 15px; } .container .container_inner .testimonials_masonry_holder .testimonials_header, .boxed .section .section_inner .testimonials_masonry_holder .testimonials_header, .grid_section .section_inner .testimonials_masonry_holder .testimonials_header { width: calc(100% - 12px); } .container .container_inner .testimonials_masonry_holder .tstm_item_large, .boxed .section .section_inner .testimonials_masonry_holder .tstm_item_large, .grid_section .section_inner .testimonials_masonry_holder .tstm_item_large { padding-top: calc(100% - 12px); } /* ========================================================================== Testimonials Carousel shortcode styles ========================================================================== */ .testimonials_c_holder .testimonial_content_inner { background: white; box-sizing: border-box; padding: 60px 45px; text-align: center; } .testimonials_c_holder .testimonial_content_inner .testimonial_image_holder { border-radius: 50%; margin-bottom: 33px; } .testimonials_c_holder .testimonial_content_inner .testimonial_rating_holder { line-height: 1em; margin: 15px 0 25px; color: #bebebe; } .testimonials_c_holder .testimonial_content_inner .testimonial_rating_holder .testimonial_star_holder { margin: 0 1px; } .testimonials_c_holder .testimonial_content_inner .testimonial_author { margin-top: 21px; font-size: 13px; font-weight: 500; } .testimonials_c_holder .flex-control-nav { margin-top: 50px; text-align: center; } .testimonials_c_holder .flex-control-nav li { display: inline-block; width: 9px; height: 9px; margin: 0 5px; } .testimonials_c_holder .flex-control-nav li a { display: block; width: 100%; height: 100%; text-indent: -9999px; background-color: #cfcfcf; border-radius: 50%; } .testimonials_c_holder .flex-control-nav li a.flex-active { background-color: #303030; } .testimonials_c_holder.light .flex-control-nav li a { background-color: #e8e8e8; } .testimonials_c_holder.light .flex-control-nav li a.flex-active { background-color: #fff; } /* ========================================================================== Blockquote shortcode start styles ========================================================================== */ blockquote { position: relative; padding: 14px 14px 14px 10px; border-left: 4px solid transparent; } blockquote h5 { line-height: 1.5625em; text-transform: none; font-size: 21px; letter-spacing: normal; font-weight: 400; margin: 0 !important; } blockquote.with_quote_icon h5 { padding: 0 0 0 40px; } blockquote i.pull-left { font-size: 22px; color: #c1c0c0; margin: 6px 0 0 !important; } /* ========================================================================== Blockquote shortcode end styles ========================================================================== */ /* ========================================================================== Gallery shortcode styles ========================================================================== */ .gallery_holder { display: block; position: relative; } .wpb_image_grid .gallery_holder { width: 100.1%; } .gallery_holder ul { list-style: none; display: block; width: 100%; position: relative; margin: 0; padding: 0; } .gallery_holder ul li { position: relative; display: block; float: left; overflow: hidden; } .gallery_holder ul li a { display: block; position: relative; -webkit-backface-visibility: hidden; } .gallery_holder ul li a { display: block; overflow: hidden; -webkit-transform: translateZ(0px); -moz-transform: translateZ(0px); } .wpb_image_grid .gallery_holder ul li a { margin-right: -1px; margin-bottom: -1px !important; } .gallery_holder ul li a img { display: block; width: 100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } .gallery_holder ul li.grayscale a img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: gray; filter: grayscale(100%); filter: url(img/desaturate.svg#grayscale); } .gallery_holder ul li.grayscale:hover a img { -webkit-filter: grayscale(0); filter: none; } .gallery_holder ul li:hover a img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); } .gallery_holder ul li .gallery_hover { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; display: inline-block; background-color: #000; background-color: rgba(0, 0, 0, 0.81); visibility: visible; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity .4s; -moz-transition: opacity .4s; -o-transition: opacity .4s; -ms-transition: opacity .4s; -webkit-transform: translateZ(0px); -moz-transform: translateZ(0px); -webkit-backface-visibility: hidden; z-index: 1000; } .gallery_holder ul li:hover .gallery_hover { opacity: 1; filter: alpha(opacity=100); } .gallery_holder ul li .gallery_hover i { position: absolute; top: 50%; left: 50%; margin: -15px 0 0 -15px; font-size: 30px; color: #fff; width: 30px; height: 30px; line-height: 30px; text-align: center; display: inline-block; } .gallery_holder ul.v5 li, .wpb_gallery_slides .gallery_holder ul.v5 li { width: 20%; margin: 0; } .gallery_holder ul.v4 li, .wpb_gallery_slides .gallery_holder ul.v4 li { width: 25%; margin: 0; } .gallery_holder ul.v3 li, .wpb_gallery_slides .gallery_holder ul.v3 li { width: 33.33333333333333%; margin: 0; } .gallery_holder ul.v2 li, .wpb_gallery_slides .gallery_holder ul.v2 li { width: 50%; margin: 0; } /*With space gallery*/ .gallery_holder .gallery_with_space ul li, .wpb_gallery_slides .gallery_holder .gallery_with_space ul li { margin-bottom: 2%; } .gallery_holder .gallery_with_space ul li:last-child, .wpb_gallery_slides .gallery_holder .gallery_with_space ul li:last-child { margin-bottom: 0; } .gallery_holder ul.gallery_with_space.v2 li, .wpb_gallery_slides .gallery_holder ul.gallery_with_space.v2 li { width: 49%; margin: 0 2% 2% 0; } .gallery_holder ul.gallery_with_space.v2 li:nth-child(2n), .wpb_gallery_slides .gallery_holder ul.gallery_with_space.v2 li:nth-child(2n) { margin-right: 0; } .gallery_holder ul.gallery_with_space.v3 li, .wpb_gallery_slides .gallery_holder ul.gallery_with_space.v3 li { width: 32%; margin: 0 2% 2% 0; } .gallery_holder ul.gallery_with_space.v3 li:nth-child(3n), .wpb_gallery_slides .gallery_holder ul.gallery_with_space.v3 li:nth-child(3n) { margin-right: 0; } .gallery_holder ul.gallery_with_space.v4 li, .wpb_gallery_slides .gallery_holder ul.gallery_with_space.v4 li { width: 23.5%; margin: 0 2% 2% 0; } .gallery_holder ul.gallery_with_space.v4 li:nth-child(4n), .wpb_gallery_slides .gallery_holder ul.gallery_with_space.v4 li:nth-child(4n) { margin-right: 0; } .gallery_holder ul.gallery_with_space.v5 li, .wpb_gallery_slides .gallery_holder ul.gallery_with_space.v5 li { width: 18.4%; margin: 0 2% 2% 0; } .gallery_holder ul.gallery_with_space.v5 li:nth-child(5n), .wpb_gallery_slides .gallery_holder ul.gallery_with_space.v5 li:nth-child(5n) { margin-right: 0; } /* ========================================================================== Enf of gallery shortcode styles ========================================================================== */ /* ========================================================================== Single image shortcode styles ========================================================================== */ .wpb_content_element.wpb_single_image img { vertical-align: middle; } .wpb_single_image.qode_image_hover_darken .vc_single_image-wrapper { position: relative; } .wpb_single_image.qode_image_hover_darken .vc_single_image-wrapper:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; background-color: rgba(0, 0, 0, 0.25); -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; } .wpb_single_image.qode_image_hover_darken .vc_single_image-wrapper:hover:before { opacity: 1; } .wpb_single_image.qode_image_hover_zoom_in .vc_single_image-wrapper { overflow: hidden; } .wpb_single_image.qode_image_hover_zoom_in .vc_single_image-wrapper img { -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 1, 1); -moz-transition: -moz-transform 0.3s cubic-bezier(0.4, 0, 1, 1); -o-transition: -o-transform 0.3s cubic-bezier(0.4, 0, 1, 1); transition: transform 0.3s cubic-bezier(0.4, 0, 1, 1); } .wpb_single_image.qode_image_hover_zoom_in .vc_single_image-wrapper:hover img { -webkit-transform: scale(1.05) translateZ(0); -moz-transform: scale(1.05) translateZ(0); -o-transform: scale(1.05) translateZ(0); transform: scale(1.05) translateZ(0); } /* ========================================================================== Enf of single image shortcode styles ========================================================================== */ /* ========================================================================== Horizontal Marquee shortcode - start ========================================================================== */ .qode-horizontal-marquee { position: relative; overflow: hidden; } .qode-horizontal-marquee .qode-horizontal-marquee-inner { position: absolute; height: 100%; top: 0; left: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: e-resize; cursor: -webkit-grab; cursor: grab; } .qode-horizontal-marquee .qode-horizontal-marquee-inner.qode-dragged { cursor: -webkit-grabbing; cursor: grabbing; } .qode-horizontal-marquee .qode-horizontal-marquee-inner .qode-hm-item { position: relative; float: left; height: 100%; } .qode-horizontal-marquee .qode-horizontal-marquee-inner .qode-hm-item:last-child { margin-right: 0 !important; } .qode-horizontal-marquee .qode-horizontal-marquee-inner .qode-hm-item .qode-hm-item-inner { position: absolute; width: 100%; left: 0; } .qode-horizontal-marquee .qode-horizontal-marquee-inner .qode-hm-item .qode-hm-item-inner.qode-top-aligned { top: 0; } .qode-horizontal-marquee .qode-horizontal-marquee-inner .qode-hm-item .qode-hm-item-inner.qode-bottom-aligned { bottom: 0; } .qode-horizontal-marquee .qode-horizontal-marquee-inner .qode-hm-item .qode-hm-item-inner.qode-middle-aligned { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* ========================================================================== Horizontal Marquee shortcode - end ========================================================================== */ /* ========================================================================== Text Marquee shortcode - start ========================================================================== */ .qode-text-marquee { position: relative; } .qode-text-marquee .stretch--resizer { overflow: visible !important; } .qode-text-marquee .qode-text-marquee-wrapper:last-child.qode-marquee-additional-title { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .touch .qode-text-marquee .qode-text-marquee-wrapper { padding: 0 10%; } .qode-text-marquee .qode-text-marquee-title { visibility: hidden; color: #e4e4e4; line-height: normal; font-weight: bold; } /* ========================================================================== Text Marquee shortcode - end ========================================================================== */ /* ========================================================================== Preview Slider shortcode - start ========================================================================== */ .qode-preview-slider { position: relative; width: 920px; max-width: 90%; margin: 0 auto; padding-bottom: 60px; /* Must match bottom property of .qode-presl-main-slider > .flex-control-nav */ } .qode-preview-slider img { width: 100%; display: block; visibility: hidden; } .qode-preview-slider img.visible { visibility: visible; } .qode-preview-slider .qode-presl-link { position: relative; display: block; } .qode-preview-slider .qode-presl-link:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: white; opacity: 0; -webkit-transition: all .3s ease; transition: all .3s ease; } .qode-preview-slider .qode-presl-link:hover:after { opacity: 0.05; } .qode-preview-slider .qode-presl-main-slider { position: relative; } .qode-preview-slider .qode-presl-main-slider .qode-presl-main-item { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 6.5%; } .qode-preview-slider .qode-presl-main-slider .flex-viewport { overflow: visible !important; } .qode-preview-slider .qode-presl-main-slider .flex-direction-nav { opacity: 1; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .qode-preview-slider .qode-presl-main-slider .flex-direction-nav.moving { opacity: 0; -webkit-transition: none; transition: none; } .qode-preview-slider .qode-presl-main-slider .flex-direction-nav a { width: 54px; height: 54px; display: block; position: absolute; top: 50%; margin-top: -27px; z-index: 10; border: none; } .qode-preview-slider .qode-presl-main-slider .flex-direction-nav a.flex-prev { margin-left: -27px; } .qode-preview-slider .qode-presl-main-slider .flex-direction-nav a.flex-next { right: 0; margin-right: -27px; } .qode-preview-slider .qode-presl-main-slider .flex-direction-nav a i { line-height: 54px; color: #303030; font-size: 54px; } .qode-preview-slider .qode-presl-main-slider .flex-control-nav { position: absolute; bottom: -60px; /* Must match padding-bottom of .qode-preview-slider */ left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .qode-preview-slider .qode-presl-main-slider .flex-control-nav li { float: left; width: 9px; height: 9px; margin: 0 5px; } .qode-preview-slider .qode-presl-main-slider .flex-control-nav li a { display: block; width: 100%; height: 100%; text-indent: -9999px; background-color: #cfcfcf; border-radius: 50%; -webkit-transition: background-color .6s ease; transition: background-color .6s ease; } .qode-preview-slider .qode-presl-main-slider .flex-control-nav li a.flex-active { background-color: #303030; } .qode-preview-slider .qode-presl-main-slider .slides li.clone_end { position: absolute; top: 0; left: 50%; } .qode-preview-slider .qode-presl-main-slider .slides li.clone_start { position: absolute; top: 0; right: 100%; } .qode-preview-slider .qode-presl-small-slider-holder { position: absolute; width: 32.6%; bottom: 0; right: 4%; } .qode-preview-slider .qode-presl-small-slider-holder .qode-presl-small-slider { position: absolute; top: 11.3%; left: 24%; width: 52%; z-index: 1; } .qode-preview-slider .qode-presl-small-slider-holder .qode-presl-small-slider .flex-direction-nav { display: none !important; } .qode-preview-slider .qode-presl-small-slider-holder .qode-presl-small-slider .flex-control-nav { display: none !important; } .qode-preview-slider .qode-presl-small-slider-holder .qode-presl-phone { display: block; z-index: 2; } /* ========================================================================== Preview Slider shortcode - end ========================================================================== */ /* ========================================================================== In-Device Slider shortcode - start ========================================================================== */ .qode-in-device-slider { position: relative; width: 100%; } .qode-in-device-slider img { width: 100%; display: block; visibility: hidden; } .qode-in-device-slider img.visible { visibility: visible; } .qode-in-device-slider .qode-ids-link { position: static; display: block; max-height: 100%; overflow: hidden; } .qode-in-device-slider .qode-ids-link:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: white; opacity: 0; -webkit-transition: all .3s ease; transition: all .3s ease; } .qode-in-device-slider .qode-ids-link:hover:after { opacity: 0.05; } .qode-in-device-slider .qode-ids-link .qode-ids-title { position: absolute; width: 100%; bottom: 0; left: 0; text-align: center; background-color: #fff; overflow: hidden; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); transform: translateY(100%); } .qode-in-device-slider .qode-ids-link .qode-ids-title h5 { text-align: center; margin: 27px 0; padding: 0 10px; font-size: 12px; line-height: 1.25em; box-sizing: border-box; color: #303030; } .qode-in-device-slider .qode-ids-link img, .qode-in-device-slider .qode-ids-link .qode-ids-title { transition: all 0.3s cubic-bezier(0.33, 0, 0.2, 1) 50ms; } .qode-in-device-slider .qode-ids-link.hovered .qode-ids-title { -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } .qode-in-device-slider .qode-ids-link.hovered img { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); transform: translateY(-20px); } .qode-in-device-slider .qode-ids-slider-holder .qode-ids-slider { position: absolute; z-index: 1; overflow: hidden; } .qode-in-device-slider .qode-ids-slider-holder .qode-ids-slider.qode-ids-ie-specific { z-index: 3; } .qode-in-device-slider .qode-ids-slider-holder .qode-ids-slider.qode-ids-ie-specific .qode-ids-link .qode-ids-title { position: absolute; width: 100%; bottom: 0; left: 0; text-align: center; background-color: #fff; overflow: hidden; height: 0; -webkit-transform: none; -moz-transform: none; transform: none; } .qode-in-device-slider .qode-ids-slider-holder .qode-ids-slider.qode-ids-ie-specific .qode-ids-link .qode-ids-title h5 { text-align: center; position: absolute; width: 100%; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); margin: 0; padding: 0 10px; box-sizing: border-box; color: #303030; } .qode-in-device-slider .qode-ids-slider-holder .qode-ids-slider.qode-ids-ie-specific .qode-ids-link img, .qode-in-device-slider .qode-ids-slider-holder .qode-ids-slider.qode-ids-ie-specific .qode-ids-link .qode-ids-title { transition: all 0.3s cubic-bezier(0.33, 0, 0.2, 1) 50ms; } .qode-in-device-slider .qode-ids-slider-holder .qode-ids-slider.qode-ids-ie-specific .qode-ids-link.hovered .qode-ids-title { height: 76px; -webkit-transform: none; -moz-transform: none; transform: none; } .qode-in-device-slider .qode-ids-slider-holder .qode-ids-slider.qode-ids-ie-specific .qode-ids-link.hovered img { margin-top: -20px; -webkit-transform: none; -moz-transform: none; transform: none; } .qode-in-device-slider .qode-ids-slider-holder .qode-ids-slider.qode-ids-framed-desktop { top: 5.3%; left: 4.0%; width: 91.7%; height: 66.5%; } .qode-in-device-slider .qode-ids-slider-holder .qode-ids-slider.qode-ids-framed-laptop { top: 6.6%; left: 13.4%; width: 73.6%; height: 78%; } .qode-in-device-slider .qode-ids-slider-holder .qode-ids-slider.qode-ids-framed-tablet-landscape { top: 10.4%; left: 19.7%; width: 60.6%; height: 76.2%; } .qode-in-device-slider .qode-ids-slider-holder .qode-ids-slider.qode-ids-framed-tablet-portrait { top: 8.5%; left: 21.9%; width: 57.3%; height: 80.5%; } .qode-in-device-slider .qode-ids-slider-holder .qode-ids-slider.qode-ids-framed-phone-landscape { top: 4.7%; left: 17.5%; width: 65.5%; height: 86.3%; } .qode-in-device-slider .qode-ids-slider-holder .qode-ids-slider.qode-ids-framed-phone-portrait { top: 8.4%; left: 12.4%; width: 75%; height: 80.3%; } .qode-in-device-slider .qode-ids-slider-holder .qode-ids-slider .flex-viewport, .qode-in-device-slider .qode-ids-slider-holder .qode-ids-slider .slides, .qode-in-device-slider .qode-ids-slider-holder .qode-ids-slider .slides > li { height: 100%; } .qode-in-device-slider .qode-ids-slider-holder .qode-ids-slider .qode-ids-item { position: relative; max-height: 100%; } .qode-in-device-slider .qode-ids-slider-holder .qode-ids-slider .flex-direction-nav a { width: 54px; height: 54px; display: block; position: absolute; top: 50%; margin-top: -27px; z-index: 10; border: none; background-color: rgba(255, 255, 255, 0.1); border-radius: 50%; } .qode-in-device-slider .qode-ids-slider-holder .qode-ids-slider .flex-direction-nav a.flex-prev { margin-left: 7px; } .qode-in-device-slider .qode-ids-slider-holder .qode-ids-slider .flex-direction-nav a.flex-next { right: 0; margin-right: 7px; } .qode-in-device-slider .qode-ids-slider-holder .qode-ids-slider .flex-direction-nav a i { line-height: 54px; color: #303030; font-size: 54px; } .qode-in-device-slider .qode-ids-slider-holder .qode-ids-frame { position: relative; display: block; z-index: 2; pointer-events: none; } /* ========================================================================== In-Device Slider shortcode - end ========================================================================== */ /* ========================================================================== Dropcaps shortcodes styles ========================================================================== */ .q_dropcap { position: relative; display: inline-block; float: left; height: 48px; width: 48px; line-height: 48px; font-size: 23px; color: #1abc9c; text-align: center; margin: 5px 20px 0 0; border: 1px solid transparent; } .q_dropcap.circle, .q_dropcap.square { margin: 5px 20px 0 0; font-size: 22px; background-color: #1abc9c; border: 1px solid transparent; color: #fff; font-weight: 300; } .q_dropcap.normal { font-weight: 700; position: relative; left: 8px; } .q_dropcap.circle { -webkit-border-radius: 2em; -moz-border-radius: 2em; -ms-border-radius: 2em; -o-border-radius: 2em; border-radius: 2em; } .q_dropcap.square { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } /* ========================================================================== Message box shortcode styles ========================================================================== */ .q_message { position: relative; padding: 26px 30px; color: #fff; background-color: #1abc9c; } .q_message .q_message_inner { position: relative; } .q_message.with_icon .q_message_icon_holder { float: left; padding: 0 27px 0 0; } .q_message.with_icon .q_message_icon { display: table; height: 100%; } .q_message.with_icon .q_message_icon_inner { display: table-cell; height: 100%; vertical-align: middle; } .q_message.with_icon > i { line-height: 1em; } .q_message.with_icon img { float: left; } .q_message a.close { position: absolute; top: -19px; right: -23px; line-height: 13px; color: #fff; } .q_message a.close i { width: 14px; height: 14px; display: inline-block; background-repeat: no-repeat; background-position: center; } .q_message .message_text { display: table; height: 100%; font-weight: 700; font-size: 18px; text-transform: uppercase; letter-spacing: 1px; } .q_message .message_text_holder { padding: 0px 20px 0px 0px; } .q_message .message_text_inner { display: table-cell; height: 100%; vertical-align: middle; } .q_message.with_icon .message_text_holder { padding: 0px 20px 0px 0px; } /* ========================================================================== Pricing table shorcode styles ========================================================================== */ .q_price_table { position: relative; width: 100%; padding: 0; color: #fff; border-top: 1px solid #ebebeb; margin-left: 2.5%; float: left; } .qode_pricing_tables.two_columns .q_price_table { width: 48.75%; } .qode_pricing_tables.three_columns .q_price_table { width: 31.666666666666668%; } .qode_pricing_tables.four_columns .q_price_table { width: 23.125%; } .qode_pricing_tables .q_price_table:first-child { margin-left: 0; } .q_price_table .price_table_inner { background-color: #262626; position: relative; } .q_price_table.active .active_text { position: absolute; top: 0; left: 0; width: 100%; text-align: center; background-color: #1abc9c; font-size: 13px; line-height: 31px; } .q_price_table.active .price_table_inner > ul { padding: 31px 0 0; margin: -31px 0; } .price_table_inner ul { list-style: none outside none; margin: 0; padding-left: 0 !important; } .price_table_inner ul li { text-align: center; margin: 0; padding: 2px 20px 13px; } .price_table_inner ul li.pricing_table_content { padding: 20px 27px 10px; } .price_table_inner ul li.pricing_table_content li { font-size: 13px; } .price_table_inner ul li.pricing_table_content li:last-child { border-bottom: none; } .price_table_inner ul li.prices { padding-top: 0; padding-bottom: 3px; } .price_table_inner ul li.table_title { padding: 25px 25px 3px; } .price_table_inner ul li.table_title .title_content { color: #fff; font-weight: 700; font-size: 17px; } .price_in_table { text-align: center; } .price_in_table .value { font-size: 20px; font-weight: 600; vertical-align: top; position: relative; top: 17px; } .price_in_table .price { font-size: 83px; line-height: 1em; padding: 0 3px; font-weight: 200; vertical-align: middle; } .price_in_table .mark { vertical-align: bottom; position: relative; font-size: 16px; font-weight: 600; text-transform: uppercase; top: 10px; } .price_table_inner .price_button { padding: 0 0 32px; } .price_button .qbutton { margin: 0 7px; } /* ========================================================================== Icon with text shortcode start styles ========================================================================== */ .q_icon_with_title { display: block; position: relative; } .q_icon_with_title .icon_holder { display: inline-block; position: relative; z-index: 2; } .q_icon_with_title:not(.right) .icon_holder { float: left; } .q_icon_with_title.right .icon_holder { float: right; } .q_icon_with_title.large .icon_text_holder .icon_title { margin-bottom: 0.35em; } .q_icon_with_title .icon_text_holder .separator.small { display: inline-block; } .q_icon_with_title .icon_with_title_link { display: inline-block; margin: 13px 0 0; color: #1abc9c; } .q_icon_with_title .icon_with_title_link:hover { color: #303030; } .q_icon_with_title .icon_holder.q_icon_animation, .box_holder_icon_inner.q_icon_animation { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-backface-visibility: hidden; } .q_icon_with_title .icon_holder.q_icon_animation.q_show_animation, .box_holder_icon_inner.q_icon_animation.q_show_animation { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .q_icon_with_title .icon_holder .fa-stack, .box_holder_icon_inner .fa-stack, .q_font_awsome_icon_square, .q_font_awsome_icon_stack i.fa-stack-base { border: 2px solid #c0c0c0; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -ms-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; -webkit-backface-visibility: hidden; -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial; } .q_font_awsome_icon_stack i.fa-stack-base { border: none; } .q_icon_with_title .icon_text_holder { position: relative; } .q_icon_with_title span.fa-stack .qode_iwt_icon_element, .q_box_holder.with_icon span.fa-stack .qode_iwt_icon_element { font-size: 0.7em; color: #c0c0c0; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -ms-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s ease-in-out; } .q_box_holder.with_icon { text-align: left; } .q_box_holder.with_icon .box_holder_icon_inner.circle .fa-stack { text-align: center; } .q_icon_with_title.circle span.fa-stack .qode_iwt_icon_element { font-size: 0.9em; } .q_icon_with_title span.fa-stack.custom-font .qode_iwt_icon_element { font-size: 0.7em; } .q_icon_with_title .icon_text_inner { padding: 0 0 18px; } .q_icon_with_title .icon_title_holder { display: table; width: 100%; height: 100%; margin: 0 0 12px; } .q_icon_with_title .icon_title_holder .icon_holder { display: table-cell; text-align: center; height: 100%; vertical-align: middle; float: none; padding: 0 15px 0 0; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } .q_icon_with_title .icon_title_holder .icon_holder > span { position: relative; top: 2px; } .q_icon_with_title .icon_text_holder .icon_title_holder .icon_title { display: table-cell; margin: 0 0 0; vertical-align: middle; width: 100%; } .q_font_awsome_icon_square .qode_icon_element { color: #fff; } .q_font_awsome_icon_stack .qode_icon_element { color: #fff; } .qode_icon_shortcode.fa-stack a { display: block; width: 100%; height: 100%; color: inherit; font-size: inherit; line-height: inherit; font-style: inherit; font-weight: inherit; letter-spacing: inherit; text-decoration: inherit; text-transform: inherit; } .qode_icon_shortcode.fa-stack .qode_icon_element { display: block; line-height: inherit; } .qode_icon_shortcode.fa-stack .qodef-icon-linea-icon:before { display: block; line-height: inherit; } .touch .no_animation_on_touch .q_icon_animation { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /* Icon center styles ========================================================================== */ /** * Styles when icon is in center. Can be in a box or not */ .q_icon_with_title.center { text-align: center; } .q_icon_with_title.center.center .icon_holder { float: none; display: block; margin: 0 0 20px; } .q_icon_with_title.custom_icon_image.center .icon_holder { margin: 0 0 13px; } .q_icon_with_title.center .icon_holder { width: 100% !important; } .q_icon_with_title.center .icon_holder .font_awsome_icon i { color: #7b7b7b; -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; } .q_icon_with_title.center .icon_holder .font_awsome_icon i:hover { color: #1abc9c; } /* End of icon center styles ========================================================================== */ /* Generic icon styles ========================================================================== */ .q_icon_with_title.boxed .icon_holder .fa-stack, .q_font_awsome_icon_square { background-color: #1abc9c; border-radius: 4px; text-align: center; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-backface-visibility: hidden; } .q_box_holder.with_icon .box_holder_icon_inner .fa-stack i.fa-stack-base { color: #1abc9c; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-backface-visibility: hidden; } .q_icon_with_title.square .icon_holder .fa-stack, .box_holder_icon_inner.square .fa-stack { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .q_font_awsome_icon_square { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .q_icon_with_title.square .icon_holder .fa-stack:hover, .box_holder_icon_inner.square .fa-stack:hover, .box_holder_icon_inner.circle .fa-stack:hover, .circle .icon_holder .fa-stack:hover { background-color: #1abc9c; border-color: transparent !important; } .q_font_awsome_icon_stack .fa-circle, .q_icon_with_title.boxed .icon_holder .fa-stack { color: #1abc9c; -webkit-transition: color 0.4s ease-in-out; -moz-transition: color 0.4s ease-in-out; -o-transition: color 0.4s ease-in-out; transition: color 0.4s ease-in-out; } .q_icon_with_title.circle .icon_holder .fa-stack:hover i.fa-circle, .q_font_awsome_icon_stack:hover .fa-circle, .q_box_holder.with_icon .box_holder_icon_inner .fa-stack:hover i.fa-stack-base { color: #f3f3f3 !important; } .q_icon_with_title.boxed .icon_holder .fa-stack { -webkit-transition: background-color 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; } .q_icon_with_title.circle .icon_holder .fa-stack:hover .qode_iwt_icon_element, .q_icon_with_title.square .icon_holder .fa-stack:hover .qode_iwt_icon_element, .q_font_awsome_icon_stack:hover i:last-child, .q_icon_with_title.boxed .icon_holder .fa-stack:hover i, .q_box_holder.with_icon span.fa-stack:hover i:last-child, .q_icon_with_title.square .icon_holder .fa-stack:hover i, .box_holder_icon_inner.square:hover i, .q_font_awsome_icon_square:hover i { color: #fff; } .q_box_holder.with_icon .tiny span.fa-stack i:last-child { top: 1px; } .q_icon_with_title.with_border_line .icon_text_inner { border-bottom: 1px solid #fbfbfb; } .q_icon_with_title.tiny .icon_text_holder { padding: 0 0 0 44px; } .q_icon_with_title.small .icon_text_holder { padding: 0 0 0 46px; } .q_icon_with_title.left_from_title .icon_text_holder { padding: 0; } .q_icon_with_title.medium .icon_holder, .q_icon_with_title.tiny.square .icon_holder, .q_icon_with_title.small.square .icon_holder { text-align: center; } .q_icon_with_title.tiny.square .icon_text_holder, .q_icon_with_title.medium .icon_text_holder { padding: 0 0 0 56px; } .q_icon_with_title.large .icon_text_holder { padding: 0 0 0 65px; } .q_icon_with_title.large .icon_holder { text-align: center; } .q_icon_with_title.very_large .icon_text_holder { padding: 0 0 0 84px; } .q_icon_with_title.tiny.boxed .icon_text_holder, .q_icon_with_title.tiny.circle .icon_text_holder, .q_icon_with_title.tiny.custom_icon_image .icon_text_holder { padding: 0 0 0 55px; } .q_icon_with_title.small.square .icon_text_holder, .q_icon_with_title.small.boxed .icon_text_holder, .q_icon_with_title.small.circle .icon_text_holder, .q_icon_with_title.small.custom_icon_image .icon_text_holder { padding: 0 0 0 72px; } .q_icon_with_title.medium.circle .icon_text_holder { padding: 0 0 0 119px; } .q_icon_with_title.medium.boxed .icon_text_holder, .q_icon_with_title.medium.custom_icon_image .icon_text_holder, .q_icon_with_title.medium.square .icon_text_holder { padding: 0 0 0 95px; } .q_icon_with_title.large.boxed .icon_text_holder, .q_icon_with_title.large.circle .icon_text_holder, .q_icon_with_title.large.custom_icon_image .icon_text_holder, .q_icon_with_title.large.square .icon_text_holder { padding: 0 0 0 122px; } .q_icon_with_title.very_large.boxed .icon_text_holder, .q_icon_with_title.very_large.circle .icon_text_holder, .q_icon_with_title.very_large.custom_icon_image .icon_text_holder, .q_icon_with_title.very_large.square .icon_text_holder { padding: 0 0 0 150px; } .q_icon_with_title.left_from_title .icon_text_holder { padding: 0 0 0 0px !important; } .q_icon_with_title.right .icon_text_holder { padding-left: 0 !important; text-align: right; } .q_icon_with_title.tiny.circle.right .icon_text_holder, .q_icon_with_title.tiny.custom_icon_image.right .icon_text_holder { padding: 0 55px 0 0; } .q_icon_with_title.small.square.right .icon_text_holder, .q_icon_with_title.small.circle.right .icon_text_holder, .q_icon_with_title.small.custom_icon_image.right .icon_text_holder { padding: 0 72px 0 0; } .q_icon_with_title.medium.circle.right .icon_text_holder { padding: 0 119px 0 0; } .q_icon_with_title.medium.custom_icon_image.right .icon_text_holder, .q_icon_with_title.medium.square.right .icon_text_holder { padding: 0 95px 0 0; } .q_icon_with_title.large.circle.right .icon_text_holder, .q_icon_with_title.large.custom_icon_image.right .icon_text_holder, .q_icon_with_title.large.square.right .icon_text_holder { padding: 0 122px 0 0; } .q_icon_with_title.very_large.circle.right .icon_text_holder, .q_icon_with_title.very_large.custom_icon_image.right .icon_text_holder, .q_icon_with_title.very_large.square.right .icon_text_holder { padding: 0 150px 0 0; } .q_icon_with_title.tiny.square.right .icon_text_holder { padding: 0 56px 0 0; } .q_icon_with_title.left_from_title .icon_text_holder .icon_holder { width: auto !important; } .q_icon_with_title.left_from_title.custom_icon_image.tiny .icon_text_holder .icon_holder { width: 35px !important; } .q_icon_with_title.left_from_title.custom_icon_image.small .icon_text_holder .icon_holder { width: 52px !important; } .q_icon_with_title.left_from_title.custom_icon_image.medium .icon_text_holder .icon_holder { width: 78px !important; } .q_icon_with_title.left_from_title.custom_icon_image.large .icon_text_holder .icon_holder { width: 104px !important; } .q_icon_with_title.left_from_title.custom_icon_image.very_large .icon_text_holder .icon_holder { width: 130px !important; } .q_icon_with_title.tiny.center .icon_text_holder, .q_icon_with_title.small.center .icon_text_holder, .q_icon_with_title.medium.center .icon_text_holder, .q_icon_with_title.large.center .icon_text_holder, .q_icon_with_title.very_large.center .icon_text_holder, .q_icon_with_title.tiny.boxed.center .icon_text_holder, .q_icon_with_title.tiny.circle.center .icon_text_holder, .q_icon_with_title.small.boxed.center .icon_text_holder, .q_icon_with_title.small.circle.center .icon_text_holder, .q_icon_with_title.medium.boxed.center .icon_text_holder, .q_icon_with_title.medium.circle.center .icon_text_holder, .q_icon_with_title.large.boxed.center .icon_text_holder, .q_icon_with_title.large.circle.center .icon_text_holder, .q_icon_with_title.very_large.boxed.center .icon_text_holder, .q_icon_with_title.very_large.circle.center .icon_text_holder, .q_icon_with_title.tiny.custom_icon_image.center .icon_text_holder, .q_icon_with_title.small.custom_icon_image.center .icon_text_holder, .q_icon_with_title.medium.custom_icon_image.center .icon_text_holder, .q_icon_with_title.large.custom_icon_image.center .icon_text_holder, .q_icon_with_title.very_large.custom_icon_image.center .icon_text_holder { padding: 0; } .q_icon_with_title.left_from_title .icon_holder { display: block; } .q_icon_with_title.tiny .icon_holder img, .q_icon_with_title.left_from_title.tiny .icon_holder, .q_icon_with_title.left_from_title.small.normal_icon .icon_holder { width: 35px; } .q_icon_with_title.small .icon_holder img, .q_icon_with_title.left_from_title.small .icon_holder, .q_icon_with_title.left_from_title.large.normal_icon .icon_holder { width: 52px; } .q_icon_with_title.medium .icon_holder img, .q_icon_with_title.left_from_title.medium .icon_holder, .q_icon_with_title.left_from_title.very_large.normal_icon .icon_holder { width: 78px; } .q_icon_with_title.large .icon_holder img, .q_icon_with_title.left_from_title.large .icon_holder { width: 104px; } .q_icon_with_title.very_large .icon_holder img, .q_icon_with_title.left_from_title.very_large .icon_holder { width: 130px; } .q_icon_with_title.left_from_title.tiny.normal_icon .icon_holder { width: 25px; } .q_icon_with_title.left_from_title.medium.normal_icon .icon_holder { width: 45px; } /* End of generic icon center styles ========================================================================== */ .q_icon_with_title.circle .qode_iwt_icon_holder .qode_iwt_icon_element, .q_icon_with_title.square .qode_iwt_icon_holder .qode_iwt_icon_element { display: block; height: 100%; line-height: inherit; text-align: center; } /* ========================================================================== End if icon with text shortcode styles ========================================================================== */ /* ========================================================================== Icon start shortcode ========================================================================== */ .q_font_awsome_icon { display: inline-block; } .q_font_awsome_icon i, .q_font_awsome_icon span { color: #1abc9c; -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; -webkit-backface-visibility: hidden; } .q_font_awsome_icon i:hover, .q_font_awsome_icon span:hover { color: #1abc9c; } .q_font_awsome_icon.pull-center { display: block; text-align: center; } .q_font_awsome_icon_square.pull-center, .q_font_awsome_icon_stack.pull-center { display: block; margin: 0 auto !important; } .q_font_awsome_icon.q_icon_animation, .q_font_awsome_icon_square.q_icon_animation, .q_font_awsome_icon_stack.q_icon_animation { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0.4s ease; -moz-transition: -moz-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; -webkit-backface-visibility: hidden; } .q_font_awsome_icon.q_icon_animation.q_show_animation, .q_font_awsome_icon_square.q_icon_animation.q_show_animation, .q_font_awsome_icon_stack.q_icon_animation.q_show_animation { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } #back_to_top span, .q_social_icon_holder .fa-stack, .q_icon_with_title.square .icon_holder .fa-stack, .box_holder_icon_inner.square .fa-stack { text-align: center; } /* ========================================================================== Icon end shortcode ========================================================================== */ .drop_down .wide .second ul li div.flexslider li:nth-child(4n+1) { clear: none; } .drop_down .wide .second ul li .flexslider ul { padding: 0; border: none; } .drop_down .wide .second ul li ul.flex-direction-nav a { position: absolute; top: 0; border: none; margin: 0px 0 0 0; } .drop_down .wide .second ul li ul.flex-direction-nav { position: absolute; top: 45px; left: 0px; overflow: visible; width: 100%; } .drop_down .wide .second ul li div.flexslider { margin: 0; } .drop_down .wide .second ul li .flexslider.widget_flexslider ul.flex-direction-nav li { width: 100%; } .flexslider.widget_flexslider h3, .drop_down .wide .second ul li ul li .flexslider.widget_flexslider h3, .drop_down .wide .second ul li ul li .flexslider.widget_flexslider h3 a { color: #fff; font-size: 15px; font-weight: 400; line-height: 22px; padding: 10px 0 2px !important; } .flexslider.widget_flexslider ul li h3 a, .drop_down .wide .second .inner ul li.flexslider.widget_flexslider ul li h3 a { color: #000; font-size: 18px; font-weight: 300; line-height: 22px; } .flexslider.widget_flexslider ul.flex-direction-nav a.flex-prev, .drop_down .wide .second .inner ul li.sub .flexslider.widget_flexslider ul.flex-direction-nav a.flex-prev { background-color: #000; background-color: rgba(0, 0, 0, 0.4); width: 40px; height: 40px; line-height: 40px; } .drop_down .second .flexslider.widget_flexslider ul.flex-direction-nav i { display: inline; } .drop_down .wide.icons .second .flexslider.widget_flexslider ul.flex-direction-nav i { width: auto; float: none; height: auto; color: #fff; } .flexslider.widget_flexslider ul.flex-direction-nav a.flex-next, .drop_down .wide .second .inner ul li.sub .flexslider.widget_flexslider ul.flex-direction-nav a.flex-next { background-color: #000; background-color: rgba(0, 0, 0, 0.4); width: 40px; height: 40px; line-height: 40px; } .flexslider.widget_flexslider ul.flex-direction-nav a.flex-next:hover, .drop_down .wide .second .inner ul li.sub .flexslider.widget_flexslider ul.flex-direction-nav a.flex-next:hover, .flexslider.widget_flexslider ul.flex-direction-nav a.flex-prev:hover, .drop_down .wide .second .inner ul li.sub .flexslider.widget_flexslider ul.flex-direction-nav a.flex-prev:hover { background-color: #000; } .drop_down .wide .second .inner ul li.sub .flexslider.widget_flexslider .menu_recent_post_text { padding: 10px 0; } .drop_down .wide .second .inner ul li.sub .flexslider.widget_flexslider .menu_recent_post_text a { display: inline; padding: 0; } .drop_down .wide .second .inner ul li.sub .flexslider.widget_flexslider .menu_recent_post_text a:hover { color: #fff; } .drop_down .wide .second .inner ul li.sub .flexslider.widget_flexslider a, .drop_down .wide .second ul li .flexslider.widget_flexslider a { padding: 0; margin: 0; } .drop_down .wide .second .inner ul li.sub .flexslider.widget_flexslider a i, .drop_down .wide .second ul li .flexslider.widget_flexslider a i { font-size: 20px; } ul.flickr_widget { display: inline-block; position: relative; padding: 0; } ul.flickr_widget li { float: left; margin: 0px 5px 5px 0px; } ul.flickr_widget li:nth-child(3n) { margin: 0 0 5px; } ul.flickr_widget li a img { float: left; } .menu_recent_post_text { display: block; } .menu_recent_post_text a { display: inline-block !important; color: #fff !important; } /* ========================================================================== Icon progress bar shortcode start styles ========================================================================== */ .q_progress_bars_icons { display: block; position: relative; opacity: 0; filter: alpha(opacity=0); } .q_progress_bars_icons_inner { position: relative; width: 100%; } .q_progress_bars_icons_inner .bar { position: relative; float: left; margin: 0px 10px 10px 0px; } .q_progress_bars_icons_inner.normal .bar { margin: 0 0 10px; } .q_progress_bars_icons_inner.tiny .bar { height: 39px; width: 39px; } .q_progress_bars_icons_inner.small .bar { width: 56px; height: 56px; } .q_progress_bars_icons_inner.medium .bar { width: 83px; height: 83px; } .q_progress_bars_icons_inner.large .bar { width: 109px; height: 109px; } .q_progress_bars_icons_inner.very_large .bar { width: 135px; height: 135px; } .q_progress_bars_icons_inner .bar .bar_noactive, .q_progress_bars_icons_inner .bar .bar_active { display: inline-block; position: absolute; top: 0px; left: 0px; overflow: hidden; z-index: 50; } .q_progress_bars_icons_inner .bar.active .bar_noactive { z-index: 100; } .q_progress_bars_icons_inner.square .bar .bar_noactive, .q_progress_bars_icons_inner.square .bar .bar_active { border: 1px solid #d7d7d7; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .q_progress_bars_icons_inner.circle .bar .bar_noactive, .q_progress_bars_icons_inner.circle .bar .bar_active { border: 1px solid #d7d7d7; -webkit-border-radius: 2em; -moz-border-radius: 2em; -ms-border-radius: 2em; -o-border-radius: 2em; border-radius: 2em; } .q_progress_bars_icons_inner.square .bar.active .bar_noactive, .q_progress_bars_icons_inner.square .bar.active .bar_active, .q_progress_bars_icons_inner.circle .bar.active .bar_noactive, .q_progress_bars_icons_inner.circle .bar.active .bar_active { border: 1px solid #1abc9c; } .q_progress_bars_icons_inner.square .bar.active i, .q_progress_bars_icons_inner.circle .bar.active i, .q_progress_bars_icons_inner.normal .bar.active i, .q_progress_bars_icons_inner .bar.active i.fa-circle { color: #1abc9c; } .q_progress_bars_icons_inner.square .bar i, .q_progress_bars_icons_inner.circle .bar i, .q_progress_bars_icons_inner.normal .bar i, .q_progress_bars_icons_inner .bar i.fa-circle { color: #d7d7d7; } /* ========================================================================== Icon progress bar shortcode end styles ========================================================================== */ .more_facts_outer { position: relative; display: block; height: 0; overflow: hidden; } .more_facts_inner_holder { position: relative; display: inline-block; width: 100%; vertical-align: middle; } .more_facts_inner { position: relative; display: inline-block; vertical-align: middle; width: 100%; padding: 70px 0 0; } .more_facts_holder { background-color: #f6f6f6; } .more_facts_button { display: block; position: relative; margin: 0; padding: 39px 0 15px; color: #303030; font-size: 19px; line-height: 22px; cursor: pointer; z-index: 90; } .more_facts_button:hover { color: #1abc9c; } .more_facts_button .more_facts_button_text, .more_facts_button .more_facts_button_arrow { display: block; } .more_facts_button .more_facts_button_text { display: block; font-size: 17px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; padding: 0px 0 5px; } .more_facts_button .more_facts_button_arrow { -webkit-transition: -webkit-transform 300ms ease-in-out; -moz-transition: -moz-transform 300ms ease-in-out; -ms-transition: -ms-transform 300ms ease-in-out; -o-transition: -o-transform 300ms ease-in-out; transition: transform 300ms ease-in-out; } .more_facts_button .more_facts_button_arrow.rotate_arrow { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); } .more_facts_button_holder { display: block; position: relative; } .more_facts_button_holder.left { text-align: left; } .more_facts_button_holder.center { text-align: center; } .more_facts_button_holder.right { text-align: right; } /* ========================================================================== Oblique section styles ========================================================================== */ .angled-section { position: absolute; z-index: 20; display: block; } .angled-section polygon { fill: #f6f6f6; } .angled-section.svg-top { top: -85px; } .angled-section.svg-bottom { bottom: -85px; } .angled-section.svg-footer-bottom { bottom: 0; } .angled-section.svg-title-bottom { bottom: 0; } /* ========================================================================== End of Oblique section styles ========================================================================== */ .ordered ul, .ordered ol { counter-reset: li; display: block; list-style-type: decimal; background-position: left center; background-repeat: no-repeat; margin: 0 0 30px; padding: 0 0 0 20px; } .ordered ol li { margin: 0px 0px 21px; padding: 0 0 0 4px; color: #303030; } /* ========================================================================== Unordered list shortcode styles ========================================================================== */ .q_list.normal ul > li { font-weight: 400 !important; } .q_list.light ul > li { font-weight: 300 !important; } .q_list.bold ul > li { font-weight: 600 !important; } .q_list.circle ul, .q_list.number ul { display: block; list-style-type: none; margin: 0; padding: 0; } .q_list.number ul { counter-reset: li; } .q_list.number.circle_number li { padding-left: 43px; margin-bottom: 22px; } .q_list.circle ul > li, .q_list.number ul > li { position: relative; font-weight: 400; margin: 0 0 22px; padding: 0 0 0 22px; color: #303030; } .q_list.circle ul > li:before { position: absolute; left: 0; width: 7px; height: 7px; top: 9px; background-color: #ababab; display: block; content: ''; border-radius: 25px; } .q_list.number ul > li:before { height: 20px; width: 20px; line-height: 20px; display: inline-block; position: absolute; left: 0; top: 1px; padding: 0; color: #1abc9c; text-align: center; content: counter(li, decimal-leading-zero); counter-increment: li; font-weight: 500; } .q_list.number.circle_number ul > li:before { color: #fff; background-color: #1abc9c; border-radius: 2em; height: 31px; width: 31px; line-height: 31px; top: -3px; } .q_list.circle.animate_list ul li, .q_list.number.animate_list ul li { opacity: 0; filter: alpha(opacity=0); top: -40px; } .touch .no_animation_on_touch .q_list.circle.animate_list ul li, .touch .no_animation_on_touch .q_list.number.animate_list ul li { opacity: 1; filter: alpha(opacity=100); top: 0px; } /* ========================================================================== Social icon shortcode styles ========================================================================== */ .q_social_icon_holder { display: inline-block; position: relative; } .q_social_icon_holder.normal_social { margin: 0 6px; } header .header_top .q_social_icon_holder { float: left; margin: 0; width: 32px; } .q_social_icon_holder .simple_social { color: #bcbcbc; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .q_social_icon_holder span.simple_social { display: inline-block; } .q_social_icon_holder:hover .simple_social { color: #1abc9c; } header .header_top .q_social_icon_holder a { display: block; } header .header_top .q_social_icon_holder:last-child { border-right: 0; } header .header_top .q_social_icon_holder .simple_social.fa-lg { font-size: 13px; } .q_social_icon_holder .fa-stack { background-color: #e3e3e3; border: 0px solid #f0f0f0; margin: 0.2307692307692308em; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .q_social_icon_holder.circle_social .fa-stack { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .q_social_icon_holder .fa-stack .header_top .q_social_icon_holder .fa-stack { background: transparent; border: 0; padding: 0; margin: 0; box-shadow: none; border-radius: 0; font-size: 13px; } .header_top .q_social_icon_holder .fa-stack:hover i, .header_top .q_social_icon_holder .fa-stack:hover span { color: #fff; } .q_social_icon_holder .fa-stack i, .q_social_icon_holder .fa-stack span { color: #b9b9b9; -webkit-transition: color 0.3s ease-out; -moz-transition: color 0.3s ease-out; -o-transition: color 0.3s ease-out; transition: color 0.3s ease-out; } .header_top .q_social_icon_holder .fa-stack i, .header_top .q_social_icon_holder .fa-stack span { color: #7b7b7b; } .q_social_icon_holder.circle_social .fa-stack:hover, .q_social_icon_holder.square_social .fa-stack:hover { background-color: #1abc9c; border-color: transparent; } .q_social_icon_holder.circle_social .fa-stack:hover i, .q_social_icon_holder.circle_social .fa-stack:hover span, .q_social_icon_holder.square_social .fa-stack:hover i, .q_social_icon_holder.square_social .fa-stack:hover span { color: #fff; } .q_social_icon_holder .fa-stack i.fa-circle, .q_social_icon_holder .fa-stack span.fa-circle { color: #fbfbfb; } .q_social_icon_holder .fa-stack.fa-2x { width: 36px; height: 36px; line-height: 36px; } .q_social_icon_holder .fa-stack i:last-child, .q_social_icon_holder .fa-stack span { font-size: 0.7692307692307692em; display: block; line-height: inherit; } .q_social_icon_holder .fa-stack.fa-lg i:last-child, .q_social_icon_holder .fa-stack.fa-lg span { font-size: 1em; } /* ========================================================================== Social share shortcode styles ========================================================================== */ .social_share_holder { position: relative; display: inline-block; } .social_share_holder .social_share_icon { margin-right: 5px; display: inline-block; vertical-align: middle; } .social_share_holder:hover .social_share_title { cursor: pointer; } .social_share_holder:hover .social_share_dropdown { top: 100%; visibility: visible; opacity: 1; -webkit-transition: all 0.2s cubic-bezier(0.3, 0.67, 0.24, 0.86); -moz-transition: all 0.2s cubic-bezier(0.3, 0.67, 0.24, 0.86); transition: all 0.2s cubic-bezier(0.3, 0.67, 0.24, 0.86); } .social_share_title { display: inline-block; } .social_share_dropdown { display: block; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); margin: 0px 0 0; padding: 10px 0 0 0; position: absolute; top: 75%; width: 35px; visibility: hidden; z-index: 950; -webkit-transition: opacity 0.15s, visibility 0.15s, top 0s 0.15s; -moz-transition: opacity 0.15s, visibility 0.15s, top 0s 0.15s; transition: opacity 0.15s, visibility 0.15s, top 0s 0.15s; opacity: 0; } .social_share_dropdown .inner_arrow { display: block; position: absolute; top: -6px; left: 8px; width: 0; height: 0; border-color: transparent transparent #323232 transparent; border-style: solid; border-width: 9px; z-index: 999; } .social_share_dropdown ul { list-style: none; position: relative; display: block; background-color: #323232; z-index: 990; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; padding: 4px 0px !important; width: 35px; } .page_share { position: relative; } .social_share_dropdown ul li { display: block; position: relative; text-align: center; } .social_share_dropdown ul li.share_title { display: block; text-align: center; color: #fff; background-color: #1abc9c; padding: 10px 20px; } .social_share_dropdown ul li a { display: block; height: 20px; line-height: 20px; padding: 5px 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; margin: 0 !important; } .social_share_dropdown ul li:last-child a { border-bottom: 0; } .social_share_dropdown ul li i { font-size: 17px; width: 22px; height: 22px; line-height: 22px; color: #fff; text-align: center; } .social_share_dropdown ul li img { width: 22px; float: left; margin: 0 13px 0 0; } .social_share_dropdown ul li :hover i { color: #1abc9c; } /* ========================================================================== Social share list shortcode styles ========================================================================== */ .social_share_list_holder ul { list-style: none; display: inline-block; } .social_share_list_holder ul li { display: inline; margin-right: 10px; } .social_share_list_holder ul li i { color: #bcbcbc; -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; } .social_share_list_holder ul li i:hover { color: #1abc9c; } /* ========================================================================== Empty Space ========================================================================== */ .vc_empty_space_inner .empty_space_image { display: block; height: 100%; } /* ========================================================================== Masonry Gallery ========================================================================== */ .grid-sizer { width: 25%; } .masonry_gallery_holder { margin: 0 -10px; opacity: 0; } .masonry_gallery_holder .masonry_gallery_item { box-sizing: border-box; padding: 10px; z-index: 1; } .masonry_gallery_holder .masonry_gallery_item.parallax_item { z-index: 0; } /*one column shortcode*/ .masonry_gallery_holder.one_column .masonry_gallery_item.square_big, .masonry_gallery_holder.one_column .masonry_gallery_item.square_small, .masonry_gallery_holder.one_column .masonry_gallery_item.rectangle_landscape, .masonry_gallery_holder.one_column .masonry_gallery_item.rectangle_portrait, .masonry_gallery_holder.one_column .grid-sizer { width: 100%; } /*end of one column shortcode*/ /*two columns shortcode*/ .masonry_gallery_holder.two_columns .masonry_gallery_item.square_small, .masonry_gallery_holder.two_columns .masonry_gallery_item.rectangle_portrait, .masonry_gallery_holder.two_columns .grid-sizer { width: 50%; } .masonry_gallery_holder.two_columns .masonry_gallery_item.square_big, .masonry_gallery_holder.two_columns .masonry_gallery_item.rectangle_landscape { width: 100%; } /*end of two columns shortcode*/ /*three columns shortcode*/ .masonry_gallery_holder.three_columns .masonry_gallery_item.square_small, .masonry_gallery_holder.three_columns .masonry_gallery_item.rectangle_portrait, .masonry_gallery_holder.three_columns .grid-sizer { width: 33.33333333%; } .masonry_gallery_holder.three_columns .masonry_gallery_item.square_big, .masonry_gallery_holder.three_columns .masonry_gallery_item.rectangle_landscape { width: 66.66666666%; } /*end of three columns shortcode*/ .masonry_gallery_item.square_small { width: 25%; } .masonry_gallery_item.square_big { width: 50%; } .masonry_gallery_item.rectangle_landscape { width: 50%; } .masonry_gallery_item.rectangle_portrait { width: 25%; } .masonry_gallery_holder .masonry_gallery_item .masonry_gallery_image_holder { height: 100%; width: 100%; position: relative; overflow: hidden; -webkit-transform: translateZ(0px); -moz-transform: translateZ(0px); -ms-transform: translateZ(0px); -o-transform: translateZ(0px); transform: translateZ(0px); } .masonry_gallery_holder .masonry_gallery_item.rectangle_landscape .masonry_gallery_image_holder img { max-height: inherit; } .masonry_gallery_holder .masonry_gallery_item.rectangle_portrait .masonry_gallery_image_holder img { max-width: inherit; width: auto; } .masonry_gallery_item img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; vertical-align: middle; max-height: 100%; } .masonry_gallery_item .masonry_gallery_item_outer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; box-sizing: border-box; padding: 10px; } .masonry_gallery_item .masonry_gallery_item_inner { position: relative; height: 100%; } .masonry_gallery_item_inner .masonry_gallery_item_content { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10% 0 10%; } .masonry_gallery_item.with_icon .masonry_gallery_item_inner, .masonry_gallery_item.with_button .masonry_gallery_item_inner { background-color: rgba(0, 0, 0, 0.8); } .masonry_gallery_item.standard .masonry_gallery_item_inner { opacity: 0; background-color: rgba(0, 0, 0, 0.8); -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .masonry_gallery_item.standard:hover .masonry_gallery_item_inner { opacity: 1; } .masonry_gallery_item_content h3, .masonry_gallery_item_icon { color: #fff; } .masonry_gallery_item .masonry_gallery_item_icon { color: #fff; margin: 0 0 10px; } .masonry_gallery_item_content h3 { text-transform: uppercase; padding: 0 0 20px 0; } .masonry_gallery_item .masonry_gallery_item_button { margin: 20px 0 0 0; } .masonry_gallery_item_content .masonry_gallery_item_text { color: #818181; } /* ========================================================================== Blog slider ========================================================================== */ .blog_slider, .blog_slides .image_holder { position: relative; display: block; -webkit-backface-visibility: hidden; } .blog_slider .blog_slides { opacity: 0; } .blog_slider .image { position: relative; display: block; overflow: hidden; width: 100%; -moz-transform: translateZ(0px); -webkit-transform: translateZ(0px); } .blog_slider .blog_slides > li { background-color: transparent; position: relative; margin: 0; float: left; } .blog_slider_holder .item_holder { position: relative; overflow: hidden; } .blog_slider { margin: 0; width: 100.2%; position: relative; zoom: 1; } .blog_slider.simple_slider { width: 100%; } .blog_slider .blog_slides img { width: 100%; display: block; -webkit-transition: -webkit-transform 0.15s ease-out; -moz-transition: -moz-transform 0.15s ease-out; -ms-transition: -ms-transform 0.15s ease-out; -o-transition: -o-transform 0.15s ease-out; transition: transform 0.15s ease-out; } .blog_slider .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; direction: ltr; } .blog_slider .blog_slides { margin: 0; padding: 0; list-style: none; zoom: 1; } .blog_slider .flex-direction-nav { *height: 0; } .blog_text_holder { position: absolute; width: 100%; height: 100%; opacity: 0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; background-color: rgba(21, 21, 21, 0.78); } .blog_slides .blog_text_holder_inner { color: #fff; } .blog_text_holder_outer { display: table; table-layout: fixed; width: 100%; height: 100%; text-align: center; } .blog_text_holder_inner { display: table-cell; vertical-align: middle; } .blog_slides .item:hover .blog_text_holder { opacity: 0.8; z-index: 20; } .blog_slides .blog_text_holder_inner .blog_slider_title a, .blog_slider_date_holder, .blog_slides .blog_text_holder_inner .blog_slider_categories a, .blog_slider .blog_slider_post_comments { color: #fff; -webkit-transition: color 0.15s ease; -moz-transition: color 0.15s ease; transition: color 0.15s ease; } .blog_slider .blog_slider_date_holder, .blog_slider .blog_slider_categories { display: inline-block; } .blog_slider .caroufredsel-next, .full_width .section_inner .blog_slider .caroufredsel-next { right: 20px; } body.boxed .blog_slider .caroufredsel-next, body.boxed .full_width .section_inner .blog_slider .caroufredsel-next { right: 0; } .blog_slider .caroufredsel-prev, .full_width .section_inner .blog_slider .caroufredsel-prev { left: 20px; } body.boxed .blog_slider .caroufredsel-prev, body.boxed .full_width .section_inner .blog_slider .caroufredsel-prev { left: 0; } .blog_slider .caroufredsel-next, .full_width .section_inner .blog_slider .caroufredsel-next, .blog_slider .caroufredsel-prev, .full_width .section_inner .blog_slider .caroufredsel-prev { border-radius: 50%; } .blog_slider .flex-container a:active, .blog_slider .flexslider a:active, .blog_slider .flex-container a:focus, .blog_slider .flexslider a:focus { outline: 0; } /*Blog Carousel Info in Bottom Always*/ .blog_text_holder.info_bottom { height: auto; width: auto; bottom: 0; margin: 0 10px 10px; opacity: 1; z-index: 20; } .blog_slides .item:hover .blog_text_holder.info_bottom { opacity: 1; } .blog_text_holder.info_bottom .blog_text_holder_outer { padding: 15px 0; } .blog_text_holder.info_bottom .blog_text_date_holder { display: table-cell; vertical-align: middle; width: 60px; border-right: 1px solid #ebebeb; } .blog_text_holder.info_bottom .blog_text_holder_inner { padding: 0 10px; text-align: left; } .blog_text_holder.info_bottom .blog_slider_date_holder span { display: block; } /*Blog slider simple*/ .blog_slider_holder .blog_slider.simple_slider .blog_text_wrapper { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .blog_slider.simple_slider .blog_slides .blog_text_holder_inner { color: #303030; } .blog_slider_holder .blog_slider.simple_slider .blog_text_holder_inner2 { position: relative; width: 50%; margin: 0 auto; padding: 8%; border: 1px solid #fafafa; background-color: rgba(255, 255, 255, 0.6); box-sizing: border-box; -webkit-transition: background-color 0.15s ease-out, border-color 0.15s ease-out; -moz-transition: background-color 0.15s ease-out, border-color 0.15s ease-out; -ms-transition: background-color 0.15s ease-out, border-color 0.15s ease-out; -o-transition: background-color 0.15s ease-out, border-color 0.15s ease-out; transition: background-color 0.15s ease-out, border-color 0.15s ease-out; } .blog_slider_simple_info { text-align: center; } .blog_slider .blog_slider_simple_title { margin-bottom: 20px; } .blog_slider .blog_slider_simple_info a, .blog_slider .blog_slider_simple_title a { -webkit-transition: color 0.15s ease; -moz-transition: color 0.15s ease; transition: color 0.15s ease; } .blog_slider_simple_holder .read_more_wrapper { margin-top: 20px; } .blog_slider_simple_info .post_info_item { display: inline-block; padding: 0 5px; } .blog_slider_simple_info .post_info_item:not(:first-child):before { content: '/'; position: relative; left: -5px; } .blog_slider_simple_info .post_info_item.date span { -webkit-transition: color 0.15s ease-out; -moz-transition: color 0.15s ease-out; -ms-transition: color 0.15s ease-out; -o-transition: color 0.15s ease-out; transition: color 0.15s ease-out; } /* ========================================================================== Latest posts styles ========================================================================== */ .latest_post_holder { position: relative; display: inline-block; vertical-align: middle; width: 100%; } .latest_post_holder.date_in_box .latest_post { padding-left: 85px; } .latest_post_holder.minimal .latest_post { border-bottom: none; padding-bottom: 0px; } .latest_post_holder li:last-child .latest_post { border-bottom: none; } .latest_post_holder .latest_post_date { float: left; margin-right: 25px; width: 59px; border-radius: 4px; text-align: center; margin-top: 5px; } .latest_post_holder .latest_post_date .post_publish_day { font-size: 22px; color: #fff; height: 39px; line-height: 39px; background-color: #1abc9c; } .latest_post_holder .latest_post_date .post_publish_month { border: 1px solid #eaeaea; background-color: #f4f4f4; color: #303030; font-size: 12px; -webkit-border-bottom-left-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-bottomleft: 2px; -moz-border-radius-bottomright: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; height: 18px; line-height: 18px; } .latest_post_holder > ul { list-style: none; display: inline-block; width: 100%; position: relative; margin: 0; padding: 0; } .latest_post_holder > ul > li { display: block; position: relative; padding-top: 15px; } .latest_post_holder.minimal > ul > li { padding-top: 11px; } .latest_post_holder.image_in_box .latest_post_holder > ul > li { padding-top: 15px; } .latest_post_holder > ul > li:first-child { padding-top: 0; } .latest_post_holder.boxes > ul, .latest_post_holder.dividers > ul { clear: both; } .latest_post_holder.boxes > ul > li, .latest_post_holder.dividers > ul > li { padding: 0; float: left; border: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; margin: 0 2% 0 0; background-color: #fff; } .latest_post_holder.boxes.two_columns > ul > li, .latest_post_holder.dividers.two_columns > ul > li { width: 49%; } .latest_post_holder.boxes.three_columns > ul > li, .latest_post_holder.dividers.three_columns > ul > li { width: 32%; } .latest_post_holder.boxes.four_columns > ul > li, .latest_post_holder.dividers.four_columns > ul > li { width: 23.5%; } .latest_post_holder.boxes.two_columns > ul > li:nth-child(2n), .latest_post_holder.boxes.three_columns > ul > li:nth-child(3n), .latest_post_holder.boxes.four_columns > ul > li:nth-child(4n), .latest_post_holder.dividers.two_columns > ul > li:nth-child(2n), .latest_post_holder.dividers.three_columns > ul > li:nth-child(3n), .latest_post_holder.dividers.four_columns > ul > li:nth-child(4n) { margin-right: 0; } .latest_post_holder.boxes:not(.one_row) > ul > li, .latest_post_holder.dividers:not(.one_row) > ul > li { margin-bottom: 25px; } .latest_post_holder.boxes > ul > li .latest_post { padding: 19px 20px 10px; border-top: 0; } .latest_post_holder.boxes > ul > li .latest_post p.excerpt { margin: 10px 0 9px; } .latest_post_holder.boxes > ul > li .latest_post .post_infos > a, .latest_post_holder.boxes > ul > li .latest_post .post_infos > span { display: inline-block; } .latest_post_holder.boxes > ul > li .latest_post .latest-vert-separator { margin-left: 3px; } .latest_post_holder.boxes .boxes_image { overflow: hidden; } .latest_post_holder.boxes .boxes_image a { display: block; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.3s ease-in-out; -moz-transition: -moz-transform 0.3s ease-in-out; -ms-transition: -ms-transform 0.3s ease-in-out; -o-transition: -o-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; -webkit-backface-visibility: hidden; } .latest_post_holder.boxes .boxes_image a img { vertical-align: top; } .latest_post_holder.boxes .boxes_image a:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .latest_post_holder.dividers .latest_post_date, .latest_post_holder.dividers .latest_post_text_inner { display: table-cell; } .latest_post_holder.dividers .latest_post_title { margin-bottom: 20px; } .latest_post_holder.dividers .latest_post_inner { margin: 35px 0 !important; } .latest_post_holder.dividers .boxes_image img { display: inline-block; vertical-align: middle; } .latest_post_holder.dividers .latest_post_date { margin: 0 15px 0 0; border-right: 1px solid #ebebeb; width: 50px; } .latest_post_holder.dividers .latest_post_date .latest_post_day { font-size: 15px; font-weight: 600; color: #303030; } .latest_post_holder.dividers .post_infos { margin-top: 30px; padding-top: 20px; border-top: 1px solid #ebebeb; } .latest_post_holder.dividers .post_infos > a:not(:last-child):after, .latest_post_holder.dividers .post_infos > span:not(:last-child) > a:after { content: '/'; margin: 0 3px; } .latest_post_holder.dividers .latest_post_text_inner .post_infos a { margin-right: 0; } .latest_post_holder > ul > li .date_hour_holder i { margin-right: 8px; } .latest_post, .latest_post > a, .latest_post a img { display: block; position: relative; } .latest_post_image { width: 95px; float: left; } .latest_post_image img { width: 100%; float: left; } .latest_post_text { display: block; width: auto; } .latest_post_holder.image_in_box .latest_post_text { padding: 0 0 0 116px; } .latest_post_holder.minimal .latest_post_inner { margin: 0 0 0px !important; } .latest_post_inner { margin: 0 0 10px !important; } .latest_post_holder.image_in_box .latest_post_text_inner { display: table-cell; vertical-align: middle; } .latest_post_holder.image_in_box .latest_post_inner { display: table; width: 100%; margin: 0 0 0 !important; } .latest_post_inner .post_infos { display: block; font-weight: 500; } .latest_post_inner .post_infos a { color: #303030; } .latest_post_inner .post_infos a { margin: 0 7px 0 0; } .latest_post_inner .post_infos a.post_comments { margin: 0; } .latest_post_inner .post_infos a:hover { color: #1abc9c; } .latest_post_holder.minimal .latest_post_inner .post_infos { margin: 0 0 3px 0; } .latest_post_holder.image_in_box .latest_post_text .latest_post_title { margin: -3px 0 2px 0; } .latest_post_holder.image_in_box .latest_post_text .excerpt { margin: 0 0 8px 0; } .latest_post_holder .post_infos .dots { padding: 0 7px 0 7px; } .latest_post_holder .post_infos .dots i { font-size: 3px; vertical-align: middle; } /* ========================================================================== Latest posts 2 styles ========================================================================== */ .latest_post_two_holder { position: relative; display: inline-block; vertical-align: middle; width: 100%; } .latest_post_two_holder > ul { position: relative; list-style: none; margin: 0 -16px; padding: 0; clear: both; } .latest_post_two_holder > ul > li { position: relative; display: inline-block; vertical-align: middle; width: 100%; float: left; margin: 0 0 32px; padding: 0 16px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .latest_post_two_holder.two_columns > ul > li { width: 50%; } .latest_post_two_holder.three_columns > ul > li { width: 33.33%; } .latest_post_two_holder.four_columns > ul > li { width: 25%; } .latest_post_two_holder.two_columns > ul > li:nth-child(2n+1), .latest_post_two_holder.three_columns > ul > li:nth-child(3n+1), .latest_post_two_holder.four_columns > ul > li:nth-child(4n+1) { clear: both; } .latest_post_two_holder .latest_post_two_image { position: relative; display: inline-block; vertical-align: middle; width: 100%; } .latest_post_two_holder .latest_post_two_image a, .latest_post_two_holder .latest_post_two_image img { display: block; } .latest_post_two_holder .latest_post_two_inner { position: relative; display: inline-block; vertical-align: middle; width: 100%; background-color: #fff; } .latest_post_two_holder .latest_post_two_text, .latest_post_two_holder .latest_post_two_info { position: relative; display: inline-block; vertical-align: middle; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .latest_post_two_holder .latest_post_two_text { padding: 51px 33px 59px; } .latest_post_two_holder .latest_post_two_text a:hover { color: #1abc9c !important; } .latest_post_two_holder .latest_post_two_text .separator.small { width: 24px; margin: 12px 0 26px; } .latest_post_two_holder .latest_post_two_info { padding: 28px 33px 38px; border-top: 1px solid #eaeaea; } .latest_post_two_holder .latest_post_two_info_inner { position: relative; display: table; width: 100%; height: 100%; } .latest_post_two_holder .latest_post_two_info_inner > * { position: relative; display: table-cell; vertical-align: top; font-size: 12px; } .latest_post_two_holder .latest_post_two_info_inner img { position: relative; display: inline-block; vertical-align: middle; margin: 0 15px 0 0; } .latest_post_two_holder .latest_post_two_info_inner .post_info_author_name { position: relative; display: inline-block; vertical-align: middle; line-height: 30px; } .latest_post_two_holder .latest_post_two_info_inner .post_info_date { text-align: right; line-height: 30px; } /* ========================================================================== Blog Masonry Shortcode ========================================================================== */ .q_masonry_blog { margin-bottom: 50px; transition: none !important; overflow: visible !important; opacity: 0; filter: alpha(opacity=0); } .q_masonry_blog article, .q_masonry_blog .q_masonry_blog_grid_sizer { width: 31.2%; } .q_masonry_blog .blog_holder_grid_gutter { width: 3.2%; } .full_width .q_masonry_blog .q_masonry_blog_grid_sizer, .full_width .q_masonry_blog article { width: 18.7%; } .full_width .grid_section .q_masonry_blog article, .full_width .grid_section .q_masonry_blog_grid_sizer { width: 31.2%; } .full_width .q_masonry_blog .q_masonry_blog_grid_gutter { width: 1.6%; } .q_masonry_blog .q_masonry_blog_grid_gutter, .full_width .grid_section .q_masonry_blog .q_masonry_blog_grid_gutter { width: 3.2%; } .two_columns_75_25 .q_masonry_blog article, .two_columns_75_25 .q_masonry_blog .q_masonry_blog_grid_sizer, .two_columns_66_33 .q_masonry_blog article, .two_columns_66_33 .q_masonry_blog .q_masonry_blog_grid_sizer, .two_columns_33_66 .q_masonry_blog article, .two_columns_33_66 .q_masonry_blog .q_masonry_blog_grid_sizer, .two_columns_25_75 .q_masonry_blog article, .two_columns_25_75 .q_masonry_blog .q_masonry_blog_grid_sizer { width: 48%; } .two_columns_75_25 .q_masonry_blog .q_masonry_blog_grid_gutter, .two_columns_66_33 .q_masonry_blog .q_masonry_blog_grid_gutter, .two_columns_33_66 .q_masonry_blog .q_masonry_blog_grid_gutter, .two_columns_25_75 .q_masonry_blog .q_masonry_blog_grid_gutter { width: 4%; } .q_masonry_blog article, .full_width .grid_section .q_masonry_blog article { margin: 0 0 20px; padding: 0; text-align: left; vertical-align: top; z-index: 100; border: 0; background-color: #fff; float: left; display: block; } .full_width .q_masonry_blog article { margin-left: 0.5%; margin-right: 0.5%; } .q_masonry_blog article.format-link:hover, .q_masonry_blog article.format-quote:hover { background-color: #1abc9c; } .q_masonry_blog article.format-link .q_masonry_blog_post_title, .q_masonry_blog article.format-quote .q_masonry_blog_post_title { padding: 0 0 0 60px; } .q_masonry_blog article.format-quote .q_masonry_blog_post_text i.qoute_mark, .q_masonry_blog article.format-link .q_masonry_blog_post_text i.link_mark { margin: 7px 0 0; color: #c0c0c0; font-size: 36px; } .q_masonry_blog article.format-quote .q_masonry_blog_post_text p, .q_masonry_blog article.format-link .q_masonry_blog_post_text p { font-size: 21px; line-height: 35px; color: #303030; } .q_masonry_blog article.format-link:hover .q_masonry_blog_post_info, .q_masonry_blog article.format-link:hover .q_masonry_blog_post_info a, .q_masonry_blog article.format-quote:hover .q_masonry_blog_post_info, .q_masonry_blog article.format-quote:hover .q_masonry_blog_post_info a, .q_masonry_blog article.format-quote:hover .q_masonry_blog_post_text .quote_author, .q_masonry_blog article.format-quote:hover .q_masonry_blog_post_text i.qoute_mark, .q_masonry_blog article.format-link:hover .q_masonry_blog_post_text i.link_mark, .q_masonry_blog article.format-quote:hover .q_masonry_blog_post_text p a, .q_masonry_blog article.format-link:hover .q_masonry_blog_post_text p a { color: #fff; } .q_masonry_blog article:hover { z-index: 200; } .q_masonry_blog article .q_masonry_blog_post_image { margin: 0; width: auto; } .q_masonry_blog article .q_masonry_blog_post_image img { vertical-align: middle; } .q_masonry_blog article .q_masonry_blog_post_info { margin: 15px 0 0 0; color: #303030; } .q_masonry_blog article .q_masonry_blog_post_info a { color: #bebebe; } .q_masonry_blog article .q_masonry_blog_post_info a:hover { color: #1abc9c; } .q_masonry_blog article .quote_author { font-family: inherit; font-weight: 400; display: block; font-size: 21px; line-height: 35px; color: #c0c0c0; } .q_masonry_blog article.format-link .q_masonry_blog_post_info, .q_masonry_blog article.format-quote .q_masonry_blog_post_info { margin: 0 0 20px; } .q_masonry_blog article .q_masonry_blog_post_text { padding: 20px 15px 20px 15px; } .q_masonry_blog article h5 { margin: 0 0 10px; } .q_masonry_blog article .mejs-controls div.mejs-horizontal-volume-slider { margin: 0 10px 0 0; } .q_masonry_blog article .flexslider { margin-bottom: 0; } /* ========================================================================== Blog ========================================================================== */ .blog_holder article { display: inline-block; width: 100%; margin: 0 0 60px; } .blog_holder.masonry article, .blog_holder.masonry_full_width article { display: block; float: left; } .blog_holder.blog_large_image_simple article { margin: 0 0 23px; } .blog_holder.blog_single article { margin: 0 0 0px; } .blog_holder.blog_small_image article { margin: 0 0 32px; } .single-post .blog_single p { margin-bottom: 22px; } .single-post .blog_single p:last-child { margin-bottom: 0; } .blog_single.blog_holder article .post_text .post_text_inner { padding-left: 0; padding-right: 0; padding-bottom: 0; background-color: transparent; } .blog_single.blog_holder article.format-link .post_text .post_text_inner, .blog_single.blog_holder article.format-quote .post_text .post_text_inner { padding: 23px 23px 35px 23px; background-color: #fff; margin: 0 0 30px 0; } .blog_holder article .post_content_holder { width: 100%; } .blog_holder article .post_image, .blog_holder article .post_image > a, .blog_holder article .post_image img { position: relative; width: 100%; display: block; } .blog_holder article .post_text .post_text_inner { padding: 23px 23px 35px 23px; background-color: #fff; } .blog_holder.blog_large_image_simple article .post_text .post_text_inner { background-color: transparent; padding-left: 195px; padding-right: 195px; padding-top: 45px; padding-bottom: 45px; text-align: center; } .blog_holder.masonry article .post_text .post_text_inner, .blog_holder.masonry_full_width article .post_text .post_text_inner { padding: 17px 15px 18px 15px; background-color: #fff; } .blog_large_image_simple .minimalist_date { padding-bottom: 9px; color: #1abc9c; } .blog_large_image_simple .separator.small { margin-top: 22px; } .blog_holder article .post_text h5 { margin: 0 0 10px; } .blog_holder article .post_text h2 .date { color: #bebebe; } .blog_holder article .post_info { display: inline-block; width: 100%; margin: 0 0 18px; color: #bebebe; font-weight: 500; } .blog_holder article .post_info a { color: #bebebe; } .blog_holder article .post_info a:hover { color: #1abc9c; } .blog_holder article.format-quote .post_info, .blog_holder article.format-link .post_info { margin: 0 0 15px; } .blog_holder article .post_info .dots { padding: 0 7px 0 4px; } .blog_holder article .post_info .dots i { font-size: 3px; vertical-align: middle; } .blog_holder article .post_more { margin: 30px 0 0; } .blog_holder article .video .mobile-video-image { background-position: center center; background-repeat: no-repeat; background-size: cover; display: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 10; } .blog_holder article .video { position: relative; } .blog_holder article .video .video-wrap { overflow: hidden; position: relative; width: 100%; z-index: 10; } .blog_holder article .video .video-wrap .mejs-poster { background-size: cover !important; -moz-background-size: cover !important; -webkit-background-size: cover !important; -o-background-size: cover !important; width: 100% !important; height: 100% !important; } .blog_holder article .video .video-wrap .mejs-container { background-color: transparent !important; background-image: none !important; height: 100% !important; width: 100% !important; overflow: hidden; } .blog_holder article .video .video-wrap .mejs-mediaelement { background: none !important; border: 0px !important; } .blog_holder article .video .video-wrap .mejs-container .mejs-poster img { max-width: none !important; width: 100% !important; } .blog_holder article .mejs-container .mejs-controls { visibility: visible !important; } .blog_holder article .mejs-controls .mejs-volume-button .mejs-volume-slider { display: none !important; } .blog_holder article .post_image .mejs-poster img { display: none !important; } .blog_holder article.format-gallery .flexslider { margin: 0px; overflow: hidden; } .portfolio_single .flexslider { overflow: hidden; } .blog_holder.blog_small_image article .post_image, .blog_holder.blog_small_image article .post_text { width: 50%; float: left; margin: 0; } .blog_holder.blog_small_image article .post_text .post_text_inner { padding: 23px 23px 23px 23px; } .grid2 .blog_holder.blog_small_image article .post_comments { margin-left: 0; } .blog_holder article .post_description { margin: 2px 0 10px; } /*Blog Large Image With Dividers*/ .blog_holder.blog_large_image_with_dividers .post_text_holder { display: table; width: 100%; height: 100%; } .blog_holder.blog_large_image_with_dividers article .post_text .post_text_inner { padding: 35px 0; } .blog_holder.blog_large_image_with_dividers .post_text_holder .blog_column1 { display: table-cell; vertical-align: top; text-align: center; width: 70px; } .blog_holder.blog_large_image_with_dividers .post_text_holder .blog_column2 { display: table-cell; padding: 0 35px 0 20px; } .blog_holder.blog_large_image_with_dividers .post_text_holder .blog_column2 > h2 { margin-bottom: 20px; } .blog_holder.blog_large_image_with_dividers .post_text_holder .blog_column1 .date { padding: 0 20px; border-right: 1px solid #ebebeb; } .blog_holder.blog_large_image_with_dividers .post_text_holder .blog_column1 .date > span { display: block; } .blog_holder.blog_large_image_with_dividers .post_text_holder .blog_column1 .date_day { font-size: 21px; font-weight: 600; color: #303030; padding-bottom: 5px; } .blog_holder.blog_large_image_with_dividers article .post_info { display: table; width: 100%; border-top: 1px solid #ebebeb; padding-top: 15px; color: #303030; margin-bottom: 0; } .blog_holder.blog_large_image_with_dividers article:not(.format-quote):not(.format-link) .post_info { margin-top: 30px; } .blog_holder.blog_large_image_with_dividers article .post_info .post_info_left { display: table-cell; } .blog_holder.blog_large_image_with_dividers article .post_info .post_info_right { display: table-cell; text-align: right; } .blog_holder.blog_large_image_with_dividers article .post_info a { display: inline-block; color: #303030; } .blog_holder.blog_large_image_with_dividers article .post_info a:hover { color: #1abc9c; } .blog_holder.blog_large_image_with_dividers article .post_info .post_info_right > a:not(:first-child):before, .blog_holder.blog_large_image_with_dividers article .post_info .post_info_right > div:not(:first-child):before { content: '/ '; } .blog_holder.blog_large_image_with_dividers article.format-quote .post_text .post_title, .blog_holder.blog_large_image_with_dividers article.format-link .post_text .post_title { padding: 0; } .blog_holder.blog_large_image_with_dividers article.format-link .post_text .post_title a { color: #1abc9c; text-decoration: underline; } .blog_holder.blog_large_image_with_dividers article.format-link .post_text:hover .post_title a { color: #fff; } .blog_holder.blog_large_image_with_dividers article.format-quote .post_text .quote_author { margin-top: 30px; color: #1abc9c; } .blog_holder.blog_large_image_with_dividers article.format-quote .post_info, .blog_holder.blog_large_image_with_dividers article.format-link .post_info { margin-top: 20px; } .blog_holder.blog_large_image_with_dividers article.format-quote .post_text span.qoute_mark, .blog_holder.blog_large_image_with_dividers article.format-link .post_text span.link_mark { font-size: 28px; padding: 0 18px; border-right: 1px solid #ebebeb; color: #303030; } .latest_post_inner .post_comments i { font-size: 16px; color: #adadad; padding: 0 8px 0 0; } .latest_post_inner .post_comments:hover i { color: #1abc9c; } .blog_holder article .post_info .post_info_left a.post_author_avatar { display: inline-block; float: left; padding: 0 10px 0 0; } .blog_holder article .post_info .post_info_left a.post_author { display: inline-block; line-height: 64px; float: left; } .post_author_avatar img { border-radius: 60px; border: 2px solid #eaeaea; } .blog_holder.masonry article .post_description, .blog_holder.masonry_full_width article .post_description { margin: 0 0 4px; } .blog_holder article .post_description a:hover, .blog_holder article .post_description .post_comments:hover { color: #1abc9c; } .blog_like { display: inline-block; } .blog_like a { display: block; line-height: 14px; } .blog_like a i { color: #adadad; font-size: 16px; } .blog_holder.masonry article .blog_like a i, .blog_holder.masonry_full_width article .blog_like a i, .blog_holder.blog_single article .blog_like a i, .blog_holder.blog_large_image article .blog_like a i { display: inline-block; } .blog_like a:hover i, .blog_like a.liked i, .blog_like a:hover span { color: #1abc9c; } .blog_like span { padding: 0 0 0 4px; } .blog_holder.masonry article .blog_like span, .blog_holder.masonry_full_width article .blog_like span, .blog_holder.blog_single article .blog_like span, .blog_holder.blog_large_image article .blog_like span { display: inline-block; padding: 0 0 0 5px; } .blog_holder article .post_info .qbutton.dark { text-transform: none; } .blog_share { display: inline-block; } .blog_holder article.format-quote .post_text i.qoute_mark, .blog_holder article.format-link .post_text i.link_mark { margin: 7px 0 0; color: #c0c0c0; font-size: 36px; } .blog_large_image_simple.blog_holder article.format-quote .post_text i.qoute_mark, .blog_large_image_simple.blog_holder article.format-link .post_text i.link_mark { margin: 20px 0; float: none; } .blog_holder article.format-quote .post_text .post_title, .blog_holder article.format-link .post_text .post_title { padding: 0 0 0 60px; } .blog_large_image_simple.blog_holder article.format-quote .post_text .post_title, .blog_large_image_simple.blog_holder article.format-link .post_text .post_title { padding: 0 0 0 0px; } .blog_holder article.format-quote .post_text .post_title p, .blog_holder article.format-link .post_text .post_title p { font-size: 21px; line-height: 35px; color: #303030; } .blog_holder article.format-quote .post_text .quote_author { font-family: inherit; font-weight: 400; display: block; font-size: 21px; line-height: 35px; color: #c0c0c0; } .blog_holder article.format-link .post_text:hover .post_text_inner, .blog_holder article.format-quote .post_text:hover .post_text_inner { background-color: #1abc9c !important; /* it should be important so it can override default color from options */ } .blog_holder article.format-link .post_text:hover .post_text_inner, .blog_holder article.format-quote .post_text:hover .post_text_inner { border-color: #1abc9c !important; /* it should be important so it can override default color from options */ } .blog_holder article.format-link .post_text:hover .post_info, .blog_holder article.format-link .post_text:hover .post_info a, .blog_holder article.format-quote .post_text:hover .post_info, .blog_holder article.format-quote .post_text:hover .post_info a, .blog_holder article.format-quote .blog_like a:hover span, .blog_holder article.format-quote .post_text:hover .quote_author, .blog_holder article.format-quote .post_text:hover i.qoute_mark, .blog_holder article.format-link .post_text:hover i.link_mark, .blog_holder.blog_large_image_with_dividers article.format-quote .post_text:hover span.qoute_mark, .blog_holder.blog_large_image_with_dividers article.format-link .post_text:hover span.link_mark, .blog_holder.blog_large_image_with_dividers article.format-quote .post_text:hover .quote_author, .blog_holder article.format-link .blog_like a:hover span, .blog_holder article.format-quote .post_text:hover p a, .blog_holder article.format-link .post_text:hover p a, .blog_holder.blog_single article.format-quote .post_text:hover p, .blog_holder.blog_single article.format-link .post_text:hover p, .blog_large_image_simple article.format-quote .post_text:hover .minimalist_date, .blog_large_image_simple article.format-link .post_text:hover .minimalist_date, .blog_holder.masonry article.format-link .post_text:hover .post_info, .blog_holder.masonry article.format-link .post_text:hover .post_info a, .blog_holder.masonry article.format-quote .post_text:hover .post_info, .blog_holder.masonry article.format-quote .post_text:hover .post_info a, .blog_holder.masonry_full_width article.format-link .post_text:hover .post_info, .blog_holder.masonry_full_width article.format-link .post_text:hover .post_info a, .blog_holder.masonry_full_width article.format-quote .post_text:hover .post_info, .blog_holder.masonry_full_width article.format-quote .post_text:hover .post_info a { color: #fff; } .blog_holder.blog_single article h2 { display: block; } .blog_load_more_button_holder { text-align: center; padding: 0 0 40px; } .blog_load_more_button_loading { display: none; } .single_links_pages { margin: 50px 0 0; display: block; text-align: center; display: block; text-decoration: none; } .single_links_pages span { position: relative; display: inline-block; width: 38px; height: 38px; line-height: 38px; margin: 0 11px 0 0; text-align: center; color: #303030; text-decoration: none; text-transform: uppercase; cursor: pointer; white-space: nowrap; border: 2px solid #e3e3e3; background-color: #e3e3e3; outline: none; -o-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; text-shadow: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .single_links_pages a span { color: #b4b4b4; background-color: transparent; border-color: #e5e5e5; } .single_links_pages a:hover span { background-color: #e3e3e3; border-color: #e3e3e3; color: #303030; } .author_description { display: block; position: relative; margin: 34px 0 0; background-color: #fff; padding: 23px 23px; } .author_description_inner { display: block; } .author_description_inner .image { display: block; width: 75px; height: 75px; float: left; border-radius: 75px; overflow: hidden; } .author_text_holder { padding: 0 0 0 100px; min-height: 100px; position: relative; } .author_text_holder .author_name { display: block; margin: 0px 0 4px 0; } .author_text_holder .author_email { display: block; margin: 0px 0 6px 0; } .single_tags { margin: 26px 0px 0px 0px; } .single_tags a, .widget .tagcloud a { letter-spacing: 1px; } .single_tags h5 { display: inline-block; } .widget .tagcloud a { display: inline-block; font-size: 13px !important; } .widget .tagcloud a:after { content: ","; } .widget .tagcloud a:last-child:after { content: ""; } .blog_social_and_comments { display: inline-block; width: 100%; margin: 0 0 20px; } .comment_number_holder { display: inline-block; float: left; } .blog_single_social { display: inline-block; float: right; } .blog_single_social .blog_like { float: right; margin: 0 0 0 15px; } .comment_holder { padding: 28px 0 38px; margin: 0 0 0; } .comment_number_holder .comment_number { color: #000; } .comment_holder .comment_number { margin: 0 0 20px; } .comment_number .comment_number_inner i { position: relative; top: -1px; padding: 0 10px 0 0; } .comment_holder ul.comment-list { list-style: none; position: relative; z-index: 150; padding: 0; } .comment_holder .comment-list { margin: 0; } .comment_holder .comment-list li { display: inline-block; position: relative; width: 100%; } .comment_holder .comment-list li ul.children li:last-child { padding: 0 0 0px; } .comment_holder .comment-list > li { margin: 0 0 18px; } .comment_holder .comment-list > li:last-child { margin: 0; } .comment_holder .comment { padding: 23px; background-color: #fff; } .comment_holder .comment .image { display: block; width: 75px; height: 75px; float: left; border-radius: 75px; overflow: hidden; } .comment_holder .comment .text { padding: 0 0 0 100px; min-height: 80px; position: relative; } .comment_holder .comment .text .name { display: block; color: #303030; } .comment_holder .comment .text .replay, .comment_holder .comment .text .comment-reply-link { color: #1abc9c; font-size: 9px; text-transform: uppercase; font-weight: 700; padding: 0 0 0 5px; } .comment_holder .comment .text .text_holder { display: block; margin: 3px 0 0 0; } .comment_holder .comment .logged-in-as { margin: 10px 0; } .comment_holder .comment .form-submit { margin: 0 0 20px; } .comment_holder .comment-list li ul.children { margin: 18px 0 0 0; padding: 0 0 0 70px; } .comment_holder .comment-list li ul.children li { margin: 0px; border-bottom: none; } #respond h3 { margin: 0 0 15px 0; } #respond h3.comment-reply-title { margin: 0; } #respond small { display: block; margin: 0 0 12px; position: relative; } .comment_holder .comment .comment-respond { margin-top: 20px; } #respond textarea, #respond input[type='text'], #respond input[type='email'], .contact_form input[type='text'], .contact_form textarea { width: 100%; margin: 0 0 20px 0; padding: 15px 12px; border: 0; border-radius: 0; outline: 0; resize: none; font-size: 13px; line-height: 17px; background-color: #fff; color: #818181; font-family: 'Raleway', serif; font-weight: 400; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; } #respond textarea { padding: 12px; vertical-align: middle; } .comment_holder #respond textarea, .comment_holder #respond input[type='text'] { background-color: #fff; } .comment_holder .comment #respond textarea, .comment_holder .comment #respond input[type='text'] { background-color: #f6f6f6; } .comment_holder #respond textarea { margin: 0 0 12px; } div.comment_form { display: inline-block; margin: 0 0 30px; width: 100%; } div.comment_form form p.form-submit, div.comment_holder .comment p.form-submit { margin: 0; text-align: right; } div.comment_form form p.form-submit .success p { margin: 10px 0 0; } div.comment_form form p.logged-in-as { margin: 0 0 17px; } #cancel-comment-reply-link { margin: 0px; display: inline-block; width: 100%; } body.page-template-blog-masonry-full-width-php .content .full_width { padding: 0 20px 25px 45px; } body.page-template-blog-masonry-full-width-php.vertical_menu_enabled .content .full_width { padding-left: 305px; } .blog_holder.masonry, .blog_holder.masonry_full_width { margin-bottom: 20px; transition: none !important; overflow: visible !important; opacity: 0; filter: alpha(opacity=0); } #infscr-loading { position: absolute; bottom: -15px; left: 50%; } .blog_infinite_scroll_button { display: none; } .blog_holder.masonry article, .blog_holder.masonry_full_width article { margin: 0 0 30px; padding: 0; text-align: left; vertical-align: top; z-index: 100; border: 0; } .blog_holder.masonry article, .blog_holder.masonry .blog_holder_grid_sizer { width: 31.1%; } .blog_holder.masonry .blog_holder_grid_gutter { width: 3.2%; } .blog_holder.masonry_full_width .blog_holder_grid_sizer, .blog_holder.masonry_full_width article { width: 18.7%; } .blog_holder.masonry_full_width .blog_holder_grid_gutter { width: 1.6%; } .two_columns_75_25 .blog_holder.masonry article, .two_columns_75_25 .blog_holder.masonry .blog_holder_grid_sizer, .two_columns_66_33 .blog_holder.masonry article, .two_columns_66_33 .blog_holder.masonry .blog_holder_grid_sizer, .two_columns_33_66 .blog_holder.masonry article, .two_columns_33_66 .blog_holder.masonry .blog_holder_grid_sizer, .two_columns_25_75 .blog_holder.masonry article, .two_columns_25_75 .blog_holder.masonry .blog_holder_grid_sizer { width: 48%; } .two_columns_75_25 .blog_holder.masonry .blog_holder_grid_gutter, .two_columns_66_33 .blog_holder.masonry .blog_holder_grid_gutter, .two_columns_33_66 .blog_holder.masonry .blog_holder_grid_gutter, .two_columns_25_75 .blog_holder.masonry .blog_holder_grid_gutter { width: 4%; } .blog_holder.masonry article:hover { z-index: 200; } .blog_holder.masonry article .post_image { margin: 0; width: auto; } .blog_holder.masonry article .post_info, .blog_holder.masonry_full_width article .post_info { margin: 15px 0 0 0; color: #303030; } .blog_holder.masonry article.format-link .post_info, .blog_holder.masonry_full_width article.format-link .post_info, .blog_holder.masonry_full_width article.format-quote .post_info, .blog_holder.masonry article.format-quote .post_info { margin: 0 0 20px; } .blog_holder.masonry article .post_text .post_text_innet, .blog_holder.masonry_full_width article .post_text .post_text_innet { padding: 20px 15px 20px 15px; } .blog_holder.masonry article.format-link .post_text, .blog_holder.masonry_full_width article.format-link .post_text, .blog_holder.masonry article.format-quote .post_text, .blog_holder.masonry_full_width article.format-quote .post_text { border: none; } .blog_holder article.format-quote h3 { margin: 0 0 10px; line-height: 35px; } .blog_holder.masonry article h4, .blog_holder.masonry_full_width article h4 { margin: 0 0 4px; } .blog_holder.masonry article h3 a { font-weight: 300; } .blog_holder.masonry article.format-link .post_text, .blog_holder.masonry_full_width article.format-link .post_text, .blog_holder.masonry_full_width article.format-quote .post_text, .blog_holder.masonry article.format-quote .post_text { padding: 0; } .blog_holder.masonry article .mejs-controls div.mejs-horizontal-volume-slider, .blog_holder.masonry_full_width article .mejs-controls div.mejs-horizontal-volume-slider { margin: 0 10px 0 0; } .blog_holder.blog_masonry_date_in_image .time { position: absolute; top: 0; left: 0; text-align: center; margin: 5px; padding: 5px 13px; background-color: #fff; } .blog_holder.blog_masonry_date_in_image .time span { display: block; } .blog_holder.blog_masonry_date_in_image .time .time_day { color: #303030; font-size: 19px; font-weight: 600; } .blog_holder.blog_masonry_date_in_image article .post_text .post_text_inner { text-align: center; padding: 35px 5px; } .blog_holder.blog_masonry_date_in_image article.format-quote .post_text .post_text_inner, .blog_holder.blog_masonry_date_in_image article.format-link .post_text .post_text_inner { padding: 35px 15px; } .blog_holder.blog_masonry_date_in_image article.format-quote .post_text:hover .post_text_inner, .blog_holder.blog_masonry_date_in_image article.format-link .post_text:hover .post_text_inner { -webkit-transition: background-color 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; } .blog_holder.blog_masonry_date_in_image article .post_text h5 { margin-bottom: 30px; } .blog_holder.blog_masonry_date_in_image .post_text_inner .social_share_list_holder > span { display: none; } .blog_holder.blog_masonry_date_in_image article .post_text_inner .post_info { margin-top: 35px; margin-bottom: 0; } .blog_holder.blog_masonry_date_in_image .social_share_list_holder ul li i { color: #8d8d8d; -webkit-transition: color 0s ease-in-out; -moz-transition: color 0s ease-in-out; -ms-transition: color 0s ease-in-out; -o-transition: color 0s ease-in-out; transition: color 0s ease-in-out; } .blog_holder.blog_masonry_date_in_image article:not(.format-quote):not(.format-link) .social_share_list_holder ul li i:hover { color: #1abc9c; } .blog_holder.blog_masonry_date_in_image article.format-quote .post_text:hover .social_share_list_holder ul li i, .blog_holder.blog_masonry_date_in_image article.format-link .post_text:hover .social_share_list_holder ul li i { color: #fff !important; } .blog_holder.blog_masonry_date_in_image.qodef-zoom article:not(.format-gallery) > .post_image { overflow: hidden; } .blog_holder.blog_masonry_date_in_image.qodef-zoom article:not(.format-gallery) > .post_image a { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; } .blog_holder.blog_masonry_date_in_image.qodef-zoom article:not(.format-gallery) > .post_image a:after { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.3); opacity: 0; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .blog_holder.blog_masonry_date_in_image.qodef-zoom article:not(.format-gallery):hover > .post_image a { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.3, 0.67, 0.24, 0.86); transition: transform 0.35s cubic-bezier(0.3, 0.67, 0.24, 0.86); } .blog_holder.blog_masonry_date_in_image.qodef-zoom article:not(.format-gallery):hover > .post_image a:after { opacity: 1; -webkit-transition: opacity 0.6s cubic-bezier(0.3, 0.67, 0.24, 0.86); -moz-transition: opacity 0.6s cubic-bezier(0.3, 0.67, 0.24, 0.86); transition: opacity 0.6s cubic-bezier(0.3, 0.67, 0.24, 0.86); } .blog_masonry_date_in_image.qodef-zoom article.format-gallery ul.slides li { overflow: hidden; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; } .blog_masonry_date_in_image.qodef-zoom article.format-gallery ul.slides li a:after { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.3); z-index: 10; opacity: 0; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .blog_masonry_date_in_image.qodef-zoom article.format-gallery ul.slides li:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.3, 0.67, 0.24, 0.86); transition: transform 0.35s cubic-bezier(0.3, 0.67, 0.24, 0.86); } .blog_masonry_date_in_image.qodef-zoom article.format-gallery ul.slides li:hover a:after { opacity: 1; -webkit-transition: opacity 0.6s cubic-bezier(0.3, 0.67, 0.24, 0.86); -moz-transition: opacity 0.6s cubic-bezier(0.3, 0.67, 0.24, 0.86); transition: opacity 0.6s cubic-bezier(0.3, 0.67, 0.24, 0.86); } .blog_masonry_date_in_image.qodef-zoom article.format-gallery .time { z-index: 20; } .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /**** Isotope CSS3 transitions ****/ /*.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; }*/ .isotope { -webkit-transition-property: height; -moz-transition-property: height; -ms-transition-property: height; -o-transition-property: height; transition-property: height; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } .icon_social_holder { width: 100%; display: inline-block; text-align: center; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; margin-bottom: 35px; margin-top: 35px; padding: 35px 0 35px; } .icon_social_holder .qode_share, .icon_social_holder .qode_like { display: inline-block; margin: 0; } .icon_social_holder > div { display: inline-block; margin: 0px 25px; font-size: 12px; font-weight: 400; } .icon_social_holder .social_share_icon, .icon_social_holder .qode_icon_printer { display: block; font-size: 27px; margin-bottom: 10px; } .icon_social_holder .qode-like { display: inline-block; } .icon_social_holder .qode-like:before { content: 'W'; font-family: "linea-basic-10" !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; font-size: 27px; margin-bottom: 15px; display: block; } .qode_print a, .qode_like a, .qode_share a { -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; } /*************************** BLOG END **************************/ /* ========================================================================== Pagination styles ========================================================================== */ .pagination { display: inline-block; width: 100%; text-align: center; margin: 0px 0px 50px; position: relative; } .pagination ul { display: inline-block; list-style-type: none; margin: 0px; padding: 0px; } .pagination ul li { float: left; } .pagination ul li span, .pagination ul li a { position: relative; display: inline-block; width: 38px; height: 38px; line-height: 38px; margin: 0 11px 0 0; text-align: center; color: #b4b4b4; font-size: 18px; text-decoration: none; text-transform: uppercase; cursor: pointer; white-space: nowrap; border: 2px solid #e5e5e5; outline: none; -o-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; text-shadow: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .pagination ul li span, .pagination ul li a:hover { color: #303030; background-color: #e3e3e3; border-color: #e3e3e3; } /* ========================================================================== End of Pagination styles ========================================================================== */ .google_map_holder, .google_map_shortcode_holder { position: relative; } .google_map_ovrlay { position: absolute; z-index: 1000; width: 100%; height: 100%; display: none; } .google_map_shortcode_overlay { position: absolute; z-index: 1000; width: 100%; height: 100%; display: none; top: 0; left: 0; } .google_map { display: block; width: 100%; height: 450px; margin: 0 0 25px; } .qode_google_map { display: block; width: 100%; height: 450px; } .google_map iframe, .google_map object, .google_map embed, .qode_google_map iframe, .qode_google_map object, .qode_google_map embed { width: 100%; display: block; } .google_map img, .qode_google_map img { max-width: none; } .contact_form h5 { margin: 0 0 18px; } .contact_info .q_social_icon_holder .fa-stack { margin: 0.2307692307692308em 0.4615384615384616em 0.2307692307692308em 0; } .contact-error { display: block; margin: 0; position: relative; top: -20px; } .contact_section { text-align: center; padding: 0 0 55px; } .contact_section.contact_section_position_left { text-align: left; } .contact_section.contact_section_position_right { text-align: right; } .contact_section .separator, .contact_section .separator.small.right, .contact_section .separator.small.left { margin-top: 6px; margin-bottom: 35px; } span.submit_button_contact { display: block; text-align: right; } .contact_form { margin: 0 0 50px; } .contact_detail.map_grid .google_map { margin: 0 0 35px; } .header-widget.widget_nav_menu { padding: 0 15px 0 0; position: relative; font-size: 12px; } .header-widget.widget_nav_menu ul ul { display: none; height: auto; border-top: none; background-color: #262626; z-index: 1010; position: absolute; top: 33px; left: -1px; width: 180px; padding: 0px; } .header-widget.widget_nav_menu ul li:hover ul { display: block; } .header-widget.widget_nav_menu ul li { list-style: none; } .header-widget.widget_nav_menu ul.menu > li { display: inline-block; float: left; position: relative; } .header-widget.widget_nav_menu ul.menu li a { display: inline-block; padding: 0 0px 0 15px; color: #777; } .header-widget.widget_nav_menu ul.menu > li.menu-item-has-children > a:after { content: "\f107"; font-family: 'FontAwesome', sans-serif; margin-left: 5px; } .header-widget.widget_nav_menu ul.menu li a:hover { color: #1abc9c; } .header-widget.widget_nav_menu ul.menu li ul li a { color: #9d9d9d; display: block; white-space: nowrap; font-size: 11px; font-weight: 600; line-height: 38px; padding: 0 15px; border-bottom: 1px solid #303030; text-transform: uppercase; } .header-widget.widget_nav_menu ul.menu li ul li:last-child a { border-bottom: 0; } .header-widget ul.menu li:last-child { margin-right: 0; } .header-left-from-logo-widget, .header-right-from-logo-widget { display: block; height: 100%; position: absolute; top: 0px; left: 0px; padding: 0px 50px; } .header-right-from-logo-widget { left: auto; right: 0px; } header .container_inner .header-left-from-logo-widget, header .container_inner .header-right-from-logo-widget { padding: 0px; } .header-left-from-logo-widget-inner, .header-right-from-logo-widget-inner { display: table; height: 100%; } .header-left-from-logo-widget-inner2, .header-right-from-logo-widget-inner2 { display: table-cell; height: 100%; vertical-align: middle; } header.sticky .header-left-from-logo-widget, header.sticky .header-right-from-logo-widget { display: none; } /* ========================================================================== Sidebar and side menu styles ========================================================================== */ /** * Common sidebar, side menu and widgets styles that are placed in this widget areas */ .container aside { position: relative; z-index: 11; } aside .widget a, .side_menu a, .side_menu .widget li { font-weight: 400; -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; } aside .widget a:hover { color: #1abc9c; } .side_menu .widget a:hover, .side_menu .widget li:hover, .side_menu .widget li:hover > a { color: #fff; } aside .widget ul, .side_menu .widget ul { list-style: none; padding: 0; } aside .widget li, .side_menu .widget li { margin: 0 0 10px; } aside .widget.qode_latest_posts_widget li, .side_menu .widget.qode_latest_posts_widget li { margin: 0; } aside .widget li:last-child, .side_menu .widget li:last-child { margin: 0; } .widget.widget_rss li a.rsswidget, #wp-calendar caption { color: #000; } .footer_top .widget.widget_rss li a.rsswidget, .footer_top #wp-calendar caption { color: #fff; } #wp-calendar th, #wp-calendar td { padding: 3px 4px; } #wp-calendar td#today { color: #fff; background-color: #1abc9c; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } #wp-calendar { width: 100%; text-align: center; } .widget.widget_rss li span.rss-date, #wp-calendar caption { margin: 0 0 15px; } .widget.widget_rss li { margin: 0 0 25px; } /*Widgetised column styles*/ .wpb_widgetised_column a, .wpb_widgetised_column .widget a, .wpb_widgetised_column .widget li { font-weight: 400; -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; } .wpb_widgetised_column .widget a:hover { color: #1abc9c; } .wpb_widgetised_column .widget ul { list-style: none; padding: 0; } .wpb_widgetised_column .widget li { margin: 0 0 10px; } .wpb_widgetised_column .widget.qode_latest_posts_widget li { margin: 0; } .wpb_widgetised_column .widget li:last-child { margin: 0; } .wpb_widgetised_column .widget.widget_search { border-bottom: 0px; padding: 0; } .wpb_widgetised_column .widget h5 { margin-bottom: 14px; } .wpb_widgetised_column .widget.posts_holder li { padding: 7px 0px 7px 0px; margin: 0; } .wpb_widgetised_column .widget.posts_holder li.page_item_has_children > ul.children li:last-child, .wpb_widgetised_column .widget.posts_holder li.menu-item-has-children > ul.sub-menu li:last-child { border-bottom: 0; } .wpb_widgetised_column .widget.posts_holder li:hover { color: #1abc9c; } .wpb_widgetised_column .widget.posts_holder li.page_item_has_children > ul.children, .wpb_widgetised_column .widget.posts_holder li.menu-item-has-children > ul.sub-menu { padding-left: 10px; } .wpb_widgetised_column .widget.posts_holder li.page_item_has_children > a, .wpb_widgetised_column .widget.posts_holder li.menu-item-has-children > a { display: block; } .wpb_widgetised_column .widget a { color: inherit; } .wpb_widgetised_column .widget { margin: 0 0 42px; } .wpb_widgetised_column .widget_nav_menu .sub-menu, .wpb_widgetised_column .widget_pages .children { margin-left: 20px; margin-top: 6px; } .wpb_widgetised_column .qode-widget-sticky-sidebar { margin: 0px; } /* Sidebar styles ========================================================================== */ /** * Sidebar specific styles */ aside .widget.widget_search { border-bottom: 0px; padding: 0; } aside .widget h5 { margin-bottom: 14px; } aside .widget.posts_holder li { padding: 7px 0px 7px 0px; margin: 0; } aside .widget.posts_holder li.page_item_has_children > ul.children li:last-child, aside .widget.posts_holder li.menu-item-has-children > ul.sub-menu li:last-child { border-bottom: 0; } aside .widget.posts_holder li:hover { color: #1abc9c; } aside .widget.posts_holder li.page_item_has_children > ul.children, aside .widget.posts_holder li.menu-item-has-children > ul.sub-menu { padding-left: 10px; } aside .widget.posts_holder li.page_item_has_children > a, aside .widget.posts_holder li.menu-item-has-children > a { display: block; } aside .widget a { color: inherit; } aside .widget { margin: 0 0 42px; } aside .widget_nav_menu .sub-menu, aside .widget_pages .children { margin-left: 20px; margin-top: 6px; } aside .qode-widget-sticky-sidebar { margin: 0px; } /* Side menu styles ========================================================================== */ /** * Side menu specific styles */ .side_menu { background-color: #1b1b1b; height: 100%; min-height: 100%; overflow: hidden; padding: 30px; position: fixed; top: 0; right: -270px; width: 270px; z-index: 90; visibility: hidden; -webkit-backface-visibility: hidden; box-sizing: border-box; } /* Side Menu Slides Over Content */ .right_side_menu_opened .wrapper, .right_side_menu_opened footer.uncover { left: -270px; } .side_menu_slide_from_right .wrapper { background-color: #fff; position: relative; z-index: 1000; -moz-transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); -ms-transform: translateX(0, 0); -moz-transform: translateX(0, 0); -o-transform: translateX(0, 0); transform: translateX(0, 0); -webkit-transform: translateX(0, 0); } .side_menu_slide_from_right.right_side_menu_opened .wrapper { transform: translateX(-270px, 0); -ms-transform: translateX(-270px, 0); -moz-transform: translateX(-270px, 0); -webkit-transform: translateX(-270px, 0); -o-transform: translateX(-270px, 0); -moz-transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } .side_menu_slide_from_right .carousel-inner { -moz-transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } .side_menu_slide_from_right .wrapper .cover { z-index: 0; position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; opacity: 0; filter: alpha(opacity=0); background: #000; -moz-transition: opacity 0.2s ease-in-out,background 0.2s ease-in-out,z-index 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out,background 0.2s ease-in-out,z-index 0.2s ease-in-out; -webkit-transition: opacity 0.2s ease-in-out,background 0.2s ease-in-out,z-index 0.2s ease-in-out; transition: opacity 0.2s ease-in-out,background 0.2s ease-in-out,z-index 0.2s ease-in-out; } .side_menu_slide_from_right.right_side_menu_opened .wrapper .cover { z-index: 1002; opacity: 0.6; filter: alpha(opacity=60); -moz-transition: opacity 0.2s ease-in-out,background 0.2s ease-in-out,z-index 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out,background 0.2s ease-in-out,z-index 0.2s ease-in-out; -webkit-transition: opacity 0.2s ease-in-out,background 0.2s ease-in-out,z-index 0.2s ease-in-out; transition: opacity 0.2s ease-in-out,background 0.2s ease-in-out,z-index 0.2s ease-in-out; } .side_menu_slide_from_right .side_menu { padding: 5% 30px 30px 30px; top: 0; right: -45%; width: 45%; z-index: 9999; text-align: center; visibility: hidden; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; -webkit-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; -webkit-box-sizing: border-box; box-sizing: border-box; } .right_side_menu_opened.side_menu_slide_from_right .side_menu { right: 0px; visibility: visible; -moz-transition: right 0.2s ease-in-out; -o-transition: right 0.2s ease-in-out; -webkit-transition: right 0.2s ease-in-out; transition: right 0.2s ease-in-out; } .side_menu_slide_from_right header.sticky, .side_menu_slide_from_right header.fixed_top_header .top_header, .side_menu_slide_from_right header.fixed, .side_menu_slide_from_right header.fixed_hiding, .side_menu_slide_from_right header.fixed_top_header .top_header { -moz-transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); -o-transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); -webkit-transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); } .side_menu_slide_from_right footer.uncover { -moz-transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } /* Side Menu Slides With Content */ body.side_menu_slide_with_content { overflow-x: hidden; position: relative; left: 0; -webkit-overflow-scrolling: auto !important; } body.side_menu_slide_with_content.side_menu_open .wrapper, body.side_menu_slide_with_content.side_menu_open footer.uncover { left: -470px; } body.side_menu_slide_with_content .wrapper { -webkit-transition: left 0.2s ease, right 0.2s ease; -moz-transition: left 0.2s ease, right 0.2s ease; transition: left 0.2s ease, right 0.2s ease; } body.side_menu_slide_with_content .side_menu, body.side_menu_slide_with_content, body.side_menu_slide_with_content header.fixed, body.side_menu_slide_with_content header.fixed_top_header .top_header, body.side_menu_slide_with_content header.fixed_hiding, body.side_menu_slide_with_content footer.uncover { -webkit-transition: left 0.2s ease, right 0.2s ease; -moz-transition: left 0.2s ease, right 0.2s ease; transition: left 0.2s ease, right 0.2s ease; } body.side_menu_slide_with_content header.sticky { -webkit-transition: left 0.2s ease, right 0.2s ease, top 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); -moz-transition: left 0.2s ease, right 0.2s ease, top 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); transition: left 0.2s ease, right 0.2s ease, top 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); } body.side_menu_slide_with_content .side_menu { position: fixed; visibility: visible; -webkit-box-sizing: border-box; box-sizing: border-box; width: 470px; right: -470px; height: 100%; top: 0; z-index: 9999; } body.side_menu_slide_with_content.side_menu_open .side_menu { right: 0; } body.side_menu_slide_with_content.side_menu_open .carousel-inner:not(.relative_position) { left: -470px !important; -webkit-transition: left 0.2s ease; -moz-transition: left 0.2s ease; transition: left 0.2s ease; } body.side_menu_slide_with_content .carousel-inner { left: 0 !important; -webkit-transition: left 0.2s ease; -moz-transition: left 0.2s ease; transition: left 0.2s ease; } body.side_menu_slide_with_content.side_menu_open header.fixed, body.side_menu_slide_with_content.side_menu_open header.fixed_top_header .top_header, body.side_menu_slide_with_content.side_menu_open header.fixed_hiding, body.side_menu_slide_with_content.side_menu_open header.sticky { left: -470px; -webkit-transition: left 0.2s ease; -moz-transition: left 0.2s ease; transition: left 0.2s ease; } /* width 270px start */ body.side_menu_slide_with_content.width_270.side_menu_open .wrapper, body.side_menu_slide_with_content.width_270.side_menu_open footer.uncover { left: -270px; } body.side_menu_slide_with_content.width_270 .side_menu { width: 270px; right: -270px; } body.side_menu_slide_with_content.width_270.side_menu_open .side_menu { right: 0; } body.side_menu_slide_with_content.width_270.side_menu_open .carousel-inner:not(.relative_position) { left: -270px !important; } body.side_menu_slide_with_content.width_270.side_menu_open header.fixed, body.side_menu_slide_with_content.width_270.side_menu_open header.fixed_hiding, body.side_menu_slide_with_content.width_270.side_menu_open header.sticky, body.side_menu_slide_with_content.width_270.side_menu_open header.fixed_top_header .top_header { left: -270px; } /* width 270px end */ /* width 370px start */ body.side_menu_slide_with_content.width_370.side_menu_open .wrapper, body.side_menu_slide_with_content.width_370.side_menu_open footer.uncover { left: -370px; } body.side_menu_slide_with_content.width_370 .side_menu { width: 370px; right: -370px; } body.side_menu_slide_with_content.width_370.side_menu_open .side_menu { right: 0; } body.side_menu_slide_with_content.width_370.side_menu_open .carousel-inner:not(.relative_position) { left: -370px !important; } body.side_menu_slide_with_content.width_370.side_menu_open header.fixed, body.side_menu_slide_with_content.width_370.side_menu_open header.fixed_hiding, body.side_menu_slide_with_content.width_370.side_menu_open header.sticky, body.side_menu_slide_with_content.width_370.side_menu_open header.fixed_top_header .top_header { left: -370px; } /* width 370px end */ /* Side Menu Slides With Content - End */ .side_menu.side_area_alignment_left { text-align: left; } .side_menu.side_area_alignment_center { text-align: center; } .side_menu.side_area_alignment_right { text-align: right; } .side_menu h5, .side_menu h6 { margin: 0 0 12px 0; color: #fff; } .side_menu .widget li { position: relative; } .side_menu .widget ul li.page_item_has_children, .side_menu .widget ul li.menu-item-has-children { padding-right: 0; border-bottom: none; } .side_menu .widget ul ul { padding: 6px 0 0 20px; } .side_menu .widget { margin: 0 0 43px; } .side_menu a, .side_menu li, .side_menu span, .side_menu p, .side_menu .widget.widget_rss li a.rsswidget, .side_menu #wp-calendar caption, .side_menu #wp-calendar th, .side_menu #wp-calendar td { color: #818181; } .side_menu .side_menu_title { display: block; margin: 0 0 12px; } .side_menu .widget.widget_nav_menu li:last-child, .side_menu .widget.widget_nav_menu li a { margin: 0; } .side_menu a.close_side_menu { display: inline-block; position: absolute; top: 29px; right: 25px; width: 13px; height: 13px; line-height: 13px; background-image: url("img/close_side_menu.png"); background-repeat: no-repeat; z-index: 1000; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .side_menu a.close_side_menu:hover { transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -moz-transform: rotate(180deg); } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 200 / 100), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 210dpi) { .side_menu a.close_side_menu { background-image: url("img/close_side_menu@2x.png"); -o-background-size: 13px 13px; -webkit-background-size: 13px 13px; -moz-background-size: 13px 13px; background-size: 13px 13px; } } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 150 / 100), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 160dpi) { .side_menu a.close_side_menu { background-image: url("img/close_side_menu@2x.png"); -o-background-size: 13px 13px; -webkit-background-size: 13px 13px; -moz-background-size: 13px 13px; background-size: 13px 13px; } } .side_menu.dark a.close_side_menu { background-image: url("img/close_side_menu_dark.png"); } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 200 / 100), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 210dpi) { .side_menu.dark a.close_side_menu { background-image: url("img/close_side_menu_dark@2x.png"); -o-background-size: 13px 13px; -webkit-background-size: 13px 13px; -moz-background-size: 13px 13px; background-size: 13px 13px; } } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 150 / 100), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 160dpi) { .side_menu.dark a.close_side_menu { background-image: url("img/close_side_menu_dark@2x.png"); -o-background-size: 13px 13px; -webkit-background-size: 13px 13px; -moz-background-size: 13px 13px; background-size: 13px 13px; } } /* ========================================================================== End of sidebar and side menu styles ========================================================================== */ .footer_top .widget.widget_nav_menu li { margin: 0 0 0px; line-height: 22px; } .widget.widget_archive select, .widget.widget_categories select, .widget.widget_text select { width: 100%; overflow: hidden; border: 1px solid transparent; font-size: 13px; background-color: #fff; outline: 0px; color: #818181; font-family: inherit; padding: 2px 4%; height: 37px; } .widget #searchform { display: inline-block; width: 100%; overflow: hidden; background-color: #fff; } .footer_top .widget #searchform { background-color: transparent; border: 1px solid #6a6a6a; } .header_top #searchform { padding: 0 10px; height: 33px; } .widget.widget_search form.form_focus { border-color: #1abc9c; } .widget.widget_search form input[type="submit"], .header_top #searchform input[type="submit"] { width: 37px; height: 37px; line-height: 37px; display: inline-block; margin: 0; padding: 0 4%; outline: none; border: none; text-decoration: none; background-color: transparent; color: #b9b9b9; font-family: 'FontAwesome', sans-serif; cursor: pointer; white-space: nowrap; float: right; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; } .footer_top .widget #searchform input[type="submit"] { color: #6a6a6a; } .header_top #searchform input[type="submit"] { width: 22px; height: 25px; line-height: 25px; margin: 4px 0 0; background: none; } .widget.widget_search form .screen-reader-text, .header_top #searchform .screen-reader-text { display: none; } .widget.widget_search form input[type="text"], .header_top #searchform input[type="text"] { display: inline-block; text-decoration: none; border: 0; outline: 0px; color: #adadad; background-color: transparent; font-family: inherit; margin: 0; padding: 2px 4%; width: 74%; height: 33px; float: left; } .footer_top .widget #searchform input[type="text"] { color: #6a6a6a; } .header_top #searchform input[type="text"] { height: 29px; font-size: 12px; } .side_menu .widget #searchform input[type="text"], .footer_top .widget.widget_search form input[type="text"] { width: 70% !important; } .widget .tagcloud { display: inline-block; width: 100%; } .widget .tagcloud a { margin: 0 0px 3px 0; } .side_menu .widget .tagcloud a { color: #fff; } footer { display: block; width: 100%; margin: 0px auto; z-index: 100; position: relative; } footer.uncover { position: fixed; bottom: 0px; left: 0px; z-index: 99; -webkit-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); -moz-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); -o-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); -ms-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); -webkit-backface-visibility: hidden; } body.paspartu_enabled footer.uncover { z-index: 98; } .boxed footer { width: 100% !important; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ } .right_side_menu_opened footer.uncover { left: -270px; } footer .container_inner { position: relative; } .footer_top_holder { display: block; background-color: #262626; position: relative; } .footer_top { padding: 72px 0px 52px; } .footer_top_border.in_grid, .footer_bottom_border.in_grid { width: 1100px; margin: 0 auto; } .footer_top.footer_top_full { padding: 48px 24px; } .footer_top h5 { color: #fff; margin: 0 0 22px; } .footer_top ul { list-style: none; } .footer_top a, .footer_top p, .footer_top span, .footer_top li, .footer_top .textwidget { color: #818181; word-wrap: break-word; } .footer_top a { -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out; } .footer_top a:hover { color: #fff !important; } .footer_top .four_columns .column2 .column_inner > div, .footer_top .three_columns .column2 .column_inner > div, .footer_top .two_columns_50_50 .column2 .column_inner > div { margin: 0 0 0 15px; } .footer_top .four_columns .column3 .column_inner > div, .footer_top .three_columns .column3 .column_inner > div { margin: 0 0 0 10px; } .footer_top .four_columns .column4 .column_inner > div { margin: 0 0 0 5px; } .footer_top .widget_nav_menu li.menu-item a { margin-bottom: 0; } .footer_top .widget_recent_entries > ul > li, .footer_top .widget_recent_comments > ul > li, .footer_top .widget_meta > ul > li, .footer_top .widget_nav_menu ul li, .footer_top .widget_pages ul li { padding: 0px 0px 17px; position: relative; } .footer_top .widget_nav_menu ul li ul, .footer_top .widget_pages ul li ul { padding: 0 0 0 10px; } .footer_top .widget_recent_entries > ul > li > a, .footer_top .widget_pages > ul > li > a, .footer_top .widget_meta > ul > li > a, .footer_top .widget_nav_menu ul li a, .footer_top .widget_recent_comments > ul > li > a, .footer_top .widget_recent_entries > ul > li > span { display: block; } .footer_top .widget_recent_entries > ul > li > span { color: #9d9d9d; } .footer_bottom_holder { display: block; background-color: #1b1b1b; } .footer_top_holder svg.angled-section polygon { fill: #1b1b1b; } .footer_bottom { display: table-cell; text-align: center; font-size: 12px; line-height: 22px; height: 53px; width: 1%; vertical-align: middle; } .footer_bottom_columns.three_columns .column1 .footer_bottom, .footer_bottom_columns.two_columns_50_50 .column1 .footer_bottom, .footer_bottom_columns.three_columns .column1 .footer_bottom ul, .footer_bottom_columns.two_columns_50_50 .column1 .footer_bottom ul { text-align: left; } .footer_bottom_columns.three_columns .column3 .footer_bottom, .footer_bottom_columns.two_columns_50_50 .column2 .footer_bottom, .footer_bottom_columns.three_columns .column3 .footer_bottom ul, .footer_bottom_columns.two_columns_50_50 .column2 .footer_bottom ul { text-align: right; } .footer_bottom p, .footer_bottom span { margin: 0px; } .footer_bottom .footer_text_title { display: none; } .footer_bottom ul { list-style: none; text-align: center; } .footer_bottom ul li { display: inline-block; margin-right: 46px; } .footer_bottom ul li:last-child { margin-right: 0; } .footer_bottom ul li a { color: #fff; text-transform: uppercase; font-weight: 500; letter-spacing: 1px; font-size: 13px; -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; } .footer_bottom ul li a:hover { color: #818181; } .footer_top .q_social_icon_holder i.simple_social, .footer_top .q_social_icon_holder span.simple_social { margin-right: 16px; } .footer_top .q_social_icon_holder i.simple_social, .footer_top .q_social_icon_holder span.simple_social, .side_menu .q_social_icon_holder i.simple_social, .side_menu .q_social_icon_holder span.simple_social { color: #818181; } .footer_top .q_social_icon_holder:hover i.simple_social, .footer_top .q_social_icon_holder:hover span.simple_social, .side_menu .q_social_icon_holder:hover i.simple_social, .side_menu .q_social_icon_holder:hover span.simple_social { color: #fff !important; } .footer_top .q_social_icon_holder.normal_social { margin: 0 0 0 0; } .footer_top .q_social_icon_holder:last-child i.simple_social, .footer_top .q_social_icon_holder:last-child span.simple_social { margin-right: 0; } .footer_top .q_social_icon_holder i.simple_social, .footer_top .q_social_icon_holder span.simple_social { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } #back_to_top { color: #cdcdcd; height: auto; position: fixed; bottom: 65px; margin: 0px; z-index: 10000; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; right: 25px; opacity: 0; filter: alpha(opacity=0); visibility: hidden; -webkit-backface-visibility: hidden; } #back_to_top.off { opacity: 0; filter: alpha(opacity=0); right: 25px; } #back_to_top.on { opacity: 1; filter: alpha(opacity=100); visibility: visible; right: 25px; } #back_to_top .hover { display: none; } #back_to_top span { width: 52px; height: 52px; line-height: 52px; text-decoration: none; -o-border-radius: 52px; -moz-border-radius: 52px; -webkit-border-radius: 52px; border-radius: 52px; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; border: 2px solid #e8e8e8; background: transparent; } #back_to_top span i { font-size: 22px; -webkit-transition: color 0.2s ease 0s; -moz-transition: color 0.2s ease 0s; -o-transition: color 0.2s ease 0s; color: #b0b0b0; line-height: 52px; } #back_to_top:hover span { background-color: #e8e8e8; } .right_side_menu_opened #back_to_top { display: none; } /* ========================================================================== Steps shortcode styles ========================================================================== */ .q_steps_holder { width: 100%; text-align: center; } .q_steps_holder_inner { position: relative; display: inline-block; } .q_steps_holder .circle_small, .q_steps_holder .circle_small_inner { width: 192px; height: 192px; } .q_steps_holder .circle_small_wrapper { margin: 0 auto; border-radius: 530px; border: 2px solid transparent; border-top: 2px solid #1abc9c; width: 193px; height: 192px; } .q_steps_holder .circle_small { margin: 0 auto; border: 1px solid #c7c7c7; color: #666666; font-family: inherit; font-size: 26px; border-radius: 500px; text-align: center; } .q_steps_holder .circle_small:hover span, .q_steps_holder .circle_small:hover .step_title { color: #1abc9c !important; } .q_steps_holder .circle_small_inner { display: table-cell; vertical-align: middle; } .q_steps_holder .circle_small_inner span { font-size: 50px; font-weight: 500; line-height: 50px; } .q_steps_holder a.circle_small_inner { color: #666666; } .q_steps_holder a.circle_small_inner:hover { color: inherit; } .q_steps_holder .circle_small span { display: block; margin-bottom: 5px; -webkit-transition: color 0.2s ease 0s; -moz-transition: color 0.2s ease 0s; -o-transition: color 0.2s ease 0s; } .q_steps_holder .circle_small .step_title { color: #666666; letter-spacing: 1px; font-size: 16px; -webkit-transition: color 0.2s ease 0s; -moz-transition: color 0.2s ease 0s; -o-transition: color 0.2s ease 0s; } .q_steps_holder .circle_small_holder p { margin-top: 5px; text-align: center; padding: 0 21px; } .q_steps_holder .circle_small_holder { width: 265px; display: inline-block; } .q_steps_holder .circle_small_holder_inner { position: relative; } .q_steps_holder .circle_small_holder:last-child .circle_small_holder_inner .arrow_holder { background: none; } .q_steps_holder.show .circle_small_holder { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .q_steps_holder .circle_small_holder { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .q_steps_holder .step1 { left: 40px; top: 85px; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -ms-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; } .q_steps_holder .step1 .circle_small_wrapper { transform: rotate(-25deg); -ms-transform: rotate(-25deg); /* IE 9 */ -webkit-transform: rotate(-25deg); /* Safari and Chrome */ } .q_steps_holder .step1 .circle_small { transform: rotate(25deg); -ms-transform: rotate(25deg); /* IE 9 */ -webkit-transform: rotate(25deg); /* Safari and Chrome */ } .q_steps_holder .step2 { -webkit-transition-delay: 1s; -moz-transition-delay: 1s; -ms-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; } .q_steps_holder .step2 .circle_small_wrapper { transform: rotate(-175deg); -ms-transform: rotate(-175deg); /* IE 9 */ -webkit-transform: rotate(-175deg); /* Safari and Chrome */ } .q_steps_holder .step2 .circle_small { transform: rotate(175deg); -ms-transform: rotate(175deg); /* IE 9 */ -webkit-transform: rotate(175deg); /* Safari and Chrome */ } .q_steps_holder .step3 { -webkit-transition-delay: 1.5s; -moz-transition-delay: 1.5s; -ms-transition-delay: 1.5s; -o-transition-delay: 1.5s; transition-delay: 1.5s; } .q_steps_holder .step3 .circle_small_wrapper { transform: rotate(25deg); -ms-transform: rotate(25deg); /* IE 9 */ -webkit-transform: rotate(25deg); /* Safari and Chrome */ } .q_steps_holder .step3 .circle_small { transform: rotate(-25deg); -ms-transform: rotate(-25deg); /* IE 9 */ -webkit-transform: rotate(-25deg); /* Safari and Chrome */ } .q_steps_holder .step4 .circle_small_wrapper { transform: rotate(-170deg); -ms-transform: rotate(-170deg); /* IE 9 */ -webkit-transform: rotate(-170deg); /* Safari and Chrome */ } .q_steps_holder .step4 .circle_small { transform: rotate(170deg); -ms-transform: rotate(170deg); /* IE 9 */ -webkit-transform: rotate(170deg); /* Safari and Chrome */ } .q_steps_holder .step4 { -webkit-transition-delay: 2s; -moz-transition-delay: 2s; -ms-transition-delay: 2s; -o-transition-delay: 2s; transition-delay: 2s; } /* ========================================================================== Steps shortcode end styles ========================================================================== */ /* ========================================================================== Separator with text shortcode start styles ========================================================================== */ .vc_text_separator.full { padding-bottom: 20px; border-top: 1px solid #eaeaea; margin-top: 20px; border-bottom: 0; } .vc_text_separator.full.separator_align_center { text-align: center; } .vc_text_separator.full.separator_align_right { text-align: right; } .vc_text_separator.full div { padding: 0px 35px; line-height: 36px; top: -19px; font-size: 12px; color: #fff; font-weight: 700; background-color: #1abc9c; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border: 1px solid transparent; display: inline-block; position: relative; } /* ========================================================================== Separator with text shortcode end styles ========================================================================== */ /* ========================================================================== Separator with icon shortcode start styles ========================================================================== */ .separator_with_icon { color: #818181; display: block; font-size: 18px; line-height: 21px; margin: 0 auto; position: relative; width: 783px; max-width: 100%; text-align: center; } .separator_with_icon:before { border-bottom: 1px solid #818181; border-color: inherit; content: ""; display: inline-block; left: 0; position: absolute; top: 10px; width: 376px; } .separator_with_icon:after { border-bottom: 1px solid #818181; border-color: inherit; content: ""; display: inline-block; position: absolute; right: 0; top: 10px; width: 376px; } @media only screen and (max-width: 1000px) { .separator_with_icon:after, .separator_with_icon:before { max-width: 45%; } } /* ========================================================================== Separator with icon shortcode end styles ========================================================================== */ .page_not_found { text-align: center; margin: 0 0 83px; } .page_not_found h2 { margin: 40px 0 20px; font-size: 32px; } .page_not_found p { margin: 15px 0 35px; } .custom_font_holder { display: block; position: relative; } body div.pp_default .pp_loaderIcon { background-color: #ffffff; border-radius: 20px; } /* ========================================================================== Pretty Photo style start ========================================================================== */ div.pp_default .pp_top, div.pp_default .pp_top .pp_middle, div.pp_default .pp_top .pp_left, div.pp_default .pp_top .pp_right, div.pp_default .pp_bottom, div.pp_default .pp_bottom .pp_left, div.pp_default .pp_bottom .pp_middle, div.pp_default .pp_bottom .pp_right { height: 13px; } div.pp_default .pp_top .pp_left { background: url(img/prettyPhoto/sprite.png) -78px -93px no-repeat; } div.pp_default .pp_top .pp_middle { background: url(img/prettyPhoto/sprite_x.png) top left repeat-x; } div.pp_default .pp_top .pp_right { background: url(img/prettyPhoto/sprite.png) -112px -93px no-repeat; } div.pp_default .pp_content .ppt { color: #f8f8f8; } div.pp_default .pp_content_container .pp_left { background: url(img/prettyPhoto/sprite_y.png) -7px 0 repeat-y; padding-left: 13px; } div.pp_default .pp_content_container .pp_right { background: url(img/prettyPhoto/sprite_y.png) top right repeat-y; padding-right: 13px; } div.pp_default .pp_next:hover { background: url(img/prettyPhoto/sprite_next.png) center right no-repeat; cursor: pointer; } div.pp_default .pp_previous:hover { background: url(img/prettyPhoto/sprite_prev.png) center left no-repeat; cursor: pointer; } div.pp_default .pp_expand { background: url(img/prettyPhoto/sprite.png) 0 -29px no-repeat; cursor: pointer; width: 28px; height: 28px; } div.pp_default .pp_expand:hover { background: url(img/prettyPhoto/sprite.png) 0 -56px no-repeat; cursor: pointer; } div.pp_default .pp_contract { background: url(img/prettyPhoto/sprite.png) 0 -84px no-repeat; cursor: pointer; width: 28px; height: 28px; } div.pp_default .pp_contract:hover { background: url(img/prettyPhoto/sprite.png) 0 -113px no-repeat; cursor: pointer; } div.pp_default .pp_close { width: 30px; height: 30px; background: url(img/prettyPhoto/sprite.png) 2px 1px no-repeat; cursor: pointer; } div.pp_default .pp_gallery ul li a { background: url(img/prettyPhoto/default_thumb.png) center center #f8f8f8; border: 1px solid #aaa; } div.pp_default .pp_social { margin-top: 7px; } div.pp_default .pp_gallery a.pp_arrow_previous, div.pp_default .pp_gallery a.pp_arrow_next { position: static; left: auto; } div.pp_default .pp_nav .pp_play, div.pp_default .pp_nav .pp_pause { background: url(img/prettyPhoto/sprite.png) -51px 1px no-repeat; height: 30px; width: 30px; } div.pp_default .pp_nav .pp_pause { background-position: -51px -29px; } div.pp_default a.pp_arrow_previous, div.pp_default a.pp_arrow_next { background: url(img/prettyPhoto/sprite.png) -31px -3px no-repeat; height: 20px; width: 20px; margin: 4px 0 0; } div.pp_default a.pp_arrow_next { left: 52px; background-position: -82px -3px; } div.pp_default .pp_content_container .pp_details { margin-top: 5px; } div.pp_default .pp_nav { clear: none; height: 30px; width: 110px; position: relative; } div.pp_default .pp_nav .currentTextHolder { font-family: inherit; color: #999; font-size: 13px; left: 65px; line-height: 25px; position: absolute; top: 2px; margin: 0; padding: 0 0 0 10px; } div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover { opacity: 0.7; } div.pp_default .pp_description { font-size: 15px; font-weight: 300; line-height: 14px; margin: 10px 50px 10px 0; } div.pp_default .pp_bottom .pp_left { background: url(img/prettyPhoto/sprite.png) -78px -127px no-repeat; } div.pp_default .pp_bottom .pp_middle { background: url(img/prettyPhoto/sprite_x.png) bottom left repeat-x; } div.pp_default .pp_bottom .pp_right { background: url(img/prettyPhoto/sprite.png) -112px -127px no-repeat; } div.pp_default .pp_loaderIcon { background: url(img/prettyPhoto/loader.gif) center center no-repeat; } div.pp_pic_holder a:focus { outline: none; } div.pp_overlay { background-color: #000; display: none; left: 0; position: absolute; top: 0; width: 100%; z-index: 9500; } div.pp_pic_holder { display: none; position: absolute; width: 100px; z-index: 10000; } .pp_content { height: 40px; min-width: 40px; } * html .pp_content { width: 40px; } .pp_content_container { position: relative; text-align: left; width: 100%; } .pp_content_container .pp_left { padding-left: 20px; } .pp_content_container .pp_right { padding-right: 20px; } .pp_content_container .pp_details { float: left; margin: 10px 0 2px; } .pp_description { display: none; margin: 0; } .pp_social { float: left; margin: 0; } .pp_social .facebook { float: left; margin-left: 5px; width: 55px; overflow: hidden; } .pp_social .twitter { float: left; } .pp_nav { clear: right; float: left; margin: 3px 10px 0 0; } .pp_nav p { float: left; white-space: nowrap; margin: 2px 4px; } .pp_nav .pp_play, .pp_nav .pp_pause { float: left; margin-right: 4px; text-indent: -10000px; } a.pp_arrow_previous, a.pp_arrow_next { display: block; float: left; height: 15px; margin-top: 3px; overflow: hidden; text-indent: -10000px; width: 14px; } .pp_hoverContainer { position: absolute; top: 0; width: 100%; z-index: 2000; } .pp_gallery { display: none; left: 50%; margin-top: -50px; position: absolute; z-index: 10000; } .pp_gallery div { float: left; overflow: hidden; position: relative; } .pp_gallery ul { float: left; height: 35px; position: relative; white-space: nowrap; margin: 0 0 0 5px; padding: 0; } .pp_gallery ul a { border: 1px rgba(0, 0, 0, 0.5) solid; display: block; float: left; height: 33px; overflow: hidden; } .pp_gallery ul a img { border: 0; } .pp_gallery li { display: block; float: left; margin: 0 5px 0 0; padding: 0; } .pp_gallery li.default a { background: url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat; display: block; height: 33px; width: 50px; } .pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next { margin-top: 7px !important; } a.pp_next { display: block; float: right; height: 100%; text-indent: -10000px; width: 49%; } a.pp_previous { display: block; float: left; height: 100%; text-indent: -10000px; width: 49%; } a.pp_expand, a.pp_contract { cursor: pointer; display: none; height: 20px; position: absolute; right: 30px; text-indent: -10000px; top: 10px; width: 20px; z-index: 20000; } a.pp_close { position: absolute; right: 0; top: 0; display: block; line-height: 22px; text-indent: -10000px; } .pp_loaderIcon { display: block; height: 24px; left: 50%; position: absolute; top: 50%; width: 24px; margin: -12px 0 0 -12px; } #pp_full_res { line-height: 1 !important; } #pp_full_res .pp_inline { text-align: left; } #pp_full_res .pp_inline p { margin: 0 0 15px; } div.ppt { color: #fff; display: none; font-size: 17px; z-index: 9999; margin: 0 0 5px 15px; } div.pp_default .pp_content { background-color: #fff; } div.pp_default #pp_full_res .pp_inline { color: #000; } div.pp_default .pp_gallery ul li a:hover, div.pp_default .pp_gallery ul li.selected a, .pp_gallery ul a:hover, .pp_gallery li.selected a { border-color: #fff; } div.pp_default .pp_details { position: relative; } .pp_top, .pp_bottom { height: 20px; position: relative; } * html .pp_top, * html .pp_bottom { padding: 0 20px; } .pp_top .pp_left, .pp_bottom .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_top .pp_middle, .pp_bottom .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_top .pp_middle, * html .pp_bottom .pp_middle { left: 0; position: static; } .pp_top .pp_right, .pp_bottom .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_fade, .pp_gallery li.default a img { display: none; } body div.pp_overlay { opacity: 0.7 !important; } body div.pp_default .pp_content_container .pp_left { background: none; padding: 0px; } body div.pp_default .pp_content_container .pp_right { background: none; padding: 0px; } body div.pp_default .pp_top, body div.pp_default .pp_top .pp_middle, body div.pp_default .pp_top .pp_left, body div.pp_default .pp_top .pp_right, body div.pp_default .pp_bottom, body div.pp_default .pp_bottom .pp_left, body div.pp_default .pp_bottom .pp_middle, body div.pp_default .pp_bottom .pp_right { background: none; display: none; } body div.pp_default .pp_expand { display: none !important; } body div.pp_default .pp_content { background: none; } body a.pp_next, body a.pp_previous { background: none !important; opacity: 0; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } body div.pp_default .pp_content:hover a.pp_next, body div.pp_default .pp_content:hover a.pp_previous { opacity: 1; } body a.pp_next:after { border: 2px solid #FFFFFF; border-radius: 50px; color: #FFFFFF; content: "\f105"; display: block !important; font-family: 'FontAwesome',serif; font-size: 30px; height: 54px; line-height: 54px; margin: -27px 0 0; position: absolute; right: 25px; text-align: center; top: 50%; width: 54px; text-indent: 0px; } body a.pp_previous:after { border: 2px solid #FFFFFF; border-radius: 50px; color: #FFFFFF; content: "\f104"; display: block !important; font-family: 'FontAwesome',serif; font-size: 30px; height: 54px; line-height: 54px; margin: -27px 0 0; position: absolute; left: 25px; text-align: center; top: 50%; width: 54px; text-indent: 0px; } body div.pp_default .pp_content_container .pp_details { opacity: 0.7; } body div.pp_default .pp_description { display: none !important; } body div.pp_default .pp_nav { float: none; width: auto; margin: 0px; } body div.pp_default .pp_nav .currentTextHolder { left: auto; position: relative; float: left; padding: 0px 20px; font-family: 'Raleway', sans-serif; font-size: 15px; color: #ffffff; font-weight: 600; } body .pp_gallery { display: none !important; } body div.pp_default .pp_nav .pp_play, body div.pp_default .pp_nav .pp_pause { display: none; } body div.pp_default a.pp_arrow_previous, body div.pp_default a.pp_arrow_next { background: none; position: relative; left: 0px; } body div.pp_default a.pp_arrow_previous:after { color: #FFFFFF; content: "\f104"; font-family: 'FontAwesome',serif; font-size: 20px; height: 20px; line-height: 20px; text-align: center; width: 20px; text-indent: 0px; position: absolute; top: 0px; left: 0px; } body div.pp_default a.pp_arrow_next:after { color: #FFFFFF; content: "\f105"; font-family: 'FontAwesome',serif; font-size: 20px; height: 20px; line-height: 20px; text-align: center; width: 20px; text-indent: 0px; position: absolute; top: 0px; right: 0px; } body div.pp_default .pp_close { background: none; opacity: 1 !important; } body div.pp_default .pp_close:after { color: #FFFFFF; content: "\f00d"; font-family: 'FontAwesome',serif; font-size: 15px; height: 15px; line-height: 30px; text-align: center; width: 30px; text-indent: 0px; position: absolute; top: 0px; left: 0px; } /* ========================================================================== Pretty Photo style end ========================================================================== */ /**** Audio css ****/ .mejs-container { position: relative; text-align: left; vertical-align: top; text-indent: 0; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; background-color: #fff; } .blog_audio.mejs-container { height: 40px !important; } .mejs-container.wp-audio-shortcode { height: 30px !important; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } .blog_holder.masonry .mejs-container { border: none; } .blog_holder.small_images article .post_text .post_inner .mejs-container { margin: 0 0 15px; } .me-plugin { position: absolute; } .mejs-embed, .mejs-embed body { width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden; } .mejs-fullscreen { /* set it to not show scroll bars so 100% will work */ overflow: hidden !important; } .mejs-container-fullscreen { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: 1000; } .mejs-container-fullscreen .mejs-mediaelement, .mejs-container-fullscreen video { width: 100%; height: 100%; } .mejs-clear { clear: both; } /* Start: LAYERS */ .mejs-background { position: absolute; top: 0; left: 0; } .mejs-mediaelement { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .blog_holder.masonry .mejs-mediaelement { border: none; } .mejs-poster { position: absolute; top: 0; left: 0; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; } :root .mejs-poster img { display: none; } .mejs-poster img { border: 0; padding: 0; border: 0; } .mejs-overlay { position: absolute; top: 0; left: 0; } .mejs-overlay-play { cursor: pointer; } /* End: LAYERS */ /* Start: CONTROL BAR */ .mejs-container .mejs-controls { position: absolute; list-style-type: none; margin: 0; padding: 0; bottom: 0; left: 0; height: 40px; width: 100%; } .mejs-container .mejs-controls div { list-style-type: none; background-image: none; display: block; float: left; margin: 0; padding: 0; width: 35px; height: 40px; border: 0; } .mejs-controls .mejs-button button { cursor: pointer; display: block; font-size: 0; line-height: 0; text-decoration: none; margin: 14px 15px 13px 15px; padding: 0; position: absolute; width: 12px; height: 13px; border: 0; background: transparent; } .no-svg .mejs-controls .mejs-button button { background-image: url(img/audio/controls.png); } /* :focus for accessibility */ .mejs-controls .mejs-button button:focus { outline: none; } /* End: CONTROL BAR */ /* Start: Time (Current / Duration) */ .mejs-container .mejs-controls .mejs-time { color: #000; display: block; height: 40px; width: auto; padding: 0; overflow: hidden; text-align: center; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .mejs-container .mejs-controls .mejs-time span { color: #000; font-size: 13px; font-weight: 400; line-height: 40px; display: block; float: left; margin: 0; width: auto; } /* End: Time (Current / Duration) */ /* Start: Play/Pause/Stop */ .mejs-controls .mejs-play button { background-image: url(img/audio/play.png); background-repeat: no-repeat; background-position: center; } .mejs-controls .mejs-pause button { background-image: url(img/audio/pause.png); background-repeat: no-repeat; background-position: center; } .mejs-controls .mejs-stop button { background-image: url(img/audio/stop.png); background-repeat: no-repeat; background-position: center; } /* Start: Play/Pause/Stop */ /* Start: Progress Bar */ .mejs-controls div.mejs-time-rail { direction: ltr; width: 200px; } .mejs-controls .mejs-time-rail span { display: block; position: absolute; width: auto; height: 8px; margin: 16px 15px; cursor: pointer; } .mejs-controls .mejs-time-rail .mejs-time-total { background-color: #dddddd; } .mejs-controls .mejs-time-rail .mejs-time-buffering { width: 100%; background-image: -o-linear-gradient(-45deg, rgba(224, 222, 222, 0.15) 25%, transparent 25%, transparent 50%, rgba(224, 222, 222, 0.15) 50%, rgba(224, 222, 222, 0.15) 75%, transparent 75%, transparent); background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(224, 222, 222, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(224, 222, 222, 0.15)), color-stop(0.75, rgba(224, 222, 222, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, rgba(224, 222, 222, 0.15) 25%, transparent 25%, transparent 50%, rgba(224, 222, 222, 0.15) 50%, rgba(224, 222, 222, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(224, 222, 222, 0.15) 25%, transparent 25%, transparent 50%, rgba(224, 222, 222, 0.15) 50%, rgba(224, 222, 222, 0.15) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(224, 222, 222, 0.15) 25%, transparent 25%, transparent 50%, rgba(224, 222, 222, 0.15) 50%, rgba(224, 222, 222, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(224, 222, 222, 0.15) 25%, transparent 25%, transparent 50%, rgba(224, 222, 222, 0.15) 50%, rgba(224, 222, 222, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 15px 15px; -moz-background-size: 15px 15px; -o-background-size: 15px 15px; background-size: 15px 15px; -webkit-animation: buffering-stripes 2s linear infinite; -moz-animation: buffering-stripes 2s linear infinite; -ms-animation: buffering-stripes 2s linear infinite; -o-animation: buffering-stripes 2s linear infinite; animation: buffering-stripes 2s linear infinite; } @-webkit-keyframes buffering-stripes { from { background-position: 0 0; } to { background-position: 30px 0; } } @-moz-keyframes buffering-stripes { from { background-position: 0 0; } to { background-position: 30px 0; } } @-ms-keyframes buffering-stripes { from { background-position: 0 0; } to { background-position: 30px 0; } } @-o-keyframes buffering-stripes { from { background-position: 0 0; } to { background-position: 30px 0; } } @keyframes buffering-stripes { from { background-position: 0 0; } to { background-position: 30px 0; } } .mejs-controls .mejs-time-rail .mejs-time-loaded { width: 0; margin: 0px; } .mejs-controls .mejs-time-rail .mejs-time-current { background-color: #1abc9c; margin: 0px; } .mejs-controls .mejs-time-rail .mejs-time-handle { display: none; position: absolute; margin: 0; width: 10px; background-color: #1abc9c; cursor: pointer; top: 0px; text-align: center; } .mejs-controls .mejs-time-rail .mejs-time-float { position: absolute; display: none; width: 36px; height: 15px; top: -35px; margin-left: -18px; text-align: center; color: #000; } .mejs-controls .mejs-time-rail .mejs-time-float-current { margin: 2px; width: 30px; display: block; text-align: center; left: 0; } .mejs-controls .mejs-time-rail .mejs-time-float-corner { display: none; } .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float { width: 48px; } .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current { width: 44px; } .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner { left: 18px; } /* End: Progress Bar */ /* Start: Mute/Volume */ .mejs-controls .mejs-volume-button { background-image: url(img/audio/sound.png); background-repeat: no-repeat; background-position: center; } .mejs-controls .mejs-mute button { background-image: url(img/audio/sound.png); background-repeat: no-repeat; background-position: center; } .mejs-controls .mejs-unmute button { background-image: url(img/audio/mute.png); background-repeat: no-repeat; background-position: center; } .mejs-controls .mejs-volume-button { position: relative; } .mejs-controls .mejs-volume-button button { width: 18px; height: 16px; margin: 12px 6px 12px 11px; } .mejs-controls .mejs-volume-button .mejs-volume-slider { display: none; height: 115px; width: 25px; background-image: url(img/audio/sound.png); background-repeat: no-repeat; background-position: center; top: -115px; left: 0; z-index: 1; position: absolute; margin: 0; } .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total { position: absolute; left: 11px; top: 8px; width: 2px; height: 100px; margin: 0; } .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current { position: absolute; left: 11px; top: 8px; width: 2px; height: 100px; margin: 0; } .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle { position: absolute; left: 4px; top: -3px; width: 16px; height: 6px; cursor: N-resize; margin: 0; } /* horizontal version */ .mejs-controls div.mejs-horizontal-volume-slider { height: 40px; width: 45px; position: relative; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { position: absolute; left: 0; top: 16px; width: 35px; height: 8px; margin: 0; padding: 0; font-size: 1px; background-color: #dddddd; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { position: absolute; left: 0; top: 16px; width: 40px; height: 8px; margin: 0; padding: 0; font-size: 1px; background-color: #1abc9c; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { display: none; } /* End: Mute/Volume */ /* Start: Error */ .me-cannotplay a { color: #fff; font-weight: bold; } .me-cannotplay span { padding: 15px; display: block; } /* End: Error */ /* Start: Loop */ .mejs-controls .mejs-loop-off button { background-position: -64px -16px; } .mejs-controls .mejs-loop-on button { background-position: -64px 0; } /* End: Loop */ /* Start: backlight */ .mejs-controls .mejs-backlight-off button { background-position: -80px -16px; } .mejs-controls .mejs-backlight-on button { background-position: -80px 0; } /* End: backlight */ /* ========================================================================== Pie full styles ========================================================================== */ .q_pie_graf_holder, .q_line_graf_holder { display: block; position: relative; overflow: hidden; } .q_pie_graf, .q_line_graf { margin: 0 22px 0 0; float: left; } .q_pie_graf_legend { position: relative; float: left; width: 40%; } .q_line_graf_legend { position: relative; float: left; width: 20%; } .q_pie_graf_legend ul, .q_line_graf_legend ul { list-style: none; padding: 0; } .q_pie_graf_legend ul li, .q_line_graf_legend ul li { display: block; margin: 0 0 10px 0; } .q_pie_graf_legend ul li .color_holder, .q_line_graf_legend ul li .color_holder { width: 25px; height: 25px; background-color: #1abc9c; float: left; } .q_pie_graf_legend ul li p, .q_line_graf_legend ul li p { line-height: 25px; margin: 0; padding: 0 0 0 50px; } /* ========================================================================== WPML styles ========================================================================== */ .header_top .right #lang_sel ul ul img.iclflag, .header_top .right #lang_sel_click ul ul img.iclflag { float: right; top: 11px; margin-right: 0; margin-left: 15px; } .header_top .left #lang_sel ul ul img.iclflag, .header_top .left #lang_sel_click ul ul img.iclflag { float: left; top: 11px; } .header_top .right #lang_sel ul ul, .header_top .right #lang_sel_click ul ul { left: auto; right: 0; } .header_top #lang_sel_click ul ul { padding: 5px 15px !important; } .header_top .right #lang_sel ul ul li, .header_top .right #lang_sel_click ul ul li { width: 100%; text-align: right; } .header_top .left #lang_sel ul ul li, .header_top .left #lang_sel_click ul ul li { width: 100%; } .header_top #lang_sel ul ul li img.iclflag, .header_top #lang_sel_click ul ul li img.iclflag { position: relative; top: 11px; } .header_top #lang_sel li, .header_top #lang_sel_click li { width: auto; } .header_top #lang_sel, .header_top #lang_sel_click { font-family: inherit; float: left; padding: 0 0 0 0px; z-index: 1000; height: 33px; position: relative; } .header_top #lang_sel ul > li > a, .header_top #lang_sel_click ul > li > a { width: auto; float: none; padding: 0 15px !important; } .header_top #lang_sel > ul > li:hover, .header_top #lang_sel_click > ul > li:hover { border-bottom: none !important; } .header_top #lang_sel > ul > li > a, .header_top #lang_sel_click > ul > li > a { color: #777 !important; line-height: 33px !important; height: 33px; z-index: 2500; font-size: 13px; } .header_top #lang_sel > ul > li > a:hover, .header_top #lang_sel_click > ul > li > a:hover { color: #1abc9c !important; } .header_top .left #lang_sel > ul > li > a, .header_top .left #lang_sel_click > ul > li > a { left: 0; right: auto; } .header_top #lang_sel > ul > li > a:hover, .header_top #lang_sel_click > ul > li > a:hover, .header_top #lang_sel > ul > li:hover > a, .header_top #lang_sel_click > ul > li:hover > a { top: 0px; } .header_top #lang_sel ul > li ul > li, .header_top #lang_sel_click ul > li ul > li { padding: 0px !important; } .header_top #lang_sel ul > li a.lang_sel_sel, .header_top #lang_sel_click ul > li a.lang_sel_sel { background: 0; line-height: 30px; border: 0; padding: 0; } .header_top .right #lang_sel ul > li a.lang_sel_sel, .header_top .right #lang_sel_click ul > li a.lang_sel_sel { text-align: right; } .header_top .right #lang_sel ul > li a.lang_sel_sel { padding-right: 0 !important; } .header_top .left #lang_sel ul > li a.lang_sel_sel { padding-left: 0 !important; } .header_top #lang_sel .lang_sel_sel:after, .header_top #lang_sel_click .lang_sel_sel:after { content: "\f107"; font-family: 'FontAwesome', sans-serif; margin-left: 5px; } .header_top .left #lang_sel ul > li a.lang_sel_sel, .header_top .left #lang_sel_click ul > li a.lang_sel_sel { text-align: left; } .header_bottom .main_menu .submenu-languages { display: none; } .header_top #lang_sel ul ul, .header_top #lang_sel_click ul ul { height: auto; border-top: none; background-color: #262626; z-index: 1000; position: absolute; list-style: none; top: 33px; left: -1px; width: 180px; } .header_top #lang_sel ul li ul li a, .header_top #lang_sel ul li ul li a:visited, .header_top #lang_sel_click ul li ul li a, .header_top #lang_sel_click ul li ul li a:visited { background: 0; border: 0; color: #9d9d9d; display: block; height: 38px; white-space: nowrap; font-weight: 600; font-size: 11px; text-transform: uppercase; line-height: 38px; padding: 0 15px !important; border-bottom: 1px solid #303030; -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; } .header_top #lang_sel ul li ul li:last-child a, .header_top #lang_sel_click ul li ul li:last-child a { border-bottom: none; } .header_top #lang_sel ul li ul li a:hover, .header_top #lang_sel_click ul li ul li a:hover { color: #fff; } .header_top #lang_sel_list { font-family: inherit; height: auto; width: auto; float: left; } .header_top #lang_sel_list ul { border: 0; padding: 0 !important; width: auto; } .header_top #lang_sel_list li { display: inline-block; float: none; width: auto; } .header_top #lang_sel_list ul li a, .header_top #lang_sel_list ul li a:visited { padding: 0 8px 0 8px; border: 0; background: none repeat scroll 0 0 transparent; line-height: 33px; font-size: 13px; color: #818181; margin: 0 !important; -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; } .header_top #lang_sel_list ul li a.lang_sel_sel, .header_top #lang_sel_list ul li a:hover { color: #1abc9c; } .header_top #lang_sel img.iclflag, .header_top #lang_sel_click img.iclflag, .header_top #lang_sel_list img.iclflag { display: inline; float: none; top: 1px; position: relative; margin-right: 5px; } aside .widget.posts_holder #lang_sel li:after, aside .widget.posts_holder #lang_sel_click li:after { content: none; } aside .widget #lang_sel_list, section.side_menu #lang_sel_list, footer #lang_sel_list { height: auto; font-family: inherit; width: 100%; } aside .widget #lang_sel_list li, section.side_menu #lang_sel_list li, footer #lang_sel_list li { float: none; margin-bottom: 0px !important; padding: 9px 10px 9px 0px !important; width: auto; } footer #lang_sel_list li { padding: 5px 5px 5px 0px !important; } aside .widget #lang_sel_list li a, aside .widget #lang_sel li a, aside .widget #lang_sel_click li a, section.side_menu #lang_sel_list li a, section.side_menu #lang_sel li a, section.side_menu #lang_sel_click li a, footer #lang_sel_list li a, footer #lang_sel li a, footer #lang_sel_click li a { font-family: inherit; font-size: 13px; font-weight: 400; border: 0; color: #777; } aside .widget #lang_sel_list li a, section.side_menu #lang_sel_list li a, aside .widget #lang_sel_list li a, footer #lang_sel_list li a { display: inline; } aside .widget #lang_sel li, aside .widget #lang_sel_click li, section.side_menu #lang_sel li, section.side_menu #lang_sel_click li, footer #lang_sel li, footer #lang_sel_click li { margin-bottom: 0; } aside .widget #lang_sel, aside .widget #lang_sel_click, section.side_menu #lang_sel, section.side_menu #lang_sel_click, footer #lang_sel, footer #lang_sel_click { width: 100%; } aside .widget #lang_sel > ul > li > a, aside .widget #lang_sel_click > ul > li > a, section.side_menu #lang_sel > ul > li > a, section.side_menu #lang_sel_click > ul > li > a, footer #lang_sel > ul > li > a, footer #lang_sel_click > ul > li > a { height: 35px; line-height: 35px !important; font-family: inherit; font-weight: 300; padding-left: 13px; font-weight: 300; background-image: url(img/wc_select_arrow.png) !important; background-repeat: no-repeat; background-position: right; } footer #lang_sel > ul > li > a, footer #lang_sel_click > ul > li > a, section.side_menu #lang_sel > ul > li > a, section.side_menu #lang_sel_click > ul > li > a { background-image: url(img/wc_select_arrow_footer.png) !important; background-repeat: no-repeat; background-position: right; } aside .widget #lang_sel > ul > li a, aside .widget #lang_sel_click > ul > li a { background-color: #fff; } footer #lang_sel > ul > li a, footer #lang_sel_click > ul > li a, section.side_menu #lang_sel > ul > li a, section.side_menu #lang_sel_click > ul > li a { background-color: #262626 !important; } footer #lang_sel ul li a, footer #lang_sel ul ul a, footer #lang_sel_click ul li a, footer #lang_sel_click ul ul a, footer #lang_sel_click ul ul a span, section.side_menu #lang_sel ul li a, section.side_menu #lang_sel ul ul a, section.side_menu #lang_sel ul ul a:visited, section.side_menu #lang_sel_click > ul > li > a, section.side_menu #lang_sel_click ul ul a, section.side_menu #lang_sel_click ul ul a:visited { color: #777 !important; } aside .widget #lang_sel > ul li a, aside .widget #lang_sel ul ul a, aside .widget #lang_sel_click > ul li a, aside .widget #lang_sel_click ul ul a, aside .widget #lang_sel_list li a { color: #adadad; font-family: 'Raleway', sans-serif; background-color: #fff; } aside .widget #lang_sel a.lang_sel_sel:hover, aside .widget #lang_sel_click a.lang_sel_sel:hover, aside .widget #lang_sel ul ul a:hover, aside .widget #lang_sel_click ul ul a:hover, aside .widget #lang_sel_list li a.lang_sel_sel, aside .widget #lang_sel_list li a:hover { color: #1abc9c; } footer #lang_sel_list li a:hover, footer #lang_sel a.lang_sel_sel, footer #lang_sel a.lang_sel_sel:hover, footer #lang_sel ul ul a:hover, footer #lang_sel_click a.lang_sel_sel, footer #lang_sel_click ul ul a:hover, footer #lang_sel_click ul ul a:hover span, footer #lang_sel_list a.lang_sel_sel, footer #lang_sel_list ul ul a:hover, footer #lang_sel_list ul ul a:hover span, section.side_menu a.lang_sel_sel, section.side_menu #lang_sel ul li a.lang_sel_sel, section.side_menu #lang_sel_click ul li a.lang_sel_sel, section.side_menu #lang_sel_list li a:hover, section.side_menu #lang_sel ul ul a:hover, section.side_menu #lang_sel_click ul ul a:hover, section.side_menu #lang_sel_click ul ul a:hover span { color: #fff !important; } aside .widget #lang_sel li, aside .widget #lang_sel_click li, section.side_menu #lang_sel li, section.side_menu #lang_sel_click li, footer #lang_sel li, footer #lang_sel_click li { width: 100%; padding: 0; border: none; } aside .widget #lang_sel ul ul, aside .widget #lang_sel_click ul ul { width: 100%; top: 32px; height: auto; border: 0; z-index: 1000; padding: 3px 0 0 0; overflow: hidden; } footer #lang_sel ul ul, footer #lang_sel_click ul ul, section.side_menu #lang_sel ul ul, section.side_menu #lang_sel_click ul ul { width: 100%; top: 32px; border: 0; } section.side_menu #lang_sel li a:after, section.side_menu #lang_sel li:before { display: none; } section.side_menu #lang_sel ul ul a, #lang_sel ul ul a:visited { padding: 8px 10px; } footer #lang_sel ul ul, footer #lang_sel_click ul ul, section.side_menu #lang_selul ul, section.side_menu #lang_sel_click ul ul { left: 0 !important; } aside .widget #lang_sel ul ul a, aside .widget #lang_sel_click ul ul a, aside .widget #lang_sel ul ul a:visited, aside .widget #lang_sel_click ul ul a:visited { padding: 10px 13px; } footer #lang_sel ul ul a, footer #lang_sel_click ul ul a, footer #lang_sel ul ul a:visited, footer #lang_sel_click ul ul a:visited { padding: 10px 13px; } aside .widget #lang_sel_list.lang_sel_list_vertical ul, section.side_menu #lang_sel_list.lang_sel_list_vertical ul, footer #lang_sel_list.lang_sel_list_vertical ul { height: auto; border-top: none; } aside .widget #lang_sel_list.lang_sel_list_vertical a, aside .widget #lang_sel_list.lang_sel_list_vertical a:visited, section.side_menu #lang_sel_list.lang_sel_list_vertical a, section.side_menu #lang_sel_list.lang_sel_list_vertical a:visited, footer #lang_sel_list.lang_sel_list_vertical a, footer #lang_sel_list.lang_sel_list_vertical a:visited { border: none; padding: 0; } section.side_menu #lang_sel_list.lang_sel_list_vertical a, section.side_menu #lang_sel_list.lang_sel_list_vertical a:visited, section.side_menu #lang_sel_list.lang_sel_list_horizontal a, section.side_menu #lang_sel_list.lang_sel_list_horizontal a:visited, footer #lang_sel_list.lang_sel_list_vertical a, footer #lang_sel_list.lang_sel_list_vertical a:visited, footer #lang_sel_list.lang_sel_list_horizontal a, footer #lang_sel_list.lang_sel_list_horizontal a:visited { background: transparent; } aside #lang_sel img.iclflag, aside #lang_sel_click img.iclflag, section.side_menu #lang_sel img.iclflag, section.side_menu #lang_sel_click img.iclflag, footer #lang_sel img.iclflag, footer #lang_sel_click img.iclflag, footer #lang_sel_list.lang_sel_list_horizontal a img, footer #lang_sel_list.lang_sel_list_vertical a img { margin-right: 5px; } footer #lang_sel_list.lang_sel_list_horizontal a:hover, footer #lang_sel_list.lang_sel_list_vertical a:hover, .side_menu #lang_sel_list.lang_sel_list_horizontal a:hover, .side_menu #lang_sel_list.lang_sel_list_vertical a:hover { color: #fff; } footer #lang_sel_list.lang_sel_list_horizontal a, footer #lang_sel_list.lang_sel_list_vertical a, .side_menu #lang_sel_list.lang_sel_list_horizontal a, .side_menu #lang_sel_list.lang_sel_list_vertical a { color: #777; } #lang_sel_footer { background-color: #111111; border: none; z-index: 1500; position: relative; font-family: 'Roboto', sans-serif; } #lang_sel_footer a { font-size: 13px; color: #777; -webkit-transition: color 0.3s ease 0s !important; -moz-transition: color 0.3s ease 0s !important; -o-transition: color 0.3s ease 0s !important; -ms-transition: color 0.3s ease 0s !important; transition: color 0.3s ease 0s !important; } #lang_sel_footer a:hover { color: #fff; -webkit-transition: color 0.3s ease 0s !important; -moz-transition: color 0.3s ease 0s !important; -o-transition: color 0.3s ease 0s !important; -ms-transition: color 0.3s ease 0s !important; transition: color 0.3s ease 0s !important; } #lang_sel_footer a img { margin-right: 15px; } /* ========================================================================== End of WPML styles ========================================================================== */ .ls-nav-prev, .ls-nav-next { position: absolute; display: block !important; line-height: 40px; margin: -20px 0 0; top: 60%; z-index: 90; cursor: pointer; opacity: 0.6 !important; filter: alpha(opacity=60) !important; } .ls-nav-prev { background-image: none !important; background-color: transparent !important; height: 54px; width: 54px; border: 2px solid #fff !important; line-height: 54px; font-size: 14px; position: absolute; top: 50%; margin-top: -27px; text-align: center; z-index: 10; -webkit-transition: opacity .3s ease 0s !important; -moz-transition: opacity .3s ease 0s !important; -o-transition: opacity .3s ease 0s !important; transition: opacity .3s ease-in-out !important; opacity: 0.7; -webkit-border-radius: 56px; -moz-border-radius: 56px; -ms-border-radius: 56px; -o-border-radius: 56px; border-radius: 56px; position: absolute; left: 23px; } .ls-nav-prev:after { position: absolute; left: 0 !important; color: #fff; width: 100%; height: 100%; content: "\f104"; font-family: 'FontAwesome', serif; line-height: 54px; text-align: center; display: block !important; font-size: 30px; } .ls-nav-next { background-image: none !important; background-color: transparent !important; height: 54px; width: 54px; border: 2px solid #fff !important; line-height: 54px; font-size: 14px; position: absolute; top: 50%; margin-top: -27px; text-align: center; z-index: 10; -webkit-transition: opacity .3s ease 0s; -moz-transition: opacity .3s ease 0s; -o-transition: opacity .3s ease 0s; transition: opacity .3s ease-in-out; opacity: 0; -webkit-border-radius: 56px; -moz-border-radius: 56px; -ms-border-radius: 56px; -o-border-radius: 56px; border-radius: 56px; right: 23px; } .ls-nav-next:after { position: absolute; left: 0 !important; color: #fff; width: 100%; height: 100%; content: "\f105"; font-family: 'FontAwesome', serif; line-height: 54px; text-align: center; display: block !important; font-size: 30px; } .ls-nav-prev:hover, .ls-nav-next:hover { opacity: 1 !important; filter: alpha(opacity=100) !important; } .element_from_left, .element_from_right, .element_from_top, .element_from_bottom, .element_from_fade { display: inline-block; vertical-align: middle; width: 100%; } .touch .no_animation_on_touch .element_from_left > div, .touch .no_animation_on_touch .element_from_right > div, .touch .no_animation_on_touch .element_from_top > div, .touch .no_animation_on_touch .element_from_bottom > div, .touch .no_animation_on_touch .element_from_fade > div, .touch .no_animation_on_touch .element_transform > div { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-animation: none; -moz-animation: none; -o-animation: none; animation: none; } .element_from_left > div, .element_from_right > div, .element_from_top > div, .element_from_bottom > div, .element_from_fade > div { opacity: 0; display: inline-block; vertical-align: middle; width: 100%; filter: alpha(opacity=0); } .element_transform > div { opacity: .2; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } .element_from_fade.element_from_fade_on > div { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity .8s ease 0s; -moz-transition: opacity .8s ease 0s; -o-transition: opacity .8s ease 0s; -webkit-backface-visibility: hidden; } .element_from_left.element_from_left_on > div { -webkit-animation: element-from-left 0.7s 1 ease-in-out; -moz-animation: element-from-left 0.7s 1 ease-in-out; -o-animation: element-from-left 0.7s 1 ease-in-out; animation: element-from-left 0.7s 1 ease-in-out; opacity: 1; filter: alpha(opacity=100); -webkit-backface-visibility: hidden; } .element_from_right.element_from_right_on > div { -webkit-animation: element-from-right 0.7s 1 ease-in-out; -moz-animation: element-from-right 0.7s 1 ease-in-out; -o-animation: element-from-right 0.7s 1 ease-in-out; animation: element-from-right 0.7s 1 ease-in-out; opacity: 1; filter: alpha(opacity=100); -webkit-backface-visibility: hidden; } .element_from_top.element_from_top_on > div { -webkit-animation: element-from-top 0.7s 1 ease-in-out; -moz-animation: element-from-top 0.7s 1 ease-in-out; -o-animation: element-from-top 0.7s 1 ease-in-out; animation: element-from-top 0.7s 1 ease-in-out; opacity: 1; filter: alpha(opacity=100); -webkit-backface-visibility: hidden; } .element_from_bottom.element_from_bottom_on > div { -webkit-animation: element-from-bottom 0.7s 1 ease-in-out; -moz-animation: element-from-bottom 0.7s 1 ease-in-out; -o-animation: element-from-bottom 0.7s 1 ease-in-out; animation: element-from-bottom 0.7s 1 ease-in-out; opacity: 1; filter: alpha(opacity=100); -webkit-backface-visibility: hidden; } .element_transform.element_transform_on > div { -webkit-animation: element-transform 0.4s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-animation: element-transform 0.4s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-animation: element-transform 0.4s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); animation: element-transform 0.4s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275); opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } @-webkit-keyframes element-from-left { 0% { -webkit-transform: translate(-20%, 0); opacity: 0; } 100% { -webkit-transform: translate(0, 0); opacity: 1; } } @-moz-keyframes element-from-left { 0% { -moz-transform: translate(-20%, 0); opacity: 0; } 100% { -moz-transform: translate(0, 0); opacity: 1; } } @-o-keyframes element-from-left { 0% { -o-transform: translate(-20%, 0); opacity: 0; } 100% { -o-transform: translate(0, 0); opacity: 1; } } @keyframes element-from-left { 0% { transform: translate(-20%, 0); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; } } @-webkit-keyframes element-from-right { 0% { -webkit-transform: translate(20%, 0); opacity: 0; } 100% { -webkit-transform: translate(0, 0); opacity: 1; } } @-moz-keyframes element-from-right { 0% { -moz-transform: translate(20%, 0); opacity: 0; } 100% { -moz-transform: translate(0, 0); opacity: 1; } } @-o-keyframes element-from-right { 0% { -o-transform: translate(20%, 0); opacity: 0; } 100% { -o-transform: translate(0, 0); opacity: 1; } } @keyframes element-from-right { 0% { transform: translate(20%, 0); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; } } @-webkit-keyframes element-from-bottom { 0% { -webkit-transform: translate(0, 30%); opacity: 0; } 100% { -webkit-transform: translate(0, 0); opacity: 1; } } @-moz-keyframes element-from-bottom { 0% { -moz-transform: translate(0, 30%); opacity: 0; } 100% { -moz-transform: translate(0, 0); opacity: 1; } } @-o-keyframes element-from-bottom { 0% { -o-transform: translate(0, 30%); opacity: 0; } 100% { -o-transform: translate(0, 0); opacity: 1; } } @keyframes element-from-bottom { 0% { transform: translate(0, 30%); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; } } @-webkit-keyframes element-from-top { 0% { -webkit-transform: translate(0, -30%); opacity: 0; } 100% { -webkit-transform: translate(0, 0); opacity: 1; } } @-moz-keyframes element-from-top { 0% { -moz-transform: translate(0, -30%); opacity: 0; } 100% { -moz-transform: translate(0, 0); opacity: 1; } } @-o-keyframes element-from-top { 0% { -o-transform: translate(0, -30%); opacity: 0; } 100% { -o-transform: translate(0, 0); opacity: 1; } } @keyframes element-from-top { 0% { transform: translate(0, -30%); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; } } @-webkit-keyframes element-transform { 0% { -webkit-transform: scale(0.3); opacity: .1; } 100% { -webkit-transform: scale(1); opacity: 1; } } @-moz-keyframes element-transform { 0% { -moz-transform: scale(0.3); opacity: .1; } 100% { -moz-transform: scale(1); opacity: 1; } } @-o-keyframes element-transform { 0% { -o-transform: scale(0.3); opacity: .1; } 100% { -o-transform: scale(1); opacity: 1; } } @keyframes element-transform { 0% { transform: scale(0.3); opacity: .1; } 100% { transform: scale(1); opacity: 1; } } /* ========================================================================== Image With Text Over start styles ========================================================================== */ .q_image_with_text_over { display: inline-block; position: relative; margin: 0px; width: 100%; } .q_image_with_text_over.one_half { width: 50%; } .q_image_with_text_over.one_third { width: 33.33%; } .q_image_with_text_over.one_fourth { width: 25%; } .q_image_with_text_over img { display: block; position: relative; width: 100%; z-index: 10; } .q_image_with_text_over .shader { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 20; background-color: rgba(0, 0, 0, 0.5); -webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; } .q_image_with_text_over .shader_hover { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 20; background-color: transparent; opacity: 0; -webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; } .q_image_with_text_over.q_iwto_hover:hover .shader { opacity: 0; } .q_image_with_text_over.q_iwto_hover:hover .shader_hover { opacity: 1; } .q_image_with_text_over .text { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 30; text-align: center; } .q_image_with_text_over table { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .q_image_with_text_over table td { padding: 0px; vertical-align: middle; background: none !important; } .q_image_with_text_over .caption, .q_image_with_text_over .icon_holder { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; -ms-transition: opacity 0.4s ease-in-out; -webkit-transform: translateZ(0px); } .q_image_with_text_over .caption { line-height: 1em; } .q_image_with_text_over .text p, .q_image_with_text_over .caption, .q_image_with_text_over .icon_holder { color: #fff; } .q_image_with_text_over .icon_holder { display: inline-block; } .q_image_with_text_over .icon_holder.fa-2x { padding: 0.67em 0.7em; } .q_image_with_text_over .icon_holder.fa-3x { padding: 0.6em 0.62em; } .q_image_with_text_over .caption { margin: 2% 0 0; } .q_image_with_text_over .caption.no_icon { margin: 0; } .q_image_with_text_over .desc { margin: 0px 30px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; -ms-transition: opacity 0.4s ease-in-out; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0px); color: #fff; } .q_image_with_text_over .text:hover .caption, .q_image_with_text_over .text:hover .icon_holder { opacity: 0; filter: alpha(opacity=0); } .q_image_with_text_over .text:hover .desc { opacity: 1; filter: alpha(opacity=100); } /* ========================================================================== Image With Text Over end styles ========================================================================== */ /* ========================================================================== Team start styles ========================================================================== */ .q_team { background-color: #fff; overflow: hidden; } .q_team_inner { overflow: hidden; width: 100%; } .q_team .q_team_image { position: relative; } .q_team .q_team_image img { width: 100%; vertical-align: middle; } .q_team .q_team_description_wrapper { position: absolute; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.95); opacity: 0; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; cursor: default; } .q_team .q_team_image:hover .q_team_description_wrapper { opacity: 1; } .q_team .q_team_description { display: table; width: 100%; height: 100%; } .q_team .q_team_description_inner { display: table-cell; vertical-align: middle; text-align: center; padding: 0 50px; } .q_team .q_team_description_inner p { color: #303030; } .q_team .q_team_text { padding: 23px 16px 23px; border-style: none; border-width: 1px; border-color: #f6f6f6; border-top: none !important; } .q_team .q_team_title_holder { margin: 0 0 9px; text-align: center; } .q_team .q_team_title_holder .q_team_name { margin-bottom: 7px; } .q_team .q_team_text_inner .separator { background-color: #1abc9c; margin-bottom: 16px !important; } .q_team .q_team_social_holder { position: relative; text-align: center; } .q_team .q_team_social_holder .q_social_icon_holder i.simple_social, .q_team .q_team_social_holder .q_social_icon_holder span.simple_social { font-size: 19px; color: #bcbcbc; } .q_team .q_team_social_holder .q_social_icon_holder:hover i.simple_social, .q_team .q_team_social_holder .q_social_icon_holder:hover span.simple_social { color: #1abc9c; } /*Info on hover style*/ .q_team.info_on_hover .q_team_description_wrapper { position: relative; opacity: 1; background-color: transparent; box-sizing: border-box; } .q_team.info_on_hover .q_team_text { position: absolute; top: 0; width: 100%; height: 100%; background-color: rgba(21, 21, 21, 0.78); padding: 0; opacity: 0; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .q_team.info_on_hover .q_team_text_holder { display: table; width: 100%; height: 100%; } .q_team.info_on_hover .q_team_text_holder_inner { display: table-cell; vertical-align: middle; } .q_team.info_on_hover .q_team_image:hover .q_team_text { opacity: 1; } .q_team.info_on_hover .q_team_title_holder .q_team_name, .q_team.info_on_hover .q_team_title_holder span, .q_team.info_on_hover .q_team_social_holder i.simple_social, .q_team.info_on_hover .q_team_social_holder span.simple_social { color: #fff; } /* ========================================================================== Team end styles ========================================================================== */ /* ========================================================================== Service shortcode styles ========================================================================== */ .circle_item .circle { font-size: 15px; line-height: 13px; width: 155px; height: 155px; display: inline-block; text-align: center; color: #000; background-color: #fbfbfb; -o-border-radius: 182px; -moz-border-radius: 182px; -webkit-border-radius: 182px; border-radius: 182px; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; -webkit-transform: translateZ(0px); -moz-transform: translateZ(0px); } .circle_item .circle div { padding: 69.5px 0; } .circle_left { width: 100%; display: inline-block; margin: 0 0 25px 0; } .circle_left .circle { float: left; } .circle_left .text { padding: 0 10px 0 170px; } .circle_top { width: 100%; display: inline-block; text-align: center; margin: 0 0 25px 0; } .circle_top .circle { margin: 0 auto; } .circle_top .text { margin: 25px 0 0; } .circle_top .text p { margin: 0; } .circle_item .circle a { text-decoration: none; } .circle_item .circle:hover { background-color: #1abc9c; color: #fff; } .circle_item .circle.hover { cursor: pointer; } .circle_item .circle:hover a { color: #fff; } .fade_in_circle_holder { display: block; cursor: pointer; overflow: hidden; } .fade_in_circle_holder.animate_circle { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .fade_in_circle_holder { display: table; position: relative; overflow: hidden; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0.1); -moz-transform: scale(0.1); -o-transform: scale(0.1); -ms-transform: scale(0.1); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; -webkit-backface-visibility: hidden; z-index: 2000; } .touch .no_animation_on_touch .fade_in_circle_holder { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } /* ========================================================================== Image hover styles ========================================================================== */ .image_hover { position: relative; display: inline-block; width: 100%; } .image_hover .images_holder { position: relative; display: inline-block; max-width: 100%; vertical-align: middle; } .image_hover .images_holder img.hover_image { position: absolute; top: 0; left: 0; } .image_hover .images_holder img.active_image { opacity: 1; filter: alpha(opacity=100); position: relative; display: block; } .image_hover .images_holder img.active_image, .image_hover .images_holder img.hover_image, .image_hover.hovered.show .images_holder img.active_image, .image_hover.hovered.show .images_holder img.hover_image { -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0px); } .image_hover .images_holder img.hover_image { opacity: 0; filter: alpha(opacity=0); } .image_hover .images_holder:hover img.active_image, .image_hover.hovered.show .images_holder img.active_image { opacity: 0; filter: alpha(opacity=0); } .image_hover .images_holder:hover img.hover_image, .image_hover.hovered.show .images_holder img.hover_image { opacity: 1; filter: alpha(opacity=100); } /* ========================================================================== Call to action widget styles ========================================================================== */ .content_bottom { position: relative; z-index: 100; } .qode_call_to_action.container { background-color: #1abc9c; } .qode_call_to_action.in_grid { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .qode_call_to_action.container .container_inner { padding: 40px 0; } .call_to_action_text_wrapper p { font-size: 19px; font-weight: 300; line-height: 1.692307692307692em; color: #fff; text-align: center; } .qode_call_to_action .call_to_action_text_wrapper { line-height: 40px; } .qode_call_to_action .qbutton { position: static; } .call_to_action_button_wrapper { text-align: left; } .call_to_action_button_wrapper.left { text-align: left; } .qode_call_to_action .two_columns_75_25 > .column2.left > .column_inner { padding: 0 20px 0 0; } .qode_call_to_action.in_grid .two_columns_75_25 > .column2.left > .column_inner { padding-left: 28px; } .qode_call_to_action.in_grid .two_columns_75_25 > .column2 > .column_inner { padding-right: 28px; } .qode_call_to_action.in_grid .two_columns_75_25 > .column1.left > .column_inner { padding-right: 28px; } .qode_call_to_action.in_grid .two_columns_75_25 > .column1 > .column_inner { padding-left: 28px; } .qode_call_to_action .two_columns_75_25 > .column1.left > .column_inner { padding: 0; } .qode_call_to_action .two_columns_75_25 > .column1.left { text-align: right; } /* ========================================================================== * Bootstrap v3.0.0 * * Copyright 2013 Twitter, Inc * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world by @mdo and @fat. * normalize.css v2.1.0 | MIT License | git.io/normalize ========================================================================== */ .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .boxed .carousel-inner { width: 1150px; left: auto !important; } .carousel-inner .video { position: static; left: 0; direction: ltr; } .carousel-inner > .item { position: relative; display: none; -webkit-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; box-sizing: border-box; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; height: auto; max-width: 100%; line-height: 1; } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } /* part for fading adnimation - start */ .carousel.fade .item { -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; opacity: 1; filter: alpha(opacity=100); } .carousel.fade .active.left, .carousel.fade .active.right { opacity: 0; filter: alpha(opacity=0); } .carousel.fade .active.item { opacity: 1; filter: alpha(opacity=100); } .carousel.fade .active.left, .carousel.fade .active.right { left: 0; z-index: 2; opacity: 0; filter: alpha(opacity=0); } .carousel.fade .next, .carousel.fade .prev { left: 0; z-index: 1; } /* part for vertical up animation - start */ .carousel.vertical_up:not(.has_height) .carousel-inner { height: 100%; } .carousel.vertical_up .carousel-inner > .item { -webkit-transition: -webkit-transform 0.6s ease; -moz-transition: -moz-transform 0.6s ease; -ms-transition: -ms-transform 0.6s ease; -o-transition: -o-transform 0.6s ease; transition: transform 0.6s ease; } .carousel.vertical_up .carousel-inner > .active { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } .carousel.vertical_up .carousel-inner > .next { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); left: 0%; } .carousel.vertical_up .carousel-inner > .prev { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); left: 0%; } .carousel.vertical_up .carousel-inner > .next.left, .carousel.vertical_up .carousel-inner > .prev.right { left: 0%; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } .carousel.vertical_up .carousel-inner > .active.left { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); left: 0%; } .carousel.vertical_up .carousel-inner > .active.right { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); left: 0%; } /* part for vertical up animation - end */ /* part for vertical down animation - start */ .carousel.vertical_down:not(.has_height) .carousel-inner { height: 100%; } .carousel.vertical_down .carousel-inner > .item { -webkit-transition: -webkit-transform 0.6s ease; -moz-transition: -moz-transform 0.6s ease; -ms-transition: -ms-transform 0.6s ease; -o-transition: -o-transform 0.6s ease; transition: transform 0.6s ease; } .carousel.vertical_down .carousel-inner > .active { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } .carousel.vertical_down .carousel-inner > .next { -webkit-transform: translateY(-99%); -moz-transform: translateY(-99%); -ms-transform: translateY(-99%); -o-transform: translateY(-99%); transform: translateY(-99%); left: 0%; } .carousel.vertical_down .carousel-inner > .prev { -webkit-transform: translateY(99%); -moz-transform: translateY(99%); -ms-transform: translateY(99%); -o-transform: translateY(99%); transform: translateY(99%); left: 0%; } .carousel.vertical_down .carousel-inner > .next.left, .carousel.vertical_down .carousel-inner > .prev.right { left: 0%; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } .carousel.vertical_down .carousel-inner > .active.left { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); left: 0%; } .carousel.vertical_down .carousel-inner > .active.right { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); left: 0%; } /* part for vertical down animation - end */ /* part for slide cover animation - start */ .carousel.slide_cover .carousel-inner > .next { z-index: 99; } .carousel.slide_cover .carousel-inner > .prev { z-index: 100; } .carousel.slide_cover .carousel-inner > .active.left { left: -30%; } .carousel.slide_cover .carousel-inner > .active.right { left: 30%; } /* part for slide cover animation - end */ .carousel-indicators { position: absolute; bottom: 20px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none; } .carousel-indicators li { display: inline-block; width: 8px; height: 8px; margin: 1px; text-indent: -999px; cursor: pointer; border-radius: 10px; } .carousel-caption { position: absolute; right: 15%; bottom: 40px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .carousel-caption .btn { text-shadow: none; } @media screen and (min-width: 768px) { .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -15px; margin-left: -15px; font-size: 30px; } .carousel-caption { right: 20%; left: 20%; padding-bottom: 30px; } } /* ==== Carousel Custom - Start ==== */ .carousel { margin-bottom: 0; } .carousel.full_screen { height: 1500px; } .qode_slider_preloader { width: 100%; background-color: #1c1c1c; position: absolute; z-index: 20; } .qode_slider_preloader { height: 1500px; } .qode_slider_preloader .ajax_loader { position: absolute; } .carousel-inner .slider_content_outer { position: relative; height: 100%; width: 1100px; margin: 0px auto; z-index: 12; } .carousel-inner .slide_full_width .slider_content_outer { width: 100% !important; } .carousel-inner .slider_content { position: absolute; width: 100%; } /* vertical middle alignment - start */ .carousel-inner .item.content_vertical_middle .slider_content_outer { display: table; } .carousel-inner .item.content_vertical_middle .slider_content { display: table-cell; vertical-align: middle; position: static; } .carousel-inner .item.content_vertical_middle .slider_content .thumb { height: auto; } .vertical_menu_enabled .carousel-inner .item.content_vertical_middle { padding-top: 0px !important; } /* vertical middle alignment - end */ .carousel-inner .slider_content .slide_anchor_holder { margin-top: 8%; } .carousel-inner .item.dark .slider_content .text .slide_anchor_holder .slide_anchor_button { color: #000; } .carousel-inner .slider_content .slide_anchor_holder .slide_anchor_button { font-size: 51px; color: #fff; } .carousel-inner .slider_content .thumb { opacity: 0; filter: alpha(opacity=0); height: 100%; display: inline-block; vertical-align: middle; } .carousel-inner .slider_content.left { text-align: left; } .carousel-inner .slider_content.right { text-align: right; } .carousel-inner .slider_content.left .thumb, .carousel-inner .slider_content.right .thumb { display: inline-block; } .carousel-inner .slider_content.center .thumb { text-align: center; } .carousel-inner .slider_content.center { text-align: center; } /*----- SVG ----- */ .qode_slide-svg-holder svg { opacity: 0; height: auto; } .item.active .qode_slide-svg-holder svg { -webkit-animation: fade 0.4s 1 cubic-bezier(0.5, 0.11, 0.805, 0.32); -moz-animation: fade 0.4s 1 cubic-bezier(0.5, 0.11, 0.805, 0.32); -o-animation: fade 0.4s 1 cubic-bezier(0.5, 0.11, 0.805, 0.32); animation: fade 0.4s 1 cubic-bezier(0.5, 0.11, 0.805, 0.32); opacity: 1; } .carousel-inner .active .slider_content .thumb { -webkit-animation: rotate 1s 1 ease-out; -moz-animation: rotate 1s 1 ease-out; -o-animation: rotate 1s 1 ease-out; animation: rotate 1s 1 ease-out; opacity: 1; filter: alpha(opacity=100); } .carousel-inner .active .slider_content .thumb.fade { -webkit-animation: fade 1s 1 ease-out; -moz-animation: fade 1s 1 ease-out; -o-animation: fade 1s 1 ease-out; animation: fade 1s 1 ease-out; } .carousel-inner .slider_content .thumb img { max-height: 100%; } .carousel-inner .slider_content .text { text-align: center; opacity: 0; filter: alpha(opacity=0); position: relative; display: inline-block; width: 100%; margin: 10px 0px 10px 0px; -webkit-transform: translateZ(0px); -moz-transform: translateZ(0px); -ms-transform: translateZ(0px); -o-transform: translateZ(0px); transform: translateZ(0px); } .carousel-inner .active .slider_content .text { -webkit-animation: text-from-bottom 1.5s 1 cubic-bezier(0.165, 0.84, 0.44, 1); -moz-animation: text-from-bottom 1.5s 1 cubic-bezier(0.165, 0.84, 0.44, 1); -o-animation: text-from-bottom 1.5s 1 cubic-bezier(0.165, 0.84, 0.44, 1); animation: text-from-bottom 1.5s 1 cubic-bezier(0.165, 0.84, 0.44, 1); opacity: 1; filter: alpha(opacity=100); } /* one by one element animation - start */ .carousel-inner .slider_content .text.one_by_one { -webkit-animation: none; -moz-animation: none; -o-animation: none; animation: none; opacity: 1; } .carousel-inner .slider_content .text.one_by_one h2, .carousel-inner .slider_content .text.one_by_one h4, .carousel-inner .slider_content .text.one_by_one .separator, .carousel-inner .slider_content .text.one_by_one p, .carousel-inner .slider_content .text.one_by_one a.qbutton, .carousel-inner .slider_content .text.one_by_one .slide_anchor_holder { opacity: 0; filter: alpha(opacity=0); position: relative; top: 70px; } .carousel-inner .active .slider_content .text.one_by_one h2, .carousel-inner .active .slider_content .text.one_by_one h4, .carousel-inner .active .slider_content .text.one_by_one .separator, .carousel-inner .active .slider_content .text.one_by_one p, .carousel-inner .active .slider_content .text.one_by_one a.qbutton, .carousel-inner .active .slider_content .text.one_by_one .slide_anchor_holder { -webkit-animation: text-from-bottom-one-by-one 1.2s 1 cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -moz-animation: text-from-bottom-one-by-one 1.2s 1 cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -o-animation: text-from-bottom-one-by-one 1.2s 1 cubic-bezier(0.165, 0.84, 0.44, 1) 0s; animation: text-from-bottom-one-by-one 1.2s 1 cubic-bezier(0.165, 0.84, 0.44, 1) 0s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; /*top: 0px;*/ opacity: 1; filter: alpha(opacity=100); } /* without separator and subtitle above - start */ .carousel-inner .active .slider_content .text.one_by_one.subtitle_above_title.no_separator h2 { animation-delay: 0.15s; -webkit-animation-delay: 0.15s; } .carousel-inner .active .slider_content .text.one_by_one.subtitle_above_title.no_separator p { animation-delay: 0.3s; -webkit-animation-delay: 0.3s; } .carousel-inner .active .slider_content .text.one_by_one.subtitle_above_title.no_separator a.qbutton { animation-delay: 0.45s; -webkit-animation-delay: 0.45s; } .carousel-inner .active .slider_content .text.one_by_one.subtitle_above_title.no_separator .slide_anchor_holder { animation-delay: 0.6s; -webkit-animation-delay: 0.6s; } /* without separator and subtitle above - end */ /* with separator and subtitle above - start */ .carousel-inner .active .slider_content .text.one_by_one.subtitle_above_title.has_separator h2 { animation-delay: 0.15s; -webkit-animation-delay: 0.15s; } .carousel-inner .active .slider_content .text.one_by_one.subtitle_above_title.has_separator .separator { animation-delay: 0.3s; -webkit-animation-delay: 0.3s; } .carousel-inner .active .slider_content .text.one_by_one.subtitle_above_title.has_separator p { animation-delay: 0.45s; -webkit-animation-delay: 0.45s; } .carousel-inner .active .slider_content .text.one_by_one.subtitle_above_title.has_separator a.qbutton { animation-delay: 0.6s; -webkit-animation-delay: 0.6s; } .carousel-inner .active .slider_content .text.one_by_one.subtitle_above_title.has_separator .slide_anchor_holder { animation-delay: 0.75s; -webkit-animation-delay: 0.75s; } /* with separator and subtitle above - end */ /* without separator and subtitle bellow - start */ .carousel-inner .active .slider_content .text.one_by_one.subtitle_bellow_title.no_separator h4 { animation-delay: 0.15s; -webkit-animation-delay: 0.15s; } .carousel-inner .active .slider_content .text.one_by_one.subtitle_bellow_title.no_separator p { animation-delay: 0.3s; -webkit-animation-delay: 0.3s; } .carousel-inner .active .slider_content .text.one_by_one.subtitle_bellow_title.no_separator a.qbutton { animation-delay: 0.45s; -webkit-animation-delay: 0.45s; } .carousel-inner .active .slider_content .text.one_by_one.subtitle_bellow_title.no_separator .slide_anchor_holder { animation-delay: 0.6s; -webkit-animation-delay: 0.6s; } /* without separator and subtitle bellow - end */ /* with separator and subtitle bellow - start */ .carousel-inner .active .slider_content .text.one_by_one.subtitle_bellow_title.has_separator h4 { animation-delay: 0.15s; -webkit-animation-delay: 0.15s; } .carousel-inner .active .slider_content .text.one_by_one.subtitle_bellow_title.has_separator .separator { animation-delay: 0.3s; -webkit-animation-delay: 0.3s; } .carousel-inner .active .slider_content .text.one_by_one.subtitle_bellow_title.has_separator p { animation-delay: 0.45s; -webkit-animation-delay: 0.45s; } .carousel-inner .active .slider_content .text.one_by_one.subtitle_bellow_title.has_separator a.qbutton { animation-delay: 0.6s; -webkit-animation-delay: 0.6s; } .carousel-inner .active .slider_content .text.one_by_one.subtitle_bellow_title.has_separator .slide_anchor_holder { animation-delay: 0.75s; -webkit-animation-delay: 0.75s; } /* with separator and subtitle bellow - end */ /* without separator and no subtitle - start */ .carousel-inner .active .slider_content .text.one_by_one.no_subtitle.no_separator p { animation-delay: 0.2s; -webkit-animation-delay: 0.2s; } .carousel-inner .active .slider_content .text.one_by_one.no_subtitle.no_separator a.qbutton { animation-delay: 0.4s; -webkit-animation-delay: 0.4s; } .carousel-inner .active .slider_content .text.one_by_one.no_subtitle.no_separator .slide_anchor_holder { animation-delay: 0.6s; -webkit-animation-delay: 0.6s; } /* without separator and no subtitle - end */ /* with separator and no subtitle - start */ .carousel-inner .active .slider_content .text.one_by_one.no_subtitle.has_separator .separator { animation-delay: 0.15s; -webkit-animation-delay: 0.15s; } .carousel-inner .active .slider_content .text.one_by_one.no_subtitle.has_separator p { animation-delay: 0.3s; -webkit-animation-delay: 0.3s; } .carousel-inner .active .slider_content .text.one_by_one.no_subtitle.has_separator a.qbutton { animation-delay: 0.45s; -webkit-animation-delay: 0.45s; } .carousel-inner .active .slider_content .text.one_by_one.no_subtitle.has_separator .slide_anchor_holder { animation-delay: 0.6s; -webkit-animation-delay: 0.6s; } /* with separator and no subtitle - end */ /* one by one element animation - end */ .carousel-inner .slider_content .text .qbutton { margin: 10px 0px 0px 0px; text-align: center; } .carousel-inner .item.dark .slider_content .text .qbutton { border-color: #303030; background-color: #303030; color: #fff; } .carousel-inner .item.dark .slider_content .text .qbutton:hover { background-color: transparent; color: #303030; } .carousel-inner .item.dark .slider_content .text .qbutton.white { background-color: transparent; color: #303030; } .carousel-inner .item.dark .slider_content .text .qbutton.white:hover { background-color: #303030; color: #fff !important; border-color: #303030; } .carousel-inner .slider_content .text .qbutton.white { margin: 10px 0 0 10px; } .carousel-inner h2 { margin: 10px 0 20px 0; font-size: 45px; line-height: 1.071428571428571em; /* 48px / 45px */ } .carousel-inner h2.with_title_border { margin: 20px 0 30px 0; } .carousel-inner h2.with_title_border span { display: inline-block; padding: 0.3em 1.1em; } .carousel-inner h2, .carousel-inner .q_slide_subtitle { font-weight: 600; color: #fff; text-align: center; padding: 0px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); } .carousel-inner h2.with_background_color span { padding: 10px; } .carousel-inner .q_slide_subtitle { font-size: 26px; letter-spacing: 1px; } .carousel-inner .q_slide_subtitle span { font-size: 1em; margin-bottom: 13px; display: inline-block; } .carousel-inner .q_slide_subtitle.with_background_color span { padding: 10px; margin-bottom: 12px; } .carousel-inner p { color: #fff; text-align: center; font-size: 21px; line-height: 1.363157894736842em; /* 29px / 21px */ font-weight: 400; margin: 10px 0px 15px 0px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); } .carousel-inner .dark h2, .carousel-inner .dark .q_slide_subtitle, .carousel-inner .dark p { color: #000; } .carousel-inner .left .text, .carousel-inner .left h2, .carousel-inner .left .q_slide_subtitle, .carousel-inner .left p { text-align: left; } .carousel-inner .right .text, .carousel-inner .right h2, .carousel-inner .right .q_slide_subtitle, .carousel-inner .right p { text-align: right; } .carousel-inner { left: 0 !important; position: fixed; overflow: hidden; width: 100%; z-index: 1; transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); -webkit-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1), margin 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); -moz-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1), margin 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); -o-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1), margin 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); -ms-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1), margin 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1), margin 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); } .carousel-inner.relative_position { position: relative; } .carousel-inner .item img { display: inline-block !important; } .touch .carousel-inner .item { background-position: center 0px !important; } .carousel-inner .item .image { position: absolute; top: 0px; left: 0px; background-position: center 0px; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; } /* animate image - start */ @media only screen and (min-width: 1000px) { .carousel-inner .item.animate_image.zoom_center .image { position: absolute; top: 0%; left: 0%; background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 110%; -webkit-backface-visibility: hidden; /* to prevent glittering on slide change */ backface-visibility: hidden; } .carousel-inner .item.animate_image.zoom_top_left .image, .carousel-inner .item.animate_image.zoom_top_right .image, .carousel-inner .item.animate_image.zoom_bottom_left .image, .carousel-inner .item.animate_image.zoom_bottom_right .image { position: absolute; top: -12%; left: -12%; background-position: center center; background-repeat: no-repeat; background-size: cover; width: 125%; height: 125%; -webkit-backface-visibility: hidden; /* to prevent glittering on slide change */ backface-visibility: hidden; } } @media only screen and (max-width: 1000px) { .carousel-inner .item.animate_image.zoom_center .image, .carousel-inner .item.animate_image.zoom_top_left .image, .carousel-inner .item.animate_image.zoom_top_right .image, .carousel-inner .item.animate_image.zoom_bottom_left .image, .carousel-inner .item.animate_image.zoom_bottom_right .image { transform: none !important; -webkit-transform: none !important; } } /* animate image - end */ .carousel-inner .item .image img { display: none !important; width: 0px; height: 0px; } .carousel-inner .item .image_pattern { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: 0 0; background-repeat: repeat; z-index: 2; } .carousel-control { top: 0px; width: 23%; color: #303030; font-size: 13px; height: 100%; background: none; text-shadow: none; position: absolute; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border: none; z-index: 2 !important; margin: 0px; outline: none; cursor: pointer; -webkit-transition: color 0.6s ease-in-out, opacity 0.3s ease-in-out; -moz-transition: color 0.6s ease-in-out, opacity 0.3s ease-in-out; -o-transition: color 0.6s ease-in-out, opacity 0.3s ease-in-out; -ms-transform: color 0.6s ease-in-out, opacity 0.3s ease-in-out; transition: color 0.6s ease-in-out, opacity 0.3s ease-in-out; } .carousel-control.right { right: 0; left: auto; } .carousel-control:hover { color: #303030; opacity: 1 !important; } .carousel-control.dark, .carousel-control.dark:hover { color: #fff; } .carousel-control .prev_nav, .carousel-control .next_nav { height: 54px; width: 54px; border: 2px solid #fff; line-height: 54px; font-size: 14px; position: absolute; top: 50%; margin-top: -27px; text-align: center; z-index: 10; -webkit-transition: opacity 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease-in-out; opacity: 0; -webkit-border-radius: 56px; -moz-border-radius: 56px; -ms-border-radius: 56px; -o-border-radius: 56px; border-radius: 56px; } @media only screen and (max-width: 1000px) { .carousel-control .prev_nav, .carousel-control .next_nav { margin-top: -27px !important; } } .carousel-control i { font-size: 30px; color: #fff; line-height: 54px; -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } .carousel-control.dark .prev_nav i, .carousel-control.dark .next_nav i { color: #000; } .carousel-control.light .prev_nav i, .carousel-control.light .next_nav i { color: #fff; } .carousel-control.dark .prev_nav, .carousel-control.dark .next_nav { border-color: #000; } .carousel-control.light .prev_nav, .carousel-control.light .next_nav { border-color: #fff; } .carousel-control .prev_nav { left: 23px; } .q_slider:hover .carousel-control .prev_nav { opacity: 1; } .carousel-control .next_nav { right: 23px; } .q_slider:hover .carousel-control .next_nav { opacity: 1; } .q_slider:hover .carousel-control .next_nav:hover, .q_slider:hover .carousel-control .prev_nav:hover { opacity: 1; } .carousel-control .thumb_holder { width: 150px; display: block; position: absolute; margin: -20px 0px 0px 0px; top: 50%; z-index: 9; } .carousel-control .thumb_holder .thumb_top { background-color: #fff; display: block; position: relative; } .carousel-control.dark .thumb_holder .thumb_top { background-color: #000; } .carousel-control.left .thumb_holder .thumb_top { -webkit-border-radius: 0px 3px 0px 0px; -moz-border-radius: 0px 3px 0px 0px; -ms-border-radius: 0px 3px 0px 0px; border-radius: 0px 3px 0px 0px; } .carousel-control.right .thumb_holder .thumb_top { -webkit-border-radius: 3px 0px 0px 0px; -moz-border-radius: 3px 0px 0px 0px; -ms-border-radius: 3px 0px 0px 0px; border-radius: 3px 0px 0px 0px; } .carousel-control.left .thumb_holder { left: -100%; -webkit-transition: left 0.2s ease-in-out; -moz-transition: left 0.2s ease-in-out; -o-transition: left 0.2s ease-in-out; -ms-transform: left 0.2s ease-in-out; transition: left 0.2s ease-in-out; -webkit-border-radius: 0px 3px 3px 0px; -moz-border-radius: 0px 3px 3px 0px; -ms-border-radius: 0px 3px 3px 0px; border-radius: 0px 3px 3px 0px; display: none; } .slider_thumbs .carousel-control.left:hover .thumb_holder { left: 0px; } .in_progress.slider_thumbs .carousel-control.left .thumb_holder { left: -100% !important; } .carousel-control.right .thumb_holder { right: -100%; -webkit-transition: right 0.2s ease-in-out; -moz-transition: right 0.2s ease-in-out; -o-transition: right 0.2s ease-in-out; -ms-transform: right 0.2s ease-in-out; transition: right 0.2s ease-in-out; -webkit-border-radius: 3px 0px 0px 3px; -moz-border-radius: 3px 0px 0px 3px; -ms-border-radius: 3px 0px 0px 3px; border-radius: 3px 0px 0px 3px; display: none; } .slider_thumbs .carousel-control.right:hover .thumb_holder { right: 0px; } .in_progress.slider_thumbs .carousel-control.right .thumb_holder { right: -100% !important; } .carousel-control.left .arrow_left { float: left; height: 40px; line-height: 40px; padding: 0px 0px 0px 15px; } .carousel-control.left .numbers { float: right; height: 40px; line-height: 40px; padding: 0px 20px 0px 0px; } .carousel-control.right .arrow_right { float: right; height: 40px; line-height: 40px; padding: 0px 15px 0px 0px; } .carousel-control.right .numbers { float: left; height: 40px; line-height: 40px; padding: 0px 0px 0px 20px; } .carousel-control .img_outer { top: 0px; clear: both; width: 150px; height: 47px; position: relative; display: block; overflow: hidden; margin: 0px 0px -2px 0px; } .carousel-control .img { top: -47px; width: 150px; height: 47px; position: relative; display: block; overflow: hidden; } .in_progress .carousel-control:hover .img { top: -47px !important; } .carousel-control:hover .img { top: 0px; -webkit-transition: top 0.2s ease-in-out 0.2s; -moz-transition: top 0.2s ease-in-out 0.2s; -o-transition: top 0.2s ease-in-out 0.2s; -ms-transform: top 0.2s ease-in-out 0.2s; transition: top 0.2s ease-in-out 0.2s; } .carousel-control.right .img { float: right; } .carousel-control .img img, .carousel-control .img .video { position: absolute; top: 0px; left: 0px; z-index: 2; } .carousel-control .img .video { left: -1px; } .carousel-control .img .old { z-index: 1; } @media only screen and (max-width: 1300px) { .carousel-control { width: 15%; } } @media only screen and (max-width: 1000px) { .carousel-control { width: 10%; } .carousel-control .prev_nav { left: 0px; opacity: 1; } .carousel-control.left .thumb_holder { display: none; } .carousel-control .next_nav { right: 0px; opacity: 1; } .carousel-control.right .thumb_holder { display: none; } } .touch .carousel-control { width: 10%; } .touch .carousel-control.left { background-position: 30px center !important; } .touch .carousel-control.left .thumb_holder { display: none; } .touch .carousel-control.right { background-position: 100% center !important; } .touch .carousel-control.right .thumb_holder { display: none; } /* old way responsiveness - start */ @media (max-width: 1200px) { .carousel:not(.advanced_responsiveness) .carousel-inner h2 { margin-top: 0; } .carousel:not(.advanced_responsiveness) .carousel-inner h2 span { font-size: 0.625em !important; line-height: 1.4em !important; } .carousel:not(.advanced_responsiveness) .carousel-inner .q_slide_subtitle span { font-size: 0.8em; } .carousel:not(.advanced_responsiveness) .carousel-inner h2 { line-height: inherit !important; } } @media (max-width: 1024px) { .carousel:not(.advanced_responsiveness) .carousel-inner { position: relative; } .carousel:not(.advanced_responsiveness) .carousel-inner .qbutton { font-size: 12px; line-height: 31px; height: 31px; } .carousel:not(.advanced_responsiveness) .carousel-inner .qbutton i { margin: 0px 0px 0px 20px; } } @media only screen and (max-height: 850px) { .full_screen:not(.advanced_responsiveness) .carousel-inner .slider_content { height: 35%; } } @media only screen and (max-width: 800px) { .carousel:not(.advanced_responsiveness) .carousel-inner .slider_content_outer { display: table; } .carousel:not(.advanced_responsiveness) .carousel-inner .slider_content .thumb { height: auto; } .carousel:not(.advanced_responsiveness) .carousel-inner .slider_content { display: table-cell; vertical-align: middle; position: static; top: 0 !important; left: 0 !important; } .carousel:not(.advanced_responsiveness) .carousel-inner h2.large span { font-size: 0.425em !important; } } @media (max-width: 768px) { .carousel:not(.advanced_responsiveness) .carousel-inner .qbutton { font-size: 11px; line-height: 27px; height: 27px; } .carousel:not(.advanced_responsiveness) .carousel-inner .qbutton i { margin: 0px 0px 0px 17px; } .carousel:not(.advanced_responsiveness) .carousel-inner h2.with_title_border span { padding: .3em 0.8em; } .carousel:not(.advanced_responsiveness) .carousel-control.left { left: 0; } .carousel:not(.advanced_responsiveness) .carousel-control.right { right: 0; } } @media only screen and (max-height: 600px) { .full_screen:not(.advanced_responsiveness) .carousel-inner .slider_content { height: 25%; } } @media (max-width: 567px) { .carousel:not(.advanced_responsiveness) .carousel-inner .qbutton { font-size: 10px; line-height: 23px; height: 23px; } .carousel:not(.advanced_responsiveness) .carousel-inner .qbutton i { margin: 0px 0px 0px 14px; } .carousel:not(.advanced_responsiveness) .carousel-inner p { line-height: 1.4em !important; } .carousel:not(.advanced_responsiveness) .carousel-control { display: none; } .carousel:not(.advanced_responsiveness) .carousel-inner h2.large span { font-size: .38em !important; } .carousel:not(.advanced_responsiveness) .carousel-inner h2 span { font-size: .525em !important; } } @media (max-width: 480px) { .carousel:not(.advanced_responsiveness) .carousel-inner h2.large span { font-size: .3em !important; } } @media (max-width: 320px) { .carousel:not(.advanced_responsiveness) .carousel-inner h2.large span { font-size: 0.2em !important; } .carousel:not(.advanced_responsiveness) .carousel-inner h2 span { font-size: 0.4em !important; line-height: 1em !important; } .carousel:not(.advanced_responsiveness) .carousel-inner p span { font-size: 60% !important; } .carousel:not(.advanced_responsiveness) .carousel-inner p { line-height: 1em !important; } .carousel:not(.advanced_responsiveness) .carousel-inner .qbutton { font-size: 9px; line-height: 20px; height: 20px; } .carousel:not(.advanced_responsiveness) .carousel-inner .qbutton i { margin: 0px 0px 0px 10px; } .carousel:not(.advanced_responsiveness) .carousel-inner h2.with_title_border { margin: 0 0 10px; } } /* old way responsiveness - end */ /* advanced responsiveness - start */ @media (max-width: 1200px) { .carousel.advanced_responsiveness .carousel-inner h2 { margin-top: 0; } } @media (max-width: 1000px) { .carousel.advanced_responsiveness .carousel-inner { position: relative; } .carousel.advanced_responsiveness .carousel-inner > .item { padding-top: 0px !important; } .carousel.advanced_responsiveness .carousel-control .prev_nav, .carousel.advanced_responsiveness .carousel-control .next_nav { margin-top: 0px !important; } .carousel.advanced_responsiveness .carousel-inner .slider_content_outer { display: table; box-sizing: border-box; display: table; padding: 0 5px; } .carousel.advanced_responsiveness .carousel-inner .slider_content .thumb { height: auto; } .carousel.advanced_responsiveness .carousel-inner .slider_content { display: table-cell; vertical-align: middle; position: static; top: 0 !important; left: 0 !important; } .carousel.advanced_responsiveness .carousel .carousel-inner .graphic_content { text-align: center; } } @media (max-width: 567px) { .carousel.advanced_responsiveness .carousel-control { display: none; } } @media (max-width: 350px) { .carousel.advanced_responsiveness .carousel-inner .slider_content_outer { width: 100% !important; } } /* advanced responsiveness - end */ .carousel-indicators li { background-color: #fff; opacity: 0.4; margin: 0px 3px; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transform: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } .carousel-indicators.dark li { background-color: #000; } .carousel-indicators .active { opacity: 1; margin: 0px 3px; } @-webkit-keyframes text-from-bottom { 0% { -webkit-transform: translate(0, 15%); opacity: 0; } 50% { -webkit-transform: translate(0, 15%); opacity: 0; } 100% { -webkit-transform: translate(0, 0); opacity: 1; } } @-moz-keyframes text-from-bottom { 0% { -moz-transform: translate(0, 15%); opacity: 0; } 50% { -moz-transform: translate(0, 15%); opacity: 0; } 100% { -moz-transform: translate(0, 0); opacity: 1; } } @-o-keyframes text-from-bottom { 0% { -o-transform: translate(0, 15%); opacity: 0; } 50% { -o-transform: translate(0, 15%); opacity: 0; } 100% { -o-transform: translate(0, 0); opacity: 1; } } @keyframes text-from-bottom { 0% { transform: translate(0, 15%); opacity: 0; } 50% { transform: translate(0, 15%); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; } } @-webkit-keyframes rotate { 0% { -webkit-transform: perspective(600px) rotateX(90deg) scale(0.5); opacity: 0; } 50% { -webkit-transform: perspective(600px) rotateX(90deg) scale(0.5); opacity: 0; } 100% { -webkit-transform: perspective(600px) rotateX(0deg) scale(1); opacity: 1; } } @-moz-keyframes rotate { 0% { -moz-transform: perspective(600px) rotateX(90deg) scale(0.5); opacity: 0; } 50% { -moz-transform: perspective(600px) rotateX(90deg) scale(0.5); opacity: 0; } 100% { -moz-transform: perspective(600px) rotateX(0deg) scale(1); opacity: 1; } } @-o-keyframes rotate { 0% { -o-transform: perspective(600px) rotateX(90deg) scale(0.5); opacity: 0.2; } 50% { -o-transform: perspective(600px) rotateX(90deg) scale(0.5); opacity: 0.2; } 100% { -o-transform: perspective(600px) rotateX(0deg) scale(1); opacity: 1; } } @keyframes rotate { 0% { transform: perspective(600px) rotateX(90deg) scale(0.5); opacity: 0; } 50% { transform: perspective(600px) rotateX(90deg) scale(0.5); opacity: 0; } 100% { transform: perspective(600px) rotateX(0deg) scale(1); opacity: 1; } } @-webkit-keyframes fade { 0% { opacity: 0; } 50% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fade { 0% { opacity: 0; } 50% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fade { 0% { opacity: 0; } 50% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade { 0% { opacity: 0; } 50% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes text-from-bottom-one-by-one { 0% { top: 70px; opacity: 0; } 50% { top: 45px; opacity: 0; } 100% { top: 0px; opacity: 1; } } @-moz-keyframes text-from-bottom-one-by-one { 0% { top: 70px; opacity: 0; } 50% { top: 45px; opacity: 0; } 100% { top: 0px; opacity: 1; } } @-o-keyframes text-from-bottom-one-by-one { 0% { top: 70px; opacity: 0; } 50% { top: 45px; opacity: 0; } 100% { top: 0px; opacity: 1; } } @keyframes text-from-bottom-one-by-one { 0% { top: 70px; opacity: 0; } 50% { top: 45px; opacity: 0; } 100% { top: 0px; opacity: 1; } } .carousel .video .mobile-video-image { background-position: center center; background-repeat: no-repeat; background-size: cover; display: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 10; } .carousel .video .video-overlay { height: 3000px; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; z-index: 11; } .carousel .video .video-overlay.active { background-image: url("img/pixel-video.png"); background-position: 0px 0px; background-repeat: repeat; opacity: 1; } .carousel .video .video-overlay img { display: none !important; } .carousel .video .video-wrap { top: 0px; left: 0px; overflow: hidden; position: absolute; width: 100%; z-index: 10; } .carousel .video .video-wrap .mejs-poster { background-size: cover !important; -moz-background-size: cover !important; -webkit-background-size: cover !important; -o-background-size: cover !important; } .carousel .video .video-wrap .mejs-container .mejs-controls { display: none !important; } .carousel .video .video-wrap .mejs-controls .mejs-button button:focus { outline: none !important; } .carousel .video .video-wrap .mejs-controls .mejs-time-rail .mejs-time-loaded { background-color: rgba(255, 255, 255, 0.18) !important; } .carousel .video .video-wrap .mejs-container { background-color: transparent !important; background-image: none !important; height: auto !important; } .carousel .video .video-wrap .mejs-mediaelement { background: none !important; border: 0px !important; } .carousel .video .video-wrap .mejs-container .mejs-poster img { max-width: none !important; width: 100% !important; } .carousel .video .video-wrap .mejs-controls button { opacity: 0.8; } .carousel .video .video-wrap .mejs-controls button:hover, .mejs-controls .mejs-fullscreen-button:hover button { opacity: 1 !important; } .carousel .video .video-wrap .mejs-controls .mejs-time-rail .mejs-time-total { background: #1f1f1f none repeat scroll 0 0 !important; } .carousel .video .video-wrap .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { background: transparent !important; } .carousel .item .text .separator { margin-top: 40px; margin-bottom: 40px; width: 68%; } .carousel .item .left .text .separator { margin-left: 0; } .carousel .item .right .text .separator { margin-right: 0; } /*** Custom cursor for slider navigation ***/ .q_slider .has_custom_cursor .prev_nav, .q_slider .has_custom_cursor .next_nav, .no-touch .q_slider .has_custom_cursor .carousel-indicators { display: none !important; } /*** Custom cursor for slider navigation end ***/ /* ==== Carousel Custom - End ==== */ /* ==== Portfolio Slider, Portfolio Single Slider - Start ==== */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus, .portfolio_slider .flex-container a:active, .portfolio_slider .flexslider a:active, .portfolio_slider .flex-container a:focus, .portfolio_slider .flexslider a:focus, .qode_carousels .flex-container a:active, .qode_carousels a:active, .qode_carousels .flex-container a:focus, .qode_carousels a:focus { outline: 0; } .portfolio_slides, .slides, .flex-control-nav, .flex-direction-nav, .caroufredsel-direction-nav { margin: 0; padding: 0; list-style: none; } .flexslider .slides > li { background-color: transparent; display: none; position: relative; margin: 0; } .caroufredsel_wrapper { cursor: grab !important; cursor: -moz-grab !important; cursor: -webkit-grab !important; margin: 0px !important; } .portfolio_slider .portfolio_slides, .qode_carousels .slides { opacity: 0; } .portfolio_slider .portfolio_slides > li, .qode_carousels .slides > li { background-color: transparent; position: relative; margin: 0; float: left; } .qode_carousels .slides > li { margin: 0 2px 0 0; } .flexslider .slides img, .portfolio_slider .portfolio_slides img, .qode_carousels .slides img { width: 100%; display: block; } .gallery_frame { width: 100%; height: 100%; position: absolute; top: 0; text-align: center; } .wpb_flexslider.flexslider.have_frame { width: 645px; margin: 0 auto; overflow: visible; } .frame_holder > .wpb_wrapper { padding: 34px 0 102px 0; position: relative; } .frame_holder.frame_holder2 > .wpb_wrapper { padding: 48px 0 75px 0; } .slides:after, .portfolio_slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides, html[xmlns] .portfolio_slides { display: block; } * html .slides, * html .portfolio_slides { height: 1%; } .no-js .slides > li:first-child, .no-js .portfolio_slides > li:first-child { display: block; } .flexslider, .portfolio_slider { margin: 0 0 60px; position: relative; zoom: 1; } .wpb_flexslider.flexslider { overflow: hidden; } .portfolio_slider { margin: 0; width: 100.2%; } .boxed .portfolio_slider { margin: 0 -25px 60px; overflow: hidden; } .flex-viewport, .portfolio_slider .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides, .portfolio_slider .portfolio_slides, .qode_carousels .slides { zoom: 1; } .flexslider ul { padding: 0; } .portfolio_slider .flex-direction-nav, .flexslider .flex-direction-nav { *height: 0; } .flex-direction-nav a, .caroufredsel-direction-nav a { width: 42px; height: 42px; line-height: 42px; margin: -23px 0 0; display: block; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-align: center; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; color: #8a8a8a; background-color: transparent; text-align: center; z-index: 200; border: 2px solid #fff; } .flex-direction-nav a { -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial; } .flexslider:hover .flex-direction-nav a.flex-prev:hover, .flexslider:hover .flex-direction-nav a.flex-next:hover, .portfolio_slider:hover .flex-direction-nav a.flex-prev:hover, .portfolio_slider:hover .flex-direction-nav a.flex-next:hover, .portfolio_slider:hover .caroufredsel-direction-nav a.caroufredsel-next:hover, .portfolio_slider:hover .caroufredsel-direction-nav a.caroufredsel-prev:hover, .blog_slider:hover .caroufredsel-direction-nav a.caroufredsel-next:hover, .blog_slider:hover .caroufredsel-direction-nav a.caroufredsel-prev:hover { background-color: #fff; } .flexslider:hover .flex-direction-nav a.flex-prev:hover i, .flexslider:hover .flex-direction-nav a.flex-next:hover i, .portfolio_slider:hover .flex-direction-nav a.flex-prev:hover i, .portfolio_slider:hover .flex-direction-nav a.flex-next:hover i, .portfolio_slider:hover .caroufredsel-direction-nav a.caroufredsel-next:hover i, .portfolio_slider:hover .caroufredsel-direction-nav a.caroufredsel-prev:hover i, .blog_slider:hover .caroufredsel-direction-nav a.caroufredsel-next:hover i, .blog_slider:hover .caroufredsel-direction-nav a.caroufredsel-prev:hover i { color: #8a8a8a; } .flex-direction-nav a i, .caroufredsel-direction-nav a i { line-height: 42px; color: #fff; font-size: 22px; } .have_frame .flex-direction-nav a i { display: none; } .flexslider .flex-next, .portfolio_slider .flex-next, .portfolio_slider .caroufredsel-next { right: 15px; -webkit-border-radius: 2em; -moz-border-radius: 2em; -ms-border-radius: 2em; border-radius: 2em; } .have_frame.flexslider .flex-next { right: -80px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; background-image: url("img/frame_arrow_right.png"); background-repeat: no-repeat; background-position: center center; width: 25px; height: 67px; border: none; } .have_frame.flexslider .flex-next:hover { background-color: transparent !important; background-image: url("img/frame_arrow_right_hover.png"); } .flexslider .flex-prev, .portfolio_slider .flex-prev, .portfolio_slider .caroufredsel-prev { left: 15px; -webkit-border-radius: 2em; -moz-border-radius: 2em; -ms-border-radius: 2em; border-radius: 2em; } .have_frame.flexslider .flex-prev { left: -80px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; background-image: url("img/frame_arrow_left.png"); background-repeat: no-repeat; background-position: center center; width: 25px; height: 67px; border: none; } .have_frame.flexslider .flex-prev:hover { background-color: transparent !important; background-image: url("img/frame_arrow_left_hover.png"); } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 150 / 100), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 160dpi) { .have_frame.flexslider .flex-prev { background-image: url("img/frame_arrow_left@1_5x.png"); -o-background-size: 25px 67px; -webkit-background-size: 25px 67px; -moz-background-size: 25px 67px; background-size: 25px 67px; } .have_frame.flexslider .flex-prev:hover { background-image: url("img/frame_arrow_left_hover@1_5x.png"); } .have_frame.flexslider .flex-next { background-image: url("img/frame_arrow_right@1_5x.png"); -o-background-size: 25px 67px; -webkit-background-size: 25px 67px; -moz-background-size: 25px 67px; background-size: 25px 67px; } .have_frame.flexslider .flex-next:hover { background-image: url("img/frame_arrow_right_hover@1_5x.png"); } } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 200 / 100), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 210dpi) { .have_frame.flexslider .flex-prev { background-image: url("img/frame_arrow_left@2x.png"); -o-background-size: 25px 67px; -webkit-background-size: 25px 67px; -moz-background-size: 25px 67px; background-size: 25px 67px; } .have_frame.flexslider .flex-prev:hover { background-image: url("img/frame_arrow_left_hover@2x.png"); } .have_frame.flexslider .flex-next { background-image: url("img/frame_arrow_right@2x.png"); -o-background-size: 25px 67px; -webkit-background-size: 25px 67px; -moz-background-size: 25px 67px; background-size: 25px 67px; } .have_frame.flexslider .flex-next:hover { background-image: url("img/frame_arrow_right_hover@2x.png"); } } .flex-direction-nav .flex-disabled { cursor: default; } .wpb_gallery .wpb_flexslider.flexslider .flex-control-nav { margin-top: 50px; text-align: center; } .wpb_gallery .wpb_flexslider.flexslider .flex-control-nav li { display: inline-block; width: 9px; height: 9px; margin: 0 5px; } .wpb_gallery .wpb_flexslider.flexslider .flex-control-nav li a { display: block; width: 100%; height: 100%; text-indent: -9999px; background-color: #cfcfcf; border-radius: 50%; } .wpb_gallery .wpb_flexslider.flexslider .flex-control-nav li a.flex-active { background-color: #303030; } .wpb_gallery .wpb_flexslider.flexslider.has_control_nav .flex-direction-nav a { -webkit-transform: translateY(-50px); transform: translateY(-50px); } .wpb_gallery .wpb_flexslider.flexslider.drag_enabled { cursor: e-resize; cursor: -webkit-grab; cursor: grab; } /* ==== Portfolio Slider, Portfolio Single Slider - End ==== */ /* ==== Qode Carousel Slider - Start ==== */ .qode_carousels .slides > li .first_image_holder, .qode_carousels .slides > li .second_image_holder { display: block; position: relative; width: 100%; opacity: 1; -webkit-transition: opacity 0.4s ease-in-out; -ms-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; } .qode_carousels .slides > li .second_image_holder { position: absolute; top: 0; left: 0; } .qode_carousels .slides > li .second_image_holder, .qode_carousels .slides > li .carousel_item_holder:hover .first_image_holder.has_hover_image { opacity: 0; } .qode_carousels .slides > li .carousel_item_holder:hover .second_image_holder.has_hover_image { opacity: 1; } .qode_carousels { padding: 0; position: relative; display: block; zoom: 1; } .qode_carousels_holder.two_rows .slides > li .carousel_item_holder { margin-bottom: 15px; position: relative; } .qode_carousels .flex-direction-nav { height: 0; display: none !important; } /* Control Nav */ .qode_carousels .flex-control-nav { width: 100%; text-align: center; position: absolute; bottom: -60px; } .qode_carousels .flex-control-nav li { margin: 0 3px; display: inline-block; zoom: 1; display: inline; } .qode_carousels .flex-control-paging li a { width: 9px; height: 9px; display: inline-block; border: 1px solid #eaeaea; background-color: #fff; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; } .qode_carousels .flex-control-paging li a.flex-active { background-color: #1abc9c; cursor: default; border: none; } .qode_carousels.gray .flex-control-paging li a.flex-active { cursor: default; } /* ==== Qode Carousel Slider - End ==== */ .wpb_row, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button { margin-bottom: 0 !important; } /* ========================================================================== Clients styles ========================================================================== */ .qode_clients .qode_client_holder { float: left; text-align: center; margin-bottom: 35px; } .qode_clients.two_columns .qode_client_holder { width: 50%; } .qode_clients.three_columns .qode_client_holder { width: 33.33%; } .qode_clients.four_columns .qode_client_holder { width: 25%; } .qode_clients.five_columns .qode_client_holder { width: 20%; } .qode_clients.six_columns .qode_client_holder { width: 16.66666666666667%; } .qode_clients .qode_client_holder_inner { position: relative; margin: 0 20px; } .qode_clients .qode_client_holder_inner:before, .qode_clients .qode_client_holder_inner:after { display: block; content: ""; position: absolute; } .qode_clients .qode_client_holder_inner:before { height: 100%; right: -20px; width: 1px; border-right: 1px solid #eaeaea; } .qode_clients .qode_client_holder_inner:after { width: 100%; bottom: -20px; height: 1px; border-bottom: 1px solid #eaeaea; } .qode_clients .qode_client_holder.border-bottom-none .qode_client_holder_inner:after { border-bottom: 0; } .qode_clients.two_columns .qode_client_holder:nth-child(2n) .qode_client_holder_inner:before, .qode_clients.three_columns .qode_client_holder:nth-child(3n) .qode_client_holder_inner:before, .qode_clients.four_columns .qode_client_holder:nth-child(4n) .qode_client_holder_inner:before, .qode_clients.five_columns .qode_client_holder:nth-child(5n) .qode_client_holder_inner:before, .qode_clients.six_columns .qode_client_holder:nth-child(6n) .qode_client_holder_inner:before { border-right-width: 0; } .qode_clients .qode_client_holder a { display: inline-block; vertical-align: middle; max-width: 100%; line-height: 0; -webkit-transition: opacity 0.6s ease-out; -moz-transition: opacity 0.6s ease-out; -o-transition: opacity 0.6s ease-out; -ms-transform: opacity 0.6s ease-out; transition: opacity 0.6s ease-out; } .qode_clients .qode_client_holder a:hover { opacity: 0.4; } /* ========================================================================== Animated icon with text styles ========================================================================== */ .animated_icons_with_text .animated_icon_with_text_holder { float: left; text-align: center; } .animated_icons_with_text.two_columns .animated_icon_with_text_holder { width: 50%; } .animated_icons_with_text.three_columns .animated_icon_with_text_holder { width: 33.33%; } .animated_icons_with_text.four_columns .animated_icon_with_text_holder { width: 25%; } .animated_icons_with_text.five_columns .animated_icon_with_text_holder { width: 20%; } .animated_icons_with_text.six_columns .animated_icon_with_text_holder { width: 16.66666666666667%; } .animated_icons_with_text .animated_icon_with_text_inner { position: relative; padding: 0px 20px; height: 85px; } .animated_icons_with_text .animated_icon_with_text_inner:before, .animated_icons_with_text .animated_icon_with_text_inner:after { display: block; content: ""; position: absolute; } .animated_icons_with_text .animated_icon_with_text_inner:before { height: 100%; right: 0px; width: 1px; border-right: 1px solid #f5f5f5; } .animated_icons_with_text .animated_icon_with_text_inner:after { width: 100%; bottom: 0px; height: 1px; border-bottom: 1px solid #f5f5f5; } .animated_icons_with_text .animated_icon_with_text_holder.border-bottom-none .animated_icon_with_text_inner:after { border-bottom: none; } .animated_icons_with_text.two_columns .animated_icon_with_text_holder:nth-child(2n) .animated_icon_with_text_inner:before, .animated_icons_with_text.three_columns .animated_icon_with_text_holder:nth-child(3n) .animated_icon_with_text_inner:before, .animated_icons_with_text.four_columns .animated_icon_with_text_holder:nth-child(4n) .animated_icon_with_text_inner:before, .animated_icons_with_text.five_columns .animated_icon_with_text_holder:nth-child(5n) .animated_icon_with_text_inner:before, .animated_icons_with_text.six_columns .animated_icon_with_text_holder:nth-child(6n) .animated_icon_with_text_inner:before { border-right-width: 0; } .animated_icon_holder { height: 100%; padding: 0 0 0 15px; display: block; width: 81px; float: left; position: relative; } .animated_icon { height: 100%; width: 100%; position: relative; } .animated_icon_inner span { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; backface-visibility: hidden; left: 0px; position: absolute; top: 0; -webkit-transition: 200ms ease-in; -moz-transition: 200ms ease-in; -o-transition: 200ms ease-in; transition: 200ms ease-in; } .animated_icon_inner span.animated_icon_back { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); } .animated_icon_with_text_holder:hover .animated_icon_inner span.animated_icon_back { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); } .animated_icon_with_text_holder:hover .animated_icon_inner span { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } .animated_icon_inner { height: 81px; width: 100%; position: absolute; left: 0px; top: 50%; margin: -41px 0 0 0; } .animated_icon_inner i { width: 77px; height: 77px; line-height: 77px; background: transparent; -o-border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; margin: 0; border: 2px solid #c0c0c0; color: #c0c0c0; font-size: 35px; } .animated_icon_inner span.animated_icon_back i { background-color: #1abc9c; color: #fff; border-color: #1abc9c; } .animated_icon_with_text_holder .animated_text_holder { text-align: left; width: 100%; height: 100%; } .animated_icon_with_text_holder .animated_text_holder_wrap { display: block; padding: 0 0 0 116px; height: 100%; } .animated_icon_with_text_holder .animated_text_holder_wrap_inner { width: 100%; height: 100%; position: relative; } .animated_text_holder_inner { position: absolute; left: 0; width: 100%; top: 0; overflow: hidden; height: 100%; } .animated_icon_with_text_holder .animated_title, .animated_icon_with_text_holder .animated_text { display: table; position: absolute; overflow: hidden; width: 100%; height: 100%; } .animated_icon_with_text_holder .animated_title_inner, .animated_icon_with_text_holder .animated_text p { display: table-cell; vertical-align: middle; } .animated_icon_with_text_holder .animated_title, .animated_icon_with_text_holder .animated_title_inner, .animated_icon_with_text_holder .animated_text, .animated_icon_with_text_holder .animated_text p { -webkit-transition: 200ms ease-in; -moz-transition: 200ms ease-in; -o-transition: 200ms ease-in; transition: 200ms ease-in; } .animated_icon_with_text_holder .animated_text { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } .animated_icon_with_text_holder .animated_text p { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .animated_icon_with_text_holder:hover .animated_text, .animated_icon_with_text_holder:hover .animated_text p { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: 350ms ease-out; -moz-transition: 350ms ease-out; -o-transition: 350ms ease-out; transition: 350ms ease-out; } .animated_icon_with_text_holder:hover .animated_title_inner { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); -webkit-transition: 350ms ease-out; -moz-transition: 350ms ease-out; -o-transition: 350ms ease-out; transition: 350ms ease-out; } .animated_icon_with_text_holder:hover .animated_title { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: 350ms ease-out; -moz-transition: 350ms ease-out; -o-transition: 350ms ease-out; transition: 350ms ease-out; } /* ========================================================================== Service table shorcode start styles ========================================================================== */ .service_table_holder { display: block; position: relative; border-color: #f6f6f6; border-width: 1px; border-style: none; } .service_table_inner { display: block; position: relative; list-style: none; margin: 0; padding: 0; } .service_table_inner ul { padding: 0 !important; } .service_table_inner li { display: block; margin: 0; padding: 0; list-style: none; text-align: center; border-bottom: 1px solid #f6f6f6; } .service_table_inner > li { background-color: #fff; } .service_table_inner li li { padding: 9px 20px; } .service_table_inner li:last-child { border-bottom: 0; } .service_table_inner li.service_table_title_holder { display: block; position: relative; padding: 31px 20px 20px; background-color: #fff; border: none; } .service_table_inner li.service_table_title_holder i { color: #1abc9c; } .service_table_title_inner { position: relative; display: table; width: 100%; height: 100%; text-align: center; } .service_table_title_inner2 { display: table-cell; width: 100%; height: 100%; padding: 20px 20px 25px; vertical-align: middle; } .service_table_inner li.service_table_title_holder.background_image_type { background-color: transparent !important; border: 0 !important; padding: 0; background-position: center center; background-repeat: no-repeat; background-size: cover; } .service_table_inner li.service_table_title_holder.background_color_type .service_table_title_inner2 { padding: 0; } .service_table_title_holder .service_title { display: block; } .service_table_title_holder i { display: block; line-height: 1em; padding: 33px 0 0; } /* ========================================================================== Service table shorcode end styles ========================================================================== */ /* ========================================================================== End Clients styles ========================================================================== */ .header_top_bottom_holder { position: relative; } .qode_search_form { background: none repeat scroll 0 0 #262626; color: #fff; margin: 0; overflow: hidden; width: 100%; height: 0px; position: absolute; top: 0; left: 0; } .qode_search_form .qode_icon_in_search { color: #959595; font-size: 13px; display: inline-block; padding: 0px 0px 0px 45px; float: left; line-height: 50px; } .qode_search_form input, .qode_search_form input:focus { background-color: #262626; border: medium none; box-shadow: none; color: #959595; display: inline-block; font-size: 13px; line-height: 20px; height: 20px; margin: 15px 0px; width: 90%; padding: 0px 45px 0px 10px; font-family: inherit; outline: none; outline-offset: 0px; -webkit-appearance: none; border-radius: 0; float: left; } .qode_search_form input:focus { outline-offset: 0px !important; } ::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder { color: #959595; margin: 10px 0px 0px 0px; } @media only screen and (max-width: 1200px) { .qode_search_form input { width: 80%; } } @media only screen and (max-width: 768px) { .qode_search_form input { width: 70%; } } @media only screen and (max-width: 500px) { .qode_search_form input { width: 65%; } } .qode_search_form .container_inner { position: relative; } .qode_search_form .container .qode_icon_in_search { padding: 0px; } .qode_search_form .container input { width: 90%; padding: 0px 0px 0px 10px; } .page_header .qode_search_form input[type=submit] { border: 0 none; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; padding: 0; position: absolute; width: 1px; visibility: hidden; } .qode_search_form .qode_search_close { color: #959595; font-size: 13px; position: absolute; line-height: 50px; height: 50px; top: 0px; right: 45px; } .qode_search_form .container .qode_search_close { right: 0px; } /* slide from header bottom */ .qode_search_form_2 { background: none repeat scroll 0 0 #f1f1f1; color: #fff; margin: 0; overflow: hidden; width: 100%; height: 100px; bottom: 0; position: absolute; transition: bottom 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53); -webkit-transition: bottom 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53); -moz-transition: bottom 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53); left: 0; opacity: 1; } .qode_search_form_2.animated { transition: bottom 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53), opacity 0s ease 0s; -webkit-transition: bottom 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53), opacity 0s ease 0s; -moz-transition: bottom 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53), opacity 0s ease 0s; left: 0; opacity: 1; } .qode_search_form_2 .container { z-index: auto; } .qode_search_form_2 .form_holder_outer { display: table; height: 100px; width: 100%; } .qode_search_form_2 .form_holder { display: table-cell; vertical-align: middle; position: relative; } .qode_search_form_2.animated .form_holder_outer { height: 100px; } .qode_search_form_2 .container_inner .form_holder { padding: 0px; } .qode_search_form_2 .form_holder { padding: 0 45px; } .qode_search_form_2 input, .qode_search_form_2 input:focus { background-color: transparent; border: medium none; box-shadow: none; color: #9d9d9d; font-size: 15px; font-weight: 600; display: inline-block; vertical-align: middle; width: 90%; padding: 0; font-family: inherit; outline: none; outline-offset: 0px; -webkit-appearance: none; border-radius: 0; text-transform: uppercase; } .qode_search_form_2 input:focus { outline-offset: 0px !important; } .qode_search_form_2 .qode_search_submit { width: auto; cursor: pointer; font-size: 50px; position: absolute; right: 45px; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); transition: color 0.4s ease; -webkit-transition: color 0.4s ease; -moz-transition: color 0.4s ease; color: #696969; padding: 0 0 0 1px; } .qode_search_form_2 .container_inner .qode_search_submit { right: 0; } .qode_search_form_2 .qode_search_submit:hover { color: #1abc9c; } .qode_search_form_2.disabled .qode_search_submit, .qode_search_form_2.disabled .qode_search_submit:hover { cursor: default; color: #959595; } /* search covers header */ .qode_search_form_3 { display: none; color: #fff; position: absolute; top: 0; left: 0; width: 100%; z-index: 115; background: #fff; } .admin-bar .qode_search_form_3 { padding-top: 33px; } .qode_search_form_3 .form_holder_outer { display: table; width: 100%; height: 100%; } .qode_search_form_3 .form_holder { display: table-cell; vertical-align: middle; padding: 0px 45px; position: relative; font-size: 0; } .qode_search_form_3 .container_inner .form_holder { padding: 0px; font-size: 0; } .qode_search_form_3 input, .qode_search_form_3 input:focus { background-color: transparent; border: medium none; box-shadow: none; color: #9d9d9d; font-size: 15px; font-weight: 600; display: inline-block; width: 90%; padding: 0; font-family: inherit; outline: none; outline-offset: 0px; -webkit-appearance: none; border-radius: 0; vertical-align: middle; text-transform: uppercase; margin: 0; } .qode_search_form_3 input:focus { outline-offset: 0px !important; } .qode_search_form_3 input[type="submit"] { border: 0 none; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; padding: 0; position: absolute; width: 1px; visibility: hidden; } .qode_search_form_3 .qode_search_close { font-size: 34px; line-height: 1em; position: relative; display: inline-block; vertical-align: middle; text-align: right; width: 10%; right: -1%; } .qode_search_form_3 .container_inner .qode_search_close { right: 0; } .qode_search_form_3 .qode_search_close a { color: #9d9d9d; display: inline-block; } .qode_search_form_3 .qode_search_close a:hover { color: #1abc9c; } ::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder { color: #959595; margin: 10px 0px 0px 0px; } .qode_search_form_3 .qode_search_close a i { vertical-align: top; } /* insert end */ /*----------------------FULLSCREEN SEARCH style start--------------------------*/ .side_menu_button { position: relative; } .fullscreen_search_holder { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 105; opacity: 0; } .fullscreen_search_table { display: table; width: 100%; height: 100%; } .fullscreen_search_cell { display: table-cell; vertical-align: middle; width: 100%; height: 100%; text-align: center; } .fullscreen_search_holder .search_label { font-size: 30px; line-height: 1em; color: #a1a1a1; vertical-align: bottom; font-family: inherit; margin-right: 5px; } .fullscreen_search_holder .field_holder { width: 30%; display: inline-block; vertical-align: bottom; position: relative; border-bottom: 1px solid #a1a1a1; } .fullscreen_search_holder .field_holder .line { position: absolute; bottom: -1px; left: 0; height: 1px; width: 0; background-color: #1abc9c; -webkit-transition: width 0.4s ease; transition: width 0.4s ease; } .fullscreen_search_holder .search_field { width: 100%; border-left: none; border-top: none; border-right: none; border-bottom: none; background: transparent; outline: none; height: 100%; font-size: 25px; color: #9d9d9d; line-height: 1em; position: relative; font-family: inherit; } .fullscreen_search_holder .search_submit { border: none; background: transparent; outline: none; width: auto; cursor: pointer; font-family: 'FontAwesome'; font-size: 20px; line-height: 1em; -webkit-transition: color 0.2s ease; transition: color 0.2s ease; color: #a1a1a1; } .fullscreen_search_holder .search_submit:hover { color: #1abc9c; } .fullscreen_search_holder .search_close_holder { float: right; } .fullscreen_search_holder .close_container { position: absolute; left: 0; top: 0; width: 100%; } .fullscreen_search_holder .close_container a { opacity: 0; visibility: hidden; -webkit-transition: opacity 0.2s ease, color 0.2s ease; transition: opacity 0.2s ease, color 0.2s ease; } .fullscreen_search_holder .close_container a:hover { color: #1abc9c; } .fullscreen_search_holder .close_container .search_close_holder { margin-right: 45px; } .fullscreen_search_holder .close_container .container_inner .search_close_holder { margin-right: 0px; } /*---Fulscreen search FROM CIRCLE style---*/ .fullscreen_search_overlay { position: absolute; width: 2000px; height: 2000px; margin-top: -1000px; margin-left: -1000px; top: 50%; left: 0; border-radius: 100%; opacity: 0; z-index: 99; -ms-transform-origin: 50%; -webkit-transform-origin: 50%; transform-origin: 50%; -ms-transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); background-color: rgba(255, 255, 255, 0.98); -webkit-backface-visibility: hidden; backface-visibility: hidden; -ms-transition: -ms-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1); } .fullscreen_search_overlay.animate { -ms-transform: scale(3); -moz-transform: scale(3); -o-transform: scale(3); -webkit-transform: scale(3); transform: scale(3); opacity: 1; } .fullscreen_search_holder.from_circle { -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; display: none; opacity: 0; visibility: visible; z-index: 111; } .paspartu_enabled.paspartu_on_top_fixed .fullscreen_search_holder.from_circle { z-index: 203; } /*---Fulscreen search FADE style---*/ .fullscreen_search_holder.fade { visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; opacity: 0; background-color: rgba(255, 255, 255, 0.98); z-index: 111; } .paspartu_enabled.paspartu_on_top_fixed .fullscreen_search_holder.fade { z-index: 203; } .search_fade_out .fullscreen_search_holder.fade { -webkit-animation: search_fade_out .25s linear both; animation: search_fade_out .25s linear both; } .search_fade_in .fullscreen_search_holder.fade.animate { -webkit-animation: search_fade_in .25s linear both; animation: search_fade_in .25s linear both; } .fullscreen_search_holder.fade.animate .fullscreen_search_close { opacity: 1; visibility: visible; } @-webkit-keyframes search_fade_out { 0% { opacity: 1; visibility: visible; } 100% { opacity: 0; visibility: hidden; } } @keyframes search_fade_out { 0% { opacity: 1; visibility: visible; } 100% { opacity: 0; visibility: hidden; } } @-webkit-keyframes search_fade_in { 0% { opacity: 0; visibility: hidden; } 100% { opacity: 1; visibility: visible; } } @keyframes search_fade_in { 0% { opacity: 0; visibility: hidden; } 100% { opacity: 1; visibility: visible; } } /*----------------Search styles end---------------------*/ /****** Cover Boxes start style *******/ .cover_boxes { position: relative; overflow: hidden; } .cover_boxes ul { list-style: none; margin: 0px -20px 0px 0px; padding: 0px; width: 200%; } .cover_boxes ul li { float: left; margin-right: 20px; overflow: hidden; position: relative; width: 265px; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .cover_boxes ul li.act { width: 530px; } .cover_boxes ul li .box { width: 530px; } .cover_boxes ul li .box .thumb { display: inline-block; float: left; margin-right: 20px; position: relative; z-index: 10; width: 265px; } .cover_boxes ul li .box .thumb img { display: block; position: relative; max-width: 100%; } .cover_boxes ul li .box .box_content { bottom: 0px; left: 285px; position: absolute; padding: 0px 0px 0px 0px; width: 245px; z-index: 9; top: 0; } .cover_boxes ul li .box h3 { margin: 0px 0px 18px 0px; } .cover_boxes ul li .box .qbutton, .cover_boxes ul li .box h5 { margin: 20px 0px 0px 0px; } @media only screen and (min-width: 1301px) { .qode_grid_1200 .cover_boxes ul li { width: 290px; } .qode_grid_1200 .cover_boxes ul li.act { width: 580px; } .qode_grid_1200 .cover_boxes ul li .box { width: 580px; } .qode_grid_1200 .cover_boxes ul li .box .thumb { width: 290px; } .qode_grid_1200 .cover_boxes ul li .box .box_content { width: 270px; left: 310px; } } @media only screen and (min-width: 1401px) { .qode_grid_1300 .cover_boxes ul li { width: 315px; } .qode_grid_1300 .cover_boxes ul li.act { width: 630px; } .qode_grid_1300 .cover_boxes ul li .box { width: 630px; } .qode_grid_1300 .cover_boxes ul li .box .thumb { width: 315px; } .qode_grid_1300 .cover_boxes ul li .box .box_content { width: 295px; left: 335px; } } /********* Cover Boxes end style **********/ /* ========================================================================== Qode circles styles ========================================================================== */ .q_circles_holder { position: relative; display: inline-block; width: 100%; clear: both; list-style: none; margin: 0; padding: 0; } .q_circles_holder:before { position: absolute; left: 80px; display: block; width: 85%; height: 0; border-top: 1px solid #eaeaea; content: ""; } .q_circles_holder.three_columns:before { top: 115px; } .q_circles_holder.four_columns:before { top: 90px; } .q_circles_holder.five_columns:before { top: 82px; } .q_circles_holder.no_line:before { display: none; border: 0; height: 0; width: 0; } .q_circles_holder .q_circle_outer { position: relative; float: left; padding: 0; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; } .q_circles_holder.three_columns .q_circle_outer { width: 33.3%; } .q_circles_holder.four_columns .q_circle_outer { width: 25%; } .q_circles_holder.five_columns .q_circle_outer { width: 20%; } .q_circles_holder .q_circle_inner { position: relative; display: table; vertical-align: middle; text-align: center; margin: 0 auto; } .q_circles_holder.three_columns .q_circle_inner { width: 230px; height: 230px; } .q_circles_holder.four_columns .q_circle_inner { width: 180px; height: 180px; } .q_circles_holder.five_columns .q_circle_inner { width: 161px; height: 161px; } .q_circles_holder.five_columns .q_circle_inner.big_border { width: 177px; height: 177px; } .q_circles_holder .q_circle_inner2 { position: relative; display: table-cell; width: 100%; height: 100%; vertical-align: middle; text-align: center; background-color: #e3e3e3; border: 1px solid #f0f0f0; border-radius: 1000px; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -o-border-radius: 1000px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; overflow: hidden; } .q_circles_holder .q_circle_inner2 img { display: block; width: 100%; border-radius: 1000px; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -o-border-radius: 1000px; } .q_circles_holder .q_circle_inner2 i, .q_circles_holder .q_circle_inner2, .q_circles_holder .q_circle_inner2 .q_text_in_circle { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .q_circles_holder .q_circle_inner2 i { color: #b9b9b9; } .q_circles_holder .q_circle_inner2:hover { background-color: #1abc9c !important; border-color: #1abc9c !important; } .q_circles_holder .q_circle_inner2:hover i, .q_circles_holder .q_circle_inner2:hover .q_text_in_circle { color: #fff !important; } .q_circles_holder .q_circle_text_holder { display: block; text-align: center; margin: 36px 0 0; padding: 0 10px; } .q_circles_holder .q_circle_text_holder .q_circle_text { display: block; margin: 7px 0 0; } /* ========================================================================== End of Qode circles styles ========================================================================== */ /******** Content Menu - Start ********/ nav.content_menu { position: relative; text-align: left; display: block; z-index: 1001; background-color: #ffffff; -webkit-transform: translateZ(0px); width: 100%; -webkit-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); -moz-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); -o-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); -ms-transform: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1); } .full_width nav.content_menu.fixed { left: 0; } .right_side_menu_opened .full_width nav.content_menu.fixed { left: -270px; } .container_inner nav.content_menu { width: 1100px; } .container_inner nav.content_menu.fixed { -moz-box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.11); -webkit-box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.11); box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.11); } nav.content_menu ul { width: 1100px; margin: 0px auto; position: relative; list-style: none outside none; padding: 0px; text-align: center; -webkit-backface-visibility: hidden; } nav.content_menu ul li { display: inline-block; padding: 0px; text-align: center; position: relative; -webkit-backface-visibility: hidden; } nav.content_menu ul li .arrow { background-image: url("img/content_menu_arrow.png"); background-position: 0px 0px; background-repeat: no-repeat; display: none; width: 11px; height: 7px; position: absolute; left: 50%; margin: -1px 0px 0px -5px; -webkit-backface-visibility: hidden; } nav.content_menu.fixed ul li.active .arrow { display: none; } nav.content_menu ul li a { color: #c3c3c3; font-size: 13px; text-decoration: none; display: inline-block; position: relative; cursor: pointer; padding: 21px 20px; margin: 0px; } nav.content_menu ul li a span { display: block; width: 100%; text-transform: uppercase; letter-spacing: 1px; line-height: 18px; padding: 12px 0 0 0; font-weight: 600; } nav.content_menu ul li i { color: #c3c3c3; margin: 4px 0px 0px 0px; font-size: 24px; line-height: 1em; display: block; } nav.content_menu ul li i.undefined { display: none; } nav.content_menu ul li.active:hover i, nav.content_menu ul li:hover i, nav.content_menu ul li.active:hover a, nav.content_menu ul li:hover a { color: #1abc9c; } nav.content_menu ul li.active i, nav.content_menu ul li.active a { color: #303030; } nav.content_menu .nav_select_menu { display: none; border: 1px solid #eaeaea; } nav.content_menu .nav_select_menu .nav_select_button { cursor: pointer; display: block; height: 40px; position: relative; width: 40px; line-height: 40px; text-align: center; float: right; } nav.content_menu .nav_select_menu ul { display: none; border: 0px; width: 100%; position: relative; top: 0px; text-align: left; padding: 0px 0px 10px 0px; float: left; z-index: 100; zoom: 1; } nav.content_menu .nav_select_menu ul li { display: block; border: 0px; float: none; padding: 0px; margin: 0px; text-align: left; position: relative; -webkit-backface-visibility: hidden; } nav.content_menu .nav_select_menu ul li a { line-height: 30px; } nav.content_menu .nav_select_menu ul li a i { width: 12px; text-align: center; } .boxed nav.content_menu.fixed { padding: 0px; width: 1100px; } /******** Content Menu - End ********/ /******** Visual Composer - Start ********/ .section_inner_margin, .parallax_section_inner_margin { margin-left: -15px; margin-right: -15px; } /******** Visual Composer - End ********/ /* ========================================================================== Contact form 7 styles ========================================================================== */ .wpcf7 form.wpcf7-form p { margin-bottom: 20px; } input.wpcf7-form-control.wpcf7-text, input.wpcf7-form-control.wpcf7-number, input.wpcf7-form-control.wpcf7-date, textarea.wpcf7-form-control.wpcf7-textarea, select.wpcf7-form-control.wpcf7-select { width: 100%; } input.wpcf7-form-control.wpcf7-text, input.wpcf7-form-control.wpcf7-number, input.wpcf7-form-control.wpcf7-date, textarea.wpcf7-form-control.wpcf7-textarea, select.wpcf7-form-control.wpcf7-select, input.wpcf7-form-control.wpcf7-quiz { display: block; margin: 5px 0 0; padding: 15px; border: 0; border-radius: 0; outline: 0; resize: none; font-size: 13px; line-height: 17px; background-color: #fff; color: #818181; font-family: 'Raleway'; font-weight: 400; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; } input.wpcf7-form-control.wpcf7-quiz { margin-left: 15px; } span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-checkbox input[type="checkbox"], span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-radio input[type="radio"] { position: relative; top: 2px; } span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-checkbox input[type="checkbox"] { margin-left: 5px; } input.wpcf7-form-control.wpcf7-submit { position: relative; display: inline-block; width: auto; height: 39px; line-height: 36px; margin: 0; padding: 0px 23px; font-size: 13px; font-weight: 700; font-family: 'Raleway', sans-serif; text-align: left; text-decoration: none; cursor: pointer; white-space: nowrap; outline: none; font-style: normal; text-transform: uppercase; letter-spacing: 1px; -o-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; text-shadow: none; background-color: transparent; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -ms-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial; } input.wpcf7-form-control.wpcf7-submit[disabled] { color: #818181; border: 2px solid #818181; cursor: not-allowed; } input.wpcf7-form-control.wpcf7-submit:not([disabled]) { border: 2px solid #303030; color: #303030; } input.wpcf7-form-control.wpcf7-submit:not([disabled]):hover { background-color: #1abc9c; border-color: #1abc9c; color: #fff; text-decoration: none; } input.wpcf7-form-control.wpcf7-range { width: 100%; } div.wpcf7-response-output { position: relative; padding: 17px 30px 17px 55px; color: #fff; text-transform: uppercase; font-weight: 500; margin-left: 0; margin-right: 0; font-weight: 500; font-size: 15px; text-transform: uppercase; letter-spacing: 1px; border: none; } div.wpcf7-response-output:before { font-family: 'FontAwesome', sans-serif; width: 20px; height: 20px; display: inline-block; color: #fff; position: absolute; left: 25px; } div.wpcf7-response-output.wpcf7-mail-sent-ok { background-color: #1abc9c; } div.wpcf7-response-output.wpcf7-mail-sent-ok:before { content: "\f087"; } div.wpcf7-response-output.wpcf7-validation-errors { background-color: #f1c40f; } div.wpcf7-response-output.wpcf7-validation-errors:before { content: "\f12a"; } .two_columns_form_without_space, .two_columns_form_with_space { display: table; } .two_columns_form_with_space input.wpcf7-form-control.wpcf7-text, .two_columns_form_without_space input.wpcf7-form-control.wpcf7-text { margin: 0; } .two_columns_form_without_space .column_left { display: table-cell; vertical-align: top; } .two_columns_form_without_space .column_right { display: table-cell; width: 1%; text-align: left; vertical-align: top; } .two_columns_form_with_space .column_left { display: table-cell; vertical-align: top; padding-right: 5px; } .two_columns_form_with_space .column_right { display: table-cell; width: 1%; vertical-align: top; padding-left: 5px; } /* ========================================================================== End Contact form 7 styles ========================================================================== */ /* ========================================================================== Gravity forms styles ========================================================================== */ body .gform_wrapper .gform_fields .gfield { margin: 0 0 20px 0; } body .gform_wrapper .gf_progressbar_percentage, body .gform_wrapper .gf_step, body .gform_wrapper .gf_step span.gf_step_number, body .gform_wrapper .gfield_description, body .gform_wrapper input[type=text], body .gform_wrapper input[type=url], body .gform_wrapper input[type=email], body .gform_wrapper input[type=tel], body .gform_wrapper input[type=number], body .gform_wrapper input[type=password], body .gform_wrapper textarea, body .gform_wrapper input[type="button"], body .gform_wrapper input[type="submit"], body .gform_wrapper input[type="reset"], body .gform_wrapper .chzn-container .chzn-single, body .gform_wrapper .chzn-container-single .chzn-single, body .gform_wrapper select { font-family: 'Raleway', sans-serif; } body .gform_wrapper .gf_progressbar, body .gform_wrapper .chzn-container .chzn-single, body .gform_wrapper .chzn-container-single .chzn-single, body .gform_wrapper .chzn-container-single .chzn-drop, body .gform_wrapper .chzn-container-multi .chzn-drop, body .gform_wrapper .chzn-container-active .chzn-single, body .gform_wrapper .chzn-container-active .chzn-choices { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } body .gform_wrapper .gf_progressbar, body .gform_wrapper .chzn-container .chzn-single, body .gform_wrapper .chzn-container-single .chzn-single, body .gform_wrapper input[type=text], body .gform_wrapper input[type=url], body .gform_wrapper input[type=email], body .gform_wrapper input[type=tel], body .gform_wrapper input[type=number], body .gform_wrapper input[type=password], body .gform_wrapper textarea, body .gform_wrapper .chzn-container-single .chzn-single div, body .gform_wrapper .chzn-container-single .chzn-single b, body .gform_wrapper .chzn-container .chzn-drop, body .gform_wrapper .chzn-choices, body .gform_wrapper .chzn-container-multi .chzn-choices, body .gform_wrapper li.gfield.gfield_error, body .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning, body .gform_wrapper select { border: 0; } body .gform_wrapper .gf_progressbar, body .gform_wrapper .chzn-container .chzn-single, body .gform_wrapper .chzn-container-single .chzn-single { background-image: none; } body .gform_wrapper .top_label .gfield_label, body .gform_wrapper input[type=text], body .gform_wrapper input[type=url], body .gform_wrapper input[type=email], body .gform_wrapper input[type=tel], body .gform_wrapper input[type=number], body .gform_wrapper input[type=password], body .gform_wrapper textarea, body .gform_wrapper .ginput_left input:focus + label, body .gform_wrapper .ginput_right input:focus + label, body .gform_wrapper .ginput_full input:focus + label, body .gform_wrapper table.gfield_list thead th { font-weight: 400; } body .gform_wrapper .charleft { margin-top: 0; } body .gform_wrapper .gfield_description { padding: 5px 0 0 0; } body .gform_wrapper input[type=text], body .gform_wrapper input[type=url], body .gform_wrapper input[type=email], body .gform_wrapper input[type=tel], body .gform_wrapper input[type=number], body .gform_wrapper input[type=password], body .gform_wrapper textarea, body .gform_wrapper select, body .gform_wrapper.gf_browser_chrome .ginput_complex select, body .gform_wrapper.gf_browser_chrome .ginput_complex .ginput_right select { padding: 15px; outline: 0; resize: none; box-sizing: border-box; } body .gform_wrapper input[type=text], body .gform_wrapper input[type=url], body .gform_wrapper input[type=email], body .gform_wrapper input[type=tel], body .gform_wrapper input[type=number], body .gform_wrapper input[type=password], body .gform_wrapper textarea, body .gform_wrapper input[type="button"], body .gform_wrapper input[type="submit"], body .gform_wrapper input[type="reset"], body .gform_wrapper .chzn-container .chzn-single, body .gform_wrapper .chzn-container-single .chzn-single, body .gform_wrapper select { font-size: 13px; } body .gform_wrapper input[type=text], body .gform_wrapper input[type=url], body .gform_wrapper input[type=email], body .gform_wrapper input[type=tel], body .gform_wrapper input[type=number], body .gform_wrapper input[type=password], body .gform_wrapper textarea, body .gform_wrapper .chzn-container .chzn-single, body .gform_wrapper .chzn-container-single .chzn-single { line-height: 17px; } body .gform_wrapper input[type=text], body .gform_wrapper input[type=url], body .gform_wrapper input[type=email], body .gform_wrapper input[type=tel], body .gform_wrapper input[type=number], body .gform_wrapper input[type=password], body .gform_wrapper textarea, body .gform_wrapper input[type=text], body .gform_wrapper input[type=url], body .gform_wrapper input[type=email], body .gform_wrapper input[type=tel], body .gform_wrapper input[type=number], body .gform_wrapper input[type=password], body .gform_wrapper .chzn-container .chzn-single, body .gform_wrapper .chzn-container-single .chzn-single, body .gform_wrapper .chzn-container-single .chzn-single b { background-color: #ffffff; } body .gform_wrapper input[type=text], body .gform_wrapper input[type=url], body .gform_wrapper input[type=email], body .gform_wrapper input[type=tel], body .gform_wrapper input[type=number], body .gform_wrapper input[type=password], body .gform_wrapper textarea, body .gform_wrapper .chzn-container-single .chzn-single span, body .gform_wrapper select { color: #818181; } body .gform_wrapper input[type=text], body .gform_wrapper input[type=url], body .gform_wrapper input[type=email], body .gform_wrapper input[type=tel], body .gform_wrapper input[type=number], body .gform_wrapper input[type=password], body .gform_wrapper textarea, body .gform_wrapper .chzn-container, body .gform_wrapper select { margin: 5px 0 0; } body .gform_wrapper input[type="button"], body .gform_wrapper input[type="submit"], body .gform_wrapper input[type="reset"] { position: relative; display: inline-block; width: auto; height: 39px; line-height: 36px; margin: 0; padding: 0px 23px; border: 2px solid #303030; font-weight: 700; text-align: left; color: #303030; text-decoration: none; cursor: pointer; white-space: nowrap; outline: none; font-style: normal; text-transform: uppercase; letter-spacing: 1px; -o-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; text-shadow: none; background-color: transparent; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -ms-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; } body .gform_wrapper input[type="button"]:hover, body .gform_wrapper input[type="submit"]:hover, body .gform_wrapper input[type="reset"]:hover { background-color: #1abc9c; border-color: #1abc9c; color: #ffffff; text-decoration: none; } body .gform_wrapper .chzn-container .chzn-single, body .gform_wrapper .chzn-container-single .chzn-single { height: auto; padding: 15px 2%; } body .gform_wrapper .chzn-container-single .chzn-single div b { background-position: -18px 10px; } body .gform_wrapper .chzn-container-single .chzn-single-with-drop div b { background-position: -1px 10px; } body .gform_wrapper .chzn-container-single .chzn-search input { border: 1px solid #aaaaaa; } body .gform_wrapper .chzn-choices { background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ffffff), color-stop(0, #ffffff)) !important; } body .gform_wrapper .chzn-choices .search-field .default { padding-left: 10%; } body .gform_wrapper .chzn-container-multi .chzn-choices .search-field input { padding: 15px; } body .gform_wrapper div.validation_error, body .gform_wrapper .gform_confirmation_message { position: relative; padding: 17px 30px 17px 30px; color: #fff; text-transform: uppercase; margin-left: 0; margin-right: 0; font-weight: 500; font-size: 15px; text-transform: uppercase; letter-spacing: 1px; border: none; } body .gform_wrapper div.validation_error { background-color: #f1c40f; } body .gform_wrapper .gform_confirmation_message { background-color: #1abc9c; } body .gform_wrapper .ginput_complex .name_prefix, body .gform_wrapper .ginput_complex .name_suffix, body .gform_wrapper input.ginput_quantity { width: 60px !important; } body .gform_wrapper .datepicker { width: 105px !important; } body .gform_wrapper .gfield_time_ampm select { min-width: 80px; } body .gform_wrapper .gfield_time_hour { vertical-align: middle; } body .gform_wrapper .button.gform_button_select_files { height: 31px; line-height: 24px; padding: 0 9px; font-size: 12px; margin-left: 10px; } /* ========================================================================== End Gravity forms styles ========================================================================== */ /* ========================================================================== Popup menu start styles ========================================================================== */ .popup_menu_inner { display: inline-block; height: 2px; position: relative; top: -1px; vertical-align: middle; width: 20px; position: relative; width: 20px; } .popup_menu_widget_holder { position: relative; display: block; text-align: center; margin: 20px 0 0; } .popup_menu .line { background-color: #9D9D9D; height: 2px; margin: 0px; width: 13px; top: 0px; left: 0px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transform: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: absolute; display: inline-block; } .popup_menu .line:after, .popup_menu .line:before { background-color: #9D9D9D; content: ""; display: block; height: 2px; position: absolute; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transform: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; width: 13px; z-index: -1; -webkit-backface-visibility: hidden; /*because X sign jumps on hover in Chrome*/ } @media only screen and (min-width: 1000px) { .dark:not(.sticky):not(.scrolled) .popup_menu:not(.opened) .line, .dark:not(.sticky):not(.scrolled) .popup_menu:not(.opened) .line:before, .dark:not(.sticky):not(.scrolled) .popup_menu:not(.opened) .line:after, .dark.header_style_on_scroll .popup_menu:not(.opened) .line, .dark.header_style_on_scroll .popup_menu:not(.opened) .line:before, .dark.header_style_on_scroll .popup_menu:not(.opened) .line:after { background-color: #000; } .light:not(.sticky):not(.scrolled) .popup_menu:not(.opened) .line, .light:not(.sticky):not(.scrolled) .popup_menu:not(.opened) .line:before, .light:not(.sticky):not(.scrolled) .popup_menu:not(.opened) .line:after, .light.header_style_on_scroll .popup_menu:not(.opened) .line, .light.header_style_on_scroll .popup_menu:not(.opened) .line:before, .light.header_style_on_scroll .popup_menu:not(.opened) .line:after { background-color: #fff; } } .popup_menu .line:before { top: -4px; } .popup_menu .line:after { top: 4px; } .side_menu_button .popup_menu:hover { opacity: 0.8; } .popup_menu.opened .line { background-color: transparent !important; } .popup_menu.opened .fa-bars:before { content: "\f00d"; } .popup_menu.opened .icon_menu:before { content: "\4d"; } .popup_menu.opened .line:after { background-color: #ffffff; top: 0 !important; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .popup_menu.opened .line:before { background-color: #ffffff; top: 0 !important; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .popup_menu_holder_outer { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; visibility: hidden; opacity: 0; z-index: 105; /* this have to be between header z-index and content z-index */ } .popup_menu_holder { width: 100%; height: 100%; background-color: rgba(48, 48, 48, 0.95); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; display: table; } .popup_menu_holder_inner { display: table-cell; vertical-align: middle; padding: 100px 0px; } .popup_menu_opened .main_menu, .popup_menu_opened .side_menu_button a:not(.popup_menu), .popup_menu_opened #back_to_top, .popup_menu_opened .header_top, .popup_menu_opened header .tooltip, .popup_menu_opened .mobile_menu_button, .popup_menu_opened .fixed_top_header .header_bottom_center_widget, .popup_menu_opened .header_bottom_right_widget_holder { visibility: hidden !important; } .popup_menu_opened .header_bottom .container_inner { border: none !important; } .popup_menu_opened .side_menu_button .shopping_cart_header { display: none; } .popup_menu_opened .popup_menu_holder_outer { visibility: visible; opacity: 1; } .touch .popup_menu_holder_outer { display: none; } .touch .popup_menu_opened .popup_menu_holder_outer { display: block; } .popup_menu_opened header.scrolled .header_bottom, .popup_menu_opened header.sticky .header_bottom { background-color: transparent !important; box-shadow: none; } .popup_menu_opened .header_top, .popup_menu_opened .header_bottom, .popup_menu_opened .fixed_top_header .top_header { background-color: transparent !important; border: 0px !important; } .popup_menu_opened .q_logo img.normal, .popup_menu_opened .q_logo img.light, .popup_menu_opened .q_logo img.sticky, .popup_menu_opened .q_logo img.dark, .popup_menu_opened .q_logo img.mobile { opacity: 0 !important; } .popup_menu_opened header .q_logo img.popup { opacity: 1 !important; } nav.popup_menu { margin: 0px auto; position: relative; top: 0px; text-align: left; } nav.popup_menu ul { display: none; position: relative; list-style: none; padding: 0; margin: 0; } nav.popup_menu > ul { display: block; } nav.popup_menu ul li { margin: 0; padding: 0; text-align: center; font-size: 45px; line-height: 50px; } nav.popup_menu ul li a, nav.popup_menu ul li h6 { font-size: 24px; font-weight: 500; line-height: 50px; letter-spacing: 2px; color: #ffffff; padding: 0px; display: block; position: relative; text-decoration: none; text-transform: uppercase; cursor: pointer; } nav.popup_menu ul li a:hover, nav.popup_menu ul li h6:hover { color: #9c9c9c; } nav.popup_menu ul li a span, nav.popup_menu ul li h6 span { display: inline-block; vertical-align: middle; } nav.popup_menu ul li ul li a, nav.popup_menu ul li ul li h6 { font-size: 14px; text-transform: none; } nav.popup_menu ul li ul li ul li a, nav.popup_menu ul li ul li ul li h6 { font-size: 0.5em; line-height: 1em; } .popup_menu.medium .popup_menu_inner, .popup_menu.medium .line, .popup_menu.medium .line:after, .popup_menu.medium .line:before { height: 3px; width: 19px; } .popup_menu.medium .line:before { top: -6px; } .popup_menu.medium .line:after { top: 6px; } .popup_menu.large .popup_menu_inner, .popup_menu.large .line, .popup_menu.large .line:after, .popup_menu.large .line:before { height: 4px; width: 24px; } .popup_menu.large .line:before { top: -8px; } .popup_menu.large .line:after { top: 8px; } /* ========================================================================== Popup menu end styles ========================================================================== */ /* ========================================================================== Pricing List Shortcode style ========================================================================== */ .qode_pricing_list .qode_pricing_list_holder { list-style: none; } .qode_pricing_list .qode_pricing_list_item { position: relative; border-bottom: 1px solid #e7e7e7; padding: 19px 0; } .qode_pricing_list .qode_pricing_item_title { margin-bottom: 5px; font-size: 18px; font-weight: 600; } .qode_pricing_list .qode_pricing_item_text { padding-right: 170px; } .qode_pricing_list .qode_pricing_item_price { position: absolute; width: 170px; height: 100%; text-align: right; right: 0; top: 0; } .qode_pricing_list .qode_pricing_item_price_inner { display: table; height: 100%; width: 100%; } .qode_pricing_list .qode_pricing_item_price_inner span { display: table-cell; vertical-align: middle; font-size: 30px; color: #303030; font-weight: 600; } /* ========================================================================== End of Pricing List Shortcode style ========================================================================== */ /* ========================================================================== Qode Elements Holder style ========================================================================== */ .q_elements_holder { width: 100%; display: table; table-layout: fixed; } .q_elements_holder .q_elements_item { display: table-cell; vertical-align: middle; height: 100%; } .q_elements_holder .q_elements_item_inner { width: 100%; } .q_elements_holder.two_columns .q_elements_item { width: 50%; } .q_elements_holder.two_columns.eh_two_columns_66_33 .q_elements_item:first-child { width: 66.66%; } .q_elements_holder.two_columns.eh_two_columns_66_33 .q_elements_item:last-child { width: 33.33%; } .q_elements_holder.two_columns.eh_two_columns_33_66 .q_elements_item:first-child { width: 33.33%; } .q_elements_holder.two_columns.eh_two_columns_33_66 .q_elements_item:last-child { width: 66.66%; } .q_elements_holder.three_columns .q_elements_item { width: 33.33333333333333%; } .q_elements_holder.four_columns .q_elements_item { width: 25%; } /* ========================================================================== End of Qode Elements Holder style ========================================================================== */ /* ========================================================================== Start of content with negative margin style ========================================================================== */ .content_top_margin .content .container .container_inner.page_container_inner { padding: 0px; } .content_top_margin .content .container .container_inner .call_to_action { margin: 0px -15px; } .content_top_margin .content .container .container_inner .call_to_action .container_inner { width: 100%; } /* ========================================================================== End of content with negative margin style ========================================================================== */ /* ========================================================================== Password protected box styles ========================================================================== */ .post-password-form { width: 300px; } .post-password-form p { margin-bottom: 20px; } .post-password-form input[type='password'] { width: 100%; display: block; margin: 5px 0 20px; padding: 15px 12px; border: 0; outline: 0; resize: none; font-size: 13px; line-height: 17px; background-color: #fff; color: #818181; font-family: inherit; font-weight: 400; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .post-password-form input[type='submit'] { position: relative; display: inline-block; width: auto; height: 39px; line-height: 39px; margin: 0; padding: 0px 23px; border: 2px solid #303030; font-size: 13px; font-weight: 700; font-family: inherit; text-align: left; color: #303030; text-decoration: none; cursor: pointer; white-space: nowrap; outline: none; font-style: normal; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 20px; -o-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; text-shadow: none; background-color: transparent; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -ms-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; -webkit-box-sizing: initial !important; -moz-box-sizing: initial !important; box-sizing: initial !important; } .post-password-form input[type='submit']:hover { background-color: #1abc9c; border-color: #1abc9c; color: #fff; text-decoration: none; } /* ========================================================================== End of password protected box styles ========================================================================== */ /* ========================================================================== Full Screen Sections Template ========================================================================== */ .full_screen_holder { position: relative; display: block; z-index: 100; } .full_screen_inner { height: 100%; position: relative; /* Touch detection for Windows 8 */ -ms-touch-action: none; /* IE 11 on Windows Phone 8.1*/ touch-action: none; visibility: hidden; } .fp-section { position: relative; -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */ -moz-box-sizing: border-box; /* <=28 */ box-sizing: border-box; margin: 0 !important; } .fp-slide { float: left; } .fp-section.fp-table, .fp-slide.fp-table { display: table; width: 100%; } .fp-tableCell { display: table-cell; vertical-align: middle; width: 100%; height: 100%; } .vertical_menu_enabled .full_screen_holder { padding-left: 260px; } .boxed.vertical_menu_enabled .full_screen_holder { padding-left: 0; } @media only screen and (max-width: 1000px) { .vertical_menu_enabled .full_screen_holder { padding-left: 0; } } .full_screen_navigation_holder { position: absolute; left: 0; width: 100%; display: block; text-align: center; z-index: 10000; visibility: hidden; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .full_screen_navigation_holder.up_arrow { top: 30px; } .full_screen_navigation_holder.down_arrow, .full_screen_navigation_holder.side_by_side { position: fixed; bottom: 30px; } .full_screen_navigation_inner { position: relative; display: inline-block; vertical-align: middle; } .full_screen_navigation_inner a { display: block; color: #393939; font-size: 40px; line-height: 1em; opacity: 1; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .full_screen_navigation_inner a:hover { opacity: 0.7; } .full_screen_navigation_inner i { font-size: inherit; color: inherit; line-height: inherit; } .full_screen_preloader { position: absolute; height: 1200px; width: 100%; display: block; background-color: #1c1c1c; z-index: 10001; } .full_screen_preloader .ajax_loader { position: absolute; display: block; } /* ========================================================================== End of Full Screen Sections Template ========================================================================== */ /* ========================================================================== Image Gallery slider with no space ========================================================================== */ .qode_image_gallery_no_space { opacity: 0; position: relative; } .qode_image_gallery_no_space .qode_image_gallery_holder { overflow: hidden; position: relative; width: 100%; } .qode_image_gallery_no_space ul { margin: 0; overflow: hidden; padding: 0; } .qode_image_gallery_no_space ul li { float: left; list-style: none outside none; margin: 0px; } @media only screen and (min-width: 800px) { .qode_image_gallery_no_space.highlight_active ul li:not(.active) { opacity: 0.2; } .qode_image_gallery_no_space.highlight_active ul li.active { opacity: 1 !important; } .qode_image_gallery_no_space.highlight_active ul li { -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } } @media only screen and (max-width: 800px) { .qode_image_gallery_no_space.highlight_active ul li { opacity: 1 !important; } } @media only screen and (min-width: 801px) { .qode_image_gallery_no_space ul li:not(.active) a { cursor: default; } } .qode_image_gallery_no_space a.prettyphoto { display: block; width: 100%; height: 100%; } .qode_image_gallery_no_space ul li img { display: block; position: relative; } .qode_image_gallery_no_space .controls { width: 100%; } .qode_image_gallery_no_space .controls a.prev-slide, .qode_image_gallery_no_space .controls a.next-slide { vertical-align: middle; font-size: 30px; position: absolute; top: 0; height: 100%; width: 10%; } .qode_image_gallery_no_space .controls a.prev-slide span, .qode_image_gallery_no_space .controls a.next-slide span { margin-top: -27px; margin-left: -27px; position: absolute; left: 50%; top: 50%; background-color: transparent; border: 2px solid #303030; color: #303030; cursor: pointer; display: block; height: 54px; line-height: 54px; text-align: center; width: 54px; border-radius: 40px; -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out; -moz-transition: color .15s ease-in-out, background-color .15s ease-in-out; -ms-transition: color .15s ease-in-out, background-color .15s ease-in-out; -o-transition: color .15s ease-in-out, background-color .15s ease-in-out; transition: color .15s ease-in-out, background-color .15s ease-in-out; } .qode_image_gallery_no_space .controls a.prev-slide span i, .qode_image_gallery_no_space .controls a.next-slide span i { vertical-align: baseline; } .qode_image_gallery_no_space.light .controls a.prev-slide span, .qode_image_gallery_no_space.light .controls a.next-slide span { color: #fff; border-color: #fff; } .qode_image_gallery_no_space.dark .controls a.prev-slide span, .qode_image_gallery_no_space.dark .controls a.next-slide span { color: #000; border-color: #000; } .qode_image_gallery_no_space .controls a.prev-slide:hover span, .qode_image_gallery_no_space .controls a.next-slide:hover span { background-color: #303030; color: #fff; } .qode_image_gallery_no_space.light .controls a.prev-slide:hover span, .qode_image_gallery_no_space.light .controls a.next-slide:hover span { background-color: #fff; color: #8a8a8a; } .qode_image_gallery_no_space.dark .controls a.prev-slide:hover span, .qode_image_gallery_no_space.dark .controls a.next-slide:hover span { background-color: #000; color: #fff; } .qode_image_gallery_no_space .controls a.next-slide { right: 20px; } @media only screen and (max-width: 800px) { .qode_image_gallery_no_space .qode_image_gallery_holder { height: auto !important; } .qode_image_gallery_no_space ul { height: auto !important; width: 100% !important; } .qode_image_gallery_no_space ul li { float: none; } .qode_image_gallery_no_space ul li.-before, .qode_image_gallery_no_space ul li.-after { display: none; } .qode_image_gallery_no_space ul li div { height: auto !important; width: 100% !important; } .qode_image_gallery_no_space ul li img { height: auto; width: 100%; } .qode_image_gallery_no_space .controls { display: none; } } /* ========================================================================== End of Image Gallery slider with no space ========================================================================== */ /* ========================================================================== Start of Countdown ========================================================================== */ /* jQuery Countdown styles 2.0.0. */ .countdown-rtl { direction: rtl; } .countdown-row { clear: both; width: 100%; padding: 0px 2px; text-align: center; } .countdown-show1 .countdown-section { width: 98%; } .countdown-show2 .countdown-section { width: 48%; } .countdown-show3 .countdown-section { width: 32.5%; } .countdown-show4 .countdown-section { width: 24.5%; } .countdown-show5 .countdown-section { width: 19.5%; } .countdown-show6 .countdown-section { width: 16.25%; } .countdown-show7 .countdown-section { width: 14%; } .countdown { font-weight: 700; } .countdown-section { display: inline-block; vertical-align: middle; text-align: center; font-weight: inherit; } .countdown-amount { display: block; position: relative; font-size: 60px; line-height: 60px; margin-bottom: 20px; color: inherit; } /*this span.countdown_separator is added in countdown plugin in plugin.js file */ .countdown_separator { display: none; width: 30px; height: 2px; background-color: #818181; margin: 30px 0px; opacity: 0.3; } .countdown.show_separator .countdown_separator { display: inline-block; } .countdown.show_separator .countdown-amount { margin: 0px; } .countdown-period { display: block; font-size: 15px; letter-spacing: 1px; text-transform: uppercase; color: inherit; } .countdown-descr { display: block; width: 100%; } @media only screen and (max-width: 1000px) { .countdown-amount { font-size: 50px !important; line-height: 50px !important; } .countdown-period { font-size: 15px !important; } .countdown_separator { width: 30px; } } @media only screen and (max-width: 600px) { .countdown-amount { font-size: 40px !important; line-height: 40px !important; margin-bottom: 15px; } .countdown-period { font-size: 12px !important; } .countdown_separator { width: 20px; margin: 25px 0px 20px 0px; } } @media only screen and (max-width: 600px) { .countdown-amount { font-size: 35px !important; line-height: 35px !important; margin-bottom: 10px; } .countdown-period { font-size: 10px !important; } .countdown_separator { width: 15px; margin: 20px 0px 15px 0pc; } } /* ========================================================================== End of Countdown ========================================================================== */ /* ========================================================================== Start of Video Box Shortcode ========================================================================== */ .qode_video_box { display: inline-block; vertical-align: middle; position: relative; max-width: 100%; } .qode_video_box .qode_video_image { display: block; position: relative; overflow: hidden; } .qode_video_box .qode_video_image::after { position: absolute; content: ''; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(255, 255, 255, 0.1); z-index: 33; opacity: 0; transition: opacity .3s ease-out; } .qode_video_box .qode_video_image:hover:after { opacity: 1; } .qode_video_box .qode_video_image:hover img { -webkit-transform: scale(1.05) rotate(0.01deg); transform: scale(1.05) rotate(0.01deg); } .qode_video_box .qode_video_image img { display: block; position: relative; max-width: 100%; z-index: 22; -webkit-transition: -webkit-transform 0.2s ease-out; transition: transform 0.2s ease-out; -webkit-backface-visibility: hidden; } .qode_video_box .qode_video_image .qode_video_box_button_holder { position: absolute; top: 50%; left: 50%; text-align: center; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 44; } .qode_video_box .qode_video_image .qode_video_box_button { display: inline-block; vertical-align: middle; position: relative; width: 80px; height: 80px; background-color: #fff; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background-color 0.15s ease-out; transition: background-color 0.15s ease-out; } .qode_video_box .qode_video_image:hover .qode_video_box_button { background-color: #1abc9c; } .qode_video_box .qode_video_image .qode_video_box_button_arrow { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-48%, -50%); transform: translate(-32%, -50%); border-top: 12px solid transparent; border-left: 18px solid #303030; border-bottom: 12px solid transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .qode_video_box .qode_video_image:hover .qode_video_box_button_arrow { border-left-color: #fff; } /* ========================================================================== End of Video Box Shortcode ========================================================================== */ /* ========================================================================== Start of Vertical Split Screen ========================================================================== */ .vertical_split_slider { opacity: 0; position: relative; margin: 0px -2px; } .ms-section { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-size: cover; background-repeat: no-repeat; padding: 0px 20px; } .vertical_split_slider .ms-left .ms-section { background-position: 100% center !important; } .vertical_split_slider .ms-right .ms-section { background-position: 0 center !important; } .ms-section.ms-table { display: table; width: 100%; } .ms-tableCell { display: table-cell; vertical-align: middle; width: 100%; height: 100%; box-sizing: border-box; } .ms-easing { -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } #multiscroll-nav { position: fixed; z-index: 1000; margin-top: -32px; top: 50%; opacity: 1; } #multiscroll-nav.right { right: 17px; } #multiscroll-nav.left { left: 17px; } #multiscroll-nav ul { margin: 0; padding: 0; } #multiscroll-nav li { display: block; width: 8px; height: 8px; margin: 13px 7px; position: relative; } #multiscroll-nav li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none; } #multiscroll-nav li .active span { background-color: #000; } #multiscroll-nav span { top: 0px; left: 0px; width: 8px; height: 8px; border: 1px solid #000; background-color: transparent; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: absolute; z-index: 1; } .multiscroll-tooltip { position: absolute; color: #fff; font-size: 14px; font-family: arial, helvetica, sans-serif; top: -2px; white-space: nowrap; max-width: 220px; } .multiscroll-tooltip.right { right: 20px; } .multiscroll-tooltip.left { left: 20px; } .vertical_split_slider_responsive { display: none; } @media only screen and (max-width: 1000px) { .vertical_split_slider .ms-left { width: 100% !important; z-index: 2; } .vertical_split_slider .ms-left .ms-section { background: none !important; text-align: center !important; } .vertical_split_slider .ms-right { width: 100% !important; z-index: 1; } } @media only screen and (max-width: 767px) { .vertical_split_screen_initalized body.vss_responsive_adv { overflow-y: visible !important; height: auto !important; } .vss_responsive_adv .vertical_split_slider, .vss_responsive_adv #multiscroll-nav { display: none; } .vertical_split_slider_responsive { display: block; } .vss_responsive_adv .ms-section { background-position: center center; } } /* ========================================================================== End of Vertical Split Screen ========================================================================== */ /* ========================================================================== Start of paspartu ========================================================================== */ .paspartu_outer { padding: 0 2% 0% 2%; z-index: 99; /* 100 is z-index of footer, so it needs to be smaller in order to prevent minus margin on left and right paspartu */ } .paspartu_outer:not(.paspartu_on_bottom_fixed) { position: relative; pointer-events: none; } .paspartu_outer:not(.paspartu_on_bottom_fixed) .paspartu_inner { pointer-events: all; } body:not(.paspartu_on_top_fixed) .paspartu_outer .content:not(.has_slider) .content_inner, .paspartu_on_top_fixed header, .paspartu_on_top_fixed .fixed_top_header .top_header, .paspartu_on_top_fixed .paspartu_outer .content_wrapper { padding-top: 2%; } .paspartu_left, .paspartu_right { position: absolute; height: 100%; width: 2%; top: 0px; left: 0px; background-color: #ffffff; z-index: 101; /* one more than the Slider */ } .paspartu_outer:not(.paspartu_on_bottom_fixed):not(.disable_top_paspartu):not(disable_bottom_paspartu) .paspartu_left, .paspartu_outer:not(.paspartu_on_bottom_fixed):not(.disable_top_paspartu):not(disable_bottom_paspartu) .paspartu_right { /*margin: -50% 0px; */ /* because of the header types when portfolio outer is not from top of window */ height: 200%; margin: -5% 0; } .paspartu_right { left: auto; right: 0px; } .paspartu_top { position: fixed; padding-top: 2%; height: 0; width: 100%; top: 0px; left: 0px; background-color: #ffffff; z-index: 200; } .paspartu_bottom { position: relative; padding-top: 2%; height: 0; width: 100%; background-color: #ffffff; z-index: 200; } .paspartu_on_bottom_fixed .paspartu_bottom { position: fixed; bottom: 0px; left: 0px; } .paspartu_on_bottom_fixed footer { margin-bottom: 2%; } body.paspartu_on_top_fixed.paspartu_on_bottom_fixed .popup_menu_holder_outer { padding: 2%; box-sizing: border-box; } .paspartu_enabled #multiscroll-nav.right { padding-right: 2%; } .paspartu_outer .q_slider, .paspartu_outer .content:not(.has_slider) .content_inner { background-color: #ffffff; } .paspartu_outer:not(.disable_top_paspartu) .carousel-inner, .paspartu_outer.paspartu_on_bottom_slider .carousel-inner { position: relative; height: 100% !important; } .paspartu_outer.disable_top_paspartu .content:not(.has_slider) .content_inner { padding-top: 0 !important; } .paspartu_outer.disable_bottom_paspartu, .paspartu_outer.paspartu_on_bottom_fixed { padding-bottom: 0 !important; } .paspartu_enabled .header_inner { position: relative; /* for search form that covers header and comes from bottom from header */ } header.paspartu_header_alignment .header_bottom { padding: 0px 2%; } footer.paspartu_footer_alignment .footer_top.footer_top_full { padding-left: 0px !important; padding-right: 0px !important; } footer.paspartu_footer_alignment .footer_top_holder, footer.paspartu_footer_alignment .footer_bottom_holder { padding-left: 2%; padding-right: 2%; } header.paspartu_header_inside, .paspartu_enabled.vertical_menu_enabled header { padding-left: 2%; padding-right: 2%; box-sizing: border-box; } .paspartu_enabled.paspartu_on_top_fixed .fixed_top_header .qode_search_form_3 { margin-top: 2%; } header.paspartu_header_inside.fixed_top_header .top_header, .paspartu_enabled .vertical_split_slider_preloader, .paspartu_enabled.paspartu_on_top_fixed .fixed_top_header .qode_search_form_3 { width: 96%; margin-left: 2%; margin-right: 2%; } .paspartu_enabled .paspartu_outer:not(.disable_top_paspartu) .vertical_split_slider { margin-top: -2%; } .paspartu_enabled .paspartu_outer:not(.disable_bottom_paspartu) .vertical_split_slider { margin-bottom: -2%; } .paspartu_on_top_fixed header { z-index: 202; } .paspartu_on_top_fixed:not(.paspartu_on_bottom_fixed) .popup_menu_holder_outer { z-index: 201; } .paspartu_enabled.vertical_menu_inside_paspartu aside.vertical_menu_area, .paspartu_enabled.vertical_menu_inside_paspartu .vertical_area_background, .paspartu_enabled.vertical_menu_inside_paspartu.vertical_menu_enabled .carousel-inner:not(.relative_position), .paspartu_enabled.vertical_menu_inside_paspartu .vertical_menu_hidden_button { margin-left: 2%; } .paspartu_enabled.vertical_menu_inside_paspartu.vertical_menu_right aside.vertical_menu_area, .paspartu_enabled.vertical_menu_inside_paspartu.vertical_menu_right .vertical_area_background, .paspartu_enabled.vertical_menu_inside_paspartu.vertical_menu_enabled.vertical_menu_right .carousel-inner:not(.relative_position), .paspartu_enabled.vertical_menu_inside_paspartu.vertical_menu_right .vertical_menu_hidden_button { margin-left: 0%; margin-right: 2%; } .paspartu_enabled.vertical_menu_inside_paspartu aside.vertical_menu_area, .paspartu_enabled.vertical_menu_inside_paspartu .vertical_area_background, .paspartu_enabled.vertical_menu_inside_paspartu .vertical_menu_hidden_button { margin-top: 2%; } .paspartu_enabled.vertical_menu_enabled:not(.vertical_menu_hidden):not(.vertical_menu_transparency) .paspartu_outer:not(.disable_top_paspartu) .carousel-inner:not(.relative_position), .paspartu_enabled.vertical_menu_enabled:not(.vertical_menu_hidden):not(.vertical_menu_transparency) .paspartu_outer.paspartu_on_bottom_slider .carousel-inner:not(.relative_position), .paspartu_enabled.vertical_menu_enabled.vertical_menu_width_290:not(.vertical_menu_hidden):not(.vertical_menu_transparency) .paspartu_outer:not(.disable_top_paspartu) .carousel-inner:not(.relative_position), .paspartu_enabled.vertical_menu_enabled.vertical_menu_width_290:not(.vertical_menu_hidden):not(.vertical_menu_transparency) .paspartu_outer.paspartu_on_bottom_slider .carousel-inner:not(.relative_position), .paspartu_enabled.vertical_menu_enabled.vertical_menu_width_350:not(.vertical_menu_hidden):not(.vertical_menu_transparency) .paspartu_outer:not(.disable_top_paspartu) .carousel-inner:not(.relative_position), .paspartu_enabled.vertical_menu_enabled.vertical_menu_width_350:not(.vertical_menu_hidden):not(.vertical_menu_transparency) .paspartu_outer.paspartu_on_bottom_slider .carousel-inner:not(.relative_position), .paspartu_enabled.vertical_menu_enabled.vertical_menu_width_400:not(.vertical_menu_hidden):not(.vertical_menu_transparency) .paspartu_outer:not(.disable_top_paspartu) .carousel-inner:not(.relative_position), .paspartu_enabled.vertical_menu_enabled.vertical_menu_width_400:not(.vertical_menu_hidden):not(.vertical_menu_transparency) .paspartu_outer.paspartu_on_bottom_slider .carousel-inner:not(.relative_position), .paspartu_enabled.vertical_menu_enabled.vertical_menu_hidden .carousel-inner:not(.relative_position) { left: 0px !important; margin-left: 0% !important; } .vertical_menu_enabled.paspartu_on_top_fixed header { padding: 0px !important; } /* outside paspartu - start */ .paspartu_enabled.vertical_menu_outside_paspartu aside.vertical_menu_area { z-index: 500; } body.vertical_menu_outside_paspartu.paspartu_on_top_fixed .paspartu_outer { padding-top: 2%; } body.paspartu_on_top_fixed.vertical_menu_outside_paspartu .paspartu_outer .content .content_inner { padding-top: 0% !important; } @media only screen and (min-width: 1000px) { .vertical_menu_outside_paspartu .content_wrapper { margin-left: 2%; padding-left: 260px; width: 98%; } .vertical_menu_outside_paspartu.vertical_menu_left.vertical_menu_width_290 .content_wrapper { margin-left: 2%; padding-left: 290px; width: 98%; } .vertical_menu_outside_paspartu.vertical_menu_left.vertical_menu_width_350 .content_wrapper { margin-left: 2%; padding-left: 350px; width: 98%; } .vertical_menu_outside_paspartu.vertical_menu_left.vertical_menu_width_400 .content_wrapper { margin-left: 2%; padding-left: 400px; width: 98%; } .vertical_menu_outside_paspartu.vertical_menu_right.vertical_menu_width_290 .content_wrapper { margin-right: 2%; padding-right: 290px; width: 98%; } .vertical_menu_outside_paspartu.vertical_menu_right.vertical_menu_width_350 .content_wrapper { margin-right: 2%; padding-right: 350px; width: 98%; } .vertical_menu_outside_paspartu.vertical_menu_right.vertical_menu_width_400 .content_wrapper { margin-right: 2%; padding-right: 400px; width: 98%; } .vertical_menu_outside_paspartu .paspartu_middle_inner { padding-left: 260px; } .vertical_menu_outside_paspartu .paspartu_left { left: 260px; } .vertical_menu_outside_paspartu.vertical_menu_width_290 .paspartu_middle_inner { padding-left: 290px; } .vertical_menu_outside_paspartu.vertical_menu_width_290 .paspartu_left { left: 290px; } .vertical_menu_outside_paspartu.vertical_menu_width_350 .paspartu_middle_inner { padding-left: 350px; } .vertical_menu_outside_paspartu.vertical_menu_width_350 .paspartu_left { left: 350px; } .vertical_menu_outside_paspartu.vertical_menu_width_400 .paspartu_middle_inner { padding-left: 400px; } .vertical_menu_outside_paspartu.vertical_menu_width_400 .paspartu_left { left: 400px; } .vertical_menu_outside_paspartu.vertical_menu_right.vertical_menu_width_290 .paspartu_middle_inner { padding-left: 0px; padding-right: 290px; } .vertical_menu_outside_paspartu.vertical_menu_right.vertical_menu_width_290 .paspartu_left { left: 0px; } .vertical_menu_outside_paspartu.vertical_menu_right.vertical_menu_width_290 .paspartu_right { right: 290px; } .vertical_menu_outside_paspartu.vertical_menu_right.vertical_menu_width_350 .paspartu_middle_inner { padding-left: 0px; padding-right: 350px; } .vertical_menu_outside_paspartu.vertical_menu_right.vertical_menu_width_350 .paspartu_left { left: 0px; } .vertical_menu_outside_paspartu.vertical_menu_right.vertical_menu_width_350 .paspartu_right { right: 350px; } .vertical_menu_outside_paspartu.vertical_menu_right.vertical_menu_width_400 .paspartu_middle_inner { padding-left: 0px; padding-right: 400px; } .vertical_menu_outside_paspartu.vertical_menu_right.vertical_menu_width_400 .paspartu_left { left: 0px; } .vertical_menu_outside_paspartu.vertical_menu_right.vertical_menu_width_400 .paspartu_right { right: 400px; } body.vertical_menu_outside_paspartu.page-template-blog-masonry-full-width-php.vertical_menu_enabled:not(.vertical_menu_hidden) .content .full_width { padding-left: 0px; padding-right: 0px; } body.vertical_menu_outside_paspartu.page-template-blog-masonry-full-width-php.vertical_menu_enabled.vertical_menu_width_290.vertical_menu_left:not(.vertical_menu_hidden) .content .full_width { padding-left: 0px; padding-right: 0px; } body.vertical_menu_outside_paspartu.page-template-blog-masonry-full-width-php.vertical_menu_enabled.vertical_menu_width_350.vertical_menu_left:not(.vertical_menu_hidden) .content .full_width { padding-left: 0px; padding-right: 0px; } body.vertical_menu_outside_paspartu.page-template-blog-masonry-full-width-php.vertical_menu_enabled.vertical_menu_width_400.vertical_menu_left:not(.vertical_menu_hidden) .content .full_width { padding-left: 0px; padding-right: 0px; } body.vertical_menu_outside_paspartu.page-template-blog-masonry-full-width-php.vertical_menu_enabled.vertical_menu_width_290.vertical_menu_right:not(.vertical_menu_hidden) .content .full_width { padding-right: 0px; padding-left: 0px; } body.vertical_menu_outside_paspartu.page-template-blog-masonry-full-width-php.vertical_menu_enabled.vertical_menu_width_350.vertical_menu_right:not(.vertical_menu_hidden) .content .full_width { padding-right: 0px; padding-left: 0px; } body.vertical_menu_outside_paspartu.page-template-blog-masonry-full-width-php.vertical_menu_enabled.vertical_menu_width_400.vertical_menu_right:not(.vertical_menu_hidden) .content .full_width { padding-right: 0px; padding-left: 0px; } } .vertical_menu_outside_paspartu.vertical_menu_enabled .q_slider, .vertical_menu_outside_paspartu.vertical_menu_enabled .full_width, .vertical_menu_outside_paspartu.vertical_menu_enabled .content .container, .vertical_menu_outside_paspartu.vertical_menu_enabled .title_outer, .vertical_menu_outside_paspartu.vertical_menu_enabled.vertical_menu_width_350 .q_slider, .vertical_menu_outside_paspartu.vertical_menu_enabled.vertical_menu_width_350 .full_width, .vertical_menu_outside_paspartu.vertical_menu_enabled.vertical_menu_width_350 .content .container, .vertical_menu_outside_paspartu.vertical_menu_enabled.vertical_menu_width_350 .title_outer, .vertical_menu_outside_paspartu.vertical_menu_enabled.vertical_menu_width_350 footer, .vertical_menu_outside_paspartu.vertical_menu_enabled.vertical_menu_width_400 .q_slider, .vertical_menu_outside_paspartu.vertical_menu_enabled.vertical_menu_width_400 .full_width, .vertical_menu_outside_paspartu.vertical_menu_enabled.vertical_menu_width_400 .content .container, .vertical_menu_outside_paspartu.vertical_menu_enabled.vertical_menu_width_400 .title_outer, .vertical_menu_outside_paspartu.vertical_menu_enabled.vertical_menu_width_400 footer, .vertical_menu_outside_paspartu.vertical_menu_enabled .full_screen_holder, .vertical_menu_outside_paspartu.vertical_menu_enabled.vertical_menu_width_350 .full_screen_holder, .vertical_menu_outside_paspartu.vertical_menu_enabled.vertical_menu_width_400 .full_screen_holder { padding-left: 0px; padding-right: 0px; } .vertical_menu_outside_paspartu.vertical_menu_enabled .q_slider { padding-top: 0px !important; } body.vertical_menu_outside_paspartu.vertical_menu_enabled:not(.vertical_menu_hidden) .ajax_loader, body.vertical_menu_outside_paspartu.vertical_menu_enabled:not(.vertical_menu_hidden) .ajax_loader, body.vertical_menu_outside_paspartu.vertical_menu_enabled.vertical_menu_width_290:not(.vertical_menu_hidden) .ajax_loader, body.vertical_menu_outside_paspartu.vertical_menu_enabled.vertical_menu_width_350:not(.vertical_menu_hidden) .ajax_loader, body.vertical_menu_outside_paspartu.vertical_menu_enabled.vertical_menu_width_400:not(.vertical_menu_hidden) .ajax_loader, body.vertical_menu_outside_paspartu.vertical_menu_enabled.vertical_menu_width_290.vertical_menu_right:not(.vertical_menu_hidden) .ajax_loader, body.vertical_menu_outside_paspartu.vertical_menu_enabled.vertical_menu_width_350.vertical_menu_right:not(.vertical_menu_hidden) .ajax_loader, body.vertical_menu_outside_paspartu.vertical_menu_enabled.vertical_menu_width_400.vertical_menu_right:not(.vertical_menu_hidden) .ajax_loader, body.vertical_menu_outside_paspartu.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_right .ajax_loader { margin-left: 0px; } /* outside paspartu - end */ @media only screen and (min-width: 1024px) { header.paspartu_header_alignment .header_inner_left { left: 2%; } } @media only screen and (max-width: 1024px) { .paspartu_outer { padding: 0 2% 2% 2% !important; } body:not(.paspartu_on_top_fixed) .paspartu_outer .content:not(.has_slider) .content_inner, .paspartu_top, .paspartu_bottom, .paspartu_on_top_fixed header, .paspartu_on_top_fixed .fixed_top_header .top_header, .paspartu_on_top_fixed .paspartu_outer .content_wrapper { padding-top: 2% !important; } .paspartu_left, .paspartu_right { width: 2% !important; } .paspartu_on_bottom_fixed footer { margin-bottom: 2% !important; } body.paspartu_on_top_fixed.paspartu_on_bottom_fixed .popup_menu_holder_outer { padding: 2% !important; } .paspartu_enabled #multiscroll-nav.right { padding-right: 2% !important; } header.paspartu_header_alignment .header_bottom { padding: 0px 2% !important; } header.paspartu_header_inside, .paspartu_enabled.vertical_menu_enabled header, footer.paspartu_footer_alignment .footer_top_holder, footer.paspartu_footer_alignment .footer_bottom_holder { padding-left: 2% !important; padding-right: 2% !important; } .paspartu_enabled.paspartu_on_top_fixed .fixed_top_header .qode_search_form_3 { margin-top: 2% !important; } header.paspartu_header_inside.fixed_top_header .top_header, .paspartu_enabled .vertical_split_slider_preloader, .paspartu_enabled.paspartu_on_top_fixed .fixed_top_header .qode_search_form_3 { width: 96% !important; margin-left: 2% !important; margin-right: 2% !important; } .paspartu_enabled .paspartu_outer:not(.disable_top_paspartu) .vertical_split_slider { margin-top: -2% !important; } .paspartu_enabled .paspartu_outer:not(.disable_bottom_paspartu) .vertical_split_slider { margin-bottom: -2% !important; } .paspartu_enabled.vertical_menu_inside_paspartu aside.vertical_menu_area, .paspartu_enabled.vertical_menu_inside_paspartu .vertical_area_background, .paspartu_enabled.vertical_menu_inside_paspartu.vertical_menu_enabled .carousel-inner:not(.relative_position), .paspartu_enabled.vertical_menu_inside_paspartu .vertical_menu_hidden_button { margin-left: 2% !important; } .paspartu_enabled.vertical_menu_inside_paspartu.vertical_menu_right aside.vertical_menu_area, .paspartu_enabled.vertical_menu_inside_paspartu.vertical_menu_right .vertical_area_background, .paspartu_enabled.vertical_menu_inside_paspartu.vertical_menu_enabled.vertical_menu_right .carousel-inner:not(.relative_position), .paspartu_enabled.vertical_menu_inside_paspartu.vertical_menu_right .vertical_menu_hidden_button { margin-left: 0% !important; margin-right: 2% !important; } .paspartu_enabled.vertical_menu_inside_paspartu aside.vertical_menu_area, .paspartu_enabled.vertical_menu_inside_paspartu .vertical_area_background, .paspartu_enabled.vertical_menu_inside_paspartu .vertical_menu_hidden_button { margin-top: 2% !important; } body.vertical_menu_outside_paspartu.paspartu_on_top_fixed .paspartu_outer { padding-top: 2% !important; } } /* ========================================================================== End of paspartu ========================================================================== */ /* ========================================================================== Visual Composer Grid Elements ============================================================================ */ .vc_grid-container .vc_row.vc_grid .vc_grid-item .vc_btn { position: relative; display: inline-block; width: auto; height: 39px; line-height: 39px; margin: 0; padding: 0px 23px; border: 2px solid #303030; font-size: 13px; font-weight: 700; font-family: inherit; text-align: left; color: #303030 !important; text-decoration: none; cursor: pointer; white-space: nowrap; outline: none; font-style: normal; text-transform: uppercase; letter-spacing: 1px; -o-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; text-shadow: none; background-color: transparent; -webkit-transition: color 0.1s linear, background-color 0.1s linear,border-color 0.1s linear; -moz-transition: color 0.1s linear, background-color 0.1s linear,border-color 0.1s linear; -ms-transition: color 0.1s linear, background-color 0.1s linear,border-color 0.1s linear; -o-transition: color 0.1s linear, background-color 0.1s linear,border-color 0.1s linear; transition: color 0.1s linear, background-color 0.1s linear,border-color 0.1s linear; -webkit-box-sizing: initial !important; -moz-box-sizing: initial !important; box-sizing: initial !important; } .vc_grid-container .vc_row.vc_grid .vc_grid-item .vc_btn:hover { background-color: #1abc9c; border-color: #1abc9c; color: #fff !important; text-decoration: none; } .vc_grid-container .vc_row.vc_grid .vc_pageable-load-more-btn .vc_btn { position: relative; display: inline-block; width: auto; height: 39px; line-height: 39px; margin: 0; padding: 0px 23px; border: 2px solid #303030; font-size: 13px; font-weight: 700; font-family: inherit; text-align: left; color: #303030 !important; text-decoration: none; cursor: pointer; white-space: nowrap; outline: none; font-style: normal; text-transform: uppercase; letter-spacing: 1px; -o-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; text-shadow: none; background-color: transparent; -webkit-transition: color 0.1s linear, background-color 0.1s linear,border-color 0.1s linear; -moz-transition: color 0.1s linear, background-color 0.1s linear,border-color 0.1s linear; -ms-transition: color 0.1s linear, background-color 0.1s linear,border-color 0.1s linear; -o-transition: color 0.1s linear, background-color 0.1s linear,border-color 0.1s linear; transition: color 0.1s linear, background-color 0.1s linear,border-color 0.1s linear; -webkit-box-sizing: initial !important; -moz-box-sizing: initial !important; box-sizing: initial !important; } .vc_grid-container .vc_row.vc_grid .vc_pageable-load-more-btn .vc_btn:hover { background-color: #1abc9c; border-color: #1abc9c; color: #fff !important; text-decoration: none; } /* .vc_grid-container .vc_grid-pagination .vc_grid-pagination-list > li > a { position: relative; color: #303030; display: inline-block; width: 38px; height: 38px; line-height: 38px; margin: 0 11px 0 0; text-align:center; color: #b4b4b4 !important; font-size: 18px; text-decoration: none; text-transform: uppercase; cursor: pointer; white-space: nowrap; outline: none; -o-border-radius: 4px !important; -moz-border-radius: 4px !important; -webkit-border-radius: 4px !important; -ms-border-radius: 4px !important; border-radius: 4px !important; text-shadow: none; background-color: transparent !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } */ .vc_grid-container .vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-square_dots .vc_grid-owl-dot span { border: 2px solid #e5e5e5; background-color: transparent !important; } .vc_grid-container .vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-square_dots .vc_grid-owl-dot span:hover { background-color: #e3e3e3 !important; border-color: #e3e3e3 !important; } .vc_grid-container .vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-square_dots .vc_grid-owl-dot.active span { background-color: #e3e3e3 !important; border-color: #e3e3e3 !important; } .vc_grid-container .vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-radio_dots .vc_grid-owl-dot span { border: 2px solid #e5e5e5; border-radius: 50%; background-color: transparent !important; } .vc_grid-container .vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-radio_dots .vc_grid-owl-dot span:hover { background-color: #e3e3e3 !important; border-color: #e3e3e3 !important; } .vc_grid-container .vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-radio_dots .vc_grid-owl-dot.active span { background-color: #e3e3e3 !important; border-color: #e3e3e3 !important; } .vc_grid-container .vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-point_dots .vc_grid-owl-dot span { background-color: #e3e3e3 !important; } .vc_grid-container .vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-fill_square_dots .vc_grid-owl-dot span { background-color: #e3e3e3 !important; } .vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-round_fill_square_dots .vc_grid-owl-dot span { background-color: #e3e3e3 !important; } .vc_grid-container .vc_grid-pagination .vc_grid-pagination-list > li > a { background-color: transparent !important; color: #b4b4b4 !important; -o-border-radius: 4px !important; -moz-border-radius: 4px !important; -webkit-border-radius: 4px !important; -ms-border-radius: 4px !important; border-radius: 4px !important; font-size: 18px; margin: 0 11px 0 0; text-align: center; width: 42px; height: 42px; text-decoration: none; text-transform: uppercase; cursor: pointer; white-space: nowrap; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border: 2px solid #e5e5e5; } .vc_grid-container .vc_grid-pagination .vc_grid-pagination-list > li > a:hover { color: #303030 !important; background-color: #e3e3e3 !important; border-color: #e3e3e3; } .vc_grid-container .vc_grid-pagination .vc_grid-pagination-list > li.vc_grid-active > a { color: #303030 !important; background-color: #e3e3e3 !important; border-color: #e3e3e3; } .vc_grid-container .vc_grid-pagination-list.vc_grid-pagination_rounded_light > li > a, .vc_grid-container .vc_grid-pagination-list.vc_grid-pagination_rounded_dark > li > a, .vc_grid-container .vc_grid-pagination-list.vc_grid-pagination_rounded > li > a { border-radius: 30px !important; } .vc_grid-container .vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination_square > li > a, .vc_grid-container .vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination_square_light > li > a, .vc_grid-container .vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination_square_dark > li > a { line-height: 38px; border-radius: 0 !important; } .vc_grid-container .vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination_stripes_dark > li > a, .vc_grid-container .vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination_stripes_light > li > a { width: 22px; height: 36px; line-height: 36px; } .vc_grid.vc_row.vc_grid-gutter-30px { margin-bottom: 0 !important; } .vc_grid-container .vc_grid-filter.vc_grid-filter-color-grey > .vc_grid-filter-item { border: none !important; } .vc_grid-container .vc_grid-filter.vc_grid-filter-color-grey > .vc_grid-filter-item:hover, .vc_grid-container .vc_grid-filter.vc_grid-filter-color-grey > .vc_grid-filter-item.vc_active { background: transparent; } /* ========================================================================== End of Visual Composer Grid Elements ============================================================================ */ /* ========================================================================== Start of overlapping content ========================================================================== */ .overlapping_content .title_outer { position: relative; z-index: 50; /* smaller than the content, so content could be over title */ } .overlapping_content .content > .container { background-color: #f8f8f8; } .overlapping_content .content .content_inner > .container > .overlapping_content, .overlapping_content .content .content_inner > .full_width > .full_width_inner { margin-top: -40px; position: relative; z-index: 100; /* greater than the title, so content could be over title */ } .overlapping_content .title .title_holder .container { padding-bottom: 40px; box-sizing: border-box; } .overlapping_content .content .content_inner > .container { text-align: center; } .overlapping_content .content .content_inner > .container > .overlapping_content { display: inline-block; vertical-align: middle; margin-right: auto; margin-left: auto; padding: 0px 40px; background-color: #ffffff; } .transparent_content.overlapping_content .content .content_inner > .container, .transparent_content.overlapping_content .content .content_inner > .full_width > .full_width_inner { /* full_width_inner because of the negative margin on it */ background-color: #ffffff; } .overlapping_content .content .content_inner > .container > .overlapping_content .overlapping_content_inner { overflow: hidden; text-align: left; } .overlapping_content_margin { margin: 0px -40px; display: block; position: relative; } @media only screen and (max-width: 1200px) { .overlapping_content .content .content_inner > .container > .overlapping_content { padding: 0px 20px !important; } .overlapping_content_margin { margin: 0px -20px !important; } } @media only screen and (max-width: 1000px) { header .overlapping_content_margin { margin: 0px !important; } } /* ========================================================================== End of overlapping content ========================================================================== */ /* ========================================================================== Start blog with next post on bottom ========================================================================== */ .blog_vertical_loop .full_width_inner { margin: 0px !important; } .blog_vertical_loop article { position: relative; vertical-align: middle; z-index: 1; /*one after another overlapping*/ margin: 0px 0px 140px 0px; } .blog_vertical_loop article.move_up { -webkit-transition: transform 450ms ease 0s; transition: transform 450ms ease 0s; } .blog_vertical_loop article.fade_out { opacity: 0; transform: scale(0.8) translate3d(0px, -10%, 0px); transition: all 450ms ease 0s; } .blog_vertical_loop article .post_image { margin-bottom: 55px !important; height: 400px; } .blog_vertical_loop article .post_image_inner { height: 100%; overflow: hidden; } .blog_vertical_loop article .post_image_inner a { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background-position: center center; background-repeat: no-repeat; background-size: cover; } .blog_vertical_loop article.previous_post { position: absolute; opacity: 0; transform: scale(0.8) translate3d(0px, -10%, 0px); } .blog_vertical_loop article.fade_in { transition: all 450ms ease 0s; opacity: 1; transform: scale(1) translate3d(0px, 0px, 0px); } .blog_vertical_loop article.next_post, .blog_vertical_loop article.next_post .post_content_holder .post_image { margin: 0px !important; } .blog_vertical_loop article.next_post .post_content_holder > .grid_section, .blog_vertical_loop article.next_post .post_content_holder .post_image > .grid_section { display: none; } .blog_vertical_loop .blog_load_next { display: none; position: absolute; left: 0; top: -30px; width: 100%; } .blog_vertical_loop article.next_post .blog_load_next { display: block; } .blog_vertical_loop .blog_load_prev { display: block; position: absolute; left: 0; bottom: -30px; width: 100%; } .blog_vertical_loop article.next_post .blog_load_prev { display: none; } .blog_vertical_loop_button { text-align: left; } .blog_vertical_loop_back_button { text-align: right; } .blog_vertical_loop_button .button_icon a, .blog_vertical_loop_back_button .button_icon a { width: 60px; height: 60px; background-color: #303030; display: inline-block; position: relative; text-align: center; border-radius: 50%; -webkit-transition: background-color 0.15s ease-out; -moz-transition: background-color 0.15s ease-out; -ms-transition: background-color 0.15s ease-out; -o-transition: background-color 0.15s ease-out; transition: background-color 0.15s ease-out; } .blog_vertical_loop_button .button_icon a:before, .blog_vertical_loop_back_button .button_icon a:before { content: '3'; font-family: "ElegantIcons"; font-variant: normal; font-weight: normal; line-height: 60px; text-transform: none; color: #ffffff; font-size: 22px; -webkit-transition: color 0.15s ease-out; -moz-transition: color 0.15s ease-out; -ms-transition: color 0.15s ease-out; -o-transition: color 0.15s ease-out; transition: color 0.15s ease-out; } .blog_vertical_loop_back_button .button_icon a:before { content: 'J'; } .blog_vertical_loop_button_holder .last_page { display: none; } .blog_vertical_loop article .post_image_title { opacity: 0; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 10; display: table; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .blog_vertical_loop article.next_post .post_image_title { opacity: 1; } .blog_vertical_loop article .post_image_title .post_image_title_inner { display: table-cell; vertical-align: middle; text-align: center; background-color: rgba(0, 0, 0, 0.6); } .blog_vertical_loop article .post_image_title .post_image_title_inner h2 { color: #ffffff; } .blog_holder.blog_vertical_loop_type { position: relative; } .blog_holder.blog_vertical_loop_type article:not(.format-quote):not(.format-link) .social_share_list_holder { margin-top: 15px; } .blog_holder.blog_vertical_loop_type .qbutton.loop_more { margin: 40px 0px 0px 0px; } .blog_holder.blog_vertical_loop_type article:not(.format-quote):not(.format-link) .post_text .post_text_inner { background-color: transparent; padding: 0; } .blog_holder.blog_vertical_loop_type article.format-quote .post_text, .blog_holder.blog_vertical_loop_type article.format-link .post_text { margin-bottom: 30px; } .blog_holder.blog_vertical_loop_type article .post_text h2 { margin-bottom: 35px; } .blog_holder article.blog_vertical_loop_type .post_info { margin-bottom: 8px; } .blog_holder.blog_vertical_loop_type article .post_info > span, .blog_holder.blog_vertical_loop_type article .post_info > div { padding-right: 20px; position: relative; float: left; } .blog_holder.blog_vertical_loop_type article .post_info > span:last-child, .blog_holder.blog_vertical_loop_type article .post_info > div:last-child { padding-right: 0px; } .blog_holder.blog_vertical_loop_type article .post_info > span:after, .blog_holder.blog_vertical_loop_type article .post_info > div:after { position: absolute; right: 5px; top: 0; content: "/"; } .blog_holder.blog_vertical_loop_type article .post_info > span:last-child:after, .blog_holder.blog_vertical_loop_type article .post_info > div:last-child:after { content: ""; } .blog_holder.blog_vertical_loop_type .blog_like a { line-height: inherit; } /* ========================================================================== End blog with next post on bottom ========================================================================== */ /* ========================================================================== Start of Parallax Layers ============================================================================ */ .qode_parallax_layers { width: 100%; height: 500px; position: relative; overflow: hidden; } .qode_parallax_layers_holder { position: relative; width: 110%; height: 110%; top: -5%; left: -5%; } .qode_parallax_layers_holder .image { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-size: cover; background-position: center center; transform: translateZ(0px); -webkit-transform: translateZ(0px); } .qode_parallax_layers_holder .paralax_layers_content_holder { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .qode_parallax_layers_holder .paralax_layers_content { display: table; width: 100%; height: 100%; } .qode_parallax_layers_holder .paralax_layers_content_inner { display: table-cell; vertical-align: middle; width: 100%; height: 100%; text-align: center; } /* ========================================================================== End of Parallax Layers ============================================================================ */ /* ========================================================================== Instagram start styles ========================================================================== */ .qode-instagram-feed { margin-left: -5px; margin-right: -5px; list-style: none; } .qode-instagram-feed.qodef-scale-with-light-overlay a { display: block; position: relative; overflow: hidden; } .qode-instagram-feed.qodef-scale-with-light-overlay a:after { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(255, 255, 255, 0.15); opacity: 0; -webkit-transition: opacity .4s ease; transition: opacity .4s ease; } .qode-instagram-feed.qodef-scale-with-light-overlay a:hover:after { opacity: 1; } .qode-instagram-feed.qodef-scale-with-light-overlay a:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); } .qode-instagram-feed.qodef-scale-with-light-overlay a img { -webkit-transition: -webkit-transform .4s ease; transition: transform .4s ease; } .qode-instagram-feed.qodef-scale-with-dark-overlay a { display: block; position: relative; overflow: hidden; } .qode-instagram-feed.qodef-scale-with-dark-overlay a:after { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.35); opacity: 0; -webkit-transition: opacity .4s ease; transition: opacity .4s ease; } .qode-instagram-feed.qodef-scale-with-dark-overlay a:hover:after { opacity: 1; } .qode-instagram-feed.qodef-scale-with-dark-overlay a:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); } .qode-instagram-feed.qodef-scale-with-dark-overlay a img { -webkit-transition: -webkit-transform .4s ease; transition: transform .4s ease; } .qode-instagram-feed li { float: left; padding: 0 5px !important; margin: 0 0 10px !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .qode-instagram-feed li img { display: block; } .qode-instagram-feed.qode-col-9 li { width: 11.11111111111111%; } .qode-instagram-feed.qode-col-8 li { width: 12.5%; } .qode-instagram-feed.qode-col-7 li { width: 14.28571428%; } .qode-instagram-feed.qode-col-6 li { width: 16.66666666666667%; } .qode-instagram-feed.qode-col-5 li { width: 20%; } .qode-instagram-feed.qode-col-4 li { width: 25%; } .qode-instagram-feed.qode-col-3 li { width: 33.33%; } .qode-instagram-feed.qode-col-2 li { width: 50%; } /* ========================================================================== Instagram end styles ========================================================================== */ /* ========================================================================== Justified gallery start styles ========================================================================== */ /* * Justified Gallery - v3.6.1 * http://miromannino.github.io/Justified-Gallery/ * Copyright (c) 2015 Miro Mannino * Licensed under the MIT license. */ @-webkit-keyframes justified-gallery-show-caption-animation { from { opacity: 0; } to { opacity: .7; } } @-moz-keyframes justified-gallery-show-caption-animation { from { opacity: 0; } to { opacity: .7; } } @-o-keyframes justified-gallery-show-caption-animation { from { opacity: 0; } to { opacity: .7; } } @keyframes justified-gallery-show-caption-animation { from { opacity: 0; } to { opacity: .7; } } @-webkit-keyframes justified-gallery-show-entry-animation { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes justified-gallery-show-entry-animation { from { opacity: 0; } to { opacity: 1; } } @-o-keyframes justified-gallery-show-entry-animation { from { opacity: 0; } to { opacity: 1; } } @keyframes justified-gallery-show-entry-animation { from { opacity: 0; } to { opacity: 1; } } .justified-gallery { width: 100%; position: relative; overflow: hidden; } .justified-gallery > a, .justified-gallery > div { position: absolute; display: inline-block; overflow: hidden; opacity: 0; filter: alpha(opacity=0); } .justified-gallery > a > img, .justified-gallery > div > img, .justified-gallery > a > a > img, .justified-gallery > div > a > img { position: absolute; top: 50%; left: 50%; margin: 0; padding: 0; border: 0; } .justified-gallery > a > .caption, .justified-gallery > div > .caption { display: none; position: absolute; bottom: 0; padding: 5px; background-color: #000; left: 0; right: 0; margin: 0; color: #fff; font-size: 12px; font-weight: 300; font-family: sans-serif; } .justified-gallery > a > .caption.caption-visible, .justified-gallery > div > .caption.caption-visible { display: initial; opacity: .7; filter: "alpha(opacity=70)"; -webkit-animation: justified-gallery-show-caption-animation 500ms 0 ease; -moz-animation: justified-gallery-show-caption-animation 500ms 0 ease; -ms-animation: justified-gallery-show-caption-animation 500ms 0 ease; } .justified-gallery > .entry-visible { opacity: 1; filter: alpha(opacity=100); -webkit-animation: justified-gallery-show-entry-animation 500ms 0 ease; -moz-animation: justified-gallery-show-entry-animation 500ms 0 ease; -ms-animation: justified-gallery-show-entry-animation 500ms 0 ease; } .justified-gallery > .jg-filtered { display: none; } .justified-gallery > .spinner { position: absolute; bottom: 0; margin-left: -24px; padding: 10px 0; left: 50%; opacity: initial; filter: initial; overflow: initial; } .justified-gallery > .spinner > span { display: inline-block; opacity: 0; filter: alpha(opacity=0); width: 8px; height: 8px; margin: 0 4px; background-color: #000; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } /* Added style */ .justified-gallery > article { position: absolute; display: inline-block; overflow: hidden; opacity: 0; filter: alpha(opacity=0); } .justified-gallery > article a img { position: absolute; top: 50%; left: 50%; margin: 0; padding: 0; border: 0; } /* ========================================================================== Justified gallery end styles ========================================================================== */ /* ========================================================================== Vertical Header ========================================================================== */ /* ========================================================================== Vertical menu styles ========================================================================== */ .vertical_menu_enabled .q_slider, .vertical_menu_enabled .full_width, .vertical_menu_enabled .content .container, .vertical_menu_enabled .title_outer, .vertical_menu_enabled footer { padding-left: 260px; } .boxed.vertical_menu_enabled .q_slider, .boxed.vertical_menu_enabled .full_width, .boxed.vertical_menu_enabled .content .container, .boxed.vertical_menu_enabled .title_outer, .boxed.vertical_menu_enabled footer { padding-left: 0px; } .boxed.vertical_menu_enabled, .boxed.vertical_menu_enabled footer.uncover { padding-left: 260px; } .vertical_menu_enabled .content .title .container { padding-left: 0px; } .vertical_menu_enabled .content .container, .vertical_menu_enabled .q_slider, .vertical_menu_enabled footer { width: auto; } aside.vertical_menu_area { position: fixed; width: 260px; top: 0; left: 0; padding: 10px 30px; background-color: #fff; height: 100%; z-index: 101; -webkit-backface-visibility: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; -ms-transition: background-color 0.3s ease; transition: background-color 0.3s ease; outline: none; } aside.vertical_menu_area.with_scroll { overflow: hidden; } aside.vertical_menu_area .vertical_menu_area_widget_holder { font-size: 13px; position: relative; } .vertical_menu_enabled.vertical_area_transparent .content { padding-left: 0px; } .vertical_menu_transparency_on aside.vertical_menu_area.light .vertical_menu_area_widget_holder, .vertical_menu_transparency_on aside.vertical_menu_area.light .widget a, .vertical_menu_transparency_on aside.vertical_menu_area.light .q_social_icon_holder i.simple_social, .vertical_menu_transparency_on aside.vertical_menu_area.light .q_social_icon_holder span.simple_social { color: #fff; } .vertical_menu_transparency_on aside.vertical_menu_area.dark .vertical_menu_area_widget_holder, .vertical_menu_transparency_on aside.vertical_menu_area.dark .widget a, .vertical_menu_transparency_on aside.vertical_menu_area.dark .q_social_icon_holder i.simple_social, .vertical_menu_transparency_on aside.vertical_menu_area.dark .q_social_icon_holder span.simple_social { color: #000; } .vertical_menu_enabled header { display: block; } .vertical_menu_enabled header .header_inner { display: none; } .vertical_area_background { position: fixed; width: 260px; height: 100%; background-position: right top; background-repeat: no-repeat; background-size: cover; top: 0px; left: 0px; z-index: 0; -webkit-transition: opacity 0.6s ease; -moz-transition: opacity 0.6s ease; -o-transition: opacity 0.6s ease; -ms-transition: opacity 0.6s ease; transition: opacity 0.6s ease; opacity: 1; } .vertical_logo_wrapper { z-index: 100; position: relative; } .vertical_logo_wrapper img { max-width: 100%; position: absolute; top: 0px; left: 0px; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .q_logo_vertical img.normal { position: relative; } .q_logo_vertical img.light, .q_logo_vertical img.dark { opacity: 0; } .vertical_menu_transparency_on .light .q_logo_vertical img.normal { opacity: 0; } .vertical_menu_transparency_on .light .q_logo_vertical img.light { opacity: 1; } .vertical_menu_transparency_on .light .q_logo_vertical img.dark { opacity: 0; } .vertical_menu_transparency_on .dark .q_logo_vertical img.normal { opacity: 0; } .vertical_menu_transparency_on .dark .q_logo_vertical img.light { opacity: 0; } .vertical_menu_transparency_on .dark .q_logo_vertical img.dark { opacity: 1; } nav.vertical_menu { position: relative; z-index: 101; margin: 45px 0 0 0; } .vertical_menu ul { list-style: none; } .vertical_menu ul li { position: relative; } nav.vertical_menu > ul > li > a { position: relative; color: #303030; font-size: 13px; font-weight: 700; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; display: block; position: relative; line-height: 34px; padding: 0 0px; margin: 0; cursor: pointer; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -o-transition: color 0.3s ease; -ms-transition: color 0.3s ease; transition: color 0.3s ease; } .vertical_menu_transparency_on .light nav.vertical_menu > ul > li > a { color: #ffffff; } .vertical_menu_transparency_on .dark nav.vertical_menu > ul > li > a { color: #000000; } .vertical_menu .second .inner { position: relative; display: block; padding: 0; z-index: 997; } .vertical_menu_toggle .second .inner_arrow, .vertical_menu_on_click .second .inner_arrow, .vertical_menu_float .second .inner_arrow { display: none; } .vertical_menu .second .inner > ul > li > a:hover { color: #303030; } .vertical_menu_toggle .second, .vertical_menu_on_click .second { margin: 0px; display: none; overflow: hidden; z-index: 10; } .vertical_menu_toggle .second ul ul, .vertical_menu_on_click .second ul ul { display: none; } nav.vertical_menu_toggle ul li a, nav.vertical_menu_on_click ul li a { display: block; } nav.vertical_menu_toggle ul li a .line, nav.vertical_menu_on_click ul li a .line { display: none; } nav.vertical_menu_toggle ul > li.menu-item-has-children > a > .plus, nav.vertical_menu_on_click ul > li.menu-item-has-children > a > .plus, nav.vertical_menu_float ul > li.menu-item-has-children > a > .plus { float: right; width: 20px; height: 8px; margin: 12px 0 0 0; z-index: 10000; display: block; position: relative; background-image: url("img/vertical_menu_cross.png"); background-repeat: no-repeat; background-position: 100%; -o-background-size: 8px 8px; -webkit-background-size: 8px 8px; -moz-background-size: 8px 8px; background-size: 8px 8px; } nav.vertical_menu_toggle ul li ul > li.menu-item-has-children > a > .plus, nav.vertical_menu_on_click ul li ul > li.menu-item-has-children > a > .plus, nav.vertical_menu_float ul li ul > li.menu-item-has-children > a > .plus { margin: 5px 0 0 0; } .no-touch nav.vertical_menu_toggle ul > li.menu-item-has-children > a:hover > .plus, .no-touch nav.vertical_menu_on_click ul > li.menu-item-has-children.open > a > .plus, .no-touch nav.vertical_menu_float ul > li.menu-item-has-children.open > a > .plus { background-image: url("img/vertical_menu_minus.png"); } .touch nav.vertical_menu_toggle ul > li.menu-item-has-children.open > a > .plus, .touch nav.vertical_menu_on_click ul > li.menu-item-has-children.open > a > .plus, .touch nav.vertical_menu_float ul > li.menu-item-has-children.open > a > .plus { background-image: url("img/vertical_menu_minus.png"); } nav.vertical_menu_toggle ul li.menu-item-has-children a span, nav.vertical_menu_on_click ul li.menu-item-has-children a span, nav.vertical_menu_float ul li.menu-item-has-children a span { display: inline-block; max-width: 180px; line-height: 1em; /* this is for undeline dash, because sthis span needs to be exactly around text since dash is -50% bottom */ } .vertical_menu_float .menu-item .second { position: absolute; top: 0; left: calc(100% + 30px); /*because of the padding*/ width: 100%; margin-left: 50px; opacity: 0; background-color: #fff; visibility: hidden; transition: all 0.3s ease-in-out; } .vertical_menu_float .menu-item .second * { visibility: hidden; transition: visibility 0.3s ease-in-out; } .vertical_menu_float .menu-item .second.vertical_menu_start { margin-left: 0px; opacity: 1; visibility: visible; } .vertical_menu_float .menu-item .second.vertical_menu_start * { visibility: visible; } .vertical_menu_float .menu-item .second.vertical_menu_start ul li ul, .vertical_menu_float .menu-item .second.vertical_menu_start ul li ul * { visibility: hidden; } .vertical_menu_float .menu-item .second.vertical_menu_start ul li ul.vertical_submenu_start, .vertical_menu_float .menu-item .second.vertical_menu_start ul li ul.vertical_submenu_start * { visibility: visible; } .vertical_menu_float .second .inner ul { width: 100%; } .vertical_menu_float li.narrow .second .inner ul { /*because of the .narrow styling*/ border: none; background-color: #fff; padding: 0; } .vertical_menu_float .second .inner ul li ul { position: absolute; border: none; top: 0; left: 100%; margin-left: 50px; height: auto; visibility: hidden; width: 100%; opacity: 0; overflow: hidden; z-index: 10; background-color: #fff; padding: 0; transition: all 0.3s ease-in-out; } .vertical_menu_float .second .inner ul li ul.vertical_submenu_start { opacity: 1; margin-left: 0; visibility: visible; } .vertical_menu_enabled.vertical_menu_transparency_on:not(.vertical_menu_hidden) aside.vertical_menu_area .vertical_menu_float .second .inner ul li ul, .vertical_menu_enabled.vertical_menu_transparency_on:not(.vertical_menu_hidden) aside.vertical_menu_area .vertical_menu_float .menu-item .second { background-color: transparent !important; } .vertical_menu_transparency_on .light nav.vertical_menu_toggle ul > li.menu-item-has-children > a > .plus, .vertical_menu_transparency_on .light nav.vertical_menu_on_click ul > li.menu-item-has-children > a > .plus, .vertical_menu_transparency_on .light nav.vertical_menu_float ul > li.menu-item-has-children > a > .plus { background-image: url("img/vertical_menu_cross_white.png"); } .vertical_menu_transparency_on .light nav.vertical_menu_toggle ul > li.menu-item-has-children > a:hover > .plus, .vertical_menu_transparency_on .light nav.vertical_menu_on_click ul > li.menu-item-has-children.open > a > .plus, .vertical_menu_transparency_on .light nav.vertical_menu_float ul > li.menu-item-has-children.open > a > .plus { background-image: url("img/vertical_menu_minus_white.png"); } .vertical_menu_transparency_on .dark nav.vertical_menu_toggle ul > li.menu-item-has-children > a > .plus, .vertical_menu_transparency_on .dark nav.vertical_menu_on_click ul > li.menu-item-has-children > a > .plus, .vertical_menu_transparency_on .dark nav.vertical_menu_float ul > li.menu-item-has-children > a > .plus { background-image: url("img/vertical_menu_cross_black.png"); } .vertical_menu_transparency_on .dark nav.vertical_menu_toggle ul > li.menu-item-has-children > a:hover > .plus, .vertical_menu_transparency_on .dark nav.vertical_menu_on_click ul > li.menu-item-has-children.open > a > .plus, .vertical_menu_transparency_on .dark nav.vertical_menu_float ul > li.menu-item-has-children.open > a > .plus { background-image: url("img/vertical_menu_minus_black.png"); } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 150 / 100), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 160dpi) { nav.vertical_menu_toggle ul li.menu-item-has-children a .plus, nav.vertical_menu_on_click ul li.menu-item-has-children a .plus, nav.vertical_menu_float ul li.menu-item-has-children a .plus { background-image: url("img/vertical_menu_cross@1_5x.png"); } .no-touch nav.vertical_menu_toggle ul > li.menu-item-has-children > a:hover > .plus, .no-touch nav.vertical_menu_on_click ul > li.menu-item-has-children.open > a > .plus, .no-touch nav.vertical_menu_float ul > li.menu-item-has-children.open > a > .plus { background-image: url("img/vertical_menu_minus@1_5x.png"); } .touch nav.vertical_menu_toggle ul > li.menu-item-has-children.open > a > .plus, .touch nav.vertical_menu_on_click ul > li.menu-item-has-children.open > a > .plus, .touch nav.vertical_menu_float ul > li.menu-item-has-children.open > a > .plus { background-image: url("img/vertical_menu_minus@1_5x.png"); } .vertical_menu_transparency_on .light nav.vertical_menu_toggle ul li.menu-item-has-children a .plus, .vertical_menu_transparency_on .light nav.vertical_menu_on_click ul li.menu-item-has-children a .plus, .vertical_menu_transparency_on .light nav.vertical_menu_float ul li.menu-item-has-children a .plus { background-image: url("img/vertical_menu_cross_white@1_5x.png"); } .vertical_menu_transparency_on .light nav.vertical_menu_toggle ul > li.menu-item-has-children > a:hover > .plus, .vertical_menu_transparency_on .light nav.vertical_menu_on_click ul > li.menu-item-has-children.open > a > .plus, .vertical_menu_transparency_on .light nav.vertical_menu_float ul > li.menu-item-has-children.open > a > .plus { background-image: url("img/vertical_menu_minus_white@1_5x.png"); } .vertical_menu_transparency_on .dark nav.vertical_menu_toggle ul li.menu-item-has-children a .plus, .vertical_menu_transparency_on .dark nav.vertical_menu_on_click ul li.menu-item-has-children a .plus, .vertical_menu_transparency_on .dark nav.vertical_menu_float ul li.menu-item-has-children a .plus { background-image: url("img/vertical_menu_cross_black@1_5x.png"); } .vertical_menu_transparency_on .dark nav.vertical_menu_toggle ul > li.menu-item-has-children > a:hover > .plus, .vertical_menu_transparency_on .dark nav.vertical_menu_on_click ul > li.menu-item-has-children.open > a > .plus, .vertical_menu_transparency_on .dark nav.vertical_menu_float ul > li.menu-item-has-children.open > a > .plus { background-image: url("img/vertical_menu_minus_black@1_5x.png"); } } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 200 / 100), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 210dpi) { nav.vertical_menu_toggle ul li.menu-item-has-children a .plus, nav.vertical_menu_on_click ul li.menu-item-has-children a .plus, nav.vertical_menu_float ul li.menu-item-has-children a .plus { background-image: url("img/vertical_menu_cross@2x.png"); } .no-touch nav.vertical_menu_toggle ul > li.menu-item-has-children > a:hover > .plus, .no-touch nav.vertical_menu_on_click ul > li.menu-item-has-children.open > a > .plus, .no-touch nav.vertical_menu_float ul > li.menu-item-has-children.open > a > .plus { background-image: url("img/vertical_menu_minus@2x.png"); } .touch nav.vertical_menu_toggle ul > li.menu-item-has-children.open > a > .plus, .touch nav.vertical_menu_on_click ul > li.menu-item-has-children.open > a > .plus, .touch nav.vertical_menu_float ul > li.menu-item-has-children.open > a > .plus { background-image: url("img/vertical_menu_minus@2x.png"); } .vertical_menu_transparency_on .light nav.vertical_menu_toggle ul li.menu-item-has-children a .plus, .vertical_menu_transparency_on .light nav.vertical_menu_on_click ul li.menu-item-has-children a .plus, .vertical_menu_transparency_on .light nav.vertical_menu_float ul li.menu-item-has-children a .plus { background-image: url("img/vertical_menu_cross_white@2x.png"); } .vertical_menu_transparency_on .light nav.vertical_menu_toggle ul > li.menu-item-has-children > a:hover > .plus, .vertical_menu_transparency_on .light nav.vertical_menu_on_click ul > li.menu-item-has-children.open > a > .plus, .vertical_menu_transparency_on .light nav.vertical_menu_float ul > li.menu-item-has-children.open > a > .plus { background-image: url("img/vertical_menu_minus_white@2x.png"); } .vertical_menu_transparency_on .dark nav.vertical_menu_toggle ul li.menu-item-has-children a .plus, .vertical_menu_transparency_on .dark nav.vertical_menu_on_click ul li.menu-item-has-children a .plus, .vertical_menu_transparency_on .dark nav.vertical_menu_float ul li.menu-item-has-children a .plus { background-image: url("img/vertical_menu_cross_black@2x.png"); } .vertical_menu_transparency_on .dark nav.vertical_menu_toggle ul > li.menu-item-has-children > a:hover > .plus, .vertical_menu_transparency_on .dark nav.vertical_menu_on_click ul > li.menu-item-has-children.open > a > .plus, .vertical_menu_transparency_on .dark nav.vertical_menu_float ul > li.menu-item-has-children.open > a > .plus { background-image: url("img/vertical_menu_minus_black@2x.png"); } } nav.vertical_menu_toggle ul li a .q_menu_arrow, nav.vertical_menu_on_click ul li a .q_menu_arrow, nav.vertical_menu_float ul li a .q_menu_arrow { display: none; } nav.vertical_menu_toggle li.narrow .second .inner ul, nav.vertical_menu_on_click li.narrow .second .inner ul { background-color: transparent; padding: 0; width: 100%; } nav.vertical_menu_toggle li.narrow .second .inner ul ul, nav.vertical_menu_on_click li.narrow .second .inner ul ul { display: none; } .vertical_menu_toggle .second .inner ul li a, .vertical_menu_on_click .second .inner ul li a, .vertical_menu_float .second .inner ul li a { display: block; height: auto; font-family: inherit; font-size: 13px; line-height: 18px; color: #818181; margin: 0; padding: 5px 0px 5px 0px; text-decoration: none; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -o-transition: color 0.3s ease; -ms-transition: color 0.3s ease; transition: color 0.3s ease; } .vertical_menu_transparency_on .light .vertical_menu_toggle .second .inner ul li a, .vertical_menu_transparency_on .light .vertical_menu_on_click .second .inner ul li a, .vertical_menu_transparency_on .light .vertical_menu_float .second .inner ul li a { color: #ffffff; } .vertical_menu_transparency_on .dark .vertical_menu_toggle .second .inner ul li a, .vertical_menu_transparency_on .dark .vertical_menu_on_click .second .inner ul li a, .vertical_menu_transparency_on .dark .vertical_menu_float .second .inner ul li a { color: #000000; } .vertical_menu_toggle .second .inner ul ul li a, .vertical_menu_on_click .second .inner ul ul li a, .vertical_menu_float .second .inner ul li a { padding-left: 15px; padding-right: 15px; } .vertical_menu_area_widget_holder { margin: 60px 0 0 0; } .vertical_menu_enabled .carousel-inner:not(.relative_position) { left: 260px !important; } .vertical_menu_area .q_social_icon_holder { margin: 0 8px 2px 0 !important; } .vertical_menu_enabled .content { margin-top: 0 !important; padding-top: 0 !important; } .boxed.vertical_menu_enabled .carousel-inner { width: 1150px !important; left: auto !important; } .vertical_menu_enabled.vertical_menu_transparency .full_section_inner { overflow: hidden; } .vertical_menu_enabled.vertical_menu_transparency_on:not(.vertical_menu_hidden) aside.vertical_menu_area { background-color: transparent !important; } .vertical_menu_enabled.vertical_menu_transparency_on:not(.vertical_menu_hidden) aside.vertical_menu_area .vertical_area_background { -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; transition: opacity 0.3s ease; opacity: 0 !important; } .vertical_menu_enabled.vertical_menu_transparency .q_slider { padding-left: 0px; } .vertical_menu_enabled.vertical_menu_enabled.vertical_menu_transparency .carousel-inner:not(.relative_position) { left: 0px !important; } .boxed.vertical_menu_enabled.vertical_menu_enabled.vertical_menu_transparency .carousel-inner:not(.relative_position) { left: auto !important; } .vertical_menu_enabled.vertical_menu_transparency .carousel-control.left { bottom: 60px; height: 44px; right: 105px; top: auto; width: 44px; opacity: 1 !important; } .vertical_menu_enabled.vertical_menu_transparency .carousel-control.right { bottom: 60px; height: 44px; right: 50px; top: auto; width: 44px; opacity: 1 !important; } .vertical_menu_enabled.vertical_menu_transparency .carousel-control .prev_nav { left: 0; margin: 0 !important; top: 0; height: 40px; width: 40px; line-height: 40px; } .vertical_menu_enabled.vertical_menu_transparency .carousel-control .next_nav { margin: 0 !important; right: 0; top: 0; height: 40px; width: 40px; line-height: 40px; } .vertical_menu_enabled.vertical_menu_transparency .carousel-control i { font-size: 24px; line-height: 40px; } .vertical_menu_enabled.vertical_menu_transparency .carousel-indicators { display: none !important; } .vertical_menu_enabled.page-template-landing_page-php .q_slider, .vertical_menu_enabled.page-template-landing_page-php .full_width, .vertical_menu_enabled.page-template-landing_page-php .content .container, .vertical_menu_enabled.page-template-landing_page-php .title_outer, .boxed.vertical_menu_enabled.page-template-landing_page-php, .vertical_menu_enabled.page-template-landing_page-php .full_screen_holder { padding-left: 0px !important; } .vertical_menu_enabled.page-template-landing_page-php .carousel-inner:not(.relative_position) { left: 0px !important; } /* vertical menu - hidden type START */ .vertical_menu_hidden aside.vertical_menu_area { -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.15); left: -220px; padding: 10px 40px; -webkit-transition: left 0.15s ease-out; -moz-transition: left 0.15s ease-out; -o-transition: left 0.15s ease-out; -ms-transform: left 0.15s ease-out; transition: left 0.15s ease-out; } .vertical_menu_hidden .vertical_area_background { left: -220px; -webkit-transition: left 0.15s ease-out; -moz-transition: left 0.15s ease-out; -o-transition: left 0.15s ease-out; -ms-transform: left 0.15s ease-out; transition: left 0.15s ease-out; } .vertical_menu_hidden.vertical_menu_hidden_with_logo aside.vertical_menu_area, .vertical_menu_hidden.vertical_menu_hidden_with_logo .vertical_area_background { left: -190px; } .vertical_menu_hidden aside.vertical_menu_area.active, .vertical_menu_hidden aside.vertical_menu_area.active .vertical_area_background { left: 0px; } .vertical_menu_enabled.vertical_menu_hidden:not(.boxed) .full_screen_holder, .vertical_menu_enabled.vertical_menu_hidden:not(.boxed) .q_slider, .vertical_menu_enabled.vertical_menu_hidden:not(.boxed) .full_width, body.page-template-blog-masonry-full-width-php.vertical_menu_enabled.vertical_menu_hidden:not(.boxed) .content .full_width, .vertical_menu_enabled.vertical_menu_hidden:not(.boxed) .content .container, .vertical_menu_enabled.vertical_menu_hidden:not(.boxed) .title_outer, .vertical_menu_enabled.vertical_menu_hidden:not(.boxed) footer, .boxed.vertical_menu_enabled.vertical_menu_hidden, .boxed.vertical_menu_enabled.vertical_menu_hidden footer.uncover { padding-left: 40px; } .vertical_menu_enabled.vertical_menu_hidden:not(.boxed) .carousel-inner:not(.relative_position) { left: 40px !important; } .vertical_menu_enabled.vertical_menu_hidden.vertical_menu_hidden_with_logo:not(.boxed) .full_screen_holder, .vertical_menu_enabled.vertical_menu_hidden.vertical_menu_hidden_with_logo:not(.boxed) .q_slider, .vertical_menu_enabled.vertical_menu_hidden.vertical_menu_hidden_with_logo:not(.boxed) .full_width, .vertical_menu_enabled.vertical_menu_hidden.vertical_menu_hidden_with_logo:not(.boxed) .content .container, .vertical_menu_enabled.vertical_menu_hidden.vertical_menu_hidden_with_logo:not(.boxed) .title_outer, .vertical_menu_enabled.vertical_menu_hidden.vertical_menu_hidden_with_logo:not(.boxed) footer, .boxed.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_hidden_with_logo, .boxed.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_hidden_with_logo footer.uncover { padding-left: 70px; } .vertical_menu_enabled.vertical_menu_hidden.vertical_menu_hidden_with_logo:not(.boxed) .carousel-inner:not(.relative_position) { left: 70px !important; } .vertical_menu_enabled.vertical_menu_hidden .carousel-control .prev_nav, .vertical_menu_enabled.vertical_menu_hidden .carousel-control .next_nav { margin-top: -27px !important; } .vertical_menu_hidden_button { position: fixed; top: 0; left: 0px; width: 40px; height: 40px; z-index: 11; display: block; } .vertical_menu_enabled.vertical_menu_hidden.vertical_menu_hidden_with_logo .vertical_menu_hidden_button { width: 70px; height: 40px; z-index: 1000; } .vertical_menu_hidden_button_line { position: absolute; top: 50%; left: 50%; font-size: 30px; display: block; margin-left: -11px; width: 22px; height: 3px; background: #303030; } .vertical_menu_hidden_button_line:after, .vertical_menu_hidden_button_line:before { content: ''; position: absolute; width: 100%; height: 3px; background: #303030; left: 0; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; } .vertical_menu_hidden_button_line:before { top: -6px; } .vertical_menu_hidden_button_line:after { bottom: -6px; } .vertical_menu_area.active .vertical_menu_hidden_button .vertical_menu_hidden_button_line { background: rgba(220, 151, 31, 0); } .vertical_menu_area.active .vertical_menu_hidden_button .vertical_menu_hidden_button_line:after { -webkit-transform: rotate(-45deg) translate(2px, -8px); -moz-transform: rotate(-45deg) translate(3px, -8px); -ms-transform: rotate(-45deg) translate(3px, -8px); -o-transform: rotate(-45deg) translate(3px, -8px); transform: rotate(-45deg) translate(3px, -8px); } .vertical_menu_area.active .vertical_menu_hidden_button .vertical_menu_hidden_button_line:before { -webkit-transform: rotate(45deg) translate(4px, 9px); -moz-transform: rotate(45deg) translate(3px, 8px); -ms-transform: rotate(45deg) translate(3px, 8px); -o-transform: rotate(45deg) translate(3px, 8px); transform: rotate(45deg) translate(3px, 8px); } .vertical_menu_hidden_button_line, .vertical_menu_hidden_button_line:before, .vertical_menu_hidden_button_line:after { -webkit-transition: all 0.3s cubic-bezier(0.585, -0.6, 0.43, 1.65); -moz-transition: all 0.3s cubic-bezier(0.585, -0.6, 0.43, 1.65); -ms-transition: all 0.3s cubic-bezier(0.585, -0.6, 0.43, 1.65); -o-transition: all 0.3s cubic-bezier(0.585, -0.6, 0.43, 1.65); transition: all 0.3s cubic-bezier(0.585, -0.6, 0.43, 1.65); } .vertical_menu_hidden_button:hover .vertical_menu_hidden_button_line:before { top: -8px; } .vertical_menu_hidden_button:hover .vertical_menu_hidden_button_line:after { bottom: -8px; } .vertical_menu_area.active .vertical_menu_hidden_button .vertical_menu_hidden_button_line:after { bottom: -8px; } .vertical_menu_area.active .vertical_menu_hidden_button .vertical_menu_hidden_button_line:before { top: -8px; } .vertical_menu_hidden .vertical_menu_area_bottom_logo { position: fixed; width: 70px; text-align: center; bottom: 0px; z-index: 1000; } .vertical_menu_hidden .vertical_menu_area_bottom_logo_inner { position: absolute; bottom: 20px; box-sizing: border-box; text-align: center; width: 100%; } .vertical_menu_hidden .vertical_menu_area_bottom_logo_inner a { display: block; padding: 0 10px; } .vertical_menu_hidden .vertical_menu_area_bottom_logo { left: 0; -webkit-transition: left 0.15s ease-in-out; -moz-transition: left 0.15s ease-in-out; -ms-transition: left 0.15s ease-in-out; -o-transition: left 0.15s ease-in-out; transition: left 0.15s ease-in-out; } .vertical_menu_hidden .vertical_menu_area_bottom_logo.active { left: -70px; } .vertical_menu_hidden.vertical_menu_hidden_with_logo .vertical_menu_area:not(.active) .vertical_menu_area_inner { left: -30px; } .vertical_menu_hidden.vertical_menu_hidden_with_logo .vertical_menu_area .vertical_menu_area_inner { left: 0; } .vertical_menu_hidden.vertical_menu_hidden_with_logo .vertical_menu_area .vertical_menu_area_inner { position: relative; height: 100%; } /*vertical menu width for initially hidden type*/ .vertical_menu_hidden.vertical_menu_width_290 aside.vertical_menu_area, .vertical_menu_hidden.vertical_menu_width_290 aside.vertical_menu_area .vertical_area_background { width: 290px; left: -250px; } .vertical_menu_hidden.vertical_menu_width_350 aside.vertical_menu_area, .vertical_menu_hidden.vertical_menu_width_350 aside.vertical_menu_area .vertical_area_background { width: 350px; left: -310px; } .vertical_menu_hidden.vertical_menu_width_400 aside.vertical_menu_area, .vertical_menu_hidden.vertical_menu_width_400 aside.vertical_menu_area .vertical_area_background { width: 400px; left: -360px; } .vertical_menu_hidden.vertical_menu_width_290 aside.vertical_menu_area.active, .vertical_menu_hidden.vertical_menu_width_290 aside.vertical_menu_area.active .vertical_area_background, .vertical_menu_hidden.vertical_menu_width_350 aside.vertical_menu_area.active, .vertical_menu_hidden.vertical_menu_width_350 aside.vertical_menu_area.active .vertical_area_background, .vertical_menu_hidden.vertical_menu_width_400 aside.vertical_menu_area.active, .vertical_menu_hidden.vertical_menu_width_400 aside.vertical_menu_area.active .vertical_area_background { left: 0; } /*vertical menu width for initially hidden type with logo at bottom */ .vertical_menu_hidden.vertical_menu_hidden_with_logo.vertical_menu_width_290 aside.vertical_menu_area, .vertical_menu_hidden.vertical_menu_hidden_with_logo.vertical_menu_width_290 aside.vertical_menu_area .vertical_area_background { width: 290px; left: -220px; } .vertical_menu_hidden.vertical_menu_hidden_with_logo.vertical_menu_width_350 aside.vertical_menu_area, .vertical_menu_hidden.vertical_menu_hidden_with_logo.vertical_menu_width_350 aside.vertical_menu_area .vertical_area_background { width: 350px; left: -280px; } .vertical_menu_hidden.vertical_menu_hidden_with_logo.vertical_menu_width_400 aside.vertical_menu_area, .vertical_menu_hidden.vertical_menu_hidden_with_logo.vertical_menu_width_400 aside.vertical_menu_area .vertical_area_background { width: 400px; left: -330px; } .vertical_menu_hidden.vertical_menu_hidden_with_logo.vertical_menu_width_290 aside.vertical_menu_area.active, .vertical_menu_hidden.vertical_menu_hidden_with_logo.vertical_menu_width_290 aside.vertical_menu_area.active .vertical_area_background, .vertical_menu_hidden.vertical_menu_hidden_with_logo.vertical_menu_width_350 aside.vertical_menu_area.active, .vertical_menu_hidden.vertical_menu_hidden_with_logo.vertical_menu_width_350 aside.vertical_menu_area.active .vertical_area_background, .vertical_menu_hidden.vertical_menu_hidden_with_logo.vertical_menu_width_400 aside.vertical_menu_area.active, .vertical_menu_hidden.vertical_menu_hidden_with_logo.vertical_menu_width_400 aside.vertical_menu_area.active .vertical_area_background { left: 0; } /* vertical menu - hidden type END */ .vertical_menu_area.vertically_center_content .vertical_menu_area_inner { height: 100%; position: relative; width: 100%; } .vertical_menu_area.vertically_center_content nav.vertical_menu { box-sizing: border-box; display: table; height: 100%; left: 0; margin: 0; padding: 100px 0 150px; position: absolute; text-align: inherit; top: 0; width: 100%; } .vertical_menu_area.vertically_center_content nav.vertical_menu ul { display: table-cell; height: auto; margin: 0; min-height: 0; position: relative; text-align: left; vertical-align: middle; z-index: 101; } .vertical_menu_area.vertically_center_content .vertical_menu_area_widget_holder { bottom: 0; left: 0; position: absolute; z-index: 101; margin: 0; } .vertical_menu_area.vertically_center_content .vertical_menu_area_widget_holder .widget { margin-bottom: 15px; } /* ========================================================================== End Vertical menu styles ========================================================================== */ /* ========================================================================== Fullscreen Menu Appearance ========================================================================== */ /* Fullscreen fade animations general - begin ========================================================================== */ @-webkit-keyframes fade_out { 0% { opacity: 1; visibility: visible; } 100% { opacity: 0; visibility: hidden; } } @-moz-keyframes fade_out { 0% { opacity: 1; visibility: visible; } 100% { opacity: 0; visibility: hidden; } } @keyframes fade_out { 0% { opacity: 1; visibility: visible; } 100% { opacity: 0; visibility: hidden; } } @-webkit-keyframes fade_in { 0% { opacity: 0; visibility: hidden; } 100% { opacity: 1; visibility: visible; } } @-moz-keyframes fade_in { 0% { opacity: 0; visibility: hidden; } 100% { opacity: 1; visibility: visible; } } @keyframes fade_in { 0% { opacity: 0; visibility: hidden; } 100% { opacity: 1; visibility: visible; } } .qode_popup_menu_push_text_right .popup_menu_holder_outer, .qode_popup_menu_push_text_top .popup_menu_holder_outer, .qode_popup_menu_text_scaledown .popup_menu_holder_outer { width: 100%; height: 100%; top: 0; left: 0; visibility: hidden; overflow: hidden !important; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: fixed; z-index: 105; opacity: 0; } .qode_popup_menu_fade_out .popup_menu_holder_outer { backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-animation: fade_out .25s linear both; animation: fade_out .25s linear both; } .popup_menu_opened.qode_popup_menu_fade_in .popup_menu_holder_outer { backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-animation: fade_in .25s linear both; animation: fade_in .25s linear both; } /* Fullscreen fade animations general - end ========================================================================== */ /* Fullscreen animation push text right - begin ========================================================================== */ @-webkit-keyframes push_text_right { 0% { opacity: 0; -webkit-transform: translateX(-60px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes push_text_right { 0% { opacity: 0; -moz-transform: translateX(-60px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @keyframes push_text_right { 0% { opacity: 0; transform: translateX(-60px); } 100% { opacity: 1; transform: translateX(0); } } @-webkit-keyframes push_nav_right { 0% { opacity: 0; -webkit-transform: translateX(-60px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes push_nav_right { 0% { opacity: 0; -moz-transform: translateX(-60px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @keyframes push_nav_right { 0% { opacity: 0; transform: translateX(-60px); } 100% { opacity: 1; transform: translateX(0); } } .popup_menu_opened.qode_popup_menu_push_text_right .popup_menu_holder_outer nav > ul > li > a, .popup_menu_opened.qode_popup_menu_push_text_right .popup_menu_holder_outer .popup_menu_widget_holder > div { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-animation: push_text_right 0.4s cubic-bezier(0.175, 0.885, 0.32, 1) both; -moz-animation: push_text_right 0.4s cubic-bezier(0.175, 0.885, 0.32, 1) both; animation: push_text_right 0.4s cubic-bezier(0.175, 0.885, 0.32, 1) both; } .qode_popup_menu_push_text_right.qode_popup_menu_push_nav_right .popup_menu_holder_outer nav, .qode_popup_menu_push_text_right.qode_popup_menu_push_nav_right .popup_menu_holder_outer .popup_menu_widget_holder { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all 0.75s ease-out; -moz-transition: all 0.75s ease-out; transition: all 0.75s ease-out; -webkit-transform: translateX(50px); -moz-transform: translateX(50px); transform: translateX(50px); } /* Fullscreen animation push text right - end ========================================================================== */ /* Fullscreen animation push text top - begin ========================================================================== */ @-webkit-keyframes push_text_top { 0% { opacity: 0; -webkit-transform: translateY(60px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes push_text_top { 0% { opacity: 0; -moz-transform: translateY(60px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @keyframes push_text_top { 0% { opacity: 0; transform: translateY(60px); } 100% { opacity: 1; transform: translateY(0); } } .popup_menu_opened.qode_popup_menu_push_text_top .popup_menu_holder_outer nav > ul > li > a, .popup_menu_opened.qode_popup_menu_push_text_top .popup_menu_holder_outer .popup_menu_widget_holder > div { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-animation: push_text_top 0.4s ease-out both 0.5s; -moz-animation: push_text_top 0.4s ease-out both 0.5s; animation: push_text_top 0.4s ease-out both 0.5s; } .qode_popup_menu_push_text_top.qode_popup_menu_push_nav_top .popup_menu_holder_outer nav, .qode_popup_menu_push_text_top.qode_popup_menu_push_nav_top .popup_menu_holder_outer .popup_menu_widget_holder { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); transform: translateY(-30px); -webkit-transition: all 0.75s ease-out; -moz-transition: all 0.75s ease-out; transition: all 0.75s ease-out; } /* Fullscreen animation push text top - end ========================================================================== */ /* Fullscreen animation fade text scaledown - begin ========================================================================== */ .popup_menu_opened.qode_popup_menu_text_scaledown .popup_menu_holder_outer nav, .popup_menu_opened.qode_popup_menu_text_scaledown .popup_menu_holder_outer .popup_menu_widget_holder { backface-visibility: hidden; -webkit-backface-visibility: hidden; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); -webkit-transition: all 0.25s linear 0.1s; -moz-transition: all 0.25s linear 0.1s; transition: all 0.25s linear 0.1s; } .qode_popup_menu_text_scaledown .popup_menu_holder_outer nav, .qode_popup_menu_text_scaledown .popup_menu_holder_outer .popup_menu_widget_holder { backface-visibility: hidden; -webkit-backface-visibility: hidden; opacity: 0; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.25s linear 0.1s; -moz-transition: all 0.25s linear 0.1s; transition: all 0.25s linear 0.1s; } /* Fullscreen animation fade text scaledown - end ========================================================================== */ /* ========================================================================== Content Slider ========================================================================== */ /* Content Slider - begin ========================================================================== */ .qode_content_slider { overflow: hidden; position: relative; } .qode_content_slider .qode_content_slider_inner { padding-left: 1px; } .qode_content_slider .flex-control-nav { text-align: center; } .qode_content_slider .flex-control-nav li { display: inline-block; width: 9px; height: 9px; margin: 0 5px; } .qode_content_slider .flex-control-nav li a { display: block; width: 100%; height: 100%; text-indent: -9999px; background-color: #cfcfcf; border-radius: 50%; } .qode_content_slider .flex-control-nav li a.flex-active { background-color: #303030; } .qode_content_slider .flex-direction-nav a { border: medium none; -webkit-transition: background-color 0.2s ease; -moz-transition: background-color 0.2s ease; transition: background-color 0.2s ease; } .qode_content_slider .flex-direction-nav i { -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; transition: color 0.2s ease; } .qode_content_slider .flex-direction-nav .flex-prev { border-radius: 2em; left: 15px; } .qode_content_slider .flex-direction-nav .flex-next { border-radius: 2em; right: 15px; } .qode_content_slider .flex-direction-nav .flex-prev:hover, .qode_content_slider .flex-direction-nav .flex-next:hover { background-color: #fff; } .qode_content_slider .flex-direction-nav .flex-prev:hover i, .qode_content_slider .flex-direction-nav .flex-next:hover i { color: #8a8a8a; } .qode_content_slider.has_control_nav .flex-direction-nav a { -webkit-transform: translateY(-50px); transform: translateY(-50px); } .qode_content_slider.drag_enabled { cursor: e-resize; cursor: -webkit-grab; cursor: grab; } .qode_content_slider.control_nav_justified { overflow: visible; } .qode_content_slider.control_nav_justified .flex-control-nav { position: relative; margin: auto; } .qode_content_slider.control_nav_justified .flex-control-nav:after { content: ''; position: absolute; top: calc(50% - 1px); left: 0; width: 100%; height: 2px; z-index: -1; } .qode_content_slider.control_nav_justified .flex-control-nav li { position: relative; margin: 0; vertical-align: middle; height: auto; width: auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .qode_content_slider.control_nav_justified .flex-control-nav li a { width: 16px; height: 16px; background-color: #fff !important; -webkit-box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.48); -moz-transition: all 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.48); transition: all 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.48); } .qode_content_slider.control_nav_justified .flex-control-nav li a:after { content: ''; position: absolute; width: 6px; height: 6px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #cfcfcf; } .qode_content_slider.control_nav_justified .flex-control-nav li a.flex-active { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); transform: scale(1.3); -webkit-box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, 0.12); box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, 0.12); } /* Content Slider - end ========================================================================== */ /* ========================================================================== Pricing Table ========================================================================== */ /* Pricing Table - begin ========================================================================== */ .q_price_table.qode_pricing_table_advanced { color: inherit; border-top: none; } .q_price_table.qode_pricing_table_advanced .price_table_inner { background-color: transparent; position: relative; display: table; width: 100%; table-layout: fixed; } .q_price_table.qode_pricing_table_advanced .price_table_inner .price { font-size: 77px; line-height: 60px; padding: 0 3px; font-weight: 200; vertical-align: middle; display: inline-block; } .q_price_table.qode_pricing_table_advanced .price_table_inner .mark { position: relative; line-height: 19px; vertical-align: bottom; margin-top: 31px; display: block; font-size: 13px; } .q_price_table.qode_pricing_table_advanced .price_table_inner .value { position: relative; top: -13px; font-weight: 700; font-size: 19px; color: #1abc9c; } .q_price_table.qode_pricing_table_advanced .qode_pt_subtitle { display: block; font-size: 13px; color: #1abc9c; } .q_price_table.qode_pricing_table_advanced .qode_price_table_prices { display: table-cell; vertical-align: top; width: 40%; text-align: right; } .q_price_table.qode_pricing_table_advanced .qode_pricing_table_text { list-style: none; display: table-cell; vertical-align: top; width: 60%; padding-left: 30px !important; margin: 0; } .q_price_table.qode_pricing_table_advanced .qode_pricing_table_text li { text-align: left; padding: 0; } .q_price_table.qode_pricing_table_advanced .qode_pricing_table_text li.qode_pt_title { padding: 2px 0 18px; } .q_price_table.qode_pricing_table_advanced .qode_pricing_table_text li ul { padding: 18px 0 25px; } .q_price_table.qode_pricing_table_advanced .qode_pricing_table_text li ul li { padding: 5px 0; } .q_price_table.qode_pricing_table_advanced .price_button .qbutton { margin: 0; } .q_price_table.qode_pricing_table_advanced .qode_pt_additional_info { margin-top: 40px; padding-top: 20px; border-top: 1px solid #e3e3e3; font-size: 13px; } .q_price_table.qode_pricing_table_advanced .qode_pt_additional_info .qode_pt_icon { color: #1abc9c; font-size: 19px; margin-right: 12px; vertical-align: middle; } .q_price_table.qode_pricing_table_advanced .qode_pt_image { margin-bottom: 38px; } /* Pricing Table - end ========================================================================== */ /* ========================================================================== Banner ========================================================================== */ /* Content Slider - begin ========================================================================== */ .qode-banner { overflow: hidden; position: relative; } .qode-banner .qode-banner-image img { vertical-align: middle; } .qode-banner .qode-banner-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 11; } .qode-banner .qode-banner-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; padding: 7.2%; box-sizing: border-box; background-color: rgba(0, 0, 0, 0.3); -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } .qode-banner .qode-banner-content .qode-banner-content-inner { display: table; width: 100%; height: 100%; } .qode-banner .qode-banner-content .qode-banner-text-holder { display: table-cell; vertical-align: middle; text-align: center; } .qode-banner .qode-banner-content .qode-banner-text-holder * { color: #fff; } .qode-banner.qode-banner-va-bottom .qode-banner-content .qode-banner-text-holder { vertical-align: bottom; } .qode-banner.qode-banner-va-top .qode-banner-content .qode-banner-text-holder { vertical-align: top; } .qode-banner:hover .qode-banner-content { opacity: 0; } /* Content Slider - end ========================================================================== */ /* ========================================================================== Transparent Content ========================================================================== */ /* Transparent Content - begin ========================================================================== */ .transparent_content .wrapper, .transparent_content .content, .transparent_content .content .container, .transparent_content .full_width, .transparent_content .container_inner.default_template_holder, .transparent_content .more_facts_holder, .transparent_content .paspartu_outer, .transparent_content .paspartu_left, .transparent_content .paspartu_right, .transparent_content .paspartu_bottom, .transparent_content .paspartu_outer .edgt_slider, .transparent_content .paspartu_outer .content:not(.has_slider) .content_inner { background-color: transparent !important; } .transparent_content.overlapping_content .content .content_inner > .container, .transparent_content.overlapping_content .content .content_inner > .full_width > .full_width_inner { background-color: #ffffff; } /* Transparent Content - end ========================================================================== */ /* ========================================================================== Twitter Feed ========================================================================== */ /* Twitter Feed - begin ========================================================================== */ .qode-twitter-feed-shortcode { overflow: hidden; } .qode-twitter-feed-shortcode .qode-tfs-inner { margin: -33px -25px; } .qode-twitter-feed-shortcode .qode-tfs-inner .qode-tfs-item { width: 33.33%; float: left; } .qode-twitter-feed-shortcode .qode-tfs-inner .qode-tfs-item:nth-child(3n+1) { clear: both; } .qode-twitter-feed-shortcode .qode-tfs-inner .qode-tfs-item .qode-tfs-item-inner { padding: 33px 25px; box-sizing: border-box; } .qode-twitter-feed-shortcode .qode-tfs-inner .qode-tfs-image-info-holder { display: table; margin-bottom: 13px; } .qode-twitter-feed-shortcode .qode-tfs-inner .qode-tfs-info { line-height: 1em; margin-top: 3px; } .qode-twitter-feed-shortcode .qode-tfs-inner .qode-tfs-image { display: table-cell; width: 60px; } .qode-twitter-feed-shortcode .qode-tfs-inner .qode-tfs-image img { vertical-align: middle; } .qode-twitter-feed-shortcode .qode-tfs-inner .qode-tfs-info-holder { display: table-cell; vertical-align: middle; padding-left: 20px; font-size: 0.8em; text-align: left; } .qode-twitter-feed-shortcode .qode-tfs-inner .qode-tfs-time { padding-left: 3px; } .qode-twitter-feed-shortcode .qode-tfs-inner .qode-tfs-text { text-align: left; } .qode-twitter-feed-shortcode .qode-tfs-inner .qode-tfs-text * { color: inherit; } ul.qode_twitter_widget li { margin-bottom: 10px; } /* Twitter Feed - end ========================================================================== */ /* ========================================================================== Pinterest Blog Masonry Gallery ========================================================================== */ .blog_holder.masonry_gallery { overflow: visible !important; opacity: 0; } .blog_holder.masonry_gallery .blog_holder_grid_sizer { width: 25%; } .blog_holder.masonry_gallery .blog_holder_grid_gutter { width: 0%; } .blog_holder.masonry_gallery #infscr-loading { bottom: -35px; } .blog_holder.masonry_gallery article { display: block; margin-bottom: 0; width: 25%; padding: 0; text-align: left; vertical-align: top; z-index: 100; box-sizing: border-box; } .blog_holder.masonry_gallery article.large-width-height, .blog_holder.masonry_gallery article.large-width { width: 50%; } .blog_holder.masonry_gallery article .ql_full_link { display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 100; } .blog_holder.masonry_gallery article .post_image > a { height: 100%; display: block; position: relative; } .blog_holder.masonry_gallery article .post_image > a:after, .blog_holder.masonry_gallery article .post_image .flexslider .slides a:after { background: rgba(0, 0, 0, 0.13) none repeat scroll 0 0; content: ""; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; -webkit-transition: opacity 0.2s ease-out 0s; transition: opacity 0.2s ease-out 0s; width: 100%; z-index: 3; } .blog_holder.masonry_gallery article .time { background-color: #fff; left: 0; margin: 0px; padding: 5px 13px; position: absolute; text-align: center; top: 0; color: #212121; line-height: 22px; font-size: 11px; z-index: 4; } .blog_holder.masonry_gallery article .time .time_day { font-size: 26px; line-height: 26px; font-weight: 700; } .blog_holder.masonry_gallery article .time .time_year { color: #a7a7a7; } .blog_holder.masonry_gallery article .time span { display: block; } .blog_holder.masonry_gallery article .post_text { display: block; position: absolute; bottom: 20px; width: 100%; padding: 0 60px; text-align: center; z-index: 99; box-sizing: border-box; } .blog_holder.masonry_gallery article .post_text h5 a { color: #fff; font-size: 28px; text-transform: none; font-weight: 700; } .blog_holder.masonry_gallery article .post_text .post_text_inner { padding: 0; background-color: transparent; } .blog_holder.masonry_gallery article .post_info { margin-bottom: 10px; margin-top: 1px; color: #fff; } .blog_holder.masonry_gallery article .post_info a:not(:hover) { color: #fff; } .blog_holder.masonry_gallery article .post_info .social_share_list_holder ul li i { color: #fff; } .blog_holder.masonry_gallery article .post_content_holder, .blog_holder.masonry_gallery article .post_image { height: 100%; } .blog_holder.masonry_gallery article.format-quote, .blog_holder.masonry_gallery article.format-link { background-color: #fff; -webkit-transition: background-color .2s ease-out; transition: background-color .2s ease-out; } .blog_holder.masonry_gallery article.format-quote .time, .blog_holder.masonry_gallery article.format-link .time { background-color: #212121; color: #fff; -webkit-transition: background-color .2s ease-out, color .2s ease-out; transition: background-color .2s ease-out, color .2s ease-out; } .blog_holder.masonry_gallery article.format-quote .time .time_year, .blog_holder.masonry_gallery article.format-link .time .time_year { color: #fff; } .blog_holder.masonry_gallery article.format-quote .post_text, .blog_holder.masonry_gallery article.format-link .post_text { top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); text-align: left; padding: 0px 57px; } .blog_holder.masonry_gallery article.format-quote .post_text .post_text_inner, .blog_holder.masonry_gallery article.format-quote .post_text:hover .post_text_inner, .blog_holder.masonry_gallery article.format-link .post_text .post_text_inner, .blog_holder.masonry_gallery article.format-link .post_text:hover .post_text_inner { padding: 0; background-color: transparent !important; } .blog_holder.masonry_gallery article.format-quote .post_title, .blog_holder.masonry_gallery article.format-link .post_title { padding: 0px; } .blog_holder.masonry_gallery article.format-quote .post_title a, .blog_holder.masonry_gallery article.format-link .post_title a { font-size: 28px; font-weight: 700; } .blog_holder.masonry_gallery article.format-quote .quote_author, .blog_holder.masonry_gallery article.format-link .quote_author { font-size: 12px; font-weight: 300; } .blog_holder.masonry_gallery article.format-quote .post_title a, .blog_holder.masonry_gallery article.format-quote .post_title span, .blog_holder.masonry_gallery article.format-quote i.qoute_mark, .blog_holder.masonry_gallery article.format-quote i.link_mark, .blog_holder.masonry_gallery article.format-quote .post_info span, .blog_holder.masonry_gallery article.format-quote .social_share_list_holder ul li i, .blog_holder.masonry_gallery article.format-link .post_title a, .blog_holder.masonry_gallery article.format-link .post_title span, .blog_holder.masonry_gallery article.format-link i.qoute_mark, .blog_holder.masonry_gallery article.format-link i.link_mark, .blog_holder.masonry_gallery article.format-link .post_info span, .blog_holder.masonry_gallery article.format-link .social_share_list_holder ul li i { color: #212121; -webkit-transition: color .2s ease; transition: color .2s ease; } .blog_holder.masonry_gallery article.format-quote i.qoute_mark, .blog_holder.masonry_gallery article.format-quote i.link_mark, .blog_holder.masonry_gallery article.format-link i.qoute_mark, .blog_holder.masonry_gallery article.format-link i.link_mark { position: absolute; top: 25px; right: 25px; font-size: 28px; } .blog_holder.masonry_gallery article.format-quote:hover, .blog_holder.masonry_gallery article.format-link:hover { background-color: #1abc9c; } .blog_holder.masonry_gallery article.format-quote:hover .entry_title, .blog_holder.masonry_gallery article.format-link:hover .entry_title { text-decoration: underline; } .blog_holder.masonry_gallery article.format-quote:hover .post_title a, .blog_holder.masonry_gallery article.format-quote:hover .post_title span, .blog_holder.masonry_gallery article.format-quote:hover i.qoute_mark, .blog_holder.masonry_gallery article.format-quote:hover i.link_mark, .blog_holder.masonry_gallery article.format-quote:hover .post_info span, .blog_holder.masonry_gallery article.format-quote:hover .social_share_list_holder ul li i, .blog_holder.masonry_gallery article.format-link:hover .post_title a, .blog_holder.masonry_gallery article.format-link:hover .post_title span, .blog_holder.masonry_gallery article.format-link:hover i.qoute_mark, .blog_holder.masonry_gallery article.format-link:hover i.link_mark, .blog_holder.masonry_gallery article.format-link:hover .post_info span, .blog_holder.masonry_gallery article.format-link:hover .social_share_list_holder ul li i { color: #fff; } .blog_holder.masonry_gallery article:not(.format-link):not(.format-quote):hover .entry_title { text-decoration: underline; } .blog_holder.masonry_gallery article:not(.format-link):not(.format-quote):hover .post_image > a:after, .blog_holder.masonry_gallery article:not(.format-link):not(.format-quote):hover .post_image .flexslider .slides a:after { opacity: 1; } /* ========================================================================== Pinterest Blog Gallery ========================================================================== */ .blog_holder.blog_gallery { overflow: visible !important; opacity: 0; } .blog_holder.blog_gallery .blog_holder_grid_sizer { width: 33.33%; } .blog_holder.blog_gallery .blog_holder_grid_gutter { width: 0%; } .blog_holder.blog_gallery #infscr-loading { bottom: -35px; } .blog_holder.blog_gallery article { display: block; margin-bottom: 0; width: 33.33%; padding: 0; text-align: left; vertical-align: top; z-index: 100; box-sizing: border-box; } .blog_holder.blog_gallery article.large-width-height, .blog_holder.blog_gallery article.large-width { width: 50%; } .blog_holder.blog_gallery article .post_image > a { height: 100%; display: block; position: relative; } .blog_holder.blog_gallery article .post_image > a:after, .blog_holder.blog_gallery article .post_image .flexslider .slides a:after { background: rgba(0, 0, 0, 0.13) none repeat scroll 0 0; content: ""; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transition: opacity 0.2s ease-out 0s; width: 100%; z-index: 3; } .blog_holder.blog_gallery article .post_overlay { position: absolute; z-index: 98; top: 20%; left: 0; right: 0; bottom: 0; background: -webkit-linear-gradient(transparent, black); background: linear-gradient(transparent, black); } .blog_holder.blog_gallery article .post_text { display: block; position: absolute; bottom: 50px; width: 100%; padding: 0 65px; text-align: left; z-index: 99; box-sizing: border-box; } .blog_holder.blog_gallery article .post_text h5 { margin: 0 0 18px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } .blog_holder.blog_gallery article .post_text h5 a { color: #fff; text-transform: none; font-size: 36px; line-height: 42px; font-weight: 700; } .blog_holder.blog_gallery article .post_text .post_excerpt { visibility: hidden; opacity: 0; color: #fff; -webkit-transition: opacity 0.2s cubic-bezier(0.3, 0.67, 0.24, 0.86), visibility 0.2s; -moz-transition: opacity 0.2s cubic-bezier(0.3, 0.67, 0.24, 0.86), visibility 0.2s; transition: opacity 0.2s cubic-bezier(0.3, 0.67, 0.24, 0.86), visibility 0.2s; margin-bottom: 20px; } .blog_holder.blog_gallery article .post_text .post_text_inner { padding: 0; background-color: transparent !important; } .blog_holder.blog_gallery article:hover .post_excerpt { -webkit-transition: opacity 0.4s cubic-bezier(0.3, 0.67, 0.24, 0.86) 0.15s; -moz-transition: opacity 0.4s cubic-bezier(0.3, 0.67, 0.24, 0.86) 0.15s; transition: opacity 0.4s cubic-bezier(0.3, 0.67, 0.24, 0.86) 0.15s; } .blog_holder.blog_gallery article .post_info { margin-bottom: 0; margin-top: 0; color: #fff; text-transform: uppercase; font-size: 10px; letter-spacing: 3px; } .blog_holder.blog_gallery article .post_info a:not(:hover) { color: #fff; } .blog_holder.blog_gallery article .post_category { color: #fff; text-transform: uppercase; font-size: 10px; letter-spacing: 3px; display: block; margin-bottom: 23px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } .blog_holder.blog_gallery article .post_category a { color: #fff; border: 1px solid #fff; border-radius: 15px; padding: 3px 12px; -webkit-transition: color 0.2s ease-out, border-color 0.2s ease-out; -moz-transition: color 0.2s ease-out, border-color 0.2s ease-out; transition: color 0.2s ease-out, border-color 0.2s ease-out; } .blog_holder.blog_gallery article .post_content_holder, .blog_holder.blog_gallery article .post_image { height: 100%; } .blog_holder.blog_gallery article:not(.format-link):not(.format-quote) .post_text { -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.44, 1.22, 0, 1.43); transition: transform 0.2s cubic-bezier(0.44, 1.22, 0, 1.43); } .blog_holder.blog_gallery article.format-link .post_text:hover .post_text_inner, .blog_holder.blog_gallery article.format-quote .post_text:hover .post_text_inner { background-color: transparent !important; border-color: transparent !important; } /* ========================================================================== Pinterest Blog Chequered ========================================================================== */ .blog_holder.blog_chequered { overflow: visible !important; opacity: 0; margin-bottom: 30px; } .blog_holder.blog_chequered .blog_holder_grid_sizer { width: 25%; } .blog_holder.blog_chequered .blog_holder_grid_gutter { width: 0%; } .blog_holder.blog_chequered #infscr-loading { bottom: -35px; } .blog_holder.blog_chequered article { display: block; margin-bottom: 0; width: 25%; padding: 0; text-align: left; vertical-align: top; z-index: 100; box-sizing: border-box; } .blog_holder.blog_chequered article.large-width-height, .blog_holder.blog_chequered article.large-width { width: 50%; } .blog_holder.blog_chequered article .ql_full_link { display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 100; } .blog_holder.blog_chequered article .post_image > a { height: 100%; display: block; position: relative; } .blog_holder.blog_chequered article .post_image > a:after, .blog_holder.blog_chequered article .post_image .flexslider .slides a:after { background: rgba(0, 0, 0, 0.13) none repeat scroll 0 0; content: ""; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; z-index: 3; -webkit-transition: opacity 0.2s cubic-bezier(0.3, 0.67, 0.24, 0.86); -moz-transition: opacity 0.2s cubic-bezier(0.3, 0.67, 0.24, 0.86); transition: opacity 0.2s cubic-bezier(0.3, 0.67, 0.24, 0.86); } .blog_holder.blog_chequered article .post_text { display: block; position: absolute; top: 0; height: 100%; width: 100%; padding: 45px 50px 0; text-align: left; z-index: 99; box-sizing: border-box; } .blog_holder.blog_chequered article .post_text h5 { font-size: 23px; line-height: 29px; text-transform: none; font-weight: 700; margin-bottom: 0; } .blog_holder.blog_chequered article .post_text h5 a { color: #fff; } .blog_holder.blog_chequered article .post_text .post_text_inner { padding: 0; background-color: transparent; } .blog_holder.blog_chequered article span.audio_icon, .blog_holder.blog_chequered article span.video_icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; background-color: #fff; border-radius: 100%; width: 62px; height: 62px; line-height: 62px; text-align: center; color: #393939; font-size: 20px; } .blog_holder.blog_chequered article .date { display: block; font-size: 10px; text-transform: uppercase; font-weight: 700; color: #fff; margin-bottom: 4px; } .blog_holder.blog_chequered article .post_info { margin-bottom: 0; margin-top: 0; color: #fff; position: absolute; bottom: 40px; left: 50px; font-size: 10px; text-transform: uppercase; letter-spacing: 2px; font-weight: 700; } .blog_holder.blog_chequered article .post_info a { color: #fff; } .blog_holder.blog_chequered article .post_info .social_share_list_holder ul li i { color: #fff; } .blog_holder.blog_chequered article .post_content_holder, .blog_holder.blog_chequered article .post_image { height: 100%; } .blog_holder.blog_chequered article .post_content_holder { overflow: hidden; position: relative; } .blog_holder.blog_chequered article.format-quote, .blog_holder.blog_chequered article.format-link { background-color: #fff; -webkit-transition: background-color .3s ease; transition: background-color .2s ease; } .blog_holder.blog_chequered article.format-quote .post_text, .blog_holder.blog_chequered article.format-link .post_text { top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); text-align: left; padding: 0px 45px; height: auto; } .blog_holder.blog_chequered article.format-quote .post_text .post_text_inner, .blog_holder.blog_chequered article.format-quote .post_text:hover .post_text_inner, .blog_holder.blog_chequered article.format-link .post_text .post_text_inner, .blog_holder.blog_chequered article.format-link .post_text:hover .post_text_inner { padding: 0; background-color: transparent !important; } .blog_holder.blog_chequered article.format-quote .post_title, .blog_holder.blog_chequered article.format-link .post_title { padding: 0px; } .blog_holder.blog_chequered article.format-quote .post_title p, .blog_holder.blog_chequered article.format-link .post_title p { font-size: 17px; line-height: 23px; font-weight: 700; } .blog_holder.blog_chequered article.format-quote .quote_author, .blog_holder.blog_chequered article.format-link .quote_author { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; } .blog_holder.blog_chequered article.format-quote .post_title a, .blog_holder.blog_chequered article.format-quote .post_title span, .blog_holder.blog_chequered article.format-quote i.qoute_mark, .blog_holder.blog_chequered article.format-quote i.link_mark, .blog_holder.blog_chequered article.format-quote .post_info span, .blog_holder.blog_chequered article.format-quote .social_share_list_holder ul li i, .blog_holder.blog_chequered article.format-link .post_title a, .blog_holder.blog_chequered article.format-link .post_title span, .blog_holder.blog_chequered article.format-link i.qoute_mark, .blog_holder.blog_chequered article.format-link i.link_mark, .blog_holder.blog_chequered article.format-link .post_info span, .blog_holder.blog_chequered article.format-link .social_share_list_holder ul li i { color: #212121; -webkit-transition: color 0.2s cubic-bezier(0.3, 0.67, 0.24, 0.86); -moz-transition: color 0.2s cubic-bezier(0.3, 0.67, 0.24, 0.86); transition: color 0.2s cubic-bezier(0.3, 0.67, 0.24, 0.86); } .blog_holder.blog_chequered article.format-quote i.link_mark, .blog_holder.blog_chequered article.format-link i.link_mark { position: absolute; top: -14px; right: 11px; font-size: 77px; color: #e1e1e1; } .blog_holder.blog_chequered article.format-quote i.qoute_mark, .blog_holder.blog_chequered article.format-link i.qoute_mark { position: absolute; top: -50px; right: -18px; font-size: 125px; color: #e1e1e1; } .blog_holder.blog_chequered article.format-quote:hover, .blog_holder.blog_chequered article.format-link:hover { background-color: #1abc9c; } .blog_holder.blog_chequered article.format-quote:hover .post_title a, .blog_holder.blog_chequered article.format-quote:hover .post_title span, .blog_holder.blog_chequered article.format-quote:hover i.qoute_mark, .blog_holder.blog_chequered article.format-quote:hover i.link_mark, .blog_holder.blog_chequered article.format-quote:hover .post_info span, .blog_holder.blog_chequered article.format-quote:hover .social_share_list_holder ul li i, .blog_holder.blog_chequered article.format-link:hover .post_title a, .blog_holder.blog_chequered article.format-link:hover .post_title span, .blog_holder.blog_chequered article.format-link:hover i.qoute_mark, .blog_holder.blog_chequered article.format-link:hover i.link_mark, .blog_holder.blog_chequered article.format-link:hover .post_info span, .blog_holder.blog_chequered article.format-link:hover .social_share_list_holder ul li i { color: #fff; } .blog_holder.blog_chequered article:not(.format-link):not(.format-quote) .post_text { opacity: 0; background-color: rgba(0, 0, 0, 0.6); -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; } .blog_holder.blog_chequered article:not(.format-link):not(.format-quote):hover { -webkit-transition: background-color 0.2s cubic-bezier(0.3, 0.67, 0.24, 0.86); -moz-transition: background-color 0.2s cubic-bezier(0.3, 0.67, 0.24, 0.86); transition: background-color 0.2s cubic-bezier(0.3, 0.67, 0.24, 0.86); } .blog_holder.blog_chequered article:not(.format-link):not(.format-quote):hover .post_text { opacity: 1; } .blog_holder.blog_chequered article:not(.format-link):not(.format-quote):hover .post_image > a:after, .blog_holder.blog_chequered article:not(.format-link):not(.format-quote):hover .post_image .flexslider .slides a:after { opacity: 1; } /* ========================================================================== Pinterest Blog Compound ========================================================================== */ .blog_compound article { border-bottom: 1px solid #e5e5e5; margin-bottom: 56px; padding-bottom: 58px; } .blog_compound article .qodef-image-shader { display: block; position: relative; } .blog_compound article .qodef-image-shader:after { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; background-color: rgba(0, 0, 0, 0.3); -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; transition: opacity 0.2s; } .blog_compound article .qode_blog_gallery_item.qode_blog_img_large_height .qodef-image-shader { height: 100%; } .blog_compound article a:hover .qodef-image-shader:after { opacity: 1; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; transition: opacity 0.4s; } .blog_compound article:last-child { border: 0px; } .blog_compound article .post_image img { position: relative; display: block; } .blog_compound article .post_text { margin-top: 45px; } .blog_compound article .post_meta { display: inline-block; width: 100%; vertical-align: middle; margin-top: 40px; } .blog_compound article .post_meta .three_columns > .column1 { text-align: left; } .blog_compound article .post_meta .three_columns > .column2 { text-align: center; } .blog_compound article .post_meta .three_columns > .column3 { text-align: right; } .blog_compound article .post_meta .post_comments, .blog_compound article .post_meta .blog_like a, .blog_compound article .post_meta .blog_share a { font-style: italic; } .blog_compound article .post_meta .post_comments:not(:hover), .blog_compound article .post_meta .blog_like a:not(:hover), .blog_compound article .post_meta .blog_share a:not(:hover) { color: #7f7f7f; } .blog_compound article .post_meta .blog_share { margin-left: 10px; } .blog_compound article .two_columns_50_50 .post_text { margin-top: 0px; } .blog_compound article .post_title { text-align: center; } .blog_compound article .post_title .category { margin-bottom: 10px; display: block; } .blog_compound article .post_title .category a, .blog_compound article .post_title .category .date { color: #1abc9c; font-size: 10px; letter-spacing: 2px; text-transform: uppercase; text-decoration: underline; } .blog_compound.sticky_posts article:last-child { margin: 0px; } .blog_compound.sticky_posts .post_title { text-align: center; margin: 45px 0px -15px; } .qode_blog_masonry_gallery .qode_blog_gallery_sizer { width: calc((100% - 8px) / 2); } .qode_blog_masonry_gallery .qode_blog_gallery_gutter { width: 8px; } .qode_blog_masonry_gallery .qode_blog_gallery_item { box-sizing: border-box; width: calc((100% - 8px) / 2); } .qode_blog_masonry_gallery .qode_blog_gallery_item a { display: block; padding: 0 0 8px; height: 100%; } .qode_blog_masonry_gallery .qode_blog_gallery_item a img { vertical-align: middle; height: calc(100% - 8px); } .qode_blog_masonry_gallery .qode_blog_gallery_item.qode_blog_img_large_height, .qode_blog_masonry_gallery .qode_blog_gallery_item.qode_blog_img_large_height_width { box-sizing: border-box; } .qode_blog_masonry_gallery .qode_blog_gallery_item.qode_blog_img_large_height a, .qode_blog_masonry_gallery .qode_blog_gallery_item.qode_blog_img_large_height_width a { height: calc(100% - 8px); } .qode_blog_masonry_gallery .qode_blog_gallery_item.qode_blog_img_large_height a img, .qode_blog_masonry_gallery .qode_blog_gallery_item.qode_blog_img_large_height_width a img { height: 100%; } .qode_blog_masonry_gallery .qode_blog_gallery_item.qode_blog_img_large_height_width, .qode_blog_masonry_gallery .qode_blog_gallery_item.qode_blog_img_large_width { width: 100%; } /* ========================================================================== Pinterest Blog List ========================================================================== */ .blog_holder.blog_pinterest { margin-bottom: 20px; transition: none !important; overflow: visible !important; opacity: 0; } .blog_holder.blog_pinterest .blog_holder_grid_sizer { width: 31.7%; } .blog_holder.blog_pinterest .blog_holder_grid_gutter { width: 2.3%; } .blog_holder.blog_pinterest .mejs-container, .blog_holder.blog_pinterest .mejs-mediaelement { border: none; } .blog_holder.blog_pinterest article { display: block; float: left; margin: 0 0 30px; padding: 0; text-align: left; vertical-align: top; z-index: 100; border: 0; width: 31.7%; } .blog_holder.blog_pinterest article .entry_title:hover { text-decoration: underline; } .blog_holder.blog_pinterest article .blog_holder_grid_gutter { width: 3%; } .blog_holder.blog_pinterest article .post_text .post_text_inner { padding: 22px 30px 25px; background-color: #fff; } .blog_holder.blog_pinterest article.format-link .post_text .post_text_inner, .blog_holder.blog_pinterest article.format-quote .post_text .post_text_inner { padding: 50px 45px; background-color: #fff !important; text-align: center; } .blog_holder.blog_pinterest article.format-link .post_text .post_text_inner .icon, .blog_holder.blog_pinterest article.format-quote .post_text .post_text_inner .icon { font-size: 55px; color: #e0e0e0; margin-bottom: 30px; display: block; } .blog_holder.blog_pinterest article.format-link .post_text .post_text_inner h5 span, .blog_holder.blog_pinterest article.format-quote .post_text .post_text_inner h5 span { font-size: 0.8em; } .blog_holder.blog_pinterest article.format-link .quote_author, .blog_holder.blog_pinterest article.format-quote .quote_author { margin-top: 12px; text-transform: uppercase; font-size: 10px; color: #2e2e2e !important; font-weight: 600; } .blog_holder.blog_pinterest article.format-audio .post_text .post_text_inner { padding-top: 8px; } .blog_holder.blog_pinterest article .post_image { margin: 0; width: auto; } .blog_holder.blog_pinterest article .post_info { margin-bottom: 10px; } .blog_holder.blog_pinterest article .post_info, .blog_holder.blog_pinterest article .post_info a:not(:hover) { font-size: 10px; color: #2e2e2e; text-transform: uppercase; } .blog_holder.blog_pinterest article h5 a { color: #2e2e2e; font-size: 23px; line-height: 26px; text-transform: none; margin: 0px; } .two_columns_75_25 .blog_holder.blog_pinterest article, .two_columns_75_25 .blog_holder.blog_pinterest .blog_holder_grid_sizer, .two_columns_25_75 .blog_holder.blog_pinterest article, .two_columns_25_75 .blog_holder.blog_pinterest .blog_holder_grid_sizer, .two_columns_66_33 .blog_holder.blog_pinterest article, .two_columns_66_33 .blog_holder.blog_pinterest .blog_holder_grid_sizer, .two_columns_33_66 .blog_holder.blog_pinterest article, .two_columns_33_66 .blog_holder.blog_pinterest .blog_holder_grid_sizer { width: 48%; } .two_columns_75_25 .blog_holder.blog_pinterest .blog_holder_grid_gutter, .two_columns_25_75 .blog_holder.blog_pinterest .blog_holder_grid_gutter, .two_columns_66_33 .blog_holder.blog_pinterest .blog_holder_grid_gutter, .two_columns_33_66 .blog_holder.blog_pinterest .blog_holder_grid_gutter { width: 4%; } /* ========================================================================== Headlines Blog List ========================================================================== */ .blog_headlines { margin-bottom: 56px; } .blog_headlines article { margin-bottom: 40px; text-align: center; } .blog_headlines article h2 { line-height: 1em; opacity: 0; -webkit-transform: translateY(50px) scale(0.7); -moz-transform: translateY(50px) scale(0.7); transform: translateY(50px) scale(0.7); -webkit-transition: opacity 0.6s ease, transform 0.6s ease; -moz-transition: opacity 0.6s ease, transform 0.6s ease; transition: opacity 0.6s ease, transform 0.6s ease; } .blog_headlines article h2.show { opacity: 1; -webkit-transform: translateY(0px) scale(1); -moz-transform: translateY(0px) scale(1); transform: translateY(0px) scale(1); } .blog_headlines article h2 a { line-height: 1em; } /* ========================================================================== Post Image Title Blog Single ========================================================================== */ .blog_holder.single_image_title_post article .post_content_holder { position: relative; } .blog_holder.single_image_title_post article .post_image { text-align: center; } .blog_holder.single_image_title_post article .single_top_part_holder { position: absolute; top: 0; left: 0; height: 100%; width: 100%; text-align: center; background-color: rgba(0, 0, 0, 0.3); } .blog_holder.single_image_title_post article .single_top_part { display: table; height: 100%; width: 100%; } .blog_holder.single_image_title_post article .single_top_part_inner { display: table-cell; height: 100%; vertical-align: middle; } .blog_holder.single_image_title_post article .post_info { text-transform: uppercase; font-size: 10px; font-weight: 500; letter-spacing: 3px; display: block; color: #fff; } .blog_holder.single_image_title_post article .post_info a { color: #fff; } .blog_holder.single_image_title_post article .post_info a:hover span { color: #fff; } .blog_holder.single_image_title_post article .post_category { text-transform: uppercase; font-size: 10px; font-weight: 500; letter-spacing: 3px; display: block; margin-bottom: 17px; } .blog_holder.single_image_title_post article .post_category a { color: #fff; -webkit-transition: color 0.2s ease-out, border-color 0.2s ease-out; -moz-transition: color 0.2s ease-out, border-color 0.2s ease-out; transition: color 0.2s ease-out, border-color 0.2s ease-out; } .blog_holder.single_image_title_post article h1 { color: #fff; } .blog_holder.single_image_title_post article .itp_post_text .post_text_inner { padding: 95px 0 0 0; } .blog_holder.single_image_title_post article .single_bottom_part { display: inline-block; vertical-align: middle; width: 100%; padding: 80px 0 30px; border-bottom: 1px solid #e5e5e5; } .blog_holder.single_image_title_post article .single_bottom_part .single_bottom_part_left { width: 50%; float: left; text-align: left; } .blog_holder.single_image_title_post article .single_bottom_part .single_bottom_part_left .single_tags { margin: 0; } .blog_holder.single_image_title_post article .single_bottom_part .single_bottom_part_left .tags_text h5 { display: none; } .blog_holder.single_image_title_post article .single_bottom_part .single_bottom_part_right { width: 50%; float: left; text-align: right; } .blog_holder.single_image_title_post article .single_bottom_part .single_bottom_part_right .social_share_list_holder > span { display: none; } .blog_holder.single_image_title_post .comment_holder { padding-left: 10%; padding-right: 10%; } .blog_holder.single_image_title_post .comment_form { box-sizing: border-box; padding-left: 10%; padding-right: 10%; } /* ========================================================================== Cards Slider Shortcode ========================================================================== */ @-webkit-keyframes tease-card-headers { 0% { opacity: 0; transform: translate(-20%, 0); } 100% { opacity: 1; transform: translate(0, 0); } } @keyframes tease-card-headers { 0% { opacity: 0; transform: translate(-20%, 0); } 100% { opacity: 1; transform: translate(0, 0); } } .qode-cards-holder { max-width: 1100px; margin: 0px auto; } .cards { position: relative; height: 60px; margin-top: 50px; z-index: 10; } .cards .card { width: 100%; box-sizing: border-box; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: absolute; height: 60px; } .cards .card .card-inner { position: relative; height: 100%; border-radius: 4px 4px 0 0; overflow: hidden; background-position: 0 0; background-repeat: no-repeat; background-size: 100% auto; box-shadow: 0 -10px 10px rgba(95, 95, 95, 0.03); } .cards .card:nth-last-child(6) { padding: 0 110px; top: -75px; } .cards .card:nth-last-child(5) { padding: 0 90px; top: -60px; } .cards .card:nth-last-child(4) { padding: 0 65px; top: -45px; } .cards .card:nth-last-child(3) { padding: 0 40px; top: -30px; } .cards .card:nth-last-child(2) { padding: 0 20px; top: -15px; } .cards .card:nth-last-child(1) { padding: 0 0px; top: 0px; } .cards .card:not(:last-of-type) { cursor: pointer; } .cards .card:not(:last-of-type):not(.active):hover, .cards .card:not(:last-of-type):not(.active).hovered { -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); transform: translateY(-15px); } .qode-card-panes { position: relative; width: 100%; } .qode-card-panes .pane { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; transition: opacity 0.5s ease; z-index: 1; box-shadow: 0 1px 25px rgba(95, 95, 95, 0.08); } .qode-card-panes .pane:after { border-radius: 100px / 10px; bottom: 0; box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); content: ""; left: 50%; position: absolute; right: 10px; top: 49%; z-index: -1; width: 98%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); } .qode-card-panes .pane.active { opacity: 1; z-index: 2; } .qode-card-panes .pane .card { display: none; } .qode-card-panes .pane.navigation-bullets-disabled .qode-card-slider-holder-outer { padding-bottom: 65px; } .qode-card-panes .pane.border-radius .qode-card-slider-holder .qode-card-slider .slide img { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .qode-card-panes .pane.qode-slide-shadow .qode-card-slider-holder .qode-card-slider .slide img { box-shadow: 0 3px 20px rgba(95, 95, 95, 0.08); } .qode-card-panes .pane.hover-animation .qode-card-slider-holder .qode-card-slider .slide:hover { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); transform: translateY(-10px); } .qode-card-panes .pane.no-shadow { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .qode-card-panes .pane.no-shadow:after { display: none; } .qode-card-panes .pane.no-shadow .qode-card-slider-holder-outer { padding: 0px; } .qode-card-slider-holder-outer { padding-top: 53px; padding-bottom: 88px; } .qode-card-slider-holder { position: relative; } .qode-card-slider-holder .qode-card-slider { transition: margin 0.5s ease-in-out 0s; white-space: nowrap; width: 100%; position: relative; } .qode-card-slider-holder .qode-card-slider .slide { float: left; padding: 0px 23px; position: relative; box-sizing: border-box; max-width: 100%; -webkit-transition: transform 0.3s ease; -moz-transition: transform 0.3s ease; transition: transform 0.3s ease; } .qode-card-slider-holder .qode-card-slider .slide img { display: block; position: relative; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .qode-card-slider-holder .controls.arrows { position: static; } .qode-card-slider-holder .controls.bullets { width: 100%; position: absolute; left: 0; z-index: 100; height: 27px; bottom: -57px; } .qode-card-slider-holder .controls .button { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); padding: 0; width: 90px; height: 90px; z-index: 100; background-color: transparent; border: 0; cursor: pointer; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; background-color: #fff; box-shadow: 0 0 3px 0 rgba(163, 163, 163, 0.45); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .qode-card-slider-holder .controls .button:hover { box-shadow: 0 0 5px 0 rgba(163, 163, 163, 0.45); } .qode-card-slider-holder .controls .button span { position: absolute; top: 0px; font-size: 56px; height: 90px; line-height: 90px; width: 90px; text-align: center; text-indent: 0; visibility: visible; cursor: pointer; } .qode-card-slider-holder .controls .button.prev { left: -60px; } .qode-card-slider-holder .controls .button.prev span { left: -2px; } .qode-card-slider-holder .controls .button.next { right: -60px; } .qode-card-slider-holder .controls .button.next span { right: -2px; } .qode-card-slider-holder .controls .button.hidden { opacity: 0; visibility: hidden; } .qode-card-slider-holder .controls .button.hidden span { visibility: hidden; } .qode-card-slider-holder .controls .dots { position: relative; } .qode-card-slider-holder .controls .dots .dots-inner { margin: 0px auto; display: table; } .qode-card-slider-holder .controls .dots .dots-inner .dot { position: relative; width: 7px; height: 7px; display: inline-block; vertical-align: middle; padding: 0; cursor: pointer; margin: 0px 5px; background-color: #c5c5c5; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: background-color 0.2s ease; -moz-transition: background-color 0.2s ease; transition: background-color 0.2s ease; } .qode-card-slider-holder .controls .dots .dots-inner .dot.active { background-color: #000; } /* ========================================================================== Cards Gallery Shortcode ========================================================================== */ .qode-cards-gallery-holder { padding: 10px 0px; position: relative; } .qode-cards-gallery-holder .qode-cards-gallery { width: 100%; } .qode-cards-gallery-holder img { position: relative; display: block; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .qode-cards-gallery-holder .fake_card { position: relative; display: block; opacity: 0; visibility: hidden; pointer-events: none; } .qode-cards-gallery-holder .card { box-sizing: border-box; position: absolute; -webkit-transition: transform 0.5s ease-in-out, margin 0.3s ease-in-out, left 0.3s ease-in-out, right 0.3s ease-in-out, top 0.3s ease-in-out, bottom 0.3s ease-in-out; -moz-transition: transform 0.5s ease-in-out, margin 0.3s ease-in-out, left 0.3s ease-in-out, right 0.3s ease-in-out, top 0.3s ease-in-out, bottom 0.3s ease-in-out; transition: transform 0.5s ease-in-out, margin 0.3s ease-in-out, left 0.3s ease-in-out, right 0.3s ease-in-out, top 0.3s ease-in-out, bottom 0.3s ease-in-out; width: 100%; background-color: #fff; -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2); } .qode-cards-gallery-holder .card:not(:last-of-type) { cursor: pointer; } .qode-cards-gallery-holder.left .card.out { -webkit-transition: transform 0.5s ease-in-out, left 0.3s ease-in-out; -moz-transition: transform 0.5s ease-in-out, left 0.3s ease-in-out; transition: transform 0.5s ease-in-out, left 0.3s ease-in-out; } .qode-cards-gallery-holder.left .card:nth-last-child(8) { -webkit-transform: scale(0.3); -moz-transform: scale(0.3); transform: scale(0.3); left: -70%; } .qode-cards-gallery-holder.left .card:nth-last-child(7) { -webkit-transform: scale(0.4); -moz-transform: scale(0.4); transform: scale(0.4); left: -60%; } .qode-cards-gallery-holder.left .card:nth-last-child(6) { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); transform: scale(0.5); left: -50%; } .qode-cards-gallery-holder.left .card:nth-last-child(5) { -webkit-transform: scale(0.6); -moz-transform: scale(0.6); transform: scale(0.6); left: -40%; } .qode-cards-gallery-holder.left .card:nth-last-child(4) { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); transform: scale(0.7); left: -30%; } .qode-cards-gallery-holder.left .card:nth-last-child(3) { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); transform: scale(0.8); left: -20%; } .qode-cards-gallery-holder.left .card:nth-last-child(2) { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); transform: scale(0.9); left: -10%; } .qode-cards-gallery-holder.left .card:nth-last-child(1) { padding: 0; left: 0px; } .qode-cards-gallery-holder.left .card:not(:last-of-type):not(.active):hover { margin-left: -10px !important; } .qode-cards-gallery-holder.right .card.out { -webkit-transition: transform 0.5s ease-in-out, right 0.3s ease-in-out; -moz-transition: transform 0.5s ease-in-out, right 0.3s ease-in-out; transition: transform 0.5s ease-in-out, right 0.3s ease-in-out; } .qode-cards-gallery-holder.right .card:nth-last-child(8) { -webkit-transform: scale(0.3); -moz-transform: scale(0.3); transform: scale(0.3); right: -70%; } .qode-cards-gallery-holder.right .card:nth-last-child(7) { -webkit-transform: scale(0.4); -moz-transform: scale(0.4); transform: scale(0.4); right: -60%; } .qode-cards-gallery-holder.right .card:nth-last-child(6) { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); transform: scale(0.5); right: -50%; } .qode-cards-gallery-holder.right .card:nth-last-child(5) { -webkit-transform: scale(0.6); -moz-transform: scale(0.6); transform: scale(0.6); right: -40%; } .qode-cards-gallery-holder.right .card:nth-last-child(4) { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); transform: scale(0.7); right: -30%; } .qode-cards-gallery-holder.right .card:nth-last-child(3) { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); transform: scale(0.8); right: -20%; } .qode-cards-gallery-holder.right .card:nth-last-child(2) { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); transform: scale(0.9); right: -10%; } .qode-cards-gallery-holder.right .card:nth-last-child(1) { padding: 0; right: 0px; } .qode-cards-gallery-holder.right .card:not(:last-of-type):not(.active):hover { margin-right: -10px !important; } .qode-cards-gallery-holder.top .card.out { -webkit-transition: transform 0.5s ease-in-out, top 0.3s ease-in-out; -moz-transition: transform 0.5s ease-in-out, top 0.3s ease-in-out; transition: transform 0.5s ease-in-out, top 0.3s ease-in-out; } .qode-cards-gallery-holder.top .card:nth-last-child(8) { -webkit-transform: scale(0.3); -moz-transform: scale(0.3); transform: scale(0.3); top: -70%; } .qode-cards-gallery-holder.top .card:nth-last-child(7) { -webkit-transform: scale(0.4); -moz-transform: scale(0.4); transform: scale(0.4); top: -60%; } .qode-cards-gallery-holder.top .card:nth-last-child(6) { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); transform: scale(0.5); top: -50%; } .qode-cards-gallery-holder.top .card:nth-last-child(5) { -webkit-transform: scale(0.6); -moz-transform: scale(0.6); transform: scale(0.6); top: -40%; } .qode-cards-gallery-holder.top .card:nth-last-child(4) { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); transform: scale(0.7); top: -30%; } .qode-cards-gallery-holder.top .card:nth-last-child(3) { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); transform: scale(0.8); top: -20%; } .qode-cards-gallery-holder.top .card:nth-last-child(2) { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); transform: scale(0.9); top: -10%; } .qode-cards-gallery-holder.top .card:nth-last-child(1) { padding: 0; top: 0px; } .qode-cards-gallery-holder.top .card:not(:last-of-type):not(.active):hover { margin-top: -10px !important; } .qode-cards-gallery-holder.bottom .card.out { -webkit-transition: transform 0.5s ease-in-out, bottom 0.3s ease-in-out; -moz-transition: transform 0.5s ease-in-out, bottom 0.3s ease-in-out; transition: transform 0.5s ease-in-out, bottom 0.3s ease-in-out; } .qode-cards-gallery-holder.bottom .card:nth-last-child(8) { -webkit-transform: scale(0.3); -moz-transform: scale(0.3); transform: scale(0.3); bottom: -70%; } .qode-cards-gallery-holder.bottom .card:nth-last-child(7) { -webkit-transform: scale(0.4); -moz-transform: scale(0.4); transform: scale(0.4); bottom: -60%; } .qode-cards-gallery-holder.bottom .card:nth-last-child(6) { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); transform: scale(0.5); bottom: -50%; } .qode-cards-gallery-holder.bottom .card:nth-last-child(5) { -webkit-transform: scale(0.6); -moz-transform: scale(0.6); transform: scale(0.6); bottom: -40%; } .qode-cards-gallery-holder.bottom .card:nth-last-child(4) { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); transform: scale(0.7); bottom: -30%; } .qode-cards-gallery-holder.bottom .card:nth-last-child(3) { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); transform: scale(0.8); bottom: -20%; } .qode-cards-gallery-holder.bottom .card:nth-last-child(2) { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); transform: scale(0.9); bottom: -10%; } .qode-cards-gallery-holder.bottom .card:nth-last-child(1) { padding: 0; bottom: 0px; } .qode-cards-gallery-holder.bottom .card:not(:last-of-type):not(.active):hover { margin-bottom: -10px !important; } /* ========================================================================== Expanding Images Shortcode ========================================================================== */ /* ========================================================================== Expanding Images shortcode styles - start ========================================================================== */ .qode-expanding-images { position: relative; text-align: center; } .qode-expanding-images .qode-expanding-images-inner { display: inline-block; position: relative; max-width: 46.875%; } .qode-expanding-images .qode-frame-image { position: relative; z-index: 30; pointer-events: none; } .qode-expanding-images.qode-ie-specific .qode-frame-image { z-index: 10; } .qode-expanding-images .qode-hero-image { position: absolute; height: 66%; width: 92%; left: 4%; top: 5%; z-index: 20; overflow: hidden; background-color: #f3f3f3; } .qode-expanding-images .qode-hero-image .qode-hero-image-link { display: block; position: relative; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); height: 100%; } .qode-expanding-images .qode-hero-image .qode-hero-image-link:after { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(255, 255, 255, 0.12); opacity: 0; -webkit-transition: opacity 0.4s cubic-bezier(0.21, 0.74, 0.52, 0.87); -moz-transition: opacity 0.4s cubic-bezier(0.21, 0.74, 0.52, 0.87); transition: opacity 0.4s cubic-bezier(0.21, 0.74, 0.52, 0.87); } .qode-expanding-images .qode-hero-image .qode-hero-image-link:hover:after { opacity: 1; } .qode-expanding-images .qode-hero-image .qode-hero-image-link:hover > .qode-hero-image-title { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .qode-expanding-images .qode-hero-image .qode-hero-image-link:hover img { -webkit-transform: translate3d(0, -30px, 0); -moz-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); -webkit-transition: 0.35s cubic-bezier(0.18, 0.87, 0.28, 1.01) 0.05s; -moz-transition: 0.35s cubic-bezier(0.18, 0.87, 0.28, 1.01) 0.05s; transition: 0.35s cubic-bezier(0.18, 0.87, 0.28, 1.01) 0.05s; } .qode-expanding-images .qode-hero-image img { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; will-change: transform; } .qode-expanding-images .qode-hero-image-title { position: absolute; width: 100%; bottom: 0; background: #fff; z-index: 300; padding: 17px 0; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; transition: all 0.35s ease; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .qode-expanding-images .qode-hero-image-title h3 { text-transform: none; font-size: 14px; font-weight: 500; } .qode-expanding-images .qode-side-images { position: absolute; top: 0; left: 0; width: 100%; height: 77%; } .qode-expanding-images .qode-side-image-link { -webkit-transition: opacity 0.4s cubic-bezier(0.21, 0.74, 0.52, 0.87); -moz-transition: opacity 0.4s cubic-bezier(0.21, 0.74, 0.52, 0.87); transition: opacity 0.4s cubic-bezier(0.21, 0.74, 0.52, 0.87); } .qode-expanding-images .qode-side-image-link:hover { opacity: .95; } .qode-expanding-images .qode-side-image { position: absolute; background-size: cover; background-position: center center; background-repeat: no-repeat; -webkit-transition: all 1s cubic-bezier(0.21, 0.74, 0.52, 0.87); -moz-transition: all 1s cubic-bezier(0.21, 0.74, 0.52, 0.87); transition: all 1s cubic-bezier(0.21, 0.74, 0.52, 0.87); -webkit-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.1); box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.1); } .qode-expanding-images .qode-side-image:nth-of-type(1) { z-index: 7; } .qode-expanding-images .qode-side-image:nth-of-type(2) { z-index: 6; } .qode-expanding-images .qode-side-image:nth-of-type(3) { z-index: 5; } .qode-expanding-images .qode-side-image:nth-of-type(4) { z-index: 4; } .qode-expanding-images .qode-side-image:nth-of-type(5) { z-index: 3; } .qode-expanding-images .qode-side-image:nth-of-type(6) { z-index: 2; } .qode-expanding-images .qode-side-image:nth-of-type(7) { z-index: 1; } .qode-expanding-images .qode-side-image:nth-of-type(8) { z-index: 0; } .qode-expanding-images .qode-side-image.qode-side-image-1, .qode-expanding-images .qode-side-image.qode-side-image-3 { width: 16.92%; padding-top: 10.575%; } .qode-expanding-images .qode-side-image.qode-side-image-2, .qode-expanding-images .qode-side-image.qode-side-image-4 { width: 17.7%; padding-top: 11.0625%; } .qode-expanding-images .qode-side-image.qode-side-image-1 { top: 7%; left: 13.5%; } .qode-expanding-images .qode-side-image.qode-side-image-2 { bottom: 9.5%; left: 10.3%; } .qode-expanding-images .qode-side-image.qode-side-image-3 { top: 7%; right: 14%; } .qode-expanding-images .qode-side-image.qode-side-image-4 { bottom: 9.5%; right: 9.8%; } .qode-expanding-images .qode-side-image.qode-side-image-5, .qode-expanding-images .qode-side-image.qode-side-image-7 { width: 11.56%; padding-top: 7.225%; } .qode-expanding-images .qode-side-image.qode-side-image-6, .qode-expanding-images .qode-side-image.qode-side-image-8 { width: 10.88%; padding-top: 6.8%; } .qode-expanding-images .qode-side-image.qode-side-image-5 { top: 12.2%; left: 0.5%; } .qode-expanding-images .qode-side-image.qode-side-image-7 { top: 12.2%; right: 0.5%; } .qode-expanding-images .qode-side-image.qode-side-image-6 { bottom: 24.5%; left: -3%; } .qode-expanding-images .qode-side-image.qode-side-image-8 { bottom: 24.5%; right: -3%; } /* ========================================================================== Expanding Images shortcode styles - end ========================================================================== */ /* ========================================================================== Item Showcase Shortcode ========================================================================== */ /* ========================================================================== Item Showcase start styles ========================================================================== */ .qode-item-showcase { text-align: center; opacity: 0; } .touch .qode-item-showcase { opacity: 1; } .qode-item-showcase .qode-item-image { display: inline-block; margin-top: -70px; opacity: 0; width: 36%; -webkit-transform: translateY(70px); -moz-transform: translateY(70px); transform: translateY(70px); } .qode-item-showcase .qode-item-image img { vertical-align: middle; } .touch .qode-item-showcase .qode-item-image, .qode-item-showcase .qode-item-image.qode-appeared { -webkit-transition: opacity 0.55s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.55s cubic-bezier(0.23, 1, 0.32, 1); transition: opacity 0.55s cubic-bezier(0.23, 1, 0.32, 1), transform 0.55s cubic-bezier(0.23, 1, 0.32, 1); opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } .qode-item-showcase .qode-item { display: inline-block; opacity: 0; } .qode-item-showcase .qode-item.qode-item-left { -webkit-transform: translateX(-70px); -moz-transform: translateX(-70px); transform: translateX(-70px); text-align: right; } .qode-item-showcase .qode-item.qode-item-left .qode-item-icon { padding-left: 30px; } .qode-item-showcase .qode-item.qode-item-right { text-align: left; -webkit-transform: translateX(70px); -moz-transform: translateX(70px); transform: translateX(70px); } .qode-item-showcase .qode-item.qode-item-right .qode-item-icon { padding-right: 30px; } .touch .qode-item-showcase .qode-item, .qode-item-showcase .qode-item.qode-appeared { -webkit-transition: opacity 0.55s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.55s cubic-bezier(0.23, 1, 0.32, 1); transition: opacity 0.55s cubic-bezier(0.23, 1, 0.32, 1), transform 0.55s cubic-bezier(0.23, 1, 0.32, 1); opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); } .qode-item-showcase .qode-item .qode-item-icon { display: table-cell; font-size: 30px; } .qode-item-showcase .qode-item .qode-item-icon i { padding: 15px; font-size: 17px; color: #fff; background-color: #2a2a2a; -webkit-transition: opacity 0.15s ease-out; -moz-transition: opacity 0.15s ease-out; transition: opacity 0.15s ease-out; } .qode-item-showcase .qode-item .qode-item-icon i:hover { opacity: .94; } .qode-item-showcase .qode-item .qode-item-content { display: table-cell; vertical-align: top; } .qode-item-showcase .qode-item .qode-item-content .qode-showcase-title-holder .qode-showcase-title { position: relative; display: inline-block; margin: 0; font-size: 25px; letter-spacing: 0px; -webkit-transition: color 0.15s ease-in-out; -moz-transition: color 0.15s ease-in-out; transition: color 0.15s ease-in-out; } .qode-item-showcase .qode-item .qode-item-content .qode-showcase-title-holder a:hover .qode-showcase-title { color: inherit; } .qode-item-showcase .qode-item .qode-item-content .qode-showcase-text-holder .qode-showcase-text { margin: 7px 0 44px; } .qode-item-showcase .qode-item-showcase-holder { position: relative; display: inline-block; width: 32%; } .qode-item-showcase .qode-item-showcase-holder .qode-item-line { content: ''; position: absolute; top: 0; width: 0; height: 0; border-left: 1px dashed #2a2a2a; opacity: 0; -webkit-transition: all 0.55s cubic-bezier(0.23, 1, 0.32, 1) 0.25s; -moz-transition: all 0.55s cubic-bezier(0.23, 1, 0.32, 1) 0.25s; transition: all 0.55s cubic-bezier(0.23, 1, 0.32, 1) 0.25s; z-index: -1; } .touch .qode-item-showcase .qode-item-showcase-holder .qode-item-line { -webkit-transition: none; -moz-transition: none; transition: none; } .qode-item-showcase .qode-item-showcase-holder.qode-holder-left { float: left; text-align: right; } .qode-item-showcase .qode-item-showcase-holder.qode-holder-left .qode-item-line { right: 23px; } .qode-item-showcase .qode-item-showcase-holder.qode-holder-right { float: right; text-align: left; } .qode-item-showcase .qode-item-showcase-holder.qode-holder-right .qode-item-line { left: 23px; } /* ========================================================================== Item Showcase end styles ========================================================================== */ /* ========================================================================== Crossfade Images Shortcode ========================================================================== */ /* ========================================================================== Crossfade Images shortcode styles - start ========================================================================== */ .qode-crossfade-images { display: inline-block; position: relative; } .qode-crossfade-images .qode-cfi-link { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 100; } .qode-crossfade-images .qode-cfi-img-holder { -webkit-box-shadow: 0px 10px 18px 0px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0px 10px 18px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 10px 18px 0px rgba(0, 0, 0, 0.08); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .qode-crossfade-images .qode-cfi-img-holder .qode-cfi-img-holder-inner { position: relative; overflow: hidden; } .qode-crossfade-images .qode-cfi-img-holder .qode-cfi-img-holder-inner img { vertical-align: middle; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .qode-crossfade-images .qode-cfi-img-holder .qode-cfi-img-holder-inner .qodef-cfi-image-hover { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; background-size: cover; background-position: center center; background-repeat: no-repeat; opacity: 0; -webkit-transform: scale(1.3); -moz-transform: scale(1.3); transform: scale(1.3); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .qode-crossfade-images .qode-cfi-title-holder { text-align: center; margin: 30px 0; } .qode-crossfade-images .qode-cfi-title-holder .qode-cfi-title { text-transform: none; font-weight: 400; font-size: 19px; } .qode-crossfade-images:hover .qode-cfi-img-holder { -webkit-box-shadow: 0px 10px 18px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 10px 18px 1px rgba(0, 0, 0, 0.2); box-shadow: 0px 10px 18px 1px rgba(0, 0, 0, 0.2); } .qode-crossfade-images:hover .qode-cfi-img-holder .qode-cfi-img-holder-inner img { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); transform: scale(0.8); opacity: 0; } .qode-crossfade-images:hover .qode-cfi-img-holder .qode-cfi-img-holder-inner .qodef-cfi-image-hover { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform .3s .05s, opacity .3s .05s; transition: transform .3s .05s, opacity .3s .05s; } /* ========================================================================== Crossfade Images shortcode styles - end ========================================================================== */ /* ========================================================================== Call To Action Section Shortcode ========================================================================== */ /* ========================================================================== Call To Action Section shortcode styles - start ========================================================================== */ .qode-cta-section { position: relative; } .qode-cta-section .qode-cta-section-text-wrapper { position: absolute; display: table; table-layout: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; width: 600px; height: 600px; } .qode-cta-section .qode-cta-section-text-wrapper .qode-cta-section-text-wrapper-inner { display: table-cell; vertical-align: middle; height: 100%; width: 100%; } .qode-cta-section .qode-cta-section-text-wrapper .qode-cta-section-title { font-size: 46px; text-transform: none; font-weight: 300; } .qode-cta-section .qode-cta-section-text-wrapper .qode-cta-section-description-holder { padding: 0 20px; margin-bottom: 40px; } .qode-cta-section .qode-cta-section-text-wrapper .qode-cta-section-description { font-size: 17px; line-height: 1.68em; } .qode-cta-section.qode-cta-appear-effect img { -webkit-transition: -webkit-transform 2s, opacity 2s; transition: transform 2s, opacity 2s; } .no-touch .qode-cta-section.qode-cta-appear-effect img { visibility: hidden; opacity: 0; -webkit-transform: scale(1.2) translateY(100px); -moz-transform: scale(1.2) translateY(100px); transform: scale(1.2) translateY(100px); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .qode-cta-section.qode-cta-appear-effect img.qode-appeared { visibility: visible; opacity: 1; -webkit-transform: scale(1) translateY(0px); -moz-transform: scale(1) translateY(0px); transform: scale(1) translateY(0px); -webkit-animation-name: qodeCTAScaleUp; -webkit-animation-duration: 15s; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: ease; -webkit-animation-delay: 2s; -webkit-animation-fill-mode: forwards; /* this prevents the animation from restarting! */ animation-name: qodeCTAScaleUp; animation-duration: 15s; animation-iteration-count: 1; animation-timing-function: ease; animation-delay: 2s; animation-fill-mode: forwards; /* this prevents the animation from restarting! */ } @-webkit-keyframes qodeCTAScaleUp { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1.07); -moz-transform: scale(1.07); transform: scale(1.07); } } @keyframes qodeCTAScaleUp { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1.07); -moz-transform: scale(1.07); transform: scale(1.07); } } .qode-cta-section.qode-cta-appear-effect .qode-cta-section-text-wrapper .qode-cta-section-title-holder { display: inline-block; vertical-align: middle; position: relative; overflow: hidden; } .qode-cta-section.qode-cta-appear-effect .qode-cta-section-text-wrapper .qode-cta-section-title-holder:after { content: ""; position: absolute; top: 0%; left: 0%; width: 50%; height: 200%; visibility: hidden; -webkit-transform: skew(-25deg) translateX(-200%); -moz-transform: skew(-25deg) translateX(-200%); transform: skew(-25deg) translateX(-200%); background: rgba(255, 255, 255, 0.1); background: linear-gradient(to right, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.55) 92%, rgba(255, 255, 255, 0) 100%); } .no-touch .qode-cta-section.qode-cta-appear-effect .qode-cta-section-text-wrapper { visibility: hidden; opacity: 0; -webkit-transform: translate(-50%, -50%) scale(0.5) translateY(100px); -moz-transform: translate(-50%, -50%) scale(0.5) translateY(100px); transform: translate(-50%, -50%) scale(0.5) translateY(100px); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0, 1), opacity 0.5s 0.2s; transition: transform 1s cubic-bezier(0, 0, 0, 1), opacity 0.5s 0.2s; } .qode-cta-section.qode-cta-appear-effect .qode-cta-section-text-wrapper.qode-appeared { visibility: visible; opacity: 1; -webkit-transform: translate(-50%, -50%) scale(1) translateY(0); -moz-transform: translate(-50%, -50%) scale(1) translateY(0); transform: translate(-50%, -50%) scale(1) translateY(0); } .qode-cta-section.qode-cta-appear-effect .qode-cta-section-text-wrapper.qode-appeared .qode-cta-section-title-holder:after { visibility: visible; -webkit-animation-name: qodeCTABling; -webkit-animation-duration: 4s; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: ease; -webkit-animation-delay: 1s; -webkit-animation-fill-mode: forwards; /* this prevents the animation from restarting! */ animation-name: qodeCTABling; animation-duration: 4s; animation-iteration-count: 1; animation-timing-function: ease; animation-delay: 1s; animation-fill-mode: forwards; /* this prevents the animation from restarting! */ } @-webkit-keyframes qodeCTABling { 0% { left: 0%; -webkit-transform: skew(-25deg) translateX(-200%); -moz-transform: skew(-25deg) translateX(-200%); transform: skew(-25deg) translateX(-200%); width: 50%; } 20% { width: 300%; } 100% { left: 120%; -webkit-transform: skew(-25deg) translateX(0); -moz-transform: skew(-25deg) translateX(0); transform: skew(-25deg) translateX(0); width: 10%; } } @keyframes qodeCTABling { 0% { left: 0%; -webkit-transform: skew(-25deg) translateX(-200%); -moz-transform: skew(-25deg) translateX(-200%); transform: skew(-25deg) translateX(-200%); width: 50%; } 20% { width: 300%; } 100% { left: 120%; -webkit-transform: skew(-25deg) translateX(0); -moz-transform: skew(-25deg) translateX(0); transform: skew(-25deg) translateX(0); width: 10%; } } /* ========================================================================== Call To Action Section shortcode styles - end ========================================================================== */ /* ========================================================================== Gradient Icon With Text Shortcode ========================================================================== */ .qode-giwt { text-align: center; } .qode-giwt .qode-giwt-inner { display: inline-block; padding: 45px 20px; -webkit-transition: background-color 0.2s ease, box-shadow 0.2s ease; -moz-transition: background-color 0.2s ease, box-shadow 0.2s ease; transition: background-color 0.2s ease, box-shadow 0.2s ease; } .qode-giwt .qode-giwt-inner:hover { background-color: #fff; box-shadow: 0 7px 16px rgba(0, 0, 0, 0.1); } .qode-giwt .qode-giwt-inner .qode_icon_element { color: #b6b6b6; } .qode-giwt .qode-giwt-inner .qode-giwt-content-holder { margin-top: 30px; } .qode-giwt .qode-giwt-inner .qode-giwt-content-holder a:hover { color: inherit; } /* ========================================================================== Button V2 Shortcode ========================================================================== */ .qode-btn { display: inline-block; position: relative; outline: none; font-style: normal; font-weight: 500; font-family: inherit; padding: 18px 25px; font-size: 14px; line-height: 1.7em; -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out; -moz-transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out; transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .qode-btn.qode-btn-solid { background-color: #fff; border: none; color: #303030; } .qode-btn.qode-btn-outline { border: 2px solid #000; color: #000; background-color: transparent; } .qode-btn.qode-btn-outline:not(.qode-btn-custom-hover-color):hover { color: #fff !important; } .qode-btn.qode-btn-outline:not(.qode-btn-custom-hover-bg):hover { background-color: #000 !important; } .qode-btn.qode-btn-outline:not(.qode-btn-custom-border-hover):hover { border-color: #000 !important; } .qode-btn.qode-btn-small { font-size: 10px; padding: 5px 15px; } .qode-btn.qode-btn-large { font-size: 14px; padding: 12px 28px; } .qode-btn.qode-btn-huge, .qode-btn.qode-btn-huge-full-width { font-size: 16px; padding: 15px 31px; } .qode-btn.qode-btn-huge-full-width { display: block; text-align: center; } .qode-btn.qode-btn-with-shadow { -webkit-box-shadow: 0 4px 16px #e2e2e2; -moz-box-shadow: 0 4px 16px #e2e2e2; box-shadow: 0 4px 16px #e2e2e2; } .qode-btn.qode-btn-icon { padding: 0; height: 64px; overflow: hidden; vertical-align: middle; } .qode-btn.qode-btn-icon.qode-btn-solid { line-height: 64px; } .qode-btn.qode-btn-icon.qode-btn-outline { line-height: 60px; } .qode-btn.qode-btn-icon .qode-btn-text { padding-right: 35px; padding-left: 35px; display: inline-block; vertical-align: top; } .qode-btn.qode-btn-icon .qode-button-v2-icon-holder { font-size: 28px; line-height: inherit; text-align: center; display: inline-block; vertical-align: top; padding: 0 14px; border-left: 1px solid #f3f3f3; -moz-transform: translateZ(0); -webkit-transition: border-color 0.15s ease-out; -moz-transition: border-color 0.15s ease-out; transition: border-color 0.15s ease-out; } .qode-btn.qode-btn-icon .qode-button-v2-icon-holder .qode-button-v2-icon-holder-inner { line-height: inherit; } .qode-btn.qode-btn-icon:hover .qode-button-v2-icon-holder:before { -webkit-animation: qode-point 2s infinite ease-out; -moz-animation: qode-point 2s infinite ease-out; animation: qode-point 2s infinite ease-out; } input[type=submit].qode-btn, button.qode-btn { cursor: pointer; } .qode-3d-button-holder { display: inline-block; position: relative; -webkit-perspective: 1000px; -moz-perspective: 1000px; -o-perspective: 1000px; -ms-perspective: 1000px; perspective: 1000px; } .qode-3d-button-holder .qode-btn.qode-btn-3d-hover { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; border-radius: 2px; visibility: visible; } .qode-3d-button-holder .qode-btn.qode-btn-3d-hover:last-child { position: absolute; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; } .qode-3d-button-holder:hover .qode-btn.qode-btn-3d-hover:first-child { visibility: hidden; } .qode-3d-button-holder:hover .qode-btn.qode-btn-3d-hover:last-child { visibility: visible; } .qode-btn-shadow-hover { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .qode-btn-shadow-hover:hover { -webkit-box-shadow: 4px 8px 16px #dedede; -moz-box-shadow: 4px 8px 16px #dedede; box-shadow: 4px 8px 16px #dedede; } /*# sourceMappingURL=stylesheet.css.map */
© 2017 -
ZeroByte.ID
.