����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
/
sb_web
/
b1705
/
cable-smart.ie
/
css
/
[
Home
]
File: yellow.css
@charset "UTF-8"; /*********************************************************************************** * + [Master Stylesheet] * + Project: KANTER - Creative Digital Agency Template To use this template you must have a license purchased at TemplateMonster (templatemonster.com) * + Autor: Brainiak * + Version: 1.0 ***********************************************************************************/ /*********************************************************************************** */ /* Header */ /** Navigation */ /* Slider */ /* Buttonts */ /* Forms */ /* Contol slider */ /** Control carousel */ /* Into slider */ /* Services */ /** Tabs */ /* How we work */ /** Item */ /* Work progress */ /* Our some work */ /* Portfolio */ /** Block item */ /*Content portfolio */ /**Project */ /*Control sliders */ /* Trigger */ /* We are in numbers */ /* Our skills */ /** Skill Bar */ /* Carousel trigger */ /** Slide */ /* Our team */ /** Item team */ /* Social links */ /* Testimonials */ /* Why chose us */ /* Our clients */ /* Contact with us */ /* Our location */ /* Footer ***********************************************************************************/ /*bg mask colors*/ @import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700"); body { font-size: 16px; min-width: 320px; font-weight: 300; position: relative; line-height: 1.6; font-family: "Poppins", sans-serif; overflow-x: hidden; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } body::-webkit-scrollbar-track { background-color: #fff; } body::-webkit-scrollbar { width: 5px; background-color: #fff; } body::-webkit-scrollbar-thumb { background-color: #feb500; } .mfp-wrap::-webkit-scrollbar-track { background-color: #fff; } .mfp-wrap::-webkit-scrollbar { width: 5px; background-color: #fff; } .mfp-wrap::-webkit-scrollbar-thumb { background-color: #feb500; } html { font-size: inherit; margin-right: 0 !important; } iframe { border: none; display: block; } /*Page loader*/ .pace { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .pace-inactive { display: none; } .pace .pace-progress { background: #feb500; position: fixed; z-index: 2000; top: 0; right: 100%; width: 100%; height: 2px; } .pace .pace-progress-inner { display: block; position: absolute; right: 0px; width: 100px; height: 100%; -webkit-box-shadow: 0 0 10px #feb500, 0 0 5px #feb500; box-shadow: 0 0 10px #feb500, 0 0 5px #feb500; opacity: 1.0; -webkit-transform: rotate(3deg) translate(0px, -4px); -ms-transform: rotate(3deg) translate(0px, -4px); transform: rotate(3deg) translate(0px, -4px); } .pace .pace-activity { display: block; position: fixed; z-index: 2000; top: 15px; right: 15px; width: 14px; height: 14px; border: solid 2px transparent; border-top-color: #feb500; border-left-color: #feb500; -webkit-border-radius: 10px; border-radius: 10px; -webkit-animation: pace-spinner 400ms linear infinite; animation: pace-spinner 400ms linear infinite; } @-webkit-keyframes pace-spinner { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); transform: rotate(360deg); } } @keyframes pace-spinner { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); transform: rotate(360deg); } } .hidden { display: none; } i { line-height: inherit !important; } p { margin-top: 20px; margin-bottom: 0; } /* Preloader */ #preloader { top: 0; left: 0; right: 0; bottom: 0; position: absolute; background-color: #fff; z-index: 5; height: 100%; width: 100%; overflow: hidden; } #status { position: absolute; left: 47%; top: 50%; margin: auto; width: 49px; height: 49px; -webkit-border-radius: 50%; border-radius: 50%; display: inline-block; vertical-align: middle; background: #feb500; animation: 1.15s infinite ease-in-out; -webkit-animation: 1.15s infinite ease-in-out; -moz-animation: 1.15s infinite ease-in-out; animation-name: loader; -webkit-animation-name: loader; -moz-animation-name: loader; } #status:before, #status:after { animation: 1.15s infinite ease-in-out; -webkit-animation: 1.15s infinite ease-in-out; -moz-animation: 1.15s infinite ease-in-out; } #status:before, #status:after { width: 100%; height: 100%; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; top: 0; left: 0; } @keyframes loader { from { -webkit-transform: scale(0); transform: scale(0); opacity: 1; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 0.5; } } @-webkit-keyframes loader { from { -webkit-transform: scale(0); opacity: 1; } to { -webkit-transform: scale(1); opacity: 0.5; } } /*Background image*/ .background-image { background-size: cover; background-repeat: no-repeat; } /*Sections*/ section, .section { padding-top: 85px; padding-bottom: 85px; } /*padding 0*/ .padding-0 { padding: 0; } .pad-t-0 { padding-top: 0; } .video-iframe iframe { width: 100%; } .canvas-background { position: absolute; width: 100%; z-index: 2; height: 100%; top: 0; left: 0; } .pad-b-0 { padding-bottom: 0; } .mar-t-0 { margin-top: 0; } .left-text * { text-align: left; } .left-text h2:after { margin-left: 0 !important; } /*Vertical align*/ .table { position: relative; display: table; height: 100%; width: 100%; } .table .table-cell { display: table-cell; vertical-align: middle; } /*notify*/ .notify { display: block; background-color: #986d00; color: #fff; text-align: center; padding: 3px; } .hidden { display: none; } /*Social links*/ ul.social-links { padding-left: 0; margin: 0; } ul.social-links li { font-size: 14px; line-height: 14px; display: inline-block; margin-left: 20px; } ul.social-links li:first-child { margin-left: 0; } ul.social-links li a { -webkit-transform: rotate(45deg) translate(0px, 0px); -ms-transform: rotate(45deg) translate(0px, 0px); transform: rotate(45deg) translate(0px, 0px); list-style: none; background-color: #feb500; -webkit-border-radius: 4px; border-radius: 4px; display: inline-block; width: 32px; height: 32px; line-height: 32px; vertical-align: middle; text-align: center; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; color: #fff; } ul.social-links li a:hover { background-color: #2e240a; } ul.social-links li a i { -webkit-transform: rotate(-45deg) translate(0px, 0px); -ms-transform: rotate(-45deg) translate(0px, 0px); transform: rotate(-45deg) translate(0px, 0px); } ul.minimal li a { background-color: #333232; } /*Tabs services*/ .services-tabs { padding: 0; } .services-tabs .ui-tabs-nav { padding: 0; } .services-tabs .ui-tabs-nav li { width: 25%; white-space: initial; padding-right: 15px; padding-left: 15px; margin: 0; outline: none; } .services-tabs .ui-tabs-nav li .ui-tabs-anchor { text-align: center; outline: none; background-color: #212121; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; padding-bottom: 18px; width: 100%; } .services-tabs .ui-tabs-nav li .ui-tabs-anchor i { color: #ababab; font-size: 65px; } .services-tabs .ui-tabs-nav li .ui-tabs-anchor p { color: #c5c5c5; font-size: 13px; line-height: 25px; letter-spacing: 0.9px; } .services-tabs .ui-tabs-nav li .ui-tabs-anchor h4 { color: #fff; font-size: 18px; font-weight: 400; margin-top: 10px; margin-bottom: 10px; } .services-tabs .ui-tabs-nav .ui-tabs-active .ui-tabs-anchor { background-color: #1b1b1b; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .services-tabs .ui-tabs-panel { padding: 0; } /*Start PREV & NEXT CONTROL SLIDER*/ .prev-next-block-rotate { -webkit-transition: all ease .5s; transition: all ease .5s; } .prev-next-block-rotate .slick-arrow { color: #fff; } .prev-next-block-rotate .wrap-prev, .prev-next-block-rotate .wrap-next { height: 60px; width: 60px; line-height: 60px; background-color: #fff; position: absolute; font-size: 22px; color: #fff; cursor: pointer; -webkit-transition: all ease .6s; transition: all ease .6s; text-align: center; top: 50%; } .prev-next-block-rotate .wrap-prev i, .prev-next-block-rotate .wrap-next i { color: #808080; } .prev-next-block-rotate .wrap-prev { -webkit-box-shadow: 1px 0px 2px #4e4e4e; box-shadow: 1px 0px 2px #4e4e4e; left: -25px; } .prev-next-block-rotate .wrap-prev i { position: relative; } .prev-next-block-rotate .wrap-prev:hover { left: 0; } .prev-next-block-rotate .wrap-next { -webkit-box-shadow: 0px 0px 2px #4e4e4e; box-shadow: 0px 0px 2px #4e4e4e; right: -25px; } .prev-next-block-rotate .wrap-next i { position: relative; } .prev-next-block-rotate .wrap-next:hover { right: 0; } .opacity-control .wrap-prev, .opacity-control .wrap-next { opacity: 0.2; } .opacity-control .wrap-prev:hover, .opacity-control .wrap-next:hover { opacity: 1; } /*F&R&C*/ .left { text-align: left; } .left span.after { margin: inherit; } .right { text-align: right; } .center { text-align: center; } .center .icon-play { margin: 0 auto; } .center .img-slide img { margin: 0 auto; } .center h1:after { margin: auto; margin-top: 8px; margin-bottom: 15px; } /*Left & right*/ .text-left, .text-left.small-heading { text-align: left; } .text-left h2:after, .text-left.small-heading h2:after { margin: 13px 0 18px; } /*Buttons*/ .btn { background-color: #feb500; border: none; color: #fff; font-size: 14px; line-height: 14px; font-weight: 500; text-transform: uppercase; padding: 15px 30px 15px 31px; -webkit-border-radius: 30px; border-radius: 30px; letter-spacing: 0.7px; display: block; -webkit-transition: all ease 0.50s; transition: all ease 0.50s; display: inline-block; text-decoration: none; } .btn:hover { background-color: #e5a300; color: #fff; text-decoration: none; } .btn:focus { text-decoration: none; color: #fff; } /*Heading title*/ .heading-title { margin-bottom: 70px; } .heading-title h2 { color: #424242; font-size: 41px; text-transform: uppercase; line-height: inherit; margin-top: 0; margin-bottom: 0; } .heading-title h2 span { color: #feb500; } .heading-title .small-desd { font-size: 14px; text-transform: uppercase; color: #feb500; font-weight: 500; letter-spacing: 1px; } .heading-title .small-desd span { color: #424242; } .heading-title p { font-size: 14px; color: #585858; margin-bottom: 0; } .small-heading h2 { font-size: 27px; letter-spacing: 1px; } .small-heading h2:after { content: ""; display: block; height: 2px; width: 55px; background-color: #feb500; margin: 0 auto; margin-top: 13px; margin-bottom: 18px; } .head-service h2 { color: #fff; } /*Accordion*/ .accordion .ui-accordion-header { margin: 10px 0 0 0; background-color: #2e240a; color: #fff; border: 1px solid #251d08; font-size: 13px; font-weight: 500; text-transform: uppercase; -webkit-border-radius: 2px; border-radius: 2px; cursor: pointer; outline: none; padding: 11px 10px 10px 5px; letter-spacing: 1px; position: relative; text-align: left; } .accordion .ui-accordion-header .ui-icon { display: none; } .accordion .ui-accordion-header i { margin-left: 10px; margin-right: 10px; } .accordion .ui-accordion-header:first-child { margin-top: 0; } .accordion .ui-accordion-header:after { font-family: 'Pe-icon-7-stroke'; content: "\e688"; color: #b3b3b3; font-size: 1.6875rem; height: 8px; width: 8px; display: block; position: absolute; right: 26px; top: 2px; } .accordion .ui-state-active { background-color: #feb500; color: #fff; -webkit-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; border: none; } .accordion .ui-state-active:after { content: "\e682"; color: #fff; } .accordion .ui-accordion-content { background-color: #f8f8f8; border: 1px solid #dfdfdf; border-top: none; padding: 15px 20px 15px 20px; } .accordion .ui-accordion-content p { color: #5c5c5c; margin-top: 0; font-size: 14px; line-height: 23px; } /*Buttont*/ .buttons-section .large-btn { margin-right: 25px; border: 2px solid #feb500; } .buttons-section .large-btn:last-child { margin-right: 0; } .buttons-section .white-btn { background-color: #fff; color: #555; } .buttons-section .white-btn:hover { background-color: #feb500; color: #fff; } .buttons-section .white-btn-all { background-color: #fff; color: #111; border-color: #fff; } .buttons-section .white-btn-all:hover { background-color: #feb500; border-color: #feb500; color: #fff; } .buttons-section .accent-btn { background-color: #feb500; color: #fff; } .buttons-section .accent-btn:hover { background-color: #e5a300; color: #fff; border-color: #e5a300; } .buttons-section .dark-btn { background-color: transparent; } .buttons-section .dark-btn:hover { background-color: #feb500; color: #fff; } .buttons-section .dark-full-btn { background-color: #2e240a; border-color: #2e240a; } .buttons-section .dark-full-btn:hover { background-color: #feb500; color: #fff; border-color: #2e240a; } .buttons-section .accent-br-btn { border-color: #feb500; background-color: transparent; color: #555; } .buttons-section .accent-br-btn:hover { background-color: #feb500; color: #fff; } .buttons-section .white-tr-btn { background-color: transparent; border: 2px solid #fff; } .buttons-section .white-tr-btn:hover { background-color: #feb500; border-color: #feb500; color: #fff; } .btn-down { position: absolute; display: block; -webkit-border-radius: 20px; border-radius: 20px; width: 25px; height: 35px; bottom: 30px; left: 0; right: 0; margin: 0 auto; text-align: center; text-decoration: none; line-height: 35px; vertical-align: middle; border: 2px solid rgba(255, 255, 255, 0.4); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; z-index: 3; } .btn-down:hover { border-color: #fff; } .btn-down i { color: #fff; font-size: 13px; } /*Form*/ form input[type=text], form input[type=email] { padding-bottom: 7px; } form textarea { resize: vertical; } form input[type=text], form input[type=email], form textarea, form select, form .selectize-input, form .selectize-input.full { border: 2px solid #fff; -webkit-border-radius: 0; border-radius: 0; background-color: transparent; display: block; width: 100%; padding-top: 9px; padding-left: 20px; padding-right: 20px; margin-bottom: 10px; color: #eeeeee; -webkit-transition: all ease 0.50s; transition: all ease 0.50s; } form input[type=text]:focus, form input[type=email]:focus, form textarea:focus, form select:focus, form .selectize-input:focus, form .selectize-input.full:focus { -webkit-box-shadow: none; box-shadow: none; outline: none; border-color: #feb500; } form input[type=text]::-webkit-input-placeholder, form input[type=email]::-webkit-input-placeholder, form textarea::-webkit-input-placeholder, form select::-webkit-input-placeholder, form .selectize-input::-webkit-input-placeholder, form .selectize-input.full::-webkit-input-placeholder { font-size: 14px; color: #fff; } form input[type=text]::-moz-placeholder, form input[type=email]::-moz-placeholder, form textarea::-moz-placeholder, form select::-moz-placeholder, form .selectize-input::-moz-placeholder, form .selectize-input.full::-moz-placeholder { font-size: 14px; color: #fff; } form input[type=text]:-moz-placeholder, form input[type=email]:-moz-placeholder, form textarea:-moz-placeholder, form select:-moz-placeholder, form .selectize-input:-moz-placeholder, form .selectize-input.full:-moz-placeholder { font-size: 14px; color: #fff; } form input[type=text]:-ms-input-placeholder, form input[type=email]:-ms-input-placeholder, form textarea:-ms-input-placeholder, form select:-ms-input-placeholder, form .selectize-input:-ms-input-placeholder, form .selectize-input.full:-ms-input-placeholder { font-size: 14px; color: #fff; } form input[type=submit] { outline: none; } form .selectize-dropdown, form .selectize-input, form .selectize-input input { color: #fff; font-size: 14px; } form .selectize-input { padding-top: 11px; padding-bottom: 10px; } form .selectize-control:focus { outline: none; } form .selectize-control.single .selectize-input:after { border-color: #fff transparent transparent transparent; } form .selectize-control.single .selectize-input.dropdown-active:after { border-color: transparent transparent #fff transparent; } form .input-active:after { content: ' '; display: block; position: absolute; top: 50%; right: 15px; margin-top: -3px; width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: #808080 transparent transparent transparent; z-index: 9999; } form .selectize-dropdown { background-color: #fff; border: none; -webkit-border-radius: 0; border-radius: 0; top: 44px !important; -webkit-transition: all ease 0.50s; transition: all ease 0.50s; } form .selectize-dropdown .selectize-dropdown-content .option { padding-top: 10px; padding-bottom: 10px; padding-left: 20px; border-bottom: 1px dashed #ccc; color: #2e240a; } form .selectize-dropdown .selectize-dropdown-content .option:last-child { border-bottom: none; } .selectize-input, .selectize-control.single .selectize-input.input-active { background: transparent; border-color: #feb500; -webkit-box-shadow: none; box-shadow: none; } .selectize-input:before, .selectize-control.single .selectize-input.input-active:before { display: none; } /*Icon play*/ .icon-play { color: #fff; font-size: 60px; text-align: center; border: 2px solid #fff; -webkit-border-radius: 50%; border-radius: 50%; width: 100px; height: 100px; display: block; outline: none !important; -webkit-transition: all ease 0.75s; transition: all ease 0.75s; } .icon-play i { position: relative; left: 4px; } .icon-play:hover { color: #feb500; border-color: #feb500; } .icon-play:focus { color: #feb500; border-color: #feb500; } /*Start Custom superfish top menu*/ header { border-bottom: 1px solid transparent; -webkit-transition: all ease 0.50s; transition: all ease 0.50s; } .sf-menu { margin-bottom: 0; } .sf-menu a { padding: 0; padding: 0 12px; border: none; color: #fff; text-decoration: none; } .sf-menu > li { font-weight: 600; font-size: 14px; line-height: 14px; text-transform: uppercase; -webkit-transition: all ease 0.50s; transition: all ease 0.50s; background-color: transparent; padding: 40px 0px 40px 0; letter-spacing: 0.7px; } .sf-menu > li:last-child a { padding-right: 0; } .sf-menu > li:hover { background-color: transparent; } .sf-menu > li.sfHover { background: none; } .sf-menu > li.sfHover > a { color: #feb500; } .sf-menu > li > a { border-bottom: none; -webkit-transition: all .5s ease; transition: all .5s ease; color: #fff; } .sf-menu > li > a:hover { color: #feb500; } .sf-menu > li > a + * a { -webkit-transition: all .25s ease; transition: all .25s ease; } .sf-menu > li > a + * a:hover { color: #fff; } .sf-menu .buy-now-li a { color: #a6e454; } .sf-menu ul { -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; min-width: auto; -webkit-box-shadow: none; box-shadow: none; min-width: 230px; background-color: rgba(30, 30, 30, 0.97); } .sf-menu ul li { background: none; } .sf-menu ul li:first-child { padding-top: 2px; } .sf-menu ul li:last-child { border-bottom: none; } .sf-menu ul li:hover { background-color: #313131; } .sf-menu ul li a { padding: 12px 25px 12px; color: #fff; font-weight: 300; text-transform: none; } .sf-arrows .sf-with-ul { padding: 0 16px 0 16px; position: relative; top: -2px; } .sf-arrows .sf-with-ul a { outline: none; padding: 0; } .sf-arrows .sf-with-ul:after { content: ""; font-family: "FontAwesome"; display: inline-block; top: 0; font-size: 12px; color: #fff; position: relative; left: 6px; border-top-color: transparent; } .sf-arrows li .sf-with-ul:focus:after, .sf-arrows li:hover > .sf-with-ul:after { color: #feb500; border-top-color: transparent; } .sf-arrows .sfHover .sf-with-ul:after { color: #feb500; border-top-color: transparent; } .sf-menu li .sfHover { background: rgba(0, 0, 0, 0.3); } .sf-menu ul ul li { background-color: rgba(30, 30, 30, 0.97); -webkit-border-radius: 0; border-radius: 0; } .sf-arrows ul .sf-with-ul { padding: 12px 25px 12px; } .sf-arrows ul .sf-with-ul:after { border-left-color: transparent; content: ""; font-family: "FontAwesome"; display: inline-block; font-size: 12px; color: #fff !important; position: relative; left: 2px; float: right; right: 0; top: 0px; margin-top: 0; border: none; border-top-color: transparent; } .sf-arrows ul .sf-with-ul li { display: none !important; } .sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: transparent; } header.is-sticky { background-color: #1d1d1d; position: fixed; width: 100%; z-index: 5; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } header.is-sticky .logo { padding: 12px 0 9px 0; } header.is-sticky .logo img { height: 43px; } header.is-sticky .show-full-screen { opacity: 1; visibility: visible; } header.is-sticky .toggle-top { top: 23px; } header.is-sticky .sf-menu > li { padding: 24px 0px 24px 0; } .off-canvas-menu { top: -100px; } header.is-sticky.fixed-tp-menu { top: 0; } .content-wrap-lfm { margin-left: 300px; float: none; width: inherit; display: block; } .sidenav .container { width: 90%; } .header-type-1 { position: fixed; left: 0; top: 0; z-index: 500; height: 100%; width: 300px; } .header-type-1:after { content: ""; display: block; position: absolute; width: 100%; -webkit-transition: all 0.7s ease; transition: all 0.7s ease; height: 100%; top: 0; right: 0; left: 0; background-color: rgba(255, 255, 255, 0.7); z-index: -1; } .header-type-1 .top-menu { float: none; } .header-type-1 .logo { width: 100%; text-align: center; margin-top: 50px; } .header-type-1 .logo .logo-white { display: none; margin: 0 auto; } .header-type-1 .logo .logo-dark { display: block; margin: 0 auto; } .header-type-1 .sf-menu li { padding: 15px 0px 15px 0; } .header-type-1 .sf-menu li:last-child a { padding-right: 12px; } .header-type-1 .sf-menu li a { color: #111; } .header-type-1 ul.social-links { display: inline-block; width: 100%; position: absolute; bottom: 50px; left: 0; text-align: center; margin-top: 50px; } .header-type-1 .sf-vertical { width: 100%; text-align: center; } .header-type-1 .sf-vertical ul { left: 100%; top: 0; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .header-type-1 .sf-vertical > li { float: none; } .header-type-1 .sf-vertical li { width: 100%; } .header-type-1 .sf-vertical li:hover a { color: #feb500; } .header-type-1 .sf-vertical li:hover ul li a { color: #111; } .header-type-1 .sf-vertical li:hover ul li:hover { background-color: #313131; } .header-type-1 .sf-vertical li:hover ul li:hover a { color: #fff; } .header-type-1 .sf-vertical li:hover ul li:hover ul li a { color: #111; } .header-type-1 .sf-vertical li:hover ul li ul li:hover a { color: #fff; } .header-type-1 .sf-vertical .sf-with-ul { padding: 0 16px 0 16px; position: relative; top: -2px; } .header-type-1 .sf-vertical .sf-with-ul a { outline: none; padding: 0; } .header-type-1 .sf-vertical .sf-with-ul:after { content: ""; font-family: "FontAwesome"; display: inline-block; font-size: 12px; color: #505050; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; position: relative; left: 6px; width: 0; height: 0; border-top-color: transparent; } .header-type-1 .sf-vertical li .sf-with-ul:focus:after, .header-type-1 .sf-vertical li:hover > .sf-with-ul:after { color: #feb500; border-top-color: transparent; } .header-type-1 .sf-vertical .sfHover .sf-with-ul:after { color: #fff; border-top-color: transparent; } .header-type-1 .sf-vertical a.sf-with-ul { padding-left: 25px; } .header-type-1 .sf-vertical ul { background-color: #fff; text-align: left; -webkit-box-shadow: 4px 0 19px rgba(80, 70, 69, 0.35); box-shadow: 4px 0 19px rgba(80, 70, 69, 0.35); } .header-type-1 .sf-vertical ul li { padding-top: 0; padding-bottom: 0; } .header-type-1 .sf-vertical ul li:first-child { padding-top: 0; } .header-type-1 .sf-vertical ul li:hover a { color: #000; } .header-type-1 .sf-vertical ul li:hover a:after { color: #fff !important; } .header-type-1 .sf-vertical ul li a { padding-top: 14px; padding-bottom: 11px; font-weight: 500; } .header-type-1 .sf-vertical ul li .sf-with-ul { padding-top: 14px; padding-bottom: 10px; } .header-type-1 .sf-vertical ul ul { -webkit-box-shadow: 4px 0 19px rgba(80, 70, 69, 0.35); box-shadow: 4px 0 19px rgba(80, 70, 69, 0.35); } .header-type-1 .sf-vertical ul ul li { background-color: #fff; } .header-type-1 .sf-arrows ul .sf-with-ul:after { color: #000 !important; left: -4px; } #mobile-menu.active .nav_menu li { opacity: 1; -webkit-transform: translateY(-1rem); -ms-transform: translateY(-1rem); transform: translateY(-1rem); -webkit-transition: all 1.5s cubic-bezier(0.23, 1, 0.32, 1); transition: all 1.5s cubic-bezier(0.23, 1, 0.32, 1); } #mobile-menu.active .nav_menu li:nth-of-type(1) { -webkit-transition-delay: .5s; transition-delay: .5s; } #mobile-menu.active .nav_menu li:nth-of-type(2) { -webkit-transition-delay: .6s; transition-delay: .6s; } #mobile-menu.active .nav_menu li:nth-of-type(3) { -webkit-transition-delay: .7s; transition-delay: .7s; } #mobile-menu.active .nav_menu li:nth-of-type(4) { -webkit-transition-delay: .8s; transition-delay: .8s; } #mobile-menu.active .nav_menu li:nth-of-type(5) { -webkit-transition-delay: .9s; transition-delay: .9s; } #mobile-menu.active .nav_menu li:nth-of-type(6) { -webkit-transition-delay: 1s; transition-delay: 1s; } #mobile-menu.active .nav_menu li:nth-of-type(7) { -webkit-transition-delay: 1.1s; transition-delay: 1.1s; } #mobile-menu.active .nav_menu li:nth-of-type(8) { -webkit-transition-delay: 1.2s; transition-delay: 1.2s; } #mobile-menu.active .nav_menu li:nth-of-type(9) { -webkit-transition-delay: 1.3s; transition-delay: 1.3s; } #mobile-menu.active .nav_menu li:nth-of-type(10) { -webkit-transition-delay: 1.4s; transition-delay: 1.4s; } /*Start Mobile full screen menu*/ #mobile-menu { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; z-index: 444; background-color: #fff; } #mobile-menu > .inner-wrap { position: absolute; top: 50%; left: 0; width: 100%; max-height: 100%; overflow-y: auto; text-align: center; padding: 50px 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #mobile-menu > .inner-wrap::-webkit-scrollbar-track { background-color: #fff; } #mobile-menu > .inner-wrap::-webkit-scrollbar { width: 5px; background-color: #fff; } #mobile-menu > .inner-wrap::-webkit-scrollbar-thumb { background-color: #feb500; } #mobile-menu > .inner-wrap > nav > .nav_menu { margin: 0; padding: 0 0 5px 0; list-style-type: none; } #mobile-menu > .inner-wrap > nav > .nav_menu ul { margin: 0; padding: 0 0 5px 0; list-style-type: none; } #mobile-menu .nav_menu li { opacity: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); -webkit-transition-delay: 0s; transition-delay: 0s; } #mobile-menu .nav_menu a { display: inline-block; padding: 8px 0; text-decoration: none; font-size: 29px; font-family: 'Open Sans', sans-serif; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; color: #000; -webkit-transition: all ease 0.50s; transition: all ease 0.50s; } #mobile-menu .nav_menu a:hover { color: #feb500; } #mobile-menu .nav_menu .sub-menu { display: none; } #mobile-menu .nav_menu .sub-menu a { text-transform: capitalize; padding: 2px 0; font-size: 1.125rem; letter-spacing: 1px; } #mobile-menu .nav_menu li.menu-item-has-children > a::after { content: '\f107'; font-family: 'FontAwesome'; margin-left: 4px; position: relative; right: -5px; } #mobile-menu .nav_menu li.menu-item-has-children > a.sub-active { color: #000; } #mobile-menu .nav_menu li.menu-item-has-children > a.sub-active::after { content: '\f106'; } #mobile-menu .nav_menu .buy-now-li a { color: #a6e454; } #mobile-menu li.current-menu-item > a, #mobile-menu li.current-page-item > a { color: #555555; } /*Portfolio pop up*/ .modal-box { max-width: 620px; background: #fff; position: relative; margin: 0 auto; left: 0; overflow: hidden; } .modal-box .img-responsive { width: 100%; } .modal-box .modal-box-content { padding-left: 20px; padding-right: 20px; padding-bottom: 20px; } .modal-box .modal-box-content h2, .modal-box .modal-box-content h3 { font-weight: 700; text-transform: uppercase; font-size: 25px; margin-bottom: 0; } .modal-box .modal-box-content h2 span, .modal-box .modal-box-content h3 span { color: #feb500; } .modal-box .modal-box-content h3 { font-size: 20px; } .modal-box .modal-box-content h3:after { content: ""; display: block; height: 2px; width: 40px; background-color: #feb500; margin-top: 8px; margin-bottom: 15px; } .modal-box .modal-box-content p { margin-top: 5px; font-size: 14px; } .modal-box .list-project { padding-left: 0; } .modal-box .list-project li { list-style: none; font-size: 14px; } .modal-box .list-project li b { font-weight: 600; } .modal-box .list-project li a { color: #feb500; } .modal-box .list-project li a i { margin-left: 6px; position: relative; top: 1px; } .modal-box .slider-wrap { position: relative; } .modal-box iframe { border: none; } /*Start Toggle menu - button*/ .toggle-mnu { float: right; display: none; width: 28px; height: 28px; top: 39px; right: 16px; position: relative; cursor: pointer; } .toggle-mnu span:after, .toggle-mnu span:before { content: ""; position: absolute; left: 0; top: 8px; } .toggle-mnu span:after { top: 16px; } .toggle-mnu span { position: relative; display: block; } .toggle-mnu span, .toggle-mnu span:after, .toggle-mnu span:before { width: 100%; height: 3px; background-color: #fff; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .toggle-mnu.on span { background-color: transparent; } .toggle-mnu.on span:before { -webkit-transform: rotate(45deg) translate(-1px, 0px); -ms-transform: rotate(45deg) translate(-1px, 0px); transform: rotate(45deg) translate(-1px, 0px); background-color: #000; } .toggle-mnu.on span:after { background-color: #000; -webkit-transform: rotate(-45deg) translate(6px, -7px); -ms-transform: rotate(-45deg) translate(6px, -7px); transform: rotate(-45deg) translate(6px, -7px); } body:not(.header-fixed) .logo, .toggle-mnu { z-index: 1001; } .toggle-top { float: right; position: absolute; right: 40px; top: 37px; -webkit-transition: all ease 0.50s; transition: all ease 0.50s; } .toggle-top span { width: 24px; height: 3px; background-color: #fff; display: block; position: relative; margin-bottom: 1px; -webkit-transition: 0.20s all ease; transition: 0.20s all ease; } .toggle-top span:last-child { margin-bottom: 0; } .toggle-top span:nth-of-type(1) { width: 12px; } .toggle-top span:nth-of-type(2) { width: 19px; } .toggle-top span:nth-of-type(4) { width: 19px; } .toggle-top span:nth-of-type(5) { width: 12px; } .toggle-top:hover span:nth-of-type(1) { -webkit-transition-delay: .2s; transition-delay: .2s; width: 24px; } .toggle-top:hover span:nth-of-type(2) { -webkit-transition-delay: .3s; transition-delay: .3s; width: 24px; } .toggle-top:hover span:nth-of-type(4) { -webkit-transition-delay: .4s; transition-delay: .4s; width: 24px; } .toggle-top:hover span:nth-of-type(5) { -webkit-transition-delay: .5s; transition-delay: .5s; width: 24px; } .on-top span:nth-of-type(1) { background-color: transparent; -webkit-transition-delay: 0s; transition-delay: 0s; } .on-top span:nth-of-type(2) { width: 25px; -webkit-transform: rotate(-45deg) translate(-6px, 0px); -ms-transform: rotate(-45deg) translate(-6px, 0px); transform: rotate(-45deg) translate(-6px, 0px); -webkit-transition-delay: 0s; transition-delay: 0s; background-color: #fff; } .on-top span:nth-of-type(3) { background-color: transparent; -webkit-transition-delay: 0s; transition-delay: 0s; } .on-top span:nth-of-type(4) { width: 25px; -webkit-transform: rotate(45deg) translate(-5px, 0px); -ms-transform: rotate(45deg) translate(-5px, 0px); transform: rotate(45deg) translate(-5px, 0px); -webkit-transition-delay: 0s; transition-delay: 0s; background-color: #fff; } .on-top span:nth-of-type(5) { background-color: transparent; -webkit-transition-delay: 0s; transition-delay: 0s; } .active-fullscreen-topnav { overflow: hidden; } .active-fullscreen-topnav header { border-bottom: 1px solid #505050; background-color: #1d1d1d; position: fixed; width: 100%; z-index: 5; } .active-fullscreen-topnav header .logo { padding: 12px 0 9px 0; } .active-fullscreen-topnav header .logo img { height: 43px; } .active-fullscreen-topnav .show-full-screen { opacity: 1; visibility: visible; } .active-fullscreen-topnav .toggle-top { top: 23px; } .active-fullscreen-topnav .sf-menu > li { padding: 24px 0px 24px 0; } .height-half { height: 40%; } .height-half-60 { height: 60%; } .height-full { height: 100%; } .height-auto { height: 100%; } .no-padding-top { padding-top: 0 !important; } .no-padding-bottom { padding-bottom: 0 !important; } .fullscreen-topnav { background-color: #feb500; position: fixed; z-index: 4; bottom: 0; width: 100%; top: 65px; opacity: 0; visibility: hidden; overflow: auto; -webkit-transition: all ease-in-out 0.7s; transition: all ease-in-out 0.7s; } .fullscreen-topnav::-webkit-scrollbar-track { background-color: #fff; } .fullscreen-topnav::-webkit-scrollbar { width: 5px; background-color: #fff; } .fullscreen-topnav::-webkit-scrollbar-thumb { background-color: #feb500; } .fullscreen-topnav .items .link { -webkit-transition: all ease 0.60s; transition: all ease 0.60s; text-align: center; background-color: #1b1b1b; border: 3px solid transparent; text-decoration: none; } .fullscreen-topnav .items .link:hover { text-decoration: none; background-color: rgba(33, 33, 33, 0.85); border-color: #585858; } .fullscreen-topnav .items .link:hover h2 { color: #fff; } .fullscreen-topnav .items .link:hover p { color: #feb500; } .fullscreen-topnav .content-nav p, .fullscreen-topnav .content-nav h2 { color: #fff; -webkit-transition: all ease 0.60s; transition: all ease 0.60s; } .fullscreen-topnav .content-nav h2 { font-weight: 600; margin-top: 4px; } .fullscreen-topnav .content-nav p { margin-bottom: 0; } .fullscreen-topnav h3 { color: #fff; font-size: 22px; font-weight: 400; padding-bottom: 15px; line-height: 22px; margin-top: 0; border-bottom: 1px solid #433a23; } .fullscreen-topnav .text-item { background-color: #212121; padding-left: 40px; padding-right: 40px; } .fullscreen-topnav .text-item p { border-left: 3px solid #feb500; padding-left: 20px; font-weight: 400; } .fullscreen-topnav .form-full-screen { background-color: rgba(33, 33, 33, 0.9); padding-right: 45px; padding-left: 45px; } .fullscreen-topnav .video-play { text-align: center; color: #fff; background-color: rgba(27, 27, 27, 0.9); } .fullscreen-topnav .video-play .icon-play { margin: 0 auto; } /*Back to top link*/ .top { position: fixed; bottom: 20px; right: 20px; z-index: 3; display: none; } .top a { color: #fff; background-color: #feb500; display: block; text-align: center; width: 45px; height: 45px; line-height: 45px; -webkit-border-radius: 2px; border-radius: 2px; opacity: 0.7; -webkit-transition: all ease .6s; transition: all ease .6s; } .top a i { font-size: 25px; vertical-align: middle; } .top a:hover { opacity: 1; color: #fff; } .bg-dark-section { position: relative; } .bg-dark-section:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; right: 0; left: 0; background-color: rgba(0, 0, 0, 0.9); z-index: 1; } .bg-dark-section .container, .bg-dark-section .container-fluid { position: relative; z-index: 3; } .bg-dark-section .heading-title h2 { color: #fff; } .bg-dark-section .heading-title p { color: #fff; } .bg-dark-section .heading-title .small-desd span { color: #fff; } .bg-dark-section p { color: #eee; } .bg-dark-section ul.list li { color: #fff; } .bg-dark-section .icon-progress i { color: #fff; } .bg-white-section { position: relative; } .bg-white-section:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; right: 0; left: 0; background-color: rgba(255, 255, 255, 0.9); z-index: 1; } .bg-white-section .container, .bg-white-section .container-fluid { position: relative; z-index: 3; } .white-70:after { background-color: rgba(255, 255, 255, 0.7); } .white-80:after { background-color: rgba(255, 255, 255, 0.8); } .white-90:after { background-color: rgba(255, 255, 255, 0.9); } /*Background mask*/ .bg-mask { position: relative; } .bg-mask:after { content: ""; display: block; position: absolute; width: 100%; -webkit-transition: all 0.7s ease; transition: all 0.7s ease; height: 100%; top: 0; right: 0; left: 0; background-color: rgba(0, 0, 0, 0.7); z-index: 1; } .bg-mask .container, .bg-mask .container-fluid { position: relative; z-index: 3; } .bg-mask-small { position: relative; } .bg-mask-small:after { content: ""; display: block; position: absolute; width: 100%; -webkit-transition: all 0.7s ease; transition: all 0.7s ease; height: 100%; top: 0; right: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 1; } .bg-mask-small .container, .bg-mask-small .container-fluid { position: relative; z-index: 3; } .bg-mask-blue:after { background-color: rgba(48, 71, 211, 0.9); } .bg-mask-white:after { background-color: rgba(255, 255, 255, 0.9); } .bg-mask-black:after { background-color: rgba(0, 0, 0, 0.9); } .bg-mask-yellow:after { background-color: rgba(211, 132, 38, 0.9); } .bg-mask-red:after { background-color: rgba(211, 71, 48, 0.9); } .bg-mask-darkness:after { background-color: rgba(35, 50, 57, 0.9); } .bg-mask-darkmilness:after { background-color: rgba(66, 78, 92, 0.9); } /*Small heading*/ .small-head h2 { text-transform: none; font-size: 18px; font-weight: 500; letter-spacing: 0.8px; } .small-head h2:after { content: ""; display: block; height: 2px; width: 60px; background-color: #feb500; margin-top: 13px; margin-bottom: 18px; } /*100 hv*/ .full-vh { height: -webkit-calc(100vh); height: calc(100vh); } /*Full slider opacity*/ .opacity-none { opacity: 0; } /*heading title big*/ .heading-title-big { font-size: 4.6875rem; font-family: "Roboto", sans-serif; font-weight: 900; text-transform: uppercase; color: #fff; letter-spacing: 5px; line-height: initial; margin-bottom: 15px; } .heading-title-big span { color: #feb500; } .slide-title { margin-top: 30px; font-size: 1.625rem; color: #fff; text-transform: uppercase; font-weight: 500; letter-spacing: 2px; } .slide-title span { color: #feb500; } .description-slide { margin-top: 20px; color: #fff; font-size: 0.9375rem; font-weight: 500; letter-spacing: 1px; } .description-slide span { color: #feb500; } /*vertical-align*/ .vertical-align { display: table; position: relative; height: 100%; margin: 0 auto; } .vertical-align .container { display: table-cell; vertical-align: middle; } span.after { width: 110px; height: 19px; display: block; position: relative; margin: 0 auto; background: url(../img/after.png) no-repeat; } ul.list { margin: 0; padding: 0; } ul.list li { list-style: none; font-size: 16px; letter-spacing: 0.9px; } ul.list li:before { font-family: FontAwesome; content: "\f192"; font-size: 11px; color: #feb500; -webkit-transform: translateY(-4px); -ms-transform: translateY(-4px); transform: translateY(-4px); margin-right: 10px; } /*Portfolio controls*/ .controls-portfolio ul { padding-left: 0; margin-bottom: 50px; margin-top: 0; } .controls-portfolio ul li { display: inline-block; font-size: 14px; color: #606060; text-transform: uppercase; letter-spacing: 0.5px; font-weight: 500; margin-right: 30px; cursor: pointer; } .controls-portfolio ul li:last-child { margin-right: 0; } .controls-portfolio ul .active { color: #feb500; } /*Circle*/ .tizer-circle { position: relative; color: #fff; width: 40px; height: 40px; background-color: #feb500; text-align: center; font-size: 13px; line-height: 40px; vertical-align: middle; -webkit-border-radius: 50%; border-radius: 50%; } /*Triangle*/ .tizer-triangle { position: absolute; top: 10px; right: 10px; color: #fff; font-size: 17px; height: 0; width: 0; border-top: 65px solid #feb500; border-left: 65px solid transparent; } .tizer-triangle i { position: absolute; top: -60px; right: 10px; } /*Portfolio masonry*/ .container-full { width: 100%; height: inherit; position: relative; } .masonry-portfolio { background-attachment: fixed; } .masonry-portfolio .masonry-item-pr { padding: 0; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .masonry-portfolio .wrap-ms-pr { position: relative; display: block; width: 100%; height: 100%; outline: none; } .masonry-portfolio .wrap-ms-pr .bg-mask-pr { background-color: rgba(17, 17, 17, 0.4); display: block; width: 100%; height: 100%; position: absolute; text-align: center; } .masonry-portfolio .wrap-ms-pr .bg-mask-pr .icon { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-border-radius: 50%; border-radius: 50%; display: inline-block; width: 50px; font-size: 17px; height: 50px; background-color: #111; color: #fff; text-align: center; line-height: 50px; vertical-align: middle; } .masonry-portfolio .wrap-ms-pr img { width: 100%; vertical-align: middle; } /*linx full*/ .link-full { text-align: center; } .link-full a { color: #fff; font-size: 12px; letter-spacing: 0.4px; font-weight: 500; text-decoration: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-transform: uppercase; } .link-full a:hover { text-decoration: none; color: #feb500; } .link-full a i { margin-left: 5px; } /*No padding*/ .items-nopadding > div { padding: 0; } /*Tabs default*/ .tabs-default ul { border-bottom: 3px solid #feb500; } .tabs-default ul li { background-color: #f4f3f3; -webkit-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .tabs-default ul li a { font-size: 16px; text-transform: uppercase; color: #606060; outline: none; } .tabs-default ul li.ui-tabs-active { background-color: #feb500; } .tabs-default ul li.ui-tabs-active a { color: #fff; } .tabs-default .ui-tabs-panel, .tabs-default .ui-tabs-nav { padding-left: 0; padding-right: 0; padding-top: 0; } .tabs-default p { color: #606060; font-size: 14px; } .skillbar { position: relative; display: block; margin-bottom: 15px; width: 100%; background: #feb500; height: 24px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: 0.4s linear; transition: 0.4s linear; -webkit-transition-property: width, background-color; transition-property: width, background-color; } .skillbar:last-child { margin-bottom: 0; } .skillbar:nth-child(2n) .skillbar-title { background: #382f16; } .skillbar:nth-child(2n) .skillbar-bar { background: #58503b; } .skillbar-title { position: absolute; top: 0; left: 0; width: 110px; font-weight: 500; overflow: hidden; font-size: 12px; color: #ffffff; background: #58503b; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; } .skillbar-title span { display: block; color: #fff; padding: 0 20px; height: 24px; line-height: 26px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; } .skillbar-bar { height: 24px; width: 0px; background: #2e240a; -webkit-border-radius: 3px; border-radius: 3px; } .skill-bar-percent { position: absolute; right: 10px; top: 0; font-size: 12px; font-weight: 600; line-height: 27px; color: #fff; } /*Triggers*/ .item-triggel-carousel .icon { color: #fff; font-size: 79px; line-height: 79px; display: inline-block; } .item-triggel-carousel .icon i { line-height: initial !important; } .item-triggel-carousel h2 { font-size: 18px; font-weight: 300; text-transform: uppercase; color: #fff; margin-bottom: 5px; } .item-triggel-carousel p { margin-top: 0; font-size: 15px; color: #d7d7d7; font-weight: 300; } #trigger-carousel .slick-slide { outline: none !important; } /*Start Custom dots Slick slider*/ .dots-control-carousel { margin: auto; margin-top: 40px; height: 16px; text-align: center; } .dots { display: inline-block !important; text-align: center; } .dots-control, .dots { margin: 0; padding: 0; } .dots-control li, .dots li { float: left; list-style: none; margin-right: 12px; } .dots-control li:last-child, .dots li:last-child { margin-right: 0; } .dots-control li button, .dots li button { font-size: 0px; padding: 0; height: 8px; width: 8px; -webkit-border-radius: 50%; border-radius: 50%; outline: none; background-color: #fff; border: none; display: block; } .dots-control .slick-active button, .dots .slick-active button { position: relative; top: -1px; width: 10px; height: 10px; border: 2px solid #fff; background: none; } /*Contact information wrap*/ .contact-wrap { text-align: right; } .contact-wrap p, .contact-wrap a { color: #fff; text-transform: uppercase; font-weight: 500; display: block; } .contact-wrap p i, .contact-wrap a i { color: #feb500; margin-right: 10px; } .contact-wrap p { margin-top: 15px; margin-bottom: 15px; } .contact-wrap p:first-child { margin-top: 0; } .contact-wrap .street { font-weight: 400; font-size: 14px; } .contact-wrap ul.social-links { margin-top: 40px; } .contact-wrap ul.social-links i { color: #fff; margin-right: auto; } /*Contact form BG*/ form.contact-form-bg input[type='text'], form.contact-form-bg input[type='email'], form.contact-form-bg textarea { background-color: #2e240a; border: none; -webkit-border-radius: 3px; border-radius: 3px; border-bottom: 2px solid rgba(96, 96, 96, 0.7); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } form.contact-form-bg input[type='text']:hover, form.contact-form-bg input[type='text']:active, form.contact-form-bg input[type='text']:focus, form.contact-form-bg input[type='email']:hover, form.contact-form-bg input[type='email']:active, form.contact-form-bg input[type='email']:focus, form.contact-form-bg textarea:hover, form.contact-form-bg textarea:active, form.contact-form-bg textarea:focus { border-color: #feb500; } form.contact-form-bg input[type='submit'] { float: right; background-color: #fff; color: #555; border: 2px solid #feb500; font-weight: 600; padding-top: 13px; padding-bottom: 13px; line-height: 15px; } form.contact-form-bg input[type='submit']:hover { background-color: #2e240a; color: #fff; border-color: #fff; } /*Contact form */ .contact-form-white input[type=text], .contact-form-white input[type=email], .contact-form-white textarea { border-color: #e1e1e1; color: #505050; font-size: 14px; } .contact-form-white input[type=text]:focus, .contact-form-white input[type=email]:focus, .contact-form-white textarea:focus { border-color: #feb500; } .contact-form-white input[type=text]:active, .contact-form-white input[type=email]:active, .contact-form-white textarea:active { border-color: #feb500; } .contact-form-white input[type=text]::-webkit-input-placeholder, .contact-form-white input[type=email]::-webkit-input-placeholder, .contact-form-white textarea::-webkit-input-placeholder { color: #7c7c7c; } .contact-form-white input[type=text]::-moz-placeholder, .contact-form-white input[type=email]::-moz-placeholder, .contact-form-white textarea::-moz-placeholder { color: #7c7c7c; } .contact-form-white input[type=text]:-moz-placeholder, .contact-form-white input[type=email]:-moz-placeholder, .contact-form-white textarea:-moz-placeholder { color: #7c7c7c; } .contact-form-white input[type=text]:-ms-input-placeholder, .contact-form-white input[type=email]:-ms-input-placeholder, .contact-form-white textarea:-ms-input-placeholder { color: #7c7c7c; } .contact-form-white input[type=submit] { color: #fff; margin-top: 18px; float: right; } .form-transperent input[type=text], .form-transperent input[type=email], .form-transperent textarea { color: #fff; } .form-transperent input[type=text]::-webkit-input-placeholder, .form-transperent input[type=email]::-webkit-input-placeholder, .form-transperent textarea::-webkit-input-placeholder { color: #ccc; } .form-transperent input[type=text]::-moz-placeholder, .form-transperent input[type=email]::-moz-placeholder, .form-transperent textarea::-moz-placeholder { color: #ccc; } .form-transperent input[type=text]:-moz-placeholder, .form-transperent input[type=email]:-moz-placeholder, .form-transperent textarea:-moz-placeholder { color: #ccc; } .form-transperent input[type=text]:-ms-input-placeholder, .form-transperent input[type=email]:-ms-input-placeholder, .form-transperent textarea:-ms-input-placeholder { color: #ccc; } /*Links footer*/ .links h5 { font-size: 18px; margin-top: 0; margin-bottom: 15px; color: #fff; font-weight: 500; letter-spacing: 1.5px; text-transform: uppercase; } .links ul.list li { font-size: 14px; margin-bottom: 5px; } .links ul.list li:before { font-size: 9px; position: relative; top: -1px; } .links ul.list li:last-child { margin-bottom: 0; } .links ul.list li a { color: #fff; text-decoration: none; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .links ul.list li a:hover { color: #feb500; } /*Gallery slide*/ .gallery-slide .dots-control-carousel { position: absolute; margin-top: 0; bottom: 18px; left: 0; right: 0; margin: 0 auto; } /*slider opacity control*/ .gallery-slide .prev-next-block-rotate .wrap-prev, .section-testimonials .prev-next-block-rotate .wrap-prev, .our-clients .prev-next-block-rotate .wrap-prev { left: -120px; } .gallery-slide .prev-next-block-rotate .wrap-next, .section-testimonials .prev-next-block-rotate .wrap-next, .our-clients .prev-next-block-rotate .wrap-next { right: -120px; } .gallery-slide .prev-next-block-rotate .wrap-prev, .gallery-slide .prev-next-block-rotate .wrap-next, .section-testimonials .prev-next-block-rotate .wrap-prev, .section-testimonials .prev-next-block-rotate .wrap-next, .our-clients .prev-next-block-rotate .wrap-prev, .our-clients .prev-next-block-rotate .wrap-next { margin-top: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 0.4; } .gallery-slide .prev-next-block-rotate .wrap-prev:hover, .gallery-slide .prev-next-block-rotate .wrap-next:hover, .section-testimonials .prev-next-block-rotate .wrap-prev:hover, .section-testimonials .prev-next-block-rotate .wrap-next:hover, .our-clients .prev-next-block-rotate .wrap-prev:hover, .our-clients .prev-next-block-rotate .wrap-next:hover { opacity: 1; } .gallery-slide:hover .prev-next-block-rotate .wrap-prev, .section-testimonials:hover .prev-next-block-rotate .wrap-prev, .our-clients:hover .prev-next-block-rotate .wrap-prev { left: 0px; } .gallery-slide:hover .prev-next-block-rotate .wrap-next, .section-testimonials:hover .prev-next-block-rotate .wrap-next, .our-clients:hover .prev-next-block-rotate .wrap-next { right: 0px; } .share-post-links li { background-color: #ececec; display: inline-block; text-align: center; -webkit-border-radius: 50%; border-radius: 50%; margin-left: 5px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .share-post-links li:last-child { margin-left: 0; } .share-post-links li:hover { background-color: #feb500; } .share-post-links li:hover a { color: #fff; } .share-post-links li a { width: 40px; height: 40px; color: #797979; display: block; vertical-align: middle; font-size: 14px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; line-height: 40px; } .share-post-links li a i { vertical-align: middle; } .avatar-80 { width: 80px; height: 80px; } /*Services*/ .item-service { margin-bottom: 30px; display: inline-block; } .item-service:hover .icon-service:after { background-color: rgba(0, 0, 0, 0.9); } .item-service:hover .small-i { display: none; } .item-service:hover .large-i { font-size: 150px; position: relative; line-height: 150px; color: #fff; height: 100%; width: 100%; text-align: center; } .item-service:hover .large-i i { position: relative; top: 50%; right: 0; opacity: 1; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .icon-service { background-color: #2e240a; position: relative; overflow: hidden; -webkit-transition: all 0.7s ease; transition: all 0.7s ease; } .icon-service .small-i { -webkit-transition: all 0.7s ease; transition: all 0.7s ease; font-size: 99px; line-height: 99px; color: #fff; height: 100%; text-align: center; } .icon-service .small-i i { z-index: 4; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .icon-service .large-i { -webkit-transition: all 0.7s ease; transition: all 0.7s ease; font-size: 150px; line-height: 150px; color: #fff; display: inline-block; height: 100%; } .icon-service .large-i i { -webkit-transition: all 0.6s ease; transition: all 0.6s ease; z-index: 4; position: absolute; opacity: 0.10; top: 50%; right: 30px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .content-service { background-color: #f5f5f5; padding-top: 30px; padding-left: 30px; padding-right: 30px; padding-bottom: 25px; } .content-service h2 { font-size: 20px; line-height: 20px; margin-top: 0; margin-bottom: 0; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; } .content-service h2 span { color: #feb500; } .content-service p { font-size: 14px; margin-top: 15px; color: #606060; } .two-col .item-service .icon-service { height: 280px !important; } .two-col .item-service .icon-service .large-i { font-size: 350px; -webkit-transition: font-size 0.01s; transition: font-size 0.01s; } .two-col .item-service .icon-service .large-i i { opacity: 0.02; } .two-col .item-service:hover .large-i { font-size: 150px; } .two-col .item-service:hover .large-i i { opacity: 1; } /*Price item*/ .item-price-two { border-bottom: 1px solid #ccc; margin-bottom: 40px; } .item-price-two:last-child { margin-bottom: 0; } .item-price-two h2 { font-weight: 500; font-size: 16px; text-transform: uppercase; display: inline-block; } .item-price-two .price { display: inline-block; float: right; position: relative; bottom: 13px; border-bottom: 2px solid #000; } .item-price-two .price span { text-transform: uppercase; font-weight: 400; font-size: 14px; margin-right: 10px; } .item-price-two .price p { font-size: 40px; text-transform: uppercase; font-weight: 300; margin-top: 0; display: inline-block; } .dark-price { border-color: #312e2e; } .dark-price h2 { color: #fff; } .dark-price .price { border-color: #fff; } .dark-price .price span { color: #716d6d; } /*services-list*/ .services-list { margin: 0; padding: 0; border: 1px solid #eee; } .services-list li { list-style: none; font-weight: 500; padding-top: 10px; padding-bottom: 10px; padding-left: 20px; font-size: 18px; border-bottom: 1px dashed #ccc; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .services-list li:hover a { color: #feb500; } .services-list li:last-child { border-bottom: none; } .services-list li a { color: #2e240a; text-decoration: none; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .services-list .active { background-color: #e5a300; border-bottom: none; } .services-list .active:hover { background-color: #febc1a; } .services-list .active:hover a { color: #fff; } .services-list .active a { color: #fff; } .dh-overlay { top: -100%; } .acc-head { font-weight: 500; font-size: 19px; } /*text fade*/ #slider-item .text-fade { position: relative; } .display-page { padding-top: 130px; padding-bottom: 90px; color: #fff; } .display-page h1 { font-size: 37px; font-weight: 600; text-transform: uppercase; } .display-page h1:after { content: ""; display: block; height: 2px; width: 60px; background-color: #feb500; margin-top: 8px; margin-bottom: 15px; } .display-page h1 span { color: #feb500; } .display-page p { font-size: 14px; } .unity { padding-bottom: 90px; } .unity .description { margin-bottom: 120px; } .head-project { padding-top: 80px; padding-bottom: 80px; } .head-project .title-project { margin-top: 0; } .content-project p { font-size: 14px; color: #606060; } .content-project h2, .content-project h3 { font-weight: 600; text-transform: uppercase; font-size: 20px; letter-spacing: 1px; margin-bottom: 0; } .content-project h2 span, .content-project h3 span { color: #feb500; } .content-project h2:after, .content-project h3:after { content: ""; display: block; height: 2px; width: 40px; background-color: #feb500; margin-top: 8px; margin-bottom: 15px; } .content-project .list-project { padding-left: 0; } .content-project .list-project li { list-style: none; font-size: 14px; margin-bottom: 5px; color: #585858; letter-spacing: 0.5px; } .content-project .list-project li:last-child { margin-bottom: 0; } .content-project .list-project li b { font-weight: 600; } .content-project .list-project li a { color: #feb500; } .content-project .list-project li a i { margin-left: 6px; position: relative; top: 1px; } .single-project .about-us { padding-top: 0; } .single-project .full-slider .slide .small-text .heading-title-big { font-size: 65px; } .gallery-slide { overflow: hidden; position: relative; } /*Service single*/ .content-service-single { padding-bottom: 30px; } .content-service-single h1, .content-service-single h2, .content-service-single h3, .content-service-single h4, .content-service-single h5 { margin-top: 0; } .content-service-single h1:after, .content-service-single h2:after, .content-service-single h3:after, .content-service-single h4:after, .content-service-single h5:after { content: ""; display: block; height: 2px; width: 40px; background-color: #feb500; margin-top: 8px; margin-bottom: 15px; } .content-service-single ul.list { margin-top: 30px; } .service-about ul.list { margin-top: 15px; } /*=============== Start blog pages =================*/ .video-post iframe { width: 100%; } /*.blog-classic*/ .read-post-classic { padding-bottom: 88px; } hr { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .blog-classic .post-content-classic .post-data { padding-top: 0; } .blog-classic .post.sticky .post-data, .blog-classic .post.sticky .content { padding: 0; } .blog-classic .post.sticky .post-data { margin-bottom: 20px; } .blog-classic > div { margin-bottom: 30px; } .blog-classic .type-post:hover hr { border-color: #feb500; } .blog-classic .type-post:hover .btn-default { background-color: #2e240a; } /* endblog-classic*/ /* .right-sidebar*/ .right-sidebar #sidebar { position: relative; padding-top: 100px; } .right-sidebar #sidebar:before { content: ''; position: absolute; height: 100%; width: 200%; top: 0; bottom: 0; right: auto; left: -20%; } .pagination-btns { background: #feb500; text-align: center; } .pagination-btns h2 { display: none; } .pagination-btns .pagination { margin: 0 auto; } .pagination-btns .pagination .current { background: #2e240a; } .pagination-btns .pagination a { text-decoration: none; -webkit-transition: all ease 0.76s; transition: all ease 0.76s; color: #fff; padding: 20px; display: inline-block; font-size: 1.75rem; font-weight: 400; } .pagination-btns .pagination a:hover { background: rgba(0, 0, 0, 0.2); } .pagination-btns .pagination span { padding: 20px; display: inline-block; font-size: 1.75rem; font-weight: 400; color: #fff; } #sidebar { position: relative; padding-top: 90px; } #sidebar:before { content: ''; position: absolute; height: 100%; width: 200%; top: 0; bottom: 0; right: -15%; background: #f8f8f8; z-index: -1; } #sidebar.right:before { left: -15%; } #sidebar h4 { font-size: 18px; margin: 60px 0 20px 0; } #sidebar h4:first-child { margin-top: 0; } #sidebar h4:after { content: ""; display: block; height: 2px; width: 40px; background-color: #feb500; margin-top: 9px; margin-bottom: 15px; } #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6 { text-align: left; } #sidebar h2:after, #sidebar h3:after, #sidebar h5:after, #sidebar h6:after { display: none; } #sidebar ul { margin: 0; padding: 0; overflow: hidden; } #sidebar ul li { list-style: none; margin: 0 0 10px 0; } #sidebar ul li a { color: #5c5c5c; text-decoration: none; -webkit-transition: all ease 0.57s; transition: all ease 0.57s; } #sidebar ul li a:hover { color: #feb500; } #sidebar ul li .children li a:hover, #sidebar ul li .sub-menu li a:hover { color: #feb500; } #sidebar ul li.cat-item a:before { font-family: FontAwesome; content: "\f192"; font-size: 11px; color: #feb500; -webkit-transform: translateY(-4px); -ms-transform: translateY(-4px); transform: translateY(-4px); margin-right: 10px; } #sidebar ul.menu li a:before { font-family: FontAwesome; content: "\f192"; font-size: 11px; color: #feb500; -webkit-transform: translateY(-4px); -ms-transform: translateY(-4px); transform: translateY(-4px); margin-right: 10px; } #sidebar ul li .children, #sidebar ul li .sub-menu { margin: 10px 0 0 25px; } #sidebar ul li .children li a, #sidebar ul li .sub-menu li a { color: #7e7e7e; font-size: 14px; } #sidebar label { font-size: 14px; } #sidebar select { background: #fff url("images/arrow-down.png") 95% 50% no-repeat; border: 1px solid rgba(0, 0, 0, 0.1); -webkit-border-radius: 4px; border-radius: 4px; text-overflow: ''; text-indent: 0.01px; padding: 10px; width: 100%; font-size: 14px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } #sidebar .tagcloud { overflow: hidden; } #sidebar .tagcloud a { display: block; float: left; background: rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; border-radius: 2px; color: #5c5c5c; font-size: 14px; padding: 6px 12px; margin: 0 6px 6px 0; -webkit-transition: all ease 0.55s; transition: all ease 0.55s; text-decoration: none; } #sidebar .tagcloud a:hover { background: #feb500; color: #fff; } #sidebar .search-form label { width: 96%; margin: 0; } #sidebar .search-form label input { background: #fff url("../img/search.png") 95% 50% no-repeat; width: 95%; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #dadada; padding-left: 20px; padding-top: 10px; padding-bottom: 10px; font-size: 14px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #sidebar .search-form label input:focus { -webkit-box-shadow: none; box-shadow: none; outline: none; border-color: #feb500; } #sidebar .search-form label span { display: none; } #sidebar .search-form .search-submit { display: none; } #sidebar ul.social-links { overflow: visible; margin-top: 25px; margin-left: 7px; } #sidebar ul.social-links li { margin-right: 17px; } #sidebar ul.social-links li:last-child { margin-right: 0; } #sidebar ul.social-links li a { color: #fff; } .blog-page .single-post p { margin: 0 0 20px 0; color: #5c5c5c; } .blog-page .single-post { padding-top: 100px; } .blog-page .single-post .heading-title { margin-top: 30px; margin-bottom: 50px; } .blog-page .single-post .heading-title h2 { font-weight: 500; } .blog-page .small-heading h2 { font-size: 23px; font-weight: 600; } .blog-page .post-data { padding-top: 30px; margin-bottom: 15px; } .blog-page .post-data p { color: #6b6b6b; font-size: 14px; display: inline-block; margin-bottom: 0px; } .blog-page .post-data p:after { content: ""; color: #feb500; display: inline-block; position: relative; margin-right: 9px; margin-left: 14px; font-family: "FontAwesome"; } .blog-page .post-data p:last-child:after { display: none; } .blog-page .post-data p a { color: #6b6b6b; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; } .blog-page .post-data p a:hover { color: #feb500; } .blog-single-post header { position: relative; background-color: #2e240a; } .blog-single-post .sf-menu a { color: #2e240a; } .blog-single-post .sf-menu > li.sfHover { background: none; } .blog-single-post .sf-menu > li.sfHover > a { color: #feb500; } .blog-single-post .sf-menu > li > a { border-bottom: 5px solid transparent; -webkit-transition: all .5s ease; transition: all .5s ease; color: #fff; } .blog-single-post .sf-menu > li > a:hover { color: #feb500; } .blog-single-post .sf-menu ul { border-top: 2px solid #feb500; background-color: #fff; } .blog-single-post .sf-menu ul li { border-bottom: 1px dashed rgba(0, 0, 0, 0.1); } .blog-single-post .sf-menu ul li:last-child { border-bottom: none; } .blog-single-post .sf-menu ul li:hover a { color: #2e240a; } .blog-single-post .sf-arrows li > .sf-with-ul:after { border-top-color: #fff; } .blog-single-post .sf-arrows li .sf-with-ul:focus:after, .blog-single-post .sf-arrows li:hover > .sf-with-ul:after { border-top-color: #feb500; } .blog-single-post .sf-arrows .sfHover .sf-with-ul:after { border-top-color: #feb500; } .comment-respond .small-heading { margin-bottom: 50px; } .post { margin-bottom: 60px; padding-bottom: 60px; border-bottom: 1px solid #e7e7e7; } .post:last-child { margin-bottom: 0; padding-bottom: 0; border: none; } .post.sticky { padding-bottom: 0; border-bottom: none; } .post .post-thumb { position: relative; } .post.sticky .post-thumb { margin-bottom: 0; } .post img { max-width: 100%; vertical-align: bottom; -webkit-transition: ease-in-out 0.50s; transition: ease-in-out 0.50s; } .post .content h3 { font-size: 21px; margin: 0 0 10px 0; color: #393939; font-weight: 700; } .post .content h3 + p a { color: #979797; } .post .content p { color: #606060; font-size: 14px; letter-spacing: 0.5px; line-height: 25px; } .post .content:after { display: none; } .post .content a { color: #383838; text-decoration: none; -webkit-transition: ease-in-out 0.60s; transition: ease-in-out 0.60s; } .post .content a:hover { color: #feb500; } .post .content + p { font-size: 14px; font-weight: 700; color: #979797; } .post .content .btn-default { color: #fff; background-color: #feb500; } .post .content .btn-default:hover { color: #fff; background: #2e240a; } .post h2 { font-size: 22px; margin: 0 0 10px 0; font-weight: 900; } .slider-portfolio-single .slide img { width: 100%; } .post.sticky { position: relative; background: #f8f8f8; } .post.sticky .post-data { padding-top: 30px; padding-left: 30px; padding-right: 30px; } .post.sticky .post-data p { margin-bottom: 0; } .post.sticky .content { padding: 30px; padding-top: 15px; } .post.sticky:after { content: ''; display: block; position: absolute; top: 0; right: 10px; width: 0; height: 0; border-style: solid; border-width: 0 50px 50px 0; border-color: transparent #feb500 transparent transparent; } .post.sticky:before { content: "\f135"; position: absolute; color: #fff; z-index: 1; top: 7px; right: 17px; font-size: 14px; display: inline-block; font-family: 'FontAwesome'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .post.sticky:after { right: 0; } .post.sticky:before { right: 10px; } .post-thumbnail { margin-bottom: 20px; } .single-post { padding-bottom: 50px; } .info span { margin: 0 5px; } .info span:first-child { margin-left: 0; } .author-bio { overflow: hidden; background: #2e240a; padding: 30px 0; } .author-bio h3 { color: #fff; font-size: 18px; font-weight: 600; margin-top: 0; margin-bottom: 10px; } .author-bio p { color: #eee; font-size: 14px; } .author-bio .profile-img { text-align: center; } .author-bio .profile-img img { -webkit-border-radius: 50%; border-radius: 50%; margin-left: 10px; } .author-bio .author-info { padding-left: 25px; } .author-bio .author-info .author-description { color: #eee; margin: 0; } .entry-content blockquote { margin: 30px 0; } .format { display: inline-block; background: #f8f8f8; font-size: 0; letter-spacing: 0; margin: 10px 0 0 10px; -webkit-border-radius: 50%; border-radius: 50%; width: 45px; height: 45px; line-height: 45px; text-align: center; vertical-align: middle; font-weight: normal; } .format:hover { background: #f8f8f8; } .format:before { font-family: FontAwesome; display: inherit; font-size: 15px; vertical-align: middle; color: #979797; } .format-chat .format:before { content: "\f086"; } .format-quote .format:before { content: "\f10d"; } .format-link .format:before { content: "\f0c1"; } .format-status .format:before { content: "\f075"; } .format-aside .format:before { content: "\f10c"; } .format-video .format:before { content: "\f04b"; } .format-audio .format:before { content: "\f025"; } .format-image .format:before { content: "\f03e"; } .format-gallery .format:before { content: "\f030"; } .gallery-item { display: inline-block; padding: 1.79104477%; text-align: center; vertical-align: top; width: 100%; } .gallery-item figcaption { padding: 15px 5px 0 5px; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-item a { -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .gallery-item a:hover { opacity: 0.6; } .format-gallery .post-thumb { margin-bottom: 0; } .excerpt { margin-top: 30px; } article.post .nav-links a, .comment-navigation div a { display: inline-block; background: #f8f8f8; padding: 10px; width: 49%; text-align: center; margin-top: 30px; } article.post .nav-links a:hover { background: #26a1e0; color: #fff; } .comment-navigation div a:hover { background: #26a1e0; color: #fff; } .comment-navigation h1 { display: none; } .comment-navigation div a { margin-top: 0; } #comment-nav-below { margin-bottom: 30px; } .page-links { margin-bottom: 30px; } .page-links a { display: inline-block; color: #fff; padding: 10px 15px; background: #26a1e0; } .page-links span { margin-right: 5px; } .page-links a span { margin: 0; } .share-post h4, .share-post ul.share-post-links { display: inline-block; } .blog-page .comments-area p { font-size: 14px; } .blog-page .comments-area .info { margin-bottom: 10px; } .blog-page .comments-area .user { font-weight: 600; } .blog-page .comment-list { padding: 0; list-style: none; } .blog-page .comment-list > li { margin: 15px 0; padding: 15px 0 30px 0; } .blog-page .comment-list > li ul, .blog-page .comment-list > li ol { margin-bottom: 30px; } .blog-page .comment-list img { -webkit-border-radius: 50%; border-radius: 50%; } .blog-page .comment-list .user { font-size: 18px; margin-bottom: 0; } .blog-page .comment-list .user span { background: #feb500; font-size: 9px; display: inline-block; text-transform: uppercase; font-weight: 600; padding: 4px 5px; -webkit-border-radius: 3px; border-radius: 3px; margin-left: 5px; -webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .blog-page .comment-list .user span a { color: #fff; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; text-decoration: none; } .blog-page .comment-list .user span:hover { background: #f8f8f8; } .blog-page .comment-list .user span:hover a { color: #5c5c5c; } .blog-page .comment-list .info { font-size: 14px; font-weight: 400; color: #979797; margin-bottom: 10px; } .blog-page .comment-list .children { list-style: none; padding: 0; border-top: 1px solid #e7e7e7; } .blog-page .comment-list .children li { border-bottom: 1px solid #e7e7e7; padding-left: 100px; padding-top: 40px; padding-bottom: 40px; } .blog-page .comment-list .children .children { border: none; } .blog-page .comment-list .children .children li { padding-left: 200px; } h3#reply-title:after { content: ''; display: block; height: 2px; width: 70px; background: #26a1e0; margin: 20px 0 0 0; -webkit-animation: title-border .5s ease-in; animation: title-border .5s ease-in; } .comment-form-author, .comment-form-email { float: left; width: 33.3%; padding-right: 30px; } .comment-form-comment:before, .comment-form-url:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; } .comment-notes { margin-bottom: 30px; } /*Masonry*/ .grid-sizer { width: 25%; } .masonry-container .masonry-item { padding: 0; margin-bottom: 40px; border-bottom: none; } .masonry-container .masonry-item article { -webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.06); box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.06); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; border: 1px solid #eaeaea; margin-bottom: 20px; margin-left: 10px; margin-right: 10px; } .masonry-container .masonry-item article:hover { -webkit-box-shadow: 0 0 19px 0 rgba(80, 70, 69, 0.35); box-shadow: 0 0 19px 0 rgba(80, 70, 69, 0.35); } .masonry-container .masonry-item article .post-data { padding-left: 15px; padding-right: 15px; padding-top: 20px; } .masonry-container .masonry-item article .content { padding-left: 15px; padding-right: 15px; padding-bottom: 20px; } .masonry-container .masonry-item article .content p { font-size: 13px; } .masonry-container .masonry-item article .content h3 { font-size: 19px; } header { -webkit-transition: all ease 0.50s; transition: all ease 0.50s; position: absolute; top: 0; width: 100%; background-color: transperent; z-index: 4; /*Dark logo*/ } header .top-menu { float: right; } header .logo { display: inline-block; padding: 29px 0 19px 0; position: relative; } header .logo img { height: 47px; -webkit-transition: all ease 0.50s; transition: all ease 0.50s; } header .logo .logo-dark { display: none; } header .dark-logo .logo-white { display: none; } header .dark-logo .logo-dark { display: block; } form .btn { margin-top: 25px; } .slider { position: relative; overflow: hidden; padding: 0; } .slider .buttons-section { margin-top: 45px; } .slider .dots-control-carousel { position: absolute; z-index: 3; margin-top: 0; bottom: 30px; right: 30px; } .slider .dots-control-carousel li { margin-right: 12px; } .slider .dots-control-carousel li button { font-size: 0px; padding: 0; height: 15px; width: 15px; -webkit-border-radius: 50%; border-radius: 50%; outline: none; opacity: 0.5; background-color: transparent; border: 3px solid #fff; display: block; } .slider .dots-control-carousel .slick-active button { position: relative; top: -1px; width: 15px; height: 15px; opacity: 1; border: none; background: #fff; } .tlt span { color: #fff; } .letter-s-8 { letter-spacing: 8px; } .full-slider .slide .img-slide { margin-bottom: 30px; } /*Customize for slids*/ .full-slider .slide, .wrap-header .slide { /*small text*/ } .full-slider .slide .head-desc .description-slide, .wrap-header .slide .head-desc .description-slide { margin-top: 0; } .full-slider .slide .small-text .description-slide, .wrap-header .slide .small-text .description-slide { font-weight: 300; font-size: 14px; } .full-slider .slide .small-text .heading-title-big, .wrap-header .slide .small-text .heading-title-big { font-size: 45px; } .full-slider .slide .black-text .description-slide, .full-slider .slide .black-text .heading-title-big, .wrap-header .slide .black-text .description-slide, .wrap-header .slide .black-text .heading-title-big { color: #1d1c1c; } /*home*/ .dark-load header { z-index: 6; background-color: #1d1d1d; } /*About us*/ .about-us { background-color: #fff; position: relative; } /*Into slider*/ .into-slider { padding: 0; position: relative; } .into-slider .item { background-color: #111; color: #fff; text-align: center; padding-top: 30px; padding-bottom: 50px; padding-left: 15px; padding-right: 15px; } .into-slider .item i { font-size: 4.0625rem; color: #fff; } .into-slider .item h4 { font-size: 1.125rem; font-weight: 500; margin-top: 0; margin-bottom: 10px; text-transform: uppercase; letter-spacing: 0.6px; } .into-slider .item p { font-size: 0.875rem; color: #fff; } .into-slider > div > div > div { padding: 0; } .into-slider > div > div > div:nth-child(2n) .item { background-color: rgba(17, 17, 17, 0.9); } .item-about .icon { display: inline-block; padding-right: 10px; float: left; } .item-about .icon i { font-size: 73px; color: #555; } .item-about .icon .bg-icon { position: absolute; top: -60px; left: 50px; } .item-about .icon .bg-icon i { font-size: 152px; opacity: 0.05; } .item-about .content { padding-left: 20px; overflow: hidden; } .item-about .content h3 { font-size: 18px; font-weight: 600; letter-spacing: 0.8px; text-transform: uppercase; color: #555; margin-bottom: 0; } .item-about .content h3 span { color: #feb500; } .item-about .content p { margin-top: 8px; font-size: 14px; line-height: 22px; color: #606060; } .light-item .icon i { color: #fff; } .light-item .content h3 { color: #fff; } .light-item .content p { color: #e2e2e2; } /*Services section*/ .services-section .slick-list { overflow: visible; } .services-section .ui-tabs-panel .heading-title { margin-bottom: 0; } .services-section .ui-tabs-panel p { font-size: 14px; line-height: 23px; } .services-section .link-full { padding-top: 60px; } /* How we work section */ .section-how-we-work { background-color: #fafafa; } .section-how-we-work .icon-container { -webkit-border-radius: 50%; border-radius: 50%; border: 3px solid rgba(66, 66, 66, 0.47); height: 195px; width: 195px; text-align: center; margin: 0 auto; margin-bottom: 35px; -webkit-transition: all .26s ease; transition: all .26s ease; padding: 49px; } .section-how-we-work .icon-container:after { content: ""; display: block; width: 70px; height: 1px; border-top: 2px dashed #ccc; position: absolute; right: -37px; top: 28%; } .section-how-we-work .icon-container:hover { border-color: #feb500; } .section-how-we-work .icon-container:hover .icon { border-color: white; background-color: #feb500; } .section-how-we-work .icon-container .icon { width: 90px; height: 90px; background-color: #424242; display: inline-block; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: all ease 0.75s; transition: all ease 0.75s; } .section-how-we-work .icon-container .icon i { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 40px; color: #fff; } .section-how-we-work .item-icon:last-child .icon-container:after { display: none; } .section-how-we-work .item-icon p { color: #606060; font-weight: 400; margin-top: 14px; letter-spacing: 0.4px; font-size: 14px; } .section-how-we-work h3, .section-how-we-work p { text-align: center; } .section-how-we-work h3 { font-size: 1.125rem; font-weight: 600; margin-bottom: 10px; color: #555; text-transform: uppercase; } /* How work progress */ .section-work-progress .heading-title { margin-bottom: 0; } .icon-progress { text-align: center; } .icon-progress i { font-size: 65px; line-height: 65px !important; } .icon-progress p { font-size: 18px; margin-top: 10px; text-transform: uppercase; letter-spacing: 2px; } /*Portfolio section */ .section-portfolio { padding-bottom: 0; } .section-portfolio .heading-title { margin-bottom: 40px; } .section-portfolio .mix { display: none; } .section-portfolio .set-tab { color: #feb500; } .section-portfolio .heading-title { margin-bottom: 85px; } .container-carousel { position: relative; } .portfolio > div { padding: 0; } .portfolio-pd > div { padding-left: 15px; padding-right: 15px; margin-bottom: 15px; margin-top: 15px; } .item-portfolio { position: relative; } .item-portfolio img { display: block; width: 100%; top: 0; } .content-wrap { height: 100%; width: 100%; overflow: hidden; display: table; } .content-wrap .content-va { display: table-cell; vertical-align: middle; } .item-wrap { position: relative; overflow: hidden; } .item-wrap .tizer-circle { position: absolute; right: 25px; top: 25px; } .item-wrap .content-wrap { position: relative; } .item-wrap img { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .item-wrap:hover .content { opacity: 1; } .item-wrap:hover img { -webkit-filter: blur(10px); filter: blur(10px); } .item-wrap:hover .content::before { background-color: rgba(0, 0, 0, 0.7); } .item-wrap:hover h2, .item-wrap:hover p { color: #fff; } .item-wrap .content { padding-left: 40px; padding-right: 40px; position: absolute; text-align: center; height: 100%; width: 100%; top: 0; } .item-wrap .content::before { display: block; top: 10px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; right: 10px; bottom: 10px; left: 10px; position: absolute; content: ''; } .item-wrap h2 { font-size: 18px; margin-bottom: 0px; line-height: 18px; color: #fff; font-weight: 600; text-transform: uppercase; } .item-wrap h2:after { content: ""; display: block; height: 1px; width: 30px; background-color: #feb500; margin: 0 auto; margin-top: 12px; margin-bottom: 5px; } .item-wrap p { margin-top: 10px; font-size: 14px; color: #fff; } /*Section trigger*/ .section-trigger .heading-title { margin-bottom: 35px; } .section-trigger .heading-title h2:after { display: none; } /*Section We are in numbers*/ .section-we-are-numbers .item-number { text-align: center; } .section-we-are-numbers .item-number .num { background-color: #433a23; } .section-we-are-numbers .item-number .num h2 { font-size: 65px; line-height: 65px; padding-top: 22px; padding-bottom: 13px; font-weight: 600; margin-bottom: 0; margin-top: 0; color: #fff; } .section-we-are-numbers .item-number .name { background-color: rgba(46, 36, 10, 0.5); padding-top: 36px; padding-bottom: 36px; } .section-we-are-numbers .item-number .name p { font-size: 18px; margin-top: 0; font-weight: 500; color: #fff; text-transform: uppercase; } .section-we-are-numbers div > div:nth-child(2n) .item-number .num { background-color: rgba(46, 36, 10, 0.5); } .section-we-are-numbers div > div:nth-child(2n) .item-number .name { background-color: #433a23; } /*Team section*/ .item-team ul.social-links { position: absolute; top: 50%; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; text-align: center; } .item-team ul.social-links li { opacity: 0; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); -webkit-transition-delay: 0s; transition-delay: 0s; } .item-team:hover .mask-info { opacity: 0.6; } .item-team:hover ul.social-links li { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); } .item-team:hover ul.social-links li:nth-of-type(1) { -webkit-transition-delay: .3s; transition-delay: .3s; } .item-team:hover ul.social-links li:nth-of-type(2) { -webkit-transition-delay: .4s; transition-delay: .4s; } .item-team:hover ul.social-links li:nth-of-type(3) { -webkit-transition-delay: .5s; transition-delay: .5s; } .item-team:hover ul.social-links li:nth-of-type(4) { -webkit-transition-delay: .6s; transition-delay: .6s; } .item-team:hover ul.social-links li:nth-of-type(5) { -webkit-transition-delay: .7s; transition-delay: .7s; } .item-team:hover ul.social-links li:nth-of-type(6) { -webkit-transition-delay: .8s; transition-delay: .8s; } .item-team h2 { font-size: 16px; color: #222; font-weight: 500; margin-top: 17px; margin-bottom: 4px; } .item-team span { color: #feb500; } .item-team p { margin-bottom: 0; margin-top: 10px; font-size: 14px; color: #606060; } .img-wrap { position: relative; } .img-wrap img { width: 100%; } .mask-info { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 0; position: absolute; top: 0; width: 100%; height: 100%; background-color: #fff; border: 4px solid #feb500; } /*========== Start Testimonials Section ==========*/ .section-testimonials { overflow: hidden; } .section-testimonials .dots-control-carousel { margin-top: 0; } .section-testimonials .prev-next-block-rotate .wrap-prev, .section-testimonials .prev-next-block-rotate .wrap-next { z-index: 4; } .section-testimonials .dots-control-carousel { margin-top: 50px; } .testimonials-items * { outline: none; } .item-testimonials { padding: 25px; text-align: center; background-color: rgba(50, 40, 15, 0.35); -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: all ease-in-out .6s; transition: all ease-in-out .6s; } .item-testimonials:hover { -webkit-transform: translateY(-2%); -ms-transform: translateY(-2%); transform: translateY(-2%); } .item-testimonials:hover img { border-color: #feb500; } .item-testimonials img { -webkit-border-radius: 50%; border-radius: 50%; width: 118px; margin: 0 auto; display: inline-block; border: 4px solid #32280f; -webkit-transition: all ease .6s; transition: all ease .6s; } .item-testimonials p { padding-top: 10px; color: #fff; font-weight: 300; font-size: 0.9375rem; letter-spacing: .2px; padding-bottom: 22px; } .item-testimonials span { display: block; font-size: 1rem; } .item-testimonials .name { color: #feb500; font-weight: 500; } .item-testimonials .person { color: #a5a5a5; } /*========== Start Choose us ==========*/ .item-choose { position: relative; margin-bottom: 50px; } .item-choose .content h3 { letter-spacing: 0.2px; margin-top: 0; } /*========== Start Our clients ==========*/ .our-clients { overflow: hidden; padding-top: 70px; padding-bottom: 70px; position: relative; background-color: #feb500; } .our-clients .item-carousel img { position: relative; left: 0; right: 0; margin: 0 auto; } .clients-carousel * { outline: none; } /*========= Start our location ==========*/ .our-locations { padding: 0; } .our-locations .heading-location { background-color: #feb500; text-align: center; color: #fff; font-size: 18px; font-weight: 500; text-transform: uppercase; padding-top: 15px; padding-bottom: 15px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; cursor: pointer; } .our-locations .heading-location:hover { background-color: #2e240a; } .our-locations .active-map { background-color: #2e240a; } /*========= Start Footer ==========*/ footer { padding-top: 80px; background-color: #212124; } footer > div { padding-bottom: 80px; } footer > div:last-child { padding-bottom: 20px; } footer p { color: #fff; font-size: 13px; margin-top: 25px; line-height: 26px; } footer ul.social-links { margin-top: 30px; margin-left: 5px; } footer .down-footer { background-color: #272729; padding-top: 20px; } footer .down-footer p { display: inline-block; float: left; margin-top: 0; } footer .down-footer p a { color: #feb500; } footer .down-footer ul { padding-left: 0; margin: 0; float: right; } footer .down-footer ul li { font-size: 14px; text-transform: uppercase; font-weight: 500; list-style: none; display: inline-block; margin-right: 15px; } footer .down-footer ul li:last-child { margin-right: 0; } footer .down-footer ul li a { color: #fff; text-decoration: none; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } footer .down-footer ul li a:hover { color: #feb500; } footer .links p { margin-top: 0; } .footer-minimal .down-footer p { display: block; float: none; } /*Who we are*/ .whe-we-are { padding-top: 0; padding-bottom: 0; } .whe-we-are .heading-title { margin-bottom: 0; } .buttons-section .white-btn { background-color: #feb500; border-color: #fff; color: #fff; } .buttons-section .white-btn:hover { background-color: #cb9100; } .right-full { background-color: rgba(255, 255, 255, 0.95); position: relative; padding-top: 80px; padding-bottom: 80px; } .right-full .center-all { width: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); } .left-full { position: relative; } .left-full .center-all { position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /*.section-our-services*/ .section-our-services { padding-bottom: 50px; } /*========== Start Price Table Section ==========*/ .item-price { background-color: #fff; -webkit-box-shadow: 4px 0 19px rgba(46, 36, 10, 0.35); box-shadow: 4px 0 19px rgba(46, 36, 10, 0.35); -webkit-transition: all ease-in-out .4s; transition: all ease-in-out .4s; } .item-price:hover { -webkit-transform: translateY(-3%); -ms-transform: translateY(-3%); transform: translateY(-3%); } .item-price:hover .head .name-wrap:after { -webkit-transform: translateY(-2%); -ms-transform: translateY(-2%); transform: translateY(-2%); } .item-price .head { background-color: #f8f8f8; } .item-price .head .name-wrap { color: #fff; background-color: #2d2c2c; position: relative; text-align: center; padding-top: 15px; } .item-price .head .name-wrap h2 { font-size: 17px; font-weight: 400; margin-top: 0; margin-bottom: 0; letter-spacing: .3px; } .item-price .head .name-wrap:after { content: ""; display: block; width: 100%; height: 30px; position: absolute; background-image: url("../img/s1_triangle1.svg"); background-size: contain; background-repeat: no-repeat; } .item-price .head .price-wrap { color: #feb500; text-align: center; padding-top: 30px; } .item-price .head .price-wrap p { font-weight: 300; font-size: 55px; position: relative; top: -5px; color: #2e240a; } .item-price .head .price-wrap p span { font-weight: 600; font-size: 1.5rem; vertical-align: top; margin-right: 4px; line-height: 4.3125rem; } .item-price .head .price-wrap .per-mn { display: block; position: relative; top: -15px; } .item-price .body ul { padding-left: 0; margin-top: 0; } .item-price .body ul li { text-align: center; color: #5c5757; font-size: 0.875rem; font-weight: 400; list-style: none; padding-top: 11px; padding-bottom: 11px; } .item-price .body ul li:nth-child(2n+1) { background-color: #f1f1f1; } .item-price .body ul li:last-child { padding-top: 19px; padding-bottom: 19px; } .most-price { background-color: #2e240a; position: relative; } .most-price .head { background-color: #4d452f; } .most-price .head .name-wrap { background-color: transparent; } .most-price .head .name-wrap h2 { font-size: 17px; font-weight: 400; color: #fff; position: relative; top: 20px; } .most-price .head .name-wrap:after { display: none; } .most-price .head .price-wrap { padding-top: 15px; padding-bottom: 15px; } .most-price .head .price-wrap p { color: #fff; } .most-price .head .price-wrap .per-mn { color: #bdbdbd; } .most-price .body ul li { color: #fafafa; background-color: #4d452f; } .most-price .body ul li:nth-child(2n+1) { background-color: #2e240a; } .most-price:before { content: 'Most popular plan'; display: block; background: #feb500; position: absolute; width: 100%; left: 0; top: -31px; text-align: center; color: #fff; text-transform: uppercase; letter-spacing: 2px; font-size: 0.75rem; padding: 8px 5px; } /*========== Start .faq-section ==========*/ .faq-section h2 { margin-bottom: 20px; } .faq-section .accordion { margin-bottom: 50px; } .faq-section .accordion:last-child { margin-bottom: 0; } /*========== Start .chooce-us-acc ==========*/ .chooce-us-acc .heading-title { margin-bottom: 0; } .icon-circle { background: rgba(254, 181, 0, 0.1); -webkit-transition: background 0.2s, -webkit-transform ease-out 0.1s; transition: background 0.2s, -webkit-transform ease-out 0.1s; transition: transform ease-out 0.1s, background 0.2s; transition: transform ease-out 0.1s, background 0.2s, -webkit-transform ease-out 0.1s; } .icon-circle:after { pointer-events: none; position: absolute; width: 100%; height: 100%; -webkit-border-radius: 50%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; box-sizing: content-box; top: 0; left: 0; padding: 0; z-index: -1; -webkit-box-shadow: 0 0 0 2px rgba(254, 181, 0, 0.1); box-shadow: 0 0 0 2px rgba(254, 181, 0, 0.1); opacity: 0; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); -webkit-transition: all ease 0.90s; transition: all ease 0.90s; } .icon-circle:hover { background: rgba(254, 181, 0, 0.05); -webkit-transform: scale(0.93); -ms-transform: scale(0.93); transform: scale(0.93); color: #fff; } .icon-circle:hover:after { -webkit-animation: sonarEffect 1.3s ease-out 75ms; animation: sonarEffect 1.3s ease-out 75ms; } @-webkit-keyframes sonarEffect { 0% { opacity: 0.3; } 40% { opacity: 0.5; -webkit-box-shadow: 0 0 0 2px rgba(254, 181, 0, 0.1), 0 0 10px 10px #feb500, 0 0 0 10px rgba(254, 181, 0, 0.5); box-shadow: 0 0 0 2px rgba(254, 181, 0, 0.1), 0 0 10px 10px #feb500, 0 0 0 10px rgba(254, 181, 0, 0.5); } 100% { -webkit-box-shadow: 0 0 0 2px rgba(254, 181, 0, 0.1), 0 0 10px 10px #feb500, 0 0 0 10px rgba(254, 181, 0, 0.5); box-shadow: 0 0 0 2px rgba(254, 181, 0, 0.1), 0 0 10px 10px #feb500, 0 0 0 10px rgba(254, 181, 0, 0.5); -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0; } } @keyframes sonarEffect { 0% { opacity: 0.3; } 40% { opacity: 0.5; -webkit-box-shadow: 0 0 0 2px rgba(254, 181, 0, 0.1), 0 0 10px 10px #feb500, 0 0 0 10px rgba(254, 181, 0, 0.5); box-shadow: 0 0 0 2px rgba(254, 181, 0, 0.1), 0 0 10px 10px #feb500, 0 0 0 10px rgba(254, 181, 0, 0.5); } 100% { -webkit-box-shadow: 0 0 0 2px rgba(254, 181, 0, 0.1), 0 0 10px 10px #feb500, 0 0 0 10px rgba(254, 181, 0, 0.5); box-shadow: 0 0 0 2px rgba(254, 181, 0, 0.1), 0 0 10px 10px #feb500, 0 0 0 10px rgba(254, 181, 0, 0.5); -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0; } } .anim-shadow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } .anim-shadow:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; } .anim-shadow:hover, .anim-shadow:focus, .anim-shadow:active { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); } .anim-shadow:hover:before, .anim-shadow:focus:before, .anim-shadow:active:before { opacity: 1; -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); } .mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg { opacity: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .mfp-with-zoom.mfp-ready .mfp-container { opacity: 1; } .mfp-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg { opacity: 0; } .toBottomFromTop:hover i, .btn-down:hover i { -webkit-animation: toBottomFromTop 0.5s forwards; animation: toBottomFromTop 0.5s forwards; } @-webkit-keyframes toBottomFromTop { 49% { -webkit-transform: translateY(100%); } 50% { opacity: 0; -webkit-transform: translateY(-100%); } 51% { opacity: 1; } } @keyframes toBottomFromTop { 49% { -webkit-transform: translateY(100%); transform: translateY(100%); } 50% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 51% { opacity: 1; } } /*Animation full screen menu*/ .rotate { opacity: 0; -webkit-transition: opacity 0.7s, -webkit-transform 0.7s; transition: opacity 0.7s, -webkit-transform 0.7s; transition: opacity 0.7s, transform 0.7s; transition: opacity 0.7s, transform 0.7s, -webkit-transform 0.7s; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .active-fullscreen-topnav .rotate { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .anim-shadow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } .anim-shadow:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; } .anim-shadow:hover, .anim-shadow:focus, .anim-shadow:active { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); } .anim-shadow:hover:before, .anim-shadow:focus:before, .anim-shadow:active:before { opacity: 1; -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); } /*mfp*/ .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; } .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } .toTopFromBottom:hover i { -webkit-animation: toTopFromBottom 0.5s forwards; animation: toTopFromBottom 0.5s forwards; } @-webkit-keyframes toTopFromBottom { 49% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 50% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 51% { opacity: 1; } } @keyframes toTopFromBottom { 49% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 50% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 51% { opacity: 1; } } .item-team { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .services-tabs li:nth-child(1) { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .services-tabs li:nth-child(2) { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } .services-tabs li:nth-child(3) { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } .services-tabs li:nth-child(4) { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } .ui-corner-bottom { opacity: 0; -webkit-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } .ui-corner-bottom[aria-hidden="false"] { opacity: 1; } #slider-item .text-fade .in-item { position: absolute; left: 0; right: 0; margin: 0 auto; opacity: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); -webkit-transition-delay: 0s; transition-delay: 0s; } #slider-item .text-fade .active { z-index: 4; opacity: 1; position: relative; -webkit-transition: all 1.5s cubic-bezier(0.23, 1, 0.32, 1); transition: all 1.5s cubic-bezier(0.23, 1, 0.32, 1); -webkit-transition-delay: .5s; transition-delay: .5s; } /*========== Desktop First Method ==========*/ /* Large Devices, Wide Screens */ @media only screen and (max-width: 1300px) { .toggle-top { position: relative; left: 40px; } } @media only screen and (max-width: 1160px) { /*START Left menu style normal*/ .content-wrap-lfm { margin-left: 0; } .content-wrap-lfm .sidenav .container { width: 970px; } .header-type-1 { position: relative; left: auto; background-color: #1d1d1d; background-image: none !important; top: auto; z-index: 6; height: 65px; width: 100%; } .header-type-1:after { display: none; } .header-type-1 ul.social-links { display: none; } .header-type-1 .logo { float: left; display: inline-block; width: auto; padding-top: 12px; padding-bottom: 0; margin-top: 0; margin-left: 20px; } .header-type-1 .logo .logo-dark { display: none; } .header-type-1 .logo .logo-white { display: block; } .header-type-1 .dark-logo .logo-dark { display: block; } .header-type-1 .dark-logo .logo-white { display: none; } .header-type-1 .top-menu { display: none; } .header-type-1 .toggle-mnu { display: block; top: 23px; right: 41px; } /*END Left menu style normal*/ } @media only screen and (max-width: 1200px) { .fullscreen-topnav .items .link:nth-of-type(2) { background-color: rgba(85, 85, 85, 0.9); } .section-how-we-work .icon-container:after { width: 33px; right: -17px; } .avatar-80 { width: 50px; height: 50px; } } /* Medium Devices, Desktops */ @media only screen and (max-width: 992px) { /**/ header .sf-menu { display: none; } header .logo { padding: 12px 0 9px 0; } header .logo img { height: 43px; } header .toggle-mnu { display: block; top: 23px; right: 41px; } header .toggle-top { top: 23px; padding-left: 14px; margin-left: 0; border-left: 1px solid #ccc; } .background-image { background-position: 50% 50%; } /**/ .heading-title-big { font-size: 52px; } .slide-title { font-size: 22px; } .description-slide { font-size: 13px; font-weight: 400; line-height: 24px; } .btn { padding: 12px 25px 12px 25px; font-size: 13px; line-height: 13px; } /*Sections style*/ .about-us { padding-bottom: 55px; } .about-us .item-about { margin-bottom: 30px; } /*Tabs services*/ .services-section ul.list { margin-top: 30px; } /*Tabs services*/ .services-tabs { padding: 0; } .services-tabs .slick-list { overflow: hidden; } .services-tabs .ui-tabs-nav .ui-tabs-active .ui-tabs-anchor { background-color: #1b1b1b; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .services-tabs .ui-tabs-panel { margin-top: 30px; } /*How we work*/ .section-how-we-work { padding-bottom: 35px; } .section-how-we-work .icon-container:after { display: none; } .section-how-we-work .item-icon { margin-bottom: 50px; } /*section-work-progress*/ .section-work-progress { padding-bottom: 45px; } .section-work-progress .heading-title { margin-bottom: 30px; } .section-work-progress .icon-progress { margin-bottom: 40px; } /*Section We are in numbers*/ .section-we-are-numbers div > div:nth-child(2n) .item-number .num { background-color: #433a23; } .section-we-are-numbers div > div:nth-child(2n) .item-number .name { background-color: rgba(46, 36, 10, 0.5); } /*Team section*/ .section-team { padding-bottom: 35px; } .section-team .item-team { padding-bottom: 50px; } /*section-testimonials*/ .section-testimonials .prev-next-block-rotate { display: none; } /*section-choose-us*/ .section-choose-us { padding-bottom: 20px; } .section-choose-us .item-about { margin-bottom: 65px; } .section-choose-us .item-about .icon { line-height: 73px; } .section-choose-us .item-about .icon .bg-icon { top: 0; } .section-choose-us .item-about .icon .bg-icon i { font-size: 130px; } /*contact form*/ .contact-wrap { text-align: center; margin-bottom: 50px; } /*footer*/ footer { text-align: center; } footer > div { padding-bottom: 30px; } footer .social-links { margin-bottom: 50px; } footer .links { padding-bottom: 30px; } footer ul.footer-menu { display: none; } footer .down-footer p { float: inherit; display: block; text-align: center; } .contact-2 { padding-bottom: 30px; } section .accordion { margin-top: 30px; } .services-list { margin-bottom: 30px; } .service-single ul.list { margin-top: 20px; } .service-about, .item-about { padding-bottom: 40px; } .service-about:last-child, .item-about:last-child { padding-bottom: 0; } .service-about .icon i, .item-about .icon i { width: 70px; } .service-about .icon .bg-icon, .item-about .icon .bg-icon { top: -20px; left: 70px; } .service-about .icon .bg-icon i, .item-about .icon .bg-icon i { font-size: 100px; } .item-price .head .name-wrap:after { background-size: 100% 100%; height: 30px; } .most-price:before { position: relative; top: 0; } .item-price-two:last-child { margin-bottom: 40px; } .blog-classic .post-content-classic { margin-top: 20px; } .blog-classic .post.sticky:after { right: 15px; } .blog-classic .post.sticky:before { right: 8px; margin-right: 15px; } /*Blog*/ .comment-list .children .children li { padding-left: 50px; } .related-projects .item-portfolio { margin-bottom: 30px; } .related-projects .item-portfolio:nth-last-child(-n+2) { margin-bottom: 0; } #sidebar:before { display: none; } .content-project { margin-top: 30px; } } /* Small Devices, Tablets */ @media only screen and (max-width: 768px) { header .toggle-mnu { right: 55px; } header .toggle-top { left: 27px; } .description-slide { font-size: 12px; } .full-slider .slide .small-text .heading-title-big, .wrap-header .slide .small-text .heading-title-big { font-size: 40px; } .fullscreen-topnav .items .text-item { height: auto; padding-top: 40px; padding-bottom: 40px; } .prev-next-block-rotate { display: none; } /*Section We are in numbers*/ .section-we-are-numbers { padding-bottom: 0; } /*section-testimonials*/ .section-testimonials .dots-control-carousel { margin-top: 30px; } .display-page h1 { font-size: 30px; } .display-page p { font-size: 13px; } .right-full .center-all { width: 100%; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } #sidebar { padding-bottom: 30px; } .profile-img .dark-hex img { margin-bottom: 30px; } } /* Extra Small Devices, Phones */ @media only screen and (max-width: 480px) { /**/ .heading-title-big { font-size: 40px; } .full-slider .embed-responsive-item { display: none; } .full-slider img { display: none; } .heading-title h2 { font-size: 30px; margin-bottom: 10px; } .full-slider .slide .small-text .heading-title-big, .wrap-header .slide .small-text .heading-title-big { font-size: 30px; } .small-head h2 { font-size: 16px; } .small-heading h2 { font-size: 25px; } .heading-title p { font-size: 13px; } .slide-title { font-size: 18px; } .description-slide { font-size: 12px; } .controls-portfolio ul li { margin-bottom: 10px; } /*Team*/ .item-team h2 { font-size: 15px; } .item-team span { font-size: 13px; } .item-team p { font-size: 13px; } .item-team ul.social-links li { margin-left: 2px; font-size: 13px; line-height: 13px; } .item-team ul.social-links li a { width: 29px; height: 29px; line-height: 29px; -webkit-transform: rotate(0deg) translate(0px, 0px); -ms-transform: rotate(0deg) translate(0px, 0px); transform: rotate(0deg) translate(0px, 0px); } .item-team ul.social-links li a i { -webkit-transform: rotate(0deg) translate(0px, 0px); -ms-transform: rotate(0deg) translate(0px, 0px); transform: rotate(0deg) translate(0px, 0px); } .post .post-data p { font-size: 13px; } .post .content h3 { font-size: 18px; } .related-projects .item-portfolio { margin-bottom: 30px; } .related-projects .item-portfolio:nth-last-child(-n+2) { margin-bottom: 0; } .related-projects .item-portfolio .content-wrap .content-va p { display: none; } .related-projects .item-portfolio .content-wrap .content-va h2 { margin-top: 0; } .related-projects .item-portfolio .content-wrap .content-va h2:after { display: none; } .related-projects .tizer-circle { display: none; } } /* Custom, iPhone Retina */ @media only screen and (max-width: 320px) { /**/ .buttons-section .btn { margin-right: 0 !important; margin-bottom: 15px; } .buttons-section .btn:last-child { margin-bottom: 0; } } /* Custom, iPhone Retina */ @media only screen and (max-width: 350px) { .buttons-section .large-btn:first-child { margin-right: 15px !important; } .btn { font-size: 12px; } .heading-title-big { font-size: 30px; } } /*========== Mobile First Method ==========*/ /* Custom, iPhone Retina */ @media only screen and (min-width: 320px) { /**/ } /* Extra Small Devices, Phones */ @media only screen and (min-width: 480px) { /**/ } /* Small Devices, Tablets */ @media only screen and (min-width: 768px) { /**/ } /* Medium Devices, Desktops */ @media only screen and (min-width: 992px) { /**/ } /* Large Devices, Wide Screens */ @media only screen and (min-width: 1200px) { /**/ } /* Large Devices, Wide Screens */ @media only screen and (max-height: 860px) { /**/ .active-fullscreen-topnav .height-half-60 .items .height-full { height: 530px; padding-top: 50px; padding-bottom: 50px; } }
© 2017 -
ZeroByte.ID
.