����JFIFXX�����    $.' ",#(7),01444'9=82<.342  2!!22222222222222222222222222222222222222222222222222����"��4�� ���,�PG"Z_�4�˷����kjز�Z�,F+��_z�,�© �����zh6�٨�ic�fu���#ډb���_�N�?��wQ���5-�~�I���8����TK<5o�Iv-�����k�_U_�����~b�M��d����Ӝ�U�Hh��?]��E�w��Q���k�{��_}qFW7HTՑ��Y��F�?_�'ϔ��_�Ջt��=||I ��6�έ"�����D���/[�k�9���Y�8ds|\���Ҿp6�Ҵ���]��.����6�z<�v��@]�i%��$j��~�g��J>��no����pM[me�i$[����s�o�ᘨ�˸ nɜG-�ĨU�ycP�3.DB�li�;��hj���x7Z^�N�h������N3u{�:j�x�힞��#M&��jL P@_���� P��&��o8������9�����@Sz6�t7#O�ߋ �s}Yf�T���lmr����Z)'N��k�۞p����w\�Tȯ?�8`�O��i{wﭹW�[�r�� ��Q4F�׊���3m&L�=��h3����z~��#�\�l :�F,j@�� ʱ�wQT����8�"kJO���6�֚l����}���R�>ډK���]��y����&����p�}b��;N�1�m�r$�|��7�>e�@B�TM*-iH��g�D�)� E�m�|�ؘbҗ�a��Ҿ����t4���o���G��*oCN�rP���Q��@z,|?W[0�����:�n,jWiE��W��$~/�hp\��?��{(�0���+�Y8rΟ�+����>S-S����VN;�}�s?.����� w�9��˟<���Mq4�Wv'��{)0�1mB��V����W[�����8�/<� �%���wT^�5���b��)iM� pg�N�&ݝ��VO~�q���u���9� ����!��J27����$O-���! �:�%H��� ـ����y�ΠM=t{!S�� oK8������t<����è:a������[�����ա�H���~��w��Qz`�po�^ ����Q��n� �,uu�C�$ ^���,������8�#��:�6��e�|~���!�3�3.�\0��q��o�4`.|� ����y�Q�`~;�d�ׯ,��O�Zw�������`73�v�܋�<���Ȏ�� ـ4k��5�K�a�u�=9Yd��$>x�A�&�� j0� ���vF��� Y�|�y��� ~�6�@c��1vOp�Ig����4��l�OD���L����� R���c���j�_�uX6��3?nk��Wy�f;^*B� ��@�~a�`��Eu������+���6�L��.ü>��}y���}_�O�6�͐�:�YrG�X��kG�����l^w���~㒶sy��Iu�!� W ��X��N�7BV��O��!X�2����wvG�R�f�T#�����t�/?���%8�^�W�aT��G�cL�M���I��(J����1~�8�?aT ���]����AS�E��(��*E}� 2��#I/�׍qz��^t�̔���b�Yz4x���t�){ OH��+(E��A&�N�������XT��o��"�XC��'���)}�J�z�p� ��~5�}�^����+�6����w��c��Q�|Lp�d�H��}�(�.|����k��c4^�"�����Z?ȕ ��a<�L�!039C� �Eu�C�F�Ew�ç ;�n?�*o���B�8�bʝ���'#Rqf���M}7����]����s2tcS{�\icTx;�\��7K���P���ʇ Z O-��~��c>"��?�������P��E��O�8��@�8��G��Q�g�a�Վ���󁶠�䧘��_%#r�>�1�z�a��eb��qcPѵ��n���#L��� =��׀t� L�7�`��V���A{�C:�g���e@�w1 Xp3�c3�ġ����p��M"'-�@n4���fG��B3�DJ�8[Jo�ߐ���gK)ƛ��$���� ���8�3�����+���� �����6�ʻ���� ���S�kI�*KZlT _`���?��K����QK�d����B`�s}�>���`��*�>��,*@J�d�oF*����弝��O}�k��s��]��y�ߘ��c1G�V���<=�7��7����6�q�PT��tXԀ�!9*4�4Tހ3XΛex�46���Y��D ����� �BdemDa����\�_l,��G�/���֌7���Y�](�xTt^%�GE�����4�}bT���ڹ�����;Y)���B�Q��u��>J/J �⮶.�XԄ��j�ݳ�+E��d ��r�5�_D�1 ��o�� �B�x�΢�#���<��W�����8���R6�@g�M�.��� dr�D��>(otU��@x=��~v���2� ӣ�d�oBd��3�eO�6�㣷�����ݜ6��6Y��Qz`��S��{���\P�~z m5{J/L��1������<�e�ͅPu�b�]�ϔ���'������f�b� Zpw��c`"��i���BD@:)ִ�:�]��hv�E�w���T�l��P���"Ju�}��وV J��G6��. J/�Qgl߭�e�����@�z�Zev2u�)]կ�����7x���s�M�-<ɯ�c��r�v�����@��$�ޮ}lk���a���'����>x��O\�ZFu>�����ck#��&:��`�$�ai�>2Δ����l���oF[h��lE�ܺ�Πk:)���`�� $[6�����9�����kOw�\|���8}������ބ:��񶐕��I�A1/�=�2[�,�!��.}gN#�u����b��� ~��݊��}34q����d�E��Lc��$��"�[q�U�硬g^��%B �z���r�pJ�ru%v\h1Y�ne`ǥ:g���pQM~�^�Xi� ��`S�:V29.�P���V�?B�k�� AEvw%�_�9C�Q����wKekPؠ�\�;Io d�{ ߞo�c1eP����\� `����E=���@K<�Y���eڼ�J���w����{av�F�'�M�@/J��+9p���|]�����Iw &`��8���&M�hg��[�{��Xj��%��Ӓ�$��(����ʹN���<>�I���RY���K2�NPlL�ɀ)��&e����B+ь����( � �JTx���_?EZ� }@ 6�U���뙢ط�z��dWI�n` D����噥�[��uV��"�G&Ú����2g�}&m��?ċ�"����Om#��������� ��{�ON��"S�X��Ne��ysQ���@Fn��Vg���dX�~nj�]J�<�K]:��FW��b�������62�=��5f����JKw��bf�X�55��~J �%^����:�-�QIE��P��v�nZum� z � ~ə ���� ���ة����;�f��\v���g�8�1��f24;�V���ǔ�)����9���1\��c��v�/'Ƞ�w�������$�4�R-��t���� e�6�/�ġ �̕Ecy�J���u�B���<�W�ַ~�w[B1L۲�-JS΂�{���΃������A��20�c#��@ 0!1@AP"#2Q`$3V�%45a6�FRUq��� ����^7ׅ,$n�������+��F�`��2X'��0vM��p�L=������5��8������u�p~���.�`r�����\���O��,ư�0oS ��_�M�����l���4�kv\JSd���x���SW�<��Ae�IX����������$I���w�:S���y���›R��9�Q[���,�5�;�@]�%���u�@ *ro�lbI �� ��+���%m:�͇ZV�����u�̉����θau<�fc�.����{�4Ա� �Q����*�Sm��8\ujqs]{kN���)qO�y�_*dJ�b�7���yQqI&9�ԌK!�M}�R�;������S�T���1���i[U�ɵz�]��U)V�S6���3$K{�ߊ<�(� E]Զ[ǼENg�����'�\?#)Dkf��J���o��v���'�%ƞ�&K�u�!��b�35LX�Ϸ��63$K�a�;�9>,R��W��3�3� d�JeTYE.Mϧ��-�o�j3+y��y^�c�������VO�9NV\nd�1 ��!͕_)a�v;����թ�M�lWR1��)El��P;��yوÏ�u 3�k�5Pr6<�⒲l�!˞*��u־�n�!�l:����UNW ��%��Chx8vL'��X�@��*��)���̮��ˍ��� ���D-M�+J�U�kvK����+�x8��cY������?�Ԡ��~3mo��|�u@[XeY�C�\Kp�x8�oC�C�&����N�~3-H���� ��MX�s�u<`���~"WL��$8ξ��3���a�)|:@�m�\���^�`�@ҷ)�5p+��6���p�%i)P M���ngc�����#0Aruz���RL+xSS?���ʮ}()#�t��mˇ!��0}}y����<�e� �-ή�Ԩ��X������ MF���ԙ~l L.3���}�V뽺�v�����멬��Nl�)�2����^�Iq��a��M��qG��T�����c3#������3U�Ǎ���}��לS�|qa��ڃ�+���-��2�f����/��bz��ڐ�� �ݼ[2�ç����k�X�2�* �Z�d���J�G����M*9W���s{��w���T��x��y,�in�O�v��]���n����P�$�JB@=4�OTI�n��e�22a\����q�d���%�$��(���:���: /*�K[PR�fr\nڙdN���F�n�$�4�[�� U�zƶ����� �mʋ���,�ao�u 3�z� �x��Kn����\[��VFmbE;�_U��&V�Gg�]L�۪&#n%�$ɯ�dG���D�TI=�%+AB�Ru#��b4�1�»x�cs�YzڙJG��f��Il��d�eF'T� iA��T���uC�$����Y��H?����[!G`}���ͪ� �纤Hv\������j�Ex�K���!���OiƸ�Yj�+u-<���'q����uN�*�r\��+�]���<�wOZ.fp�ێ��,-*)V?j-kÊ#�`�r��dV����(�ݽBk�����G�ƛk�QmUڗe��Z���f}|����8�8��a���i��3'J�����~G_�^���d�8w������ R�`(�~�.��u���l�s+g�bv���W���lGc}��u���afE~1�Ue������Z�0�8�=e�� f@/�jqEKQQ�J��oN��J���W5~M>$6�Lt�;$ʳ{���^��6�{����v6���ķܰg�V�cnn �~z�x�«�,2�u�?cE+Ș�H؎�%�Za�)���X>uW�Tz�Nyo����s���FQƤ��$��*�&�LLXL)�1�" L��eO��ɟ�9=���:t��Z���c��Ž���Y?�ӭV�wv�~,Y��r�ۗ�|�y��GaF�����C�����.�+� ���v1���fήJ�����]�S��T��B��n5sW}y�$��~z�'�c ��8 ��� ,! �p��VN�S��N�N�q��y8z˱�A��4��*��'������2n<�s���^ǧ˭P�Jޮɏ�U�G�L�J�*#��<�V��t7�8����TĜ>��i}K%,���)[��z�21z ?�N�i�n1?T�I�R#��m-�����������������1����lA�`��fT5+��ܐ�c�q՝��ʐ��,���3�f2U�եmab��#ŠdQ�y>\��)�SLY����w#��.���ʑ�f��� ,"+�w�~�N�'�c�O�3F�������N<���)j��&��,-� �љ���֊�_�zS���TǦ����w�>��?�������n��U仆�V���e�����0���$�C�d���rP �m�׈e�Xm�Vu� �L��.�bֹ��� �[Դaզ���*��\y�8�Է:�Ez\�0�Kq�C b��̘��cө���Q��=0Y��s�N��S.���3.���O�o:���#���v7�[#߫ ��5�܎�L���Er4���9n��COWlG�^��0k�%<���ZB���aB_���������'=��{i�v�l�$�uC���mƎҝ{�c㱼�y]���W�i ��ߧc��m�H� m�"�"�����;Y�ߝ�Z�Ǔ�����:S#��|}�y�,/k�Ld� TA�(�AI$+I3��;Y*���Z��}|��ӧO��d�v��..#:n��f>�>���ȶI�TX��� 8��y����"d�R�|�)0���=���n4��6ⲑ�+��r<�O�܂~zh�z����7ܓ�HH�Ga롏���nCo�>������a ���~]���R���̲c?�6(�q�;5%� |�uj�~z8R=X��I�V=�|{v�Gj\gc��q����z�؋%M�ߍ����1y��#��@f^���^�>N�����#x#۹��6�Y~�?�dfPO��{��P�4��V��u1E1J �*|���%���JN��`eWu�zk M6���q t[�� ��g�G���v��WIG��u_ft����5�j�"�Y�:T��ɐ���*�;� e5���4����q$C��2d�}���� _S�L#m�Yp��O�.�C�;��c����Hi#֩%+) �Ӎ��ƲV���SYź��g |���tj��3�8���r|���V��1#;.SQ�A[���S������#���`n�+���$��$I �P\[�@�s��(�ED�z���P��])8�G#��0B��[ى��X�II�q<��9�~[Z멜�Z�⊔IWU&A>�P~�#��dp<�?����7���c��'~���5 ��+$���lx@�M�dm��n<=e�dyX��?{�|Aef ,|n3�<~z�ƃ�uۧ�����P��Y,�ӥQ�*g�#먙R�\���;T��i,��[9Qi歉����c>]9�� ��"�c��P�� �Md?٥��If�ت�u��k��/����F��9�c*9��Ǎ:�ØF���z�n*�@|I�ށ9����N3{'��[�'ͬ�Ҳ4��#}��!�V� Fu��,�,mTIk���v C�7v���B�6k�T9��1�*l� '~��ƞF��lU��'�M ����][ΩũJ_�{�i�I�n��$���L�� j��O�dx�����kza۪��#�E��Cl����x˘�o�����V���ɞ�ljr��)�/,�߬h�L��#��^��L�ф�,íMƁe�̩�NB�L�����iL����q�}��(��q��6IçJ$�W�E$��:������=#����(�K�B����zђ <��K(�N�۫K�w��^O{!����)�H���>x�������lx�?>Պ�+�>�W���,Ly!_�D���Ō�l���Q�!�[ �S����J��1��Ɛ�Y}��b,+�Lo�x�ɓ)����=�y�oh�@�꥟/��I��ѭ=��P�y9��� �ۍYӘ�e+�p�Jnϱ?V\SO%�(�t� ���=?MR�[Ș�����d�/ ��n�l��B�7j� ��!�;ӥ�/�[-���A�>�dN�sLj ��,ɪv��=1c�.SQ�O3�U���ƀ�ܽ�E����������̻��9G�ϷD�7(�}��Ävӌ\�y�_0[w ���<΍>����a_��[0+�L��F.�޺��f�>oN�T����q;���y\��bՃ��y�jH�<|q-eɏ�_?_9+P���Hp$�����[ux�K w�Mw��N�ی'$Y2�=��q���KB��P��~������Yul:�[<����F1�2�O���5=d����]Y�sw:���Ϯ���E��j,_Q��X��z`H1,#II ��d�wr��P˂@�ZJV����y$�\y�{}��^~���[:N����ߌ�U�������O��d�����ؾe��${p>G��3c���Ė�lʌ�� ת��[��`ϱ�-W����dg�I��ig2��� ��}s ��ؤ(%#sS@���~���3�X�nRG�~\jc3�v��ӍL��M[JB�T��s3}��j�Nʖ��W����;7��ç?=X�F=-�=����q�ߚ���#���='�c��7���ڑW�I(O+=:uxq�������������e2�zi+�kuG�R��������0�&e�n���iT^J����~\jy���p'dtG��s����O��3����9* �b#Ɋ�� p������[Bws�T�>d4�ۧs���nv�n���U���_�~,�v����ƜJ1��s�� �QIz��)�(lv8M���U=�;����56��G���s#�K���MP�=��LvyGd��}�VwWBF�'�à �?MH�U�g2�� ����!�p�7Q��j��ڴ����=��j�u��� Jn�A s���uM������e��Ɔ�Ҕ�!)'��8Ϣ�ٔ��ޝ(��Vp���צ֖d=�IC�J�Ǡ{q������kԭ�߸���i��@K����u�|�p=..�*+����x�����z[Aqġ#s2a�Ɗ���RR�)*HRsi�~�a &f��M��P����-K�L@��Z��Xy�'x�{}��Zm+���:�)�) IJ�-i�u���� ���ܒH��'�L(7�y�GӜq���� j��� 6ߌg1�g�o���,kر���tY�?W,���p���e���f�OQS��!K�۟cҒA�|ս�j�>��=⬒��˧L[�� �߿2JaB~R��u�:��Q�] �0H~���]�7��Ƽ�I���(}��cq '�ήET���q�?f�ab���ӥvr� �)o��-Q��_'����ᴎo��K������;��V���o��%���~OK ����*��b�f:���-ťIR��`B�5!RB@���ï�� �u �̯e\�_U�_������� g�ES��3�������QT��a����x����U<~�c?�*�#]�MW,[8O�a�x��]�1bC|踤�P��lw5V%�)�{t�<��d��5���0i�XSU��m:��Z�┵�i�"��1�^B�-��P�hJ��&)O��*�D��c�W��vM��)����}���P��ܗ-q����\mmζZ-l@�}��a��E�6��F�@��&Sg@���ݚ�M����� ȹ 4����#p�\H����dYDo�H���"��\��..R�B�H�z_�/5˘����6��KhJR��P�mƶi�m���3�,#c�co��q�a)*Pt����R�m�k�7x�D�E�\Y�閣_X�<���~�)���c[[�BP����6�Yq���S��0����%_����;��Àv�~�| VS؇ ��'O0��F0��\���U�-�d@�����7�SJ*z��3n��y��P����O���������m�~�P�3|Y��ʉr#�C�<�G~�.,! ���bqx���h~0=��!ǫ�jy����l�O,�[B��~��|9��ٱ����Xly�#�i�B��g%�S��������tˋ���e���ې��\[d�t)��.+u�|1 ������#�~Oj����hS�%��i.�~X���I�H�m��0n���c�1uE�q��cF�RF�o���7� �O�ꮧ� ���ۛ{��ʛi5�rw?׌#Qn�TW��~?y$��m\�\o����%W� ?=>S�N@�� �Ʈ���R����N�)�r"C�:��:����� �����#��qb��Y�. �6[��2K����2u�Ǧ�HYR��Q�MV��� �G�$��Q+.>�����nNH��q�^��� ����q��mM��V��D�+�-�#*�U�̒ ���p욳��u:�������IB���m���PV@O���r[b= �� ��1U�E��_Nm�yKbN�O���U�}�the�`�|6֮P>�\2�P�V���I�D�i�P�O;�9�r�mAHG�W�S]��J*�_�G��+kP�2����Ka�Z���H�'K�x�W�MZ%�O�YD�Rc+o��?�q��Ghm��d�S�oh�\�D�|:W������UA�Qc yT�q������~^�H��/��#p�CZ���T�I�1�ӏT����4��"�ČZ�����}��`w�#�*,ʹ�� ��0�i��課�Om�*�da��^gJ݅{���l�e9uF#T�ֲ��̲�ٞC"�q���ߍ ոޑ�o#�XZTp����@ o�8��(jd��xw�]�,f���`~�|,s��^����f�1���t��|��m�򸄭/ctr��5s��7�9Q�4�H1꠲BB@l9@���C�����+�wp�xu�£Yc�9��?`@#�o�mH�s2��)�=��2�.�l����jg�9$�Y�S�%*L������R�Y������7Z���,*=�䷘$�������arm�o�ϰ���UW.|�r�uf����IGw�t����Zwo��~5 ��YյhO+=8fF�)�W�7�L9lM�̘·Y���֘YLf�큹�pRF���99.A �"wz��=E\Z���'a� 2��Ǚ�#;�'}�G���*��l��^"q��+2FQ� hj��kŦ��${���ޮ-�T�٭cf�|�3#~�RJ����t��$b�(R��(����r���dx� >U b�&9,>���%E\� Ά�e�$��'�q't��*�א���ެ�b��-|d���SB�O�O��$�R+�H�)�܎�K��1m`;�J�2�Y~9��O�g8=vqD`K[�F)k�[���1m޼c��n���]s�k�z$@��)!I �x՝"v��9=�ZA=`Ɠi �:�E��)`7��vI��}d�YI�_ �o�:ob���o ���3Q��&D&�2=�� �Ά��;>�h����y.*ⅥS������Ӭ�+q&����j|UƧ����}���J0��WW< ۋS�)jQR�j���Ư��rN)�Gű�4Ѷ(�S)Ǣ�8��i��W52���No˓� ۍ%�5brOn�L�;�n��\G����=�^U�dI���8$�&���h��'���+�(������cȁ߫k�l��S^���cƗjԌE�ꭔ��gF���Ȓ��@���}O���*;e�v�WV���YJ\�]X'5��ղ�k�F��b 6R�o՜m��i N�i����>J����?��lPm�U��}>_Z&�KK��q�r��I�D�Չ~�q�3fL�:S�e>���E���-G���{L�6p�e,8��������QI��h��a�Xa��U�A'���ʂ���s�+טIjP�-��y�8ۈZ?J$��W�P� ��R�s�]��|�l(�ԓ��sƊi��o(��S0��Y� 8�T97.�����WiL��c�~�dxc�E|�2!�X�K�Ƙਫ਼�$((�6�~|d9u+�qd�^3�89��Y�6L�.I�����?���iI�q���9�)O/뚅����O���X��X�V��ZF[�یgQ�L��K1���RҖr@v�#��X�l��F���Нy�S�8�7�kF!A��sM���^rkp�jP�DyS$N���q��nxҍ!U�f�!eh�i�2�m���`�Y�I�9r�6� �TF���C}/�y�^���Η���5d�'��9A-��J��>{�_l+�`��A���[�'��յ�ϛ#w:݅�%��X�}�&�PSt�Q�"�-��\縵�/����$Ɨh�Xb�*�y��BS����;W�ջ_mc�����vt?2}1�;qS�d�d~u:2k5�2�R�~�z+|HE!)�Ǟl��7`��0�<�,�2*���Hl-��x�^����'_TV�gZA�'j� ^�2Ϊ��N7t�����?w�� �x1��f��Iz�C-Ȗ��K�^q�;���-W�DvT�7��8�Z�������� hK�(P:��Q- �8�n�Z���܃e貾�<�1�YT<�,�����"�6{/ �?�͟��|1�:�#g��W�>$����d��J��d�B��=��jf[��%rE^��il:��B���x���Sּ�1հ��,�=��*�7 fcG��#q� �eh?��2�7�����,�!7x��6�n�LC�4x��},Geǝ�tC.��vS �F�43��zz\��;QYC,6����~;RYS/6���|2���5���v��T��i����������mlv��������&� �nRh^ejR�LG�f���? �ۉҬܦƩ��|��Ȱ����>3����!v��i�ʯ�>�v��オ�X3e���_1z�Kȗ\<������!�8���V��]��?b�k41�Re��T�q��mz��TiOʦ�Z��Xq���L������q"+���2ۨ��8}�&N7XU7Ap�d�X��~�׿��&4e�o�F��� �H����O���č�c�� 懴�6���͉��+)��v;j��ݷ�� �UV�� i��� j���Y9GdÒJ1��詞�����V?h��l����l�cGs�ځ�������y�Ac�����\V3�? �� ܙg�>qH�S,�E�W�[�㺨�uch�⍸�O�}���a��>�q�6�n6����N6�q������N ! 1AQaq�0@����"2BRb�#Pr���3C`��Scst���$4D���%Td�� ?���N����a��3��m���C���w��������xA�m�q�m���m������$����4n淿t'��C"w��zU=D�\R+w�p+Y�T�&�պ@��ƃ��3ޯ?�Aﶂ��aŘ���@-�����Q�=���9D��ռ�ѻ@��M�V��P��܅�G5�f�Y<�u=,EC)�<�Fy'�"�&�չ�X~f��l�KԆV��?�� �W�N����=(� �;���{�r����ٌ�Y���h{�١������jW����P���Tc�����X�K�r��}���w�R��%��?���E��m�� �Y�q|����\lEE4���r���}�lsI�Y������f�$�=�d�yO����p�����yBj8jU�o�/�S��?�U��*������ˍ�0������u�q�m [�?f����a�� )Q�>����6#������� ?����0UQ����,IX���(6ڵ[�DI�MNލ�c&���υ�j\��X�R|,4��� j������T�hA�e��^���d���b<����n�� �즇�=!���3�^�`j�h�ȓr��jẕ�c�,ٞX����-����a�ﶔ���#�$��]w�O��Ӫ�1y%��L�Y<�wg#�ǝ�̗`�x�xa�t�w��»1���o7o5��>�m뭛C���Uƃߜ}�C���y1Xνm�F8�jI���]����H���ۺиE@I�i;r�8ӭ����V�F�Շ| ��&?�3|x�B�MuS�Ge�=Ӕ�#BE5G�����Y!z��_e��q�р/W>|-�Ci߇�t�1ޯќd�R3�u��g�=0 5��[?�#͏��q�cf���H��{ ?u�=?�?ǯ���}Z��z���hmΔ�BFTW�����<�q�(v� ��!��z���iW]*�J�V�z��gX֧A�q�&��/w���u�gYӘa���; �i=����g:��?2�dž6�ى�k�4�>�Pxs����}������G�9��3 ���)gG�R<>r h�$��'nc�h�P��Bj��J�ҧH� -��N1���N��?��~��}-q!=��_2hc�M��l�vY%UE�@|�v����M2�.Y[|y�"Eï��K�ZF,�ɯ?,q�?v�M 80jx�"�;�9vk�����+ ֧�� �ȺU��?�%�vcV��mA�6��Qg^M����A}�3�nl� QRN�l8�kkn�'�����(��M�7m9و�q���%ޟ���*h$Zk"��$�9��: �?U8�Sl��,,|ɒ��xH(ѷ����Gn�/Q�4�P��G�%��Ա8�N��!� �&�7�;���eKM7�4��9R/%����l�c>�x;������>��C�:�����t��h?aKX�bhe�ᜋ^�$�Iհ �hr7%F$�E��Fd���t��5���+�(M6�t����Ü�UU|zW�=a�Ts�Tg������dqP�Q����b'�m���1{|Y����X�N��b �P~��F^F:����k6�"�j!�� �I�r�`��1&�-$�Bevk:y���#yw��I0��x��=D�4��tU���P�ZH��ڠ底taP��6����b>�xa����Q�#� WeF��ŮNj�p�J* mQ�N����*I�-*�ȩ�F�g�3 �5��V�ʊ�ɮ�a��5F���O@{���NX��?����H�]3��1�Ri_u��������ѕ�� ����0��� F��~��:60�p�͈�S��qX#a�5>���`�o&+�<2�D����: �������ڝ�$�nP���*)�N�|y�Ej�F�5ټ�e���ihy�Z �>���k�bH�a�v��h�-#���!�Po=@k̆IEN��@��}Ll?j�O������߭�ʞ���Q|A07x���wt!xf���I2?Z��<ץ�T���cU�j��]��陎Ltl �}5�ϓ��$�,��O�mˊ�;�@O��jE��j(�ا,��LX���LO���Ц�90�O �.����a��nA���7������j4 ��W��_ٓ���zW�jcB������y՗+EM�)d���N�g6�y1_x��p�$Lv:��9�"z��p���ʙ$��^��JԼ*�ϭ����o���=x�Lj�6�J��u82�A�H�3$�ٕ@�=Vv�]�'�qEz�;I˼��)��=��ɯ���x �/�W(V���p�����$ �m�������u�����񶤑Oqˎ�T����r��㠚x�sr�GC��byp�G��1ߠ�w e�8�$⿄����/�M{*}��W�]˷.�CK\�ުx���/$�WPw���r� |i���&�}�{�X� �>��$-��l���?-z���g����lΆ���(F���h�vS*���b���߲ڡn,|)mrH[���a�3�ר�[1��3o_�U�3�TC�$��(�=�)0�kgP���� ��u�^=��4 �WYCҸ:��vQ�ר�X�à��tk�m,�t*��^�,�}D*� �"(�I��9R����>`�`��[~Q]�#af��i6l��8���6�:,s�s�N6�j"�A4���IuQ��6E,�GnH��zS�HO�uk�5$�I�4��ؤ�Q9�@��C����wp�BGv[]�u�Ov���0I4���\��y�����Q�Ѹ��~>Z��8�T��a��q�ޣ;z��a���/��S��I:�ܫ_�|������>=Z����8:�S��U�I�J��"IY���8%b8���H��:�QO�6�;7�I�S��J��ҌAά3��>c���E+&jf$eC+�z�;��V����� �r���ʺ������my�e���aQ�f&��6�ND��.:��NT�vm�<- u���ǝ\MvZY�N�NT��-A�>jr!S��n�O 1�3�Ns�%�3D@���`������ܟ 1�^c<���� �a�ɽ�̲�Xë#�w�|y�cW�=�9I*H8�p�^(4���՗�k��arOcW�tO�\�ƍR��8����'�K���I�Q�����?5�>[�}��yU�ײ -h��=��% q�ThG�2�)���"ו3]�!kB��*p�FDl�A���,�eEi�H�f�Ps�����5�H:�Փ~�H�0Dت�D�I����h�F3�������c��2���E��9�H��5�zԑ�ʚ�i�X�=:m�xg�hd(�v����׊�9iS��O��d@0ڽ���:�p�5�h-��t�&���X�q�ӕ,��ie�|���7A�2���O%P��E��htj��Y1��w�Ѓ!����  ���� ࢽ��My�7�\�a�@�ţ�J �4�Ȼ�F�@o�̒?4�wx��)��]�P��~�����u�����5�����7X ��9��^ܩ�U;Iꭆ 5 �������eK2�7(�{|��Y׎ �V��\"���Z�1� Z�����}��(�Ǝ"�1S���_�vE30>���p;� ΝD��%x�W�?W?v����o�^V�i�d��r[��/&>�~`�9Wh��y�;���R��� ;;ɮT��?����r$�g1�K����A��C��c��K��l:�'��3 c�ﳯ*"t8�~l��)���m��+U,z��`(�>yJ�?����h>��]��v��ЍG*�{`��;y]��I�T� ;c��NU�fo¾h���/$���|NS���1�S�"�H��V���T���4��uhǜ�]�v;���5�͠x��'C\�SBpl���h}�N����� A�Bx���%��ޭ�l��/����T��w�ʽ]D�=����K���ž�r㻠l4�S�O?=�k �M:� ��c�C�a�#ha���)�ѐxc�s���gP�iG��{+���x���Q���I= �� z��ԫ+ �8"�k�ñ�j=|����c ��y��CF��/��*9ж�h{ �?4�o� ��k�m�Q�N�x��;�Y��4膚�a�w?�6�>e]�����Q�r�:����g�,i"�����ԩA�*M�<�G��b�if��l^M��5� �Ҩ�{����6J��ZJ�����P�*�����Y���ݛu�_4�9�I8�7���������,^ToR���m4�H��?�N�S�ѕw��/S��甍�@�9H�S�T��t�ƻ���ʒU��*{Xs�@����f�����֒Li�K{H�w^���������Ϥm�tq���s� ���ք��f:��o~s��g�r��ט� �S�ѱC�e]�x���a��) ���(b-$(�j>�7q�B?ӕ�F��hV25r[7 Y� }L�R��}����*sg+��x�r�2�U=�*'WS��ZDW]�WǞ�<��叓���{�$�9Ou4��y�90-�1�'*D`�c�^o?(�9��u���ݐ��'PI&� f�Jݮ�������:wS����jfP1F:X �H�9dԯ���˝[�_54 �}*;@�ܨ�� ð�yn�T���?�ןd�#���4rG�ͨ��H�1�|-#���Mr�S3��G�3�����)�.᧏3v�z֑��r����$G"�`j �1t��x0<Ɔ�Wh6�y�6��,œ�Ga��gA����y��b��)��h�D��ß�_�m��ü �gG;��e�v��ݝ�nQ� ��C����-�*��o���y�a��M��I�>�<���]obD��"�:���G�A��-\%LT�8���c�)��+y76���o�Q�#*{�(F�⽕�y����=���rW�\p���۩�c���A���^e6��K������ʐ�cVf5$�'->���ՉN"���F�"�UQ@�f��Gb~��#�&�M=��8�ט�JNu9��D��[̤�s�o�~������ G��9T�tW^g5y$b��Y'��س�Ǵ�=��U-2 #�MC�t(�i� �lj�@Q 5�̣i�*�O����s�x�K�f��}\��M{E�V�{�υ��Ƈ�����);�H����I��fe�Lȣr�2��>��W�I�Ȃ6������i��k�� �5�YOxȺ����>��Y�f5'��|��H+��98pj�n�.O�y�������jY��~��i�w'������l�;�s�2��Y��:'lg�ꥴ)o#'Sa�a�K��Z� �m��}�`169�n���"���x��I ��*+� }F<��cГ���F�P�������ֹ*�PqX�x۩��,� ��N�� �4<-����%����:��7����W���u�`����� $�?�I��&����o��o��`v�>��P��"��l���4��5'�Z�gE���8���?��[�X�7(��.Q�-��*���ތL@̲����v��.5���[��=�t\+�CNܛ��,g�SQnH����}*F�G16���&:�t��4ُ"A��̣��$�b �|����#rs��a�����T�� ]�<�j��BS�('$�ɻ� �wP;�/�n��?�ݜ��x�F��yUn�~mL*-�������Xf�wd^�a�}��f�,=t�׵i�.2/wpN�Ep8�OР���•��R�FJ� 55TZ��T �ɭ�<��]��/�0�r�@�f��V��V����Nz�G��^���7hZi����k��3�,kN�e|�vg�1{9]_i��X5y7� 8e]�U����'�-2,���e"����]ot�I��Y_��n�(JҼ��1�O ]bXc���Nu�No��pS���Q_���_�?i�~�x h5d'�(qw52] ��'ޤ�q��o1�R!���`ywy�A4u���h<קy���\[~�4�\ X�Wt/� 6�����n�F�a8��f���z �3$�t(���q��q�x��^�XWeN'p<-v�!�{�(>ӽDP7��ո0�y)�e$ٕv�Ih'Q�EA�m*�H��RI��=:��� ���4牢) �%_iN�ݧ�l]� �Nt���G��H�L��� ɱ�g<���1V�,�J~�ٹ�"K��Q�� 9�HS�9�?@��k����r�;we݁�]I�!{ �@�G�[�"��`���J:�n]�{�cA�E����V��ʆ���#��U9�6����j�#Y�m\��q�e4h�B�7��C�������d<�?J����1g:ٳ���=Y���D�p�ц� ׈ǔ��1�]26؜oS�'��9�V�FVu�P�h�9�xc�oq�X��p�o�5��Ա5$�9W�V(�[Ak�aY錎qf;�'�[�|���b�6�Ck��)��#a#a˙��8���=äh�4��2��C��4tm^ �n'c���]GQ$[Wҿ��i���vN�{Fu ��1�gx��1┷���N�m��{j-,��x�� Ūm�ЧS�[�s���Gna���䑴�� x�p 8<������97�Q���ϴ�v�aϚG��Rt�Һ׈�f^\r��WH�JU�7Z���y)�vg=����n��4�_)y��D'y�6�]�c�5̪�\� �PF�k����&�c;��cq�$~T�7j ���nç]�<�g ":�to�t}�159�<�/�8������m�b�K#g'I'.W�����6��I/��>v��\�MN��g���m�A�yQL�4u�Lj�j9��#44�t��l^�}L����n��R��!��t��±]��r��h6ٍ>�yҏ�N��fU�� ���� Fm@�8}�/u��jb9������he:A�y�ծw��GpΧh�5����l}�3p468��)U��d��c����;Us/�֔�YX�1�O2��uq�s��`hwg�r~�{ R��mhN��؎*q 42�*th��>�#���E����#��Hv�O����q�}�����6�e��\�,Wk�#���X��b>��p}�դ��3���T5��†��6��[��@�P�y*n��|'f�֧>�lư΂�̺����SU�'*�q�p�_S�����M�� '��c�6�����m�� ySʨ;M��r���Ƌ�m�Kxo,���Gm�P��A�G�:��i��w�9�}M(�^�V��$ǒ�ѽ�9���|���� �a����J�SQ�a���r�B;����}���ٻ֢�2�%U���c�#�g���N�a�ݕ�'�v�[�OY'��3L�3�;,p�]@�S��{ls��X�'���c�jw�k'a�.��}�}&�� �dP�*�bK=ɍ!����;3n�gΊU�ߴmt�'*{,=SzfD� A��ko~�G�aoq�_mi}#�m�������P�Xhύ����mxǍ�΂���巿zf��Q���c���|kc�����?���W��Y�$���_Lv����l߶��c���`?����l�j�ݲˏ!V��6����U�Ђ(A���4y)H���p�Z_�x��>���e��R��$�/�`^'3qˏ�-&Q�=?��CFVR �D�fV�9��{�8g�������n�h�(P"��6�[�D���< E�����~0<@�`�G�6����Hг�cc�� �c�K.5��D��d�B���`?�XQ��2��ٿyqo&+�1^� DW�0�ꊩ���G�#��Q�nL3��c���������/��x ��1�1[y�x�პCW��C�c�UĨ80�m�e�4.{�m��u���I=��f�����0QRls9���f���������9���~f�����Ǩ��a�"@�8���ȁ�Q����#c�ic������G��$���G���r/$W�(��W���V�"��m�7�[m�A�m����bo��D� j����۳� l���^�k�h׽����� ��#� iXn�v��eT�k�a�^Y�4�BN��ĕ��0 !01@Q"2AaPq3BR������?���@4�Q�����T3,���㺠�W�[=JK�Ϟ���2�r^7��vc�:�9 �E�ߴ�w�S#d���Ix��u��:��Hp��9E!�� V 2;73|F��9Y���*ʬ�F��D����u&���y؟��^EA��A��(ɩ���^��GV:ݜDy�`��Jr29ܾ�㝉��[���E;Fzx��YG��U�e�Y�C���� ����v-tx����I�sם�Ę�q��Eb�+P\ :>�i�C'�;�����k|z�رn�y]�#ǿb��Q��������w�����(�r|ӹs��[�D��2v-%��@;�8<a���[\o[ϧw��I!��*0�krs)�[�J9^��ʜ��p1)� "��/_>��o��<1����A�E�y^�C��`�x1'ܣn�p��s`l���fQ��):�l����b>�Me�jH^?�kl3(�z:���1ŠK&?Q�~�{�ٺ�h�y���/�[��V�|6��}�KbX����mn[-��7�5q�94�������dm���c^���h� X��5��<�eޘ>G���-�}�دB�ޟ� ��|�rt�M��V+�]�c?�-#ڛ��^ǂ}���Lkr���O��u�>�-D�ry� D?:ޞ�U��ǜ�7�V��?瓮�"�#���r��չģVR;�n���/_� ؉v�ݶe5d�b9��/O��009�G���5n�W����JpA�*�r9�>�1��.[t���s�F���nQ� V 77R�]�ɫ8����_0<՜�IF�u(v��4��F�k�3��E)��N:��yڮe��P�`�1}�$WS��J�SQ�N�j�ٺ��޵�#l���ј(�5=��5�lǏmoW�v-�1����v,W�mn��߀$x�<����v�j(����c]��@#��1������Ǔ���o'��u+����;G�#�޸��v-lη��/(`i⣍Pm^���ԯ̾9Z��F��������n��1��� ��]�[��)�'������:�֪�W��FC����� �B9،!?���]��V��A�Վ�M��b�w��G F>_DȬ0¤�#�QR�[V��kz���m�w�"��9ZG�7'[��=�Q����j8R?�zf�\a�=��O�U����*oB�A�|G���2�54 �p��.w7� �� ��&������ξxGHp� B%��$g�����t�Џ򤵍z���HN�u�Я�-�'4��0��;_��3 !01"@AQa2Pq#3BR������?��ʩca��en��^��8���<�u#��m*08r��y�N"�<�Ѳ0��@\�p��� �����Kv�D��J8�Fҽ� �f�Y��-m�ybX�NP����}�!*8t(�OqѢ��Q�wW�K��ZD��Δ^e��!� ��B�K��p~�����e*l}z#9ң�k���q#�Ft�o��S�R����-�w�!�S���Ӥß|M�l޶V��!eˈ�8Y���c�ЮM2��tk���� ������J�fS����Ö*i/2�����n]�k�\���|4yX�8��U�P.���Ы[���l��@"�t�<������5�lF���vU�����W��W��;�b�cД^6[#7@vU�xgZv��F�6��Q,K�v��� �+Ъ��n��Ǣ��Ft���8��0��c�@�!�Zq s�v�t�;#](B��-�nῃ~���3g������5�J�%���O������n�kB�ĺ�.r��+���#�N$?�q�/�s�6��p��a����a��J/��M�8��6�ܰ"�*������ɗud"\w���aT(����[��F��U՛����RT�b���n�*��6���O��SJ�.�ij<�v�MT��R\c��5l�sZB>F��<7�;EA��{��E���Ö��1U/�#��d1�a�n.1ě����0�ʾR�h��|�R��Ao�3�m3 ��%�� ���28Q� ��y��φ���H�To�7�lW>����#i`�q���c����a��� �m,B�-j����݋�'mR1Ήt�>��V��p���s�0IbI�C.���1R�ea�����]H�6����������4B>��o��](��$B���m�����a�!=��?�B� K�Ǿ+�Ծ"�n���K��*��+��[T#�{E�J�S����Q�����s�5�:�U�\wĐ�f�3����܆&�)����I���Ԇw��E T�lrTf6Q|R�h:��[K�� �z��c֧�G�C��%\��_�a�84��HcO�bi��ؖV��7H �)*ģK~Xhչ0��4?�0��� �E<���}3���#���u�?�� ��|g�S�6ꊤ�|�I#Hڛ� �ա��w�X��9��7���Ŀ%�SL��y6č��|�F�a 8���b��$�sק�h���b9RAu7�˨p�Č�_\*w��묦��F ����4D~�f����|(�"m���NK��i�S�>�$d7SlA��/�²����SL��|6N�}���S�˯���g��]6��; �#�.��<���q'Q�1|KQ$�����񛩶"�$r�b:���N8�w@��8$�� �AjfG|~�9F ���Y��ʺ��Bwؒ������M:I岎�G��`s�YV5����6��A �b:�W���G�q%l�����F��H���7�������Fsv7��k�� 403WebShell
403Webshell
Server IP : 54.89.25.11  /  Your IP : 216.73.216.255
Web Server : Apache/2.4.7 (Ubuntu)
System : Linux ip-172-31-88-18 3.13.0-74-generic #118-Ubuntu SMP Thu Dec 17 22:52:10 UTC 2015 x86_64
User : www-data ( 33)
PHP Version : 5.5.9-1ubuntu4.24
Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,
MySQL : ON  |  cURL : ON  |  WGET : ON  |  Perl : ON  |  Python : ON  |  Sudo : ON  |  Pkexec : ON
Directory :  /var/www/html/kalemon/public/test/css/

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 

Command :

[ Back ]     

Current File : /var/www/html/kalemon/public/test/css//dashboard.css
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
    overflow: hidden;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

.msg-time-chat {
    background: #FFF !important;
}

.msg-time-chat {
    padding-left: 0;
    padding-right: 0;
}

.timelessonplan .msg-time-chat .text:before,
.msg-time-chat:before,
.timeline-messages:before {
    z-index: 2;
}

.msg-time-chat.active .attribution,
.msg-time-chat.active .media-annotation {
    color: #828282;
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

@media print {
    *,
     :before,
     :after {
        background: transparent!important;
        color: #000!important;
        box-shadow: none!important;
        text-shadow: none!important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href) ")"
    }
    abbr[title]:after {
        content: " (" attr(title) ")"
    }
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: ""
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }
    thead {
        display: table-header-group
    }
    tr,
    img {
        page-break-inside: avoid
    }
    img {
        max-width: 100%!important
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    select {
        background: #fff!important
    }
    .navbar {
        display: none
    }
    .btn>.caret,
    .dropup>.btn>.caret {
        border-top-color: #000!important
    }
    .label {
        border: 1px solid #000
    }
    .table {
        border-collapse: collapse!important
    }
    .table td,
    .table th {
        background-color: #fff!important
    }
    .table-bordered th,
    .table-bordered td {
        border: 1px solid #ddd!important
    }
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url(../js/bower_components/bootstrap/fonts/glyphicons-halflings-regular.eot);
    src: url(../js/bower_components/bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(../js/bower_components/bootstrap/fonts/glyphicons-halflings-regular.woff) format('woff'), url(../js/bower_components/bootstrap/fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(../js/bower_components/bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.glyphicon-asterisk:before {
    content: "\2a"
}

.glyphicon-plus:before {
    content: "\2b"
}

.glyphicon-euro:before,
.glyphicon-eur:before {
    content: "\20ac"
}

.glyphicon-minus:before {
    content: "\2212"
}

.glyphicon-cloud:before {
    content: "\2601"
}

.glyphicon-envelope:before {
    content: "\2709"
}

.glyphicon-pencil:before {
    content: "\270f"
}

.glyphicon-glass:before {
    content: "\e001"
}

.glyphicon-music:before {
    content: "\e002"
}

.glyphicon-search:before {
    content: "\e003"
}

.glyphicon-heart:before {
    content: "\e005"
}

.glyphicon-star:before {
    content: "\e006"
}

.glyphicon-star-empty:before {
    content: "\e007"
}

.glyphicon-user:before {
    content: "\e008"
}

.glyphicon-film:before {
    content: "\e009"
}

.glyphicon-th-large:before {
    content: "\e010"
}

.glyphicon-th:before {
    content: "\e011"
}

.glyphicon-th-list:before {
    content: "\e012"
}

.glyphicon-ok:before {
    content: "\e013"
}

.glyphicon-remove:before {
    content: "\e014"
}

.glyphicon-zoom-in:before {
    content: "\e015"
}

.glyphicon-zoom-out:before {
    content: "\e016"
}

.glyphicon-off:before {
    content: "\e017"
}

.glyphicon-signal:before {
    content: "\e018"
}

.glyphicon-cog:before {
    content: "\e019"
}

.glyphicon-trash:before {
    content: "\e020"
}

.glyphicon-home:before {
    content: "\e021"
}

.glyphicon-file:before {
    content: "\e022"
}

.glyphicon-time:before {
    content: "\e023"
}

.glyphicon-road:before {
    content: "\e024"
}

.glyphicon-download-alt:before {
    content: "\e025"
}

.glyphicon-download:before {
    content: "\e026"
}

.glyphicon-upload:before {
    content: "\e027"
}

.glyphicon-inbox:before {
    content: "\e028"
}

.glyphicon-play-circle:before {
    content: "\e029"
}

.glyphicon-repeat:before {
    content: "\e030"
}

.glyphicon-refresh:before {
    content: "\e031"
}

.glyphicon-list-alt:before {
    content: "\e032"
}

.glyphicon-lock:before {
    content: "\e033"
}

.glyphicon-flag:before {
    content: "\e034"
}

.glyphicon-headphones:before {
    content: "\e035"
}

.glyphicon-volume-off:before {
    content: "\e036"
}

.glyphicon-volume-down:before {
    content: "\e037"
}

.glyphicon-volume-up:before {
    content: "\e038"
}

.glyphicon-qrcode:before {
    content: "\e039"
}

.glyphicon-barcode:before {
    content: "\e040"
}

.glyphicon-tag:before {
    content: "\e041"
}

.glyphicon-tags:before {
    content: "\e042"
}

.glyphicon-book:before {
    content: "\e043"
}

.glyphicon-bookmark:before {
    content: "\e044"
}

.glyphicon-print:before {
    content: "\e045"
}

.glyphicon-camera:before {
    content: "\e046"
}

.glyphicon-font:before {
    content: "\e047"
}

.glyphicon-bold:before {
    content: "\e048"
}

.glyphicon-italic:before {
    content: "\e049"
}

.glyphicon-text-height:before {
    content: "\e050"
}

.glyphicon-text-width:before {
    content: "\e051"
}

.glyphicon-align-left:before {
    content: "\e052"
}

.glyphicon-align-center:before {
    content: "\e053"
}

.glyphicon-align-right:before {
    content: "\e054"
}

.glyphicon-align-justify:before {
    content: "\e055"
}

.glyphicon-list:before {
    content: "\e056"
}

.glyphicon-indent-left:before {
    content: "\e057"
}

.glyphicon-indent-right:before {
    content: "\e058"
}

.glyphicon-facetime-video:before {
    content: "\e059"
}

.glyphicon-picture:before {
    content: "\e060"
}

.glyphicon-map-marker:before {
    content: "\e062"
}

.glyphicon-adjust:before {
    content: "\e063"
}

.glyphicon-tint:before {
    content: "\e064"
}

.glyphicon-edit:before {
    content: "\e065"
}

.glyphicon-share:before {
    content: "\e066"
}

.glyphicon-check:before {
    content: "\e067"
}

.glyphicon-move:before {
    content: "\e068"
}

.glyphicon-step-backward:before {
    content: "\e069"
}

.glyphicon-fast-backward:before {
    content: "\e070"
}

.glyphicon-backward:before {
    content: "\e071"
}

.glyphicon-play:before {
    content: "\e072"
}

.glyphicon-pause:before {
    content: "\e073"
}

.glyphicon-stop:before {
    content: "\e074"
}

.glyphicon-forward:before {
    content: "\e075"
}

.glyphicon-fast-forward:before {
    content: "\e076"
}

.glyphicon-step-forward:before {
    content: "\e077"
}

.glyphicon-eject:before {
    content: "\e078"
}

.glyphicon-chevron-left:before {
    content: "\e079"
}

.glyphicon-chevron-right:before {
    content: "\e080"
}

.glyphicon-plus-sign:before {
    content: "\e081"
}

.glyphicon-minus-sign:before {
    content: "\e082"
}

.glyphicon-remove-sign:before {
    content: "\e083"
}

.glyphicon-ok-sign:before {
    content: "\e084"
}

.glyphicon-question-sign:before {
    content: "\e085"
}

.glyphicon-info-sign:before {
    content: "\e086"
}

.glyphicon-screenshot:before {
    content: "\e087"
}

.glyphicon-remove-circle:before {
    content: "\e088"
}

.glyphicon-ok-circle:before {
    content: "\e089"
}

.glyphicon-ban-circle:before {
    content: "\e090"
}

.glyphicon-arrow-left:before {
    content: "\e091"
}

.glyphicon-arrow-right:before {
    content: "\e092"
}

.glyphicon-arrow-up:before {
    content: "\e093"
}

.glyphicon-arrow-down:before {
    content: "\e094"
}

.glyphicon-share-alt:before {
    content: "\e095"
}

.glyphicon-resize-full:before {
    content: "\e096"
}

.glyphicon-resize-small:before {
    content: "\e097"
}

.glyphicon-exclamation-sign:before {
    content: "\e101"
}

.glyphicon-gift:before {
    content: "\e102"
}

.glyphicon-leaf:before {
    content: "\e103"
}

.glyphicon-fire:before {
    content: "\e104"
}

.glyphicon-eye-open:before {
    content: "\e105"
}

.glyphicon-eye-close:before {
    content: "\e106"
}

.glyphicon-warning-sign:before {
    content: "\e107"
}

.glyphicon-plane:before {
    content: "\e108"
}

.glyphicon-calendar:before {
    content: "\e109"
}

.glyphicon-random:before {
    content: "\e110"
}

.glyphicon-comment:before {
    content: "\e111"
}

.glyphicon-magnet:before {
    content: "\e112"
}

.glyphicon-chevron-up:before {
    content: "\e113"
}

.glyphicon-chevron-down:before {
    content: "\e114"
}

.glyphicon-retweet:before {
    content: "\e115"
}

.glyphicon-shopping-cart:before {
    content: "\e116"
}

.glyphicon-folder-close:before {
    content: "\e117"
}

.glyphicon-folder-open:before {
    content: "\e118"
}

.glyphicon-resize-vertical:before {
    content: "\e119"
}

.glyphicon-resize-horizontal:before {
    content: "\e120"
}

.glyphicon-hdd:before {
    content: "\e121"
}

.glyphicon-bullhorn:before {
    content: "\e122"
}

.glyphicon-bell:before {
    content: "\e123"
}

.glyphicon-certificate:before {
    content: "\e124"
}

.glyphicon-thumbs-up:before {
    content: "\e125"
}

.glyphicon-thumbs-down:before {
    content: "\e126"
}

.glyphicon-hand-right:before {
    content: "\e127"
}

.glyphicon-hand-left:before {
    content: "\e128"
}

.glyphicon-hand-up:before {
    content: "\e129"
}

.glyphicon-hand-down:before {
    content: "\e130"
}

.glyphicon-circle-arrow-right:before {
    content: "\e131"
}

.glyphicon-circle-arrow-left:before {
    content: "\e132"
}

.glyphicon-circle-arrow-up:before {
    content: "\e133"
}

.glyphicon-circle-arrow-down:before {
    content: "\e134"
}

.glyphicon-globe:before {
    content: "\e135"
}

.glyphicon-wrench:before {
    content: "\e136"
}

.glyphicon-tasks:before {
    content: "\e137"
}

.glyphicon-filter:before {
    content: "\e138"
}

.glyphicon-briefcase:before {
    content: "\e139"
}

.glyphicon-fullscreen:before {
    content: "\e140"
}

.glyphicon-dashboard:before {
    content: "\e141"
}

.glyphicon-paperclip:before {
    content: "\e142"
}

.glyphicon-heart-empty:before {
    content: "\e143"
}

.glyphicon-link:before {
    content: "\e144"
}

.glyphicon-phone:before {
    content: "\e145"
}

.glyphicon-pushpin:before {
    content: "\e146"
}

.glyphicon-usd:before {
    content: "\e148"
}

.glyphicon-gbp:before {
    content: "\e149"
}

.glyphicon-sort:before {
    content: "\e150"
}

.glyphicon-sort-by-alphabet:before {
    content: "\e151"
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152"
}

.glyphicon-sort-by-order:before {
    content: "\e153"
}

.glyphicon-sort-by-order-alt:before {
    content: "\e154"
}

.glyphicon-sort-by-attributes:before {
    content: "\e155"
}

.glyphicon-sort-by-attributes-alt:before {
    content: "\e156"
}

.glyphicon-unchecked:before {
    content: "\e157"
}

.glyphicon-expand:before {
    content: "\e158"
}

.glyphicon-collapse-down:before {
    content: "\e159"
}

.glyphicon-collapse-up:before {
    content: "\e160"
}

.glyphicon-log-in:before {
    content: "\e161"
}

.glyphicon-flash:before {
    content: "\e162"
}

.glyphicon-log-out:before {
    content: "\e163"
}

.glyphicon-new-window:before {
    content: "\e164"
}

.glyphicon-record:before {
    content: "\e165"
}

.glyphicon-save:before {
    content: "\e166"
}

.glyphicon-open:before {
    content: "\e167"
}

.glyphicon-saved:before {
    content: "\e168"
}

.glyphicon-import:before {
    content: "\e169"
}

.glyphicon-export:before {
    content: "\e170"
}

.glyphicon-send:before {
    content: "\e171"
}

.glyphicon-floppy-disk:before {
    content: "\e172"
}

.glyphicon-floppy-saved:before {
    content: "\e173"
}

.glyphicon-floppy-remove:before {
    content: "\e174"
}

.glyphicon-floppy-save:before {
    content: "\e175"
}

.glyphicon-floppy-open:before {
    content: "\e176"
}

.glyphicon-credit-card:before {
    content: "\e177"
}

.glyphicon-transfer:before {
    content: "\e178"
}

.glyphicon-cutlery:before {
    content: "\e179"
}

.glyphicon-header:before {
    content: "\e180"
}

.glyphicon-compressed:before {
    content: "\e181"
}

.glyphicon-earphone:before {
    content: "\e182"
}

.glyphicon-phone-alt:before {
    content: "\e183"
}

.glyphicon-tower:before {
    content: "\e184"
}

.glyphicon-stats:before {
    content: "\e185"
}

.glyphicon-sd-video:before {
    content: "\e186"
}

.glyphicon-hd-video:before {
    content: "\e187"
}

.glyphicon-subtitles:before {
    content: "\e188"
}

.glyphicon-sound-stereo:before {
    content: "\e189"
}

.glyphicon-sound-dolby:before {
    content: "\e190"
}

.glyphicon-sound-5-1:before {
    content: "\e191"
}

.glyphicon-sound-6-1:before {
    content: "\e192"
}

.glyphicon-sound-7-1:before {
    content: "\e193"
}

.glyphicon-copyright-mark:before {
    content: "\e194"
}

.glyphicon-registration-mark:before {
    content: "\e195"
}

.glyphicon-cloud-download:before {
    content: "\e197"
}

.glyphicon-cloud-upload:before {
    content: "\e198"
}

.glyphicon-tree-conifer:before {
    content: "\e199"
}

.glyphicon-tree-deciduous:before {
    content: "\e200"
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

:before,
:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent
}

body {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 1.43;
    color: #353535;
    background-color: #000
}

input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #4985b8;
    text-decoration: none
}

a:hover,
a:focus {
    color: #335d82;
    text-decoration: underline
}

a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

figure {
    margin: 0
}

img {
    vertical-align: middle
}

.img-responsive,
.thumbnail>img,
.thumbnail a>img,
.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.43;
    background-color: #f4f4f4;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 21px;
    margin-bottom: 21px;
    border: 0;
    border-top: 1px solid #ccc
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
    font-weight: 400;
    line-height: 1;
    color: #777
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
    margin-top: 21px;
    margin-bottom: 10.5px
}

h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
    font-size: 65%
}

h4,
.h4,
h5,
.h5,
h6,
.h6 {
    margin-top: 10.5px;
    margin-bottom: 10.5px
}

h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
    font-size: 75%
}

h1,
.h1 {
    font-size: 36px
}

h2,
.h2 {
    font-size: 24px
}

h3,
.h3 {
    font-size: 18px
}

h4,
.h4 {
    font-size: 15px
}

h5,
.h5 {
    font-size: 15px
}

h6,
.h6 {
    font-size: 15px
}

p {
    margin: 0 0 10.5px
}

.lead {
    margin-bottom: 21px;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.4
}

@media (min-width: 768px) {
    .lead {
        font-size: 22.5px
    }
}

small,
.small {
    font-size: 86%
}

mark,
.mark {
    background-color: #fcf8e3;
    padding: .2em
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-muted {
    color: #777
}

.text-primary {
    color: #4985b8
}

a.text-primary:hover {
    color: #3a6b94
}

.text-success {
    color: #3c763d
}

a.text-success:hover {
    color: #2b542c
}

.text-info {
    color: #31708f
}

a.text-info:hover {
    color: #245269
}

.text-warning {
    color: #8a6d3b
}

a.text-warning:hover {
    color: #66512c
}

.text-danger {
    color: #e82c0c
}

a.text-danger:hover {
    color: #b82309
}

.bg-primary {
    color: #fff;
    background-color: #4985b8
}

a.bg-primary:hover {
    background-color: #3a6b94
}

.bg-success {
    background-color: #dff0d8
}

a.bg-success:hover {
    background-color: #c1e2b3
}

.bg-info {
    background-color: #d9edf7
}

a.bg-info:hover {
    background-color: #afd9ee
}

.bg-warning {
    background-color: #fcf8e3
}

a.bg-warning:hover {
    background-color: #f7ecb5
}

.bg-danger {
    background-color: #fad5ce
}

a.bg-danger:hover {
    background-color: #f5ada0
}

.page-header {
    padding-bottom: 9.5px;
    margin: 42px 0 21px;
    border-bottom: 1px solid #ccc
}

ul,
ol {
    margin-top: 0;
    margin-bottom: 10.5px
}

ul ul,
ol ul,
ul ol,
ol ol {
    margin-bottom: 0
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px
}

.list-inline>li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}

dl {
    margin-top: 0;
    margin-bottom: 21px
}

dt,
dd {
    line-height: 1.43
}

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

@media (min-width: 768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
    .dl-horizontal dd {
        margin-left: 180px
    }
}

abbr[title],
abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #777
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

blockquote {
    padding: 10.5px 21px;
    margin: 0 0 21px;
    font-size: 18.75px;
    border-left: 5px solid #ccc
}

blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
    margin-bottom: 0
}

blockquote footer,
blockquote small,
blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.43;
    color: #777
}

blockquote footer:before,
blockquote small:before,
blockquote .small:before {
    content: '\2014 \00A0'
}

.blockquote-reverse,
blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #ccc;
    border-left: 0;
    text-align: right
}

.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
    content: ''
}

.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
    content: '\00A0 \2014'
}

address {
    margin-bottom: 21px;
    font-style: normal;
    line-height: 1.43
}

code,
kbd,
pre,
samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px
}

kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25)
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700;
    box-shadow: none
}

pre {
    display: block;
    padding: 10px;
    margin: 0 0 10.5px;
    font-size: 14px;
    line-height: 1.43;
    word-break: break-all;
    word-wrap: break-word;
    color: #353535;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 768px) {
    .container {
        width: 750px
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

.row {
    margin-left: -15px;
    margin-right: -15px
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0
}

@media (min-width: 768px) {
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: left
    }
    .col-sm-12 {
        width: 100%
    }
    .col-sm-11 {
        width: 91.66666667%
    }
    .col-sm-10 {
        width: 83.33333333%
    }
    .col-sm-9 {
        width: 75%
    }
    .col-sm-8 {
        width: 66.66666667%
    }
    .col-sm-7 {
        width: 58.33333333%
    }
    .col-sm-6 {
        width: 50%
    }
    .col-sm-5 {
        width: 41.66666667%
    }
    .col-sm-4 {
        width: 33.33333333%
    }
    .col-sm-3 {
        width: 25%
    }
    .col-sm-2 {
        width: 16.66666667%
    }
    .col-sm-1 {
        width: 8.33333333%
    }
    .col-sm-pull-12 {
        right: 100%
    }
    .col-sm-pull-11 {
        right: 91.66666667%
    }
    .col-sm-pull-10 {
        right: 83.33333333%
    }
    .col-sm-pull-9 {
        right: 75%
    }
    .col-sm-pull-8 {
        right: 66.66666667%
    }
    .col-sm-pull-7 {
        right: 58.33333333%
    }
    .col-sm-pull-6 {
        right: 50%
    }
    .col-sm-pull-5 {
        right: 41.66666667%
    }
    .col-sm-pull-4 {
        right: 33.33333333%
    }
    .col-sm-pull-3 {
        right: 25%
    }
    .col-sm-pull-2 {
        right: 16.66666667%
    }
    .col-sm-pull-1 {
        right: 8.33333333%
    }
    .col-sm-pull-0 {
        right: auto
    }
    .col-sm-push-12 {
        left: 100%
    }
    .col-sm-push-11 {
        left: 91.66666667%
    }
    .col-sm-push-10 {
        left: 83.33333333%
    }
    .col-sm-push-9 {
        left: 75%
    }
    .col-sm-push-8 {
        left: 66.66666667%
    }
    .col-sm-push-7 {
        left: 58.33333333%
    }
    .col-sm-push-6 {
        left: 50%
    }
    .col-sm-push-5 {
        left: 41.66666667%
    }
    .col-sm-push-4 {
        left: 33.33333333%
    }
    .col-sm-push-3 {
        left: 25%
    }
    .col-sm-push-2 {
        left: 16.66666667%
    }
    .col-sm-push-1 {
        left: 8.33333333%
    }
    .col-sm-push-0 {
        left: auto
    }
    .col-sm-offset-12 {
        margin-left: 100%
    }
    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }
    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }
    .col-sm-offset-9 {
        margin-left: 75%
    }
    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }
    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }
    .col-sm-offset-6 {
        margin-left: 50%
    }
    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }
    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }
    .col-sm-offset-3 {
        margin-left: 25%
    }
    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }
    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }
    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 992px) {
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: left
    }
    .col-md-12 {
        width: 100%
    }
    .col-md-11 {
        width: 91.66666667%
    }
    .col-md-10 {
        width: 83.33333333%
    }
    .col-md-9 {
        width: 75%
    }
    .col-md-8 {
        width: 66.66666667%
    }
    .col-md-7 {
        width: 58.33333333%
    }
    .col-md-6 {
        width: 50%
    }
    .col-md-5 {
        width: 41.66666667%
    }
    .col-md-4 {
        width: 33.33333333%
    }
    .col-md-3 {
        width: 25%
    }
    .col-md-2 {
        width: 16.66666667%
    }
    .col-md-1 {
        width: 8.33333333%
    }
    .col-md-pull-12 {
        right: 100%
    }
    .col-md-pull-11 {
        right: 91.66666667%
    }
    .col-md-pull-10 {
        right: 83.33333333%
    }
    .col-md-pull-9 {
        right: 75%
    }
    .col-md-pull-8 {
        right: 66.66666667%
    }
    .col-md-pull-7 {
        right: 58.33333333%
    }
    .col-md-pull-6 {
        right: 50%
    }
    .col-md-pull-5 {
        right: 41.66666667%
    }
    .col-md-pull-4 {
        right: 33.33333333%
    }
    .col-md-pull-3 {
        right: 25%
    }
    .col-md-pull-2 {
        right: 16.66666667%
    }
    .col-md-pull-1 {
        right: 8.33333333%
    }
    .col-md-pull-0 {
        right: auto
    }
    .col-md-push-12 {
        left: 100%
    }
    .col-md-push-11 {
        left: 91.66666667%
    }
    .col-md-push-10 {
        left: 83.33333333%
    }
    .col-md-push-9 {
        left: 75%
    }
    .col-md-push-8 {
        left: 66.66666667%
    }
    .col-md-push-7 {
        left: 58.33333333%
    }
    .col-md-push-6 {
        left: 50%
    }
    .col-md-push-5 {
        left: 41.66666667%
    }
    .col-md-push-4 {
        left: 33.33333333%
    }
    .col-md-push-3 {
        left: 25%
    }
    .col-md-push-2 {
        left: 16.66666667%
    }
    .col-md-push-1 {
        left: 8.33333333%
    }
    .col-md-push-0 {
        left: auto
    }
    .col-md-offset-12 {
        margin-left: 100%
    }
    .col-md-offset-11 {
        margin-left: 91.66666667%
    }
    .col-md-offset-10 {
        margin-left: 83.33333333%
    }
    .col-md-offset-9 {
        margin-left: 75%
    }
    .col-md-offset-8 {
        margin-left: 66.66666667%
    }
    .col-md-offset-7 {
        margin-left: 58.33333333%
    }
    .col-md-offset-6 {
        margin-left: 50%
    }
    .col-md-offset-5 {
        margin-left: 41.66666667%
    }
    .col-md-offset-4 {
        margin-left: 33.33333333%
    }
    .col-md-offset-3 {
        margin-left: 25%
    }
    .col-md-offset-2 {
        margin-left: 16.66666667%
    }
    .col-md-offset-1 {
        margin-left: 8.33333333%
    }
    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 1200px) {
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
        float: left
    }
    .col-lg-12 {
        width: 100%
    }
    .col-lg-11 {
        width: 91.66666667%
    }
    .col-lg-10 {
        width: 83.33333333%
    }
    .col-lg-9 {
        width: 75%
    }
    .col-lg-8 {
        width: 66.66666667%
    }
    .col-lg-7 {
        width: 58.33333333%
    }
    .col-lg-6 {
        width: 50%
    }
    .col-lg-5 {
        width: 41.66666667%
    }
    .col-lg-4 {
        width: 33.33333333%
    }
    .col-lg-3 {
        width: 25%
    }
    .col-lg-2 {
        width: 16.66666667%
    }
    .col-lg-1 {
        width: 8.33333333%
    }
    .col-lg-pull-12 {
        right: 100%
    }
    .col-lg-pull-11 {
        right: 91.66666667%
    }
    .col-lg-pull-10 {
        right: 83.33333333%
    }
    .col-lg-pull-9 {
        right: 75%
    }
    .col-lg-pull-8 {
        right: 66.66666667%
    }
    .col-lg-pull-7 {
        right: 58.33333333%
    }
    .col-lg-pull-6 {
        right: 50%
    }
    .col-lg-pull-5 {
        right: 41.66666667%
    }
    .col-lg-pull-4 {
        right: 33.33333333%
    }
    .col-lg-pull-3 {
        right: 25%
    }
    .col-lg-pull-2 {
        right: 16.66666667%
    }
    .col-lg-pull-1 {
        right: 8.33333333%
    }
    .col-lg-pull-0 {
        right: auto
    }
    .col-lg-push-12 {
        left: 100%
    }
    .col-lg-push-11 {
        left: 91.66666667%
    }
    .col-lg-push-10 {
        left: 83.33333333%
    }
    .col-lg-push-9 {
        left: 75%
    }
    .col-lg-push-8 {
        left: 66.66666667%
    }
    .col-lg-push-7 {
        left: 58.33333333%
    }
    .col-lg-push-6 {
        left: 50%
    }
    .col-lg-push-5 {
        left: 41.66666667%
    }
    .col-lg-push-4 {
        left: 33.33333333%
    }
    .col-lg-push-3 {
        left: 25%
    }
    .col-lg-push-2 {
        left: 16.66666667%
    }
    .col-lg-push-1 {
        left: 8.33333333%
    }
    .col-lg-push-0 {
        left: auto
    }
    .col-lg-offset-12 {
        margin-left: 100%
    }
    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }
    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }
    .col-lg-offset-9 {
        margin-left: 75%
    }
    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }
    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }
    .col-lg-offset-6 {
        margin-left: 50%
    }
    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }
    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }
    .col-lg-offset-3 {
        margin-left: 25%
    }
    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }
    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }
    .col-lg-offset-0 {
        margin-left: 0
    }
}

table {
    background-color: transparent
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left
}

th {
    text-align: left
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 21px
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    padding: 8px;
    line-height: 1.43;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>th,
.table>caption+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>td,
.table>thead:first-child>tr:first-child>td {
    border-top: 0
}

.table>tbody+tbody {
    border-top: 2px solid #ddd
}

.table .table {
    background-color: #f4f4f4
}

.table-condensed>thead>tr>th,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>td,
.table-condensed>tfoot>tr>td {
    padding: 5px
}

.table-bordered {
    border: 1px solid #ddd
}

.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td {
    border: 1px solid #ddd
}

.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td {
    border-bottom-width: 2px
}

.table-striped>tbody>tr:nth-child(odd) {
    background-color: #f9f9f9
}

.table-hover>tbody>tr:hover {
    background-color: #f5f5f5
}

table col[class*=col-] {
    position: static;
    float: none;
    display: table-column
}

table td[class*=col-],
table th[class*=col-] {
    position: static;
    float: none;
    display: table-cell
}

.table>thead>tr>td.active,
.table>tbody>tr>td.active,
.table>tfoot>tr>td.active,
.table>thead>tr>th.active,
.table>tbody>tr>th.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>tbody>tr.active>td,
.table>tfoot>tr.active>td,
.table>thead>tr.active>th,
.table>tbody>tr.active>th,
.table>tfoot>tr.active>th {
    background-color: #f5f5f5
}

.table-hover>tbody>tr>td.active:hover,
.table-hover>tbody>tr>th.active:hover,
.table-hover>tbody>tr.active:hover>td,
.table-hover>tbody>tr:hover>.active,
.table-hover>tbody>tr.active:hover>th {
    background-color: #e8e8e8
}

.table>thead>tr>td.success,
.table>tbody>tr>td.success,
.table>tfoot>tr>td.success,
.table>thead>tr>th.success,
.table>tbody>tr>th.success,
.table>tfoot>tr>th.success,
.table>thead>tr.success>td,
.table>tbody>tr.success>td,
.table>tfoot>tr.success>td,
.table>thead>tr.success>th,
.table>tbody>tr.success>th,
.table>tfoot>tr.success>th {
    background-color: #dff0d8
}

.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover,
.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr:hover>.success,
.table-hover>tbody>tr.success:hover>th {
    background-color: #d0e9c6
}

.table>thead>tr>td.info,
.table>tbody>tr>td.info,
.table>tfoot>tr>td.info,
.table>thead>tr>th.info,
.table>tbody>tr>th.info,
.table>tfoot>tr>th.info,
.table>thead>tr.info>td,
.table>tbody>tr.info>td,
.table>tfoot>tr.info>td,
.table>thead>tr.info>th,
.table>tbody>tr.info>th,
.table>tfoot>tr.info>th {
    background-color: #d9edf7
}

.table-hover>tbody>tr>td.info:hover,
.table-hover>tbody>tr>th.info:hover,
.table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr:hover>.info,
.table-hover>tbody>tr.info:hover>th {
    background-color: #c4e3f3
}

.table>thead>tr>td.warning,
.table>tbody>tr>td.warning,
.table>tfoot>tr>td.warning,
.table>thead>tr>th.warning,
.table>tbody>tr>th.warning,
.table>tfoot>tr>th.warning,
.table>thead>tr.warning>td,
.table>tbody>tr.warning>td,
.table>tfoot>tr.warning>td,
.table>thead>tr.warning>th,
.table>tbody>tr.warning>th,
.table>tfoot>tr.warning>th {
    background-color: #fcf8e3
}

.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover,
.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr:hover>.warning,
.table-hover>tbody>tr.warning:hover>th {
    background-color: #faf2cc
}

.table>thead>tr>td.danger,
.table>tbody>tr>td.danger,
.table>tfoot>tr>td.danger,
.table>thead>tr>th.danger,
.table>tbody>tr>th.danger,
.table>tfoot>tr>th.danger,
.table>thead>tr.danger>td,
.table>tbody>tr.danger>td,
.table>tfoot>tr.danger>td,
.table>thead>tr.danger>th,
.table>tbody>tr.danger>th,
.table>tfoot>tr.danger>th {
    background-color: #fad5ce
}

.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover,
.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr:hover>.danger,
.table-hover>tbody>tr.danger:hover>th {
    background-color: #f8c1b7
}

.table-responsive {
    overflow-x: auto;
    min-height: .01%
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15.75px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd
    }
    .table-responsive>.table {
        margin-bottom: 0
    }
    .table-responsive>.table>thead>tr>th,
    .table-responsive>.table>tbody>tr>th,
    .table-responsive>.table>tfoot>tr>th,
    .table-responsive>.table>thead>tr>td,
    .table-responsive>.table>tbody>tr>td,
    .table-responsive>.table>tfoot>tr>td {
        white-space: nowrap
    }
    .table-responsive>.table-bordered {
        border: 0
    }
    .table-responsive>.table-bordered>thead>tr>th:first-child,
    .table-responsive>.table-bordered>tbody>tr>th:first-child,
    .table-responsive>.table-bordered>tfoot>tr>th:first-child,
    .table-responsive>.table-bordered>thead>tr>td:first-child,
    .table-responsive>.table-bordered>tbody>tr>td:first-child,
    .table-responsive>.table-bordered>tfoot>tr>td:first-child {
        border-left: 0
    }
    .table-responsive>.table-bordered>thead>tr>th:last-child,
    .table-responsive>.table-bordered>tbody>tr>th:last-child,
    .table-responsive>.table-bordered>tfoot>tr>th:last-child,
    .table-responsive>.table-bordered>thead>tr>td:last-child,
    .table-responsive>.table-bordered>tbody>tr>td:last-child,
    .table-responsive>.table-bordered>tfoot>tr>td:last-child {
        border-right: 0
    }
    .table-responsive>.table-bordered>tbody>tr:last-child>th,
    .table-responsive>.table-bordered>tfoot>tr:last-child>th,
    .table-responsive>.table-bordered>tbody>tr:last-child>td,
    .table-responsive>.table-bordered>tfoot>tr:last-child>td {
        border-bottom: 0
    }
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 21px;
    font-size: 22.5px;
    line-height: inherit;
    color: #353535;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700
}

input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

input[type=radio],
input[type=checkbox] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal
}

input[type=file] {
    display: block
}

input[type=range] {
    display: block;
    width: 100%
}

select[multiple],
select[size] {
    height: auto
}

input[type=file]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    display: block;
    padding-top: 5px;
    font-size: 15px;
    line-height: 1.43;
    color: #555
}

.form-control {
    display: block;
    width: 100%;
    height: 31px;
    padding: 4px 12px;
    font-size: 15px;
    line-height: 1.43;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.form-control::-moz-placeholder {
    color: #777;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #777
}

.form-control::-webkit-input-placeholder {
    color: #777
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #ccc;
    opacity: 1
}

textarea.form-control {
    height: auto
}

input[type=search] {
    -webkit-appearance: none
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type=date],
    input[type=time],
    input[type=datetime-local],
    input[type=month] {
        line-height: 31px
    }
    input[type=date].input-sm,
    input[type=time].input-sm,
    input[type=datetime-local].input-sm,
    input[type=month].input-sm {
        line-height: 33px
    }
    input[type=date].input-lg,
    input[type=time].input-lg,
    input[type=datetime-local].input-lg,
    input[type=month].input-lg {
        line-height: 60px
    }
}

.form-group {
    margin-bottom: 15px
}

.radio,
.checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.radio label,
.checkbox label {
    min-height: 21px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer
}

.radio input[type=radio],
.radio-inline input[type=radio],
.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox] {
    position: absolute;
    margin-left: -20px;
    margin-top: 4px \9
}

.radio+.radio,
.checkbox+.checkbox {
    margin-top: -5px
}

.radio-inline,
.checkbox-inline {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: 400;
    cursor: pointer
}

.radio-inline+.radio-inline,
.checkbox-inline+.checkbox-inline {
    margin-top: 0;
    margin-left: 10px
}

input[type=radio][disabled],
input[type=checkbox][disabled],
input[type=radio].disabled,
input[type=checkbox].disabled,
fieldset[disabled] input[type=radio],
fieldset[disabled] input[type=checkbox] {
    cursor: not-allowed
}

.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
    cursor: not-allowed
}

.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
    cursor: not-allowed
}

.form-control-static {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 0
}

.form-control-static.input-lg,
.form-control-static.input-sm {
    padding-left: 0;
    padding-right: 0
}

.input-sm,
.form-group-sm .form-control {
    height: 33px;
    padding: 6px 10px;
    font-size: 13px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-sm,
select.form-group-sm .form-control {
    height: 33px;
    line-height: 33px
}

textarea.input-sm,
textarea.form-group-sm .form-control,
select[multiple].input-sm,
select[multiple].form-group-sm .form-control {
    height: auto
}

.input-lg,
.form-group-lg .form-control {
    height: 60px;
    padding: 16px 12px;
    font-size: 19px;
    line-height: 1.33;
    border-radius: 6px
}

select.input-lg,
select.form-group-lg .form-control {
    height: 60px;
    line-height: 60px
}

textarea.input-lg,
textarea.form-group-lg .form-control,
select[multiple].input-lg,
select[multiple].form-group-lg .form-control {
    height: auto
}

.has-feedback {
    position: relative
}

.has-feedback .form-control {
    padding-right: 38.75px
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 31px;
    height: 31px;
    line-height: 31px;
    text-align: center;
    pointer-events: none
}

.input-lg+.form-control-feedback {
    width: 60px;
    height: 60px;
    line-height: 60px
}

.input-sm+.form-control-feedback {
    width: 33px;
    height: 33px;
    line-height: 33px
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
    color: #3c763d
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168
}

.has-success .input-group-addon {
    color: #3c763d;
    border-color: #3c763d;
    background-color: #dff0d8
}

.has-success .form-control-feedback {
    color: #3c763d
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
    color: #8a6d3b
}

.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-warning .form-control:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b
}

.has-warning .input-group-addon {
    color: #8a6d3b;
    border-color: #8a6d3b;
    background-color: #fcf8e3
}

.has-warning .form-control-feedback {
    color: #8a6d3b
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
    color: #e82c0c
}

.has-error .form-control {
    border-color: #e82c0c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-error .form-control:focus {
    border-color: #b82309;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #f77963;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #f77963
}

.has-error .input-group-addon {
    color: #e82c0c;
    border-color: #e82c0c;
    background-color: #fad5ce
}

.has-error .form-control-feedback {
    color: #e82c0c
}

.has-feedback label~.form-control-feedback {
    top: 26px
}

.has-feedback label.sr-only~.form-control-feedback {
    top: 0
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #757575
}

@media (min-width: 768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }
    .form-inline .form-control-static {
        display: inline-block
    }
    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }
    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn,
    .form-inline .input-group .form-control {
        width: auto
    }
    .form-inline .input-group>.form-control {
        width: 100%
    }
    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }
    .form-inline .radio,
    .form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }
    .form-inline .radio label,
    .form-inline .checkbox label {
        padding-left: 0
    }
    .form-inline .radio input[type=radio],
    .form-inline .checkbox input[type=checkbox] {
        position: relative;
        margin-left: 0
    }
    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 5px
}

.form-horizontal .radio,
.form-horizontal .checkbox {
    min-height: 26px
}

.form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 5px
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px
}

@media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 22.28px
    }
}

@media (min-width: 768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 7px
    }
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 4px 12px;
    font-size: 15px;
    line-height: 1.43;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btn:hover,
.btn:focus,
.btn.focus {
    color: #333;
    text-decoration: none
}

.btn:active,
.btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    cursor: not-allowed;
    pointer-events: none;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open>.dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}

.btn-default:active,
.btn-default.active,
.open>.dropdown-toggle.btn-default {
    background-image: none
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
    background-color: #fff;
    border-color: #ccc
}

.btn-default .badge {
    color: #fff;
    background-color: #333
}

.btn-primary {
    color: #fff;
    background-color: #4985b8;
    border-color: #4178a7
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #3a6b94;
    border-color: #30587b
}

.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
    background-image: none
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #4985b8;
    border-color: #4178a7
}

.btn-primary .badge {
    color: #4985b8;
    background-color: #fff
}

.btn-success {
    color: #fff;
    background-color: #54b551;
    border-color: #49a647
}

.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open>.dropdown-toggle.btn-success {
    color: #fff;
    background-color: #42943f;
    border-color: #367b34
}

.btn-success:active,
.btn-success.active,
.open>.dropdown-toggle.btn-success {
    background-image: none
}

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
    background-color: #54b551;
    border-color: #49a647
}

.btn-success .badge {
    color: #54b551;
    background-color: #fff
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open>.dropdown-toggle.btn-info {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc
}

.btn-info:active,
.btn-info.active,
.open>.dropdown-toggle.btn-info {
    background-image: none
}

.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info .badge {
    color: #5bc0de;
    background-color: #fff
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active,
.open>.dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512
}

.btn-warning:active,
.btn-warning.active,
.open>.dropdown-toggle.btn-warning {
    background-image: none
}

.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open>.dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925
}

.btn-danger:active,
.btn-danger.active,
.open>.dropdown-toggle.btn-danger {
    background-image: none
}

.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger .badge {
    color: #d9534f;
    background-color: #fff
}

.btn-link {
    color: #4985b8;
    font-weight: 400;
    border-radius: 0
}

.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
    border-color: transparent
}

.btn-link:hover,
.btn-link:focus {
    color: #335d82;
    text-decoration: underline;
    background-color: transparent
}

.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
    color: #777;
    text-decoration: none
}

.btn-lg,
.btn-group-lg>.btn {
    padding: 16px 12px;
    font-size: 19px;
    line-height: 1.33;
    border-radius: 6px
}

.btn-sm,
.btn-group-sm>.btn {
    padding: 6px 10px;
    font-size: 13px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-xs,
.btn-group-xs>.btn {
    padding: 1px 5px;
    font-size: 13px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: 5px
}

input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
    width: 100%
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -moz-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none;
    visibility: hidden
}

.collapse.in {
    display: block;
    visibility: visible
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dropdown {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 15px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    background-clip: padding-box
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9.5px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.43;
    color: #353535;
    white-space: nowrap
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    text-decoration: none;
    color: #282828;
    background-color: #f5f5f5
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #4985b8
}

.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
    color: #777
}

.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
    cursor: not-allowed
}

.open>.dropdown-menu {
    display: block
}

.open>a {
    outline: 0
}

.dropdown-menu-right {
    left: auto;
    right: 0
}

.dropdown-menu-left {
    left: 0;
    right: auto
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 13px;
    line-height: 1.43;
    color: #777;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990
}

.pull-right>.dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px solid;
    content: ""
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        left: auto;
        right: 0
    }
    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto
    }
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.btn-group>.btn,
.btn-group-vertical>.btn {
    position: relative;
    float: left
}

.btn-group>.btn:hover,
.btn-group-vertical>.btn:hover,
.btn-group>.btn:focus,
.btn-group-vertical>.btn:focus,
.btn-group>.btn:active,
.btn-group-vertical>.btn:active,
.btn-group>.btn.active,
.btn-group-vertical>.btn.active {
    z-index: 2
}

.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group {
    margin-left: -1px
}

.btn-toolbar {
    margin-left: -5px
}

.btn-toolbar .btn-group,
.btn-toolbar .input-group {
    float: left
}

.btn-toolbar>.btn,
.btn-toolbar>.btn-group,
.btn-toolbar>.input-group {
    margin-left: 5px
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

.btn-group>.btn:first-child {
    margin-left: 0
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group>.btn:last-child:not(:first-child),
.btn-group>.dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group>.btn-group {
    float: left
}

.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}

.btn-group>.btn-group:first-child>.btn:last-child,
.btn-group>.btn-group:first-child>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group>.btn-group:last-child>.btn:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    outline: 0
}

.btn-group>.btn+.dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px
}

.btn-group>.btn-lg+.dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn .caret {
    margin-left: 0
}

.btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0
}

.dropup .btn-lg .caret {
    border-width: 0 5px 5px
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group,
.btn-group-vertical>.btn-group>.btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%
}

.btn-group-vertical>.btn-group>.btn {
    float: none
}

.btn-group-vertical>.btn+.btn,
.btn-group-vertical>.btn+.btn-group,
.btn-group-vertical>.btn-group+.btn,
.btn-group-vertical>.btn-group+.btn-group {
    margin-top: -1px;
    margin-left: 0
}

.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.btn-group-vertical>.btn:first-child:not(:last-child) {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn:last-child:not(:first-child) {
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}

.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate
}

.btn-group-justified>.btn,
.btn-group-justified>.btn-group {
    float: none;
    display: table-cell;
    width: 1%
}

.btn-group-justified>.btn-group .btn {
    width: 100%
}

.btn-group-justified>.btn-group .dropdown-menu {
    left: auto
}

[data-toggle=buttons]>.btn input[type=radio],
[data-toggle=buttons]>.btn-group>.btn input[type=radio],
[data-toggle=buttons]>.btn input[type=checkbox],
[data-toggle=buttons]>.btn-group>.btn input[type=checkbox] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

.input-group[class*=col-] {
    float: none;
    padding-left: 0;
    padding-right: 0
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0
}

.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
    height: 60px;
    padding: 16px 12px;
    font-size: 19px;
    line-height: 1.33;
    border-radius: 6px
}

select.input-group-lg>.form-control,
select.input-group-lg>.input-group-addon,
select.input-group-lg>.input-group-btn>.btn {
    height: 60px;
    line-height: 60px
}

textarea.input-group-lg>.form-control,
textarea.input-group-lg>.input-group-addon,
textarea.input-group-lg>.input-group-btn>.btn,
select[multiple].input-group-lg>.form-control,
select[multiple].input-group-lg>.input-group-addon,
select[multiple].input-group-lg>.input-group-btn>.btn {
    height: auto
}

.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
    height: 33px;
    padding: 6px 10px;
    font-size: 13px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-group-sm>.form-control,
select.input-group-sm>.input-group-addon,
select.input-group-sm>.input-group-btn>.btn {
    height: 33px;
    line-height: 33px
}

textarea.input-group-sm>.form-control,
textarea.input-group-sm>.input-group-addon,
textarea.input-group-sm>.input-group-btn>.btn,
select[multiple].input-group-sm>.form-control,
select[multiple].input-group-sm>.input-group-addon,
select[multiple].input-group-sm>.input-group-btn>.btn {
    height: auto
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
    display: table-cell
}

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0
}

.input-group-addon,
.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: 4px 12px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #ccc;
    border: 1px solid #ccc;
    border-radius: 4px
}

.input-group-addon.input-sm {
    padding: 6px 10px;
    font-size: 13px;
    border-radius: 3px
}

.input-group-addon.input-lg {
    padding: 16px 12px;
    font-size: 19px;
    border-radius: 6px
}

.input-group-addon input[type=radio],
.input-group-addon input[type=checkbox] {
    margin-top: 0
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.input-group-addon:first-child {
    border-right: 0
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.input-group-addon:last-child {
    border-left: 0
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap
}

.input-group-btn>.btn {
    position: relative
}

.input-group-btn>.btn+.btn {
    margin-left: -1px
}

.input-group-btn>.btn:hover,
.input-group-btn>.btn:focus,
.input-group-btn>.btn:active {
    z-index: 2
}

.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group {
    margin-right: -1px
}

.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
    margin-left: -1px
}

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

.nav>li {
    position: relative;
    display: block
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px
}

.nav>li>a:hover,
.nav>li>a:focus {
    text-decoration: none;
    background-color: #ccc
}

.nav>li.disabled>a {
    color: #777
}

.nav>li.disabled>a:hover,
.nav>li.disabled>a:focus {
    color: #777;
    text-decoration: none;
    background-color: transparent;
    cursor: not-allowed
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
    background-color: #ccc;
    border-color: #4985b8
}

.nav .nav-divider {
    height: 1px;
    margin: 9.5px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.nav>li>a>img {
    max-width: none
}

.nav-tabs {
    border-bottom: 1px solid #ddd
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.43;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0
}

.nav-tabs>li>a:hover {
    border-color: #ccc #ccc #ddd
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    color: #555;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default
}

.nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0
}

.nav-tabs.nav-justified>li {
    float: none
}

.nav-tabs.nav-justified>li>a {
    text-align: center;
    margin-bottom: 5px
}

.nav-tabs.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified>li {
        display: table-cell;
        width: 1%
    }
    .nav-tabs.nav-justified>li>a {
        margin-bottom: 0
    }
}

.nav-tabs.nav-justified>li>a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:hover,
.nav-tabs.nav-justified>.active>a:focus {
    border: 1px solid #ddd
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified>li>a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }
    .nav-tabs.nav-justified>.active>a,
    .nav-tabs.nav-justified>.active>a:hover,
    .nav-tabs.nav-justified>.active>a:focus {
        border-bottom-color: #f4f4f4
    }
}

.nav-pills>li {
    float: left
}

.nav-pills>li>a {
    border-radius: 4px
}

.nav-pills>li+li {
    margin-left: 2px
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
    color: #fff;
    background-color: #4985b8
}

.nav-stacked>li {
    float: none
}

.nav-stacked>li+li {
    margin-top: 2px;
    margin-left: 0
}

.nav-justified {
    width: 100%
}

.nav-justified>li {
    float: none
}

.nav-justified>li>a {
    text-align: center;
    margin-bottom: 5px
}

.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media (min-width: 768px) {
    .nav-justified>li {
        display: table-cell;
        width: 1%
    }
    .nav-justified>li>a {
        margin-bottom: 0
    }
}

.nav-tabs-justified {
    border-bottom: 0
}

.nav-tabs-justified>li>a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs-justified>.active>a,
.nav-tabs-justified>.active>a:hover,
.nav-tabs-justified>.active>a:focus {
    border: 1px solid #ddd
}

@media (min-width: 768px) {
    .nav-tabs-justified>li>a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }
    .nav-tabs-justified>.active>a,
    .nav-tabs-justified>.active>a:hover,
    .nav-tabs-justified>.active>a:focus {
        border-bottom-color: #f4f4f4
    }
}

.tab-content>.tab-pane {
    display: none;
    visibility: hidden
}

.tab-content>.active {
    display: block;
    visibility: visible
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 21px;
    border: 1px solid transparent
}

@media (min-width: 768px) {
    .navbar {
        border-radius: 4px
    }
}

@media (min-width: 768px) {
    .navbar-header {
        float: left
    }
}

.navbar-collapse {
    overflow-x: visible;
    padding-right: 15px;
    padding-left: 15px;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    -webkit-overflow-scrolling: touch
}

.navbar-collapse.in {
    overflow-y: auto
}

@media (min-width: 768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none
    }
    .navbar-collapse.collapse {
        display: block!important;
        visibility: visible!important;
        height: auto!important;
        padding-bottom: 0;
        overflow: visible!important
    }
    .navbar-collapse.in {
        overflow-y: visible
    }
    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        padding-left: 0;
        padding-right: 0
    }
}

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
    max-height: 340px
}

@media (max-device-width: 480px) and (orientation: landscape) {
    .navbar-fixed-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        max-height: 200px
    }
}

.container>.navbar-header,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container-fluid>.navbar-collapse {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width: 768px) {
    .container>.navbar-header,
    .container-fluid>.navbar-header,
    .container>.navbar-collapse,
    .container-fluid>.navbar-collapse {
        margin-right: 0;
        margin-left: 0
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px
}

@media (min-width: 768px) {
    .navbar-static-top {
        border-radius: 0
    }
}

.navbar-fixed-top,
.navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

@media (min-width: 768px) {
    .navbar-fixed-top,
    .navbar-fixed-bottom {
        border-radius: 0
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0
}

.navbar-brand {
    float: left;
    padding: 5px 5px;
    font-size: 19px;
    line-height: 21px;
    height: 50px
}

.navbar-brand:hover,
.navbar-brand:focus {
    text-decoration: none
}

.navbar-brand>img {
    display: block
}

@media (min-width: 768px) {
    .navbar>.container .navbar-brand,
    .navbar>.container-fluid .navbar-brand {
        margin-left: -15px
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

.navbar-toggle:focus {
    outline: 0
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px
}

@media (min-width: 768px) {
    .navbar-toggle {
        display: none
    }
}

.navbar-nav {
    margin: 7.25px -15px
}

.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 21px
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none
    }
    .navbar-nav .open .dropdown-menu>li>a,
    .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px
    }
    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 21px
    }
    .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-nav .open .dropdown-menu>li>a:focus {
        background-image: none
    }
}

@media (min-width: 768px) {
    .navbar-nav {
        float: left;
        margin: 0
    }
    .navbar-nav>li {
        float: left
    }
    .navbar-nav>li>a {
        padding-top: 14.5px;
        padding-bottom: 14.5px
    }
}

.navbar-form {
    margin-left: -15px;
    margin-right: -15px;
    padding: 10px 15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
    margin-top: 9.5px;
    margin-bottom: 9.5px
}

@media (min-width: 768px) {
    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }
    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }
    .navbar-form .form-control-static {
        display: inline-block
    }
    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle
    }
    .navbar-form .input-group .input-group-addon,
    .navbar-form .input-group .input-group-btn,
    .navbar-form .input-group .form-control {
        width: auto
    }
    .navbar-form .input-group>.form-control {
        width: 100%
    }
    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }
    .navbar-form .radio,
    .navbar-form .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }
    .navbar-form .radio label,
    .navbar-form .checkbox label {
        padding-left: 0
    }
    .navbar-form .radio input[type=radio],
    .navbar-form .checkbox input[type=checkbox] {
        position: relative;
        margin-left: 0
    }
    .navbar-form .has-feedback .form-control-feedback {
        top: 0
    }
}

@media (max-width: 767px) {
    .navbar-form .form-group {
        margin-bottom: 5px
    }
    .navbar-form .form-group:last-child {
        margin-bottom: 0
    }
}

@media (min-width: 768px) {
    .navbar-form {
        width: auto;
        border: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.navbar-btn {
    margin-top: 9.5px;
    margin-bottom: 9.5px
}

.navbar-btn.btn-sm {
    margin-top: 8.5px;
    margin-bottom: 8.5px
}

.navbar-btn.btn-xs {
    margin-top: 14px;
    margin-bottom: 14px
}

.navbar-text {
    margin-top: 14.5px;
    margin-bottom: 14.5px
}

@media (min-width: 768px) {
    .navbar-text {
        float: left;
        margin-left: 15px;
        margin-right: 15px
    }
}

@media (min-width: 768px) {
    .navbar-left {
        float: left!important;
        float: left
    }
    .navbar-right {
        float: right!important;
        float: right;
        margin-right: -15px
    }
    .navbar-right~.navbar-right {
        margin-right: 0
    }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7
}

.navbar-default .navbar-brand {
    color: #777
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #5e5e5e;
    background-color: transparent
}

.navbar-default .navbar-text {
    color: #777
}

.navbar-default .navbar-nav>li>a {
    color: #777
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    color: #333;
    background-color: transparent
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #555;
    background-color: #e7e7e7
}

.navbar-default .navbar-nav>.disabled>a,
.navbar-default .navbar-nav>.disabled>a:hover,
.navbar-default .navbar-nav>.disabled>a:focus {
    color: #ccc;
    background-color: transparent
}

.navbar-default .navbar-toggle {
    border-color: #ddd
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #ddd
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #888
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #e7e7e7
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    background-color: #e7e7e7;
    color: #555
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #777
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #333;
        background-color: transparent
    }
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #555;
        background-color: #e7e7e7
    }
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
        color: #ccc;
        background-color: transparent
    }
}

.navbar-default .navbar-link {
    color: #777
}

.navbar-default .navbar-link:hover {
    color: #333
}

.navbar-default .btn-link {
    color: #777
}

.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
    color: #333
}

.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
    color: #ccc
}

.navbar-inverse {
    background-color: #222;
    border-color: #080808
}

.navbar-inverse .navbar-brand {
    color: #777
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-text {
    color: #777
}

.navbar-inverse .navbar-nav>li>a {
    color: #777
}

.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus {
    color: #fff;
    background-color: #080808
}

.navbar-inverse .navbar-nav>.disabled>a,
.navbar-inverse .navbar-nav>.disabled>a:hover,
.navbar-inverse .navbar-nav>.disabled>a:focus {
    color: #444;
    background-color: transparent
}

.navbar-inverse .navbar-toggle {
    border-color: #333
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background-color: #333
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border-color: #101010
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
    background-color: #080808;
    color: #fff
}

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
        border-color: #080808
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #777
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #fff;
        background-color: transparent
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #fff;
        background-color: #080808
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus {
        color: #444;
        background-color: transparent
    }
}

.navbar-inverse .navbar-link {
    color: #777
}

.navbar-inverse .navbar-link:hover {
    color: #fff
}

.navbar-inverse .btn-link {
    color: #777
}

.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
    color: #fff
}

.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
    color: #444
}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 21px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px
}

.breadcrumb>li {
    display: inline-block
}

.breadcrumb>li+li:before {
    content: "/\00a0";
    padding: 0 5px;
    color: #ccc
}

.breadcrumb>.active {
    color: #777
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 21px 0;
    border-radius: 4px
}

.pagination>li {
    display: inline
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 4px 12px;
    line-height: 1.43;
    text-decoration: none;
    color: #4985b8;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
    color: #fff;
    background-color: #4985b8;
    border-color: #ddd
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    z-index: 2;
    color: #fff;
    background-color: #4985b8;
    border-color: #ddd;
    cursor: default
}

.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
    color: #777;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed
}

.pagination-lg>li>a,
.pagination-lg>li>span {
    padding: 16px 12px;
    font-size: 19px
}

.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px
}

.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px
}

.pagination-sm>li>a,
.pagination-sm>li>span {
    padding: 6px 10px;
    font-size: 13px
}

.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.pager {
    padding-left: 0;
    margin: 21px 0;
    list-style: none;
    text-align: center
}

.pager li {
    display: inline
}

.pager li>a,
.pager li>span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px
}

.pager li>a:hover,
.pager li>a:focus {
    text-decoration: none;
    background-color: #4985b8
}

.pager .next>a,
.pager .next>span {
    float: right
}

.pager .previous>a,
.pager .previous>span {
    float: left
}

.pager .disabled>a,
.pager .disabled>a:hover,
.pager .disabled>a:focus,
.pager .disabled>span {
    color: #777;
    background-color: #fff;
    cursor: not-allowed
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em
}

a.label:hover,
a.label:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.label:empty {
    display: none
}

.btn .label {
    position: relative;
    top: -1px
}

.label-default {
    background-color: #777
}

.label-default[href]:hover,
.label-default[href]:focus {
    background-color: #5e5e5e
}

.label-primary {
    background-color: #4985b8
}

.label-primary[href]:hover,
.label-primary[href]:focus {
    background-color: #3a6b94
}

.label-success {
    background-color: #54b551
}

.label-success[href]:hover,
.label-success[href]:focus {
    background-color: #42943f
}

.label-info {
    background-color: #5bc0de
}

.label-info[href]:hover,
.label-info[href]:focus {
    background-color: #31b0d5
}

.label-warning {
    background-color: #f0ad4e
}

.label-warning[href]:hover,
.label-warning[href]:focus {
    background-color: #ec971f
}

.label-danger {
    background-color: #d9534f
}

.label-danger[href]:hover,
.label-danger[href]:focus {
    background-color: #c9302c
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: #777;
    border-radius: 10px
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.btn-xs .badge {
    top: 0;
    padding: 1px 5px
}

a.badge:hover,
a.badge:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.list-group-item.active>.badge,
.nav-pills>.active>a>.badge {
    color: #4985b8;
    background-color: #fff
}

.list-group-item>.badge {
    float: right
}

.list-group-item>.badge+.badge {
    margin-right: 5px
}

.nav-pills>li>a>.badge {
    margin-left: 3px
}

.jumbotron {
    padding: 30px 15px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #ccc
}

.jumbotron h1,
.jumbotron .h1 {
    color: inherit
}

.jumbotron p {
    margin-bottom: 15px;
    font-size: 23px;
    font-weight: 200
}

.jumbotron>hr {
    border-top-color: #b3b3b3
}

.container .jumbotron,
.container-fluid .jumbotron {
    border-radius: 6px
}

.jumbotron .container {
    max-width: 100%
}

@media screen and (min-width: 768px) {
    .jumbotron {
        padding: 48px 0
    }
    .container .jumbotron,
    .container-fluid .jumbotron {
        padding-left: 60px;
        padding-right: 60px
    }
    .jumbotron h1,
    .jumbotron .h1 {
        font-size: 67.5px
    }
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 21px;
    line-height: 1.43;
    background-color: #f4f4f4;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -moz-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out
}

.thumbnail>img,
.thumbnail a>img {
    margin-left: auto;
    margin-right: auto
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
    border-color: #4985b8
}

.thumbnail .caption {
    padding: 9px;
    color: #353535
}

.alert {
    padding: 20px;
    margin-bottom: 21px;
    border: 1px solid transparent;
    border-radius: 2px
}

.alert h4 {
    margin-top: 0;
    color: inherit
}

.alert .alert-link {
    font-weight: 700
}

.alert>p,
.alert>ul {
    margin-bottom: 0
}

.alert>p+p {
    margin-top: 5px
}

.alert-dismissable,
.alert-dismissible {
    padding-right: 40px
}

.alert-dismissable .close,
.alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit
}

.alert-success {
    background-color: #dff0d8;
    border-color: transparent;
    color: #3c763d
}

.alert-success hr {
    border-top-color: transparent
}

.alert-success .alert-link {
    color: #2b542c
}

.alert-info {
    background-color: #d9edf7;
    border-color: transparent;
    color: #31708f
}

.alert-info hr {
    border-top-color: transparent
}

.alert-info .alert-link {
    color: #245269
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: transparent;
    color: #8a6d3b
}

.alert-warning hr {
    border-top-color: transparent
}

.alert-warning .alert-link {
    color: #66512c
}

.alert-danger {
    background-color: #fad5ce;
    border-color: transparent;
    color: #e82c0c
}

.alert-danger hr {
    border-top-color: transparent
}

.alert-danger .alert-link {
    color: #b82309
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

.progress {
    overflow: hidden;
    height: 21px;
    margin-bottom: 21px;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 13px;
    line-height: 21px;
    color: #fff;
    text-align: center;
    background-color: #4985b8;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6s ease;
    -moz-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease
}

.progress-striped .progress-bar,
.progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 40px 40px
}

.progress.active .progress-bar,
.progress-bar.active {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    -ms-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
    -webkit-transform-origin: %50;
    -o-transform-origin: %50;
    -ms-transform-origin: %50;
    transform-origin: %50
}

.progress-bar-success {
    background-color: #54b551
}

.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-info {
    background-color: #5bc0de
}

.progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-warning {
    background-color: #f0ad4e
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-danger {
    background-color: #d9534f
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.media {
    margin-top: 15px
}

.media:first-child {
    margin-top: 0
}

.media-right,
.media>.pull-right {
    padding-left: 10px
}

.media-left,
.media>.pull-left {
    padding-right: 10px
}

.media-left,
.media-right,
.media-body {
    display: table-cell;
    vertical-align: top
}

.media-middle {
    vertical-align: middle
}

.media-bottom {
    vertical-align: bottom
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.media-list {
    padding-left: 0;
    list-style: none
}

.list-group {
    margin-bottom: 20px;
    padding-left: 0
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd
}

.list-group-item:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

a.list-group-item {
    color: #555
}

a.list-group-item .list-group-item-heading {
    color: #333
}

a.list-group-item:hover,
a.list-group-item:focus {
    text-decoration: none;
    color: #555;
    background-color: #f5f5f5
}

.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
    background-color: #ccc;
    color: #777;
    cursor: not-allowed
}

.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
    color: inherit
}

.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
    color: #777
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    z-index: 2;
    color: #fff;
    background-color: #4985b8;
    border-color: #4985b8
}

.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading>small,
.list-group-item.active:hover .list-group-item-heading>small,
.list-group-item.active:focus .list-group-item-heading>small,
.list-group-item.active .list-group-item-heading>.small,
.list-group-item.active:hover .list-group-item-heading>.small,
.list-group-item.active:focus .list-group-item-heading>.small {
    color: inherit
}

.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
    color: #dce7f1
}

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8
}

a.list-group-item-success {
    color: #3c763d
}

a.list-group-item-success .list-group-item-heading {
    color: inherit
}

a.list-group-item-success:hover,
a.list-group-item-success:focus {
    color: #3c763d;
    background-color: #d0e9c6
}

a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d
}

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7
}

a.list-group-item-info {
    color: #31708f
}

a.list-group-item-info .list-group-item-heading {
    color: inherit
}

a.list-group-item-info:hover,
a.list-group-item-info:focus {
    color: #31708f;
    background-color: #c4e3f3
}

a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f
}

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3
}

a.list-group-item-warning {
    color: #8a6d3b
}

a.list-group-item-warning .list-group-item-heading {
    color: inherit
}

a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
    color: #8a6d3b;
    background-color: #faf2cc
}

a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b
}

.list-group-item-danger {
    color: #e82c0c;
    background-color: #fad5ce
}

a.list-group-item-danger {
    color: #e82c0c
}

a.list-group-item-danger .list-group-item-heading {
    color: inherit
}

a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
    color: #e82c0c;
    background-color: #f8c1b7
}

a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus {
    color: #fff;
    background-color: #e82c0c;
    border-color: #e82c0c
}

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3
}

.panel {
    margin-bottom: 21px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

.panel-body {
    padding: 15px
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.panel-heading>.dropdown .dropdown-toggle {
    color: inherit
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 17px;
    color: inherit
}

.panel-title>a {
    color: inherit
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel>.list-group,
.panel>.panel-collapse>.list-group {
    margin-bottom: 0
}

.panel>.list-group .list-group-item,
.panel>.panel-collapse>.list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0
}

.panel>.list-group:first-child .list-group-item:first-child,
.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.panel>.list-group:last-child .list-group-item:last-child,
.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel-heading+.list-group .list-group-item:first-child {
    border-top-width: 0
}

.list-group+.panel-footer {
    border-top-width: 0
}

.panel>.table,
.panel>.table-responsive>.table,
.panel>.panel-collapse>.table {
    margin-bottom: 0
}

.panel>.table caption,
.panel>.table-responsive>.table caption,
.panel>.panel-collapse>.table caption {
    padding-left: 15px;
    padding-right: 15px
}

.panel>.table:first-child,
.panel>.table-responsive:first-child>.table:first-child {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.panel>.table:first-child>thead:first-child>tr:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child {
    border-top-left-radius: 3px
}

.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child {
    border-top-right-radius: 3px
}

.panel>.table:last-child,
.panel>.table-responsive:last-child>.table:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
    border-bottom-left-radius: 3px
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
    border-bottom-right-radius: 3px
}

.panel>.panel-body+.table,
.panel>.panel-body+.table-responsive,
.panel>.table+.panel-body,
.panel>.table-responsive+.panel-body {
    border-top: 1px solid #ddd
}

.panel>.table>tbody:first-child>tr:first-child th,
.panel>.table>tbody:first-child>tr:first-child td {
    border-top: 0
}

.panel>.table-bordered,
.panel>.table-responsive>.table-bordered {
    border: 0
}

.panel>.table-bordered>thead>tr>th:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,
.panel>.table-bordered>tbody>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
.panel>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-bordered>thead>tr>td:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
.panel>.table-bordered>tbody>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
.panel>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child {
    border-left: 0
}

.panel>.table-bordered>thead>tr>th:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,
.panel>.table-bordered>tbody>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
.panel>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-bordered>thead>tr>td:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,
.panel>.table-bordered>tbody>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
.panel>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child {
    border-right: 0
}

.panel>.table-bordered>thead>tr:first-child>td,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,
.panel>.table-bordered>tbody>tr:first-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
.panel>.table-bordered>thead>tr:first-child>th,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,
.panel>.table-bordered>tbody>tr:first-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th {
    border-bottom: 0
}

.panel>.table-bordered>tbody>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
.panel>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-bordered>tbody>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
.panel>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
    border-bottom: 0
}

.panel>.table-responsive {
    border: 0;
    margin-bottom: 0
}

.panel-group {
    margin-bottom: 21px
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px
}

.panel-group .panel+.panel {
    margin-top: 5px
}

.panel-group .panel-heading {
    border-bottom: 0
}

.panel-group .panel-heading+.panel-collapse>.panel-body,
.panel-group .panel-heading+.panel-collapse>.list-group {
    border-top: 1px solid #ddd
}

.panel-group .panel-footer {
    border-top: 0
}

.panel-group .panel-footer+.panel-collapse .panel-body {
    border-bottom: 1px solid #ddd
}

.panel-default {
    border-color: #ddd
}

.panel-default>.panel-heading {
    color: #353535;
    background-color: #f5f5f5;
    border-color: #ddd
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ddd
}

.panel-default>.panel-heading .badge {
    color: #f5f5f5;
    background-color: #353535
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ddd
}

.panel-primary {
    border-color: #4985b8
}

.panel-primary>.panel-heading {
    color: #fff;
    background-color: #4985b8;
    border-color: #4985b8
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #4985b8
}

.panel-primary>.panel-heading .badge {
    color: #4985b8;
    background-color: #fff
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #4985b8
}

.panel-success {
    border-color: transparent
}

.panel-success>.panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: transparent
}

.panel-success>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: transparent
}

.panel-success>.panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d
}

.panel-success>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: transparent
}

.panel-info {
    border-color: transparent
}

.panel-info>.panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: transparent
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: transparent
}

.panel-info>.panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: transparent
}

.panel-warning {
    border-color: transparent
}

.panel-warning>.panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: transparent
}

.panel-warning>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: transparent
}

.panel-warning>.panel-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b
}

.panel-warning>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: transparent
}

.panel-danger {
    border-color: transparent
}

.panel-danger>.panel-heading {
    color: #e82c0c;
    background-color: #fad5ce;
    border-color: transparent
}

.panel-danger>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: transparent
}

.panel-danger>.panel-heading .badge {
    color: #fad5ce;
    background-color: #e82c0c
}

.panel-danger>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: transparent
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0
}

.embed-responsive.embed-responsive-16by9 {
    padding-bottom: 56.25%
}

.embed-responsive.embed-responsive-4by3 {
    padding-bottom: 75%
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05)
}

.well blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, .15)
}

.well-lg {
    padding: 24px;
    border-radius: 6px
}

.well-sm {
    padding: 9px;
    border-radius: 3px
}

.close {
    float: right;
    font-size: 22.5px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20)
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5;
    filter: alpha(opacity=50)
}

button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none
}

.modal-open {
    overflow: hidden
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    background-clip: padding-box;
    outline: 0
}

.modal-backdrop {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0)
}

.modal-backdrop.in {
    opacity: .5;
    filter: alpha(opacity=50)
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.43px
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 1.43
}

.modal-body {
    position: relative;
    padding: 20px
}

.modal-footer {
    padding: 20px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto
    }
    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
    }
    .modal-sm {
        width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px
    }
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.43;
    text-align: left;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    white-space: normal
}

.popover.top {
    margin-top: -10px
}

.popover.right {
    margin-left: 10px
}

.popover.bottom {
    margin-top: 10px
}

.popover.left {
    margin-left: -10px
}

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 15px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
}

.popover-content {
    padding: 9px 14px
}

.popover>.arrow,
.popover>.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover>.arrow {
    border-width: 11px
}

.popover>.arrow:after {
    border-width: 10px;
    content: ""
}

.popover.top>.arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, .25);
    bottom: -11px
}

.popover.top>.arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff
}

.popover.right>.arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, .25)
}

.popover.right>.arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #fff
}

.popover.bottom>.arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, .25);
    top: -11px
}

.popover.bottom>.arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff
}

.popover.left>.arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, .25)
}

.popover.left>.arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -10px
}

.carousel {
    position: relative
}

.carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%
}

.carousel-inner>.item {
    display: none;
    position: relative;
    -webkit-transition: .6s ease-in-out left;
    -moz-transition: .6s ease-in-out left;
    -o-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left
}

.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
    line-height: 1
}

@media all and (transform-3d),
(-webkit-transform-3d) {
    .carousel-inner>.item {
        transition: transform .6s ease-in-out;
        backface-visibility: hidden;
        perspective: 1000
    }
    .carousel-inner>.item.next,
    .carousel-inner>.item.active.right {
        transform: translate3d(100%, 0, 0);
        left: 0
    }
    .carousel-inner>.item.prev,
    .carousel-inner>.item.active.left {
        transform: translate3d(-100%, 0, 0);
        left: 0
    }
    .carousel-inner>.item.next.left,
    .carousel-inner>.item.prev.right,
    .carousel-inner>.item.active {
        transform: translate3d(0, 0, 0);
        left: 0
    }
}

.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev {
    display: block
}

.carousel-inner>.active {
    left: 0
}

.carousel-inner>.next,
.carousel-inner>.prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel-inner>.next {
    left: 100%
}

.carousel-inner>.prev {
    left: -100%
}

.carousel-inner>.next.left,
.carousel-inner>.prev.right {
    left: 0
}

.carousel-inner>.active.left {
    left: -100%
}

.carousel-inner>.active.right {
    left: 100%
}

.carousel-control {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 15%;
    opacity: .5;
    filter: alpha(opacity=50);
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}

.carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)
}

.carousel-control.right {
    left: auto;
    right: 0;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)
}

.carousel-control:hover,
.carousel-control:focus {
    outline: 0;
    color: #fff;
    text-decoration: none;
    opacity: .9;
    filter: alpha(opacity=90)
}

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block
}

.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
    left: 50%;
    margin-left: -10px
}

.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
    right: 50%;
    margin-right: -10px
}

.carousel-control .icon-prev,
.carousel-control .icon-next {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    font-family: serif
}

.carousel-control .icon-prev:before {
    content: '\2039'
}

.carousel-control .icon-next:before {
    content: '\203a'
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: transparent
}

.carousel-indicators .active {
    margin: 0;
    width: 12px;
    height: 12px;
    background-color: #fff
}

.carousel-caption {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 20px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}

.carousel-caption .btn {
    text-shadow: none
}

@media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        font-size: 30px
    }
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        margin-left: -15px
    }
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
        margin-right: -15px
    }
    .carousel-caption {
        left: 20%;
        right: 20%;
        padding-bottom: 30px
    }
    .carousel-indicators {
        bottom: 20px
    }
}

.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical>.btn-group:before,
.btn-group-vertical>.btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
    content: " ";
    display: table
}

.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical>.btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right!important
}

.pull-left {
    float: left!important
}

.hide {
    display: none!important
}

.show {
    display: block!important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none!important;
    visibility: hidden!important
}

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
    display: none!important
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
    display: none!important
}

@media (max-width: 767px) {
    .visible-xs {
        display: block!important
    }
    table.visible-xs {
        display: table
    }
    tr.visible-xs {
        display: table-row!important
    }
    th.visible-xs,
    td.visible-xs {
        display: table-cell!important
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
        display: block!important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline!important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block!important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block!important
    }
    table.visible-sm {
        display: table
    }
    tr.visible-sm {
        display: table-row!important
    }
    th.visible-sm,
    td.visible-sm {
        display: table-cell!important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block!important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline!important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block!important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block!important
    }
    table.visible-md {
        display: table
    }
    tr.visible-md {
        display: table-row!important
    }
    th.visible-md,
    td.visible-md {
        display: table-cell!important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block!important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline!important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block!important
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block!important
    }
    table.visible-lg {
        display: table
    }
    tr.visible-lg {
        display: table-row!important
    }
    th.visible-lg,
    td.visible-lg {
        display: table-cell!important
    }
}

@media (min-width: 1200px) {
    .visible-lg-block {
        display: block!important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline!important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block!important
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none!important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none!important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none!important
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none!important
    }
}

.visible-print {
    display: none!important
}

@media print {
    .visible-print {
        display: block!important
    }
    table.visible-print {
        display: table
    }
    tr.visible-print {
        display: table-row!important
    }
    th.visible-print,
    td.visible-print {
        display: table-cell!important
    }
}

.visible-print-block {
    display: none!important
}

@media print {
    .visible-print-block {
        display: block!important
    }
}

.visible-print-inline {
    display: none!important
}

@media print {
    .visible-print-inline {
        display: inline!important
    }
}

.visible-print-inline-block {
    display: none!important
}

@media print {
    .visible-print-inline-block {
        display: inline-block!important
    }
}

@media print {
    .hidden-print {
        display: none!important
    }
}

figure,
figcaption {
    display: block
}

.transition {
    -webkit-transition: top 400ms linear;
    -moz-transition: top 400ms linear;
    -ms-transition: top 400ms linear;
    -o-transition: top 400ms linear;
    transition: top 400ms linear
}

.timeTo {
    font-family: Tahoma, Verdana, Aial, sans-serif;
    font-size: 28px;
    line-height: 108%;
    font-weight: 700;
    height: 32px
}

.timeTo span {
    vertical-align: top
}

.timeTo.timeTo-white div {
    color: #000;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 38%, #ccc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(38%, #fff), color-stop(100%, #ccc));
    background: -webkit-linear-gradient(top, #fff 38%, #ccc 100%);
    background: -o-linear-gradient(top, #fff 38%, #ccc 100%);
    background: -ms-linear-gradient(top, #fff 38%, #ccc 100%);
    background: linear-gradient(to bottom, #fff 38%, #ccc 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc', GradientType=0)
}

.timeTo.timeTo-black div {
    color: #fff;
    background: #45484d;
    background: -moz-linear-gradient(top, #45484d 0, #000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #45484d), color-stop(100%, #000));
    background: -webkit-linear-gradient(top, #45484d 0, #000 100%);
    background: -o-linear-gradient(top, #45484d 0, #000 100%);
    background: -ms-linear-gradient(top, #45484d 0, #000 100%);
    background: linear-gradient(to bottom, #45484d 0, #000 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#45484d', endColorstr='#000000', GradientType=0)
}

.timeTo.timeTo-black .timeTo-alert {
    background: #a74444;
    background: -moz-linear-gradient(top, #a74444 0, #3f0000 67%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a74444), color-stop(67%, #3f0000));
    background: -webkit-linear-gradient(top, #a74444 0, #3f0000 67%);
    background: -o-linear-gradient(top, #a74444 0, #3f0000 67%);
    background: -ms-linear-gradient(top, #a74444 0, #3f0000 67%);
    background: linear-gradient(to bottom, #a74444 0, #3f0000 67%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#a74444', endColorstr='#3f0000', GradientType=0)
}

.timeTo.timeTo-white .timeTo-alert {
    background: #fff;
    background: -moz-linear-gradient(top, #fff 35%, #e17373 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(35%, #fff), color-stop(100%, #e17373));
    background: -webkit-linear-gradient(top, #fff 35%, #e17373 100%);
    background: -o-linear-gradient(top, #fff 35%, #e17373 100%);
    background: -ms-linear-gradient(top, #fff 35%, #e17373 100%);
    background: linear-gradient(to bottom, #fff 35%, #e17373 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e17373', GradientType=0)
}

.timeTo figure {
    display: inline-block;
    margin: 0;
    padding: 0
}

.timeTo figcaption {
    text-align: center;
    line-height: 80%;
    font-weight: 400;
    color: #888
}

.timeTo div {
    position: relative;
    display: inline-block;
    border-top: 1px solid silver;
    border-right: 1px solid silver;
    border-bottom: 1px solid silver;
    overflow: hidden
}

.timeTo div.first {
    border-left: 1px solid silver
}

.timeTo ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 3px
}

.timeTo ul li {
    margin: 0;
    padding: 0;
    list-style: none
}


/*!
 *  Font Awesome 3.2.1
 *  the iconic font designed for Bootstrap
 *  ------------------------------------------------------------------------------
 *  The full suite of pictographic icons, examples, and documentation can be
 *  found at http://fontawesome.io.  Stay up to date on Twitter at
 *  http://twitter.com/fontawesome.
 *
 *  License
 *  ------------------------------------------------------------------------------
 *  - The Font Awesome font is licensed under SIL OFL 1.1 -
 *    http://scripts.sil.org/OFL
 *  - Font Awesome CSS, LESS, and SASS files are licensed under MIT License -
 *    http://opensource.org/licenses/mit-license.html
 *  - Font Awesome documentation licensed under CC BY 3.0 -
 *    http://creativecommons.org/licenses/by/3.0/
 *  - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
 *    "Font Awesome by Dave Gandy - http://fontawesome.io"
 *
 *  Author - Dave Gandy
 *  ------------------------------------------------------------------------------
 *  Email: dave@fontawesome.io
 *  Twitter: http://twitter.com/byscuits
 *  Work: Lead Product Designer @ Kyruus - http://kyruus.com
 */

@font-face {
    font-family: FontAwesome;
    src: url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/font/fontawesome-webfont.eot?v=3.2.1);
    src: url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/font/fontawesome-webfont.eot?#iefix&v=3.2.1) format('embedded-opentype'), url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/font/fontawesome-webfont.woff?v=3.2.1) format('woff'), url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/font/fontawesome-webfont.ttf?v=3.2.1) format('truetype'), url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1) format('svg');
    font-weight: 400;
    font-style: normal
}

[class^=icon-],
[class*=" icon-"] {
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
}

[class^=icon-]:before,
[class*=" icon-"]:before {
    text-decoration: inherit;
    display: inline-block;
    speak: none
}

.icon-large:before {
    vertical-align: -10%;
    font-size: 1.33333333em
}

a [class^=icon-],
a [class*=" icon-"] {
    display: inline
}

[class^=icon-].icon-fixed-width,
[class*=" icon-"].icon-fixed-width {
    display: inline-block;
    width: 1.14285714em;
    text-align: right;
    padding-right: .28571429em
}

[class^=icon-].icon-fixed-width.icon-large,
[class*=" icon-"].icon-fixed-width.icon-large {
    width: 1.42857143em
}

.icons-ul {
    margin-left: 2.14285714em;
    list-style-type: none
}

.icons-ul>li {
    position: relative
}

.icons-ul .icon-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    text-align: center;
    line-height: inherit
}

[class^=icon-].hide,
[class*=" icon-"].hide {
    display: none
}

.icon-muted {
    color: #eee
}

.icon-light {
    color: #fff
}

.icon-dark {
    color: #333
}

.icon-border {
    border: solid 1px #eee;
    padding: .2em .25em .15em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.icon-2x {
    font-size: 2em
}

.icon-2x.icon-border {
    border-width: 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.icon-3x {
    font-size: 3em
}

.icon-3x.icon-border {
    border-width: 3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.icon-4x {
    font-size: 4em
}

.icon-4x.icon-border {
    border-width: 4px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

.icon-5x {
    font-size: 5em
}

.icon-5x.icon-border {
    border-width: 5px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

[class^=icon-].pull-left,
[class*=" icon-"].pull-left {
    margin-right: .3em
}

[class^=icon-].pull-right,
[class*=" icon-"].pull-right {
    margin-left: .3em
}

[class^=icon-],
[class*=" icon-"] {
    display: inline;
    width: auto;
    height: auto;
    line-height: normal;
    vertical-align: baseline;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    margin-top: 0
}

.icon-white,
.nav-pills>.active>a>[class^=icon-],
.nav-pills>.active>a>[class*=" icon-"],
.nav-list>.active>a>[class^=icon-],
.nav-list>.active>a>[class*=" icon-"],
.navbar-inverse .nav>.active>a>[class^=icon-],
.navbar-inverse .nav>.active>a>[class*=" icon-"],
.dropdown-menu>li>a:hover>[class^=icon-],
.dropdown-menu>li>a:hover>[class*=" icon-"],
.dropdown-menu>.active>a>[class^=icon-],
.dropdown-menu>.active>a>[class*=" icon-"],
.dropdown-submenu:hover>a>[class^=icon-],
.dropdown-submenu:hover>a>[class*=" icon-"] {
    background-image: none
}

.btn [class^=icon-].icon-large,
.nav [class^=icon-].icon-large,
.btn [class*=" icon-"].icon-large,
.nav [class*=" icon-"].icon-large {
    line-height: .9em
}

.btn [class^=icon-].icon-spin,
.nav [class^=icon-].icon-spin,
.btn [class*=" icon-"].icon-spin,
.nav [class*=" icon-"].icon-spin {
    display: inline-block
}

.nav-tabs [class^=icon-],
.nav-pills [class^=icon-],
.nav-tabs [class*=" icon-"],
.nav-pills [class*=" icon-"],
.nav-tabs [class^=icon-].icon-large,
.nav-pills [class^=icon-].icon-large,
.nav-tabs [class*=" icon-"].icon-large,
.nav-pills [class*=" icon-"].icon-large {
    line-height: .9em
}

.btn [class^=icon-].pull-left.icon-2x,
.btn [class*=" icon-"].pull-left.icon-2x,
.btn [class^=icon-].pull-right.icon-2x,
.btn [class*=" icon-"].pull-right.icon-2x {
    margin-top: .18em
}

.btn [class^=icon-].icon-spin.icon-large,
.btn [class*=" icon-"].icon-spin.icon-large {
    line-height: .8em
}

.btn.btn-small [class^=icon-].pull-left.icon-2x,
.btn.btn-small [class*=" icon-"].pull-left.icon-2x,
.btn.btn-small [class^=icon-].pull-right.icon-2x,
.btn.btn-small [class*=" icon-"].pull-right.icon-2x {
    margin-top: .25em
}

.btn.btn-large [class^=icon-],
.btn.btn-large [class*=" icon-"] {
    margin-top: 0
}

.btn.btn-large [class^=icon-].pull-left.icon-2x,
.btn.btn-large [class*=" icon-"].pull-left.icon-2x,
.btn.btn-large [class^=icon-].pull-right.icon-2x,
.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
    margin-top: .05em
}

.btn.btn-large [class^=icon-].pull-left.icon-2x,
.btn.btn-large [class*=" icon-"].pull-left.icon-2x {
    margin-right: .2em
}

.btn.btn-large [class^=icon-].pull-right.icon-2x,
.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
    margin-left: .2em
}

.nav-list [class^=icon-],
.nav-list [class*=" icon-"] {
    line-height: inherit
}

.icon-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: -35%
}

.icon-stack [class^=icon-],
.icon-stack [class*=" icon-"] {
    display: block;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    font-size: 1em;
    line-height: inherit;
}

.icon-stack .icon-stack-base {
    font-size: 2em;
}

.icon-spin {
    display: inline-block;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear
}

a .icon-stack,
a .icon-spin {
    display: inline-block;
    text-decoration: none
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg)
    }
    100% {
        -moz-transform: rotate(359deg)
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg)
    }
}

@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg)
    }
    100% {
        -o-transform: rotate(359deg)
    }
}

@-ms-keyframes spin {
    0% {
        -ms-transform: rotate(0deg)
    }
    100% {
        -ms-transform: rotate(359deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(359deg)
    }
}

.icon-rotate-90:before {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1)
}

.icon-rotate-180:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2)
}

.icon-rotate-270:before {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3)
}

.icon-flip-horizontal:before {
    -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.icon-flip-vertical:before {
    -webkit-transform: scale(1, -1);
    -moz-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    -o-transform: scale(1, -1);
    transform: scale(1, -1)
}

a .icon-rotate-90:before,
a .icon-rotate-180:before,
a .icon-rotate-270:before,
a .icon-flip-horizontal:before,
a .icon-flip-vertical:before {
    display: inline-block
}

.icon-glass:before {
    content: "\f000"
}

.icon-music:before {
    content: "\f001"
}

.icon-search:before {
    content: "\f002"
}

.icon-envelope-alt:before {
    content: "\f003"
}

.icon-heart:before {
    content: "\f004"
}

.icon-star:before {
    content: "\f005"
}

.icon-star-empty:before {
    content: "\f006"
}

.icon-user:before {
    content: "\f007"
}

.icon-film:before {
    content: "\f008"
}

.icon-th-large:before {
    content: "\f009"
}

.icon-th:before {
    content: "\f00a"
}

.icon-th-list:before {
    content: "\f00b"
}

.icon-ok:before {
    content: "\f00c"
}

.icon-remove:before {
    content: "\f00d"
}

.icon-zoom-in:before {
    content: "\f00e"
}

.icon-zoom-out:before {
    content: "\f010"
}

.icon-power-off:before,
.icon-off:before {
    content: "\f011"
}

.icon-signal:before {
    content: "\f012"
}

.icon-gear:before,
.icon-cog:before {
    content: "\f013"
}

.icon-trash:before {
    content: "\f014"
}

.icon-home:before {
    content: "\f015"
}

.icon-file-alt:before {
    content: "\f016"
}

.icon-time:before {
    content: "\f017"
}

.icon-road:before {
    content: "\f018"
}

.icon-download-alt:before {
    content: "\f019"
}

.icon-download:before {
    content: "\f01a"
}

.icon-upload:before {
    content: "\f01b"
}

.icon-inbox:before {
    content: "\f01c"
}

.icon-play-circle:before {
    content: "\f01d"
}

.icon-rotate-right:before,
.icon-repeat:before {
    content: "\f01e"
}

.icon-refresh:before {
    content: "\f021"
}

.icon-list-alt:before {
    content: "\f022"
}

.icon-lock:before {
    content: "\f023"
}

.icon-flag:before {
    content: "\f024"
}

.icon-headphones:before {
    content: "\f025"
}

.icon-volume-off:before {
    content: "\f026"
}

.icon-volume-down:before {
    content: "\f027"
}

.icon-volume-up:before {
    content: "\f028"
}

.icon-qrcode:before {
    content: "\f029"
}

.icon-barcode:before {
    content: "\f02a"
}

.icon-tag:before {
    content: "\f02b"
}

.icon-tags:before {
    content: "\f02c"
}

.icon-book:before {
    content: "\f02d"
}

.icon-bookmark:before {
    content: "\f02e"
}

.icon-print:before {
    content: "\f02f"
}

.icon-camera:before {
    content: "\f030"
}

.icon-font:before {
    content: "\f031"
}

.icon-bold:before {
    content: "\f032"
}

.icon-italic:before {
    content: "\f033"
}

.icon-text-height:before {
    content: "\f034"
}

.icon-text-width:before {
    content: "\f035"
}

.icon-align-left:before {
    content: "\f036"
}

.icon-align-center:before {
    content: "\f037"
}

.icon-align-right:before {
    content: "\f038"
}

.icon-align-justify:before {
    content: "\f039"
}

.icon-list:before {
    content: "\f03a"
}

.icon-indent-left:before {
    content: "\f03b"
}

.icon-indent-right:before {
    content: "\f03c"
}

.icon-facetime-video:before {
    content: "\f03d"
}

.icon-picture:before {
    content: "\f03e"
}

.icon-pencil:before {
    content: "\f040"
}

.icon-map-marker:before {
    content: "\f041"
}

.icon-adjust:before {
    content: "\f042"
}

.icon-tint:before {
    content: "\f043"
}

.icon-edit:before {
    content: "\f044"
}

.icon-share:before {
    content: "\f045"
}

.icon-check:before {
    content: "\f046"
}

.icon-move:before {
    content: "\f047"
}

.icon-step-backward:before {
    content: "\f048"
}

.icon-fast-backward:before {
    content: "\f049"
}

.icon-backward:before {
    content: "\f04a"
}

.icon-play:before {
    content: "\f04b"
}

.icon-pause:before {
    content: "\f04c"
}

.icon-stop:before {
    content: "\f04d"
}

.icon-forward:before {
    content: "\f04e"
}

.icon-fast-forward:before {
    content: "\f050"
}

.icon-step-forward:before {
    content: "\f051"
}

.icon-eject:before {
    content: "\f052"
}

.icon-chevron-left:before {
    content: "\f053"
}

.icon-chevron-right:before {
    content: "\f054"
}

.icon-plus-sign:before {
    content: "\f055"
}

.icon-minus-sign:before {
    content: "\f056"
}

.icon-remove-sign:before {
    content: "\f057"
}

.icon-ok-sign:before {
    content: "\f058"
}

.icon-question-sign:before {
    content: "\f059"
}

.icon-info-sign:before {
    content: "\f05a"
}

.icon-screenshot:before {
    content: "\f05b"
}

.icon-remove-circle:before {
    content: "\f05c"
}

.icon-ok-circle:before {
    content: "\f05d"
}

.icon-ban-circle:before {
    content: "\f05e"
}

.icon-arrow-left:before {
    content: "\f060"
}

.icon-arrow-right:before {
    content: "\f061"
}

.icon-arrow-up:before {
    content: "\f062"
}

.icon-arrow-down:before {
    content: "\f063"
}

.icon-mail-forward:before,
.icon-share-alt:before {
    content: "\f064"
}

.icon-resize-full:before {
    content: "\f065"
}

.icon-resize-small:before {
    content: "\f066"
}

.icon-plus:before {
    content: "\f067"
}

.icon-minus:before {
    content: "\f068"
}

.icon-asterisk:before {
    content: "\f069"
}

.icon-exclamation-sign:before {
    content: "\f06a"
}

.icon-gift:before {
    content: "\f06b"
}

.icon-leaf:before {
    content: "\f06c"
}

.icon-fire:before {
    content: "\f06d"
}

.icon-eye-open:before {
    content: "\f06e"
}

.icon-eye-close:before {
    content: "\f070"
}

.icon-warning-sign:before {
    content: "\f071"
}

.icon-plane:before {
    content: "\f072"
}

.icon-calendar:before {
    content: "\f073"
}

.icon-random:before {
    content: "\f074"
}

.icon-comment:before {
    content: "\f075"
}

.icon-magnet:before {
    content: "\f076"
}

.icon-chevron-up:before {
    content: "\f077"
}

.icon-chevron-down:before {
    content: "\f078"
}

.icon-retweet:before {
    content: "\f079"
}

.icon-shopping-cart:before {
    content: "\f07a"
}

.icon-folder-close:before {
    content: "\f07b"
}

.icon-folder-open:before {
    content: "\f07c"
}

.icon-resize-vertical:before {
    content: "\f07d"
}

.icon-resize-horizontal:before {
    content: "\f07e"
}

.icon-bar-chart:before {
    content: "\f080"
}

.icon-twitter-sign:before {
    content: "\f081"
}

.icon-facebook-sign:before {
    content: "\f082"
}

.icon-camera-retro:before {
    content: "\f083"
}

.icon-key:before {
    content: "\f084"
}

.icon-gears:before,
.icon-cogs:before {
    content: "\f085"
}

.icon-comments:before {
    content: "\f086"
}

.icon-thumbs-up-alt:before {
    content: "\f087"
}

.icon-thumbs-down-alt:before {
    content: "\f088"
}

.icon-star-half:before {
    content: "\f089"
}

.icon-heart-empty:before {
    content: "\f08a"
}

.icon-signout:before {
    content: "\f08b"
}

.icon-linkedin-sign:before {
    content: "\f08c"
}

.icon-pushpin:before {
    content: "\f08d"
}

.icon-external-link:before {
    content: "\f08e"
}

.icon-signin:before {
    content: "\f090"
}

.icon-trophy:before {
    content: "\f091"
}

.icon-github-sign:before {
    content: "\f092"
}

.icon-upload-alt:before {
    content: "\f093"
}

.icon-lemon:before {
    content: "\f094"
}

.icon-phone:before {
    content: "\f095"
}

.icon-unchecked:before,
.icon-check-empty:before {
    content: "\f096"
}

.icon-bookmark-empty:before {
    content: "\f097"
}

.icon-phone-sign:before {
    content: "\f098"
}

.icon-twitter:before {
    content: "\f099"
}

.icon-facebook:before {
    content: "\f09a"
}

.icon-github:before {
    content: "\f09b"
}

.icon-unlock:before {
    content: "\f09c"
}

.icon-credit-card:before {
    content: "\f09d"
}

.icon-rss:before {
    content: "\f09e"
}

.icon-hdd:before {
    content: "\f0a0"
}

.icon-bullhorn:before {
    content: "\f0a1"
}

.icon-bell:before {
    content: "\f0a2"
}

.icon-certificate:before {
    content: "\f0a3"
}

.icon-hand-right:before {
    content: "\f0a4"
}

.icon-hand-left:before {
    content: "\f0a5"
}

.icon-hand-up:before {
    content: "\f0a6"
}

.icon-hand-down:before {
    content: "\f0a7"
}

.icon-circle-arrow-left:before {
    content: "\f0a8"
}

.icon-circle-arrow-right:before {
    content: "\f0a9"
}

.icon-circle-arrow-up:before {
    content: "\f0aa"
}

.icon-circle-arrow-down:before {
    content: "\f0ab"
}

.icon-globe:before {
    content: "\f0ac"
}

.icon-wrench:before {
    content: "\f0ad"
}

.icon-tasks:before {
    content: "\f0ae"
}

.icon-filter:before {
    content: "\f0b0"
}

.icon-briefcase:before {
    content: "\f0b1"
}

.icon-fullscreen:before {
    content: "\f0b2"
}

.icon-group:before {
    content: "\f0c0"
}

.icon-link:before {
    content: "\f0c1"
}

.icon-cloud:before {
    content: "\f0c2"
}

.icon-beaker:before {
    content: "\f0c3"
}

.icon-cut:before {
    content: "\f0c4"
}

.icon-copy:before {
    content: "\f0c5"
}

.icon-paperclip:before,
.icon-paper-clip:before {
    content: "\f0c6"
}

.icon-save:before {
    content: "\f0c7"
}

.icon-sign-blank:before {
    content: "\f0c8"
}

.icon-reorder:before {
    content: "\f0c9"
}

.icon-list-ul:before {
    content: "\f0ca"
}

.icon-list-ol:before {
    content: "\f0cb"
}

.icon-strikethrough:before {
    content: "\f0cc"
}

.icon-underline:before {
    content: "\f0cd"
}

.icon-table:before {
    content: "\f0ce"
}

.icon-magic:before {
    content: "\f0d0"
}

.icon-truck:before {
    content: "\f0d1"
}

.icon-pinterest:before {
    content: "\f0d2"
}

.icon-pinterest-sign:before {
    content: "\f0d3"
}

.icon-google-plus-sign:before {
    content: "\f0d4"
}

.icon-google-plus:before {
    content: "\f0d5"
}

.icon-money:before {
    content: "\f0d6"
}

.icon-caret-down:before {
    content: "\f0d7"
}

.icon-caret-up:before {
    content: "\f0d8"
}

.icon-caret-left:before {
    content: "\f0d9"
}

.icon-caret-right:before {
    content: "\f0da"
}

.icon-columns:before {
    content: "\f0db"
}

.icon-sort:before {
    content: "\f0dc"
}

.icon-sort-down:before {
    content: "\f0dd"
}

.icon-sort-up:before {
    content: "\f0de"
}

.icon-envelope:before {
    content: "\f0e0"
}

.icon-linkedin:before {
    content: "\f0e1"
}

.icon-rotate-left:before,
.icon-undo:before {
    content: "\f0e2"
}

.icon-legal:before {
    content: "\f0e3"
}

.icon-dashboard:before {
    content: "\f0e4"
}

.icon-comment-alt:before {
    content: "\f0e5"
}

.icon-comments-alt:before {
    content: "\f0e6"
}

.icon-bolt:before {
    content: "\f0e7"
}

.icon-sitemap:before {
    content: "\f0e8"
}

.icon-umbrella:before {
    content: "\f0e9"
}

.icon-paste:before {
    content: "\f0ea"
}

.icon-lightbulb:before {
    content: "\f0eb"
}

.icon-exchange:before {
    content: "\f0ec"
}

.icon-cloud-download:before {
    content: "\f0ed"
}

.icon-cloud-upload:before {
    content: "\f0ee"
}

.icon-user-md:before {
    content: "\f0f0"
}

.icon-stethoscope:before {
    content: "\f0f1"
}

.icon-suitcase:before {
    content: "\f0f2"
}

.icon-bell-alt:before {
    content: "\f0f3"
}

.icon-coffee:before {
    content: "\f0f4"
}

.icon-food:before {
    content: "\f0f5"
}

.icon-file-text-alt:before {
    content: "\f0f6"
}

.icon-building:before {
    content: "\f0f7"
}

.icon-hospital:before {
    content: "\f0f8"
}

.icon-ambulance:before {
    content: "\f0f9"
}

.icon-medkit:before {
    content: "\f0fa"
}

.icon-fighter-jet:before {
    content: "\f0fb"
}

.icon-beer:before {
    content: "\f0fc"
}

.icon-h-sign:before {
    content: "\f0fd"
}

.icon-plus-sign-alt:before {
    content: "\f0fe"
}

.icon-double-angle-left:before {
    content: "\f100"
}

.icon-double-angle-right:before {
    content: "\f101"
}

.icon-double-angle-up:before {
    content: "\f102"
}

.icon-double-angle-down:before {
    content: "\f103"
}

.icon-angle-left:before {
    content: "\f104"
}

.icon-angle-right:before {
    content: "\f105"
}

.icon-angle-up:before {
    content: "\f106"
}

.icon-angle-down:before {
    content: "\f107"
}

.icon-desktop:before {
    content: "\f108"
}

.icon-laptop:before {
    content: "\f109"
}

.icon-tablet:before {
    content: "\f10a"
}

.icon-mobile-phone:before {
    content: "\f10b"
}

.icon-circle-blank:before {
    content: "\f10c"
}

.icon-quote-left:before {
    content: "\f10d"
}

.icon-quote-right:before {
    content: "\f10e"
}

.icon-spinner:before {
    content: "\f110"
}

.icon-circle:before {
    content: "\f111"
}

.icon-mail-reply:before,
.icon-reply:before {
    content: "\f112"
}

.icon-github-alt:before {
    content: "\f113"
}

.icon-folder-close-alt:before {
    content: "\f114"
}

.icon-folder-open-alt:before {
    content: "\f115"
}

.icon-expand-alt:before {
    content: "\f116"
}

.icon-collapse-alt:before {
    content: "\f117"
}

.icon-smile:before {
    content: "\f118"
}

.icon-frown:before {
    content: "\f119"
}

.icon-meh:before {
    content: "\f11a"
}

.icon-gamepad:before {
    content: "\f11b"
}

.icon-keyboard:before {
    content: "\f11c"
}

.icon-flag-alt:before {
    content: "\f11d"
}

.icon-flag-checkered:before {
    content: "\f11e"
}

.icon-terminal:before {
    content: "\f120"
}

.icon-code:before {
    content: "\f121"
}

.icon-reply-all:before {
    content: "\f122"
}

.icon-mail-reply-all:before {
    content: "\f122"
}

.icon-star-half-full:before,
.icon-star-half-empty:before {
    content: "\f123"
}

.icon-location-arrow:before {
    content: "\f124"
}

.icon-crop:before {
    content: "\f125"
}

.icon-code-fork:before {
    content: "\f126"
}

.icon-unlink:before {
    content: "\f127"
}

.icon-question:before {
    content: "\f128"
}

.icon-info:before {
    content: #5bc0de
}

.icon-exclamation:before {
    content: "\f12a"
}

.icon-superscript:before {
    content: "\f12b"
}

.icon-subscript:before {
    content: "\f12c"
}

.icon-eraser:before {
    content: "\f12d"
}

.icon-puzzle-piece:before {
    content: "\f12e"
}

.icon-microphone:before {
    content: "\f130"
}

.icon-microphone-off:before {
    content: "\f131"
}

.icon-shield:before {
    content: "\f132"
}

.icon-calendar-empty:before {
    content: "\f133"
}

.icon-fire-extinguisher:before {
    content: "\f134"
}

.icon-rocket:before {
    content: "\f135"
}

.icon-maxcdn:before {
    content: "\f136"
}

.icon-chevron-sign-left:before {
    content: "\f137"
}

.icon-chevron-sign-right:before {
    content: "\f138"
}

.icon-chevron-sign-up:before {
    content: "\f139"
}

.icon-chevron-sign-down:before {
    content: "\f13a"
}

.icon-html5:before {
    content: "\f13b"
}

.icon-css3:before {
    content: "\f13c"
}

.icon-anchor:before {
    content: "\f13d"
}

.icon-unlock-alt:before {
    content: "\f13e"
}

.icon-bullseye:before {
    content: "\f140"
}

.icon-ellipsis-horizontal:before {
    content: "\f141"
}

.icon-ellipsis-vertical:before {
    content: "\f142"
}

.icon-rss-sign:before {
    content: "\f143"
}

.icon-play-sign:before {
    content: "\f144"
}

.icon-ticket:before {
    content: "\f145"
}

.icon-minus-sign-alt:before {
    content: "\f146"
}

.icon-check-minus:before {
    content: "\f147"
}

.icon-level-up:before {
    content: "\f148"
}

.icon-level-down:before {
    content: "\f149"
}

.icon-check-sign:before {
    content: "\f14a"
}

.icon-edit-sign:before {
    content: "\f14b"
}

.icon-external-link-sign:before {
    content: "\f14c"
}

.icon-share-sign:before {
    content: "\f14d"
}

.icon-compass:before {
    content: "\f14e"
}

.icon-collapse:before {
    content: "\f150"
}

.icon-collapse-top:before {
    content: "\f151"
}

.icon-expand:before {
    content: "\f152"
}

.icon-euro:before,
.icon-eur:before {
    content: "\f153"
}

.icon-gbp:before {
    content: "\f154"
}

.icon-dollar:before,
.icon-usd:before {
    content: "\f155"
}

.icon-rupee:before,
.icon-inr:before {
    content: "\f156"
}

.icon-yen:before,
.icon-jpy:before {
    content: "\f157"
}

.icon-renminbi:before,
.icon-cny:before {
    content: "\f158"
}

.icon-won:before,
.icon-krw:before {
    content: "\f159"
}

.icon-bitcoin:before,
.icon-btc:before {
    content: "\f15a"
}

.icon-file:before {
    content: "\f15b"
}

.icon-file-text:before {
    content: "\f15c"
}

.icon-sort-by-alphabet:before {
    content: "\f15d"
}

.icon-sort-by-alphabet-alt:before {
    content: "\f15e"
}

.icon-sort-by-attributes:before {
    content: "\f160"
}

.icon-sort-by-attributes-alt:before {
    content: "\f161"
}

.icon-sort-by-order:before {
    content: "\f162"
}

.icon-sort-by-order-alt:before {
    content: "\f163"
}

.icon-thumbs-up:before {
    content: "\f164"
}

.icon-thumbs-down:before {
    content: "\f165"
}

.icon-youtube-sign:before {
    content: "\f166"
}

.icon-youtube:before {
    content: "\f167"
}

.icon-xing:before {
    content: "\f168"
}

.icon-xing-sign:before {
    content: "\f169"
}

.icon-youtube-play:before {
    content: "\f16a"
}

.icon-dropbox:before {
    content: "\f16b"
}

.icon-stackexchange:before {
    content: "\f16c"
}

.icon-instagram:before {
    content: "\f16d"
}

.icon-flickr:before {
    content: "\f16e"
}

.icon-adn:before {
    content: "\f170"
}

.icon-bitbucket:before {
    content: "\f171"
}

.icon-bitbucket-sign:before {
    content: "\f172"
}

.icon-tumblr:before {
    content: "\f173"
}

.icon-tumblr-sign:before {
    content: "\f174"
}

.icon-long-arrow-down:before {
    content: "\f175"
}

.icon-long-arrow-up:before {
    content: "\f176"
}

.icon-long-arrow-left:before {
    content: "\f177"
}

.icon-long-arrow-right:before {
    content: "\f178"
}

.icon-apple:before {
    content: "\f179"
}

.icon-windows:before {
    content: "\f17a"
}

.icon-android:before {
    content: "\f17b"
}

.icon-linux:before {
    content: "\f17c"
}

.icon-dribbble:before {
    content: "\f17d"
}

.icon-skype:before {
    content: "\f17e"
}

.icon-foursquare:before {
    content: "\f180"
}

.icon-trello:before {
    content: "\f181"
}

.icon-female:before {
    content: "\f182"
}

.icon-male:before {
    content: "\f183"
}

.icon-gittip:before {
    content: "\f184"
}

.icon-sun:before {
    content: "\f185"
}

.icon-moon:before {
    content: "\f186"
}

.icon-archive:before {
    content: "\f187"
}

.icon-bug:before {
    content: "\f188"
}

.icon-vk:before {
    content: "\f189"
}

.icon-weibo:before {
    content: "\f18a"
}

.icon-renren:before {
    content: "\f18b"
}

.btn {
    border: 0;
    border-radius: 3px
}

.btn:active,
.btn.active {
    box-shadow: none
}

.btn-shadowed {
    font-weight: 700;
    border-radius: 5px;
    box-shadow: 0 -3px 0 rgba(0, 0, 0, .2) inset;
    text-transform: uppercase
}

.btn-group .dropdown-menu:before {
    content: '';
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    background: #fff;
    top: 0;
    left: 10px;
    box-shadow: -1px -1px rgba(0, 0, 0, .15);
    z-index: -1;
    margin-top: -4px
}

.btn-group .dropdown-menu.pull-right:before {
    left: auto;
    right: 10px
}

.btn-group .dropdown-menu .divider {
    margin: 2px 0
}

.btn-group a.dropdown-toggle:focus {
    color: #fff
}

.btn-group.open-on-hover .dropdown-menu {
    margin-top: -5px
}

.btn-group.open-on-hover:hover .dropdown-menu {
    display: block
}

.btn-group.no-arrow .dropdown-menu:before {
    display: none
}

.dropdown.open-on-hover:hover .dropdown-menu {
    display: block
}

.dropdown-submenu {
    position: relative
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px
}

.dropdown-submenu.pull-left {
    float: none!important
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: auto;
    right: 100%
}

.btn-group.open .dropdown-toggle {
    box-shadow: none
}

.btn-group.dropup .dropdown-menu:before {
    top: auto;
    bottom: -4px;
    box-shadow: 1px 1px rgba(0, 0, 0, .05)
}

[lang=es] .dropdown-menu {
    font-size: 13px
}

input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color],
textarea {
    -webkit-appearance: none;
    padding: 4px 6px;
    border: 1px solid #ccc
}

input[type=text]:focus,
input[type=password]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=time]:focus,
input[type=week]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=color]:focus,
textarea:focus {
    outline-width: 3px
}

textarea {
    display: block
}

select {
    border-radius: 0;
    border-color: #a9a9a9;
    height: 30px
}

#redactor-droparea-placeholder input[type=file] {
    display: inline-block
}

.badge-danger {
    background-color: #d9534f
}

.badge-danger[href]:hover,
.badge-danger[href]:focus {
    background-color: #c9302c
}

.tab-content {
    border: 1px solid #ddd;
    background: #fff;
    border-top: none;
    border-radius: 0 0 4px 4px
}

img {
    max-width: 100%;
    width: auto\9;
    height: auto;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic
}

.muted {
    color: #777
}

a.muted:hover,
a.muted:focus {
    color: #5e5e5e
}

.line-through {
    position: relative
}

.line-through:after {
    border-bottom: 4px solid;
    content: "";
    left: 0;
    position: absolute;
    top: 50%;
    width: 100%
}

@media (min-width: 768px) {
    .modal-dialog {
        margin-top: 70px
    }
}

.modal-header .close {
    padding: 10px;
    margin-top: -10px;
    margin-right: -10px
}

.tc {
    text-align: center
}

.tc-force {
    text-align: center!important
}

.tac {
    text-align: center
}

.tac-force {
    text-align: center!important
}

.tal {
    text-align: left
}

.tal-force {
    text-align: left!important
}

.tar {
    text-align: right
}

.tar-force {
    text-align: right!important
}

.ti {
    text-indent: -999em
}

.ti-force {
    text-indent: -999em!important
}

.fn {
    float: none
}

.fn-force {
    float: none!important
}

.fr {
    float: right
}

.fr-force {
    float: right!important
}

.fl {
    float: left
}

.fl-force {
    float: left!important
}

.ita {
    font-style: italic
}

.ita-force {
    font-style: italic!important
}

.fsn {
    font-style: normal
}

.fsn-force {
    font-style: normal!important
}

.db {
    display: block
}

.db-force {
    display: block!important
}

.show {
    display: block
}

.show-force {
    display: block!important
}

.dib {
    display: inline-block
}

.dib-force {
    display: inline-block!important
}

.dn {
    display: none
}

.dn-force {
    display: none!important
}

.hide {
    display: none
}

.hide-force {
    display: none!important
}

.hidden {
    display: none
}

.hidden-force {
    display: none!important
}

.holder {
    display: none
}

.holder-force {
    display: none!important
}

.oh {
    overflow: hidden
}

.oh-force {
    overflow: hidden!important
}

.oa {
    overflow: auto
}

.oa-force {
    overflow: auto!important
}

.pos-s {
    position: static
}

.pos-s-force {
    position: static!important
}

.pos-r {
    position: relative
}

.pos-r-force {
    position: relative!important
}

.relative {
    position: relative
}

.relative-force {
    position: relative!important
}

.pos-a {
    position: absolute
}

.pos-a-force {
    position: absolute!important
}

.pos-f {
    position: fixed
}

.pos-f-force {
    position: fixed!important
}

.bs-dashed {
    border-style: dashed
}

.bs-dashed-force {
    border-style: dashed!important
}

.mha {
    min-height: 0
}

.mha-force {
    min-height: 0!important
}

.ha {
    height: auto
}

.ha-force {
    height: auto!important
}

.h52 {
    height: 52px
}

.h52-force {
    height: 52px!important
}

.h70 {
    height: 70px
}

.h70-force {
    height: 70px!important
}

.h100p {
    height: 100%
}

.h100p-force {
    height: 100%!important
}

.left0 {
    left: 0
}

.left0-force {
    left: 0!important
}

.top0 {
    top: 0
}

.top0-force {
    top: 0!important
}

.right0 {
    right: 0
}

.right0-force {
    right: 0!important
}

.bottom0 {
    bottom: 0
}

.bottom0-force {
    bottom: 0!important
}

.w240 {
    width: 240px
}

.w240-force {
    width: 240px!important
}

.w300 {
    width: 300px
}

.w300-force {
    width: 300px!important
}

.w100p {
    width: 100%
}

.w100p-force {
    width: 100%!important
}

.w140 {
    width: 140px
}

.w140-force {
    width: 140px!important
}

.w50p {
    width: 50%
}

.w50p-force {
    width: 50%!important
}

.w40p {
    width: 40%
}

.w40p-force {
    width: 40%!important
}

.mw100 {
    max-width: 100%
}

.mw100-force {
    max-width: 100%!important
}

.mw280 {
    max-width: 280px
}

.mw280-force {
    max-width: 280px!important
}

.mw560 {
    max-width: 560px
}

.mw560-force {
    max-width: 560px!important
}

.half-width {
    width: 50%
}

.half-width-force {
    width: 50%!important
}

.cleft {
    clear: left
}

.cleft-force {
    clear: left!important
}

.ma {
    margin: auto
}

.ma-force {
    margin: auto!important
}

.mla {
    margin-left: auto
}

.mla-force {
    margin-left: auto!important
}

.mra {
    margin-right: auto
}

.mra-force {
    margin-right: auto!important
}

.mt-50 {
    margin-top: 50px
}

.mt-50-force {
    margin-top: 50px!important
}

.mt0 {
    margin-top: 0
}

.mt0-force {
    margin-top: 0!important
}

.left50p {
    left: 50%
}

.left50p-force {
    left: 50%!important
}

.top50p {
    top: 50%
}

.top50p-force {
    top: 50%!important
}

.ml-30 {
    margin-left: -30px
}

.ml-30-force {
    margin-left: -30px!important
}

.mt-30 {
    margin-top: -30px
}

.mt-30-force {
    margin-top: -30px!important
}

.fs60 {
    font-size: 60px
}

.fs60-force {
    font-size: 60px!important
}

.fs50 {
    font-size: 50px
}

.fs50-force {
    font-size: 50px!important
}

.fs52 {
    font-size: 52px
}

.fs52-force {
    font-size: 52px!important
}

.mw800 {
    max-width: 800px
}

.mw800-force {
    max-width: 800px!important
}

.mw500 {
    max-width: 500px
}

.mw500-force {
    max-width: 500px!important
}

.p3 {
    padding: 3px
}

.p3-force {
    padding: 3px!important
}

.wa {
    width: auto
}

.wa-force {
    width: auto!important
}

.top-10 {
    top: -10px
}

.top-10-force {
    top: -10px!important
}

#AWIN_CDT {
    position: absolute
}

.lh8 {
    line-height: .8
}

.mw8 {
    max-width: 8px
}

.br8 {
    border-radius: 8px
}

.lh9 {
    line-height: .9
}

.mw9 {
    max-width: 9px
}

.br9 {
    border-radius: 9px
}

.lh10 {
    line-height: 1
}

.mw10 {
    max-width: 10px
}

.br10 {
    border-radius: 10px
}

.lh11 {
    line-height: 1.1
}

.mw11 {
    max-width: 11px
}

.br11 {
    border-radius: 11px
}

.lh12 {
    line-height: 1.2
}

.mw12 {
    max-width: 12px
}

.br12 {
    border-radius: 12px
}

.lh13 {
    line-height: 1.3
}

.mw13 {
    max-width: 13px
}

.br13 {
    border-radius: 13px
}

.lh14 {
    line-height: 1.4
}

.mw14 {
    max-width: 14px
}

.br14 {
    border-radius: 14px
}

.lh15 {
    line-height: 1.5
}

.mw15 {
    max-width: 15px
}

.br15 {
    border-radius: 15px
}

.lh16 {
    line-height: 1.6
}

.mw16 {
    max-width: 16px
}

.br16 {
    border-radius: 16px
}

.lh17 {
    line-height: 1.7
}

.mw17 {
    max-width: 17px
}

.br17 {
    border-radius: 17px
}

.lh18 {
    line-height: 1.8
}

.mw18 {
    max-width: 18px
}

.br18 {
    border-radius: 18px
}

.lh19 {
    line-height: 1.9
}

.mw19 {
    max-width: 19px
}

.br19 {
    border-radius: 19px
}

.preserve3d {
    -webkit-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.flex-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    width: 100%
}

.fxw,
.df {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.dif {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.flex,
.fx {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 1px
}

.aic {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.fxdirc {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.display-flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start
}

.flex-align-center,
.fxac {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.flex-ac {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.flex-ae {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end
}

.flex-justify-center,
.fxjc {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.fxjsa {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-justify-content: space-around;
    -ms-flex-pack: space-around;
    justify-content: space-around
}

.fxjsb {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify
}

.fxae {
    -webkit-box-align: center;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end
}

.fxdc {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.fxje {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: end
}

.fxc {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.fxwrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

a {
    outline: 0!important;
    font-weight: 400
}

a:hover,
a:focus {
    text-decoration: none
}

strong,
strong a {
    font-weight: 700
}

ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.hideItem {
    visibility: hidden;
    opacity: 0
}

.force-hideItem {
    visibility: hidden!important;
    opacity: 0!important
}

.showItem {
    visibility: visible;
    opacity: 1
}

.hidden {
    display: none
}

form {
    margin-bottom: 0
}

#lmkbrttt {
    display: none
}

.wbv {
    -webkit-backface-visibility: hidden
}

.style-reseter,
.style-reseter * {
    background: 0 0;
    margin: 0;
    padding: 0;
    border: 0
}

.cursor-default {
    cursor: default!important
}

.force-style-reseter {
    background: none!important;
    margin: 0!important;
    padding: 0!important;
    border: 0!important;
    box-shadow: none!important
}

.container .row {
    position: relative
}

h1.thin {
    text-align: center;
    font-size: 36px;
    font-weight: 300;
    color: #333
}

h2.thin {
    color: #444;
    font-size: 16px;
    font-weight: 400;
    opacity: .7
}

.overflow-hidden {
    overflow: hidden!important
}

.fadeOut {
    visibility: hidden;
    opacity: 0
}

.fadeIn {
    visibility: visible;
    opacity: 1
}

.position-hide {
    position: absolute;
    visibility: hidden
}

.slide-up {
    height: 0;
    visibility: hidden;
    display: block;
    padding: 0;
    opacity: 0;
    margin: 0;
    border-width: 0
}

.slide-down {
    visibility: visible;
    opacity: 1
}

.fixed {
    position: fixed!important
}

.fixed-to-bottom {
    position: absolute!important;
    top: auto!important;
    bottom: 0!important
}

.ellipsis {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.nowrap {
    white-space: nowrap
}

.file-asset-box {
    width: 100%;
    height: 100%;
    min-height: 240px;
    background: #fff;
    text-align: center;
    padding: 20px
}

.file-asset-box img {
    width: 256px;
    height: 256px;
    max-height: 100%
}

.bordered-thumb {
    display: block;
    border: 1px solid #666;
    overflow: hidden;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .3) inset, 0 1px 3px rgba(0, 0, 0, .45);
    width: 45px;
    height: 45px;
    background-position: center;
    background-size: cover
}

.side-lined {
    position: relative
}

.side-lined:before,
.side-lined:after {
    content: '';
    width: 30%;
    height: 1px;
    background: #e5e5e5;
    position: absolute;
    left: 0;
    top: 50%
}

.side-lined:after {
    left: auto;
    right: 0
}

.side-lined span {
    background: #edeff1;
    position: relative;
    z-index: 1;
    padding: 0 10px
}

.black-bordered-popup {
    box-shadow: 0 0 0 4px #000
}

@media (max-width: 767px) {
    .flex-col-xs {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .flex-col-sm {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .flex-col-md {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.ase {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 1px;
    align-self: flex-end
}

.webkit-mask {
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC)
}

.table {
    display: table;
    width: 100%;
    margin: 0
}

.table-row {
    display: table-row
}

.tb {
    display: table-row!important
}

.cell {
    display: table-cell;
    vertical-align: middle;
    float: none!important
}

.table-container {
    display: table;
    width: 100%;
    margin: 0
}

.table-container>* {
    display: table-row
}

.table-container>*>* {
    display: table-cell;
    vertical-align: middle;
    float: none!important
}

.table-cell {
    display: table;
    width: 100%;
    margin: 0
}

.table-cell>* {
    display: table-cell;
    vertical-align: middle;
    float: none!important
}

.wkm {
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC)
}

.stretchy-wrapper {
    width: 100%;
    padding-bottom: 56.25%;
    position: relative
}

.stretchy-wrapper>div,
.stretchy-wrapper .stretch,
.stretchy-wrapper iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%!important;
    height: 100%!important
}

.sp {
    background-image: url(../assets/images/lesson_detail/sprites.png?v=17)
}

.spb:before,
.spa:after {
    background-image: url(../../assets/images/lesson_detail/sprites.png?v=17);
    content: ''
}

.ng-cloak {
    display: none!important
}

iframe[id^=oauth2relay] {
    left: -100px
}

.cd-header-container {
    border-bottom: 5px solid rgba(0, 0, 0, .2);
    height: 65px;
    position: relative
}

.cd-header-container .cd-header-image {
    height: 60px;
    background-size: cover;
    background-position: center center;
    webkit-background-size: cover;
    moz-background-size: cover;
    o-background-size: cover
}

.cd-header-container .general-header {
    background: rgba(0, 0, 0, .5);
    height: 60px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.cd-header-container .general-header .container {
    position: relative
}

.cd-header-container .general-header h1 {
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    text-align: center;
    max-width: 575px;
    margin: 10px auto
}

.side-lined2 {
    position: relative;
    text-align: center
}

.side-lined2:before {
    background: #dedede;
    content: "";
    height: 1px;
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%
}

.side-lined2>span {
    background: #edeff1;
    position: relative;
    display: inline-block;
    padding: 0 10px;
    line-height: 1.2
}

.fancybox-outer .static-content-wrapper .mask,
.static-content-wrapper .fancybox-inner .mask {
    max-height: 500px;
    box-shadow: none;
    background: #f6f7f8;
    padding: 20px
}

.fancybox-inner .static-content-wrapper {
    margin: auto;
    border-radius: 5px
}

.static-content-wrapper,
.form-wrapper {
    overflow: visible!important;
    margin: 20px auto;
    border: 1px solid #ccc
}

.static-content-wrapper h1,
.form-wrapper h1 {
    background: #f1f1f1;
    font-size: 16px;
    padding: 2px 15px;
    text-transform: uppercase;
    border-bottom: 1px solid #bebebe;
    box-shadow: 0 1px #edede7;
    line-height: 2.6;
    margin: auto
}

.static-content-wrapper h1:first-child,
.form-wrapper h1:first-child {
    padding: 10px 35px 10px 15px;
    margin: 0;
    line-height: 1.2
}

.static-content-wrapper h1 small,
.form-wrapper h1 small {
    font-size: 14px
}

.static-content-wrapper.fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-inner,
.form-wrapper.fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-inner {
    overflow: visible!important
}

.static-content-wrapper .mask,
.form-wrapper .mask {
    overflow: auto!important;
    width: auto!important;
    background: #f1f3f6;
    max-width: 600px;
    margin: auto;
    padding: 20px
}

.static-content-wrapper .mask.show-overflow,
.form-wrapper .mask.show-overflow {
    overflow: visible!important;
    overflow-x: visible!important;
    overflow-y: visible!important;
    max-height: none!important
}

.static-content-wrapper .mask .ud-jwplayer,
.form-wrapper .mask .ud-jwplayer,
.static-content-wrapper .mask .ud-presentationviewer,
.form-wrapper .mask .ud-presentationviewer,
.static-content-wrapper .mask iframe,
.form-wrapper .mask iframe {
    margin: auto;
    display: block
}

.static-content-wrapper .mask form,
.form-wrapper .mask form {
    width: 100%
}

.static-content-wrapper .tip,
.form-wrapper .tip {
    font-size: smaller;
    color: #666
}

.static-content-wrapper .tab-label-container,
.form-wrapper .tab-label-container {
    border-bottom: 1px solid #c3c3c3;
    padding-top: 20px;
    position: relative;
    top: 1px
}

.static-content-wrapper .tab-divs,
.form-wrapper .tab-divs {
    background: #f6f7f8;
    border-top: 1px solid #c3c3c3
}

.static-content-wrapper article,
.form-wrapper article {
    position: relative;
    color: #444;
    font-size: 14px;
    border-top: 1px solid #e9eaeb
}

.static-content-wrapper article .q-mark,
.form-wrapper article .q-mark {
    position: relative;
    display: inline-block;
    right: inherit;
    top: inherit
}

.static-content-wrapper article input[type=text],
.form-wrapper article input[type=text] {
    width: 100%
}

.static-content-wrapper article:first-child,
.form-wrapper article:first-child {
    margin-top: 0;
    border: 0
}

.static-content-wrapper article:last-child,
.form-wrapper article:last-child {
    padding-bottom: 15px;
    margin-bottom: 0
}

.static-content-wrapper article p,
.form-wrapper article p,
.static-content-wrapper article li,
.form-wrapper article li {
    margin: 0 0 9px
}

.static-content-wrapper article li:last-child,
.form-wrapper article li:last-child {
    margin-bottom: 0
}

.static-content-wrapper article h4,
.form-wrapper article h4 {
    color: #526075;
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 5px
}

.static-content-wrapper article h5,
.form-wrapper article h5 {
    color: #526075;
    font-size: 14px;
    margin-bottom: 10px
}

.static-content-wrapper article .btn,
.form-wrapper article .btn {
    margin: 5px 0
}

.static-content-wrapper article .next-step-label,
.form-wrapper article .next-step-label {
    float: right;
    margin-top: 10px;
    color: #666
}

.static-content-wrapper article .next-step-label:hover,
.form-wrapper article .next-step-label:hover {
    color: #000
}

.static-content-wrapper article ul:not(.as-selections),
.form-wrapper article ul:not(.as-selections),
.static-content-wrapper article .steps,
.form-wrapper article .steps {
    padding-bottom: 10px;
    margin-left: 20px;
    list-style: disc
}

.static-content-wrapper .center,
.form-wrapper .center {
    text-align: center
}

.static-content-wrapper .darker,
.form-wrapper .darker,
.static-content-wrapper .imaged,
.form-wrapper .imaged {
    border-top: 1px solid #e9eaeb;
    padding-bottom: 15px;
    background: #f0f2f4;
    margin-bottom: 0;
    overflow: hidden
}

.static-content-wrapper .darker>li,
.form-wrapper .darker>li,
.static-content-wrapper .imaged>li,
.form-wrapper .imaged>li {
    padding: 20px 20px 0;
    clear: both
}

.static-content-wrapper .darker .img,
.form-wrapper .darker .img,
.static-content-wrapper .imaged .img,
.form-wrapper .imaged .img {
    width: 128px;
    height: 74px;
    background-size: contain;
    border: 3px solid #fff;
    box-shadow: 0 0 0 1px #dbdddf;
    float: left;
    background-repeat: no-repeat;
    background-position: center
}

.static-content-wrapper .darker article,
.form-wrapper .darker article,
.static-content-wrapper .imaged article,
.form-wrapper .imaged article {
    padding: 0;
    margin: 0 0 0 140px;
    border: 0
}

.static-content-wrapper .submit-row,
.form-wrapper .submit-row {
    width: 100%;
    margin: 10px 0 5px;
    text-align: center
}

.static-content-wrapper .blue,
.form-wrapper .blue {
    color: #526075
}

.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
    transform: none!important
}

.carousel-fade .carousel-inner .active {
    opacity: 1
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1
}

.carousel-fade .carousel-control {
    z-index: 2
}

body[class*=span] {
    float: none;
    margin-left: auto
}

.fs0 {
    font-size: 0
}

.fs0>* {
    display: inline-block;
    vertical-align: top;
    font-size: 15px
}

.inline-blocks {
    text-align: center;
    font-size: 0
}

.inline-blocks>* {
    display: inline-block;
    vertical-align: top;
    font-size: 15px
}

.fw3,
.light {
    font-weight: 300
}

.fw5,
.fwn {
    font-weight: 400
}

.fw6,
.sb {
    font-weight: 600
}

.fw7,
.bold,
.fwb {
    font-weight: 700
}

.fw9,
.bolder {
    font-weight: 900
}

.tdu {
    text-decoration: underline
}

.tdu:hover {
    text-decoration: underline
}

.pure-tabs [name=t],
.pure-tabs-main>* {
    display: none
}

.no-border-radius {
    border-radius: 0
}

.border-radius-5 {
    border-radius: 5px
}

.border-top-radius-5 {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.border-bottom-radius-5 {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.border-left-radius-5 {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.border-right-radius-5 {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.border-bottom-left-radius-5 {
    border-bottom-left-radius: 5px
}

.border-bottom-right-radius-5 {
    border-bottom-right-radius: 5px
}

.no-border-top-radius {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.no-border-bottom-radius {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.no-border-top-left-radius {
    border-top-left-radius: 0
}

.no-border-top-right-radius {
    border-top-right-radius: 0
}

.no-border-bottom-right-radius {
    border-bottom-right-radius: 0
}

.no-border-bottom-left-radius {
    border-bottom-left-radius: 0
}

.only-bottom-left-radius {
    border-radius: 0;
    border-bottom-left-radius: 5px
}

.only-bottom-right-radius {
    border-radius: 0;
    border-bottom-right-radius: 5px
}

.border-top-bottom {
    border-top: 1px solid;
    border-bottom: 1px solid
}

.styled-list {
    list-style: disc;
    margin-left: 20px
}

.regular-list {
    list-style: disc;
    margin-left: 10px;
    padding-left: 10px
}

.floating-debug {
    position: fixed;
    top: 0;
    left: 0;
    width: 300px;
    bottom: 100px;
    z-index: 999;
    overflow: auto
}

.floating-debug pre {
    background: rgba(255, 255, 255, .8);
    font-size: 10px;
    border-radius: 0;
    line-height: 1
}

#habla_window_div button {
    color: #404040
}

.char-count-container {
    position: relative
}

.char-count-container .char-count-input {
    padding-right: 40px
}

.char-count-container .char-count {
    position: absolute;
    top: 0;
    right: 15px;
    color: #999
}

.char-count-container.char-limit-exceeded .char-count-input {
    outline-color: #d33737
}

.char-count-container.char-limit-exceeded .char-count {
    color: #d33737
}

.wwb {
    word-wrap: break-word
}

.top50p {
    top: 50%
}

.left100p {
    left: 100%
}

.b-1 {
    border: 1px solid #ccc
}

.b-2 {
    border: 1px solid #fff
}

.b-3 {
    border: 2px solid #E7E7E8
}

.zindex1 {
    z-index: 1
}

.border-bottom-none {
    border-bottom: none!important
}

.br-1 {
    border-right: 1px solid #ccc
}

.bt-1 {
    border-top: 1px solid #ccc
}

.bt-2 {
    border-top: 4px solid #37b34a
}

.vertical-align {
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.bs1 {
    box-shadow: 0 2px 2px rgba(0, 0, 0, .3)
}

.bs2 {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .3)
}

.bs3 {
    box-shadow: 0 0 8px rgba(0, 0, 0, .3)
}

.br-3 {
    border-radius: 3px
}

.br-7 {
    border-radius: 7px
}

.none {
    display: none!important
}

.inline-block {
    display: inline-block!important
}

.block {
    display: block!important
}

.visible {
    visibility: visible!important
}

.ov {
    overflow: visible!important
}

.overflow-hidden {
    overflow: hidden!important
}

.no-border {
    border: 0!important
}

table.no-border td {
    border-top: none!important
}

.tran1 {
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s
}

.hover-child-op1:hover .child {
    opacity: 1
}

.empty-p p:empty {
    display: none
}

.full-width {
    margin-left: -3000px;
    padding-left: 3000px;
    margin-right: -3000px;
    padding-right: 3000px
}

.js-simple-collapse {
    overflow: hidden;
    position: relative
}

.js-simple-collapse-more-btn {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding-top: 30px;
    font-weight: 700;
    background: linear-gradient(rgba(244, 244, 244, 0), rgba(244, 244, 244, .95), #f4f4f4)
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .ellipsis-2lines {
        display: -webkit-box!important;
        display: -moz-box!important;
        display: box!important;
        -webkit-line-clamp: 2;
        -moz-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.wa {
    width: auto
}

.wa-force {
    width: auto!important
}

.tdl {
    text-decoration: line-through
}

.tdl-force {
    text-decoration: line-through!important
}

.op8 {
    opacity: .8
}

.op8-force {
    opacity: .8!important
}

.zi1 {
    z-index: 1
}

.zi1-force {
    z-index: 1!important
}

.zi99 {
    z-index: 99
}

.zi99-force {
    z-index: 99!important
}

.w600 {
    width: 600px
}

.w600-force {
    width: 600px!important
}

.w650 {
    width: 650px
}

.w650-force {
    width: 650px!important
}

.cp {
    cursor: pointer
}

.cp-force {
    cursor: pointer!important
}

.bgaf {
    background-attachment: fixed
}

.bgaf-force {
    background-attachment: fixed!important
}

.bgpc {
    background-position: center
}

.bgpc-force {
    background-position: center!important
}

.bgsc {
    background-size: cover
}

.bgsc-force {
    background-size: cover!important
}

.bgrnr {
    background-repeat: no-repeat
}

.bgrnr-force {
    background-repeat: no-repeat!important
}

.mt400 {
    margin-top: 400px
}

.mt400-force {
    margin-top: 400px!important
}

.mt300 {
    margin-top: 300px
}

.mt300-force {
    margin-top: 300px!important
}

.op0 {
    opacity: 0
}

.op0-force {
    opacity: 0!important
}

.fs65 {
    font-size: 65px
}

.fs65-force {
    font-size: 65px!important
}

.fs85 {
    font-size: 85px
}

.fs85-force {
    font-size: 85px!important
}

.mt10 {
    margin-top: 10px
}

.mt10-force {
    margin-top: 10px!important
}

.mt-10 {
    margin-top: -10px
}

.mt-10-force {
    margin-top: -10px!important
}

.mt15 {
    margin-top: 15px
}

.mt15-force {
    margin-top: 15px!important
}

.ml-10 {
    margin-left: -10px
}

.ml-10-force {
    margin-left: -10px!important
}

.right10 {
    right: 10px
}

.right10-force {
    right: 10px!important
}

.bl1 {
    border-left: 1px solid #ccc
}

.bl1-force {
    border-left: 1px solid #ccc!important
}

.br1 {
    border-right: 1px solid #ccc
}

.br1-force {
    border-right: 1px solid #ccc!important
}

.bb1 {
    border-bottom: 1px solid #ccc
}

.bb1-force {
    border-bottom: 1px solid #ccc!important
}

.mh400 {
    min-height: 400px
}

.mh400-force {
    min-height: 400px!important
}

.mh540 {
    min-height: 540px
}

.mh540-force {
    min-height: 540px!important
}

.mh420 {
    min-height: 420px
}

.mh420-force {
    min-height: 420px!important
}

.vat {
    vertical-align: top
}

.vat-force {
    vertical-align: top!important
}

.m0-110 {
    margin: 0 110px
}

.m0-110-force {
    margin: 0 110px!important
}

.bgpr {
    background-position: right
}

.bgpr-force {
    background-position: right!important
}

.bgpt {
    background-position: top
}

.bgpt-force {
    background-position: top!important
}

.w400 {
    width: 400px
}

.w400-force {
    width: 400px!important
}

.w230 {
    width: 230px
}

.w230-force {
    width: 230px!important
}

.mh36 {
    min-height: 36px
}

.mh36-force {
    min-height: 36px!important
}

.border0 {
    border: 0
}

.border0-force {
    border: 0!important
}

.w570 {
    width: 570px
}

.w570-force {
    width: 570px!important
}

.ml0 {
    margin-left: 0
}

.ml0-force {
    margin-left: 0!important
}

.mt-20 {
    margin-top: -20px
}

.mt-20-force {
    margin-top: -20px!important
}

.bor1 {
    border: 1px solid #b3b3b3
}

.bor1-force {
    border: 1px solid #b3b3b3!important
}

.fs145 {
    font-size: 145px
}

.fs145-force {
    font-size: 145px!important
}

.zi-1 {
    z-index: -1
}

.zi-1-force {
    z-index: -1!important
}

.w200 {
    width: 200px
}

.h200 {
    height: 200px
}

.w195 {
    width: 195px
}

.h195 {
    height: 195px
}

.w190 {
    width: 190px
}

.h190 {
    height: 190px
}

.w185 {
    width: 185px
}

.h185 {
    height: 185px
}

.w180 {
    width: 180px
}

.h180 {
    height: 180px
}

.w175 {
    width: 175px
}

.h175 {
    height: 175px
}

.w170 {
    width: 170px
}

.h170 {
    height: 170px
}

.w165 {
    width: 165px
}

.h165 {
    height: 165px
}

.w160 {
    width: 160px
}

.h160 {
    height: 160px
}

.w155 {
    width: 155px
}

.h155 {
    height: 155px
}

.w150 {
    width: 150px
}

.h150 {
    height: 150px
}

.w145 {
    width: 145px
}

.h145 {
    height: 145px
}

.w140 {
    width: 140px
}

.h140 {
    height: 140px
}

.w135 {
    width: 135px
}

.h135 {
    height: 135px
}

.w130 {
    width: 130px
}

.h130 {
    height: 130px
}

.w125 {
    width: 125px
}

.h125 {
    height: 125px
}

.w120 {
    width: 120px
}

.h120 {
    height: 120px
}

.w115 {
    width: 115px
}

.h115 {
    height: 115px
}

.w110 {
    width: 110px
}

.h110 {
    height: 110px
}

.w105 {
    width: 105px
}

.h105 {
    height: 105px
}

.w100 {
    width: 100px
}

.h100 {
    height: 100px
}

.w95 {
    width: 95px
}

.h95 {
    height: 95px
}

.w90 {
    width: 90px
}

.h90 {
    height: 90px
}

.w85 {
    width: 85px
}

.h85 {
    height: 85px
}

.w80 {
    width: 80px
}

.h80 {
    height: 80px
}

.w75 {
    width: 75px
}

.h75 {
    height: 75px
}

.w70 {
    width: 70px
}

.h70 {
    height: 70px
}

.w65 {
    width: 65px
}

.h65 {
    height: 65px
}

.w60 {
    width: 60px
}

.h60 {
    height: 60px
}

.w55 {
    width: 55px
}

.h55 {
    height: 55px
}

.w50 {
    width: 50px
}

.h50 {
    height: 50px
}

.w45 {
    width: 45px
}

.h45 {
    height: 45px
}

.w40 {
    width: 40px
}

.h40 {
    height: 40px
}

.w35 {
    width: 35px
}

.h35 {
    height: 35px
}

.w30 {
    width: 30px
}

.h30 {
    height: 30px
}

.w25 {
    width: 25px
}

.h25 {
    height: 25px
}

.w20 {
    width: 20px
}

.h20 {
    height: 20px
}

.w15 {
    width: 15px
}

.h15 {
    height: 15px
}

.w10 {
    width: 10px
}

.h10 {
    height: 10px
}

.w5 {
    width: 5px
}

.h5 {
    height: 5px
}

.w0 {
    width: 0
}

.h0 {
    height: 0
}

.top50 {
    top: 50px
}

.top45 {
    top: 45px
}

.top40 {
    top: 40px
}

.top35 {
    top: 35px
}

.top30 {
    top: 30px
}

.top25 {
    top: 25px
}

.top20 {
    top: 20px
}

.top15 {
    top: 15px
}

.top10 {
    top: 10px
}

.top5 {
    top: 5px
}

.top0 {
    top: 0
}

.lh550 {
    line-height: 55
}

.mw550 {
    max-width: 550px
}

.br550 {
    border-radius: 550px
}

.lh640 {
    line-height: 64
}

.mw640 {
    max-width: 640px
}

.br640 {
    border-radius: 640px
}

.lh760 {
    line-height: 76
}

.mw760 {
    max-width: 760px
}

.br760 {
    border-radius: 760px
}

.lh800 {
    line-height: 80
}

.mw800 {
    max-width: 800px
}

.br800 {
    border-radius: 800px
}

.m150 {
    margin: 150px
}

.p150 {
    padding: 150px
}

.mt150 {
    margin-top: 150px
}

.mr150 {
    margin-right: 150px
}

.mb150 {
    margin-bottom: 150px
}

.ml150 {
    margin-left: 150px
}

.pt150 {
    padding-top: 150px
}

.pr150 {
    padding-right: 150px
}

.pb150 {
    padding-bottom: 150px
}

.pl150 {
    padding-left: 150px
}

.m145 {
    margin: 145px
}

.p145 {
    padding: 145px
}

.mt145 {
    margin-top: 145px
}

.mr145 {
    margin-right: 145px
}

.mb145 {
    margin-bottom: 145px
}

.ml145 {
    margin-left: 145px
}

.pt145 {
    padding-top: 145px
}

.pr145 {
    padding-right: 145px
}

.pb145 {
    padding-bottom: 145px
}

.pl145 {
    padding-left: 145px
}

.m140 {
    margin: 140px
}

.p140 {
    padding: 140px
}

.mt140 {
    margin-top: 140px
}

.mr140 {
    margin-right: 140px
}

.mb140 {
    margin-bottom: 140px
}

.ml140 {
    margin-left: 140px
}

.pt140 {
    padding-top: 140px
}

.pr140 {
    padding-right: 140px
}

.pb140 {
    padding-bottom: 140px
}

.pl140 {
    padding-left: 140px
}

.m135 {
    margin: 135px
}

.p135 {
    padding: 135px
}

.mt135 {
    margin-top: 135px
}

.mr135 {
    margin-right: 135px
}

.mb135 {
    margin-bottom: 135px
}

.ml135 {
    margin-left: 135px
}

.pt135 {
    padding-top: 135px
}

.pr135 {
    padding-right: 135px
}

.pb135 {
    padding-bottom: 135px
}

.pl135 {
    padding-left: 135px
}

.m130 {
    margin: 130px
}

.p130 {
    padding: 130px
}

.mt130 {
    margin-top: 130px
}

.mr130 {
    margin-right: 130px
}

.mb130 {
    margin-bottom: 130px
}

.ml130 {
    margin-left: 130px
}

.pt130 {
    padding-top: 130px
}

.pr130 {
    padding-right: 130px
}

.pb130 {
    padding-bottom: 130px
}

.pl130 {
    padding-left: 130px
}

.m125 {
    margin: 125px
}

.p125 {
    padding: 125px
}

.mt125 {
    margin-top: 125px
}

.mr125 {
    margin-right: 125px
}

.mb125 {
    margin-bottom: 125px
}

.ml125 {
    margin-left: 125px
}

.pt125 {
    padding-top: 125px
}

.pr125 {
    padding-right: 125px
}

.pb125 {
    padding-bottom: 125px
}

.pl125 {
    padding-left: 125px
}

.m120 {
    margin: 120px
}

.p120 {
    padding: 120px
}

.mt120 {
    margin-top: 120px
}

.mr120 {
    margin-right: 120px
}

.mb120 {
    margin-bottom: 120px
}

.ml120 {
    margin-left: 120px
}

.pt120 {
    padding-top: 120px
}

.pr120 {
    padding-right: 120px
}

.pb120 {
    padding-bottom: 120px
}

.pl120 {
    padding-left: 120px
}

.m115 {
    margin: 115px
}

.p115 {
    padding: 115px
}

.mt115 {
    margin-top: 115px
}

.mr115 {
    margin-right: 115px
}

.mb115 {
    margin-bottom: 115px
}

.ml115 {
    margin-left: 115px
}

.pt115 {
    padding-top: 115px
}

.pr115 {
    padding-right: 115px
}

.pb115 {
    padding-bottom: 115px
}

.pl115 {
    padding-left: 115px
}

.m110 {
    margin: 110px
}

.p110 {
    padding: 110px
}

.mt110 {
    margin-top: 110px
}

.mr110 {
    margin-right: 110px
}

.mb110 {
    margin-bottom: 110px
}

.ml110 {
    margin-left: 110px
}

.pt110 {
    padding-top: 110px
}

.pr110 {
    padding-right: 110px
}

.pb110 {
    padding-bottom: 110px
}

.pl110 {
    padding-left: 110px
}

.m105 {
    margin: 105px
}

.p105 {
    padding: 105px
}

.mt105 {
    margin-top: 105px
}

.mr105 {
    margin-right: 105px
}

.mb105 {
    margin-bottom: 105px
}

.ml105 {
    margin-left: 105px
}

.pt105 {
    padding-top: 105px
}

.pr105 {
    padding-right: 105px
}

.pb105 {
    padding-bottom: 105px
}

.pl105 {
    padding-left: 105px
}

.m100 {
    margin: 100px
}

.p100 {
    padding: 100px
}

.mt100 {
    margin-top: 100px
}

.mr100 {
    margin-right: 100px
}

.mb100 {
    margin-bottom: 100px
}

.ml100 {
    margin-left: 100px
}

.pt100 {
    padding-top: 100px
}

.pr100 {
    padding-right: 100px
}

.pb100 {
    padding-bottom: 100px
}

.pl100 {
    padding-left: 100px
}

.m95 {
    margin: 95px
}

.p95 {
    padding: 95px
}

.mt95 {
    margin-top: 95px
}

.mr95 {
    margin-right: 95px
}

.mb95 {
    margin-bottom: 95px
}

.ml95 {
    margin-left: 95px
}

.pt95 {
    padding-top: 95px
}

.pr95 {
    padding-right: 95px
}

.pb95 {
    padding-bottom: 95px
}

.pl95 {
    padding-left: 95px
}

.m90 {
    margin: 90px
}

.p90 {
    padding: 90px
}

.mt90 {
    margin-top: 90px
}

.mr90 {
    margin-right: 90px
}

.mb90 {
    margin-bottom: 90px
}

.ml90 {
    margin-left: 90px
}

.pt90 {
    padding-top: 90px
}

.pr90 {
    padding-right: 90px
}

.pb90 {
    padding-bottom: 90px
}

.pl90 {
    padding-left: 90px
}

.m85 {
    margin: 85px
}

.p85 {
    padding: 85px
}

.mt85 {
    margin-top: 85px
}

.mr85 {
    margin-right: 85px
}

.mb85 {
    margin-bottom: 85px
}

.ml85 {
    margin-left: 85px
}

.pt85 {
    padding-top: 85px
}

.pr85 {
    padding-right: 85px
}

.pb85 {
    padding-bottom: 85px
}

.pl85 {
    padding-left: 85px
}

.m80 {
    margin: 80px
}

.p80 {
    padding: 80px
}

.mt80 {
    margin-top: 80px
}

.mr80 {
    margin-right: 80px
}

.mb80 {
    margin-bottom: 80px
}

.ml80 {
    margin-left: 80px
}

.pt80 {
    padding-top: 80px
}

.pr80 {
    padding-right: 80px
}

.pb80 {
    padding-bottom: 80px
}

.pl80 {
    padding-left: 80px
}

.m75 {
    margin: 75px
}

.p75 {
    padding: 75px
}

.mt75 {
    margin-top: 75px
}

.mr75 {
    margin-right: 75px
}

.mb75 {
    margin-bottom: 75px
}

.ml75 {
    margin-left: 75px
}

.pt75 {
    padding-top: 75px
}

.pr75 {
    padding-right: 75px
}

.pb75 {
    padding-bottom: 75px
}

.pl75 {
    padding-left: 75px
}

.m70 {
    margin: 70px
}

.p70 {
    padding: 70px
}

.mt70 {
    margin-top: 70px
}

.mr70 {
    margin-right: 70px
}

.mb70 {
    margin-bottom: 70px
}

.ml70 {
    margin-left: 70px
}

.pt70 {
    padding-top: 70px
}

.pr70 {
    padding-right: 70px
}

.pb70 {
    padding-bottom: 70px
}

.pl70 {
    padding-left: 70px
}

.m65 {
    margin: 65px
}

.p65 {
    padding: 65px
}

.mt65 {
    margin-top: 65px
}

.mr65 {
    margin-right: 65px
}

.mb65 {
    margin-bottom: 65px
}

.ml65 {
    margin-left: 65px
}

.pt65 {
    padding-top: 65px
}

.pr65 {
    padding-right: 65px
}

.pb65 {
    padding-bottom: 65px
}

.pl65 {
    padding-left: 65px
}

.m60 {
    margin: 60px
}

.p60 {
    padding: 60px
}

.mt60 {
    margin-top: 60px
}

.mr60 {
    margin-right: 60px
}

.mb60 {
    margin-bottom: 60px
}

.ml60 {
    margin-left: 60px
}

.pt60 {
    padding-top: 60px
}

.pr60 {
    padding-right: 60px
}

.pb60 {
    padding-bottom: 60px
}

.pl60 {
    padding-left: 60px
}

.m55 {
    margin: 55px
}

.p55 {
    padding: 55px
}

.mt55 {
    margin-top: 55px
}

.mr55 {
    margin-right: 55px
}

.mb55 {
    margin-bottom: 55px
}

.ml55 {
    margin-left: 55px
}

.pt55 {
    padding-top: 55px
}

.pr55 {
    padding-right: 55px
}

.pb55 {
    padding-bottom: 55px
}

.pl55 {
    padding-left: 55px
}

.m50 {
    margin: 50px
}

.p50 {
    padding: 50px
}

.mt50 {
    margin-top: 50px
}

.mr50 {
    margin-right: 50px
}

.mb50 {
    margin-bottom: 50px
}

.ml50 {
    margin-left: 50px
}

.pt50 {
    padding-top: 50px
}

.pr50 {
    padding-right: 50px
}

.pb50 {
    padding-bottom: 50px
}

.pl50 {
    padding-left: 50px
}

.m45 {
    margin: 45px
}

.p45 {
    padding: 45px
}

.mt45 {
    margin-top: 45px
}

.mr45 {
    margin-right: 45px
}

.mb45 {
    margin-bottom: 45px
}

.ml45 {
    margin-left: 45px
}

.pt45 {
    padding-top: 45px
}

.pr45 {
    padding-right: 45px
}

.pb45 {
    padding-bottom: 45px
}

.pl45 {
    padding-left: 45px
}

.m40 {
    margin: 40px
}

.p40 {
    padding: 40px
}

.mt40 {
    margin-top: 40px
}

.mr40 {
    margin-right: 40px
}

.mb40 {
    margin-bottom: 40px
}

.ml40 {
    margin-left: 40px
}

.pt40 {
    padding-top: 40px
}

.pr40 {
    padding-right: 40px
}

.pb40 {
    padding-bottom: 40px
}

.pl40 {
    padding-left: 40px
}

.m35 {
    margin: 35px
}

.p35 {
    padding: 35px
}

.mt35 {
    margin-top: 35px
}

.mr35 {
    margin-right: 35px
}

.mb35 {
    margin-bottom: 35px
}

.ml35 {
    margin-left: 35px
}

.pt35 {
    padding-top: 35px
}

.pr35 {
    padding-right: 35px
}

.pb35 {
    padding-bottom: 35px
}

.pl35 {
    padding-left: 35px
}

.m30 {
    margin: 30px
}

.p30 {
    padding: 30px
}

.mt30 {
    margin-top: 30px
}

.mr30 {
    margin-right: 30px
}

.mb30 {
    margin-bottom: 30px
}

.ml30 {
    margin-left: 30px
}

.pt30 {
    padding-top: 30px
}

.pr30 {
    padding-right: 30px
}

.pb30 {
    padding-bottom: 30px
}

.pl30 {
    padding-left: 30px
}

.m25 {
    margin: 25px
}

.p25 {
    padding: 25px
}

.mt25 {
    margin-top: 25px
}

.mr25 {
    margin-right: 25px
}

.mb25 {
    margin-bottom: 25px
}

.ml25 {
    margin-left: 25px
}

.pt25 {
    padding-top: 25px
}

.pr25 {
    padding-right: 25px
}

.pb25 {
    padding-bottom: 25px
}

.pl25 {
    padding-left: 25px
}

.m20 {
    margin: 20px
}

.p20 {
    padding: 20px
}

.mt20 {
    margin-top: 20px
}

.mr20 {
    margin-right: 20px
}

.mb20 {
    margin-bottom: 20px
}

.ml20 {
    margin-left: 20px
}

.pt20 {
    padding-top: 20px
}

.pr20 {
    padding-right: 20px
}

.pb20 {
    padding-bottom: 20px
}

.pl20 {
    padding-left: 20px
}

.m15 {
    margin: 15px
}

.p15 {
    padding: 15px
}

.mt15 {
    margin-top: 15px
}

.mr15 {
    margin-right: 15px
}

.mb15 {
    margin-bottom: 15px
}

.ml15 {
    margin-left: 15px
}

.pt15 {
    padding-top: 15px
}

.pr15 {
    padding-right: 15px
}

.pb15 {
    padding-bottom: 15px
}

.pl15 {
    padding-left: 15px
}

.m10 {
    margin: 10px
}

.p10 {
    padding: 10px
}

.mt10 {
    margin-top: 10px
}

.mr10 {
    margin-right: 10px
}

.mb10 {
    margin-bottom: 10px
}

.ml10 {
    margin-left: 10px
}

.pt10 {
    padding-top: 10px
}

.pr10 {
    padding-right: 10px
}

.pb10 {
    padding-bottom: 10px
}

.pl10 {
    padding-left: 10px
}

.m5 {
    margin: 5px
}

.p5 {
    padding: 5px
}

.mt5 {
    margin-top: 5px
}

.mr5 {
    margin-right: 5px
}

.mb5 {
    margin-bottom: 5px
}

.ml5 {
    margin-left: 5px
}

.pt5 {
    padding-top: 5px
}

.pr5 {
    padding-right: 5px
}

.pb5 {
    padding-bottom: 5px
}

.pl5 {
    padding-left: 5px
}

.m0 {
    margin: 0
}

.p0 {
    padding: 0
}

.mt0 {
    margin-top: 0
}

.mr0 {
    margin-right: 0
}

.mb0 {
    margin-bottom: 0
}

.ml0 {
    margin-left: 0
}

.pt0 {
    padding-top: 0
}

.pr0 {
    padding-right: 0
}

.pb0 {
    padding-bottom: 0
}

.pl0 {
    padding-left: 0
}

.mt10 {
    margin-top: 10px
}

.mr10 {
    margin-right: 10px
}

.mb10 {
    margin-bottom: 10px
}

.ml10 {
    margin-left: 10px
}

.mt9 {
    margin-top: 9px
}

.mr9 {
    margin-right: 9px
}

.mb9 {
    margin-bottom: 9px
}

.ml9 {
    margin-left: 9px
}

.mt8 {
    margin-top: 8px
}

.mr8 {
    margin-right: 8px
}

.mb8 {
    margin-bottom: 8px
}

.ml8 {
    margin-left: 8px
}

.mt7 {
    margin-top: 7px
}

.mr7 {
    margin-right: 7px
}

.mb7 {
    margin-bottom: 7px
}

.ml7 {
    margin-left: 7px
}

.mt6 {
    margin-top: 6px
}

.mr6 {
    margin-right: 6px
}

.mb6 {
    margin-bottom: 6px
}

.ml6 {
    margin-left: 6px
}

.mt5 {
    margin-top: 5px
}

.mr5 {
    margin-right: 5px
}

.mb5 {
    margin-bottom: 5px
}

.ml5 {
    margin-left: 5px
}

.mt4 {
    margin-top: 4px
}

.mr4 {
    margin-right: 4px
}

.mb4 {
    margin-bottom: 4px
}

.ml4 {
    margin-left: 4px
}

.mt3 {
    margin-top: 3px
}

.mr3 {
    margin-right: 3px
}

.mb3 {
    margin-bottom: 3px
}

.ml3 {
    margin-left: 3px
}

.mt2 {
    margin-top: 2px
}

.mr2 {
    margin-right: 2px
}

.mb2 {
    margin-bottom: 2px
}

.ml2 {
    margin-left: 2px
}

.mt1 {
    margin-top: 1px
}

.mr1 {
    margin-right: 1px
}

.mb1 {
    margin-bottom: 1px
}

.ml1 {
    margin-left: 1px
}

.mt0 {
    margin-top: 0
}

.mr0 {
    margin-right: 0
}

.mb0 {
    margin-bottom: 0
}

.ml0 {
    margin-left: 0
}

.m100-100 {
    margin: 100px 100px
}

.p100-100 {
    padding: 100px 100px
}

.m100-95 {
    margin: 100px 95px
}

.p100-95 {
    padding: 100px 95px
}

.m100-90 {
    margin: 100px 90px
}

.p100-90 {
    padding: 100px 90px
}

.m100-85 {
    margin: 100px 85px
}

.p100-85 {
    padding: 100px 85px
}

.m100-80 {
    margin: 100px 80px
}

.p100-80 {
    padding: 100px 80px
}

.m100-75 {
    margin: 100px 75px
}

.p100-75 {
    padding: 100px 75px
}

.m100-70 {
    margin: 100px 70px
}

.p100-70 {
    padding: 100px 70px
}

.m100-65 {
    margin: 100px 65px
}

.p100-65 {
    padding: 100px 65px
}

.m100-60 {
    margin: 100px 60px
}

.p100-60 {
    padding: 100px 60px
}

.m100-55 {
    margin: 100px 55px
}

.p100-55 {
    padding: 100px 55px
}

.m100-50 {
    margin: 100px 50px
}

.p100-50 {
    padding: 100px 50px
}

.m100-45 {
    margin: 100px 45px
}

.p100-45 {
    padding: 100px 45px
}

.m100-40 {
    margin: 100px 40px
}

.p100-40 {
    padding: 100px 40px
}

.m100-35 {
    margin: 100px 35px
}

.p100-35 {
    padding: 100px 35px
}

.m100-30 {
    margin: 100px 30px
}

.p100-30 {
    padding: 100px 30px
}

.m100-25 {
    margin: 100px 25px
}

.p100-25 {
    padding: 100px 25px
}

.m100-20 {
    margin: 100px 20px
}

.p100-20 {
    padding: 100px 20px
}

.m100-15 {
    margin: 100px 15px
}

.p100-15 {
    padding: 100px 15px
}

.m100-10 {
    margin: 100px 10px
}

.p100-10 {
    padding: 100px 10px
}

.m100-5 {
    margin: 100px 5px
}

.p100-5 {
    padding: 100px 5px
}

.m100-0 {
    margin: 100px 0
}

.p100-0 {
    padding: 100px 0
}

.m95-100 {
    margin: 95px 100px
}

.p95-100 {
    padding: 95px 100px
}

.m95-95 {
    margin: 95px 95px
}

.p95-95 {
    padding: 95px 95px
}

.m95-90 {
    margin: 95px 90px
}

.p95-90 {
    padding: 95px 90px
}

.m95-85 {
    margin: 95px 85px
}

.p95-85 {
    padding: 95px 85px
}

.m95-80 {
    margin: 95px 80px
}

.p95-80 {
    padding: 95px 80px
}

.m95-75 {
    margin: 95px 75px
}

.p95-75 {
    padding: 95px 75px
}

.m95-70 {
    margin: 95px 70px
}

.p95-70 {
    padding: 95px 70px
}

.m95-65 {
    margin: 95px 65px
}

.p95-65 {
    padding: 95px 65px
}

.m95-60 {
    margin: 95px 60px
}

.p95-60 {
    padding: 95px 60px
}

.m95-55 {
    margin: 95px 55px
}

.p95-55 {
    padding: 95px 55px
}

.m95-50 {
    margin: 95px 50px
}

.p95-50 {
    padding: 95px 50px
}

.m95-45 {
    margin: 95px 45px
}

.p95-45 {
    padding: 95px 45px
}

.m95-40 {
    margin: 95px 40px
}

.p95-40 {
    padding: 95px 40px
}

.m95-35 {
    margin: 95px 35px
}

.p95-35 {
    padding: 95px 35px
}

.m95-30 {
    margin: 95px 30px
}

.p95-30 {
    padding: 95px 30px
}

.m95-25 {
    margin: 95px 25px
}

.p95-25 {
    padding: 95px 25px
}

.m95-20 {
    margin: 95px 20px
}

.p95-20 {
    padding: 95px 20px
}

.m95-15 {
    margin: 95px 15px
}

.p95-15 {
    padding: 95px 15px
}

.m95-10 {
    margin: 95px 10px
}

.p95-10 {
    padding: 95px 10px
}

.m95-5 {
    margin: 95px 5px
}

.p95-5 {
    padding: 95px 5px
}

.m95-0 {
    margin: 95px 0
}

.p95-0 {
    padding: 95px 0
}

.m90-100 {
    margin: 90px 100px
}

.p90-100 {
    padding: 90px 100px
}

.m90-95 {
    margin: 90px 95px
}

.p90-95 {
    padding: 90px 95px
}

.m90-90 {
    margin: 90px 90px
}

.p90-90 {
    padding: 90px 90px
}

.m90-85 {
    margin: 90px 85px
}

.p90-85 {
    padding: 90px 85px
}

.m90-80 {
    margin: 90px 80px
}

.p90-80 {
    padding: 90px 80px
}

.m90-75 {
    margin: 90px 75px
}

.p90-75 {
    padding: 90px 75px
}

.m90-70 {
    margin: 90px 70px
}

.p90-70 {
    padding: 90px 70px
}

.m90-65 {
    margin: 90px 65px
}

.p90-65 {
    padding: 90px 65px
}

.m90-60 {
    margin: 90px 60px
}

.p90-60 {
    padding: 90px 60px
}

.m90-55 {
    margin: 90px 55px
}

.p90-55 {
    padding: 90px 55px
}

.m90-50 {
    margin: 90px 50px
}

.p90-50 {
    padding: 90px 50px
}

.m90-45 {
    margin: 90px 45px
}

.p90-45 {
    padding: 90px 45px
}

.m90-40 {
    margin: 90px 40px
}

.p90-40 {
    padding: 90px 40px
}

.m90-35 {
    margin: 90px 35px
}

.p90-35 {
    padding: 90px 35px
}

.m90-30 {
    margin: 90px 30px
}

.p90-30 {
    padding: 90px 30px
}

.m90-25 {
    margin: 90px 25px
}

.p90-25 {
    padding: 90px 25px
}

.m90-20 {
    margin: 90px 20px
}

.p90-20 {
    padding: 90px 20px
}

.m90-15 {
    margin: 90px 15px
}

.p90-15 {
    padding: 90px 15px
}

.m90-10 {
    margin: 90px 10px
}

.p90-10 {
    padding: 90px 10px
}

.m90-5 {
    margin: 90px 5px
}

.p90-5 {
    padding: 90px 5px
}

.m90-0 {
    margin: 90px 0
}

.p90-0 {
    padding: 90px 0
}

.m85-100 {
    margin: 85px 100px
}

.p85-100 {
    padding: 85px 100px
}

.m85-95 {
    margin: 85px 95px
}

.p85-95 {
    padding: 85px 95px
}

.m85-90 {
    margin: 85px 90px
}

.p85-90 {
    padding: 85px 90px
}

.m85-85 {
    margin: 85px 85px
}

.p85-85 {
    padding: 85px 85px
}

.m85-80 {
    margin: 85px 80px
}

.p85-80 {
    padding: 85px 80px
}

.m85-75 {
    margin: 85px 75px
}

.p85-75 {
    padding: 85px 75px
}

.m85-70 {
    margin: 85px 70px
}

.p85-70 {
    padding: 85px 70px
}

.m85-65 {
    margin: 85px 65px
}

.p85-65 {
    padding: 85px 65px
}

.m85-60 {
    margin: 85px 60px
}

.p85-60 {
    padding: 85px 60px
}

.m85-55 {
    margin: 85px 55px
}

.p85-55 {
    padding: 85px 55px
}

.m85-50 {
    margin: 85px 50px
}

.p85-50 {
    padding: 85px 50px
}

.m85-45 {
    margin: 85px 45px
}

.p85-45 {
    padding: 85px 45px
}

.m85-40 {
    margin: 85px 40px
}

.p85-40 {
    padding: 85px 40px
}

.m85-35 {
    margin: 85px 35px
}

.p85-35 {
    padding: 85px 35px
}

.m85-30 {
    margin: 85px 30px
}

.p85-30 {
    padding: 85px 30px
}

.m85-25 {
    margin: 85px 25px
}

.p85-25 {
    padding: 85px 25px
}

.m85-20 {
    margin: 85px 20px
}

.p85-20 {
    padding: 85px 20px
}

.m85-15 {
    margin: 85px 15px
}

.p85-15 {
    padding: 85px 15px
}

.m85-10 {
    margin: 85px 10px
}

.p85-10 {
    padding: 85px 10px
}

.m85-5 {
    margin: 85px 5px
}

.p85-5 {
    padding: 85px 5px
}

.m85-0 {
    margin: 85px 0
}

.p85-0 {
    padding: 85px 0
}

.m80-100 {
    margin: 80px 100px
}

.p80-100 {
    padding: 80px 100px
}

.m80-95 {
    margin: 80px 95px
}

.p80-95 {
    padding: 80px 95px
}

.m80-90 {
    margin: 80px 90px
}

.p80-90 {
    padding: 80px 90px
}

.m80-85 {
    margin: 80px 85px
}

.p80-85 {
    padding: 80px 85px
}

.m80-80 {
    margin: 80px 80px
}

.p80-80 {
    padding: 80px 80px
}

.m80-75 {
    margin: 80px 75px
}

.p80-75 {
    padding: 80px 75px
}

.m80-70 {
    margin: 80px 70px
}

.p80-70 {
    padding: 80px 70px
}

.m80-65 {
    margin: 80px 65px
}

.p80-65 {
    padding: 80px 65px
}

.m80-60 {
    margin: 80px 60px
}

.p80-60 {
    padding: 80px 60px
}

.m80-55 {
    margin: 80px 55px
}

.p80-55 {
    padding: 80px 55px
}

.m80-50 {
    margin: 80px 50px
}

.p80-50 {
    padding: 80px 50px
}

.m80-45 {
    margin: 80px 45px
}

.p80-45 {
    padding: 80px 45px
}

.m80-40 {
    margin: 80px 40px
}

.p80-40 {
    padding: 80px 40px
}

.m80-35 {
    margin: 80px 35px
}

.p80-35 {
    padding: 80px 35px
}

.m80-30 {
    margin: 80px 30px
}

.p80-30 {
    padding: 80px 30px
}

.m80-25 {
    margin: 80px 25px
}

.p80-25 {
    padding: 80px 25px
}

.m80-20 {
    margin: 80px 20px
}

.p80-20 {
    padding: 80px 20px
}

.m80-15 {
    margin: 80px 15px
}

.p80-15 {
    padding: 80px 15px
}

.m80-10 {
    margin: 80px 10px
}

.p80-10 {
    padding: 80px 10px
}

.m80-5 {
    margin: 80px 5px
}

.p80-5 {
    padding: 80px 5px
}

.m80-0 {
    margin: 80px 0
}

.p80-0 {
    padding: 80px 0
}

.m75-100 {
    margin: 75px 100px
}

.p75-100 {
    padding: 75px 100px
}

.m75-95 {
    margin: 75px 95px
}

.p75-95 {
    padding: 75px 95px
}

.m75-90 {
    margin: 75px 90px
}

.p75-90 {
    padding: 75px 90px
}

.m75-85 {
    margin: 75px 85px
}

.p75-85 {
    padding: 75px 85px
}

.m75-80 {
    margin: 75px 80px
}

.p75-80 {
    padding: 75px 80px
}

.m75-75 {
    margin: 75px 75px
}

.p75-75 {
    padding: 75px 75px
}

.m75-70 {
    margin: 75px 70px
}

.p75-70 {
    padding: 75px 70px
}

.m75-65 {
    margin: 75px 65px
}

.p75-65 {
    padding: 75px 65px
}

.m75-60 {
    margin: 75px 60px
}

.p75-60 {
    padding: 75px 60px
}

.m75-55 {
    margin: 75px 55px
}

.p75-55 {
    padding: 75px 55px
}

.m75-50 {
    margin: 75px 50px
}

.p75-50 {
    padding: 75px 50px
}

.m75-45 {
    margin: 75px 45px
}

.p75-45 {
    padding: 75px 45px
}

.m75-40 {
    margin: 75px 40px
}

.p75-40 {
    padding: 75px 40px
}

.m75-35 {
    margin: 75px 35px
}

.p75-35 {
    padding: 75px 35px
}

.m75-30 {
    margin: 75px 30px
}

.p75-30 {
    padding: 75px 30px
}

.m75-25 {
    margin: 75px 25px
}

.p75-25 {
    padding: 75px 25px
}

.m75-20 {
    margin: 75px 20px
}

.p75-20 {
    padding: 75px 20px
}

.m75-15 {
    margin: 75px 15px
}

.p75-15 {
    padding: 75px 15px
}

.m75-10 {
    margin: 75px 10px
}

.p75-10 {
    padding: 75px 10px
}

.m75-5 {
    margin: 75px 5px
}

.p75-5 {
    padding: 75px 5px
}

.m75-0 {
    margin: 75px 0
}

.p75-0 {
    padding: 75px 0
}

.m70-100 {
    margin: 70px 100px
}

.p70-100 {
    padding: 70px 100px
}

.m70-95 {
    margin: 70px 95px
}

.p70-95 {
    padding: 70px 95px
}

.m70-90 {
    margin: 70px 90px
}

.p70-90 {
    padding: 70px 90px
}

.m70-85 {
    margin: 70px 85px
}

.p70-85 {
    padding: 70px 85px
}

.m70-80 {
    margin: 70px 80px
}

.p70-80 {
    padding: 70px 80px
}

.m70-75 {
    margin: 70px 75px
}

.p70-75 {
    padding: 70px 75px
}

.m70-70 {
    margin: 70px 70px
}

.p70-70 {
    padding: 70px 70px
}

.m70-65 {
    margin: 70px 65px
}

.p70-65 {
    padding: 70px 65px
}

.m70-60 {
    margin: 70px 60px
}

.p70-60 {
    padding: 70px 60px
}

.m70-55 {
    margin: 70px 55px
}

.p70-55 {
    padding: 70px 55px
}

.m70-50 {
    margin: 70px 50px
}

.p70-50 {
    padding: 70px 50px
}

.m70-45 {
    margin: 70px 45px
}

.p70-45 {
    padding: 70px 45px
}

.m70-40 {
    margin: 70px 40px
}

.p70-40 {
    padding: 70px 40px
}

.m70-35 {
    margin: 70px 35px
}

.p70-35 {
    padding: 70px 35px
}

.m70-30 {
    margin: 70px 30px
}

.p70-30 {
    padding: 70px 30px
}

.m70-25 {
    margin: 70px 25px
}

.p70-25 {
    padding: 70px 25px
}

.m70-20 {
    margin: 70px 20px
}

.p70-20 {
    padding: 70px 20px
}

.m70-15 {
    margin: 70px 15px
}

.p70-15 {
    padding: 70px 15px
}

.m70-10 {
    margin: 70px 10px
}

.p70-10 {
    padding: 70px 10px
}

.m70-5 {
    margin: 70px 5px
}

.p70-5 {
    padding: 70px 5px
}

.m70-0 {
    margin: 70px 0
}

.p70-0 {
    padding: 70px 0
}

.m65-100 {
    margin: 65px 100px
}

.p65-100 {
    padding: 65px 100px
}

.m65-95 {
    margin: 65px 95px
}

.p65-95 {
    padding: 65px 95px
}

.m65-90 {
    margin: 65px 90px
}

.p65-90 {
    padding: 65px 90px
}

.m65-85 {
    margin: 65px 85px
}

.p65-85 {
    padding: 65px 85px
}

.m65-80 {
    margin: 65px 80px
}

.p65-80 {
    padding: 65px 80px
}

.m65-75 {
    margin: 65px 75px
}

.p65-75 {
    padding: 65px 75px
}

.m65-70 {
    margin: 65px 70px
}

.p65-70 {
    padding: 65px 70px
}

.m65-65 {
    margin: 65px 65px
}

.p65-65 {
    padding: 65px 65px
}

.m65-60 {
    margin: 65px 60px
}

.p65-60 {
    padding: 65px 60px
}

.m65-55 {
    margin: 65px 55px
}

.p65-55 {
    padding: 65px 55px
}

.m65-50 {
    margin: 65px 50px
}

.p65-50 {
    padding: 65px 50px
}

.m65-45 {
    margin: 65px 45px
}

.p65-45 {
    padding: 65px 45px
}

.m65-40 {
    margin: 65px 40px
}

.p65-40 {
    padding: 65px 40px
}

.m65-35 {
    margin: 65px 35px
}

.p65-35 {
    padding: 65px 35px
}

.m65-30 {
    margin: 65px 30px
}

.p65-30 {
    padding: 65px 30px
}

.m65-25 {
    margin: 65px 25px
}

.p65-25 {
    padding: 65px 25px
}

.m65-20 {
    margin: 65px 20px
}

.p65-20 {
    padding: 65px 20px
}

.m65-15 {
    margin: 65px 15px
}

.p65-15 {
    padding: 65px 15px
}

.m65-10 {
    margin: 65px 10px
}

.p65-10 {
    padding: 65px 10px
}

.m65-5 {
    margin: 65px 5px
}

.p65-5 {
    padding: 65px 5px
}

.m65-0 {
    margin: 65px 0
}

.p65-0 {
    padding: 65px 0
}

.m60-100 {
    margin: 60px 100px
}

.p60-100 {
    padding: 60px 100px
}

.m60-95 {
    margin: 60px 95px
}

.p60-95 {
    padding: 60px 95px
}

.m60-90 {
    margin: 60px 90px
}

.p60-90 {
    padding: 60px 90px
}

.m60-85 {
    margin: 60px 85px
}

.p60-85 {
    padding: 60px 85px
}

.m60-80 {
    margin: 60px 80px
}

.p60-80 {
    padding: 60px 80px
}

.m60-75 {
    margin: 60px 75px
}

.p60-75 {
    padding: 60px 75px
}

.m60-70 {
    margin: 60px 70px
}

.p60-70 {
    padding: 60px 70px
}

.m60-65 {
    margin: 60px 65px
}

.p60-65 {
    padding: 60px 65px
}

.m60-60 {
    margin: 60px 60px
}

.p60-60 {
    padding: 60px 60px
}

.m60-55 {
    margin: 60px 55px
}

.p60-55 {
    padding: 60px 55px
}

.m60-50 {
    margin: 60px 50px
}

.p60-50 {
    padding: 60px 50px
}

.m60-45 {
    margin: 60px 45px
}

.p60-45 {
    padding: 60px 45px
}

.m60-40 {
    margin: 60px 40px
}

.p60-40 {
    padding: 60px 40px
}

.m60-35 {
    margin: 60px 35px
}

.p60-35 {
    padding: 60px 35px
}

.m60-30 {
    margin: 60px 30px
}

.p60-30 {
    padding: 60px 30px
}

.m60-25 {
    margin: 60px 25px
}

.p60-25 {
    padding: 60px 25px
}

.m60-20 {
    margin: 60px 20px
}

.p60-20 {
    padding: 60px 20px
}

.m60-15 {
    margin: 60px 15px
}

.p60-15 {
    padding: 60px 15px
}

.m60-10 {
    margin: 60px 10px
}

.p60-10 {
    padding: 60px 10px
}

.m60-5 {
    margin: 60px 5px
}

.p60-5 {
    padding: 60px 5px
}

.m60-0 {
    margin: 60px 0
}

.p60-0 {
    padding: 60px 0
}

.m55-100 {
    margin: 55px 100px
}

.p55-100 {
    padding: 55px 100px
}

.m55-95 {
    margin: 55px 95px
}

.p55-95 {
    padding: 55px 95px
}

.m55-90 {
    margin: 55px 90px
}

.p55-90 {
    padding: 55px 90px
}

.m55-85 {
    margin: 55px 85px
}

.p55-85 {
    padding: 55px 85px
}

.m55-80 {
    margin: 55px 80px
}

.p55-80 {
    padding: 55px 80px
}

.m55-75 {
    margin: 55px 75px
}

.p55-75 {
    padding: 55px 75px
}

.m55-70 {
    margin: 55px 70px
}

.p55-70 {
    padding: 55px 70px
}

.m55-65 {
    margin: 55px 65px
}

.p55-65 {
    padding: 55px 65px
}

.m55-60 {
    margin: 55px 60px
}

.p55-60 {
    padding: 55px 60px
}

.m55-55 {
    margin: 55px 55px
}

.p55-55 {
    padding: 55px 55px
}

.m55-50 {
    margin: 55px 50px
}

.p55-50 {
    padding: 55px 50px
}

.m55-45 {
    margin: 55px 45px
}

.p55-45 {
    padding: 55px 45px
}

.m55-40 {
    margin: 55px 40px
}

.p55-40 {
    padding: 55px 40px
}

.m55-35 {
    margin: 55px 35px
}

.p55-35 {
    padding: 55px 35px
}

.m55-30 {
    margin: 55px 30px
}

.p55-30 {
    padding: 55px 30px
}

.m55-25 {
    margin: 55px 25px
}

.p55-25 {
    padding: 55px 25px
}

.m55-20 {
    margin: 55px 20px
}

.p55-20 {
    padding: 55px 20px
}

.m55-15 {
    margin: 55px 15px
}

.p55-15 {
    padding: 55px 15px
}

.m55-10 {
    margin: 55px 10px
}

.p55-10 {
    padding: 55px 10px
}

.m55-5 {
    margin: 55px 5px
}

.p55-5 {
    padding: 55px 5px
}

.m55-0 {
    margin: 55px 0
}

.p55-0 {
    padding: 55px 0
}

.m50-100 {
    margin: 50px 100px
}

.p50-100 {
    padding: 50px 100px
}

.m50-95 {
    margin: 50px 95px
}

.p50-95 {
    padding: 50px 95px
}

.m50-90 {
    margin: 50px 90px
}

.p50-90 {
    padding: 50px 90px
}

.m50-85 {
    margin: 50px 85px
}

.p50-85 {
    padding: 50px 85px
}

.m50-80 {
    margin: 50px 80px
}

.p50-80 {
    padding: 50px 80px
}

.m50-75 {
    margin: 50px 75px
}

.p50-75 {
    padding: 50px 75px
}

.m50-70 {
    margin: 50px 70px
}

.p50-70 {
    padding: 50px 70px
}

.m50-65 {
    margin: 50px 65px
}

.p50-65 {
    padding: 50px 65px
}

.m50-60 {
    margin: 50px 60px
}

.p50-60 {
    padding: 50px 60px
}

.m50-55 {
    margin: 50px 55px
}

.p50-55 {
    padding: 50px 55px
}

.m50-50 {
    margin: 50px 50px
}

.p50-50 {
    padding: 50px 50px
}

.m50-45 {
    margin: 50px 45px
}

.p50-45 {
    padding: 50px 45px
}

.m50-40 {
    margin: 50px 40px
}

.p50-40 {
    padding: 50px 40px
}

.m50-35 {
    margin: 50px 35px
}

.p50-35 {
    padding: 50px 35px
}

.m50-30 {
    margin: 50px 30px
}

.p50-30 {
    padding: 50px 30px
}

.m50-25 {
    margin: 50px 25px
}

.p50-25 {
    padding: 50px 25px
}

.m50-20 {
    margin: 50px 20px
}

.p50-20 {
    padding: 50px 20px
}

.m50-15 {
    margin: 50px 15px
}

.p50-15 {
    padding: 50px 15px
}

.m50-10 {
    margin: 50px 10px
}

.p50-10 {
    padding: 50px 10px
}

.m50-5 {
    margin: 50px 5px
}

.p50-5 {
    padding: 50px 5px
}

.m50-0 {
    margin: 50px 0
}

.p50-0 {
    padding: 50px 0
}

.m45-100 {
    margin: 45px 100px
}

.p45-100 {
    padding: 45px 100px
}

.m45-95 {
    margin: 45px 95px
}

.p45-95 {
    padding: 45px 95px
}

.m45-90 {
    margin: 45px 90px
}

.p45-90 {
    padding: 45px 90px
}

.m45-85 {
    margin: 45px 85px
}

.p45-85 {
    padding: 45px 85px
}

.m45-80 {
    margin: 45px 80px
}

.p45-80 {
    padding: 45px 80px
}

.m45-75 {
    margin: 45px 75px
}

.p45-75 {
    padding: 45px 75px
}

.m45-70 {
    margin: 45px 70px
}

.p45-70 {
    padding: 45px 70px
}

.m45-65 {
    margin: 45px 65px
}

.p45-65 {
    padding: 45px 65px
}

.m45-60 {
    margin: 45px 60px
}

.p45-60 {
    padding: 45px 60px
}

.m45-55 {
    margin: 45px 55px
}

.p45-55 {
    padding: 45px 55px
}

.m45-50 {
    margin: 45px 50px
}

.p45-50 {
    padding: 45px 50px
}

.m45-45 {
    margin: 45px 45px
}

.p45-45 {
    padding: 45px 45px
}

.m45-40 {
    margin: 45px 40px
}

.p45-40 {
    padding: 45px 40px
}

.m45-35 {
    margin: 45px 35px
}

.p45-35 {
    padding: 45px 35px
}

.m45-30 {
    margin: 45px 30px
}

.p45-30 {
    padding: 45px 30px
}

.m45-25 {
    margin: 45px 25px
}

.p45-25 {
    padding: 45px 25px
}

.m45-20 {
    margin: 45px 20px
}

.p45-20 {
    padding: 45px 20px
}

.m45-15 {
    margin: 45px 15px
}

.p45-15 {
    padding: 45px 15px
}

.m45-10 {
    margin: 45px 10px
}

.p45-10 {
    padding: 45px 10px
}

.m45-5 {
    margin: 45px 5px
}

.p45-5 {
    padding: 45px 5px
}

.m45-0 {
    margin: 45px 0
}

.p45-0 {
    padding: 45px 0
}

.m40-100 {
    margin: 40px 100px
}

.p40-100 {
    padding: 40px 100px
}

.m40-95 {
    margin: 40px 95px
}

.p40-95 {
    padding: 40px 95px
}

.m40-90 {
    margin: 40px 90px
}

.p40-90 {
    padding: 40px 90px
}

.m40-85 {
    margin: 40px 85px
}

.p40-85 {
    padding: 40px 85px
}

.m40-80 {
    margin: 40px 80px
}

.p40-80 {
    padding: 40px 80px
}

.m40-75 {
    margin: 40px 75px
}

.p40-75 {
    padding: 40px 75px
}

.m40-70 {
    margin: 40px 70px
}

.p40-70 {
    padding: 40px 70px
}

.m40-65 {
    margin: 40px 65px
}

.p40-65 {
    padding: 40px 65px
}

.m40-60 {
    margin: 40px 60px
}

.p40-60 {
    padding: 40px 60px
}

.m40-55 {
    margin: 40px 55px
}

.p40-55 {
    padding: 40px 55px
}

.m40-50 {
    margin: 40px 50px
}

.p40-50 {
    padding: 40px 50px
}

.m40-45 {
    margin: 40px 45px
}

.p40-45 {
    padding: 40px 45px
}

.m40-40 {
    margin: 40px 40px
}

.p40-40 {
    padding: 40px 40px
}

.m40-35 {
    margin: 40px 35px
}

.p40-35 {
    padding: 40px 35px
}

.m40-30 {
    margin: 40px 30px
}

.p40-30 {
    padding: 40px 30px
}

.m40-25 {
    margin: 40px 25px
}

.p40-25 {
    padding: 40px 25px
}

.m40-20 {
    margin: 40px 20px
}

.p40-20 {
    padding: 40px 20px
}

.m40-15 {
    margin: 40px 15px
}

.p40-15 {
    padding: 40px 15px
}

.m40-10 {
    margin: 40px 10px
}

.p40-10 {
    padding: 40px 10px
}

.m40-5 {
    margin: 40px 5px
}

.p40-5 {
    padding: 40px 5px
}

.m40-0 {
    margin: 40px 0
}

.p40-0 {
    padding: 40px 0
}

.m35-100 {
    margin: 35px 100px
}

.p35-100 {
    padding: 35px 100px
}

.m35-95 {
    margin: 35px 95px
}

.p35-95 {
    padding: 35px 95px
}

.m35-90 {
    margin: 35px 90px
}

.p35-90 {
    padding: 35px 90px
}

.m35-85 {
    margin: 35px 85px
}

.p35-85 {
    padding: 35px 85px
}

.m35-80 {
    margin: 35px 80px
}

.p35-80 {
    padding: 35px 80px
}

.m35-75 {
    margin: 35px 75px
}

.p35-75 {
    padding: 35px 75px
}

.m35-70 {
    margin: 35px 70px
}

.p35-70 {
    padding: 35px 70px
}

.m35-65 {
    margin: 35px 65px
}

.p35-65 {
    padding: 35px 65px
}

.m35-60 {
    margin: 35px 60px
}

.p35-60 {
    padding: 35px 60px
}

.m35-55 {
    margin: 35px 55px
}

.p35-55 {
    padding: 35px 55px
}

.m35-50 {
    margin: 35px 50px
}

.p35-50 {
    padding: 35px 50px
}

.m35-45 {
    margin: 35px 45px
}

.p35-45 {
    padding: 35px 45px
}

.m35-40 {
    margin: 35px 40px
}

.p35-40 {
    padding: 35px 40px
}

.m35-35 {
    margin: 35px 35px
}

.p35-35 {
    padding: 35px 35px
}

.m35-30 {
    margin: 35px 30px
}

.p35-30 {
    padding: 35px 30px
}

.m35-25 {
    margin: 35px 25px
}

.p35-25 {
    padding: 35px 25px
}

.m35-20 {
    margin: 35px 20px
}

.p35-20 {
    padding: 35px 20px
}

.m35-15 {
    margin: 35px 15px
}

.p35-15 {
    padding: 35px 15px
}

.m35-10 {
    margin: 35px 10px
}

.p35-10 {
    padding: 35px 10px
}

.m35-5 {
    margin: 35px 5px
}

.p35-5 {
    padding: 35px 5px
}

.m35-0 {
    margin: 35px 0
}

.p35-0 {
    padding: 35px 0
}

.m30-100 {
    margin: 30px 100px
}

.p30-100 {
    padding: 30px 100px
}

.m30-95 {
    margin: 30px 95px
}

.p30-95 {
    padding: 30px 95px
}

.m30-90 {
    margin: 30px 90px
}

.p30-90 {
    padding: 30px 90px
}

.m30-85 {
    margin: 30px 85px
}

.p30-85 {
    padding: 30px 85px
}

.m30-80 {
    margin: 30px 80px
}

.p30-80 {
    padding: 30px 80px
}

.m30-75 {
    margin: 30px 75px
}

.p30-75 {
    padding: 30px 75px
}

.m30-70 {
    margin: 30px 70px
}

.p30-70 {
    padding: 30px 70px
}

.m30-65 {
    margin: 30px 65px
}

.p30-65 {
    padding: 30px 65px
}

.m30-60 {
    margin: 30px 60px
}

.p30-60 {
    padding: 30px 60px
}

.m30-55 {
    margin: 30px 55px
}

.p30-55 {
    padding: 30px 55px
}

.m30-50 {
    margin: 30px 50px
}

.p30-50 {
    padding: 30px 50px
}

.m30-45 {
    margin: 30px 45px
}

.p30-45 {
    padding: 30px 45px
}

.m30-40 {
    margin: 30px 40px
}

.p30-40 {
    padding: 30px 40px
}

.m30-35 {
    margin: 30px 35px
}

.p30-35 {
    padding: 30px 35px
}

.m30-30 {
    margin: 30px 30px
}

.p30-30 {
    padding: 30px 30px
}

.m30-25 {
    margin: 30px 25px
}

.p30-25 {
    padding: 30px 25px
}

.m30-20 {
    margin: 30px 20px
}

.p30-20 {
    padding: 30px 20px
}

.m30-15 {
    margin: 30px 15px
}

.p30-15 {
    padding: 30px 15px
}

.m30-10 {
    margin: 30px 10px
}

.p30-10 {
    padding: 30px 10px
}

.m30-5 {
    margin: 30px 5px
}

.p30-5 {
    padding: 30px 5px
}

.m30-0 {
    margin: 30px 0
}

.p30-0 {
    padding: 30px 0
}

.m25-100 {
    margin: 25px 100px
}

.p25-100 {
    padding: 25px 100px
}

.m25-95 {
    margin: 25px 95px
}

.p25-95 {
    padding: 25px 95px
}

.m25-90 {
    margin: 25px 90px
}

.p25-90 {
    padding: 25px 90px
}

.m25-85 {
    margin: 25px 85px
}

.p25-85 {
    padding: 25px 85px
}

.m25-80 {
    margin: 25px 80px
}

.p25-80 {
    padding: 25px 80px
}

.m25-75 {
    margin: 25px 75px
}

.p25-75 {
    padding: 25px 75px
}

.m25-70 {
    margin: 25px 70px
}

.p25-70 {
    padding: 25px 70px
}

.m25-65 {
    margin: 25px 65px
}

.p25-65 {
    padding: 25px 65px
}

.m25-60 {
    margin: 25px 60px
}

.p25-60 {
    padding: 25px 60px
}

.m25-55 {
    margin: 25px 55px
}

.p25-55 {
    padding: 25px 55px
}

.m25-50 {
    margin: 25px 50px
}

.p25-50 {
    padding: 25px 50px
}

.m25-45 {
    margin: 25px 45px
}

.p25-45 {
    padding: 25px 45px
}

.m25-40 {
    margin: 25px 40px
}

.p25-40 {
    padding: 25px 40px
}

.m25-35 {
    margin: 25px 35px
}

.p25-35 {
    padding: 25px 35px
}

.m25-30 {
    margin: 25px 30px
}

.p25-30 {
    padding: 25px 30px
}

.m25-25 {
    margin: 25px 25px
}

.p25-25 {
    padding: 25px 25px
}

.m25-20 {
    margin: 25px 20px
}

.p25-20 {
    padding: 25px 20px
}

.m25-15 {
    margin: 25px 15px
}

.p25-15 {
    padding: 25px 15px
}

.m25-10 {
    margin: 25px 10px
}

.p25-10 {
    padding: 25px 10px
}

.m25-5 {
    margin: 25px 5px
}

.p25-5 {
    padding: 25px 5px
}

.m25-0 {
    margin: 25px 0
}

.p25-0 {
    padding: 25px 0
}

.m20-100 {
    margin: 20px 100px
}

.p20-100 {
    padding: 20px 100px
}

.m20-95 {
    margin: 20px 95px
}

.p20-95 {
    padding: 20px 95px
}

.m20-90 {
    margin: 20px 90px
}

.p20-90 {
    padding: 20px 90px
}

.m20-85 {
    margin: 20px 85px
}

.p20-85 {
    padding: 20px 85px
}

.m20-80 {
    margin: 20px 80px
}

.p20-80 {
    padding: 20px 80px
}

.m20-75 {
    margin: 20px 75px
}

.p20-75 {
    padding: 20px 75px
}

.m20-70 {
    margin: 20px 70px
}

.p20-70 {
    padding: 20px 70px
}

.m20-65 {
    margin: 20px 65px
}

.p20-65 {
    padding: 20px 65px
}

.m20-60 {
    margin: 20px 60px
}

.p20-60 {
    padding: 20px 60px
}

.m20-55 {
    margin: 20px 55px
}

.p20-55 {
    padding: 20px 55px
}

.m20-50 {
    margin: 20px 50px
}

.p20-50 {
    padding: 20px 50px
}

.m20-45 {
    margin: 20px 45px
}

.p20-45 {
    padding: 20px 45px
}

.m20-40 {
    margin: 20px 40px
}

.p20-40 {
    padding: 20px 40px
}

.m20-35 {
    margin: 20px 35px
}

.p20-35 {
    padding: 20px 35px
}

.m20-30 {
    margin: 20px 30px
}

.p20-30 {
    padding: 20px 30px
}

.m20-25 {
    margin: 20px 25px
}

.p20-25 {
    padding: 20px 25px
}

.m20-20 {
    margin: 20px 20px
}

.p20-20 {
    padding: 20px 20px
}

.m20-15 {
    margin: 20px 15px
}

.p20-15 {
    padding: 20px 15px
}

.m20-10 {
    margin: 20px 10px
}

.p20-10 {
    padding: 20px 10px
}

.m20-5 {
    margin: 20px 5px
}

.p20-5 {
    padding: 20px 5px
}

.m20-0 {
    margin: 20px 0
}

.p20-0 {
    padding: 20px 0
}

.m15-100 {
    margin: 15px 100px
}

.p15-100 {
    padding: 15px 100px
}

.m15-95 {
    margin: 15px 95px
}

.p15-95 {
    padding: 15px 95px
}

.m15-90 {
    margin: 15px 90px
}

.p15-90 {
    padding: 15px 90px
}

.m15-85 {
    margin: 15px 85px
}

.p15-85 {
    padding: 15px 85px
}

.m15-80 {
    margin: 15px 80px
}

.p15-80 {
    padding: 15px 80px
}

.m15-75 {
    margin: 15px 75px
}

.p15-75 {
    padding: 15px 75px
}

.m15-70 {
    margin: 15px 70px
}

.p15-70 {
    padding: 15px 70px
}

.m15-65 {
    margin: 15px 65px
}

.p15-65 {
    padding: 15px 65px
}

.m15-60 {
    margin: 15px 60px
}

.p15-60 {
    padding: 15px 60px
}

.m15-55 {
    margin: 15px 55px
}

.p15-55 {
    padding: 15px 55px
}

.m15-50 {
    margin: 15px 50px
}

.p15-50 {
    padding: 15px 50px
}

.m15-45 {
    margin: 15px 45px
}

.p15-45 {
    padding: 15px 45px
}

.m15-40 {
    margin: 15px 40px
}

.p15-40 {
    padding: 15px 40px
}

.m15-35 {
    margin: 15px 35px
}

.p15-35 {
    padding: 15px 35px
}

.m15-30 {
    margin: 15px 30px
}

.p15-30 {
    padding: 15px 30px
}

.m15-25 {
    margin: 15px 25px
}

.p15-25 {
    padding: 15px 25px
}

.m15-20 {
    margin: 15px 20px
}

.p15-20 {
    padding: 15px 20px
}

.m15-15 {
    margin: 15px 15px
}

.p15-15 {
    padding: 15px 15px
}

.m15-10 {
    margin: 15px 10px
}

.p15-10 {
    padding: 15px 10px
}

.m15-5 {
    margin: 15px 5px
}

.p15-5 {
    padding: 15px 5px
}

.m15-0 {
    margin: 15px 0
}

.p15-0 {
    padding: 15px 0
}

.m10-100 {
    margin: 10px 100px
}

.p10-100 {
    padding: 10px 100px
}

.m10-95 {
    margin: 10px 95px
}

.p10-95 {
    padding: 10px 95px
}

.m10-90 {
    margin: 10px 90px
}

.p10-90 {
    padding: 10px 90px
}

.m10-85 {
    margin: 10px 85px
}

.p10-85 {
    padding: 10px 85px
}

.m10-80 {
    margin: 10px 80px
}

.p10-80 {
    padding: 10px 80px
}

.m10-75 {
    margin: 10px 75px
}

.p10-75 {
    padding: 10px 75px
}

.m10-70 {
    margin: 10px 70px
}

.p10-70 {
    padding: 10px 70px
}

.m10-65 {
    margin: 10px 65px
}

.p10-65 {
    padding: 10px 65px
}

.m10-60 {
    margin: 10px 60px
}

.p10-60 {
    padding: 10px 60px
}

.m10-55 {
    margin: 10px 55px
}

.p10-55 {
    padding: 10px 55px
}

.m10-50 {
    margin: 10px 50px
}

.p10-50 {
    padding: 10px 50px
}

.m10-45 {
    margin: 10px 45px
}

.p10-45 {
    padding: 10px 45px
}

.m10-40 {
    margin: 10px 40px
}

.p10-40 {
    padding: 10px 40px
}

.m10-35 {
    margin: 10px 35px
}

.p10-35 {
    padding: 10px 35px
}

.m10-30 {
    margin: 10px 30px
}

.p10-30 {
    padding: 10px 30px
}

.m10-25 {
    margin: 10px 25px
}

.p10-25 {
    padding: 10px 25px
}

.m10-20 {
    margin: 10px 20px
}

.p10-20 {
    padding: 10px 20px
}

.m10-15 {
    margin: 10px 15px
}

.p10-15 {
    padding: 10px 15px
}

.m10-10 {
    margin: 10px 10px
}

.p10-10 {
    padding: 10px 10px
}

.m10-5 {
    margin: 10px 5px
}

.p10-5 {
    padding: 10px 5px
}

.m10-0 {
    margin: 10px 0
}

.p10-0 {
    padding: 10px 0
}

.m5-100 {
    margin: 5px 100px
}

.p5-100 {
    padding: 5px 100px
}

.m5-95 {
    margin: 5px 95px
}

.p5-95 {
    padding: 5px 95px
}

.m5-90 {
    margin: 5px 90px
}

.p5-90 {
    padding: 5px 90px
}

.m5-85 {
    margin: 5px 85px
}

.p5-85 {
    padding: 5px 85px
}

.m5-80 {
    margin: 5px 80px
}

.p5-80 {
    padding: 5px 80px
}

.m5-75 {
    margin: 5px 75px
}

.p5-75 {
    padding: 5px 75px
}

.m5-70 {
    margin: 5px 70px
}

.p5-70 {
    padding: 5px 70px
}

.m5-65 {
    margin: 5px 65px
}

.p5-65 {
    padding: 5px 65px
}

.m5-60 {
    margin: 5px 60px
}

.p5-60 {
    padding: 5px 60px
}

.m5-55 {
    margin: 5px 55px
}

.p5-55 {
    padding: 5px 55px
}

.m5-50 {
    margin: 5px 50px
}

.p5-50 {
    padding: 5px 50px
}

.m5-45 {
    margin: 5px 45px
}

.p5-45 {
    padding: 5px 45px
}

.m5-40 {
    margin: 5px 40px
}

.p5-40 {
    padding: 5px 40px
}

.m5-35 {
    margin: 5px 35px
}

.p5-35 {
    padding: 5px 35px
}

.m5-30 {
    margin: 5px 30px
}

.p5-30 {
    padding: 5px 30px
}

.m5-25 {
    margin: 5px 25px
}

.p5-25 {
    padding: 5px 25px
}

.m5-20 {
    margin: 5px 20px
}

.p5-20 {
    padding: 5px 20px
}

.m5-15 {
    margin: 5px 15px
}

.p5-15 {
    padding: 5px 15px
}

.m5-10 {
    margin: 5px 10px
}

.p5-10 {
    padding: 5px 10px
}

.m5-5 {
    margin: 5px 5px
}

.p5-5 {
    padding: 5px 5px
}

.m5-0 {
    margin: 5px 0
}

.p5-0 {
    padding: 5px 0
}

.m0-100 {
    margin: 0 100px
}

.p0-100 {
    padding: 0 100px
}

.m0-95 {
    margin: 0 95px
}

.p0-95 {
    padding: 0 95px
}

.m0-90 {
    margin: 0 90px
}

.p0-90 {
    padding: 0 90px
}

.m0-85 {
    margin: 0 85px
}

.p0-85 {
    padding: 0 85px
}

.m0-80 {
    margin: 0 80px
}

.p0-80 {
    padding: 0 80px
}

.m0-75 {
    margin: 0 75px
}

.p0-75 {
    padding: 0 75px
}

.m0-70 {
    margin: 0 70px
}

.p0-70 {
    padding: 0 70px
}

.m0-65 {
    margin: 0 65px
}

.p0-65 {
    padding: 0 65px
}

.m0-60 {
    margin: 0 60px
}

.p0-60 {
    padding: 0 60px
}

.m0-55 {
    margin: 0 55px
}

.p0-55 {
    padding: 0 55px
}

.m0-50 {
    margin: 0 50px
}

.p0-50 {
    padding: 0 50px
}

.m0-45 {
    margin: 0 45px
}

.p0-45 {
    padding: 0 45px
}

.m0-40 {
    margin: 0 40px
}

.p0-40 {
    padding: 0 40px
}

.m0-35 {
    margin: 0 35px
}

.p0-35 {
    padding: 0 35px
}

.m0-30 {
    margin: 0 30px
}

.p0-30 {
    padding: 0 30px
}

.m0-25 {
    margin: 0 25px
}

.p0-25 {
    padding: 0 25px
}

.m0-20 {
    margin: 0 20px
}

.p0-20 {
    padding: 0 20px
}

.m0-15 {
    margin: 0 15px
}

.p0-15 {
    padding: 0 15px
}

.m0-10 {
    margin: 0 10px
}

.p0-10 {
    padding: 0 10px
}

.m0-5 {
    margin: 0 5px
}

.p0-5 {
    padding: 0 5px
}

.m0-0 {
    margin: 0 0
}

.p0-0 {
    padding: 0 0
}

.fs48 {
    font-size: 48px
}

.fs47 {
    font-size: 47px
}

.fs46 {
    font-size: 46px
}

.fs45 {
    font-size: 45px
}

.fs44 {
    font-size: 44px
}

.fs43 {
    font-size: 43px
}

.fs42 {
    font-size: 42px
}

.fs41 {
    font-size: 41px
}

.fs40 {
    font-size: 40px
}

.fs39 {
    font-size: 39px
}

.fs38 {
    font-size: 38px
}

.fs37 {
    font-size: 37px
}

.fs36 {
    font-size: 36px
}

.fs35 {
    font-size: 35px
}

.fs34 {
    font-size: 34px
}

.fs33 {
    font-size: 33px
}

.fs32 {
    font-size: 32px
}

.fs31 {
    font-size: 31px
}

.fs30 {
    font-size: 30px
}

.fs29 {
    font-size: 29px
}

.fs28 {
    font-size: 28px
}

.fs27 {
    font-size: 27px
}

.fs26 {
    font-size: 26px
}

.fs25 {
    font-size: 25px
}

.fs24 {
    font-size: 24px
}

.fs23 {
    font-size: 23px
}

.fs22 {
    font-size: 22px
}

.fs21 {
    font-size: 21px
}

.fs20 {
    font-size: 20px
}

.fs19 {
    font-size: 19px
}

.fs18 {
    font-size: 18px
}

.fs17 {
    font-size: 17px
}

.fs16 {
    font-size: 16px
}

.fs15 {
    font-size: 15px
}

.fs14 {
    font-size: 14px
}

.fs13 {
    font-size: 13px
}

.fs12 {
    font-size: 12px
}

.fs11 {
    font-size: 11px
}

.fs10 {
    font-size: 10px
}

.fs9 {
    font-size: 9px
}

.fs8 {
    font-size: 8px
}

.fs7 {
    font-size: 7px
}

.fs6 {
    font-size: 6px
}

.fs5 {
    font-size: 5px
}

.fs4 {
    font-size: 4px
}

.fs3 {
    font-size: 3px
}

.fs2 {
    font-size: 2px
}

.fs1 {
    font-size: 1px
}

.bw3 {
    border-width: 3px;
    border-style: solid
}

.btw3 {
    border-top-width: 3px;
    border-top-style: solid
}

.bbw3 {
    border-bottom-width: 3px;
    border-bottom-style: solid
}

.bw2 {
    border-width: 2px;
    border-style: solid
}

.btw2 {
    border-top-width: 2px;
    border-top-style: solid
}

.bbw2 {
    border-bottom-width: 2px;
    border-bottom-style: solid
}

.bw1 {
    border-width: 1px;
    border-style: solid
}

.btw1 {
    border-top-width: 1px;
    border-top-style: solid
}

.bbw1 {
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.pure-tabs #t6:checked~.pure-tabs-main>:nth-child(6),
.pure-tabs #t6:checked~* .pure-tabs-main>:nth-child(6) {
    display: block
}

.pure-tabs #t5:checked~.pure-tabs-main>:nth-child(5),
.pure-tabs #t5:checked~* .pure-tabs-main>:nth-child(5) {
    display: block
}

.pure-tabs #t4:checked~.pure-tabs-main>:nth-child(4),
.pure-tabs #t4:checked~* .pure-tabs-main>:nth-child(4) {
    display: block
}

.pure-tabs #t3:checked~.pure-tabs-main>:nth-child(3),
.pure-tabs #t3:checked~* .pure-tabs-main>:nth-child(3) {
    display: block
}

.pure-tabs #t2:checked~.pure-tabs-main>:nth-child(2),
.pure-tabs #t2:checked~* .pure-tabs-main>:nth-child(2) {
    display: block
}

.pure-tabs #t1:checked~.pure-tabs-main>:nth-child(1),
.pure-tabs #t1:checked~* .pure-tabs-main>:nth-child(1) {
    display: block
}

.lh3 {
    line-height: .3
}

.mw3 {
    max-width: 3px
}

.br3 {
    border-radius: 3px
}

.lh4 {
    line-height: .4
}

.mw4 {
    max-width: 4px
}

.br4 {
    border-radius: 4px
}

.lh5 {
    line-height: .5
}

.mw5 {
    max-width: 5px
}

.br5 {
    border-radius: 5px
}

.lh6 {
    line-height: .6
}

.mw6 {
    max-width: 6px
}

.br6 {
    border-radius: 6px
}

.lh10 {
    line-height: 1
}

.mw10 {
    max-width: 10px
}

.br10 {
    border-radius: 10px
}

.lh20 {
    line-height: 2
}

.mw20 {
    max-width: 20px
}

.br20 {
    border-radius: 20px
}

.m-xxs {
    margin: 5px
}

.m-xs {
    margin: 10px
}

.m-sm {
    margin: 15px
}

.m-md {
    margin: 20px
}

.m-lg {
    margin: 30px
}

.m-xl {
    margin: 60px
}

.mt-xxs {
    margin-top: 5px
}

.mt-xs {
    margin-top: 10px
}

.mt-sm {
    margin-top: 15px
}

.mt-md {
    margin-top: 20px
}

.mt-lg {
    margin-top: 30px
}

.mt-xl {
    margin-top: 60px
}

.mr-xxs {
    margin-right: 5px
}

.mr-xs {
    margin-right: 10px
}

.mr-sm {
    margin-right: 15px
}

.mr-md {
    margin-right: 20px
}

.mr-lg {
    margin-right: 30px
}

.mr-xl {
    margin-right: 60px
}

.mb-xxs {
    margin-bottom: 5px
}

.mb-xs {
    margin-bottom: 10px
}

.mb-sm {
    margin-bottom: 15px
}

.mb-md {
    margin-bottom: 20px
}

.mb-lg {
    margin-bottom: 30px
}

.mb-xl {
    margin-bottom: 60px
}

.ml-xxs {
    margin-left: 5px
}

.ml-xs {
    margin-left: 10px
}

.ml-sm {
    margin-left: 15px
}

.ml-md {
    margin-left: 20px
}

.ml-lg {
    margin-left: 30px
}

.ml-xl {
    margin-left: 60px
}

.p-xxs {
    padding: 5px
}

.p-xs {
    padding: 10px
}

.p-sm {
    padding: 15px
}

.p-md {
    padding: 20px
}

.p-lg {
    padding: 30px
}

.p-xl {
    padding: 60px
}

.pt-xxs {
    padding-top: 5px
}

.pt-xs {
    padding-top: 10px
}

.pt-sm {
    padding-top: 15px
}

.pt-md {
    padding-top: 20px
}

.pt-lg {
    padding-top: 30px
}

.pt-xl {
    padding-top: 60px
}

.pr-xxs {
    padding-right: 5px
}

.pr-xs {
    padding-right: 10px
}

.pr-sm {
    padding-right: 15px
}

.pr-md {
    padding-right: 20px
}

.pr-lg {
    padding-right: 30px
}

.pr-xl {
    padding-right: 60px
}

.pb-xxs {
    padding-bottom: 5px
}

.pb-xs {
    padding-bottom: 10px
}

.pb-sm {
    padding-bottom: 15px
}

.pb-md {
    padding-bottom: 20px
}

.pb-lg {
    padding-bottom: 30px
}

.pb-xl {
    padding-bottom: 60px
}

.pl-xxs {
    padding-left: 5px
}

.pl-xs {
    padding-left: 10px
}

.pl-sm {
    padding-left: 15px
}

.pl-md {
    padding-left: 20px
}

.pl-lg {
    padding-left: 30px
}

.pl-xl {
    padding-left: 60px
}

.geor {
    font-family: georgia;
    font-weight: lighter;
    font-style: italic;
    color: #555
}

.geor>h1,
.geor>h2,
.geor>h3,
.geor>h4,
.geor>h5,
.geor>h6 {
    font-weight: lighter;
    font-style: italic;
    color: #555
}

.fontawesome {
    font-family: FontAwesome
}

.fontawesome-force {
    font-family: FontAwesome!important
}

.icon-circle-blank:before {
    content: "\25EF"
}

html {
    position: relative;
    min-height: 100%;
    -webkit-font-smoothing: antialiased
}

body {
    position: static
}

body.controller-dashboard {
    background: #fff
}

body.organization.controller-courses.action-index #collection-header {
    display: none
}

body .join-bar {
    padding: 10px 10px;
    background: #fff
}

body .join-bar .join-bar-middle {
    width: 600px;
    margin: 0 auto
}

body .join-bar .join-bar-middle p {
    line-height: 20px;
    font-size: 15px;
    float: left;
    margin: 0
}

body .join-bar .join-bar-middle a {
    float: right;
    margin-top: 2px
}

@media (max-width: 767px) {
    body .join-bar .join-bar-middle {
        width: auto
    }
}

@media (max-width: 767px) {
    body .join-bar {
        display: none
    }
}

body #v3-footer {
    position: relative;
    float: left;
    width: 100%
}

body #v3-footer h3 {
    font-size: 16px;
    color: #686a6e;
    margin: 0
}

body #v3-footer .jwmi {
    font-size: 14px;
    font-weight: 300;
    line-height: 1;
    color: #333;
    position: relative;
    top: -8px
}

body #v3-footer .jwmi:hover {
    color: #746E6E
}

body #v3-footer .top {
    background: #E0E0E0;
    padding: 10px 0;
    border-top: 1px solid #c5c6c8;
    box-shadow: 0 1px #f3f3f5 inset
}

body #v3-footer #ins-image {
    width: 166px;
    height: 76px;
    background: url(/staticx/udemy/images/v3/footer-instructor.jpg);
    border: 2px solid #fff;
    box-shadow: 0 0 2px #828282;
    position: relative
}

body #v3-footer #ins-image a {
    position: absolute;
    left: 50%;
    top: 100%;
    white-space: nowrap;
    margin: 0 0 0 -115px;
    box-shadow: 0 0 0 4px, 0 1px 2px 4px #9C9C9C
}

body #v3-footer #ins-content {
    position: relative
}

body #v3-footer #about-text {
    position: absolute;
    top: 0;
    left: 180px;
    font-size: 14px;
    font-weight: 300;
    line-height: 1
}

body #v3-footer .bottom-v3-02 {
    margin-top: 25px
}

body #v3-footer .bottom-v3-02 #bottom-items {
    position: relative;
    bottom: 0
}

body #v3-footer .bottom {
    background: #1E1E1E;
    box-shadow: 0 20px 20px -10px #5b5b5b inset
}

body #v3-footer .bottom ul {
    float: left
}

body #v3-footer .bottom li {
    float: left
}

body #v3-footer .bottom li:first-child a {
    border: 0;
    padding-left: 0
}

body #v3-footer .bottom a {
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    color: #d8dbe1;
    margin: 20px 0;
    border-left: 1px solid #d8dbe1;
    padding: 0 7px
}

body #v3-footer .bottom a:hover {
    color: #666
}

body #v3-footer #copyright {
    float: right;
    color: #d8dbe1;
    margin: 15px 0
}

body .white-wrapper {
    background: #fff
}

body .signup-header-title {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px
}

body .facebook-box-wrapper {
    float: left;
    width: 300px;
    text-align: center
}

body #signup-form #form-item-timeZone {
    display: none
}

#sample {
    background-color: #fff
}

#course-approval-header {
    margin-bottom: 20px;
    border-top: 6px solid #8a6d3b!important
}

#course-approval-header.upsell,
#course-approval-header.approved {
    border-top: 6px solid #3c763d!important
}

#course-approval-header.upsell .container h2 span,
#course-approval-header.approved .container h2 span {
    color: #3c763d
}

#course-approval-header.not-approved,
#course-approval-header.not-approved-almost-there {
    border-top: 6px solid #a94442!important
}

#course-approval-header.not-approved .container h2 span,
#course-approval-header.not-approved-almost-there .container h2 span {
    color: #a94442
}

#course-approval-header .container {
    width: 100%;
    padding: 0 90px;
    text-align: center
}

#course-approval-header .container .q-mark {
    top: 50%;
    right: -35px;
    margin-top: -15px;
    font-size: 14px
}

#course-approval-header .container h2 {
    font-size: 18px;
    margin-bottom: 5px
}

#course-approval-header .container h2 span {
    color: #8a6d3b
}

#course-approval-header .container h3 {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

#w-size {
    position: fixed;
    background: rgba(255, 255, 255, .5);
    bottom: 0;
    right: 0;
    z-index: 9999;
    font-size: 10px;
    padding: 0 5px
}

#upgrade-browser {
    text-align: center;
    color: #555
}

#upgrade-browser #big-logo img {
    width: 200px;
    margin-top: 30px
}

#upgrade-browser #we {
    font-size: 22px;
    line-height: 1.2;
    margin-top: 20px
}

#upgrade-browser #please {
    margin-top: 20px;
    font-size: 30px;
    font-weight: 700
}

#upgrade-browser #browsers a {
    display: inline-block;
    margin: 10px
}

.mob-app {
    background-position: -1850px -3155px;
    display: inline-block;
    height: 45px;
    width: 135px;
    background-size: 500px
}

.mob-app-apple {
    background-position: -1850px -3210px;
    margin-top: 5px
}

.footer-site {
    background: #fff
}

.stickyfooter {
    margin-bottom: 76px
}

.stickyfooter .footer-v4,
.stickyfooter .footer-site,
.stickyfooter .footer-v42 {
    position: absolute;
    width: 100%;
    bottom: 0
}

.controller-join,
.action-forgot-password,
.action-unsubscribe-notification {
    margin-bottom: 76px
}

.controller-join .footer-v4,
.action-forgot-password .footer-v4,
.action-unsubscribe-notification .footer-v4,
.controller-join .footer-site,
.action-forgot-password .footer-site,
.action-unsubscribe-notification .footer-site,
.controller-join .footer-v42,
.action-forgot-password .footer-v42,
.action-unsubscribe-notification .footer-v42 {
    position: absolute;
    width: 100%;
    bottom: 0
}

.payment-page {
    margin-bottom: 76px;
    margin-bottom: 80px
}

.payment-page .footer-v4,
.payment-page .footer-site,
.payment-page .footer-v42 {
    position: absolute;
    width: 100%;
    bottom: 0
}

@media (max-width: 1024px) {
    .stickyfooter {
        margin-bottom: 0
    }
    .stickyfooter .footer-v4,
    .stickyfooter .footer-site,
    .stickyfooter .footer-v42 {
        position: relative;
        bottom: auto
    }
}

.connect-button-wrapper {
    margin-top: 5px
}

.connect-button {
    height: 40px;
    color: #fff;
    text-align: left;
    margin: 0;
    padding: 0;
    line-height: 38px;
    overflow: hidden;
    position: relative;
    font-size: 17px;
    display: block;
    width: 100%
}

.connect-button i {
    float: left;
    line-height: 40px;
    text-align: center;
    margin-right: 10px;
    color: #fff;
    width: 40px;
    font-size: 22px
}

.connect-button:active {
    top: 1px
}

.connect-button.fb {
    background: #297fb8;
    border: 1px solid #47637a
}

.connect-button.fb i {
    box-shadow: 1px 0 0 #1668a4, 2px 0 0 #5890B9
}

.connect-button.fb:hover,
.connect-button.fb:focus,
.connect-button.fb:active {
    background: #2573A7;
    color: #fff
}

.connect-button.google-btn {
    background: #d03a3c;
    border: 1px solid #a0393a
}

.connect-button.google-btn i {
    box-shadow: 1px 0 0 #b0393b, 2px 0 0 #be6b6d
}

.connect-button.google-btn:hover,
.connect-button.google-btn:focus,
.connect-button.google-btn:active {
    background: #bf3f3f;
    color: #fff
}

.back-btn {
    background: #fff;
    display: inline-block;
    position: absolute;
    height: 31px;
    line-height: 29px;
    padding: 0 10px;
    font-size: 12px;
    color: #353535;
    font-weight: 700;
    border: 1px solid #868687;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .2);
    position: relative
}

.back-btn2 {
    position: relative;
    background: #A8ABB0;
    color: #fff;
    padding: 0 10px 0;
    text-transform: uppercase;
    text-shadow: 0 -1px 1px #333;
    border: 1px solid #777a7d;
    box-shadow: 1px -1px 1px #666 inset, 0 1px rgba(255, 255, 255, .5);
    line-height: 24px;
    font-weight: 700;
    display: inline-block
}

.back-btn2:before {
    content: '';
    position: absolute;
    background: #A8ABB0;
    transform: rotate(rotate(45deg));
    -ms-transform: rotate(rotate(45deg));
    -webkit-transform: rotate(rotate(45deg));
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-backface-visibility: hidden;
    display: block;
    box-shadow: 1px -2px 1px #666 inset, 0 1px rgba(255, 255, 255, .5);
    left: -9px;
    top: 3px;
    padding: 9px
}

.back-btn2:hover {
    color: #333
}

.btn.whiteborder {
    font-weight: 400;
    text-transform: uppercase;
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px #ddd
}

.float-right {
    float: right!important
}

.float-left {
    float: left!important
}

.float-none {
    float: none!important
}

.btn-link.disabled {
    background-color: transparent;
    background-image: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.ud-jq-tabs {
    overflow: visible!important;
    display: none;
    border: none!important;
    background: none!important
}

.progress-small {
    margin-bottom: 0;
    height: 15px
}

.popover {
    width: auto!important;
    max-width: 600px
}

.popover .popover-content {
    width: 100%!important
}

.ud-popover .popover-html-content {
    visibility: hidden;
    opacity: 0;
    height: 0;
    width: 0;
    position: absolute
}

.ud-popover~.popover .popover-title:empty {
    display: none
}

.ud-popover~.popover .popover-content .ajax-loader-stick {
    position: inherit;
    display: block;
    margin: 10px
}

.ud-popover.no-padding~.popover .popover-content {
    padding: 0
}

.ud-popover.no-padding~.popover .popover-content form .manage-fields-wrapper {
    padding-bottom: 0
}

.ud-popover.no-padding~.popover .popover-content form .submit-row {
    margin-bottom: 10px
}

.btn-link:hover,
.btn-link:focus {
    text-decoration: none!important
}

.popup-feedback {
    text-align: center;
    padding: 20px 30px 20px 20px;
    font-size: 18px;
    font-weight: 700;
    color: #AAA
}

.indent.once {
    margin-left: 1em
}

.indent.twice {
    margin-left: 2em
}

.indent.three-times {
    margin-left: 3em
}

div.clear {
    clear: both;
    font-size: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
    visibility: hidden
}

.btn-group::before,
.btn-group::after {
    display: none
}

input[name*=tabs] {
    display: none
}

.hoverstyle {
    color: #000;
    background: #fff
}

.activestyle {
    color: #fff;
    background: #3DB9E8
}

.activestyle2 {
    color: #fff;
    background: #44464e;
    box-shadow: inset 0 1px 1px rgba(20, 60, 106, .3)
}

.activestyle3 {
    color: #555;
    background: #fff;
    box-shadow: none;
    border-bottom-color: #fff
}

.activestyle3 {
    color: #555;
    background: #fff;
    box-shadow: none;
    border-bottom-color: #fff
}

.activestyle4 {
    background: #F6F7F8;
    border-bottom-color: #F6F7F8;
    box-shadow: none;
    color: #526075
}

.active-small-class {
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .3)
}

.active-blue-class {
    background: #517bbd;
    color: #fff
}

#tab8:checked~.tab-label-container label[for=tab8] {
    color: #fff;
    background: #3DB9E8
}

#tab8:checked~.tab-label-container .dark-nav label[for=tab8] {
    color: #fff;
    background: #44464e;
    box-shadow: inset 0 1px 1px rgba(20, 60, 106, .3)
}

#tab8:checked~.tab-label-container .simple label[for=tab8] {
    color: #555;
    background: #fff;
    box-shadow: none;
    border-bottom-color: #fff
}

#tab8:checked~.tab-label-container .classic-tabs label[for=tab8] {
    background: #F6F7F8;
    border-bottom-color: #F6F7F8;
    box-shadow: none;
    color: #526075
}

#tab8:checked~.tab-label-container .small label[for=tab8] {
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .3)
}

#tab8:checked~.tab-label-container .active-blue label[for=tab8] {
    background: #517bbd;
    color: #fff
}

#tab8:checked~.tab-divs #tab8-content {
    display: block
}

#tab8:checked~.tab-divs>:nth-child(8) {
    display: block
}

#tab7:checked~.tab-label-container label[for=tab7] {
    color: #fff;
    background: #3DB9E8
}

#tab7:checked~.tab-label-container .dark-nav label[for=tab7] {
    color: #fff;
    background: #44464e;
    box-shadow: inset 0 1px 1px rgba(20, 60, 106, .3)
}

#tab7:checked~.tab-label-container .simple label[for=tab7] {
    color: #555;
    background: #fff;
    box-shadow: none;
    border-bottom-color: #fff
}

#tab7:checked~.tab-label-container .classic-tabs label[for=tab7] {
    background: #F6F7F8;
    border-bottom-color: #F6F7F8;
    box-shadow: none;
    color: #526075
}

#tab7:checked~.tab-label-container .small label[for=tab7] {
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .3)
}

#tab7:checked~.tab-label-container .active-blue label[for=tab7] {
    background: #517bbd;
    color: #fff
}

#tab7:checked~.tab-divs #tab7-content {
    display: block
}

#tab7:checked~.tab-divs>:nth-child(7) {
    display: block
}

#tab6:checked~.tab-label-container label[for=tab6] {
    color: #fff;
    background: #3DB9E8
}

#tab6:checked~.tab-label-container .dark-nav label[for=tab6] {
    color: #fff;
    background: #44464e;
    box-shadow: inset 0 1px 1px rgba(20, 60, 106, .3)
}

#tab6:checked~.tab-label-container .simple label[for=tab6] {
    color: #555;
    background: #fff;
    box-shadow: none;
    border-bottom-color: #fff
}

#tab6:checked~.tab-label-container .classic-tabs label[for=tab6] {
    background: #F6F7F8;
    border-bottom-color: #F6F7F8;
    box-shadow: none;
    color: #526075
}

#tab6:checked~.tab-label-container .small label[for=tab6] {
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .3)
}

#tab6:checked~.tab-label-container .active-blue label[for=tab6] {
    background: #517bbd;
    color: #fff
}

#tab6:checked~.tab-divs #tab6-content {
    display: block
}

#tab6:checked~.tab-divs>:nth-child(6) {
    display: block
}

#tab5:checked~.tab-label-container label[for=tab5] {
    color: #fff;
    background: #3DB9E8
}

#tab5:checked~.tab-label-container .dark-nav label[for=tab5] {
    color: #fff;
    background: #44464e;
    box-shadow: inset 0 1px 1px rgba(20, 60, 106, .3)
}

#tab5:checked~.tab-label-container .simple label[for=tab5] {
    color: #555;
    background: #fff;
    box-shadow: none;
    border-bottom-color: #fff
}

#tab5:checked~.tab-label-container .classic-tabs label[for=tab5] {
    background: #F6F7F8;
    border-bottom-color: #F6F7F8;
    box-shadow: none;
    color: #526075
}

#tab5:checked~.tab-label-container .small label[for=tab5] {
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .3)
}

#tab5:checked~.tab-label-container .active-blue label[for=tab5] {
    background: #517bbd;
    color: #fff
}

#tab5:checked~.tab-divs #tab5-content {
    display: block
}

#tab5:checked~.tab-divs>:nth-child(5) {
    display: block
}

#tab4:checked~.tab-label-container label[for=tab4] {
    color: #fff;
    background: #3DB9E8
}

#tab4:checked~.tab-label-container .dark-nav label[for=tab4] {
    color: #fff;
    background: #44464e;
    box-shadow: inset 0 1px 1px rgba(20, 60, 106, .3)
}

#tab4:checked~.tab-label-container .simple label[for=tab4] {
    color: #555;
    background: #fff;
    box-shadow: none;
    border-bottom-color: #fff
}

#tab4:checked~.tab-label-container .classic-tabs label[for=tab4] {
    background: #F6F7F8;
    border-bottom-color: #F6F7F8;
    box-shadow: none;
    color: #526075
}

#tab4:checked~.tab-label-container .small label[for=tab4] {
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .3)
}

#tab4:checked~.tab-label-container .active-blue label[for=tab4] {
    background: #517bbd;
    color: #fff
}

#tab4:checked~.tab-divs #tab4-content {
    display: block
}

#tab4:checked~.tab-divs>:nth-child(4) {
    display: block
}

#tab3:checked~.tab-label-container label[for=tab3] {
    color: #fff;
    background: #3DB9E8
}

#tab3:checked~.tab-label-container .dark-nav label[for=tab3] {
    color: #fff;
    background: #44464e;
    box-shadow: inset 0 1px 1px rgba(20, 60, 106, .3)
}

#tab3:checked~.tab-label-container .simple label[for=tab3] {
    color: #555;
    background: #fff;
    box-shadow: none;
    border-bottom-color: #fff
}

#tab3:checked~.tab-label-container .classic-tabs label[for=tab3] {
    background: #F6F7F8;
    border-bottom-color: #F6F7F8;
    box-shadow: none;
    color: #526075
}

#tab3:checked~.tab-label-container .small label[for=tab3] {
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .3)
}

#tab3:checked~.tab-label-container .active-blue label[for=tab3] {
    background: #517bbd;
    color: #fff
}

#tab3:checked~.tab-divs #tab3-content {
    display: block
}

#tab3:checked~.tab-divs>:nth-child(3) {
    display: block
}

#tab2:checked~.tab-label-container label[for=tab2] {
    color: #fff;
    background: #3DB9E8
}

#tab2:checked~.tab-label-container .dark-nav label[for=tab2] {
    color: #fff;
    background: #44464e;
    box-shadow: inset 0 1px 1px rgba(20, 60, 106, .3)
}

#tab2:checked~.tab-label-container .simple label[for=tab2] {
    color: #555;
    background: #fff;
    box-shadow: none;
    border-bottom-color: #fff
}

#tab2:checked~.tab-label-container .classic-tabs label[for=tab2] {
    background: #F6F7F8;
    border-bottom-color: #F6F7F8;
    box-shadow: none;
    color: #526075
}

#tab2:checked~.tab-label-container .small label[for=tab2] {
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .3)
}

#tab2:checked~.tab-label-container .active-blue label[for=tab2] {
    background: #517bbd;
    color: #fff
}

#tab2:checked~.tab-divs #tab2-content {
    display: block
}

#tab2:checked~.tab-divs>:nth-child(2) {
    display: block
}

#tab1:checked~.tab-label-container label[for=tab1] {
    color: #fff;
    background: #3DB9E8
}

#tab1:checked~.tab-label-container .dark-nav label[for=tab1] {
    color: #fff;
    background: #44464e;
    box-shadow: inset 0 1px 1px rgba(20, 60, 106, .3)
}

#tab1:checked~.tab-label-container .simple label[for=tab1] {
    color: #555;
    background: #fff;
    box-shadow: none;
    border-bottom-color: #fff
}

#tab1:checked~.tab-label-container .classic-tabs label[for=tab1] {
    background: #F6F7F8;
    border-bottom-color: #F6F7F8;
    box-shadow: none;
    color: #526075
}

#tab1:checked~.tab-label-container .small label[for=tab1] {
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .3)
}

#tab1:checked~.tab-label-container .active-blue label[for=tab1] {
    background: #517bbd;
    color: #fff
}

#tab1:checked~.tab-divs #tab1-content {
    display: block
}

#tab1:checked~.tab-divs>:nth-child(1) {
    display: block
}

.gray-nav {
    display: inline-block;
    border: 1px solid #7F7F7F;
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, .2);
    list-style: none!important;
    margin: 0;
    position: relative
}

.gray-nav>li {
    float: left
}

.gray-nav>li>* {
    background: #fff;
    border-left: 1px solid #e2e2e2;
    height: 33px;
    line-height: 33px;
    padding: 0 15px;
    display: block;
    color: #666;
    position: relative;
    margin-bottom: 0
}

.gray-nav>li>:hover {
    color: #000;
    background: #fff
}

.gray-nav>li.on>* {
    color: #fff;
    background: #3DB9E8
}

.gray-nav>li:first-child>* {
    border-left: 0
}

.gray-nav.dark-nav>li.on>* {
    color: #fff;
    background: #44464e;
    box-shadow: inset 0 1px 1px rgba(20, 60, 106, .3)
}

.gray-nav.simple {
    border: 0;
    box-shadow: none;
    width: 100%;
    border: none;
    border-bottom: 1px solid #B8B8B8;
    font-size: 0
}

.gray-nav.simple li {
    position: relative;
    text-align: center;
    margin: 0 0 0 -1px!important;
    top: 1px
}

.gray-nav.simple li label {
    position: relative;
    background: #f5f6f6;
    border-color: #B8B8B8;
    border-style: solid;
    border-width: 1px;
    color: #555;
    padding: 0 20px;
    text-transform: uppercase
}

.gray-nav.simple li label.on {
    color: #555;
    background: #fff;
    box-shadow: none;
    border-bottom-color: #fff
}

.gray-nav.center {
    text-align: center
}

.gray-nav.center li {
    float: none;
    display: inline-block
}

.gray-nav.small {
    border: 0
}

.gray-nav.small>li>* {
    background: #fff;
    border: 0 none;
    color: #555;
    font-size: 13px;
    height: 27px;
    line-height: 27px;
    box-shadow: inset -1px 1px 0 0 rgba(0, 0, 0, .3), inset 0 -1px 0 0 rgba(0, 0, 0, .3)
}

.gray-nav.small>li:first-child>* {
    box-shadow: -1px 1px 0 0 rgba(0, 0, 0, .3) inset, 1px -1px 0 0 rgba(0, 0, 0, .3) inset
}

.classic-tabs {
    font-size: 0;
    text-align: center;
    margin-bottom: 0;
    position: relative;
    top: 1px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    width: 100%;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.classic-tabs li {
    display: inline-block;
    margin-left: -1px
}

.classic-tabs label {
    background: #f8f9f9;
    border: 1px solid #C3C3C3;
    color: #7A7A7A;
    font-weight: 700;
    padding: 10px;
    margin-bottom: 0;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.classic-tabs label:hover {
    color: #000
}

.tab-label-container+.tab-divs>* {
    display: none
}

.tab-label-container.simple>ul {
    border: none;
    box-shadow: none
}

.tab-label-container.simple>ul li {
    margin: 0!important
}

.tab-label-container.simple>ul li label {
    font-size: 11px;
    background: #fff;
    border-left: 1px solid #eee
}

.tab-label-container.simple+div {
    background: #fff;
    padding: 10px
}

.tab-label-container.no-content input[type=radio] {
    display: none
}

.tab-label-container.no-content input[type=radio]:checked~* {
    background: #44464e!important;
    color: #fff
}

.tab-divs .show {
    display: block
}

.ajax-loader,
.ajax-loader-small,
.ajax-loader-tiny {
    background: #fff url(/staticx/udemy/images/v3/preloader_48px.gif) no-repeat center;
    height: 48px;
    width: 48px;
    border-radius: 99em;
    padding: 30px;
    border: 3px solid #aaafb4;
    box-shadow: 0 0 10px rgba(0, 0, 0, .15);
    position: absolute;
    left: 50%;
    margin-left: -24px
}

.ajax-loader-small {
    background: #fff url(/staticx/udemy/images/v3/preloader_24px.gif) no-repeat center;
    height: 24px;
    width: 24px;
    margin-left: -12px;
    padding: 15px
}

.ajax-loader-tiny {
    background: #fff url(/staticx/udemy/images/v3/preloader_16px.gif) no-repeat center;
    height: 16px;
    width: 16px;
    margin-left: -8px;
    padding: 9px;
    border-width: 2px
}

.ajax-loader-stick {
    background: url(/staticx/udemy/images/v3/preloader_stick.gif) no-repeat center;
    position: absolute;
    height: 8px;
    width: 50px;
    left: 50%;
    margin-left: -25px
}

.mini-tooltip {
    position: relative;
    cursor: pointer
}

.mini-tooltip .tooltip-content {
    background: #000;
    bottom: 100%;
    color: #FFF;
    cursor: default;
    display: block;
    font-size: 10px;
    padding: 2px 5px 5px;
    position: absolute;
    text-align: center;
    text-indent: 0;
    visibility: hidden;
    z-index: 43;
    min-width: 76px;
    max-width: 250px;
    left: 50%;
    margin-left: -38px
}

.mini-tooltip .tooltip-content:before {
    content: '';
    width: 10px;
    height: 10px;
    background: #000;
    display: block;
    position: absolute;
    transform: rotate(rotate(45deg));
    -ms-transform: rotate(rotate(45deg));
    -webkit-transform: rotate(rotate(45deg));
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-backface-visibility: hidden;
    bottom: -5px;
    left: 50%;
    margin-left: -5px
}

.mini-tooltip:hover .tooltip-content {
    visibility: visible
}

.mini-tooltip.down .tooltip-content {
    bottom: auto;
    top: 100%;
    margin-top: 10px
}

.mini-tooltip.down .tooltip-content:before {
    bottom: auto;
    top: -5px
}

.black-tooltip {
    background: #fff;
    position: absolute;
    width: 420px;
    right: 100%;
    margin-right: 30px;
    z-index: 86;
    white-space: normal;
    color: #353535;
    padding: 5px;
    box-shadow: 0 0 0 4px #37373E, 0 0 0 6px #000;
    top: 0;
    text-align: left;
    font-size: 12px;
    line-height: 1.1;
    opacity: 0;
    visibility: hidden;
    display: none
}

.black-tooltip>.arrow {
    height: 25px;
    overflow: hidden;
    position: absolute;
    right: -29px;
    width: 25px;
    top: 5px
}

.black-tooltip>.arrow:before {
    content: '';
    position: absolute;
    background: #37373e;
    width: 100%;
    height: 100%;
    transform: rotate(rotate(45deg));
    -ms-transform: rotate(rotate(45deg));
    -webkit-transform: rotate(rotate(45deg));
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-backface-visibility: hidden;
    border: 1px solid #000;
    left: -80%
}

.black-tooltip.form-errors,
.black-tooltip.form-warnings {
    visibility: visible;
    opacity: 1;
    text-align: left;
    position: static;
    margin-top: 15px;
    width: auto;
    max-width: 420px
}

.black-tooltip.form-errors p,
.black-tooltip.form-warnings p {
    margin: auto 10px
}

.black-tooltip.blue-skin {
    box-shadow: 0 1px 2px #ccc inset, 0 0 0 1px #5f7da2, 0 1px 0 1px #cee6f7, 0 0 0 4px #aecae6, 0 -1px 0 4px #d8e4ec, 0 -1px 0 5px #7e8ea1, 0 0 3px 6px #7e8ea1
}

.black-tooltip.blue-skin>.arrow:before {
    background: #B1C7E2;
    box-shadow: 0 1px #DAE7F1 inset, 0 0 3px #A0ACB4;
    border-color: #999
}

.black-tooltip.medium {
    width: 260px;
    top: 10px
}

.black-tooltip.medium>.arrow {
    width: 20px;
    height: 20px;
    right: -24px
}

.black-tooltip.medium>.arrow:before {
    width: 10px;
    height: 10px;
    left: -40%
}

.black-tooltip.small {
    width: 180px;
    padding: 5px;
    top: 10px
}

.black-tooltip.small>.arrow {
    width: 20px;
    height: 20px;
    right: -24px
}

.black-tooltip.small>.arrow:before {
    width: 10px;
    height: 10px;
    left: -40%
}

.black-tooltip.arrow-left {
    left: 100%;
    margin-left: 10px;
    text-align: left;
    top: 3px
}

.black-tooltip.arrow-left>.arrow {
    left: -25px;
    top: -2px;
    transform: rotate(rotate(180deg));
    -ms-transform: rotate(rotate(180deg));
    -webkit-transform: rotate(rotate(180deg));
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-backface-visibility: hidden
}

.black-tooltip.arrow-bottom {
    left: -10px;
    margin-bottom: 20px;
    bottom: 100%;
    text-align: left;
    top: auto
}

.black-tooltip.arrow-bottom>.arrow {
    transform: rotate(rotate(90deg));
    -ms-transform: rotate(rotate(90deg));
    -webkit-transform: rotate(rotate(90deg));
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-backface-visibility: hidden;
    left: 10px;
    margin-top: 5px;
    top: 100%
}

.black-tooltip.arrow-top {
    left: 0;
    margin-top: 15px;
    top: 100%;
    text-align: left
}

.black-tooltip.arrow-top>.arrow {
    transform: rotate(rotate(-90deg));
    -ms-transform: rotate(rotate(-90deg));
    -webkit-transform: rotate(rotate(-90deg));
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-backface-visibility: hidden;
    left: 10px;
    top: -24px
}

.black-tooltip.no-padding {
    padding: 0!important
}

.black-tooltip a {
    cursor: pointer
}

.black-tooltip p:last-child {
    margin-bottom: 0
}

.black-tooltip.form-tooltip {
    visibility: hidden;
    opacity: 0
}

.black-tooltip.form-tooltip ul {
    list-style: disc;
    margin-left: 2em
}

.pageloaded .black-tooltip {
    display: block
}

.tooltip-reference {
    position: relative;
    clear: both
}

.tooltip-reference:hover .black-tooltip {
    opacity: 1;
    visibility: visible
}

.tab-content>.black-tooltip {
    opacity: 1!important;
    visibility: visible!important
}

.tooltip-reference {
    position: relative;
    clear: both
}

.tooltip-reference:hover .black-tooltip {
    opacity: 1;
    visibility: visible
}

.tab-content>.black-tooltip {
    opacity: 1!important;
    visibility: visible!important
}

.progress {
    border-radius: 0!important
}

.progress.white-border {
    height: 26px;
    box-shadow: 0 0 0 2px #fff, 0 0 1px 3px rgba(0, 0, 0, .1);
    margin-top: 2px
}

.progress.small {
    height: 10px
}

.ud-star .radio-item:before,
.ud-star .radio-item:after {
    content: " ";
    display: table
}

.ud-star .radio-item:after {
    clear: both
}

.ud-star .radio-item:before,
.ud-star .radio-item:after {
    content: " ";
    display: table
}

.ud-star .radio-item:after {
    clear: both
}

.lecture-icon {
    content: '';
    width: 24px;
    height: 24px;
    background-image: url(/staticx/udemy/images/v3/sprites_v2.png);
    display: inline-block
}

.lecture-icon-video,
.lecture-icon-audio,
.lecture-icon-mashup {
    background-position: -12px -234px
}

.lecture-icon-article {
    background-position: -204px -234px
}

.lecture-icon-file {
    background-position: -154px -234px
}

.lecture-icon-presentation {
    background-position: -60px -234px
}

div.rating-big-stars {
    width: 110px;
    background: url(/staticx/udemy/images/v3/rating_stars.png) left top;
    overflow: hidden
}

div.rating-big-stars span {
    float: left;
    height: 17px;
    background: url(/staticx/udemy/images/v3/rating_stars.png) left bottom
}

.rating-small-stars {
    width: 75px;
    background: url(/staticx/udemy/images/v3/rating_stars_small.png) left top;
    overflow: hidden;
    float: left;
    margin: 8px 4px
}

.rating-small-stars span {
    height: 11px;
    background: url(/staticx/udemy/images/v3/rating_stars_small.png) left bottom;
    float: left
}

.ui-autocomplete {
    background: #fff!important;
    padding: 0!important;
    overflow: visible;
    z-index: 10000!important;
    border-radius: 0!important;
    font-size: 13px;
    border: 1px solid #ccc
}

.ui-autocomplete.classic-dropdown-theme {
    width: 300px!important;
    position: relative
}

.ui-autocomplete.classic-dropdown-theme>li>a.ui-state-hover,
.ui-autocomplete.classic-dropdown-theme>li>a.ui-corner-all:hover {
    background: #f2f2f2
}

.ui-autocomplete.classic-dropdown-theme>li>a {
    width: 100%;
    background: #fff;
    border-color: #cfcfcf!important;
    border-style: solid!important;
    border-width: 0 0 1px 0!important;
    padding: 10px;
    margin: 0!important
}

.ui-autocomplete.classic-dropdown-theme>li>a.ui-state-hover,
.ui-autocomplete.classic-dropdown-theme>li>a.ui-corner-all:hover {
    background: #f2f2f2
}

.ui-autocomplete.classic-dropdown-theme>li img {
    margin-right: 10px
}

.ui-autocomplete.classic-dropdown-theme:after {
    border-color: transparent transparent #514E5D;
    border-style: solid;
    border-width: 7px;
    content: "";
    position: absolute;
    left: 30px;
    top: -16px
}

.ui-autocomplete>li>a {
    border-radius: 0!important
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 0;
    background: #F0F0F0;
    color: #222
}

#quick-search-dropdown {
    width: 300px!important;
    margin-left: 280px!important;
    left: 50%!important
}

#quick-search-dropdown>li.ui-menu-item>a.ui-state-hover,
#quick-search-dropdown>li.ui-menu-item>a.ui-corner-all:hover {
    background: #9cb1cd!important
}

#quick-search-dropdown>li.ui-menu-item>a.ui-state-hover *,
#quick-search-dropdown>li.ui-menu-item>a.ui-corner-all:hover * {
    color: #fff!important
}

#quick-search-dropdown>li.ui-menu-item>a {
    width: 100%;
    background: #fff;
    border-color: #cfcfcf!important;
    border-style: solid!important;
    border-width: 0 0 1px 0!important;
    padding: 10px;
    margin: 0!important
}

#quick-search-dropdown>li.ui-menu-item>a.ui-corner-all {
    float: left
}

#quick-search-dropdown>li.ui-menu-item>a.ui-corner-all>span.thumb {
    float: left;
    width: 50px
}

#quick-search-dropdown>li.ui-menu-item>a.ui-corner-all>span.text {
    float: left;
    width: 202px;
    margin-left: 10px
}

#quick-search-dropdown>li.ui-menu-item>a.ui-corner-all>span.text b.title {
    font-size: 14px;
    display: block;
    line-height: 1.2
}

#quick-search-dropdown>li.ui-menu-item>a.ui-corner-all>span.text i.subtitle {
    color: #828282;
    font-size: 12px;
    line-height: 1.2;
    font-style: normal;
    display: block
}

#quick-search-dropdown>li.ui-menu-item>a.ui-corner-all>span.text i.extra {
    font-size: 11px;
    color: #999;
    font-style: italic
}

#quick-search-dropdown>li.ui-menu-item>a.ui-corner-all>span.text i.extra>b {
    color: #8BBB27
}

#quick-search-dropdown>li.header h3 {
    background: #e5e5e5;
    border-bottom: 1px solid #cfcfcf;
    padding: 0 10px;
    font-size: 14px;
    color: #536176;
    text-transform: uppercase;
    line-height: 32px;
    margin: 0
}

#quick-search-dropdown .more {
    float: left;
    width: 100%
}

#quick-search-dropdown .more a {
    border-top: 1px solid #fff;
    color: #555;
    display: block;
    text-align: center;
    text-decoration: none;
    font-size: 13px;
    font-weight: 400;
    padding: 5px!important
}

#quick-search-dropdown .more a i {
    color: #5589b6;
    font-weight: 700
}

#quick-search-dropdown .more a span {
    color: #888;
    display: block;
    font-size: 12px
}

#quick-search-dropdown .more a:hover {
    color: #5589b6
}

#quick-search-dropdown .ui-menu-item.extra {
    padding: 5px
}

#quick-search-dropdown .ui-menu-item.extra a {
    width: auto;
    display: inline-block
}

#quick-search-dropdown:after {
    content: '';
    border-width: 7px;
    border-style: solid;
    border-color: transparent transparent #514e5d;
    position: absolute;
    top: -16px;
    right: 30px
}

#quick-search-dropdown.message-dropdown-theme {
    box-shadow: 0 0 1px #000;
    margin-left: -214px!important;
    width: 462px!important;
    top: 50%!important;
    left: 50%!important;
    margin-top: -150px!important
}

#quick-search-dropdown.message-dropdown-theme a {
    text-align: left;
    padding: 6px!important
}

#quick-search-dropdown.message-dropdown-theme a img {
    float: left;
    width: 25px;
    height: 25px;
    margin-right: 10px
}

#quick-search-dropdown.message-dropdown-theme a.ui-state-hover {
    color: #fff
}

#quick-search-dropdown.message-dropdown-theme:after {
    display: none
}

#quick-search-dropdown .subscribers {
    float: left;
    margin: 5px 0 0 7px
}

#quick-search-dropdown .subscribers b {
    color: #BD4F18
}

#quick-search-dropdown .rating-small-stars {
    margin: 8px 0 0 0;
    display: inline-block
}

#quick-search-dropdown .price {
    float: left;
    margin: 5px 0 0 8px;
    color: #54921C;
    font-weight: 700
}

.custom-radio {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../../assets/images/lesson_detail/sprites.png?v=17) 0 -1230px;
    float: left;
    margin-right: 2px
}

.custom-radio.on {
    background-position: -20px -1230px
}

.want-to-teach {
    margin-top: 30px;
    color: #444;
    left: 0;
    text-align: center;
    width: 100%;
    bottom: 30px
}

.want-to-teach a {
    color: #9a0505;
    font-size: 16px;
    font-weight: 700;
    text-decoration: underline
}

.want-to-teach a:hover {
    color: #000
}

.want-to-teach.stick-to-bottom {
    position: fixed
}

@media (max-height: 600px) {
    .want-to-teach.stick-to-bottom {
        display: none
    }
}

.switcher-on {
    background: #54b551;
    border-color: #404e29
}

.switcher-on div {
    left: auto;
    right: 0
}

.switcher-on:hover div {
    right: 4px
}

.switcher-wrapper input {
    display: none
}

.switcher-wrapper input:checked~.switcher-no-js {
    background: #54b551;
    border-color: #404e29
}

.switcher-wrapper input:checked~.switcher-no-js div {
    left: auto;
    right: 0
}

.switcher-wrapper input:checked~.switcher-no-js:hover div {
    right: 4px
}

.switcher-wrapper input:checked~.switcher-no-js.mini {
    background: #9dc174
}

.switcher-wrapper input:checked~.switcher-no-js.mini:hover div {
    left: auto;
    right: 2px
}

.switcher-wrapper .on-off-item.on .switcher-no-js {
    background: #54b551;
    border-color: #404e29
}

.switcher-wrapper .on-off-item.on .switcher-no-js div {
    left: auto;
    right: 0
}

.switcher-wrapper .on-off-item.on .switcher-no-js:hover div {
    right: 4px
}

.switcher-wrapper .on-off-item.on .switcher-no-js.mini {
    background: #9dc174
}

.switcher-wrapper .on-off-item.on .switcher-no-js.mini:hover div {
    left: auto;
    right: 2px
}

.switcher-wrapper .switcher-no-js.mini {
    width: 50px;
    background: #dc7f7f
}

.switcher-wrapper .switcher-no-js.mini div {
    left: 0;
    bottom: 0;
    top: 0
}

.switcher-wrapper .switcher-no-js.mini div:before,
.switcher-wrapper .switcher-no-js.mini div:after {
    display: none
}

.switcher-wrapper .switcher-no-js.mini:hover div {
    right: auto;
    left: 2px
}

.switcher,
.switcher-no-js {
    width: 80px;
    height: 23px;
    background: #d9534f;
    border: 1px solid #4e2933;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
    position: relative;
    cursor: pointer;
    overflow: hidden
}

.switcher span,
.switcher-no-js span {
    width: 50%;
    text-align: center;
    color: #fff!important;
    font-size: 11px;
    text-transform: uppercase;
    line-height: 21px;
    float: left;
    margin: 0!important
}

.switcher label,
.switcher-no-js label {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    left: 0;
    top: 0
}

.switcher div,
.switcher-no-js div {
    position: absolute;
    width: 50%;
    background: #fff;
    top: 1px;
    left: 1px;
    bottom: 1px;
    text-align: center;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .5);
    border: 1px solid #4e2933;
    line-height: 16px;
    cursor: pointer
}

.switcher div:before,
.switcher-no-js div:before,
.switcher div:after,
.switcher-no-js div:after {
    content: '';
    width: 1px;
    height: 8px;
    display: inline-block;
    box-shadow: -1px 0 #bebebe, -2px 0 #fff, 1px 0 #fff;
    margin: 0 1px
}

.switcher div:after,
.switcher-no-js div:after {
    box-shadow: -1px 0 #bebebe, 1px 0 #fff, 2px 0 #bebebe
}

.switcher:hover div,
.switcher-no-js:hover div {
    left: 4px
}

.switcher.on,
.switcher-no-js.on {
    background: #54b551;
    border-color: #404e29
}

.switcher.on div,
.switcher-no-js.on div {
    left: auto;
    right: 0
}

.switcher.on:hover div,
.switcher-no-js.on:hover div {
    right: 4px
}

.switcher.disabled,
.switcher-no-js.disabled {
    cursor: default
}

.switcher.disabled div,
.switcher-no-js.disabled div {
    background: #d8d8d8
}

.switcher.disabled.off,
.switcher-no-js.disabled.off {
    background: #957F82
}

.switcher.disabled.off:hover div,
.switcher-no-js.disabled.off:hover div {
    left: 1px
}

.switcher.disabled.on,
.switcher-no-js.disabled.on {
    background: #848C77
}

.switcher.disabled.on:hover div,
.switcher-no-js.disabled.on:hover div {
    left: 38px
}

.tab-links {
    position: relative;
    z-index: 1;
    top: 1px;
    border-bottom: 1px solid #bbb
}

.tab-links li {
    float: left;
    list-style: none outside none!important;
    margin: 0!important
}

.tab-links li a {
    padding: 10px 20px;
    display: block;
    margin-left: -1px;
    position: relative;
    left: 1px;
    font-size: 14px;
    color: #666;
    font-weight: 700;
    background: #efefef;
    border: 1px solid #bbb;
    margin-top: 4px;
    outline: 0;
    top: 1px
}

.tab-links li a:hover {
    text-decoration: underline
}

.tab-links li:first-child a {
    margin-left: 8px
}

.tab-links li.on a {
    color: #333;
    background: #fff;
    border-bottom-color: #fff;
    margin-top: 0;
    padding: 12px 20px;
    transition: all .5s ease
}

.boxes {
    position: relative;
    padding-top: 10px
}

.dropdown-toggle label {
    display: inline
}

.navigation {
    text-align: center;
    border-bottom: 1px solid #ccc
}

.navigation li {
    display: inline-block;
    margin-left: -1px;
    position: relative;
    top: 2px
}

.navigation li a {
    display: inline-block;
    padding: 10px 15px;
    background: #eee;
    color: #777;
    border: 1px solid #ccc;
    font-weight: 700;
    box-shadow: 0 -25px 25px -25px #bbb inset
}

.navigation li a:hover {
    background: #fff
}

.navigation li.selected {
    top: 1px
}

.navigation li.selected a {
    background: #fff;
    box-shadow: 0 15px 25px -25px #bbb inset;
    border-bottom-color: #fff;
    padding: 11px 20px
}

.feedbacks-bar {
    top: 0;
    display: none;
    position: fixed!important;
    z-index: 10001!important;
    height: 52px;
    width: 100%
}

.feedbacks-bar .feedback-bar {
    font-size: 14px
}

.feedbacks-bar .feedback-bar .feedback-container {
    margin: 0 auto;
    padding: 21px 15px 0;
    text-align: center
}

.feedbacks-bar .feedback-type-info {
    border-bottom: 1px solid #54b551;
    background-color: #DCEFB3;
    color: #202F00;
    font-weight: 700
}

.feedbacks-bar .feedback-type-error {
    border-bottom: 1px solid red;
    background-color: #efd8ce;
    color: #a00;
    font-weight: 700
}

.radio-btns li {
    float: left;
    position: relative
}

.radio-btns li .s {
    background: #fff;
    border-color: #aaa;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    box-shadow: 0 2px 0 #fff, 0 1px 0 rgba(255, 255, 255, .3) inset;
    color: #666;
    cursor: pointer;
    display: block;
    font-size: 12px;
    font-weight: 700;
    line-height: 31px;
    padding: 0 15px;
    text-transform: uppercase
}

.radio-btns li .s:hover {
    color: #000
}

.radio-btns li:first-child .s {
    border-left-width: 1px
}

.radio-btns li.on .s {
    background: #44464e;
    box-shadow: -2px 0 0 #fff, 0 1px 1px rgba(20, 60, 106, .3) inset;
    color: #fff
}

.radio-btns li.on .form-tooltip {
    opacity: 1!important;
    visibility: visible!important
}

.sidebar-menu {
    position: fixed;
    width: 165px;
    background: #fff;
    margin-top: 20px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .3)
}

.sidebar-menu h2 {
    font-size: 18px;
    line-height: 1.2;
    padding: 10px;
    border: 0!important;
    margin: 0!important
}

.sidebar-menu ul {
    list-style: none!important;
    margin-left: 0!important
}

.sidebar-menu ul li a {
    background: #f0f2f4;
    display: block;
    padding: 5px 15px;
    color: #636b6f;
    font-weight: 700;
    border-top: 1px solid #fff;
    box-shadow: 0 -1px #c7ced4
}

.sidebar-menu ul li a:hover,
.sidebar-menu ul li.on a {
    background: #8095b0;
    color: #fff;
    border-top-color: #8F8F8F
}

.ud-autosuggestformitem~.error-msg.inside-error-msg {
    bottom: 7px
}

.suggest-items {
    min-height: 30px
}

ul.as-selections {
    border-color: #B0B2B8!important;
    display: inline-block;
    padding: 0!important;
    width: 100%;
    min-height: 30px;
    background: #fff!important;
    overflow: hidden
}

ul.as-selections li {
    margin: 4px!important;
    background: #8EA6C7!important;
    color: #fff!important;
    height: 24px;
    line-height: 24px;
    padding: 2px 4px 2px 10px!important;
    line-height: 22px
}

ul.as-selections li a {
    background: #73849B;
    border-radius: 99em;
    color: #8EA6C7!important;
    height: 15px;
    line-height: 15px;
    width: 15px;
    margin-top: 3px!important;
    text-align: center;
    text-shadow: none!important
}

ul.as-selections li a:hover {
    background: #666
}

ul.as-selections li a.as-close {
    margin-left: 5px!important
}

ul.as-selections li.as-original {
    border: none!important;
    background: transparent!important;
    margin: 0!important;
    padding: 0!important;
    width: 100%!important;
    height: 28px
}

ul.as-selections li.as-original input {
    width: 100%!important;
    color: #555;
    height: 30px;
    box-shadow: none!important;
    border: 0!important
}

ul.as-selections li.selected {
    border: 1px solid #222!important
}

ul.as-selections li.as-selection-item~li.as-original {
    border-top: 1px solid #CCC!important
}

.as-results {
    position: absolute;
    overflow: visible!important
}

.as-results ul {
    width: 160px!important;
    border: 1px solid #000!important;
    box-shadow: 0 0 0 3px #514e5d, 0 0 0 4px #000, 0 0 9px #000;
    position: relative;
    z-index: 1;
    left: 15px;
    font-weight: 700
}

.as-results ul li {
    position: relative;
    background: #fff;
    border-color: #ddd;
    border-style: solid;
    border-width: 1px 0 0;
    color: #353535;
    text-align: left
}

.as-results ul li:first-child {
    border-width: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .5) inset
}

.as-results ul li em {
    background: none!important;
    color: #353535;
    padding: 0
}

.as-results ul li:nth-child(even) {
    background: #fff
}

.as-results ul li.active {
    background: #adc0d8;
    border-top-color: #ddd;
    color: #fff
}

.as-results ul li.active em {
    color: #fff
}

.as-results ul:before {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    background: #514e5d;
    top: -6px;
    transform: rotate(rotate(45deg));
    -ms-transform: rotate(rotate(45deg));
    -webkit-transform: rotate(rotate(45deg));
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-backface-visibility: hidden;
    box-shadow: -1px -1px 1px 0 #333;
    left: 22px;
    border-style: solid;
    border-width: 1px 0 0 1px;
    border-color: #000;
    margin-left: -10px
}

.grouped-nav {
    position: absolute;
    width: 171px;
    margin-top: 20px
}

.grouped-nav>li {
    margin-top: 10px;
    box-shadow: 0 1px 1px #666;
    overflow: hidden
}

.grouped-nav>li:first-child {
    margin: 0
}

.grouped-nav>li li a {
    display: block;
    background: #f0f2f4;
    color: #636b6f;
    font-weight: 700;
    padding: 7px 15px;
    border-top: 1px solid #c7ced4;
    box-shadow: 0 1px #fff inset
}

.grouped-nav>li li:first-child a {
    border: 0
}

.grouped-nav>li li:hover a,
.grouped-nav>li li.on a {
    background: #768aa6;
    color: #fff;
    border-top-color: #3d4c5a;
    box-shadow: none
}

.steps-bar {
    text-align: center;
    position: relative;
    padding-bottom: 40px;
    margin-top: 20px
}

.steps-bar ul {
    height: 44px
}

.steps-bar li {
    display: inline-block;
    background: #6b6f77;
    width: 36px;
    height: 36px;
    border-radius: 99em;
    margin-left: 108px;
    position: relative;
    text-align: center
}

.steps-bar li:before {
    width: 115px;
    height: 10px;
    top: 50%;
    content: '';
    background: #6b6f77;
    position: absolute;
    margin: -5px 0 0 -114px;
    left: 0
}

.steps-bar li:after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background: #fff;
    left: 50%;
    top: 50%;
    margin: -6px 0 0 -6px;
    border-radius: 99em;
    background: #cecece url(../../assets/images/lesson_detail/sprites.png?v=17) -56px -565px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .3)
}

.steps-bar li.off {
    background: #869f5b
}

.steps-bar li.off:before {
    background: #869f5b
}

.steps-bar li.off:after {
    width: 26px;
    height: 26px;
    margin: -13px 0 0 -13px
}

.steps-bar li.on {
    transform: rotate(rotate(-45deg));
    -ms-transform: rotate(rotate(-45deg));
    -webkit-transform: rotate(rotate(-45deg));
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-backface-visibility: hidden;
    background: #869f5b
}

.steps-bar li.on:before {
    transform: rotate(rotate(45deg));
    -ms-transform: rotate(rotate(45deg));
    -webkit-transform: rotate(rotate(45deg));
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-backface-visibility: hidden;
    -moz-transform-origin: right top;
    -webkit-transform-origin: right top;
    -o-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
    margin: -15px 0 0 -105px;
    background: #869f5b
}

.steps-bar li.on:after {
    background: 0 0;
    box-shadow: 0 0 0 7px #e4e4e4, 0 1px 1px rgba(0, 0, 0, .5) inset
}

.steps-bar li.on a,
.steps-bar li.on span {
    transform: rotate(rotate(45deg));
    -ms-transform: rotate(rotate(45deg));
    -webkit-transform: rotate(rotate(45deg));
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-backface-visibility: hidden;
    margin: -11px 0 0 -98px;
    color: #567c1b
}

.steps-bar li.trans:before {
    background: #6b6f77
}

.steps-bar li a,
.steps-bar li span {
    position: absolute;
    top: 50px;
    white-space: nowrap;
    left: 50%;
    width: 140px;
    margin-left: -70px;
    font-weight: 700;
    color: #636b6f
}

.steps-bar li:first-child {
    margin-left: 0
}

.steps-bar li:first-child:before {
    display: none
}

.image-slider {
    width: 300px;
    height: 240px;
    overflow: hidden;
    float: right
}

.small-rating {
    background: url(../../assets/images/lesson_detail/sprites.png?v=17) -120px -1199px;
    line-height: 0;
    width: 85px;
    display: inline-block;
    text-align: left;
    margin-right: 5px;
    position: relative;
    top: 2px
}

.small-rating span {
    display: inline-block;
    background: url(../../assets/images/lesson_detail/sprites.png?v=17) -120px -1212px;
    height: 13px;
    line-height: 14px
}

#reviews-popup {
    width: 760px;
    height: 400px;
    overflow: auto
}

#reviews-popup .clearfix,
#reviews-popup .dl-horizontal dd,
#reviews-popup .container,
#reviews-popup .container-fluid,
#reviews-popup .row,
#reviews-popup .form-horizontal .form-group,
#reviews-popup .btn-toolbar,
#reviews-popup .btn-group-vertical>.btn-group,
#reviews-popup .nav,
#reviews-popup .navbar,
#reviews-popup .navbar-header,
#reviews-popup .navbar-collapse,
#reviews-popup .pager,
#reviews-popup .panel-body,
#reviews-popup .modal-footer {
    margin-bottom: 3px
}

#reviews-popup .slp-container {
    height: 326px;
    overflow: auto
}

#reviews-popup h3 {
    color: #994b2c;
    float: none;
    font-size: 18px;
    text-align: center;
    line-height: 30px
}

#reviews-popup div.rating {
    float: none;
    text-align: center
}

.course-reviews h3 {
    color: #4e6d1c;
    float: left;
    font-size: 18px;
    margin: 0 0 5px
}

.course-reviews div.rating {
    float: right
}

.course-reviews div.rating h4 {
    display: inline-block;
    font-size: 12px;
    position: relative;
    top: -2px;
    margin: 0
}

.course-reviews div.rating .rating-big-stars {
    display: inline-block
}

.course-reviews li {
    background: #f9fbf4;
    border: 1px solid #e5e5e5;
    border-width: 1px 0;
    margin: 40px 0 60px;
    position: relative
}

.course-reviews .user-details {
    margin: -25px 15px 15px;
    overflow: hidden
}

.course-reviews .user-details .left-col {
    float: left;
    position: relative;
    border: 1px solid #666;
    overflow: hidden;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .45)
}

.course-reviews .user-details .left-col img {
    display: block;
    width: 50px
}

.course-reviews .user-details .left-col:before {
    content: '';
    position: absolute;
    box-shadow: 0 0 2px #fff inset;
    width: 100%;
    height: 100%
}

.course-reviews .user-details .right-col {
    font-family: georgia;
    font-size: 13px;
    font-style: italic;
    margin-left: 60px;
    margin-top: 2px
}

.course-reviews .user-details .right-col a {
    color: #567c1b;
    font-family: helvetica;
    font-style: normal;
    cursor: pointer
}

.course-reviews .user-details .right-col time {
    font-size: 11px;
    color: #777;
    font-style: normal
}

.course-reviews .user-details .right-col .rating-big-stars {
    margin-top: 8px
}

.course-reviews article {
    margin: 15px 15px 4px;
    color: #555
}

.course-reviews article p {
    margin-bottom: 10px
}

.course-reviews article.compressed {
    margin-bottom: 15px
}

.course-reviews div.see-all {
    bottom: 0;
    bottom: 20px;
    position: absolute;
    text-align: center;
    width: 100%
}

.course-reviews div.see-all a {
    color: #3c7498;
    font-size: 13px;
    display: inline-block;
    font-weight: 700
}

.course-reviews div.see-all a b {
    color: #994b2c
}

.course-reviews div.see-all a:before {
    content: '';
    width: 17px;
    height: 9px;
    background: url(/staticx/udemy/images/new_design/sprites_v2.png) -60px -60px;
    display: inline-block;
    margin-right: 5px
}

.slider {
    overflow: hidden;
    position: relative;
    width: 100%
}

.slider .slide-this {
    -webkit-transition: left .2s;
    -moz-transition: left .2s;
    -o-transition: left .2s;
    transition: left .2s;
    font-size: 0;
    white-space: nowrap;
    left: 0;
    position: relative
}

.slider .slide-this>li {
    display: inline-block;
    vertical-align: top;
    white-space: normal
}

.slider .wrapper {
    position: relative
}

.slider nav {
    position: absolute;
    top: 50%;
    margin-top: -30px;
    width: 100%
}

.slider nav span {
    background: #fff;
    border-radius: 50%;
    padding: 3px;
    margin: 0 10px;
    cursor: pointer;
    opacity: .5
}

.slider nav span.on {
    opacity: 1
}

.slider .prev {
    float: left
}

.slider .next {
    float: right
}

.ui-datepicker {
    z-index: 99999!important
}

input+.ui-datepicker-trigger {
    margin: 3px 0 0 -20px
}

input.ud-date-form-item {
    padding-left: 25px
}

input.date-time-form-item {
    padding-right: 20px!important
}

.ui-datepicker-trigger~.timezone {
    position: absolute;
    margin: 6px 0 0 8px
}

.res-menu li {
    display: inline-block;
    margin: 0 10px
}

.res-menu li.on a,
.res-menu li:hover a {
    background: #eee
}

.res-menu a {
    color: #999;
    display: inline-block;
    padding: 5px 13px
}

@media screen and (max-width: 600px) {
    .res-menu {
        min-height: 35px;
        position: relative;
        overflow: visible;
        z-index: 18
    }
    .res-menu ul {
        background: #fff;
        border: 1px solid #aaa;
        box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
        position: absolute;
        top: 0;
        width: 180px
    }
    .res-menu ul:hover li {
        display: block
    }
    .res-menu ul:hover li.on a:before {
        content: "\f00c"
    }
    .res-menu li:not(.on) {
        display: none
    }
    .res-menu li.on a:before {
        content: "\f0c9";
        font-family: FontAwesome;
        margin: 1px 0 0 -20px;
        position: absolute
    }
    .res-menu li.on a,
    .res-menu li:hover a {
        background: 0 0;
        color: #333
    }
    .res-menu a {
        color: #999;
        display: block;
        padding: 5px 0 5px 20px
    }
}

.box-container {
    background: #fbfbfb;
    border: 1px solid #999;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    overflow: hidden;
    padding: 10px;
    margin-top: 10px
}

.box-container:before,
.box-container:after {
    content: " ";
    display: table
}

.box-container:after {
    clear: both
}

.box-container:before,
.box-container:after {
    content: " ";
    display: table
}

.box-container:after {
    clear: both
}

.jcrop-holder {
    background-color: transparent!important;
    box-shadow: 0 0 3px #999
}

.stars-def-color {
    color: #aaa
}

.stars-on-color {
    color: #fba617
}

.stars-generate:before {
    font-family: FontAwesome;
    content: "\f005 \f005 \f005 \f005 \f005";
    color: #aaa;
    font-size: 20px;
    line-height: 1;
    letter-spacing: 4px;
    cursor: default
}

.stars-large {
    font-size: 25px;
    letter-spacing: 6px
}

.stars-medium {
    font-size: 28px;
    letter-spacing: -1px
}

.stars-medium b {
    left: 180px
}

.stars-small {
    font-size: 17px;
    letter-spacing: 6px
}

.stars-smaller {
    font-size: 15px
}

.star-rating-container {
    border-radius: 2px;
    padding: 5px 10px;
    background: #fff;
    color: #000
}

.star-rating-container .small-start-label {
    font-size: 12px;
    color: #999;
    text-align: right;
    margin-top: -3px
}

.s-rating {
    position: relative;
    white-space: nowrap;
    display: inline-block
}

.s-rating:hover s {
    color: #aaa!important
}

.s-rating s {
    color: #aaa;
    cursor: default;
    font-size: 20px;
    line-height: 1;
    margin-left: 2px;
    text-decoration: none;
    cursor: pointer;
    display: inline-block
}

.s-rating s:before {
    font-family: FontAwesome;
    content: "\f005"
}

.s-rating s.on {
    color: #D94D38
}

.s-rating s:hover {
    color: #D94D38!important
}

.s-rating s:hover>b {
    display: block
}

.s-rating>s {
    margin-left: 0
}

.s-rating b {
    display: none;
    position: absolute;
    background: #fff;
    font-size: 16px;
    color: #353535;
    top: 50%;
    margin-top: -8px;
    font-weight: 400;
    min-width: 140px
}

.s-rating.static:before {
    font-family: FontAwesome;
    content: "\f005 \f005 \f005 \f005 \f005";
    color: #aaa;
    font-size: 20px;
    line-height: 1;
    letter-spacing: 4px;
    cursor: default
}

.s-rating.static span {
    position: absolute;
    left: 0;
    overflow: hidden
}

.s-rating.static span:before {
    font-family: FontAwesome;
    content: "\f005 \f005 \f005 \f005 \f005";
    color: #aaa;
    font-size: 20px;
    line-height: 1;
    letter-spacing: 4px;
    cursor: default
}

.s-rating.static span:before {
    color: #fba617
}

.s-rating.static.maroon span:before {
    color: #D94D38
}

.s-rating.static.white span:before {
    color: #fff
}

.s-rating.large:before,
.s-rating.large s {
    font-size: 25px;
    letter-spacing: 6px
}

.s-rating.large span:before {
    font-size: 25px;
    letter-spacing: 6px
}

.s-rating.medium:before,
.s-rating.medium s {
    font-size: 28px;
    letter-spacing: -1px
}

.s-rating.medium:before b,
.s-rating.medium s b {
    left: 180px
}

.s-rating.medium span:before {
    font-size: 28px;
    letter-spacing: -1px
}

.s-rating.medium span:before b {
    left: 180px
}

.s-rating.small:before,
.s-rating.small s {
    font-size: 17px;
    letter-spacing: 6px
}

.s-rating.small span:before {
    font-size: 17px;
    letter-spacing: 6px
}

.s-rating.smaller:before,
.s-rating.smaller s {
    font-size: 15px
}

.s-rating.smaller span:before {
    font-size: 15px
}

.s-rating.maroon s:hover {
    color: #D94D38!important
}

.s-rating.no-review-stars {
    opacity: .6
}

.bulleted-ul li {
    padding-left: 17px;
    position: relative
}

.bulleted-ul li:before {
    color: #eee;
    content: "•";
    font-size: 35px;
    font-weight: 700;
    left: 0;
    position: absolute;
    top: -15px
}

.bulleted-ul.darker-bull li:before {
    color: #ccc
}

.icon-ufo-subs {
    background-position: -690px -970px;
    display: inline-block!important;
    height: 32px;
    width: 49px;
    vertical-align: middle;
    background-image: url(../../assets/images/lesson_detail/sprites.png?v=17)!important
}

.icon-ufo-subs.xs {
    background-position: -690px -900px;
    height: 16px;
    width: 25px
}

.icon-ufo-subs.sm {
    background-position: -690px -930px;
    height: 24px;
    width: 37px
}

.icon-ufo-subs.lg {
    background-position: -690px -1020px;
    height: 64px;
    width: 98px
}

.collapse-this {
    overflow: hidden
}

.collapse-trigger-less {
    display: none
}

.collapse-cb {
    display: none
}

.collapse-cb:checked~.collapse-this {
    height: auto!important;
    overflow: visible
}

.collapse-cb:checked~.collapse-trigger-less {
    display: block
}

.collapse-cb:checked~.collapse-trigger-more {
    display: none
}

.collapse-trigger {
    color: #567c1b;
    font-size: 13px;
    font-weight: 700;
    text-align: center
}

.collapse-trigger:hover {
    color: #333
}

.activity-post .popover {
    position: fixed;
    width: 250px!important
}

.activity-body .popover {
    width: 180px!important
}

.popover .dropdown-top {
    padding: 11px 12px 12px
}

.popover .dropdown-top:before,
.popover .dropdown-top:after {
    content: " ";
    display: table
}

.popover .dropdown-top:after {
    clear: both
}

.popover .dropdown-top:before,
.popover .dropdown-top:after {
    content: " ";
    display: table
}

.popover .dropdown-top:after {
    clear: both
}

.popover .dropdown-thumb {
    float: left;
    height: 40px;
    width: 40px
}

.popover .dropdown-details {
    margin-left: 50px
}

.popover .ins-title {
    color: #555;
    font-size: 15px
}

.popover .ins-subtitle {
    color: #777;
    font-size: 12px;
    display: block
}

.popover .dropdown-bottom {
    border-top: 1px solid #e7e7e7;
    margin: 0 2px;
    overflow: hidden;
    padding: 0 5px 5px
}

.popover .teaching {
    color: #555;
    font-size: 12px;
    margin: 6px 5px 0 0
}

.popover .view-btn {
    float: right;
    top: 4px;
    position: relative;
    padding: 1px 10px
}

.popover .lec-left {
    float: left;
    font-size: 12px;
    padding-top: 6px;
    text-align: center;
    width: 40px
}

.popover .lec-right {
    padding: 6px 0 10px 15px;
    position: relative
}

.popover .course-no {
    display: block
}

.popover .lec-perc-mask {
    display: inline-block;
    overflow: hidden
}

.popover .lec-perc {
    background: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 50% 50% 50% 50%;
    left: -9px;
    line-height: 0;
    padding: 2px;
    position: absolute;
    top: 7px
}

.popover .lec-perc-mask:before {
    background: #54b551;
    border-radius: 50% 50% 50% 50%;
    content: "";
    float: left;
    height: 12px;
    width: 12px
}

.popover .lec-title {
    color: #444;
    font-size: 13px;
    padding-right: 15px;
    margin: 0
}

.popover .lec-title i {
    font-size: 14px
}

.popover .lec-title a {
    color: #353535;
    font-size: 20px
}

.popover .lec-title:hover {
    color: #222
}

.popover .lec-details {
    background: #f6f6f6;
    color: #aaa;
    display: inline-block;
    font-size: 11px;
    padding: 0 6px
}

.popover .lec-more {
    margin-top: 3px
}

.popover .lec-small-icon {
    width: 16px;
    color: #ccc;
    display: inline-block;
    font-size: 14px;
    margin-left: 5px;
    position: relative;
    top: 2px
}

.popover .go-to-lec {
    padding: 4px 10px;
    text-align: center
}

.popover .go-to-lec a {
    color: #58647e
}

.popover .go-to-lec a:hover {
    color: #000
}

.activity-post .popover {
    position: fixed
}

.activity-body .popover {
    width: 180px
}

.ud-popover .popover-html-content {
    visibility: hidden;
    opacity: 0;
    height: 0;
    width: 0;
    position: absolute
}

.ud-popover~.popover .popover-title:empty {
    display: none
}

.ud-popover~.popover .popover-content .ajax-loader-stick {
    position: inherit;
    display: block;
    margin: 10px
}

.ud-popover.no-padding~.popover .popover-content {
    padding: 0
}

.ud-popover.no-padding~.popover .popover-content form .manage-fields-wrapper {
    padding-bottom: 0
}

.ud-popover.no-padding~.popover .popover-content form .submit-row {
    margin-bottom: 10px
}

.collapsable-text {
    overflow: hidden
}

a.collapsable-more {
    width: 100%;
    position: absolute;
    text-align: center;
    background-image: -webkit-linear-gradient(top, rgba(244, 244, 244, 0) 0, #f4f4f4 100%);
    background-image: -o-linear-gradient(top, rgba(244, 244, 244, 0) 0, #f4f4f4 100%);
    background-image: linear-gradient(to bottom, rgba(244, 244, 244, 0) 0, #f4f4f4 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00f4f4f4', endColorstr='#fff4f4f4', GradientType=0);
    bottom: -15px;
    padding: 40px 10px 0 0;
    font-weight: 700;
    font-size: 12px
}

a.collapsable-more.collapsable-less {
    display: none
}

a.collapsable-more b {
    color: #555;
    background: #efefef;
    padding: 3px 7px;
    border: 1px solid #dedede;
    width: 100px;
    display: inline-block
}

a.collapsable-more:hover b {
    color: #000
}

.mobile-menu {
    text-align: left;
    max-width: 290px
}

.mobile-menu .trigger {
    font-size: 18px;
    color: #1E2C35;
    border-bottom: 1px solid #ccc;
    margin: 0;
    padding: 5px 10px;
    font-weight: 400;
    background: #fff
}

.mobile-menu .inner-trigger {
    font-size: 16px;
    margin: 0
}

.mobile-menu .icon {
    font-size: 14px;
    margin-left: 5px;
    font-style: normal
}

.mobile-menu .content {
    background: #fff;
    padding: 5px;
    display: none
}

.mobile-menu a {
    color: #1e2c35;
    font-size: 16px;
    padding: 5px 10px;
    display: block
}

.mobile-menu a.on {
    background: #e8e8e8
}

.mobile-menu .filtering-box {
    border-top: 1px solid #ccc;
    padding: 10px 5px
}

.mobile-menu .filtering-box:first-child {
    border: 0
}

.mobile-menu .menu-checkbox {
    display: none
}

.mobile-menu .menu-checkbox:checked~.trigger {
    background: #dbdbdb
}

.mobile-menu .menu-checkbox:checked~.content {
    display: block
}

.mobile-menu .menu-checkbox:checked~.trigger .icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.mobile-menu .menu-checkbox:checked~.inner-trigger .minus {
    display: block
}

.mobile-menu .menu-checkbox:checked~.inner-trigger .plus {
    display: none
}

.mobile-menu .minus {
    display: none
}

.filter-menu div.filtering {
    padding: 0
}

.filter-menu div.filtering a:hover {
    background: 0 0;
    font-weight: 400
}

@media (max-width: 640px) {
    .ui-autocomplete {
        display: none!important
    }
    .s-rating.smaller:before,
    .s-rating.smaller span:before {
        font-size: 12px;
        letter-spacing: 2px
    }
}

input.search-input {
    box-sizing: initial
}

.input-table th:empty,
.input-table td:empty {
    display: none
}

.input-table a {
    cursor: pointer
}

.input-table td {
    padding: 5px
}

.input-table td.rel {
    display: block;
    position: relative
}

.input-table th {
    color: #666;
    font-weight: 700;
    padding: 12px 5px 5px;
    text-align: right;
    vertical-align: top;
    width: 25%
}

.input-table th .secondary-text {
    font-weight: 400;
    color: #999;
    font-size: 11px
}

.input-table th label {
    display: inline
}

select.form-control[readonly] {
    pointer-events: none
}

.input-table .input-field input,
.input-table .input-field textarea {
    background-color: #fff;
    border: 1px solid #aaa;
    padding: 8px 0 8px 8px;
    width: 100%;
    box-sizing: border-box
}

.input-table .input-field input[readonly]:focus,
.input-table .input-field textarea[readonly]:focus,
.input-table .input-field select[readonly]:focus,
.input-table .input-field input.readonly:focus,
.input-table .input-field textarea.readonly:focus,
.input-table .input-field select.readonly:focus {
    background-color: #F0F0F0;
    border: 1px solid #AAA;
    -webkit-box-shadow: none;
    box-shadow: none
}

.input-table .input-field select {
    background-color: #f0f0f0;
    border: 1px solid #aaa;
    padding: 8px;
    width: 100%
}

.input-table .input-field .text-input.symbolled {
    padding-left: 20px;
    width: 95%
}

.input-table .input-field .radio-item {
    float: left;
    padding: 5px 13px 0 0
}

.input-table .input-field .radio-item input {
    width: auto;
    margin-right: 3px;
    height: 10px;
    border: none;
    background: 0 0;
    background-color: transparent
}

.input-table .input-field .check-box {
    float: left;
    width: auto;
    height: 15px;
    padding: 0;
    margin: 0;
    margin-top: 1px;
    border: none;
    background: 0 0;
    background-color: transparent
}

.input-table .input-field .ui-datepicker-trigger {
    margin-left: 10px
}

.input-table .input-field .w3c-default ul li {
    display: list-item;
    list-style-type: disc;
    margin: 5px 20px
}

.input-table input.input-button {
    background-color: #316482;
    border: 1px solid #176e7f;
    color: #fff;
    padding: 5px;
    cursor: pointer
}

.input-table .input-area {
    height: 100px
}

.input-table .input-area-small {
    height: 50px
}

.input-table .input-button-secondary {
    font-weight: 700;
    background-color: #f0f0f0;
    color: #316482;
    padding: 1px;
    margin-top: 2px;
    font-size: 11px;
    border: 1px;
    border-style: solid;
    border-bottom-color: #adc9da;
    border-right-color: #adc9da;
    border-top-color: #fff;
    border-left-color: #fff
}

.input-table .input-combo {
    border: 1px solid #aaa;
    background-color: #f0f0f0;
    padding-left: 2px
}

.input-table .ud-tabsformitem.ui-widget {
    font-size: 1em
}

.ud-tabsformitem div.tab-content .tooltip-reference {
    display: block
}

.ud-tabsformitem div.tab-content .radio-item {
    display: list-item
}

.input-table .ud-tabsformitem {
    margin: 0;
    padding: 0;
    border: none;
    min-height: 31px
}

.input-table .ud-tabsformitem ul {
    margin: 0;
    padding: 0;
    background: 0 0;
    border: none
}

.input-table .ud-tabsformitem ul>li {
    margin: 0;
    padding: 0;
    background: 0 0;
    border: none
}

.input-table .ud-tabsformitem ul>li a {
    margin: 0;
    padding: 0
}

.input-table .ud-tabsformitem div.tab-content {
    border: 1px solid lightGrey;
    border-width: 1px;
    position: relative;
    margin-top: 10px
}

.input-table .ud-tabsformitem .ui-tabs-selected.tab-content-triangle {
    position: relative
}

.input-table .ud-tabsformitem .tab-content-triangle.ui-tabs-selected:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid lightGrey;
    position: absolute;
    display: block;
    left: 45%;
    bottom: -10px
}

.input-table .ud-tabsformitem .tab-content-triangle.ui-tabs-selected:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    position: absolute;
    display: block;
    left: 45%;
    bottom: -11px;
    z-index: 10
}

#table-in-notification td {
    padding: 7px
}

#table-in-notification th {
    color: #666;
    font-weight: 700;
    padding: 12px 5px 5px;
    text-align: left;
    vertical-align: top;
    width: 40px
}

input.input-button {
    background-color: #316482;
    color: #fff;
    cursor: pointer;
    font-weight: 700;
    padding: 5px
}

.input-add-on {
    border-right: none;
    height: 100%;
    padding: 0 5px 0 0
}

#message-body {
    height: 200px
}

td.input-button {
    text-align: left
}

label,
button {
    cursor: pointer
}

a.new-item {
    margin: 10px
}

div.form-item-block {
    margin-bottom: 5px
}

.error-text,
.form-errors,
.form-warnings {
    color: #C93643;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    position: initial;
    margin: 15px auto;
    padding: 5px
}

.form-warnings {
    color: #f0ad4e
}

.ud-importcontent-error {
    margin: 0
}

.input-table-one-column tr th {
    text-align: left
}

.input-table-one-column tr td {
    padding: 0 5px
}

.input-table-one-column td.input-button {
    padding-top: 10px
}

#auto_list {
    box-shadow: 0 0 3px #000;
    position: absolute
}

#auto_list a {
    text-decoration: none
}

#auto_list span {
    cursor: pointer;
    display: block;
    padding: 6px 10px;
    font-weight: 400;
    width: 250px;
    background: #fff
}

#auto_list span:hover {
    background: #8bbb27;
    color: #fff
}

#auto_list_users {
    box-shadow: 0 0 3px #000;
    position: absolute;
    top: 32px;
    left: 35px
}

#auto_list_users a {
    float: left;
    width: 100%;
    width: 250px;
    background: #fff;
    padding: 5px;
    line-height: 24px;
    text-decoration: none;
    cursor: pointer
}

#auto_list_users a:hover {
    background: #8bbb27;
    color: #fff
}

#auto_list_users img {
    float: left;
    margin-right: 5px
}

#auto_list_users span {
    cursor: pointer
}

#lmkbrttt {
    display: none
}

.ie8 .ui-autocomplete,
.ie8 #auto_list,
.ie8 #auto_list_users {
    border: 1px solid #666!important
}

.ui-autocomplete .ui-menu-item .right-side {
    display: inline-block;
    width: 220px;
    vertical-align: middle
}

.ud-message .autocomplete-thumbnail {
    top: 0!important;
    width: 34px;
    height: 34px
}

.autocomplete-thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    border: 1px solid #aaa;
    width: 38px;
    height: 38px
}

.autocomplete-text {
    position: relative;
    padding-left: 40px
}

.ud-imageuploader .preview-image {
    max-width: initial
}

.media-preview img {
    max-width: inherit
}

.media-preview .jcrop-holder {
    margin-left: auto;
    margin-right: auto
}

.media-preview .jcrop-holder>img {
    opacity: .4!important
}

.ud-s3upload {
    min-height: 30px
}

.file-upload-note {
    background: #f8f7f0;
    border: 1px solid #e1e1e1;
    line-height: 1.3;
    padding: 5px 10px
}

.file-upload-note.error {
    background: #B54040;
    color: #fff;
    border-color: #8E2525
}

.fileupload-wrapper .note {
    background: #f8f7f0;
    border: 1px solid #e1e1e1;
    line-height: 1.3;
    padding: 6px 10px
}

.fileupload-wrapper .note.error {
    background: #B54040;
    color: #fff;
    border-color: #8E2525
}

.fileupload-wrapper .ud-jq-progressbar {
    background: #F8F6EF;
    border: 1px solid #E1E1E1;
    box-shadow: none;
    height: 32px;
    padding: 2px;
    margin: 0
}

.fileupload-wrapper .ud-jq-progressbar .ui-progressbar-value {
    margin: 0;
    border: none
}

.fileupload-wrapper .btn {
    padding: 6px 10px!important;
    margin-left: 10px;
    text-transform: capitalize;
    line-height: 17px
}

.fileupload-wrapper .btn.choosefile-wrapper {
    overflow: hidden;
    overflow: -moz-hidden-unscrollable;
    position: relative
}

.fileupload-wrapper .btn.choosefile-wrapper input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    border: solid transparent;
    opacity: 0;
    filter: alpha(opacity=0);
    transform: rotate(translate(-300px, 0) scale(4));
    -ms-transform: rotate(translate(-300px, 0) scale(4));
    -webkit-transform: rotate(translate(-300px, 0) scale(4));
    -webkit-transform: translate(-300px, 0) scale(4);
    -o-transform: translate(-300px, 0) scale(4);
    -ms-transform: translate(-300px, 0) scale(4);
    transform: translate(-300px, 0) scale(4);
    -webkit-backface-visibility: hidden;
    direction: ltr;
    cursor: pointer;
    border-width: 0 0 100px 200px
}

.fileupload-wrapper .cancel,
.fileupload-wrapper .change {
    display: none
}

.fileupload-wrapper .after-upload-button {
    display: none
}

.fileupload-wrapper .progressbar-wrapper {
    margin-bottom: 10px
}

.fileupload-wrapper .info-wrapper {
    left: 20px;
    position: absolute;
    line-height: 24px;
    font-size: 11px
}

.fileupload-wrapper .info-wrapper .percent {
    font-size: smaller
}

.fileupload-wrapper .info-wrapper .filename {
    max-width: 285px;
    float: left;
    margin-right: 10px
}

.fileupload-wrapper .fileupload-error {
    display: none;
    color: #fff;
    background-color: #b94a48;
    padding: 7px 15px;
    border: 1px solid #8E4F4F;
    margin-left: 10px
}

.fileupload-wrapper .fileupload-error a {
    color: #fff;
    text-decoration: underline
}

.fileupload-wrapper .usepreuploaded-selector {
    display: inline-block
}

.fileupload-wrapper .usepreuploaded-selector select {
    width: 200px!important
}

.ud-mashupcreator .btns {
    margin: 10px
}

.processing {
    padding: 0 15px
}

.btn-group-vertical {
    display: block
}

.btn-group-vertical .btn:hover,
.btn-group-vertical .btn:focus,
.btn-group-vertical .btn:active,
.btn-group-vertical .btn.active {
    z-index: 2
}

.btn-group-vertical+.btn-group-vertical {
    margin-top: 5px
}

.btn-group-vertical .btn {
    display: block;
    width: 100%;
    margin-top: -1px;
    padding-top: 5px
}

.btn-group-vertical .btn.btn-lg {
    padding-top: 10px
}

.btn-group-vertical .dropdown-toggle:active,
.btn-group-vertical.open .dropdown-toggle {
    outline: 0
}

.manage-fields-wrapper,
.form-wrapper {
    padding: 0 0 10px 0;
    width: 100%;
    position: relative;
    z-index: 1
}

.manage-fields-wrapper .mask,
.form-wrapper .mask {
    max-width: none!important
}

.manage-fields-wrapper .closed.editing,
.form-wrapper .closed.editing,
.manage-fields-wrapper .closed.cfi-content,
.form-wrapper .closed.cfi-content {
    display: none
}

.manage-fields-wrapper .opened.editing,
.form-wrapper .opened.editing,
.manage-fields-wrapper .opened.cfi-content,
.form-wrapper .opened.cfi-content {
    display: block
}

.manage-fields-wrapper .sort-handle,
.form-wrapper .sort-handle,
.manage-fields-wrapper .edit-handle,
.form-wrapper .edit-handle,
.manage-fields-wrapper .delete-handle,
.form-wrapper .delete-handle {
    visibility: hidden;
    opacity: 0
}

.manage-fields-wrapper .delete-wrapper,
.form-wrapper .delete-wrapper,
.manage-fields-wrapper .edit-wrapper,
.form-wrapper .edit-wrapper {
    border: 1px solid #bfbfbf;
    overflow: hidden;
    background: #f7f8f8;
    padding: 3px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), inset 0 0 2px rgba(255, 255, 255, .75);
    display: inline-block;
    position: relative
}

.manage-fields-wrapper .delete-wrapper .sort-handle,
.form-wrapper .delete-wrapper .sort-handle,
.manage-fields-wrapper .edit-wrapper .sort-handle,
.form-wrapper .edit-wrapper .sort-handle,
.manage-fields-wrapper .delete-wrapper .delete-handle,
.form-wrapper .delete-wrapper .delete-handle,
.manage-fields-wrapper .edit-wrapper .delete-handle,
.form-wrapper .edit-wrapper .delete-handle,
.manage-fields-wrapper .delete-wrapper .edit-handle,
.form-wrapper .delete-wrapper .edit-handle,
.manage-fields-wrapper .edit-wrapper .edit-handle,
.form-wrapper .edit-wrapper .edit-handle {
    position: static;
    display: inline-block;
    visibility: visible;
    opacity: 1;
    margin: 1px 4px
}

.manage-fields-wrapper .edit-handle,
.form-wrapper .edit-handle {
    cursor: pointer
}

.manage-fields-wrapper .edit-handle:before,
.form-wrapper .edit-handle:before {
    content: '\f040';
    font-family: FontAwesome;
    color: #333
}

.manage-fields-wrapper .edit-handle:hover:before,
.form-wrapper .edit-handle:hover:before {
    color: #000
}

.manage-fields-wrapper .sort-handle,
.form-wrapper .sort-handle {
    cursor: move;
    float: right
}

.manage-fields-wrapper .sort-handle:before,
.form-wrapper .sort-handle:before {
    content: '\f0c9';
    font-family: FontAwesome;
    color: #333
}

.manage-fields-wrapper .sort-handle:hover:before,
.form-wrapper .sort-handle:hover:before {
    color: #000
}

.manage-fields-wrapper .delete-handle,
.form-wrapper .delete-handle {
    cursor: pointer;
    position: absolute;
    right: 14px;
    bottom: 14px
}

.manage-fields-wrapper .delete-handle:before,
.form-wrapper .delete-handle:before {
    content: '\f014';
    font-family: FontAwesome;
    color: #333
}

.manage-fields-wrapper .delete-handle:hover:before,
.form-wrapper .delete-handle:hover:before {
    color: #000
}

.manage-fields-wrapper .opened .delete-handle,
.form-wrapper .opened .delete-handle {
    visibility: visible;
    opacity: 1
}

.manage-fields-wrapper.ud-manageinstructors #tip,
.form-wrapper.ud-manageinstructors #tip {
    padding-top: 10px;
    display: block;
    font-size: 13px
}

.manage-fields-wrapper .input-symbol,
.form-wrapper .input-symbol {
    position: absolute;
    vertical-align: middle;
    margin: auto;
    top: 50%;
    margin-top: -10px;
    left: 6px;
    font-weight: 700;
    color: #555
}

.manage-fields-wrapper .symbolled,
.form-wrapper .symbolled {
    padding-left: 15px
}

.manage-fields-wrapper .disabled,
.form-wrapper .disabled {
    color: #777
}

.manage-fields-wrapper .disabled.btn,
.form-wrapper .disabled.btn {
    color: #fff
}

.manage-fields-wrapper>div,
.form-wrapper>div {
    margin-top: 20px;
    position: relative
}

.manage-fields-wrapper>div:first-child,
.form-wrapper>div:first-child {
    margin-top: 0
}

.manage-fields-wrapper>div:first-child.non-labeled,
.form-wrapper>div:first-child.non-labeled {
    margin-top: 0
}

.manage-fields-wrapper>div.non-labeled,
.form-wrapper>div.non-labeled {
    margin-top: 15px
}

.manage-fields-wrapper>div.form-section,
.form-wrapper>div.form-section,
.manage-fields-wrapper>div.form-section.non-labeled,
.form-wrapper>div.form-section.non-labeled {
    margin-top: 0;
    padding-top: 20px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #d2d5d8;
    padding-top: 40px;
    padding-bottom: 40px;
    background: #F1F3F6
}

.manage-fields-wrapper>div.form-section.dark,
.form-wrapper>div.form-section.dark,
.manage-fields-wrapper>div.form-section.non-labeled.dark,
.form-wrapper>div.form-section.non-labeled.dark {
    background: #e5eaf2;
    font-weight: 400
}

.manage-fields-wrapper>div.form-section.light,
.form-wrapper>div.form-section.light,
.manage-fields-wrapper>div.form-section.non-labeled.light,
.form-wrapper>div.form-section.non-labeled.light {
    background: #F9F9FA;
    font-weight: 400
}

.manage-fields-wrapper>div.form-section.border-top,
.form-wrapper>div.form-section.border-top,
.manage-fields-wrapper>div.form-section.non-labeled.border-top,
.form-wrapper>div.form-section.non-labeled.border-top {
    border-top: 1px solid #fff;
    border-bottom: none;
    padding-top: 40px;
    padding-bottom: 10px
}

.manage-fields-wrapper>div.form-section.border-bottom,
.form-wrapper>div.form-section.border-bottom,
.manage-fields-wrapper>div.form-section.non-labeled.border-bottom,
.form-wrapper>div.form-section.non-labeled.border-bottom {
    border-bottom: 1px solid #d2d5d8;
    border-top: none;
    padding-top: 10px;
    padding-bottom: 40px
}

.manage-fields-wrapper>div.form-section.border-none,
.form-wrapper>div.form-section.border-none,
.manage-fields-wrapper>div.form-section.non-labeled.border-none,
.form-wrapper>div.form-section.non-labeled.border-none {
    border-top: none;
    border-bottom: none;
    padding-bottom: 10px;
    padding-top: 10px
}

.manage-fields-wrapper>div.form-section.first-line,
.form-wrapper>div.form-section.first-line,
.manage-fields-wrapper>div.form-section.non-labeled.first-line,
.form-wrapper>div.form-section.non-labeled.first-line {
    padding-top: 20px
}

.manage-fields-wrapper .vanity-url-info,
.form-wrapper .vanity-url-info {
    padding-top: 5px;
    position: absolute;
    left: 0;
    top: 30px
}

.manage-fields-wrapper .two-cols,
.form-wrapper .two-cols {
    position: relative;
    width: 45%;
    float: left;
    margin-left: 10%
}

.manage-fields-wrapper .two-cols.first,
.form-wrapper .two-cols.first {
    margin-left: 0;
    clear: left
}

.manage-fields-wrapper .two-cols.last,
.form-wrapper .two-cols.last {
    float: none;
    margin-left: 45%;
    width: 55%;
    padding-left: 10%!important
}

.manage-fields-wrapper .two-cols select,
.form-wrapper .two-cols select {
    width: 100%
}

.manage-fields-wrapper .q-mark,
.form-wrapper .q-mark {
    top: 0;
    right: -40px
}

.manage-fields-wrapper .checkboxselectmultiple.form-control,
.form-wrapper .checkboxselectmultiple.form-control {
    margin-right: 10px;
    box-shadow: none;
    height: 18px
}

.manage-fields-wrapper .check-box,
.form-wrapper .check-box {
    margin-top: 0
}

.manage-fields-wrapper .on-off-group,
.form-wrapper .on-off-group {
    border: 1px solid #a9a9a9;
    background-color: #fff;
    padding: 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    height: auto
}

.manage-fields-wrapper .on-off-group .on-off-item,
.form-wrapper .on-off-group .on-off-item {
    border-top: 1px solid #a9a9a9;
    padding: 10px 4px;
    overflow: hidden
}

.manage-fields-wrapper .on-off-group .on-off-item:first-child,
.form-wrapper .on-off-group .on-off-item:first-child {
    border-top: none
}

.manage-fields-wrapper .on-off-group .on-off-item .switcher-no-js,
.form-wrapper .on-off-group .on-off-item .switcher-no-js {
    display: inline-block;
    vertical-align: middle;
    float: right;
    margin: 5px 10px
}

.manage-fields-wrapper .on-off-group .on-off-item .switcher-no-js label,
.form-wrapper .on-off-group .on-off-item .switcher-no-js label {
    font-size: 11px
}

.manage-fields-wrapper .on-off-item.disabled label,
.form-wrapper .on-off-item.disabled label,
.manage-fields-wrapper .radio-item.disabled label,
.form-wrapper .radio-item.disabled label,
.manage-fields-wrapper .checkbox-item.disabled label,
.form-wrapper .checkbox-item.disabled label {
    color: #777
}

.manage-fields-wrapper .on-off-item input[type=radio],
.form-wrapper .on-off-item input[type=radio],
.manage-fields-wrapper .radio-item input[type=radio],
.form-wrapper .radio-item input[type=radio],
.manage-fields-wrapper .checkbox-item input[type=radio],
.form-wrapper .checkbox-item input[type=radio],
.manage-fields-wrapper .on-off-item input[type=checkbox],
.form-wrapper .on-off-item input[type=checkbox],
.manage-fields-wrapper .radio-item input[type=checkbox],
.form-wrapper .radio-item input[type=checkbox],
.manage-fields-wrapper .checkbox-item input[type=checkbox],
.form-wrapper .checkbox-item input[type=checkbox] {
    float: left
}

.manage-fields-wrapper .on-off-item label,
.form-wrapper .on-off-item label,
.manage-fields-wrapper .radio-item label,
.form-wrapper .radio-item label,
.manage-fields-wrapper .checkbox-item label,
.form-wrapper .checkbox-item label {
    color: #444;
    font-size: 14px;
    font-weight: 400;
    margin: 0 10px 5px 20px;
    vertical-align: middle
}

.manage-fields-wrapper .checkbox label,
.form-wrapper .checkbox label {
    color: #444;
    font-size: 14px;
    font-weight: 400
}

.manage-fields-wrapper .on-off-item label,
.form-wrapper .on-off-item label {
    display: inline-block;
    margin: 5px 10px
}

.manage-fields-wrapper label,
.form-wrapper label,
.manage-fields-wrapper .form-item-label,
.form-wrapper .form-item-label,
.manage-fields-wrapper .blockLabel,
.form-wrapper .blockLabel {
    color: #526075;
    font-weight: 700;
    font-size: 13px
}

.manage-fields-wrapper .tos-textarea,
.form-wrapper .tos-textarea {
    height: 320px;
    padding: 15px 15px 0 15px;
    resize: none;
    overflow: auto;
    font-weight: 400;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .25)
}

.manage-fields-wrapper .tos-textarea h2,
.form-wrapper .tos-textarea h2,
.manage-fields-wrapper .tos-textarea h3,
.form-wrapper .tos-textarea h3 {
    text-align: left!important
}

.manage-fields-wrapper .tos-textarea h2,
.form-wrapper .tos-textarea h2 {
    font-size: 15px!important;
    margin: 0 0 5px 0!important
}

.manage-fields-wrapper .tos-textarea ul,
.form-wrapper .tos-textarea ul {
    list-style-type: disc;
    margin-left: 15px
}

.manage-fields-wrapper .checkbox-label,
.form-wrapper .checkbox-label {
    display: inline
}

.manage-fields-wrapper input[type=text],
.form-wrapper input[type=text],
.manage-fields-wrapper input[type=password],
.form-wrapper input[type=password],
.manage-fields-wrapper input[type=email],
.form-wrapper input[type=email],
.manage-fields-wrapper textarea,
.form-wrapper textarea,
.manage-fields-wrapper .uneditable-input,
.form-wrapper .uneditable-input,
.manage-fields-wrapper .input-like-field,
.form-wrapper .input-like-field {
    border: 1px solid #a9a9a9;
    width: 100%;
    padding: 4px 6px;
    height: 30px
}

.manage-fields-wrapper .uneditable-input,
.form-wrapper .uneditable-input,
.manage-fields-wrapper .input-like-field,
.form-wrapper .input-like-field {
    background-color: #fff;
    padding: 4px 6px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    height: auto
}

.manage-fields-wrapper textarea,
.form-wrapper textarea {
    height: 70px;
    padding-right: 0;
    resize: none
}

.manage-fields-wrapper input:-moz-placeholder,
.form-wrapper input:-moz-placeholder,
.manage-fields-wrapper textarea:-moz-placeholder,
.form-wrapper textarea:-moz-placeholder {
    color: #aaa
}

.manage-fields-wrapper input::-webkit-input-placeholder,
.form-wrapper input::-webkit-input-placeholder,
.manage-fields-wrapper textarea::-webkit-input-placeholder,
.form-wrapper textarea::-webkit-input-placeholder {
    color: #aaa
}

.manage-fields-wrapper .tooltip-reference,
.form-wrapper .tooltip-reference {
    position: relative;
    display: inline-block;
    width: 100%
}

.manage-fields-wrapper .tooltip-reference:hover .black-tooltip,
.form-wrapper .tooltip-reference:hover .black-tooltip {
    opacity: 0;
    visibility: hidden
}

.manage-fields-wrapper .tooltip-reference:hover .black-tooltip.error-msg,
.form-wrapper .tooltip-reference:hover .black-tooltip.error-msg {
    opacity: 1;
    visibility: visible
}

.manage-fields-wrapper .tooltip-reference input:focus~.notes,
.form-wrapper .tooltip-reference input:focus~.notes,
.manage-fields-wrapper .tooltip-reference textarea:focus~.notes,
.form-wrapper .tooltip-reference textarea:focus~.notes,
.manage-fields-wrapper .tooltip-reference label:focus~.notes,
.form-wrapper .tooltip-reference label:focus~.notes {
    visibility: visible;
    opacity: 1;
    z-index: 89
}

.manage-fields-wrapper .hover.tooltip-reference:hover~.notes,
.form-wrapper .hover.tooltip-reference:hover~.notes,
.manage-fields-wrapper .hover.tooltip-reference select:hover~.notes,
.form-wrapper .hover.tooltip-reference select:hover~.notes,
.manage-fields-wrapper .hover.tooltip-reference input:hover~.notes,
.form-wrapper .hover.tooltip-reference input:hover~.notes,
.manage-fields-wrapper .hover.tooltip-reference textarea:hover~.notes,
.form-wrapper .hover.tooltip-reference textarea:hover~.notes,
.manage-fields-wrapper .hover.tooltip-reference label:hover~.notes,
.form-wrapper .hover.tooltip-reference label:hover~.notes,
.manage-fields-wrapper .tooltip-reference .tooltip-on-hover:hover~.notes,
.form-wrapper .tooltip-reference .tooltip-on-hover:hover~.notes,
.manage-fields-wrapper .tooltip-reference .redactor-box:hover~.notes,
.form-wrapper .tooltip-reference .redactor-box:hover~.notes,
.manage-fields-wrapper .tooltip-reference select:hover~.notes,
.form-wrapper .tooltip-reference select:hover~.notes,
.manage-fields-wrapper .tooltip-reference .hover:hover~.notes,
.form-wrapper .tooltip-reference .hover:hover~.notes {
    visibility: visible;
    opacity: 1;
    z-index: 89
}

.manage-fields-wrapper .hover.tooltip-reference:focus:hover~.notes,
.form-wrapper .hover.tooltip-reference:focus:hover~.notes,
.manage-fields-wrapper .hover.tooltip-reference select:focus:hover~.notes,
.form-wrapper .hover.tooltip-reference select:focus:hover~.notes,
.manage-fields-wrapper .hover.tooltip-reference input:focus:hover~.notes,
.form-wrapper .hover.tooltip-reference input:focus:hover~.notes,
.manage-fields-wrapper .hover.tooltip-reference textarea:focus:hover~.notes,
.form-wrapper .hover.tooltip-reference textarea:focus:hover~.notes,
.manage-fields-wrapper .hover.tooltip-reference label:focus:hover~.notes,
.form-wrapper .hover.tooltip-reference label:focus:hover~.notes,
.manage-fields-wrapper .tooltip-reference .tooltip-on-hover:focus:hover~.notes,
.form-wrapper .tooltip-reference .tooltip-on-hover:focus:hover~.notes,
.manage-fields-wrapper .tooltip-reference .redactor-box:focus:hover~.notes,
.form-wrapper .tooltip-reference .redactor-box:focus:hover~.notes,
.manage-fields-wrapper .tooltip-reference select:focus:hover~.notes,
.form-wrapper .tooltip-reference select:focus:hover~.notes,
.manage-fields-wrapper .tooltip-reference .hover:focus:hover~.notes,
.form-wrapper .tooltip-reference .hover:focus:hover~.notes {
    visibility: visible;
    opacity: 1;
    z-index: 89
}

.manage-fields-wrapper .hover.tooltip-reference:focus~.notes,
.form-wrapper .hover.tooltip-reference:focus~.notes,
.manage-fields-wrapper .hover.tooltip-reference select:focus~.notes,
.form-wrapper .hover.tooltip-reference select:focus~.notes,
.manage-fields-wrapper .hover.tooltip-reference input:focus~.notes,
.form-wrapper .hover.tooltip-reference input:focus~.notes,
.manage-fields-wrapper .hover.tooltip-reference textarea:focus~.notes,
.form-wrapper .hover.tooltip-reference textarea:focus~.notes,
.manage-fields-wrapper .hover.tooltip-reference label:focus~.notes,
.form-wrapper .hover.tooltip-reference label:focus~.notes,
.manage-fields-wrapper .tooltip-reference .tooltip-on-hover:focus~.notes,
.form-wrapper .tooltip-reference .tooltip-on-hover:focus~.notes,
.manage-fields-wrapper .tooltip-reference .redactor-box:focus~.notes,
.form-wrapper .tooltip-reference .redactor-box:focus~.notes,
.manage-fields-wrapper .tooltip-reference select:focus~.notes,
.form-wrapper .tooltip-reference select:focus~.notes,
.manage-fields-wrapper .tooltip-reference .hover:focus~.notes,
.form-wrapper .tooltip-reference .hover:focus~.notes {
    visibility: hidden;
    opacity: 0;
    z-index: 89
}

.manage-fields-wrapper .ch-count-field,
.form-wrapper .ch-count-field {
    padding-right: 45px
}

.manage-fields-wrapper .ch-count-field .error-msg,
.form-wrapper .ch-count-field .error-msg {
    right: 39px
}

.manage-fields-wrapper .ch-count,
.form-wrapper .ch-count {
    position: absolute;
    background: #e5e7ea;
    color: #636b6f;
    font-size: 14px;
    font-weight: 700;
    padding: 0 5px;
    right: 3px;
    top: 3px;
    line-height: 24px;
    width: 34px;
    text-align: center
}

.manage-fields-wrapper .ch-count-warning,
.form-wrapper .ch-count-warning {
    background: red;
    color: #fff;
    font-size: 18px
}

.manage-fields-wrapper .inside-error-msg,
.form-wrapper .inside-error-msg {
    background: #a94442;
    bottom: 2px;
    color: #fff;
    font-weight: 700;
    padding: 3px 5px;
    position: absolute;
    right: 2px;
    text-transform: uppercase;
    visibility: hidden;
    opacity: 0
}

.manage-fields-wrapper #tooltip-reference-content .inside-error-msg,
.form-wrapper #tooltip-reference-content .inside-error-msg {
    bottom: 12px
}

.manage-fields-wrapper .outside-error-msg,
.form-wrapper .outside-error-msg {
    color: #a94442;
    visibility: hidden;
    opacity: 0
}

.manage-fields-wrapper .outside-warning-msg,
.form-wrapper .outside-warning-msg {
    color: #8a6d3b;
    visibility: hidden;
    opacity: 0
}

.manage-fields-wrapper .field-error input,
.form-wrapper .field-error input,
.manage-fields-wrapper .field-error textarea,
.form-wrapper .field-error textarea {
    border-color: #a94442
}

.manage-fields-wrapper .field-error select,
.form-wrapper .field-error select {
    color: #a94442
}

.manage-fields-wrapper .field-error .checkbox-label,
.form-wrapper .field-error .checkbox-label,
.manage-fields-wrapper .field-error .checkbox-item>label,
.form-wrapper .field-error .checkbox-item>label {
    color: #a94442
}

.manage-fields-wrapper .field-error .ud-tabsformitem ul li span.ui-button-text,
.form-wrapper .field-error .ud-tabsformitem ul li span.ui-button-text {
    color: #a94442;
    border-color: #a94442
}

.manage-fields-wrapper .field-error .ud-tabsformitem ul li.ui-tabs-selected span.ui-button-text,
.form-wrapper .field-error .ud-tabsformitem ul li.ui-tabs-selected span.ui-button-text {
    color: #fff
}

.manage-fields-wrapper .field-error .error-msg,
.form-wrapper .field-error .error-msg {
    visibility: visible;
    opacity: 1
}

.manage-fields-wrapper .form-tooltip hr,
.form-wrapper .form-tooltip hr {
    margin-bottom: 7px;
    margin-top: 7px
}

.manage-fields-wrapper .form-tooltip.blue-skin,
.form-wrapper .form-tooltip.blue-skin {
    visibility: visible;
    opacity: 1
}

.manage-fields-wrapper .form-tooltip.blue-skin .inside-error-msg,
.form-wrapper .form-tooltip.blue-skin .inside-error-msg {
    right: 3px;
    bottom: 3px;
    font-size: 12px
}

.manage-fields-wrapper .radio-list,
.form-wrapper .radio-list {
    list-style: none!important;
    margin-left: 0!important;
    background: #aecae6
}

.manage-fields-wrapper .radio-list .inside-error-msg,
.form-wrapper .radio-list .inside-error-msg {
    bottom: -27px!important;
    right: 3px!important
}

.manage-fields-wrapper .radio-list li.radio-item,
.form-wrapper .radio-list li.radio-item {
    background: #eff5fc;
    margin-top: 3px;
    min-height: 30px;
    padding: 6px;
    position: relative
}

.manage-fields-wrapper .radio-list li.radio-item:before,
.form-wrapper .radio-list li.radio-item:before,
.manage-fields-wrapper .radio-list li.radio-item:after,
.form-wrapper .radio-list li.radio-item:after {
    content: " ";
    display: table
}

.manage-fields-wrapper .radio-list li.radio-item:after,
.form-wrapper .radio-list li.radio-item:after {
    clear: both
}

.manage-fields-wrapper .radio-list li.radio-item:before,
.form-wrapper .radio-list li.radio-item:before,
.manage-fields-wrapper .radio-list li.radio-item:after,
.form-wrapper .radio-list li.radio-item:after {
    content: " ";
    display: table
}

.manage-fields-wrapper .radio-list li.radio-item:after,
.form-wrapper .radio-list li.radio-item:after {
    clear: both
}

.manage-fields-wrapper .radio-list li.radio-item input[type=radio],
.form-wrapper .radio-list li.radio-item input[type=radio] {
    float: left;
    margin-top: 9px
}

.manage-fields-wrapper .radio-list li.radio-item input[type=text],
.form-wrapper .radio-list li.radio-item input[type=text],
.manage-fields-wrapper .radio-list li.radio-item input[type=password],
.form-wrapper .radio-list li.radio-item input[type=password] {
    width: 318px!important;
    margin: 0 0 0 10px
}

.manage-fields-wrapper .radio-list li.radio-item label,
.form-wrapper .radio-list li.radio-item label {
    margin: 6px 0 0 8px;
    float: left
}

.manage-fields-wrapper .as-selection-item,
.form-wrapper .as-selection-item {
    background: #9297a2!important;
    text-shadow: none!important
}

.manage-fields-wrapper .as-selection-item a,
.form-wrapper .as-selection-item a {
    background: #63666b!important;
    color: #fff!important
}

.manage-fields-wrapper .as-selection-item a:hover,
.form-wrapper .as-selection-item a:hover {
    background: #000!important
}

.manage-fields-wrapper .media-upload-manager .black-tooltip,
.form-wrapper .media-upload-manager .black-tooltip {
    top: auto;
    bottom: 5px
}

.manage-fields-wrapper .media-preview-wrapper,
.form-wrapper .media-preview-wrapper {
    background: #fff;
    border: 1px solid #A9A9A9;
    box-shadow: 0 2px 0 rgba(255, 255, 255, .63), 0 1px 2px rgba(0, 0, 0, .15) inset;
    padding: 18px
}

.manage-fields-wrapper .media-preview-wrapper .q-mark,
.form-wrapper .media-preview-wrapper .q-mark {
    top: 20px
}

.manage-fields-wrapper .media-preview-wrapper .contained,
.form-wrapper .media-preview-wrapper .contained {
    max-width: 100%;
    max-height: 100%
}

.manage-fields-wrapper .media-preview-wrapper .media-preview,
.form-wrapper .media-preview-wrapper .media-preview {
    background: #EEF4FD;
    padding: 2px
}

.manage-fields-wrapper .media-preview-wrapper .media,
.form-wrapper .media-preview-wrapper .media {
    border: 1px dotted #C2CBD7;
    height: 270px;
    text-align: center;
    background-size: cover;
    overflow: hidden
}

.manage-fields-wrapper .media-preview-wrapper .notes-table,
.form-wrapper .media-preview-wrapper .notes-table {
    height: 100%;
    width: 100%
}

.manage-fields-wrapper .media-preview-wrapper .notes-table .info,
.form-wrapper .media-preview-wrapper .notes-table .info {
    color: #5589B6;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    height: 100%
}

.manage-fields-wrapper .media-preview-wrapper .notes-table .info h4,
.form-wrapper .media-preview-wrapper .notes-table .info h4 {
    top: 50%;
    margin-top: -14px;
    position: relative
}

.manage-fields-wrapper .media-preview-wrapper .notes-table h4,
.form-wrapper .media-preview-wrapper .notes-table h4 {
    font-size: 24px;
    font-weight: 300
}

.manage-fields-wrapper .media-preview-wrapper .notes-table h5,
.form-wrapper .media-preview-wrapper .notes-table h5 {
    font-size: 16px;
    font-weight: 300;
    margin-top: 5px
}

.manage-fields-wrapper .media-preview-wrapper .notes-table .processing,
.form-wrapper .media-preview-wrapper .notes-table .processing {
    font-size: 15px;
    color: #5589B6;
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.manage-fields-wrapper .media-preview-wrapper .tip,
.form-wrapper .media-preview-wrapper .tip {
    color: #444;
    margin-top: 10px
}

.manage-fields-wrapper .input-wrapper,
.form-wrapper .input-wrapper {
    margin-top: 20px
}

.manage-fields-wrapper .input-wrapper .input-section,
.form-wrapper .input-wrapper .input-section {
    margin-top: 5px
}

.manage-fields-wrapper .input-wrapper .input-section:before,
.form-wrapper .input-wrapper .input-section:before,
.manage-fields-wrapper .input-wrapper .input-section:after,
.form-wrapper .input-wrapper .input-section:after {
    content: " ";
    display: table
}

.manage-fields-wrapper .input-wrapper .input-section:after,
.form-wrapper .input-wrapper .input-section:after {
    clear: both
}

.manage-fields-wrapper .input-wrapper .input-section:before,
.form-wrapper .input-wrapper .input-section:before,
.manage-fields-wrapper .input-wrapper .input-section:after,
.form-wrapper .input-wrapper .input-section:after {
    content: " ";
    display: table
}

.manage-fields-wrapper .input-wrapper .input-section:after,
.form-wrapper .input-wrapper .input-section:after {
    clear: both
}

.manage-fields-wrapper .input-wrapper .input-section .left-section,
.form-wrapper .input-wrapper .input-section .left-section {
    background: #FAF9F4;
    border: 1px solid #E1E1E1;
    color: #656565;
    padding: 5px
}

.manage-fields-wrapper .input-wrapper .input-section .progress,
.form-wrapper .input-wrapper .input-section .progress {
    margin-bottom: 0
}

.manage-fields-wrapper .input-wrapper .input-section.cancel .left-section,
.form-wrapper .input-wrapper .input-section.cancel .left-section {
    background: #fff;
    margin-right: 78px
}

.manage-fields-wrapper .input-wrapper .input-section.crop .left-section,
.form-wrapper .input-wrapper .input-section.crop .left-section {
    margin-right: 140px
}

.manage-fields-wrapper.ud-manageinstructors .table-view li>span:nth-child(1),
.form-wrapper.ud-manageinstructors .table-view li>span:nth-child(1),
.manage-fields-wrapper.ud-manageinstructors .table-view li>div:nth-child(1),
.form-wrapper.ud-manageinstructors .table-view li>div:nth-child(1) {
    width: 130px
}

.manage-fields-wrapper .table-view,
.form-wrapper .table-view {
    margin: 20px 0 0 0;
    display: table;
    width: 100%
}

.manage-fields-wrapper .table-view.coupon-codes li div:first-child,
.form-wrapper .table-view.coupon-codes li div:first-child,
.manage-fields-wrapper .table-view.coupon-codes li span:first-child,
.form-wrapper .table-view.coupon-codes li span:first-child {
    max-width: 400px;
    overflow: hidden;
    text-overflow: ellipsis
}

.manage-fields-wrapper .table-view#coupon-code-list,
.form-wrapper .table-view#coupon-code-list {
    margin-left: 0
}

.manage-fields-wrapper .table-view li,
.form-wrapper .table-view li {
    background: #fff;
    position: relative;
    color: #555;
    font-size: 14px;
    width: 100%;
    margin: 0;
    display: table-row
}

.manage-fields-wrapper .table-view li.header>span,
.form-wrapper .table-view li.header>span {
    border-top: 1px solid #BBB;
    border-bottom: 1px solid #BBB
}

.manage-fields-wrapper .table-view li.header>span:first-child,
.form-wrapper .table-view li.header>span:first-child {
    border-left: 1px solid #BBB
}

.manage-fields-wrapper .table-view li.header>span:last-child,
.form-wrapper .table-view li.header>span:last-child {
    border-right: 1px solid #BBB
}

.manage-fields-wrapper .table-view li>div,
.form-wrapper .table-view li>div,
.manage-fields-wrapper .table-view li>span,
.form-wrapper .table-view li>span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 10px 5px;
    border-top: none;
    border-bottom: 1px solid #D1D1D1
}

.manage-fields-wrapper .table-view li>div:first-child,
.form-wrapper .table-view li>div:first-child,
.manage-fields-wrapper .table-view li>span:first-child,
.form-wrapper .table-view li>span:first-child {
    border-left: 1px solid #D1D1D1
}

.manage-fields-wrapper .table-view li>div:last-child,
.form-wrapper .table-view li>div:last-child,
.manage-fields-wrapper .table-view li>span:last-child,
.form-wrapper .table-view li>span:last-child {
    border-right: 1px solid #D1D1D1
}

.manage-fields-wrapper .table-view li>div .flex,
.form-wrapper .table-view li>div .flex,
.manage-fields-wrapper .table-view li>span .flex,
.form-wrapper .table-view li>span .flex {
    display: inline-block
}

.manage-fields-wrapper .table-view li>.outside-error-msg,
.form-wrapper .table-view li>.outside-error-msg {
    text-align: left
}

.manage-fields-wrapper .table-view li.header,
.form-wrapper .table-view li.header {
    background: #ecf0f2;
    top: 3px;
    z-index: 1;
    font-size: 13px
}

.manage-fields-wrapper .table-view li.header>span,
.form-wrapper .table-view li.header>span,
.manage-fields-wrapper .table-view li.header>div,
.form-wrapper .table-view li.header>div {
    box-shadow: 1px 0 #bbb inset, 2px 0 #fff inset
}

.manage-fields-wrapper .table-view li.header>span:nth-child(1),
.form-wrapper .table-view li.header>span:nth-child(1),
.manage-fields-wrapper .table-view li.header>div:nth-child(1),
.form-wrapper .table-view li.header>div:nth-child(1) {
    box-shadow: none
}

.manage-fields-wrapper .table-view li .ui-icon,
.form-wrapper .table-view li .ui-icon {
    background: 0 0;
    height: auto
}

.manage-fields-wrapper .table-view li .ui-icon .sort-handle,
.form-wrapper .table-view li .ui-icon .sort-handle {
    position: relative;
    right: 0;
    display: block;
    margin: 2px 0 0 4px;
    visibility: hidden;
    opacity: 0
}

.manage-fields-wrapper .table-view li .perc input,
.form-wrapper .table-view li .perc input {
    width: 36px;
    text-align: right
}

.manage-fields-wrapper .table-view li .perc .input-add-on,
.form-wrapper .table-view li .perc .input-add-on {
    padding-left: 5px
}

.manage-fields-wrapper .table-view li .udemy-share,
.form-wrapper .table-view li .udemy-share {
    background: #e5e7ea;
    padding: 5px 10px;
    color: #979da0;
    font-weight: 700
}

.manage-fields-wrapper .table-view li .udemy-share span,
.form-wrapper .table-view li .udemy-share span {
    margin-left: 5px
}

.manage-fields-wrapper .table-view li:not(.udemy-column):hover .ui-icon .sort-handle,
.form-wrapper .table-view li:not(.udemy-column):hover .ui-icon .sort-handle {
    visibility: visible;
    opacity: 1
}

.manage-fields-wrapper .add-instructor-submit,
.form-wrapper .add-instructor-submit {
    float: right;
    z-index: 2
}

.flex-wrapper-wrapper .tooltip-reference {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    width: 100%
}

.flex-wrapper-wrapper .tooltip-reference .input-add-on {
    display: inline-block;
    line-height: 2.1;
    margin: 0;
    vertical-align: bottom
}

#forgot-password-form {
    padding: 20px 20px 0
}

#reset-password {
    padding: 20px 0;
    width: 400px;
    margin: auto
}

#change-pass-form {
    width: 400px;
    margin: 40px auto;
    border: 1px solid #E4E4E4;
    text-align: center;
    padding: 0 20px 20px
}

body header.udemy-header {
    background: #414246;
    height: 52px
}

body header.udemy-header.for-ufo .container #logo {
    width: 340px;
    height: 35px;
    margin: -18px 0 0 -170px
}

body header.udemy-header.for-ufo .container #logo.no-image {
    background: none!important;
    white-space: nowrap;
    text-indent: 0;
    text-align: center;
    line-height: 35px;
    font-family: inherit;
    color: #444
}

body header.udemy-header.for-ufo .container #logo.no-image>img {
    margin: 0 8px 5px 0
}

body header.udemy-header.for-ufo .container #logo.no-image>.logo-text {
    font-size: 18px
}

body header.udemy-header .top-link-manage-organization,
body header.udemy-header .top-link-my-courses {
    color: #FFF;
    display: inline-block;
    height: 52px;
    line-height: 52px;
    margin: 0 10px;
    font-size: 14px
}

body header.udemy-header .top-link-manage-organization:hover,
body header.udemy-header .top-link-my-courses:hover {
    color: #ddd
}

body header.udemy-header .num-of-unread {
    background: #fa6b6b;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    padding: 5px;
    vertical-align: top;
    line-height: normal;
    position: relative;
    top: 3px;
    margin-left: 4px;
    font-weight: 700;
    min-width: 22px;
    text-align: center
}

body header.udemy-header .container {
    position: relative
}

body header.udemy-header .left-items {
    float: left
}

body header.udemy-header .left-items>* {
    font-size: 14px;
    font-weight: 700
}

body header.udemy-header .right-items {
    float: right;
    font-size: 0
}

body header.udemy-header .right-items>* {
    font-size: 14px;
    font-weight: 700
}

body header.udemy-header .container #logo {
    display: block;
    background-size: contain!important;
    text-indent: -999em;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100px;
    height: 35px;
    margin: -18px 0 0 -50px;
    padding: 0
}

body header.udemy-header .header-link {
    line-height: 52px;
    display: inline-block;
    color: #fff;
    margin: 0 10px
}

body header.udemy-header .header-link:hover {
    color: #fff
}

body header.udemy-header .login-btn:hover {
    color: #ddd
}

body header.udemy-header .login-btn i {
    margin-right: 5px
}

body header.udemy-header .signup-btn {
    color: #88CD3B
}

#fancybox-overlay {
    opacity: .8!important
}

#fancybox-overlay.noopacity {
    opacity: 0!important
}

.fancybox-wrap {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border: 0
}

.fancybox-wrap .fancybox-skin {
    background: #fff;
    border: 0;
    border-radius: 5px
}

.fancybox-wrap .fancybox-skin .fancybox-inner {
    overflow: visible!important;
    border-radius: 5px
}

.fancybox-wrap .fancybox-skin .fancybox-inner>h1:first-child {
    background: #f1f1f1;
    font-size: 16px;
    padding: 10px 35px 10px 15px;
    text-transform: uppercase;
    border-bottom: 1px solid #BEBEBE;
    box-shadow: 0 1px #EDEDE7;
    margin: 0;
    line-height: 1.2
}

.fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-inner {
    background: #fff
}

.fancybox-wrap .fancybox-skin .fancybox-close {
    background: 0 0;
    height: 20px;
    width: 20px;
    right: 10px;
    top: 10px;
    opacity: .8
}

.fancybox-wrap .fancybox-skin .fancybox-close:before {
    font-family: FontAwesome;
    content: "\f00d";
    text-align: center;
    color: #fff;
    background: #bbb;
    display: block;
    border-radius: 50%
}

.fancybox-wrap .fancybox-skin .fancybox-close:hover {
    opacity: 1
}

#login-box-container h3 {
    font-size: 14px
}

#login-box-container #login-form-wrapper {
    width: 330px;
    padding: 15px 0 0 15px;
    float: left
}

#login-box-container #login-form-wrapper h3 {
    padding-left: 0;
    margin-top: 10px
}

#fb-signup-box {
    margin-top: 15px;
    max-height: 166px;
    overflow: hidden
}

#popup-inner.no-facebook {
    width: 400px;
    background-color: #fff
}

#popup-inner.with-facebook {
    width: 710px;
    background-color: #fff
}

#popup-inner #login-box-header {
    background: #F1F1F1;
    padding: 5px;
    border-bottom: 1px solid #CCC;
    color: #353535;
    text-align: center;
    padding-right: 30px
}

#popup-inner #login-box-header h3 {
    font-size: 18px;
    line-height: 30px
}

#popup-inner #login-box-header h3.no-subtitle {
    font-size: 24px
}

#popup-inner #login-box-header h4 {
    font-size: 13px;
    font-weight: 400;
    margin: 0
}

#popup-inner h3 {
    font-size: 14px;
    margin: 0
}

#popup-inner #login-fb-wrapper {
    width: 335px;
    float: left;
    text-align: left;
    border-right: 1px solid #ddd;
    padding: 15px 15px 10px 0
}

#popup-inner #login-form-wrapper {
    width: 330px;
    padding-right: 15px;
    float: left;
    margin: 15px 10px 0 10px
}

#popup-inner #login-form-wrapper h3 {
    padding-left: 0
}

#popup-inner #login-skip-btn {
    font-weight: 400;
    font-size: 11px;
    display: block;
    float: right;
    margin-top: 10px
}

#popup-inner .input-table th {
    width: 90px
}

#popup-inner .input-table th #password {
    width: 90% \9
}

#popup-inner .input-table th #email {
    width: 90% \9
}

#popup-inner .secondary-text {
    margin: 10px 0;
    font-size: 11px;
    color: #666;
    line-height: 14px
}

#popup-inner .disclaimer {
    background-color: #eef0ff;
    padding: 10px;
    border-top: 2px solid #d0e0f0;
    font-size: 12px;
    line-height: 16px;
    text-align: center
}

.fancybox-outer #popup-inner.no-facebook {
    margin-top: 0
}

.fancybox-outer .header-v4 {
    display: none
}

#ins-popup {
    background: #fff;
    height: 540px;
    margin: 20px auto;
    width: 520px
}

#ins-popup>div {
    overflow: hidden;
    padding: 10px;
    border-top: 1px solid #D8D7D5
}

#ins-popup h3 {
    font-size: 15px;
    text-transform: uppercase
}

#ins-popup .user-img {
    box-shadow: 0 0 1px #fff inset, 0 1px 1px #B0B0B0;
    float: left;
    height: 50px;
    width: 50px
}

#ins-popup .share {
    margin-top: 10px
}

#ins-popup .share a {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 4px;
    background: #fff url(../../assets/images/lesson_detail/sprites.png?v=17);
    border-radius: 99em;
    overflow: hidden;
    border: 1px solid #e1e1e1
}

#ins-popup .share a.t {
    background-position: 0 -1200px
}

#ins-popup .share a.f {
    background-position: -20px -1200px
}

#ins-popup .share a.g {
    background-position: -40px -1200px
}

#ins-popup .share a.l {
    background-position: -60px -1200px
}

#ins-popup .title {
    color: #6F6F6F;
    float: left;
    font-size: 13px;
    margin: 7px 0 0 10px
}

#ins-popup .title b {
    color: #000;
    display: block;
    font-size: 14px
}

#ins-popup .title i {
    font-family: georgia
}

#ins-popup .msg {
    float: right;
    margin-top: 10px
}

#ins-popup .r1 {
    background: #fff
}

#ins-popup .following,
#ins-popup .followers {
    float: left;
    padding: 5px 10px;
    text-align: center;
    width: 76px
}

#ins-popup .following {
    border-right: 1px solid #D8D7D5;
    box-shadow: 1px 0 #FFF
}

#ins-popup .r2 {
    background: #fefdfb;
    padding: 0!important
}

#ins-popup .share {
    float: right;
    margin: 13px 6px 0 0
}

#ins-popup .follow {
    float: right;
    margin: 7px 10px
}

#ins-popup .r3 {
    background: #fffef9;
    color: #666
}

#ins-popup .r3 h3 {
    color: #984c2a
}

#ins-popup .read-more {
    float: right
}

#ins-popup .r4 {
    box-shadow: 0 5px 5px -5px #ccc inset;
    color: #555
}

#ins-popup .r4 h3 {
    color: #5f8eb8
}

#ins-popup .r5 h3 {
    color: #998b2a
}

#ins-popup .r5 ul {
    margin: 2px 15px
}

#ins-popup .r5 li {
    list-style: disc
}

#ins-popup .r5 a {
    color: #333
}

#ins-popup .r5 a:hover {
    font-weight: 700
}

#course-password-wrapper {
    padding: 10px
}

#course-password-wrapper h2 {
    font-size: 20px;
    line-height: 1.4;
    margin-right: 30px
}

.popup-content-wrapper {
    display: none
}

.popup-with-heading {
    position: relative;
    color: #333;
    text-align: left;
    width: 600px!important;
    height: 400px!important;
    max-width: 100%;
    display: none
}

.popup-with-heading .header {
    background: #f3f3f3;
    border: 1px solid rgba(0, 0, 0, .3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    padding: 7px 10px;
    position: relative;
    z-index: 1
}

.popup-with-heading .header h1 {
    font-size: 22px;
    font-weight: 200;
    line-height: 1.3;
    margin-right: 30px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 20px
}

.popup-with-heading .main {
    overflow: auto;
    position: absolute;
    width: 100%;
    bottom: 0;
    top: 45px;
    margin: 0!important
}

.popup-with-heading.dark .header {
    background: #848484;
    text-align: center;
    color: #fff;
    font-size: 25px
}

.popup-with-heading.dark .header h1 {
    font-weight: 700
}

.popup-with-heading.dynamic-height .main {
    position: relative;
    top: auto;
    bottom: auto
}

#landing-popup {
    width: 940px!important;
    height: auto!important
}

.send-to-udemy {
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0;
    margin-top: 10px;
    color: #444
}

.send-to-udemy:hover {
    color: #000
}

.fancybox-inner #create-course-form {
    padding: 10px
}

.loginbox-v4 {
    margin: 30px auto;
    border: 1px solid #ccc;
    background: #EDEFF1;
    padding: 20px;
    color: #355368;
    width: 680px;
    border-radius: 5px
}

.loginbox-v4 .submit-row {
    text-align: center
}

.loginbox-v4 .submit-row>input {
    width: 100%;
    height: 50px;
    font-weight: 700;
    font-size: 16px
}

.loginbox-v4.narrow {
    max-width: 400px
}

.loginbox-v4.wide {
    max-width: 680px
}

.loginbox-v4 .box-heading {
    text-align: center;
    margin: 0;
    color: #355368;
    font-size: 24px;
    border-bottom: 1px solid #d3d3d3;
    padding: 10px 0
}

.loginbox-v4 .box-heading-two-step {
    text-align: center;
    margin: 0;
    color: #355368;
    font-size: 24px;
    padding-bottom: 10px
}

.loginbox-v4 h4 {
    font-size: 16px;
    color: #355368;
    margin: 0
}

.loginbox-v4 .social-btn {
    margin-top: 10px
}

.loginbox-v4 .box-col {
    padding: 20px 20px 10px
}

.loginbox-v4 .box-separator {
    background: #d3d3d3;
    width: 1px
}

.loginbox-v4 .shadowed-btn {
    margin-top: 10px;
    color: #fff!important;
    border-radius: 5px;
    font-weight: 700;
    font-size: 16px;
    padding: 15px 10px
}

.loginbox-v4 .social-btn {
    padding: 0 20px 0 0
}

.loginbox-v4 .social-btn .social-icon {
    padding: 15px 0 15px 5px;
    display: inline-block;
    font-size: 20px;
    border-right: 1px solid rgba(0, 0, 0, .2);
    margin-right: 10px;
    width: 50px;
    text-align: center;
    font-weight: 700
}

.loginbox-v4 .social-btn .btn-text {
    font-size: 16px;
    font-weight: 700
}

.loginbox-v4 .social-btn .ajax-loader-tiny {
    left: 43%;
    margin-top: 12px
}

.loginbox-v4 .disabled-btn {
    opacity: .5
}

.loginbox-v4 .box-right {
    margin: 0 auto;
    max-width: 320px
}

.loginbox-v4 .facebook-btn {
    background: #2b85c3
}

.loginbox-v4 .facebook-btn:hover {
    background: #2979b0
}

.loginbox-v4 .google-btn {
    background: #d03a3c
}

.loginbox-v4 .google-btn:hover {
    background: #b73638
}

.loginbox-v4 .email-btn {
    background: #5cb85c;
    padding: 15px 0 15px 5px;
    display: inline-block;
    text-align: center
}

.loginbox-v4 .email-btn:hover {
    background: #4cae4c
}

.loginbox-v4 .email-btn .btn-text {
    font-size: 16px;
    font-weight: 700
}

.loginbox-v4 .fancy {
    line-height: .5;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px
}

.loginbox-v4 .fancy span {
    display: inline-block;
    position: relative
}

.loginbox-v4 .fancy span:before,
.loginbox-v4 .fancy span:after {
    content: "";
    position: absolute;
    height: 5px;
    border-top: 1px solid #CCC;
    top: 5px;
    width: 150px
}

.loginbox-v4 .fancy span:before {
    right: 100%;
    margin-right: 15px
}

.loginbox-v4 .fancy span:after {
    left: 100%;
    margin-left: 15px
}

.loginbox-v4 .non-labeled:before {
    font-family: FontAwesome;
    position: absolute;
    left: 10px;
    top: 50%;
    font-size: 20px;
    color: #d3d3d3;
    width: 20px;
    z-index: 2;
    text-align: center;
    line-height: 1;
    margin-top: -12px
}

.loginbox-v4 #form-item-fullName:before,
.loginbox-v4 #form-item-fullname:before {
    content: "\f007"
}

.loginbox-v4 #form-item-email:before {
    content: "\f0e0"
}

.loginbox-v4 #form-item-password:before {
    content: "\f023"
}

.loginbox-v4 #form-item-title:before {
    content: "\f135"
}

.loginbox-v4 input[type=radio],
.loginbox-v4 input[type=checkbox] {
    margin: 0
}

.loginbox-v4 .manage-fields-wrapper {
    margin-top: 10px
}

.loginbox-v4 .manage-fields-wrapper input[type=text],
.loginbox-v4 .manage-fields-wrapper input[type=email],
.loginbox-v4 .manage-fields-wrapper input[type=password] {
    border-radius: 5px;
    padding: 11px 10px 12px 40px;
    height: auto;
    outline: 0;
    font-size: 18px;
    color: #355368
}

.loginbox-v4 .manage-fields-wrapper input[type=text]:focus,
.loginbox-v4 .manage-fields-wrapper input[type=email]:focus,
.loginbox-v4 .manage-fields-wrapper input[type=password]:focus {
    border-color: #2b85c3
}

.loginbox-v4 .manage-fields-wrapper input[type=text]:focus~i,
.loginbox-v4 .manage-fields-wrapper input[type=email]:focus~i,
.loginbox-v4 .manage-fields-wrapper input[type=password]:focus~i {
    color: #B5C3D4
}

.loginbox-v4 .manage-fields-wrapper>div {
    position: relative;
    margin-top: 10px
}

.loginbox-v4 .manage-fields-wrapper i {
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -10px;
    font-size: 18px;
    text-align: center;
    width: 18px;
    color: #D3D3D3
}

.loginbox-v4 #signup-user-form .manage-fields-wrapper {
    margin-top: 0
}

.loginbox-v4 .cancel-link {
    display: inline-block;
    margin-top: 10px
}

.loginbox-v4 .rememberme-row {
    text-align: center
}

.loginbox-v4 .rememberme-text {
    margin: 0 0 0 5px;
    font-weight: 400;
    color: #355368
}

.loginbox-v4 .box-footer {
    border-top: 1px solid #d3d3d3;
    margin-top: 20px;
    box-shadow: 0 1px #fff inset;
    padding-top: 16px;
    text-align: center
}

.loginbox-v4 .box-footer a {
    font-weight: 700
}

.loginbox-v4 .forgot-row {
    margin-top: 10px;
    text-align: center
}

.loginbox-v4 .forgot-row a {
    font-weight: 700
}

.loginbox-v4.vertical {
    max-width: 360px;
    text-align: center
}

.loginbox-v4.vertical .box-wrapper {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.loginbox-v4.vertical .box-col {
    padding: 0
}

.loginbox-v4.vertical .box-separator {
    width: 100%;
    height: 1px;
    margin: 20px 0;
    box-shadow: 0 1px #fff
}

.loginbox-v4.vertical #new-login-form {
    display: none
}

.loginbox-v4 .show-form-row {
    font-size: 16px
}

.loginbox-v4 .show-form-row label {
    color: #1F72A0
}

.loginbox-v4 .show-form-row label:hover {
    color: #333
}

.loginbox-v4 #show-form:checked~#new-login-form {
    display: block
}

.small-loginbox {
    width: 420px
}

.small-loginbox .social-btn .ajax-loader-tiny {
    left: 89%
}

.fancybox-inner .loginbox-v4 {
    margin: 0;
    border: 0
}

.fancybox-inner .loginbox-v4 input[type=checkbox] {
    margin-left: -21px;
    margin-top: 4px
}

.credit-popup {
    text-align: center;
    max-width: 380px
}

.credit-popup .top-icon-container {
    position: relative;
    top: -9px
}

.credit-popup .top-icon {
    font-size: 52px;
    background: #8392A3;
    padding: 12px;
    border-radius: 50%;
    color: #FFF;
    box-shadow: 0 0 0 7px #FFF
}

.credit-popup .heading {
    font-size: 15px;
    font-weight: 700;
    color: #8392A3
}

.credit-popup .awarded {
    color: #1E2C35;
    font-size: 30px;
    line-height: 1.2
}

.credit-popup .redeem {
    color: #8392A3;
    font-size: 16px;
    margin-top: 10px
}

.credit-popup .footer {
    background: #EFF2F5;
    margin-top: 20px;
    padding: 20px
}

.credit-popup .btn-close {
    width: 200px
}

.first-timer-popup {
    padding: 30px 20px 80px;
    background: #2484c5;
    width: 500px;
    text-align: center;
    text-shadow: 0 1px #333;
    border-radius: 3px
}

.first-timer-popup .redeem {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    margin-top: 40px
}

.first-timer-popup .redeem input {
    border: none;
    background-color: #2484c5;
    width: 150px
}

.first-timer-popup .heading {
    color: #fff;
    font-size: 68px;
    margin: 0;
    font-weight: 700;
    letter-spacing: -3px;
    line-height: 1
}

.first-timer-popup .award_wrapper {
    border: 2px dashed #fff;
    padding: 20px;
    margin: 20px 10px
}

.first-timer-popup .awarded {
    color: #fff;
    font-size: 40px;
    font-weight: 500;
    line-height: 1
}

.first-timer-popup .off-your {
    color: #fff;
    font-size: 26px;
    font-weight: 700
}

.first-timer-popup .use-code {
    color: #fff;
    font-size: 18px;
    font-weight: 700
}

.first-timer-popup .use-code input {
    border: none;
    background-color: #2484c5;
    width: 150px
}

.first-timer-popup .copy-btn {
    background: #1e2c35;
    padding: 15px 20px;
    display: inline-block;
    border-radius: 5px;
    color: #fff;
    font-weight: 700
}

.first-timer-popup .copy-btn:hover {
    background: #000
}

.first-timer-popup .form-errors {
    width: 100%
}

.first-timer-popup .manage-fields-wrapper {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 1px;
    padding: 0
}

.first-timer-popup #email {
    height: 40px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding-left: 10px
}

.first-timer-popup .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background: #1e2c35;
    height: 40px
}

.first-timer-popup .box-heading {
    color: #fff;
    font-weight: 700;
    padding: 20px 0 0 0;
    font-size: 30px;
    border: none
}

.first-timer-popup .secondary-text,
.first-timer-popup .box-footer {
    color: #fff;
    text-shadow: none
}

.first-timer-popup .secondary-text a,
.first-timer-popup .box-footer a {
    color: #1e2c35
}

.first-timer-popup .secondary-text a:hover,
.first-timer-popup .box-footer a:hover {
    opacity: .5
}

.first-timer-popup .box-footer {
    margin-top: 0;
    box-shadow: none;
    border-top: 1px solid rgba(211, 211, 211, .32)
}

.first-timer-popup.loginbox-v4 {
    padding-bottom: 50px
}

.first-timer-popup .ud-signin-form .non-labeled:before {
    text-shadow: none;
    margin-top: -16px
}

.first-timer-popup .ud-signin-form .form-control {
    margin-bottom: 10px;
    height: 40px!important;
    border-top-left-radius: 5px!important;
    border-bottom-left-radius: 5px!important;
    padding: 11px 10px 12px 40px!important
}

.first-timer-popup .ud-signin-form .btn {
    min-width: 150px;
    border-radius: 4px;
    margin-top: 10px
}

.first-timer-popup .ud-signin-form label {
    color: #fff;
    text-shadow: none;
    font-weight: 400
}

.msg-popup #reply-form textarea {
    margin-bottom: 49px
}

@media (max-width: 1200px) {
    .loginbox-v4 {
        max-width: none;
        text-align: center;
        width: 400px
    }
    .loginbox-v4 .box-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .loginbox-v4 .box-col {
        padding: 10px 0 0;
        margin: 0;
        text-align: center;
        max-width: none
    }
    .loginbox-v4 .box-separator {
        width: 100%;
        height: 1px;
        margin: 20px 0;
        box-shadow: 0 1px #fff
    }
    .loginbox-v4 .social-btn .ajax-loader-tiny {
        left: 89%
    }
    .ie .loginbox-v4 .box-wrapper {
        display: block!important
    }
}

@media (max-width: 640px) {
    .loginbox-v4 {
        top: 0;
        left: 0;
        right: 0;
        min-height: 100%;
        width: auto
    }
    .loginbox-v4 h4 {
        display: none
    }
    .loginbox-v4 .box-heading {
        font-size: 14px
    }
    .loginbox-v4 .box-separator {
        display: none
    }
    .loginbox-v4 .social-btn .ajax-loader-tiny {
        left: 89%
    }
    .loginbox-v4 .box-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.ie .loginbox-v4 .box-right {
    max-width: none
}

.hello-bar {
    position: relative;
    text-align: center;
    font-size: 16px;
    padding: 0;
    height: 90px;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.hello-bar .hello-desc {
    font-size: 15px;
    display: block
}

.hello-bar .hello-img {
    border-radius: 50%
}

.hello-bar .hello-title {
    font-size: 18px
}

.hello-bar .link {
    color: #ffd800;
    font-weight: 600;
    -webkit-transition: .15s ease-out;
    -moz-transition: .15s ease-out;
    -o-transition: .15s ease-out;
    transition: .15s ease-out
}

.hello-bar .link:hover {
    color: #ffe866
}

.hello-bar .code-text {
    color: #000;
    border-radius: 2px;
    border: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.hello-bar .code-text:focus {
    outline: 0
}

.hello-bar.ahoy {
    background: #2d2d4c;
    color: #fff
}

.hello-bar.ahoy a.hello-title,
.hello-bar.ahoy a.hello-desc {
    color: #fff
}

.hello-bar.ahoy .send-bt {
    background: #ffd800;
    color: #2d2d4c
}

.hello-bar.ahoy .send-bt:hover {
    background: #ffe866
}

.hello-bar.ahoy figcaption {
    color: #fff
}

.hello-bar.howdy {
    background: #37b34a;
    color: #fff
}

.hello-bar.howdy a.hello-title,
.hello-bar.howdy a.hello-desc {
    color: #fff
}

.hello-bar.howdy .send-bt {
    background: #2d2d4c;
    color: #fff;
    font-weight: 400
}

.hello-bar.howdy .send-bt:hover {
    outline: 0;
    background: #40406c
}

.hello-bar.howdy .link {
    color: #2d2d4c;
    font-weight: 600;
    -webkit-transition: .15s ease-out;
    -moz-transition: .15s ease-out;
    -o-transition: .15s ease-out;
    transition: .15s ease-out
}

.hello-bar.howdy .link:hover {
    color: #53538c
}

.hello-bar.howdy figcaption {
    color: #fff
}

.hello-bar.howdy .timeTo div {
    border-color: #fff
}

.hello-bar.howdy .timeTo div:first-child {
    border-color: #fff
}

.hello-bar.ciao {
    background: #eff2f5;
    color: #000
}

.hello-bar.ciao a.hello-title,
.hello-bar.ciao a.hello-desc {
    color: #000
}

.hello-bar.ciao .link {
    color: #37b34a
}

.hello-bar.ciao .link:hover {
    color: #7ad688
}

.hello-bar.ciao .send-bt {
    background: #37b34a
}

.hello-bar.ciao .send-bt:hover {
    outline: 0;
    background: #53ca65
}

.hello-bar.ciao .close {
    color: #000
}

.hello-bar .send-bt {
    padding: 7px 28px;
    border-radius: 2px;
    font-size: 13px;
    font-weight: 600;
    min-height: 33px;
    min-width: 87px;
    text-emphasis: center;
    background: #ffd800;
    color: #fff;
    -webkit-transition: .15s ease-out;
    -moz-transition: .15s ease-out;
    -o-transition: .15s ease-out;
    transition: .15s ease-out
}

.hello-bar .send-bt:hover {
    background: #ffe033
}

.hello-bar .send-bt:focus {
    outline: 0
}

.hello-bar .send-bt span {
    min-width: 31px;
    min-height: 19px;
    display: inline-block;
    background: url(/staticx/udemy/images/hello-bar/hello_sprite.png) no-repeat center center;
    background-position: center -100px
}

.hello-bar .send-bt .checked {
    background-position: center -41px;
    text-indent: -9999px
}

.hello-bar .send-bt .checked_white {
    background-position: center -62px;
    text-indent: -9999px
}

.hello-bar .close {
    position: absolute;
    right: 20px;
    top: 10px;
    opacity: .8;
    color: #fff;
    font-size: 15px;
    text-shadow: none;
    background: rgba(0, 0, 0, .2);
    padding: 0 3px 3px;
    border-radius: 2px;
    -webkit-transition: .15s ease-out;
    -moz-transition: .15s ease-out;
    -o-transition: .15s ease-out;
    transition: .15s ease-out
}

.hello-bar .close:hover {
    opacity: .5
}

.hello-bar p {
    margin: 5px 0
}

.hello-bar em {
    font-style: normal
}

.hello-bar label {
    cursor: default
}

.hello-bar .big {
    display: inline;
    font-size: 1.4em
}

.hello-bar .bigger {
    display: inline;
    font-size: 1.8em
}

.hello-bar .colored {
    color: #51904E
}

.hello-bar .orange {
    color: #ffd800;
    font-weight: 600
}

.hello-bar .green {
    color: #37b34a;
    font-weight: 600
}

.hello-bar .timer-info {
    display: inline-block;
    padding: 7px;
    vertical-align: top;
    font-style: normal
}

.hello-bar figcaption {
    text-align: left!important
}

.hello-bar .timer {
    width: 150px
}

.hello-bar .timer .hello-bar-timer {
    font-weight: 500;
    font-size: 25px;
    font-family: "Open Sans", sans-serif
}

.hello-bar .timer .hello-bar-timer figure,
.hello-bar .timer .hello-bar-timer span {
    float: left!important
}

.hello-bar .btn-right {
    border-top-left-radius: 0;
    border-top-left-radius: 0!important;
    border-bottom-left-radius: 0;
    border-bottom-left-radius: 0!important
}

.hello-bar .border-none {
    border: none!important
}

.p7-0 {
    padding: 7px 0
}

.no-border-top-left-radius {
    border-top-left-radius: 0!important
}

.no-border-bottom-left-radius {
    border-bottom-left-radius: 0!important
}

.action-upgrade-your-browser {
    background: #fff
}

.action-upgrade-your-browser .hello-bar {
    display: none
}

.hello-bar-container {
    position: relative
}

.header-v4 {
    height: auto
}

.header-v4 .hello-bar-border {
    height: 8px;
    display: block;
    margin-right: -5px;
    margin-left: -5px;
    margin-bottom: -4px
}

.header-v4 .hello-bar-border:before {
    content: '';
    height: 4px;
    background: #37b34a;
    display: block;
    transition: .15s ease-in-out
}

.header-v4 .hello-bar-border:hover:before {
    height: 8px
}

.header-v4.white.has-hello-bar {
    border-top: none!important
}

.header-v4 .hello-bar {
    margin-right: -5px;
    margin-left: -5px;
    transform: rotate(translateY(-300px));
    -ms-transform: rotate(translateY(-300px));
    -webkit-transform: rotate(translateY(-300px));
    -webkit-transform: translateY(-300px);
    -o-transform: translateY(-300px);
    -ms-transform: translateY(-300px);
    transform: translateY(-300px);
    -webkit-backface-visibility: hidden;
    -webkit-transition: .15s ease-in-out;
    -moz-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
    overflow: hidden;
    height: 0
}

.header-v4 .hello-bar.open {
    cursor: auto!important;
    transform: rotate(translateY(0));
    -ms-transform: rotate(translateY(0));
    -webkit-transform: rotate(translateY(0));
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-backface-visibility: hidden;
    height: auto
}

.header-v4 .hello-bar .active-link {
    cursor: pointer
}

.header-v4.has-hello-bar {
    display: block;
    height: auto
}

.header-v4.has-hello-bar .payment-inner-bar {
    padding: 10px 0
}

.hello-bar-tooltip {
    position: absolute;
    display: block;
    top: 10px;
    left: 50%;
    z-index: 9;
    margin-left: 65px
}

.hello-bar-tooltip span {
    position: absolute;
    width: 190px;
    padding: 5px 10px;
    color: #FFF;
    background: rgba(50, 50, 56, .9);
    min-height: 42px;
    line-height: 1.4;
    text-align: center;
    font-size: 11px;
    border-radius: 2px
}

.hello-bar-tooltip span:after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-bottom: 5px solid rgba(50, 50, 56, .9);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent
}

@media only screen and (max-width: 1024px) {
    .header-v4 {
        height: auto!important
    }
    .header-v4 .hello-bar-tooltip {
        display: none!important
    }
    .header-v4 .hello-bar-border {
        height: 8px
    }
    .code-text {
        border-radius: 2px!important;
        padding: 7px!important
    }
}

@media only screen and (max-width: 767px) {
    .code-text {
        border-radius: 2px!important;
        padding: 7px!important
    }
    .header-v4 {
        height: auto!important
    }
    .header-v4 .hello-bar-tooltip {
        display: none!important
    }
    .header-v4 .hello-bar-border {
        height: 8px
    }
    .header-v4 .hello-bar {
        height: 0;
        overflow: hidden
    }
    .header-v4 .hello-bar .close {
        font-size: 14px
    }
    .header-v4:hover .hello-bar:hover {
        cursor: pointer
    }
}

.alert {
    color: #000;
    padding: 20px;
    text-align: left!important
}

.alert h3 {
    font-size: 18px!important;
    text-align: left!important;
    margin-top: 0!important;
    margin-bottom: 15px!important;
    font-weight: 400!important
}

.alert h3 i {
    margin-right: 10px
}

.alert>p {
    text-align: left;
    padding-left: 28px
}

.alert>p a {
    color: #1376d7;
    text-decoration: underline
}

.alert-success h3 i {
    color: #3c763d
}

.alert-info h3 i {
    color: #31708f
}

.alert-danger h3 i {
    color: #e82c0c
}

.alert-warning h3 i {
    color: #8a6d3b
}

.text-white {
    color: #fff
}

.color-white {
    color: #fff
}

.text-force-white {
    color: #fff!important
}

a.text-white:hover {
    color: #d9d9d9
}

a.text-force-white:hover {
    color: #d9d9d9!important
}

.bg-white {
    background-color: #fff
}

a.hover-white:hover {
    color: #fff
}

a.hover-force-white:hover {
    color: #fff!important
}

a.hover-bg-white:hover {
    background: #fff
}

.bc-white {
    border-color: #fff
}

.text-black {
    color: #000
}

.color-black {
    color: #000
}

.text-force-black {
    color: #000!important
}

a.text-black:hover {
    color: #000
}

a.text-force-black:hover {
    color: #000!important
}

.bg-black {
    background-color: #000
}

a.hover-black:hover {
    color: #000
}

a.hover-force-black:hover {
    color: #000!important
}

a.hover-bg-black:hover {
    background: #000
}

.bc-black {
    border-color: #000
}

.text-gray-dark {
    color: #353535
}

.color-gray-dark {
    color: #353535
}

.text-force-gray-dark {
    color: #353535!important
}

a.text-gray-dark:hover {
    color: #0f0f0f
}

a.text-force-gray-dark:hover {
    color: #0f0f0f!important
}

.bg-gray-dark {
    background-color: #353535
}

a.hover-gray-dark:hover {
    color: #353535
}

a.hover-force-gray-dark:hover {
    color: #353535!important
}

a.hover-bg-gray-dark:hover {
    background: #353535
}

.bc-gray-dark {
    border-color: #353535
}

.text-grayDark {
    color: #353535
}

.color-grayDark {
    color: #353535
}

.text-force-grayDark {
    color: #353535!important
}

a.text-grayDark:hover {
    color: #0f0f0f
}

a.text-force-grayDark:hover {
    color: #0f0f0f!important
}

.bg-grayDark {
    background-color: #353535
}

a.hover-grayDark:hover {
    color: #353535
}

a.hover-force-grayDark:hover {
    color: #353535!important
}

a.hover-bg-grayDark:hover {
    background: #353535
}

.bc-grayDark {
    border-color: #353535
}

.text-grayDarker {
    color: #222
}

.color-grayDarker {
    color: #222
}

.text-force-grayDarker {
    color: #222!important
}

a.text-grayDarker:hover {
    color: #000
}

a.text-force-grayDarker:hover {
    color: #000!important
}

.bg-grayDarker {
    background-color: #222
}

a.hover-grayDarker:hover {
    color: #222
}

a.hover-force-grayDarker:hover {
    color: #222!important
}

a.hover-bg-grayDarker:hover {
    background: #222
}

.bc-grayDarker {
    border-color: #222
}

.text-gray-darker {
    color: #222
}

.color-gray-darker {
    color: #222
}

.text-force-gray-darker {
    color: #222!important
}

a.text-gray-darker:hover {
    color: #000
}

a.text-force-gray-darker:hover {
    color: #000!important
}

.bg-gray-darker {
    background-color: #222
}

a.hover-gray-darker:hover {
    color: #222
}

a.hover-force-gray-darker:hover {
    color: #222!important
}

a.hover-bg-gray-darker:hover {
    background: #222
}

.bc-gray-darker {
    border-color: #222
}

.text-grayLight {
    color: #777
}

.color-grayLight {
    color: #777
}

.text-force-grayLight {
    color: #777!important
}

a.text-grayLight:hover {
    color: #515151
}

a.text-force-grayLight:hover {
    color: #515151!important
}

.bg-grayLight {
    background-color: #777
}

a.hover-grayLight:hover {
    color: #777
}

a.hover-force-grayLight:hover {
    color: #777!important
}

a.hover-bg-grayLight:hover {
    background: #777
}

.bc-grayLight {
    border-color: #777
}

.text-gray-light {
    color: #777
}

.color-gray-light {
    color: #777
}

.text-force-gray-light {
    color: #777!important
}

a.text-gray-light:hover {
    color: #515151
}

a.text-force-gray-light:hover {
    color: #515151!important
}

.bg-gray-light {
    background-color: #777
}

a.hover-gray-light:hover {
    color: #777
}

a.hover-force-gray-light:hover {
    color: #777!important
}

a.hover-bg-gray-light:hover {
    background: #777
}

.bc-gray-light {
    border-color: #777
}

.text-grayLighter {
    color: #ccc
}

.color-grayLighter {
    color: #ccc
}

.text-force-grayLighter {
    color: #ccc!important
}

a.text-grayLighter:hover {
    color: #a6a6a6
}

a.text-force-grayLighter:hover {
    color: #a6a6a6!important
}

.bg-grayLighter {
    background-color: #ccc
}

a.hover-grayLighter:hover {
    color: #ccc
}

a.hover-force-grayLighter:hover {
    color: #ccc!important
}

a.hover-bg-grayLighter:hover {
    background: #ccc
}

.bc-grayLighter {
    border-color: #ccc
}

.text-gray-lighter {
    color: #ccc
}

.color-gray-lighter {
    color: #ccc
}

.text-force-gray-lighter {
    color: #ccc!important
}

a.text-gray-lighter:hover {
    color: #a6a6a6
}

a.text-force-gray-lighter:hover {
    color: #a6a6a6!important
}

.bg-gray-lighter {
    background-color: #ccc
}

a.hover-gray-lighter:hover {
    color: #ccc
}

a.hover-force-gray-lighter:hover {
    color: #ccc!important
}

a.hover-bg-gray-lighter:hover {
    background: #ccc
}

.bc-gray-lighter {
    border-color: #ccc
}

.text-primary {
    color: #4985b8
}

.color-primary {
    color: #4985b8
}

.text-force-primary {
    color: #4985b8!important
}

a.text-primary:hover {
    color: #335d82
}

a.text-force-primary:hover {
    color: #335d82!important
}

.bg-primary {
    background-color: #4985b8
}

a.hover-primary:hover {
    color: #4985b8
}

a.hover-force-primary:hover {
    color: #4985b8!important
}

a.hover-bg-primary:hover {
    background: #4985b8
}

.bc-primary {
    border-color: #4985b8
}

.text-success {
    color: #54b551
}

.color-success {
    color: #54b551
}

.text-force-success {
    color: #54b551!important
}

a.text-success:hover {
    color: #3a8237
}

a.text-force-success:hover {
    color: #3a8237!important
}

.bg-success {
    background-color: #54b551
}

a.hover-success:hover {
    color: #54b551
}

a.hover-force-success:hover {
    color: #54b551!important
}

a.hover-bg-success:hover {
    background: #54b551
}

.bc-success {
    border-color: #54b551
}

.text-info {
    color: #5bc0de
}

.color-info {
    color: #5bc0de
}

.text-force-info {
    color: #5bc0de!important
}

a.text-info:hover {
    color: #28a1c5
}

a.text-force-info:hover {
    color: #28a1c5!important
}

.bg-info {
    background-color: #5bc0de
}

a.hover-info:hover {
    color: #5bc0de
}

a.hover-force-info:hover {
    color: #5bc0de!important
}

a.hover-bg-info:hover {
    background: #5bc0de
}

.bc-info {
    border-color: #5bc0de
}

.text-warning {
    color: #f0ad4e
}

.color-warning {
    color: #f0ad4e
}

.text-force-warning {
    color: #f0ad4e!important
}

a.text-warning:hover {
    color: #df8a13
}

a.text-force-warning:hover {
    color: #df8a13!important
}

.bg-warning {
    background-color: #f0ad4e
}

a.hover-warning:hover {
    color: #f0ad4e
}

a.hover-force-warning:hover {
    color: #f0ad4e!important
}

a.hover-bg-warning:hover {
    background: #f0ad4e
}

.bc-warning {
    border-color: #f0ad4e
}

.text-danger {
    color: #d9534f
}

.color-danger {
    color: #d9534f
}

.text-force-danger {
    color: #d9534f!important
}

a.text-danger:hover {
    color: #b52b27
}

a.text-force-danger:hover {
    color: #b52b27!important
}

.bg-danger {
    background-color: #d9534f
}

a.hover-danger:hover {
    color: #d9534f
}

a.hover-force-danger:hover {
    color: #d9534f!important
}

a.hover-bg-danger:hover {
    background: #d9534f
}

.bc-danger {
    border-color: #d9534f
}

.text-whiteSmoke {
    color: #eee
}

.color-whiteSmoke {
    color: #eee
}

.text-force-whiteSmoke {
    color: #eee!important
}

a.text-whiteSmoke:hover {
    color: #c8c8c8
}

a.text-force-whiteSmoke:hover {
    color: #c8c8c8!important
}

.bg-whiteSmoke {
    background-color: #eee
}

a.hover-whiteSmoke:hover {
    color: #eee
}

a.hover-force-whiteSmoke:hover {
    color: #eee!important
}

a.hover-bg-whiteSmoke:hover {
    background: #eee
}

.bc-whiteSmoke {
    border-color: #eee
}

.text-white-smoke {
    color: #eee
}

.color-white-smoke {
    color: #eee
}

.text-force-white-smoke {
    color: #eee!important
}

a.text-white-smoke:hover {
    color: #c8c8c8
}

a.text-force-white-smoke:hover {
    color: #c8c8c8!important
}

.bg-white-smoke {
    background-color: #eee
}

a.hover-white-smoke:hover {
    color: #eee
}

a.hover-force-white-smoke:hover {
    color: #eee!important
}

a.hover-bg-white-smoke:hover {
    background: #eee
}

.bc-white-smoke {
    border-color: #eee
}

.text-whiteSmokeDark {
    color: #ddd
}

.color-whiteSmokeDark {
    color: #ddd
}

.text-force-whiteSmokeDark {
    color: #ddd!important
}

a.text-whiteSmokeDark:hover {
    color: #b7b7b7
}

a.text-force-whiteSmokeDark:hover {
    color: #b7b7b7!important
}

.bg-whiteSmokeDark {
    background-color: #ddd
}

a.hover-whiteSmokeDark:hover {
    color: #ddd
}

a.hover-force-whiteSmokeDark:hover {
    color: #ddd!important
}

a.hover-bg-whiteSmokeDark:hover {
    background: #ddd
}

.bc-whiteSmokeDark {
    border-color: #ddd
}

.text-white-smoke-dark {
    color: #ddd
}

.color-white-smoke-dark {
    color: #ddd
}

.text-force-white-smoke-dark {
    color: #ddd!important
}

a.text-white-smoke-dark:hover {
    color: #b7b7b7
}

a.text-force-white-smoke-dark:hover {
    color: #b7b7b7!important
}

.bg-white-smoke-dark {
    background-color: #ddd
}

a.hover-white-smoke-dark:hover {
    color: #ddd
}

a.hover-force-white-smoke-dark:hover {
    color: #ddd!important
}

a.hover-bg-white-smoke-dark:hover {
    background: #ddd
}

.bc-white-smoke-dark {
    border-color: #ddd
}

.text-whiteSmokeLight {
    color: #f4f4f4
}

.color-whiteSmokeLight {
    color: #f4f4f4
}

.text-force-whiteSmokeLight {
    color: #f4f4f4!important
}

a.text-whiteSmokeLight:hover {
    color: #cecece
}

a.text-force-whiteSmokeLight:hover {
    color: #cecece!important
}

.bg-whiteSmokeLight {
    background-color: #f4f4f4
}

a.hover-whiteSmokeLight:hover {
    color: #f4f4f4
}

a.hover-force-whiteSmokeLight:hover {
    color: #f4f4f4!important
}

a.hover-bg-whiteSmokeLight:hover {
    background: #f4f4f4
}

.bc-whiteSmokeLight {
    border-color: #f4f4f4
}

.text-white-smoke-light {
    color: #f2f2f2
}

.color-white-smoke-light {
    color: #f2f2f2
}

.text-force-white-smoke-light {
    color: #f2f2f2!important
}

a.text-white-smoke-light:hover {
    color: #ccc
}

a.text-force-white-smoke-light:hover {
    color: #ccc!important
}

.bg-white-smoke-light {
    background-color: #f2f2f2
}

a.hover-white-smoke-light:hover {
    color: #f2f2f2
}

a.hover-force-white-smoke-light:hover {
    color: #f2f2f2!important
}

a.hover-bg-white-smoke-light:hover {
    background: #f2f2f2
}

.bc-white-smoke-light {
    border-color: #f2f2f2
}

.text-white-smoke-lighter {
    color: #f1f1f1
}

.color-white-smoke-lighter {
    color: #f1f1f1
}

.text-force-white-smoke-lighter {
    color: #f1f1f1!important
}

a.text-white-smoke-lighter:hover {
    color: #cbcbcb
}

a.text-force-white-smoke-lighter:hover {
    color: #cbcbcb!important
}

.bg-white-smoke-lighter {
    background-color: #f1f1f1
}

a.hover-white-smoke-lighter:hover {
    color: #f1f1f1
}

a.hover-force-white-smoke-lighter:hover {
    color: #f1f1f1!important
}

a.hover-bg-white-smoke-lighter:hover {
    background: #f1f1f1
}

.bc-white-smoke-lighter {
    border-color: #f1f1f1
}

.text-solitude-light {
    color: #f1f3f6
}

.color-solitude-light {
    color: #f1f3f6
}

.text-force-solitude-light {
    color: #f1f3f6!important
}

a.text-solitude-light:hover {
    color: #c2cbd8
}

a.text-force-solitude-light:hover {
    color: #c2cbd8!important
}

.bg-solitude-light {
    background-color: #f1f3f6
}

a.hover-solitude-light:hover {
    color: #f1f3f6
}

a.hover-force-solitude-light:hover {
    color: #f1f3f6!important
}

a.hover-bg-solitude-light:hover {
    background: #f1f3f6
}

.bc-solitude-light {
    border-color: #f1f3f6
}

.text-solitude {
    color: #edeff1
}

.color-solitude {
    color: #edeff1
}

.text-force-solitude {
    color: #edeff1!important
}

a.text-solitude:hover {
    color: #c2c9d0
}

a.text-force-solitude:hover {
    color: #c2c9d0!important
}

.bg-solitude {
    background-color: #edeff1
}

a.hover-solitude:hover {
    color: #edeff1
}

a.hover-force-solitude:hover {
    color: #edeff1!important
}

a.hover-bg-solitude:hover {
    background: #edeff1
}

.bc-solitude {
    border-color: #edeff1
}

.text-solitude-dark {
    color: #f6f7f8
}

.color-solitude-dark {
    color: #f6f7f8
}

.text-force-solitude-dark {
    color: #f6f7f8!important
}

a.text-solitude-dark:hover {
    color: #cbd1d7
}

a.text-force-solitude-dark:hover {
    color: #cbd1d7!important
}

.bg-solitude-dark {
    background-color: #f6f7f8
}

a.hover-solitude-dark:hover {
    color: #f6f7f8
}

a.hover-force-solitude-dark:hover {
    color: #f6f7f8!important
}

a.hover-bg-solitude-dark:hover {
    background: #f6f7f8
}

.bc-solitude-dark {
    border-color: #f6f7f8
}

.text-nobel {
    color: #999
}

.color-nobel {
    color: #999
}

.text-force-nobel {
    color: #999!important
}

a.text-nobel:hover {
    color: #737373
}

a.text-force-nobel:hover {
    color: #737373!important
}

.bg-nobel {
    background-color: #999
}

a.hover-nobel:hover {
    color: #999
}

a.hover-force-nobel:hover {
    color: #999!important
}

a.hover-bg-nobel:hover {
    background: #999
}

.bc-nobel {
    border-color: #999
}

.text-lightningYellow {
    color: #f9a530
}

.color-lightningYellow {
    color: #f9a530
}

.text-force-lightningYellow {
    color: #f9a530!important
}

a.text-lightningYellow:hover {
    color: #d67f06
}

a.text-force-lightningYellow:hover {
    color: #d67f06!important
}

.bg-lightningYellow {
    background-color: #f9a530
}

a.hover-lightningYellow:hover {
    color: #f9a530
}

a.hover-force-lightningYellow:hover {
    color: #f9a530!important
}

a.hover-bg-lightningYellow:hover {
    background: #f9a530
}

.bc-lightningYellow {
    border-color: #f9a530
}

.text-lightning-yellow {
    color: #f9a530
}

.color-lightning-yellow {
    color: #f9a530
}

.text-force-lightning-yellow {
    color: #f9a530!important
}

a.text-lightning-yellow:hover {
    color: #d67f06
}

a.text-force-lightning-yellow:hover {
    color: #d67f06!important
}

.bg-lightning-yellow {
    background-color: #f9a530
}

a.hover-lightning-yellow:hover {
    color: #f9a530
}

a.hover-force-lightning-yellow:hover {
    color: #f9a530!important
}

a.hover-bg-lightning-yellow:hover {
    background: #f9a530
}

.bc-lightning-yellow {
    border-color: #f9a530
}

.text-choral {
    color: #444
}

.color-choral {
    color: #444
}

.text-force-choral {
    color: #444!important
}

a.text-choral:hover {
    color: #1e1e1e
}

a.text-force-choral:hover {
    color: #1e1e1e!important
}

.bg-choral {
    background-color: #444
}

a.hover-choral:hover {
    color: #444
}

a.hover-force-choral:hover {
    color: #444!important
}

a.hover-bg-choral:hover {
    background: #444
}

.bc-choral {
    border-color: #444
}

.text-charcoal {
    color: #404040
}

.color-charcoal {
    color: #404040
}

.text-force-charcoal {
    color: #404040!important
}

a.text-charcoal:hover {
    color: #1a1a1a
}

a.text-force-charcoal:hover {
    color: #1a1a1a!important
}

.bg-charcoal {
    background-color: #404040
}

a.hover-charcoal:hover {
    color: #404040
}

a.hover-force-charcoal:hover {
    color: #404040!important
}

a.hover-bg-charcoal:hover {
    background: #404040
}

.bc-charcoal {
    border-color: #404040
}

.text-mortar {
    color: #555
}

.color-mortar {
    color: #555
}

.text-force-mortar {
    color: #555!important
}

a.text-mortar:hover {
    color: #2f2f2f
}

a.text-force-mortar:hover {
    color: #2f2f2f!important
}

.bg-mortar {
    background-color: #555
}

a.hover-mortar:hover {
    color: #555
}

a.hover-force-mortar:hover {
    color: #555!important
}

a.hover-bg-mortar:hover {
    background: #555
}

.bc-mortar {
    border-color: #555
}

.text-black-squeeze {
    color: #edede7
}

.color-black-squeeze {
    color: #edede7
}

.text-force-black-squeeze {
    color: #edede7!important
}

a.text-black-squeeze:hover {
    color: #ccb
}

a.text-force-black-squeeze:hover {
    color: #ccb!important
}

.bg-black-squeeze {
    background-color: #edede7
}

a.hover-black-squeeze:hover {
    color: #edede7
}

a.hover-force-black-squeeze:hover {
    color: #edede7!important
}

a.hover-bg-black-squeeze:hover {
    background: #edede7
}

.bc-black-squeeze {
    border-color: #edede7
}

.text-dim-gray {
    color: #666
}

.color-dim-gray {
    color: #666
}

.text-force-dim-gray {
    color: #666!important
}

a.text-dim-gray:hover {
    color: #404040
}

a.text-force-dim-gray:hover {
    color: #404040!important
}

.bg-dim-gray {
    background-color: #666
}

a.hover-dim-gray:hover {
    color: #666
}

a.hover-force-dim-gray:hover {
    color: #666!important
}

a.hover-bg-dim-gray:hover {
    background: #666
}

.bc-dim-gray {
    border-color: #666
}

.text-gainsboro-light {
    color: #e5e5e5
}

.color-gainsboro-light {
    color: #e5e5e5
}

.text-force-gainsboro-light {
    color: #e5e5e5!important
}

a.text-gainsboro-light:hover {
    color: #bfbfbf
}

a.text-force-gainsboro-light:hover {
    color: #bfbfbf!important
}

.bg-gainsboro-light {
    background-color: #e5e5e5
}

a.hover-gainsboro-light:hover {
    color: #e5e5e5
}

a.hover-force-gainsboro-light:hover {
    color: #e5e5e5!important
}

a.hover-bg-gainsboro-light:hover {
    background: #e5e5e5
}

.bc-gainsboro-light {
    border-color: #e5e5e5
}

.text-gainsboro-dark {
    color: #dedede
}

.color-gainsboro-dark {
    color: #dedede
}

.text-force-gainsboro-dark {
    color: #dedede!important
}

a.text-gainsboro-dark:hover {
    color: #b8b8b8
}

a.text-force-gainsboro-dark:hover {
    color: #b8b8b8!important
}

.bg-gainsboro-dark {
    background-color: #dedede
}

a.hover-gainsboro-dark:hover {
    color: #dedede
}

a.hover-force-gainsboro-dark:hover {
    color: #dedede!important
}

a.hover-bg-gainsboro-dark:hover {
    background: #dedede
}

.bc-gainsboro-dark {
    border-color: #dedede
}

.text-greyChateau {
    color: #999fa3
}

.color-greyChateau {
    color: #999fa3
}

.text-force-greyChateau {
    color: #999fa3!important
}

a.text-greyChateau:hover {
    color: #72797e
}

a.text-force-greyChateau:hover {
    color: #72797e!important
}

.bg-greyChateau {
    background-color: #999fa3
}

a.hover-greyChateau:hover {
    color: #999fa3
}

a.hover-force-greyChateau:hover {
    color: #999fa3!important
}

a.hover-bg-greyChateau:hover {
    background: #999fa3
}

.bc-greyChateau {
    border-color: #999fa3
}

.text-grey-chateau {
    color: #999fa3
}

.color-grey-chateau {
    color: #999fa3
}

.text-force-grey-chateau {
    color: #999fa3!important
}

a.text-grey-chateau:hover {
    color: #72797e
}

a.text-force-grey-chateau:hover {
    color: #72797e!important
}

.bg-grey-chateau {
    background-color: #999fa3
}

a.hover-grey-chateau:hover {
    color: #999fa3
}

a.hover-force-grey-chateau:hover {
    color: #999fa3!important
}

a.hover-bg-grey-chateau:hover {
    background: #999fa3
}

.bc-grey-chateau {
    border-color: #999fa3
}

.text-silver-light {
    color: #c3c3c3
}

.color-silver-light {
    color: #c3c3c3
}

.text-force-silver-light {
    color: #c3c3c3!important
}

a.text-silver-light:hover {
    color: #9d9d9d
}

a.text-force-silver-light:hover {
    color: #9d9d9d!important
}

.bg-silver-light {
    background-color: #c3c3c3
}

a.hover-silver-light:hover {
    color: #c3c3c3
}

a.hover-force-silver-light:hover {
    color: #c3c3c3!important
}

a.hover-bg-silver-light:hover {
    background: #c3c3c3
}

.bc-silver-light {
    border-color: #c3c3c3
}

.text-silver {
    color: #bebebe
}

.color-silver {
    color: #bebebe
}

.text-force-silver {
    color: #bebebe!important
}

a.text-silver:hover {
    color: #989898
}

a.text-force-silver:hover {
    color: #989898!important
}

.bg-silver {
    background-color: #bebebe
}

a.hover-silver:hover {
    color: #bebebe
}

a.hover-force-silver:hover {
    color: #bebebe!important
}

a.hover-bg-silver:hover {
    background: #bebebe
}

.bc-silver {
    border-color: #bebebe
}

.text-zircon {
    color: #e9eaeb
}

.color-zircon {
    color: #e9eaeb
}

.text-force-zircon {
    color: #e9eaeb!important
}

a.text-zircon:hover {
    color: #c1c4c7
}

a.text-force-zircon:hover {
    color: #c1c4c7!important
}

.bg-zircon {
    background-color: #e9eaeb
}

a.hover-zircon:hover {
    color: #e9eaeb
}

a.hover-force-zircon:hover {
    color: #e9eaeb!important
}

a.hover-bg-zircon:hover {
    background: #e9eaeb
}

.bc-zircon {
    border-color: #e9eaeb
}

.text-zircon-dark {
    color: #dbdddf
}

.color-zircon-dark {
    color: #dbdddf
}

.text-force-zircon-dark {
    color: #dbdddf!important
}

a.text-zircon-dark:hover {
    color: #b3b7bb
}

a.text-force-zircon-dark:hover {
    color: #b3b7bb!important
}

.bg-zircon-dark {
    background-color: #dbdddf
}

a.hover-zircon-dark:hover {
    color: #dbdddf
}

a.hover-force-zircon-dark:hover {
    color: #dbdddf!important
}

a.hover-bg-zircon-dark:hover {
    background: #dbdddf
}

.bc-zircon-dark {
    border-color: #dbdddf
}

.text-grey-chateau {
    color: #979da1
}

.color-grey-chateau {
    color: #979da1
}

.text-force-grey-chateau {
    color: #979da1!important
}

a.text-grey-chateau:hover {
    color: #70777c
}

a.text-force-grey-chateau:hover {
    color: #70777c!important
}

.bg-grey-chateau {
    background-color: #979da1
}

a.hover-grey-chateau:hover {
    color: #979da1
}

a.hover-force-grey-chateau:hover {
    color: #979da1!important
}

a.hover-bg-grey-chateau:hover {
    background: #979da1
}

.bc-grey-chateau {
    border-color: #979da1
}

.text-blue {
    color: #297fb8
}

.color-blue {
    color: #297fb8
}

.text-force-blue {
    color: #297fb8!important
}

a.text-blue:hover {
    color: #1b5479
}

a.text-force-blue:hover {
    color: #1b5479!important
}

.bg-blue {
    background-color: #297fb8
}

a.hover-blue:hover {
    color: #297fb8
}

a.hover-force-blue:hover {
    color: #297fb8!important
}

a.hover-bg-blue:hover {
    background: #297fb8
}

.bc-blue {
    border-color: #297fb8
}

.text-green {
    color: #54b551
}

.color-green {
    color: #54b551
}

.text-force-green {
    color: #54b551!important
}

a.text-green:hover {
    color: #3a8237
}

a.text-force-green:hover {
    color: #3a8237!important
}

.bg-green {
    background-color: #54b551
}

a.hover-green:hover {
    color: #54b551
}

a.hover-force-green:hover {
    color: #54b551!important
}

a.hover-bg-green:hover {
    background: #54b551
}

.bc-green {
    border-color: #54b551
}

.text-green-light {
    color: #e3ede2
}

.color-green-light {
    color: #e3ede2
}

.text-force-green-light {
    color: #e3ede2!important
}

a.text-green-light:hover {
    color: #b5d0b3
}

a.text-force-green-light:hover {
    color: #b5d0b3!important
}

.bg-green-light {
    background-color: #e3ede2
}

a.hover-green-light:hover {
    color: #e3ede2
}

a.hover-force-green-light:hover {
    color: #e3ede2!important
}

a.hover-bg-green-light:hover {
    background: #e3ede2
}

.bc-green-light {
    border-color: #e3ede2
}

.text-red {
    color: red
}

.color-red {
    color: red
}

.text-force-red {
    color: red!important
}

a.text-red:hover {
    color: #b30000
}

a.text-force-red:hover {
    color: #b30000!important
}

.bg-red {
    background-color: red
}

a.hover-red:hover {
    color: red
}

a.hover-force-red:hover {
    color: red!important
}

a.hover-bg-red:hover {
    background: red
}

.bc-red {
    border-color: red
}

.text-cirtus {
    color: #9c0
}

.color-cirtus {
    color: #9c0
}

.text-force-cirtus {
    color: #9c0!important
}

a.text-cirtus:hover {
    color: #608000
}

a.text-force-cirtus:hover {
    color: #608000!important
}

.bg-cirtus {
    background-color: #9c0
}

a.hover-cirtus:hover {
    color: #9c0
}

a.hover-force-cirtus:hover {
    color: #9c0!important
}

a.hover-bg-cirtus:hover {
    background: #9c0
}

.bc-cirtus {
    border-color: #9c0
}

.text-texas {
    color: #eaea78
}

.color-texas {
    color: #eaea78
}

.text-force-texas {
    color: #eaea78!important
}

a.text-texas:hover {
    color: #e0e036
}

a.text-force-texas:hover {
    color: #e0e036!important
}

.bg-texas {
    background-color: #eaea78
}

a.hover-texas:hover {
    color: #eaea78
}

a.hover-force-texas:hover {
    color: #eaea78!important
}

a.hover-bg-texas:hover {
    background: #eaea78
}

.bc-texas {
    border-color: #eaea78
}

.text-drover {
    color: #fdf3a0
}

.color-drover {
    color: #fdf3a0
}

.text-force-drover {
    color: #fdf3a0!important
}

a.text-drover:hover {
    color: #fbea55
}

a.text-force-drover:hover {
    color: #fbea55!important
}

.bg-drover {
    background-color: #fdf3a0
}

a.hover-drover:hover {
    color: #fdf3a0
}

a.hover-force-drover:hover {
    color: #fdf3a0!important
}

a.hover-bg-drover:hover {
    background: #fdf3a0
}

.bc-drover {
    border-color: #fdf3a0
}

.text-pelorous {
    color: #2c81ba
}

.color-pelorous {
    color: #2c81ba
}

.text-force-pelorous {
    color: #2c81ba!important
}

a.text-pelorous:hover {
    color: #1d567c
}

a.text-force-pelorous:hover {
    color: #1d567c!important
}

.bg-pelorous {
    background-color: #2c81ba
}

a.hover-pelorous:hover {
    color: #2c81ba
}

a.hover-force-pelorous:hover {
    color: #2c81ba!important
}

a.hover-bg-pelorous:hover {
    background: #2c81ba
}

.bc-pelorous {
    border-color: #2c81ba
}

.text-pelorous-op8 {
    color: rgba(33, 142, 185, .8)
}

.color-pelorous-op8 {
    color: rgba(33, 142, 185, .8)
}

.text-force-pelorous-op8 {
    color: rgba(33, 142, 185, .8)!important
}

a.text-pelorous-op8:hover {
    color: rgba(21, 92, 120, .8)
}

a.text-force-pelorous-op8:hover {
    color: rgba(21, 92, 120, .8)!important
}

.bg-pelorous-op8 {
    background-color: rgba(33, 142, 185, .8)
}

a.hover-pelorous-op8:hover {
    color: rgba(33, 142, 185, .8)
}

a.hover-force-pelorous-op8:hover {
    color: rgba(33, 142, 185, .8)!important
}

a.hover-bg-pelorous-op8:hover {
    background: rgba(33, 142, 185, .8)
}

.bc-pelorous-op8 {
    border-color: rgba(33, 142, 185, .8)
}

.text-pelorous-op9 {
    color: rgba(33, 142, 185, .9)
}

.color-pelorous-op9 {
    color: rgba(33, 142, 185, .9)
}

.text-force-pelorous-op9 {
    color: rgba(33, 142, 185, .9)!important
}

a.text-pelorous-op9:hover {
    color: rgba(21, 92, 120, .9)
}

a.text-force-pelorous-op9:hover {
    color: rgba(21, 92, 120, .9)!important
}

.bg-pelorous-op9 {
    background-color: rgba(33, 142, 185, .9)
}

a.hover-pelorous-op9:hover {
    color: rgba(33, 142, 185, .9)
}

a.hover-force-pelorous-op9:hover {
    color: rgba(33, 142, 185, .9)!important
}

a.hover-bg-pelorous-op9:hover {
    background: rgba(33, 142, 185, .9)
}

.bc-pelorous-op9 {
    border-color: rgba(33, 142, 185, .9)
}

.text-curious {
    color: #1e8dd1
}

.color-curious {
    color: #1e8dd1
}

.text-force-curious {
    color: #1e8dd1!important
}

a.text-curious:hover {
    color: #14608e
}

a.text-force-curious:hover {
    color: #14608e!important
}

.bg-curious {
    background-color: #1e8dd1
}

a.hover-curious:hover {
    color: #1e8dd1
}

a.hover-force-curious:hover {
    color: #1e8dd1!important
}

a.hover-bg-curious:hover {
    background: #1e8dd1
}

.bc-curious {
    border-color: #1e8dd1
}

.text-persianRed {
    color: #d33737
}

.color-persianRed {
    color: #d33737
}

.text-force-persianRed {
    color: #d33737!important
}

a.text-persianRed:hover {
    color: #9b2222
}

a.text-force-persianRed:hover {
    color: #9b2222!important
}

.bg-persianRed {
    background-color: #d33737
}

a.hover-persianRed:hover {
    color: #d33737
}

a.hover-force-persianRed:hover {
    color: #d33737!important
}

a.hover-bg-persianRed:hover {
    background: #d33737
}

.bc-persianRed {
    border-color: #d33737
}

.text-persian-red {
    color: #d33737
}

.color-persian-red {
    color: #d33737
}

.text-force-persian-red {
    color: #d33737!important
}

a.text-persian-red:hover {
    color: #9b2222
}

a.text-force-persian-red:hover {
    color: #9b2222!important
}

.bg-persian-red {
    background-color: #d33737
}

a.hover-persian-red:hover {
    color: #d33737
}

a.hover-force-persian-red:hover {
    color: #d33737!important
}

a.hover-bg-persian-red:hover {
    background: #d33737
}

.bc-persian-red {
    border-color: #d33737
}

.text-gorse {
    color: #ffdd2e
}

.color-gorse {
    color: #ffdd2e
}

.text-force-gorse {
    color: #ffdd2e!important
}

a.text-gorse:hover {
    color: #e1bc00
}

a.text-force-gorse:hover {
    color: #e1bc00!important
}

.bg-gorse {
    background-color: #ffdd2e
}

a.hover-gorse:hover {
    color: #ffdd2e
}

a.hover-force-gorse:hover {
    color: #ffdd2e!important
}

a.hover-bg-gorse:hover {
    background: #ffdd2e
}

.bc-gorse {
    border-color: #ffdd2e
}

.text-bunker {
    color: #292c30
}

.color-bunker {
    color: #292c30
}

.text-force-bunker {
    color: #292c30!important
}

a.text-bunker:hover {
    color: #060607
}

a.text-force-bunker:hover {
    color: #060607!important
}

.bg-bunker {
    background-color: #292c30
}

a.hover-bunker:hover {
    color: #292c30
}

a.hover-force-bunker:hover {
    color: #292c30!important
}

a.hover-bg-bunker:hover {
    background: #292c30
}

.bc-bunker {
    border-color: #292c30
}

.text-regent {
    color: #9fbad8
}

.color-regent {
    color: #9fbad8
}

.text-force-regent {
    color: #9fbad8!important
}

a.text-regent:hover {
    color: #6993c2
}

a.text-force-regent:hover {
    color: #6993c2!important
}

.bg-regent {
    background-color: #9fbad8
}

a.hover-regent:hover {
    color: #9fbad8
}

a.hover-force-regent:hover {
    color: #9fbad8!important
}

a.hover-bg-regent:hover {
    background: #9fbad8
}

.bc-regent {
    border-color: #9fbad8
}

.text-summersky {
    color: #2097e0
}

.color-summersky {
    color: #2097e0
}

.text-force-summersky {
    color: #2097e0!important
}

a.text-summersky:hover {
    color: #166a9e
}

a.text-force-summersky:hover {
    color: #166a9e!important
}

.bg-summersky {
    background-color: #2097e0
}

a.hover-summersky:hover {
    color: #2097e0
}

a.hover-force-summersky:hover {
    color: #2097e0!important
}

a.hover-bg-summersky:hover {
    background: #2097e0
}

.bc-summersky {
    border-color: #2097e0
}

.text-navy-blue {
    color: #0071bc
}

.color-navy-blue {
    color: #0071bc
}

.text-force-navy-blue {
    color: #0071bc!important
}

a.text-navy-blue:hover {
    color: #004370
}

a.text-force-navy-blue:hover {
    color: #004370!important
}

.bg-navy-blue {
    background-color: #0071bc
}

a.hover-navy-blue:hover {
    color: #0071bc
}

a.hover-force-navy-blue:hover {
    color: #0071bc!important
}

a.hover-bg-navy-blue:hover {
    background: #0071bc
}

.bc-navy-blue {
    border-color: #0071bc
}

.text-egyptianblue {
    color: #125292
}

.color-egyptianblue {
    color: #125292
}

.text-force-egyptianblue {
    color: #125292!important
}

a.text-egyptianblue:hover {
    color: #0a2c4e
}

a.text-force-egyptianblue:hover {
    color: #0a2c4e!important
}

.bg-egyptianblue {
    background-color: #125292
}

a.hover-egyptianblue:hover {
    color: #125292
}

a.hover-force-egyptianblue:hover {
    color: #125292!important
}

a.hover-bg-egyptianblue:hover {
    background: #125292
}

.bc-egyptianblue {
    border-color: #125292
}

.text-selectiveyellow {
    color: #ffb400
}

.color-selectiveyellow {
    color: #ffb400
}

.text-force-selectiveyellow {
    color: #ffb400!important
}

a.text-selectiveyellow:hover {
    color: #b37e00
}

a.text-force-selectiveyellow:hover {
    color: #b37e00!important
}

.bg-selectiveyellow {
    background-color: #ffb400
}

a.hover-selectiveyellow:hover {
    color: #ffb400
}

a.hover-force-selectiveyellow:hover {
    color: #ffb400!important
}

a.hover-bg-selectiveyellow:hover {
    background: #ffb400
}

.bc-selectiveyellow {
    border-color: #ffb400
}

.text-eastbay {
    color: #526075
}

.color-eastbay {
    color: #526075
}

.text-force-eastbay {
    color: #526075!important
}

a.text-eastbay:hover {
    color: #323b48
}

a.text-force-eastbay:hover {
    color: #323b48!important
}

.bg-eastbay {
    background-color: #526075
}

a.hover-eastbay:hover {
    color: #526075
}

a.hover-force-eastbay:hover {
    color: #526075!important
}

a.hover-bg-eastbay:hover {
    background: #526075
}

.bc-eastbay {
    border-color: #526075
}

.text-olive {
    color: #5b9400
}

.color-olive {
    color: #5b9400
}

.text-force-olive {
    color: #5b9400!important
}

a.text-olive:hover {
    color: #2c4800
}

a.text-force-olive:hover {
    color: #2c4800!important
}

.bg-olive {
    background-color: #5b9400
}

a.hover-olive:hover {
    color: #5b9400
}

a.hover-force-olive:hover {
    color: #5b9400!important
}

a.hover-bg-olive:hover {
    background: #5b9400
}

.bc-olive {
    border-color: #5b9400
}

.text-sangria {
    color: #900
}

.color-sangria {
    color: #900
}

.text-force-sangria {
    color: #900!important
}

a.text-sangria:hover {
    color: #4d0000
}

a.text-force-sangria:hover {
    color: #4d0000!important
}

.bg-sangria {
    background-color: #900
}

a.hover-sangria:hover {
    color: #900
}

a.hover-force-sangria:hover {
    color: #900!important
}

a.hover-bg-sangria:hover {
    background: #900
}

.bc-sangria {
    border-color: #900
}

.text-smalt {
    color: #004b91
}

.color-smalt {
    color: #004b91
}

.text-force-smalt {
    color: #004b91!important
}

a.text-smalt:hover {
    color: #002345
}

a.text-force-smalt:hover {
    color: #002345!important
}

.bg-smalt {
    background-color: #004b91
}

a.hover-smalt:hover {
    color: #004b91
}

a.hover-force-smalt:hover {
    color: #004b91!important
}

a.hover-bg-smalt:hover {
    background: #004b91
}

.bc-smalt {
    border-color: #004b91
}

.text-lochmara {
    color: #3261ad
}

.color-lochmara {
    color: #3261ad
}

.text-force-lochmara {
    color: #3261ad!important
}

a.text-lochmara:hover {
    color: #214072
}

a.text-force-lochmara:hover {
    color: #214072!important
}

.bg-lochmara {
    background-color: #3261ad
}

a.hover-lochmara:hover {
    color: #3261ad
}

a.hover-force-lochmara:hover {
    color: #3261ad!important
}

a.hover-bg-lochmara:hover {
    background: #3261ad
}

.bc-lochmara {
    border-color: #3261ad
}

.text-la-palma {
    color: #508734
}

.color-la-palma {
    color: #508734
}

.text-force-la-palma {
    color: #508734!important
}

a.text-la-palma:hover {
    color: #2f501f
}

a.text-force-la-palma:hover {
    color: #2f501f!important
}

.bg-la-palma {
    background-color: #508734
}

a.hover-la-palma:hover {
    color: #508734
}

a.hover-force-la-palma:hover {
    color: #508734!important
}

a.hover-bg-la-palma:hover {
    background: #508734
}

.bc-la-palma {
    border-color: #508734
}

.text-fruit-salad {
    color: #50a253
}

.color-fruit-salad {
    color: #50a253
}

.text-force-fruit-salad {
    color: #50a253!important
}

a.text-fruit-salad:hover {
    color: #376f39
}

a.text-force-fruit-salad:hover {
    color: #376f39!important
}

.bg-fruit-salad {
    background-color: #50a253
}

a.hover-fruit-salad:hover {
    color: #50a253
}

a.hover-force-fruit-salad:hover {
    color: #50a253!important
}

a.hover-bg-fruit-salad:hover {
    background: #50a253
}

.bc-fruit-salad {
    border-color: #50a253
}

.text-crusoe {
    color: #0e600e
}

.color-crusoe {
    color: #0e600e
}

.text-force-crusoe {
    color: #0e600e!important
}

a.text-crusoe:hover {
    color: #041d04
}

a.text-force-crusoe:hover {
    color: #041d04!important
}

.bg-crusoe {
    background-color: #0e600e
}

a.hover-crusoe:hover {
    color: #0e600e
}

a.hover-force-crusoe:hover {
    color: #0e600e!important
}

a.hover-bg-crusoe:hover {
    background: #0e600e
}

.bc-crusoe {
    border-color: #0e600e
}

.text-kelly-green {
    color: #17aa1c
}

.color-kelly-green {
    color: #17aa1c
}

.text-force-kelly-green {
    color: #17aa1c!important
}

a.text-kelly-green:hover {
    color: #0e6711
}

a.text-force-kelly-green:hover {
    color: #0e6711!important
}

.bg-kelly-green {
    background-color: #17aa1c
}

a.hover-kelly-green:hover {
    color: #17aa1c
}

a.hover-force-kelly-green:hover {
    color: #17aa1c!important
}

a.hover-bg-kelly-green:hover {
    background: #17aa1c
}

.bc-kelly-green {
    border-color: #17aa1c
}

.text-midnight {
    color: #1e2c35
}

.color-midnight {
    color: #1e2c35
}

.text-force-midnight {
    color: #1e2c35!important
}

a.text-midnight:hover {
    color: #020304
}

a.text-force-midnight:hover {
    color: #020304!important
}

.bg-midnight {
    background-color: #1e2c35
}

a.hover-midnight:hover {
    color: #1e2c35
}

a.hover-force-midnight:hover {
    color: #1e2c35!important
}

a.hover-bg-midnight:hover {
    background: #1e2c35
}

.bc-midnight {
    border-color: #1e2c35
}

.text-eggplant {
    color: #960075
}

.color-eggplant {
    color: #960075
}

.text-force-eggplant {
    color: #960075!important
}

a.text-eggplant:hover {
    color: #4a0039
}

a.text-force-eggplant:hover {
    color: #4a0039!important
}

.bg-eggplant {
    background-color: #960075
}

a.hover-eggplant:hover {
    color: #960075
}

a.hover-force-eggplant:hover {
    color: #960075!important
}

a.hover-bg-eggplant:hover {
    background: #960075
}

.bc-eggplant {
    border-color: #960075
}

.text-purple {
    color: #7f0067
}

.color-purple {
    color: #7f0067
}

.text-force-purple {
    color: #7f0067!important
}

a.text-purple:hover {
    color: #330029
}

a.text-force-purple:hover {
    color: #330029!important
}

.bg-purple {
    background-color: #7f0067
}

a.hover-purple:hover {
    color: #7f0067
}

a.hover-force-purple:hover {
    color: #7f0067!important
}

a.hover-bg-purple:hover {
    background: #7f0067
}

.bc-purple {
    border-color: #7f0067
}

.text-indigo {
    color: #540768
}

.color-indigo {
    color: #540768
}

.text-force-indigo {
    color: #540768!important
}

a.text-indigo:hover {
    color: #1a0220
}

a.text-force-indigo:hover {
    color: #1a0220!important
}

.bg-indigo {
    background-color: #540768
}

a.hover-indigo:hover {
    color: #540768
}

a.hover-force-indigo:hover {
    color: #540768!important
}

a.hover-bg-indigo:hover {
    background: #540768
}

.bc-indigo {
    border-color: #540768
}

.text-resolution-blue {
    color: #32377a
}

.color-resolution-blue {
    color: #32377a
}

.text-force-resolution-blue {
    color: #32377a!important
}

a.text-resolution-blue:hover {
    color: #1c1f44
}

a.text-force-resolution-blue:hover {
    color: #1c1f44!important
}

.bg-resolution-blue {
    background-color: #32377a
}

a.hover-resolution-blue:hover {
    color: #32377a
}

a.hover-force-resolution-blue:hover {
    color: #32377a!important
}

a.hover-bg-resolution-blue:hover {
    background: #32377a
}

.bc-resolution-blue {
    border-color: #32377a
}

.text-cerulean {
    color: #006b9c
}

.color-cerulean {
    color: #006b9c
}

.text-force-cerulean {
    color: #006b9c!important
}

a.text-cerulean:hover {
    color: #003750
}

a.text-force-cerulean:hover {
    color: #003750!important
}

.bg-cerulean {
    background-color: #006b9c
}

a.hover-cerulean:hover {
    color: #006b9c
}

a.hover-force-cerulean:hover {
    color: #006b9c!important
}

a.hover-bg-cerulean:hover {
    background: #006b9c
}

.bc-cerulean {
    border-color: #006b9c
}

.text-blue-lagoon {
    color: #00567e
}

.color-blue-lagoon {
    color: #00567e
}

.text-force-blue-lagoon {
    color: #00567e!important
}

a.text-blue-lagoon:hover {
    color: #002232
}

a.text-force-blue-lagoon:hover {
    color: #002232!important
}

.bg-blue-lagoon {
    background-color: #00567e
}

a.hover-blue-lagoon:hover {
    color: #00567e
}

a.hover-force-blue-lagoon:hover {
    color: #00567e!important
}

a.hover-bg-blue-lagoon:hover {
    background: #00567e
}

.bc-blue-lagoon {
    border-color: #00567e
}

.text-persian-green {
    color: #02a1a5
}

.color-persian-green {
    color: #02a1a5
}

.text-force-persian-green {
    color: #02a1a5!important
}

a.text-persian-green:hover {
    color: #015759
}

a.text-force-persian-green:hover {
    color: #015759!important
}

.bg-persian-green {
    background-color: #02a1a5
}

a.hover-persian-green:hover {
    color: #02a1a5
}

a.hover-force-persian-green:hover {
    color: #02a1a5!important
}

a.hover-bg-persian-green:hover {
    background: #02a1a5
}

.bc-persian-green {
    border-color: #02a1a5
}

.text-mosque {
    color: #045b5b
}

.color-mosque {
    color: #045b5b
}

.text-force-mosque {
    color: #045b5b!important
}

a.text-mosque:hover {
    color: #011212
}

a.text-force-mosque:hover {
    color: #011212!important
}

.bg-mosque {
    background-color: #045b5b
}

a.hover-mosque:hover {
    color: #045b5b
}

a.hover-force-mosque:hover {
    color: #045b5b!important
}

a.hover-bg-mosque:hover {
    background: #045b5b
}

.bc-mosque {
    border-color: #045b5b
}

.text-raw-umber {
    color: #6b530b
}

.color-raw-umber {
    color: #6b530b
}

.text-force-raw-umber {
    color: #6b530b!important
}

a.text-raw-umber:hover {
    color: #261d04
}

a.text-force-raw-umber:hover {
    color: #261d04!important
}

.bg-raw-umber {
    background-color: #6b530b
}

a.hover-raw-umber:hover {
    color: #6b530b
}

a.hover-force-raw-umber:hover {
    color: #6b530b!important
}

a.hover-bg-raw-umber:hover {
    background: #6b530b
}

.bc-raw-umber {
    border-color: #6b530b
}

.text-yellow-green {
    color: #92b738
}

.color-yellow-green {
    color: #92b738
}

.text-force-yellow-green {
    color: #92b738!important
}

a.text-yellow-green:hover {
    color: #637c26
}

a.text-force-yellow-green:hover {
    color: #637c26!important
}

.bg-yellow-green {
    background-color: #92b738
}

a.hover-yellow-green:hover {
    color: #92b738
}

a.hover-force-yellow-green:hover {
    color: #92b738!important
}

a.hover-bg-yellow-green:hover {
    background: #92b738
}

.bc-yellow-green {
    border-color: #92b738
}

.text-elephant {
    color: #223840
}

.color-elephant {
    color: #223840
}

.text-force-elephant {
    color: #223840!important
}

a.text-elephant:hover {
    color: #070c0e
}

a.text-force-elephant:hover {
    color: #070c0e!important
}

.bg-elephant {
    background-color: #223840
}

a.hover-elephant:hover {
    color: #223840
}

a.hover-force-elephant:hover {
    color: #223840!important
}

a.hover-bg-elephant:hover {
    background: #223840
}

.bc-elephant {
    border-color: #223840
}

.text-solitude {
    color: #edeff1
}

.color-solitude {
    color: #edeff1
}

.text-force-solitude {
    color: #edeff1!important
}

a.text-solitude:hover {
    color: #c2c9d0
}

a.text-force-solitude:hover {
    color: #c2c9d0!important
}

.bg-solitude {
    background-color: #edeff1
}

a.hover-solitude:hover {
    color: #edeff1
}

a.hover-force-solitude:hover {
    color: #edeff1!important
}

a.hover-bg-solitude:hover {
    background: #edeff1
}

.bc-solitude {
    border-color: #edeff1
}

.text-topaz {
    color: #84848c
}

.color-topaz {
    color: #84848c
}

.text-force-topaz {
    color: #84848c!important
}

a.text-topaz:hover {
    color: #fff
}

a.text-force-topaz:hover {
    color: #fff!important
}

.bg-topaz {
    background-color: #84848c
}

a.hover-topaz:hover {
    color: #84848c
}

a.hover-force-topaz:hover {
    color: #84848c!important
}

a.hover-bg-topaz:hover {
    background: #84848c
}

.bc-topaz {
    border-color: #84848c
}

.text-buckthorn {
    color: #f39e4a
}

.color-buckthorn {
    color: #f39e4a
}

.text-force-buckthorn {
    color: #f39e4a!important
}

a.text-buckthorn:hover {
    color: #e2780f
}

a.text-force-buckthorn:hover {
    color: #e2780f!important
}

.bg-buckthorn {
    background-color: #f39e4a
}

a.hover-buckthorn:hover {
    color: #f39e4a
}

a.hover-force-buckthorn:hover {
    color: #f39e4a!important
}

a.hover-bg-buckthorn:hover {
    background: #f39e4a
}

.bc-buckthorn {
    border-color: #f39e4a
}

.text-black_op4 {
    color: rgba(0, 0, 0, .4)
}

.color-black_op4 {
    color: rgba(0, 0, 0, .4)
}

.text-force-black_op4 {
    color: rgba(0, 0, 0, .4)!important
}

a.text-black_op4:hover {
    color: rgba(0, 0, 0, .4)
}

a.text-force-black_op4:hover {
    color: rgba(0, 0, 0, .4)!important
}

.bg-black_op4 {
    background-color: rgba(0, 0, 0, .4)
}

a.hover-black_op4:hover {
    color: rgba(0, 0, 0, .4)
}

a.hover-force-black_op4:hover {
    color: rgba(0, 0, 0, .4)!important
}

a.hover-bg-black_op4:hover {
    background: rgba(0, 0, 0, .4)
}

.bc-black_op4 {
    border-color: rgba(0, 0, 0, .4)
}

.text-pink {
    color: #ec7f95
}

.color-pink {
    color: #ec7f95
}

.text-force-pink {
    color: #ec7f95!important
}

a.text-pink:hover {
    color: #e23c5e
}

a.text-force-pink:hover {
    color: #e23c5e!important
}

.bg-pink {
    background-color: #ec7f95
}

a.hover-pink:hover {
    color: #ec7f95
}

a.hover-force-pink:hover {
    color: #ec7f95!important
}

a.hover-bg-pink:hover {
    background: #ec7f95
}

.bc-pink {
    border-color: #ec7f95
}

.text-irisblue {
    color: #10afb4
}

.color-irisblue {
    color: #10afb4
}

.text-force-irisblue {
    color: #10afb4!important
}

a.text-irisblue:hover {
    color: #0a6b6e
}

a.text-force-irisblue:hover {
    color: #0a6b6e!important
}

.bg-irisblue {
    background-color: #10afb4
}

a.hover-irisblue:hover {
    color: #10afb4
}

a.hover-force-irisblue:hover {
    color: #10afb4!important
}

a.hover-bg-irisblue:hover {
    background: #10afb4
}

.bc-irisblue {
    border-color: #10afb4
}

.text-pigment-green {
    color: #009245
}

.color-pigment-green {
    color: #009245
}

.text-force-pigment-green {
    color: #009245!important
}

a.text-pigment-green:hover {
    color: #004621
}

a.text-force-pigment-green:hover {
    color: #004621!important
}

.bg-pigment-green {
    background-color: #009245
}

a.hover-pigment-green:hover {
    color: #009245
}

a.hover-force-pigment-green:hover {
    color: #009245!important
}

a.hover-bg-pigment-green:hover {
    background: #009245
}

.bc-pigment-green {
    border-color: #009245
}

.text-dodger-light-blue {
    color: #2eb9ff
}

.color-dodger-light-blue {
    color: #2eb9ff
}

.text-force-dodger-light-blue {
    color: #2eb9ff!important
}

a.text-dodger-light-blue:hover {
    color: #0095e1
}

a.text-force-dodger-light-blue:hover {
    color: #0095e1!important
}

.bg-dodger-light-blue {
    background-color: #2eb9ff
}

a.hover-dodger-light-blue:hover {
    color: #2eb9ff
}

a.hover-force-dodger-light-blue:hover {
    color: #2eb9ff!important
}

a.hover-bg-dodger-light-blue:hover {
    background: #2eb9ff
}

.bc-dodger-light-blue {
    border-color: #2eb9ff
}

.text-dodger-dark-blue {
    color: #4085f4
}

.color-dodger-dark-blue {
    color: #4085f4
}

.text-force-dodger-dark-blue {
    color: #4085f4!important
}

a.text-dodger-dark-blue:hover {
    color: #0d5cdb
}

a.text-force-dodger-dark-blue:hover {
    color: #0d5cdb!important
}

.bg-dodger-dark-blue {
    background-color: #4085f4
}

a.hover-dodger-dark-blue:hover {
    color: #4085f4
}

a.hover-force-dodger-dark-blue:hover {
    color: #4085f4!important
}

a.hover-bg-dodger-dark-blue:hover {
    background: #4085f4
}

.bc-dodger-dark-blue {
    border-color: #4085f4
}

.text-white_op7 {
    color: rgba(255, 255, 255, .7)
}

.color-white_op7 {
    color: rgba(255, 255, 255, .7)
}

.text-force-white_op7 {
    color: rgba(255, 255, 255, .7)!important
}

a.text-white_op7:hover {
    color: rgba(217, 217, 217, .7)
}

a.text-force-white_op7:hover {
    color: rgba(217, 217, 217, .7)!important
}

.bg-white_op7 {
    background-color: rgba(255, 255, 255, .7)
}

a.hover-white_op7:hover {
    color: rgba(255, 255, 255, .7)
}

a.hover-force-white_op7:hover {
    color: rgba(255, 255, 255, .7)!important
}

a.hover-bg-white_op7:hover {
    background: rgba(255, 255, 255, .7)
}

.bc-white_op7 {
    border-color: rgba(255, 255, 255, .7)
}

.text-easternblue {
    color: #298fb7
}

.color-easternblue {
    color: #298fb7
}

.text-force-easternblue {
    color: #298fb7!important
}

a.text-easternblue:hover {
    color: #1b5e79
}

a.text-force-easternblue:hover {
    color: #1b5e79!important
}

.bg-easternblue {
    background-color: #298fb7
}

a.hover-easternblue:hover {
    color: #298fb7
}

a.hover-force-easternblue:hover {
    color: #298fb7!important
}

a.hover-bg-easternblue:hover {
    background: #298fb7
}

.bc-easternblue {
    border-color: #298fb7
}

.text-matterhorn {
    color: #4f4f4f
}

.color-matterhorn {
    color: #4f4f4f
}

.text-force-matterhorn {
    color: #4f4f4f!important
}

a.text-matterhorn:hover {
    color: #292929
}

a.text-force-matterhorn:hover {
    color: #292929!important
}

.bg-matterhorn {
    background-color: #4f4f4f
}

a.hover-matterhorn:hover {
    color: #4f4f4f
}

a.hover-force-matterhorn:hover {
    color: #4f4f4f!important
}

a.hover-bg-matterhorn:hover {
    background: #4f4f4f
}

.bc-matterhorn {
    border-color: #4f4f4f
}

.text-black_op8 {
    color: rgba(0, 0, 0, .8)
}

.color-black_op8 {
    color: rgba(0, 0, 0, .8)
}

.text-force-black_op8 {
    color: rgba(0, 0, 0, .8)!important
}

a.text-black_op8:hover {
    color: rgba(0, 0, 0, .8)
}

a.text-force-black_op8:hover {
    color: rgba(0, 0, 0, .8)!important
}

.bg-black_op8 {
    background-color: rgba(0, 0, 0, .8)
}

a.hover-black_op8:hover {
    color: rgba(0, 0, 0, .8)
}

a.hover-force-black_op8:hover {
    color: rgba(0, 0, 0, .8)!important
}

a.hover-bg-black_op8:hover {
    background: rgba(0, 0, 0, .8)
}

.bc-black_op8 {
    border-color: rgba(0, 0, 0, .8)
}

.text-link-blue {
    color: #1376d7
}

.color-link-blue {
    color: #1376d7
}

.text-force-link-blue {
    color: #1376d7!important
}

a.text-link-blue:hover {
    color: #0d4f91
}

a.text-force-link-blue:hover {
    color: #0d4f91!important
}

.bg-link-blue {
    background-color: #1376d7
}

a.hover-link-blue:hover {
    color: #1376d7
}

a.hover-force-link-blue:hover {
    color: #1376d7!important
}

a.hover-bg-link-blue:hover {
    background: #1376d7
}

.bc-link-blue {
    border-color: #1376d7
}

body.organization .udemy-header-transparent {
    background: #fff
}

body.organization .header-v4 .container {
    padding: 0
}

body.organization .header-v4 .white-link {
    text-shadow: none
}

body.organization .header-v4 .white-link:hover {
    background: 0 0
}

body.organization .header-v4 .open .white-link {
    background: 0 0
}

body.organization .header-v4 .green-separator {
    display: none
}

body.organization .header-v4.udemy-header-lighter .white-link,
body.organization .header-v4.udemy-header-transparent .white-link {
    color: #333
}

body.organization .header-v4.udemy-header-lighter .user-dropdown .user-caret,
body.organization .header-v4.udemy-header-transparent .user-dropdown .user-caret {
    color: #333
}

body.organization .header-v4.udemy-header-darker .white-link {
    color: #fff
}

body.organization .logo-text {
    color: #000;
    font-weight: 700
}

.org-logo {
    width: 130px;
    height: 40px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(/staticx/udemy/images/v4/logo.svg);
    display: inline-block
}

@media (max-width: 1200px) {
    body.organization .header-v4 .become-ins-link {
        display: block
    }
}

@media (max-width: 640px) {
    body.organization .header-v4 .become-ins-link {
        display: none
    }
    .org-logo {
        width: 65px
    }
}

.purchase-popup {
    min-width: 500px;
    padding: 10px 16px
}

.purchase-popup input[type=number].num-of-licenses {
    display: inline-block;
    width: 65px;
    text-align: right;
    margin-left: 5px
}

.purchase-popup .btn-container {
    margin-top: 10px
}

.purchase-popup .license-limit-message {
    display: block;
    font-size: 10px
}

.purchase-popup.quick {
    background: #fff;
    padding: 0
}

.purchase-popup.quick .top-items>div:first-child {
    border: 0 none
}

.purchase-popup.quick .top-items>div {
    overflow: hidden;
    padding: 15px
}

.purchase-popup.quick .top-items .amount-container {
    background: #fff
}

.purchase-popup.quick .license-limit-message {
    margin-top: -20px;
    padding-left: 15px
}

.ud-organization-managebilling,
.update-credit-cards {
    background: url(/staticx/udemy/images/v3/loop-triangle.png) repeat-x;
    padding: 15px
}

.ud-organization-managebilling h2,
.update-credit-cards h2 {
    color: #656565;
    font-size: 13px;
    line-height: 1.2
}

.ud-organization-managebilling ul,
.update-credit-cards ul {
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 1px 1px #ddd;
    margin-top: 10px
}

.ud-organization-managebilling li,
.update-credit-cards li {
    border-top: 1px solid #ddd;
    overflow: hidden;
    padding: 10px
}

.ud-organization-managebilling li:first-child,
.update-credit-cards li:first-child {
    border: 0 none
}

.ud-organization-managebilling li:nth-child(2n+1),
.update-credit-cards li:nth-child(2n+1) {
    background: #fff
}

.ud-organization-managebilling li:nth-child(2n),
.update-credit-cards li:nth-child(2n) {
    background: #f3f3f3
}

.ud-organization-managebilling li input,
.update-credit-cards li input {
    position: relative;
    top: -5px
}

.ud-organization-managebilling .custom-radio-btn,
.update-credit-cards .custom-radio-btn {
    background: #fff;
    border: 1px solid #bbb;
    border-radius: 50%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2) inset;
    display: inline-block;
    height: 17px;
    vertical-align: middle;
    width: 17px;
    padding: 5px;
    margin: 0;
    display: none
}

.ud-organization-managebilling .icon,
.update-credit-cards .icon {
    background: url(../../assets/images/lesson_detail/sprites.png?v=17) -150px -292px;
    border: 1px solid #B1B1B1;
    display: inline-block;
    height: 34px;
    margin: 0 0 0 10px;
    vertical-align: middle;
    width: 48px
}

.ud-organization-managebilling .icon.visa,
.update-credit-cards .icon.visa {
    background-position: -150px -332px
}

.ud-organization-managebilling .icon.mastercard,
.update-credit-cards .icon.mastercard {
    background-position: -151px -371px
}

.ud-organization-managebilling .icon.amex,
.update-credit-cards .icon.amex {
    background-position: -221px -380px
}

.ud-organization-managebilling .icon.discover,
.update-credit-cards .icon.discover {
    background-position: -220px -340px
}

.ud-organization-managebilling .title,
.update-credit-cards .title {
    display: inline-block;
    margin: 0 0 0 10px;
    vertical-align: middle;
    color: #666
}

.ud-organization-managebilling .title b,
.update-credit-cards .title b {
    color: #333
}

.ud-organization-managebilling .footer-row,
.update-credit-cards .footer-row {
    overflow: hidden;
    margin-top: 10px
}

.ud-organization-managebilling a.other,
.update-credit-cards a.other {
    font-size: 13px;
    text-decoration: underline;
    margin-top: 7px;
    display: inline-block
}

.ud-organization-managebilling .purchase-btn,
.update-credit-cards .purchase-btn {
    float: right
}

.payment-v4 {
    max-width: 520px;
    position: relative;
    margin: auto;
    padding-bottom: 15px;
    border-radius: 5px;
    background: #f3f3f3
}

.payment-v4.fail .card-info-field {
    border-color: #DA7070;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(218, 112, 112, .43)
}

.payment-v4 .card-info-field {
    height: 42px
}

.payment-v4 .general-heading {
    background: #4f9e52;
    color: #fff;
    font-size: 14px;
    padding: 10px 40px 10px 40px;
    margin: 0;
    border-radius: 3px 3px 0 0
}

.payment-v4 .payment-top {
    padding: 0 40px
}

.payment-v4 .top-left {
    margin-right: 20px;
    flex: 1
}

.payment-v4 .top-row {
    margin-top: 10px
}

.payment-v4 .final-wrapper {
    font-weight: 700;
    color: #355368;
    padding-top: 5px
}

.payment-v4 .gray-border {
    border-top: 1px solid #fff;
    box-shadow: 0 -1px 0 #dadadb
}

.payment-v4 .payment-main {
    padding: 0 30px 20px 30px;
    margin-top: 20px
}

.payment-v4 .main-row {
    margin-top: 10px
}

.payment-v4 .country-wrapper {
    background: #fff
}

.payment-v4 .cardno-wrapper {
    z-index: 1
}

.payment-v4 .cardno-field {
    padding-right: 50px
}

.payment-v4 .payment-option {
    padding: 3px;
    border-radius: 50%;
    box-shadow: 0 0 0 2px #edeff1, 0 0 0 4px #d3d3d3;
    margin: 10px;
    line-height: 0;
    display: inline-block;
    background: 0 0
}

.payment-v4 .payment-option.on {
    background: #2484C5;
    box-shadow: 0 0 0 2px #edeff1, 0 0 0 4px #2484C5
}

.payment-v4 .cards-img {
    width: 148px
}

.payment-v4 .cards-caret {
    font-size: 16px;
    color: #365367
}

.payment-v4 .saved-cards-heading {
    margin: 10px 10px;
    color: #899aa5;
    font-size: 10px
}

.payment-v4 .card-type {
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 400;
    margin: 0;
    color: #355368;
    cursor: pointer
}

.payment-v4 .card-type:hover {
    background-color: #EFF2F5
}

.payment-v4 .cards-dropdown {
    height: 42px;
    padding: 10px 10px 20px 10px
}

.payment-v4 .cards-dropdown .dropdown-menu {
    width: 100%
}

.payment-v4 .add-new-card {
    cursor: pointer;
    padding: 5px 10px;
    border-top: 1px solid #d3d3d3;
    font-size: 12px;
    color: #355368
}

.payment-v4 .add-new-card:hover {
    background: #EFF2F5
}

.payment-v4 .cards-options-bordered {
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    display: block
}

.payment-v4 .iconed-field {
    position: relative
}

.payment-v4 .field-icon {
    position: absolute;
    left: 7px;
    top: 50%;
    margin-top: -9px;
    font-size: 18px;
    color: #D3D3D3;
    width: 24px;
    text-align: center
}

.payment-v4 .iconed-field input {
    padding: 0 10px 0 35px;
    width: 100%
}

.payment-v4 .detected-card {
    position: absolute;
    width: 36px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    right: 10px;
    top: 50%;
    margin-top: -10px
}

.payment-v4 .detected-card.visa {
    background-image: url(/staticx/udemy/images/v4/card-visa.svg)
}

.payment-v4 .detected-card.mastercard {
    background-image: url(/staticx/udemy/images/v4/card-mastercard.svg)
}

.payment-v4 .detected-card.amex {
    background-image: url(/staticx/udemy/images/v4/card-amex.svg)
}

.payment-v4 .detected-card.discover {
    background-image: url(/staticx/udemy/images/v4/card-discover.svg)
}

.payment-v4 .field-note {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -10px;
    color: #297fb8
}

.payment-v4 .field-note:hover {
    color: #000
}

.payment-v4 .custom-select-box {
    -webkit-appearance: inherit;
    position: relative;
    padding: 10px 10px 10px 35px;
    height: auto;
    background: 0 0;
    z-index: 1
}

.payment-v4 .custom-select-box-caret {
    position: absolute;
    top: 50%;
    font-size: 18px;
    right: 10px;
    margin-top: -10px
}

.payment-v4 .move-1px-up {
    margin-top: -1px
}

.payment-v4 .move-1px-left {
    margin-left: -1px
}

.payment-v4 input.custom-checkbox {
    -webkit-appearance: none;
    width: 14px;
    height: 14px;
    border-radius: 3px;
    background: #fff;
    margin: 0;
    cursor: pointer
}

.payment-v4 input.custom-checkbox:focus {
    outline: 0
}

.payment-v4 input.custom-checkbox:checked+.custom-checkbox-icon {
    display: block
}

.payment-v4 .custom-checkbox-icon {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 12px;
    width: 14px;
    text-align: center;
    display: none;
    margin: 0
}

.payment-v4 .remember-card-text {
    margin: 0 0 0 5px;
    font-weight: 400;
    color: #355368
}

.payment-v4 .terms-row {
    color: #8392A3;
    font-size: 12px
}

.payment-v4 .secure-row {
    color: #8392A3;
    font-size: 12px
}

.payment-v4 .cvc-tooltip {
    width: 260px;
    min-height: 150px;
    text-align: center;
    padding: 10px
}

.payment-v4 .redeem-form-wrapper {
    position: relative;
    width: 100%
}

.payment-v4 .applied-code {
    color: #2484C5;
    margin-right: 5px
}

.payment-v4 .error-note {
    color: #D23837;
    text-align: center
}

.payment-v4 .paypal-splash {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .8);
    z-index: 10
}

.payment-v4 .paypal-preload-icon {
    color: #2484C5;
    font-size: 70px;
    -webkit-animation: spin 4s infinite linear;
    -o-animation: spin 4s infinite linear;
    -ms-animation: spin 4s infinite linear;
    animation: spin 4s infinite linear;
    -webkit-transform-origin: %50;
    -o-transform-origin: %50;
    -ms-transform-origin: %50;
    transform-origin: %50
}

.payment-v4 .paypal-preload-text {
    font-size: 18px;
    font-style: italic
}

.payment-v4 .payment-tabs li a {
    padding: 5px 15px;
    text-align: center
}

.payment-v4 .payment-tabs li a:hover {
    background: #edeff1
}

.payment-v4 .payment-tabs li.active a {
    background: #edeff1;
    color: #355368
}

.payment-v4 [name=payment-options] {
    display: none
}

.payment-v4 #option-credit-card:checked~.option-tab-content #credit-card {
    display: block
}

.payment-v4 #option-credit-card:checked~.payment-tabs [for=option-credit-card] {
    border: 1px solid #ccc;
    border-bottom: 0;
    color: #355368
}

.payment-v4 #option-paypal:checked~.option-tab-content #paypal {
    display: block
}

.payment-v4 #option-paypal:checked~.payment-tabs [for=option-paypal] {
    border: 1px solid #ccc;
    border-bottom: 0;
    color: #355368
}

.payment-v4 .option-tab-content>div {
    display: none
}

.payment-v4 .payment-tabs label {
    display: inline-block;
    margin: 0;
    padding: 7px 10px;
    border: 1px solid transparent;
    border-bottom-color: #ccc;
    font-size: 14px;
    text-align: center;
    color: #428bca
}

.payment-v4 #cardNumberField {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.payment-v4 #expirationDate {
    border-radius: 0;
    border-bottom-left-radius: 5px
}

.payment-v4 #securityCode {
    border-radius: 0;
    border-bottom-right-radius: 5px
}

.payment-v4 #countryId {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.payment-v4 #zipCode {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.fancybox-inner .payment-v4 {
    margin: 0
}

@media (max-width: 768px) {
    .payment-v4 span {
        font-size: 12px
    }
    .payment-v4 .general-heading {
        padding: 20px 50px 15px 20px
    }
    .payment-v4 .tooltip {
        display: none!important
    }
    .payment-v4 .payment-top {
        padding: 0 20px
    }
    .payment-v4 .payment-main {
        padding: 0 10px 20px 10px
    }
    .payment-v4 .cards-dropdown .dropdown-menu .add-new-card,
    .payment-v4 .cards-dropdown .dropdown-menu .card-type {
        height: 42px
    }
}

@media (max-width: 768px) {
    .payment-v4 .general-heading {
        padding: 20px 50px 15px 20px
    }
}

.payment-popup {
    top: 40px!important
}

.header-v4 {
    position: relative;
    width: 100%;
    background: #fff;
    z-index: 3;
    box-shadow: 0 1px 2px #ccc
}

.header-v4.nobg {
    z-index: 1
}

.header-v4 .general-header-inner {
    padding: 0 5px;
    border-top: 4px solid #17aa1c;
    height: 52px
}

.header-v4 .dropdown-toggle {
    height: 52px
}

.header-v4 .dropdown-menu {
    margin: 0
}

.header-v4 .white-link {
    padding: 8px;
    border-radius: 4px;
    height: 36px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    color: #5d5d5e;
    text-shadow: none
}

.header-v4 .white-link:hover {
    background: #e4e2e2
}

.header-v4 .metrics {
    display: block;
    overflow: hidden;
    color: #fff;
    background-color: #000;
    text-align: center;
    font-size: 20px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    height: 38px;
    padding: 5px 0
}

.header-v4 .metrics.small {
    height: 0;
    padding: 0 0
}

.header-v4 .metrics a,
.header-v4 .metrics label {
    color: #fff;
    font-size: 15px
}

.header-v4 .metrics label {
    margin-left: 20px;
    font-weight: initial
}

.header-v4 .metrics .separator {
    display: inline-block;
    border-left: 1px solid #fff;
    margin: 0 20px;
    height: 15px
}

.header-v4 .metrics a {
    font-weight: 700;
    padding: 2px 2px 2px 6px;
    border-radius: 2px
}

.header-v4 .metrics a:hover {
    background-color: #2E2E32
}

.header-v4 .green-separator {
    width: 1px;
    background: #3f933f;
    display: inline-block;
    height: 15px;
    margin: 0 5px
}

.header-v4 .notifications-dropdown .notifications-toggle a {
    color: #5d5d5e
}

.header-v4 .user-dropdown .user-caret {
    color: #5d5d5e
}

.header-v4 .open .white-link {
    background: #e4e2e2
}

.header-v4 .hide-wrapper-left-btn.on,
.header-v4 .hide-wrapper-left-btn:hover {
    background: #e4e2e2
}

.cats-icon {
    font-size: 16px
}

.cats-dropdown.not-ready .dropdown-menu li:hover .sub {
    opacity: 1;
    visibility: visible
}

.cats-dropdown .dropdown-menu {
    width: 240px;
    border-radius: 0;
    box-shadow: none;
    margin-left: -5px;
    margin-top: -1px;
    left: 0;
    border-left: 0;
    border-bottom: 0
}

.cats-dropdown .dropdown-menu:before {
    display: none
}

.cats-dropdown .dropdown-menu:after {
    font-family: FontAwesome;
    content: "\f0d8";
    color: #FFF;
    position: absolute;
    bottom: 100%;
    left: 20px;
    font-size: 20px;
    line-height: 6px;
    text-shadow: 0 -1px #ccc
}

.cats-dropdown .dropdown-menu li.divider {
    padding: 0
}

.cats-dropdown .dropdown-menu a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    color: #293F4F;
    padding: 8px 15px
}

.cats-dropdown .dropdown-menu a:hover,
.cats-dropdown .dropdown-menu a.maintainHover {
    background: #f0f0f0
}

.cats-dropdown .dropdown-menu a.maintainHover+.sub {
    opacity: 1;
    visibility: visible
}

.cats-dropdown .dropdown-menu .cat-icon {
    margin-right: 10px
}

.cats-dropdown .dropdown-menu .cat-title {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 1px;
    font-size: 13px;
    font-weight: 600;
    margin-top: -1px
}

.cats-dropdown .dropdown-menu .cat-arr {
    color: #999fa3
}

.cats-dropdown .sub {
    left: 100%;
    top: 0;
    height: 100%;
    border-radius: 0;
    width: 240px;
    box-shadow: none;
    display: block;
    opacity: 0;
    visibility: hidden;
    margin-top: 0;
    border: 0;
    background: #02a1a5;
    margin-left: 0;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .4)
}

.cats-dropdown .sub:before,
.cats-dropdown .sub:after {
    display: none
}

.cats-dropdown .sub h4 {
    color: #fff
}

.cats-dropdown .skin2 {
    background: #960075
}

.cats-dropdown .skin3 {
    background: #540768
}

.cats-dropdown .skin4 {
    background: #32377a
}

.cats-dropdown .skin5 {
    background: #006b9c
}

.cats-dropdown .skin6 {
    background: #02a1a5
}

.cats-dropdown .sub-list {
    overflow-y: auto;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 1px;
    padding-bottom: 25px!important
}

.cats-dropdown .sub-list a {
    color: #fff
}

.cats-dropdown .sub-list a:hover {
    background: rgba(255, 255, 255, .1)
}

.cats-dropdown h4 {
    margin: 10px 15px;
    color: #fff
}

.cats-dropdown.old-menu .dropdown-menu {
    width: 240px;
    border: 0;
    background: #fff!important;
    border: 1px solid #ccc;
    padding-top: 0;
    margin-top: 0
}

.cats-dropdown.old-menu .dropdown-menu a {
    border: 0
}

.cats-dropdown.old-menu .dropdown-menu a:hover,
.cats-dropdown.old-menu .dropdown-menu a.maintainHover {
    background: #54b551;
    color: #fff
}

.cats-dropdown.old-menu .dropdown-menu a:hover i,
.cats-dropdown.old-menu .dropdown-menu a.maintainHover i,
.cats-dropdown.old-menu .dropdown-menu a:hover b,
.cats-dropdown.old-menu .dropdown-menu a.maintainHover b {
    color: #fff
}

.cats-dropdown.old-menu .dropdown-menu .cat-title {
    font-size: 14px;
    font-weight: 400
}

.cats-dropdown.old-menu .dropdown-menu .cat-icon {
    margin-top: 2px;
    color: #979DA1
}

.cats-dropdown.old-menu .sub {
    border: 1px solid #ccc;
    margin-left: 0;
    margin-top: -1px
}

.cats-dropdown.old-menu .sub h4 {
    margin: 5px 15px;
    color: #293F4F
}

.cats-dropdown.old-menu .sub-list a {
    color: #293F4F
}

.wrapper-left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: margin-left .2s;
    -moz-transition: margin-left .2s;
    -o-transition: margin-left .2s;
    transition: margin-left .2s;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background-color: #fff;
    width: 240px
}

.wrapper-left.old-wrapper-left {
    border-right: 0
}

.wrapper-left .cats-dropdown {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 1px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.wrapper-left .cats-dropdown>.dropdown-menu {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 1px;
    width: auto;
    top: 0;
    display: block;
    position: relative;
    margin-left: 0;
    margin-top: 0;
    border: 0
}

#quick-search-dropdown-v4 {
    margin-top: 0;
    min-height: 30px
}

#quick-search-dropdown-v4:before {
    content: '';
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    background: #fff;
    top: -4px;
    left: 10px;
    box-shadow: -1px -1px rgba(0, 0, 0, .05);
    z-index: -1
}

#quick-search-dropdown-v4>li {
    clear: both;
    display: block
}

#quick-search-dropdown-v4>li>a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: normal;
    padding: 5px 10px;
    overflow: hidden;
    box-shadow: none;
    color: #293F4F
}

#quick-search-dropdown-v4>li>a:hover,
#quick-search-dropdown-v4>li>a.ui-state-hover,
#quick-search-dropdown-v4>li>a.ui-state-focus {
    border: none;
    margin: 0;
    color: #2585C6
}

#quick-search-dropdown-v4>li>a:hover i,
#quick-search-dropdown-v4>li>a.ui-state-hover i,
#quick-search-dropdown-v4>li>a.ui-state-focus i {
    color: #2585C6
}

#quick-search-dropdown-v4 .title {
    display: block;
    font-size: 16px;
    font-weight: 400;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 1px
}

#quick-search-dropdown-v4 .mini-icon {
    font-size: 16px;
    margin-right: 10px
}

#quick-search-dropdown-v4 i {
    color: #B6C4D6
}

#quick-search-dropdown-v4 .ui-menu-item {
    position: relative
}

#quick-search-dropdown-v4 .cat {
    font-size: 12px;
    margin-left: 10px;
    font-weight: 400
}

#quick-search-dropdown-v4 .in-my-courses i {
    color: #4DBA4D
}

#quick-search-dropdown-v4 .bottom-border {
    border-bottom: 1px solid #d3d3d3
}

.search-v4-wrap {
    padding: 10px 0;
    margin-left: 15px
}

.search-v4 {
    position: relative
}

.search-v4 .search-input {
    background: #e4e2e2;
    border: 0;
    padding: 8px 40px 8px 10px;
    outline: 0!important;
    color: #5d5d5e;
    font-style: italic;
    width: 245px;
    border-radius: 4px
}

.search-v4 .search-input::-moz-placeholder {
    color: #5d5d5e;
    opacity: 1
}

.search-v4 .search-input:-ms-input-placeholder {
    color: #5d5d5e
}

.search-v4 .search-input::-webkit-input-placeholder {
    color: #5d5d5e
}

.search-v4 .search-input:focus {
    color: #16222D;
    font-style: normal
}

.search-v4 .search-input:focus::-moz-placeholder {
    color: #000;
    opacity: 1
}

.search-v4 .search-input:focus:-ms-input-placeholder {
    color: #000
}

.search-v4 .search-input:focus::-webkit-input-placeholder {
    color: #000
}

.search-v4 .search-input:focus~.search-btn {
    color: #293F4F
}

.search-v4 .search-input:focus~.search-btn:hover {
    color: #000
}

.search-v4 .search-btn {
    background: 0 0;
    border: 0;
    font-size: 18px;
    color: #5d5d5e;
    position: absolute;
    top: 50%;
    right: 0;
    margin: -12px 0 0 -30px
}

.search-v4 .search-btn:hover {
    color: #000
}

.search-v4 .ui-autocomplete-loading~.search-btn:before {
    font-family: FontAwesome;
    display: inline-block;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
    content: '\f110';
    color: #1e2c35
}

.search-v4.light .search-btn {
    color: #666
}

.notifications-dropdown {
    position: relative;
    z-index: 90;
    padding-right: 5px
}

.notifications-dropdown .notifications-toggle a {
    font-size: 18px;
    color: #3e833e
}

.notifications-dropdown .notifications-toggle a:hover {
    color: #333
}

.notifications-dropdown.open .notifications-toggle a {
    color: #333
}

.notifications-dropdown .dropdown-menu {
    width: 280px
}

.notifications-dropdown .notification-zero-case {
    text-align: center;
    padding: 10px
}

.notifications-dropdown .ajax-loader-stick {
    margin: 10px -25px 10px
}

.notifications-dropdown h5 {
    padding: 10px;
    text-transform: uppercase;
    font-size: 12px;
    border-bottom: 1px solid #E4E4E4;
    margin: 0
}

.notifications-dropdown .mask {
    max-height: 270px;
    overflow: auto
}

.notifications-dropdown ul {
    border: 0
}

.notifications-dropdown li {
    color: #555;
    font-size: 12px;
    line-height: 1.3;
    border-top: 1px solid #E4E4E4
}

.notifications-dropdown li:first-child {
    border: 0
}

.notifications-dropdown li a {
    background: #fff;
    color: #333;
    border: 0;
    display: block;
    cursor: pointer;
    padding: 10px;
    font-weight: 400;
    white-space: normal
}

.notifications-dropdown li a:hover {
    text-decoration: none;
    background: #a1abb9;
    color: #fff
}

.notifications-dropdown li a:hover time:before {
    background-position: -90px -1080px
}

.notifications-dropdown li a:hover b {
    color: #f0de68
}

.notifications-dropdown li a:hover .view-all {
    color: #fff
}

.notifications-dropdown p {
    margin: 0
}

.notifications-dropdown .view-all {
    text-align: center;
    display: block;
    font-weight: 700;
    color: #bd3b21
}

.notifications-dropdown .see-all {
    background: #fff;
    display: block;
    line-height: 36px;
    text-align: center;
    color: #bd3b21;
    border-top: 1px solid #E8E8E8;
    font-size: 13px
}

.notifications-dropdown .thumb {
    float: left;
    width: 33px;
    height: 33px
}

.notifications-dropdown .details {
    margin-left: 43px
}

.notifications-dropdown time:before {
    content: '';
    float: left;
    width: 13px;
    height: 13px;
    background: url(../../assets/images/lesson_detail/sprites.png?v=17) -60px -1080px;
    margin: 1px 2px 0 0
}

.red-badge {
    right: -5px;
    top: 5px;
    padding: 3px 6px!important;
    font-size: 9px!important;
    position: absolute;
    color: #fff!important;
    background: #F83136;
    border-radius: 4px;
    text-shadow: none
}

.user-dropdown .mini-title {
    max-width: 90px;
    margin-right: 10px
}

.user-dropdown .mini-pic {
    border-radius: 50%;
    width: 32px;
    opacity: .9
}

.user-dropdown .msgs-undread {
    top: -5px
}

.user-dropdown .user-caret {
    color: #fff
}

.user-dropdown .dropdown-menu {
    width: 270px
}

.user-dropdown .header {
    padding: 6px 10px;
    overflow: hidden
}

.user-dropdown .l {
    float: left;
    position: relative;
    width: 90px
}

.user-dropdown .l:hover .upload {
    display: block
}

.user-dropdown .r {
    margin-left: 105px
}

.user-dropdown .pic {
    width: 90px;
    overflow: hidden
}

.user-dropdown .pic:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%
}

.user-dropdown .upload {
    background: rgba(0, 0, 0, .5);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 12px;
    display: none
}

.user-dropdown .upload:hover {
    color: #fff
}

.user-dropdown .title {
    font-weight: 700
}

.user-dropdown .subtitle {
    color: #555;
    display: block;
    line-height: 1.2;
    padding: 0
}

.user-dropdown .view {
    background: #356635;
    color: #fff;
    font-size: 10px;
    padding: 3px 8px;
    font-weight: 700
}

.user-dropdown .view:hover {
    text-decoration: underline!important
}

.user-dropdown .action-icon {
    color: #91A1AF;
    font-size: 16px;
    margin-right: 10px
}

.user-dropdown .links {
    border-top: 1px solid #ddd;
    padding: 10px;
    line-height: 27px
}

.user-dropdown .link {
    color: #293F4F;
    clear: both
}

.user-dropdown .link .inner-icon {
    color: #B6C4D6;
    margin-right: 10px;
    font-size: 18px
}

.user-dropdown .link .badge {
    float: none;
    line-height: 20px;
    padding: 0;
    width: 20px;
    height: 20px;
    margin: 0
}

.user-dropdown .link:hover {
    color: #2585C6
}

.user-dropdown .link:hover .inner-icon {
    color: #2585C6
}

.user-dropdown .link .green-bt {
    border-radius: 3px;
    background: #54b551;
    color: #fff;
    margin-left: 10px;
    font-size: 12px;
    padding: 0 10px;
    height: 24px;
    line-height: 23px
}

.user-dropdown .account {
    border-top: 1px solid #ddd;
    background: #f7f7f7;
    padding: 10px
}

.user-dropdown .account a {
    display: block;
    color: #555;
    line-height: 21px;
    margin: 6px 0
}

.user-dropdown .account a:hover {
    color: #000
}

.user-dropdown .account .on a {
    font-weight: 700;
    position: relative;
    padding-right: 30px
}

.user-dropdown .account .on a .ok {
    display: block
}

.user-dropdown h6 {
    margin: 0;
    color: #D8D8D8
}

.user-dropdown .mini-logo {
    width: 20px;
    margin-right: 3px
}

.user-dropdown .ok {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -7px;
    display: none
}

.user-dropdown .logout {
    padding: 6px 10px 2px 15px
}

.user-dropdown .logout i {
    margin-right: 6px
}

.user-dropdown.open .mini-pic {
    opacity: 1
}

.lang-dropdown .dropdown-menu {
    padding: 10px 5px
}

.lang-dropdown .dropdown-menu a {
    color: #888;
    padding: 2px 10px;
    display: block
}

.lang-dropdown .dropdown-menu a:after {
    font-family: FontAwesome;
    content: '\f00c';
    color: #54b551;
    position: absolute;
    right: 5px;
    opacity: 0
}

.lang-dropdown .dropdown-menu a:hover {
    color: #555
}

.lang-dropdown .dropdown-menu a:hover:after {
    opacity: 1
}

.footer-v4 {
    background: #16222d;
    padding-top: 20px
}

.footer-v4 h4 {
    color: #fff;
    font-weight: 700;
    font-size: 22px;
    margin: 0 0 20px 0
}

.footer-v4 .ext-links a {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    min-width: 130px
}

.footer-v4 .ext-links a:hover {
    color: #999
}

.footer-v4 .ext-btns {
    display: block;
    margin-bottom: 10px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    padding: 15px 10px;
    font-size: 18px
}

.footer-v4 .ext-btns i {
    font-size: 24px;
    margin-right: 10px
}

.footer-v4 .ext-btns:hover {
    color: #fff
}

.footer-v4 .ext-btns.teach {
    background: #54b551
}

.footer-v4 .ext-btns.teach:hover {
    background: #42a142
}

.footer-v4 .ext-btns.ufo {
    background: #4985b8
}

.footer-v4 .ext-btns.ufo:hover {
    background: #2470a2
}

.footer-v4 .top {
    padding: 10px 0
}

.footer-v4 #copyright {
    color: #fff;
    font-size: 13px;
    text-align: right
}

.get-app {
    position: relative;
    z-index: 1;
    background: #fcf7f1;
    text-align: center;
    padding: 10px 30px;
    display: none
}

.get-app .heading {
    margin: 0;
    font-weight: 700;
    font-size: 24px
}

.get-app .note {
    margin-top: 5px;
    font-size: 11px
}

.get-app .get-app-btn {
    margin-top: 10px;
    font-weight: 700;
    padding: 10px 70px
}

.get-app .get-app-close {
    position: absolute;
    right: 10px;
    top: 50%;
    font-size: 20px;
    color: #979da1;
    margin-top: -14px
}

.get-app .get-app-close:hover {
    color: #333
}

.search-dropdown {
    display: none;
    position: static
}

.search-dropdown .search-toggle a {
    font-size: 18px
}

.search-dropdown .search-v4 {
    display: block!important;
    margin: 0 10px
}

.search-dropdown .search-v4 .search-input {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.search-dropdown .dropdown-menu {
    background: #fff;
    width: 100%;
    border-radius: 0
}

.search-dropdown .dropdown-menu:before {
    display: none
}

.promo-blurb {
    color: #fff;
    padding: 8px 13px 0 16px;
    font-weight: 600;
    margin-bottom: 9px;
    text-align: center
}

.promo-blurb div {
    width: 10px;
    height: 10px;
    top: 4px;
    left: 81px;
    position: relative;
    transform: rotate(scaleX(2.5) rotateZ(45deg));
    -ms-transform: rotate(scaleX(2.5) rotateZ(45deg));
    -webkit-transform: rotate(scaleX(2.5) rotateZ(45deg));
    -webkit-transform: scaleX(2.5) rotateZ(45deg);
    -o-transform: scaleX(2.5) rotateZ(45deg);
    -ms-transform: scaleX(2.5) rotateZ(45deg);
    transform: scaleX(2.5) rotateZ(45deg);
    -webkit-backface-visibility: hidden
}

.hide-wrapper-left-btn~.cats-dropdown {
    display: none
}

@media (max-width: 992px) {
    .hide-wrapper-left-btn {
        display: none
    }
    .hide-wrapper-left-btn~.cats-dropdown {
        display: block
    }
}

@media (min-width: 1200px) {
    .header-v4.nobg {
        background: -moz-linear-gradient(top, rgba(0, 0, 0, .65) 0, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .05) 85%, rgba(0, 0, 0, 0) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, .65)), color-stop(65%, rgba(0, 0, 0, .15)), color-stop(85%, rgba(0, 0, 0, .05)), color-stop(100%, rgba(0, 0, 0, 0)));
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, .65) 0, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .05) 85%, rgba(0, 0, 0, 0) 100%);
        background: -o-linear-gradient(top, rgba(0, 0, 0, .65) 0, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .05) 85%, rgba(0, 0, 0, 0) 100%);
        background: -ms-linear-gradient(top, rgba(0, 0, 0, .65) 0, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .05) 85%, rgba(0, 0, 0, 0) 100%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, .65) 0, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .05) 85%, rgba(0, 0, 0, 0) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
        box-shadow: none;
        border: none
    }
    .header-v4.nobg .search-v4-wrap,
    .header-v4.nobg .cats-dropdown,
    .header-v4.nobg .green-separator {
        display: none
    }
    .header-v4.nobg .white-link {
        text-shadow: none;
        color: #fff
    }
    .header-v4.nobg .white-link:hover {
        background: 0 0;
        color: #3f933f
    }
    .header-v4.nobg .open .white-link {
        background: 0 0;
        color: #3f933f
    }
    .header-v4.nobg .notifications-dropdown .notifications-toggle a {
        color: #fff
    }
    .header-v4.nobg .notifications-dropdown .notifications-toggle a:hover {
        color: #333
    }
}

@media (max-width: 1200px) {
    .get-app {
        display: block
    }
    .header-v4 .general-header-inner {
        padding: 0 5px
    }
    .header-v4.nobg {
        background: linear-gradient(#50a253, #4c954d);
        box-shadow: 0 1px 0 #408640;
        border: none
    }
    .header-v4.nobg .white-link {
        color: #fff
    }
    .header-v4.nobg .white-link:focus,
    .header-v4.nobg .white-link:hover {
        opacity: .6
    }
    .header-v4.fixed {
        position: relative!important
    }
    .header-v4 .cats-toggle {
        font-size: 0
    }
    .header-v4 .cats-toggle .white-link {
        font-size: 0
    }
    .header-v4 .hide-wrapper-left-btn {
        font-size: 0
    }
    .header-v4 .cats-icon {
        margin: 0
    }
    .header-v4 .green-separator {
        display: none
    }
    .header-v4 .become-ins-link {
        display: none
    }
    .header-v4 .my-courses-link {
        display: none
    }
    .header-v4 .signup-link {
        display: none
    }
    .header-v4 .user-img {
        display: none
    }
    .header-v4 .user-caret {
        margin-left: 2px;
        margin-right: 2px
    }
    .header-v4 .user-dropdown .mini-title {
        display: none
    }
    .header-v4 .white-link {
        background: none!important
    }
    .search-v4 .search-input {
        width: 165px
    }
    .footer-v4 {
        padding-top: 0
    }
    .footer-v4 .footer-cols {
        flex-direction: column;
        align-items: center;
        text-align: center
    }
    .footer-v4 .logo {
        display: none
    }
    .footer-v4 .apps h4 {
        display: none
    }
    .footer-v4 .apps img {
        width: 130px
    }
    .footer-v4 .ext-links {
        margin-top: 5px
    }
    .footer-v4 .ext-links h4 {
        display: none
    }
    .footer-v4 .ext-links a {
        display: inline-block;
        margin: 0 3px;
        font-size: 12px;
        min-width: 0
    }
    .footer-v4 .ufo {
        display: none
    }
    .footer-v4 .bottom {
        display: none
    }
    .footer-v4 #copyright {
        display: none
    }
    #u_userinlinemenu {
        font-size: 11px
    }
    .search-v4-wrap {
        border: 0;
        margin-left: 5px
    }
}

@media (min-width: 641px) {
    body.hide-wrapper-left .wrapper-left {
        margin-left: -320px
    }
}

@media (max-width: 992px) {
    body {
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s;
        overflow-x: hidden
    }
    body.slide-right {
        -webkit-transform: translate(235px, 0);
        -ms-transform: translate(235px, 0);
        -o-transform: translate(235px, 0);
        transform: translate(235px, 0)
    }
    .search-v4 {
        display: none
    }
    .search-dropdown {
        display: block
    }
    .cats-dropdown .dropdown-menu {
        top: -4px;
        bottom: 0;
        border-radius: 0;
        box-shadow: none;
        margin-left: 0;
        position: fixed;
        left: 0;
        -webkit-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
        -o-transform: translate(-100%, 0);
        transform: translate(-100%, 0)
    }
    .cats-dropdown .dropdown-menu .arr {
        display: none
    }
    .cats-dropdown .dropdown-menu a {
        padding: 10px
    }
    .cats-dropdown .sub {
        display: none
    }
}

.payment-inner-bar {
    max-width: 1170px;
    margin: auto
}

#logo-box img {
    height: 35px
}

#u_userinlinemenu {
    float: right;
    margin-top: 4px
}

.udemy-header {
    color: #ccc
}

.udemy-header a {
    color: #fff
}

.footer-v41 {
    background: #1e2c35;
    padding: 20px 0
}

.footer-v41 .white-text {
    color: #fff;
    font-weight: 700;
    display: inline-block;
    margin-left: 10px
}

.footer-v41 .white-text:hover {
    color: #666
}

.footer-v41 .blue-borders {
    border-top: 1px solid #2f495b;
    border-bottom: 1px solid #2f495b;
    padding: 15px 0;
    margin: 10px 0
}

.footer-v41 .gray-text {
    color: #999fa3
}

.footer-v41 a.gray-text:hover {
    color: #777
}

.footer-v41 .left-gray-border {
    border-left: 1px solid #ccc;
    margin-left: 10px;
    padding-left: 10px
}

.footer-v41 .left-blue-border {
    border-left: 1px solid #2f495b;
    padding-left: 15px;
    margin-left: 10px
}

.footer-v42 {
    background: #333
}

.footer-v42 .white-text {
    color: #fff;
    display: inline-block;
    margin-right: 20px
}

.footer-v42 .white-text:hover {
    text-decoration: underline
}

.footer-v42 .white-link {
    color: #fff
}

.footer-v42 .gray-link {
    color: #999
}

.footer-v42 .gray-text {
    color: #999;
    display: inline-block;
    margin-right: 20px
}

.footer-v42 .gray-text:hover {
    text-decoration: underline
}

.footer-v42 .copyright:hover {
    text-decoration: none
}

.lang-dropdown {
    margin-top: -4px;
    margin-right: 25px
}

.ie .sidebar-dropdown-menu {
    top: 0
}

.ie .header-v4 .general-header-inner .udemy-logo {
    width: 100px
}

.ie .header-v4 .general-header-right {
    padding-right: 20px
}

.ie10 .header-v4 .signup-link {
    margin-right: 15px!important
}

.ie10 .footer-v4 .logo img {
    width: 100px
}

.ie10 .footer-v4 .apps img {
    width: 200px
}

.organization .header-v4 .general-header-inner {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

@media only screen and (max-width: 480px) {
    .organization .header-v4 .general-header-inner {
        padding: 0;
        margin-right: auto;
        margin-left: auto;
        width: auto
    }
}

@media only screen and (min-width: 768px) {
    .organization .header-v4 .general-header-inner {
        width: 750px
    }
}

@media only screen and (min-width: 992px) {
    .organization .header-v4 .general-header-inner {
        width: 970px
    }
}

@media only screen and (min-width: 1200px) {
    .organization .header-v4 .general-header-inner {
        width: 1170px
    }
}

.p404-fullscreen {
    position: absolute;
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.p404 {
    overflow: hidden;
    position: absolute
}

.p404 .layer1 {
    background-image: url(/staticx/udemy/images/v4/404/layer1.svg);
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px
}

.p404 .layer2 {
    background-image: url(/staticx/udemy/images/v4/404/layer2.svg);
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px
}

.p404 .layer3 {
    background-image: url(/staticx/udemy/images/v4/404/layer3.svg);
    top: -20px;
    left: -20px;
    right: -20px;
    bottom: -20px
}

.p404 .layer4 {
    background-image: url(/staticx/udemy/images/v4/404/wilson.svg);
    top: -20px;
    left: -20px;
    right: -20px;
    bottom: -20px
}

.p404 .layer5 {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 530px;
    margin: -270px 0 0 -590px;
    color: #FFF
}

.p404 .layer5 a {
    font-weight: 700;
    color: #51c451
}

.p404 .layer5 a:hover {
    color: #000
}

.p404 .seems {
    font-size: 68px;
    line-height: 1;
    font-weight: 300
}

.p404 .escape {
    font-size: 30px;
    line-height: 1
}

.p404 .suggestions {
    font-size: 18px;
    margin-top: 20px
}

.p404 .or {
    margin-top: 10px
}

.p404 .search-inp-container {
    padding: 0 0 0 20px;
    background: #FFF;
    border-radius: 20px 0 0 20px
}

.p404 .search-field {
    height: 62px;
    font-size: 24px;
    padding: 0;
    background: 0 0;
    border: 0!important;
    box-shadow: none!important
}

.p404 .search-btn {
    background: #4985B8;
    border: 0;
    color: #FFF;
    font-size: 36px;
    border-radius: 0 20px 20px 0;
    padding: 0 20px;
    height: 62px
}

@-webkit-keyframes shake {
    80% {
        margin-left: 0
    }
    85% {
        margin-left: -20px
    }
    90% {
        margin-left: 0
    }
    95% {
        margin-left: -20px
    }
    100% {
        margin-left: 0
    }
}

@keyframes shake {
    80% {
        margin-left: 0
    }
    85% {
        margin-left: -20px
    }
    90% {
        margin-left: 0
    }
    95% {
        margin-left: -20px
    }
    100% {
        margin-left: 0
    }
}

.p404 .layer4 {
    -webkit-animation: shake 5s infinite;
    animation: shake 5s infinite
}

@media (max-width: 1024px) {
    .p404 .layer5 {
        width: 100%;
        left: 0;
        margin-left: 0;
        padding: 0 30px
    }
}

@media (max-width: 640px) {
    .p404 .seems {
        font-size: 20px
    }
    .p404 .layer5 {
        margin-top: 70px;
        top: 0
    }
    .p404 .escape {
        display: none
    }
    .p404 .suggestions {
        font-size: 16px;
        line-height: 1.2
    }
    .p404 .search-field {
        height: 42px;
        font-size: 14px
    }
    .p404 .search-btn {
        height: 42px;
        font-size: 20px
    }
}

@media only screen and (max-width: 1200px) {
    .fx-lg {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-width: 1px
    }
    .fxdc-lg {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .fxac-lg {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .fxw-lg {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }
    .fxjsa-lg {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-justify-content: space-around;
        -ms-flex-pack: space-around;
        justify-content: space-around
    }
    .fxjc-lg {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .fxc-lg {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .fdrr-lg {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
    .transitions-lg {
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s
    }
    .ellipsis-lg {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
    .dif-lg {
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex
    }
    .wsn-lg {
        white-space: normal
    }
    .wsn-force-lg {
        white-space: normal!important
    }
    .db-lg {
        display: block
    }
    .db-force-lg {
        display: block!important
    }
    .dib-lg {
        display: inline-block
    }
    .dib-force-lg {
        display: inline-block!important
    }
    .dn-lg {
        display: none
    }
    .dn-force-lg {
        display: none!important
    }
    .inline-blocks-lg {
        text-align: center;
        font-size: 0
    }
    .inline-blocks-lg>* {
        display: inline-block;
        font-size: inherit;
        float: none
    }
    .wh-40-lg {
        width: 40px;
        height: 40px
    }
    .wh-40-force-lg {
        width: 40px!important;
        height: 40px!important
    }
    .fn-lg {
        float: none
    }
    .fn-force-lg {
        float: none!important
    }
    .pos-a-lg {
        position: absolute
    }
    .pos-a-force-lg {
        position: absolute!important
    }
    .pos-r-lg {
        position: relative
    }
    .pos-r-force-lg {
        position: relative!important
    }
    .pos-f-lg {
        position: fixed
    }
    .pos-f-force-lg {
        position: fixed!important
    }
    .leftauto-lg {
        left: auto
    }
    .leftauto-force-lg {
        left: auto!important
    }
    .r0-lg {
        right: 0
    }
    .r0-force-lg {
        right: 0!important
    }
    .right15-lg {
        right: 15px
    }
    .right15-force-lg {
        right: 15px!important
    }
    .bottom100-lg {
        bottom: 100%
    }
    .bottom100-force-lg {
        bottom: 100%!important
    }
    .tac-lg {
        text-align: center
    }
    .tac-force-lg {
        text-align: center!important
    }
    .tal-lg {
        text-align: left
    }
    .tal-force-lg {
        text-align: left!important
    }
    .tar-lg {
        text-align: right
    }
    .tar-force-lg {
        text-align: right!important
    }
    .wa-lg {
        width: auto
    }
    .wa-force-lg {
        width: auto!important
    }
    .mw0-lg {
        min-width: 0
    }
    .mw0-force-lg {
        min-width: 0!important
    }
    .mw25-lg {
        min-width: 25px
    }
    .mw25-force-lg {
        min-width: 25px!important
    }
    .mwn-lg {
        max-width: none
    }
    .mwn-force-lg {
        max-width: none!important
    }
    .maxw96p-lg {
        max-width: 96%
    }
    .maxw96p-force-lg {
        max-width: 96%!important
    }
    .w100p-lg {
        width: 100%
    }
    .w100p-force-lg {
        width: 100%!important
    }
    .w80p-lg {
        width: 80%
    }
    .w80p-force-lg {
        width: 80%!important
    }
    .w60-lg {
        width: 60px
    }
    .w60-force-lg {
        width: 60px!important
    }
    .w70-lg {
        width: 70px
    }
    .w70-force-lg {
        width: 70px!important
    }
    .w80-lg {
        width: 80px
    }
    .w80-force-lg {
        width: 80px!important
    }
    .w85-lg {
        width: 85px
    }
    .w85-force-lg {
        width: 85px!important
    }
    .w90-lg {
        width: 90px
    }
    .w90-force-lg {
        width: 90px!important
    }
    .w95-lg {
        width: 95px
    }
    .w95-force-lg {
        width: 95px!important
    }
    .w97-lg {
        width: 97px
    }
    .w97-force-lg {
        width: 97px!important
    }
    .w100-lg {
        width: 100px
    }
    .w100-force-lg {
        width: 100px!important
    }
    .w110-lg {
        width: 110px
    }
    .w110-force-lg {
        width: 110px!important
    }
    .w150-lg {
        width: 150px
    }
    .w150-force-lg {
        width: 150px!important
    }
    .w160-lg {
        width: 160px
    }
    .w160-force-lg {
        width: 160px!important
    }
    .w290-lg {
        width: 290px
    }
    .w290-force-lg {
        width: 290px!important
    }
    .w340-lg {
        width: 340px
    }
    .w340-force-lg {
        width: 340px!important
    }
    .w355-lg {
        width: 355px
    }
    .w355-force-lg {
        width: 355px!important
    }
    .ha-lg {
        height: auto
    }
    .ha-force-lg {
        height: auto!important
    }
    .mhi-lg {
        max-height: inherit
    }
    .mhi-force-lg {
        max-height: inherit!important
    }
    .mh0-lg {
        min-height: 0
    }
    .mh0-force-lg {
        min-height: 0!important
    }
    .mh290-lg {
        min-height: 290px
    }
    .mh290-force-lg {
        min-height: 290px!important
    }
    .ma-lg {
        margin: auto
    }
    .ma-force-lg {
        margin: auto!important
    }
    .m0-lg {
        margin: 0
    }
    .m0-force-lg {
        margin: 0!important
    }
    .m10-lg {
        margin: 10px
    }
    .m10-force-lg {
        margin: 10px!important
    }
    .m40-lg {
        margin: 40px
    }
    .m40-force-lg {
        margin: 40px!important
    }
    .mt0-lg {
        margin-top: 0
    }
    .mt0-force-lg {
        margin-top: 0!important
    }
    .mt3-lg {
        margin-top: 3px
    }
    .mt3-force-lg {
        margin-top: 3px!important
    }
    .mt5-lg {
        margin-top: 5px
    }
    .mt5-force-lg {
        margin-top: 5px!important
    }
    .mt10-lg {
        margin-top: 10px
    }
    .mt10-force-lg {
        margin-top: 10px!important
    }
    .mt15-lg {
        margin-top: 15px
    }
    .mt15-force-lg {
        margin-top: 15px!important
    }
    .mt20-lg {
        margin-top: 20px
    }
    .mt20-force-lg {
        margin-top: 20px!important
    }
    .mt40-lg {
        margin-top: 40px
    }
    .mt40-force-lg {
        margin-top: 40px!important
    }
    .mr0-lg {
        margin-right: 0
    }
    .mr0-force-lg {
        margin-right: 0!important
    }
    .mr5-lg {
        margin-right: 5px
    }
    .mr5-force-lg {
        margin-right: 5px!important
    }
    .mr10-lg {
        margin-right: 10px
    }
    .mr10-force-lg {
        margin-right: 10px!important
    }
    .mr20-lg {
        margin-right: 20px
    }
    .mr20-force-lg {
        margin-right: 20px!important
    }
    .mb0-lg {
        margin-bottom: 0
    }
    .mb0-force-lg {
        margin-bottom: 0!important
    }
    .mb1-lg {
        margin-bottom: 1px
    }
    .mb1-force-lg {
        margin-bottom: 1px!important
    }
    .mb5-lg {
        margin-bottom: 5px
    }
    .mb5-force-lg {
        margin-bottom: 5px!important
    }
    .mb10-lg {
        margin-bottom: 10px
    }
    .mb10-force-lg {
        margin-bottom: 10px!important
    }
    .mb20-lg {
        margin-bottom: 20px
    }
    .mb20-force-lg {
        margin-bottom: 20px!important
    }
    .mb30-lg {
        margin-bottom: 30px
    }
    .mb30-force-lg {
        margin-bottom: 30px!important
    }
    .mb35-lg {
        margin-bottom: 35px
    }
    .mb35-force-lg {
        margin-bottom: 35px!important
    }
    .mb40-lg {
        margin-bottom: 40px
    }
    .mb40-force-lg {
        margin-bottom: 40px!important
    }
    .ml0-lg {
        margin-left: 0
    }
    .ml0-force-lg {
        margin-left: 0!important
    }
    .ml40-lg {
        margin-left: 40px
    }
    .ml40-force-lg {
        margin-left: 40px!important
    }
    .m0-0_5-lg {
        margin: 0 .5px
    }
    .m0-0_5-force-lg {
        margin: 0 .5px!important
    }
    .m0-10-lg {
        margin: 0 10px
    }
    .m0-10-force-lg {
        margin: 0 10px!important
    }
    .m0-20-lg {
        margin: 0 20px
    }
    .m0-20-force-lg {
        margin: 0 20px!important
    }
    .m0-40-lg {
        margin: 0 40px
    }
    .m0-40-force-lg {
        margin: 0 40px!important
    }
    .m5-30-lg {
        margin: 5px 30px
    }
    .m5-30-force-lg {
        margin: 5px 30px!important
    }
    .m10-a-lg {
        margin: 10px auto
    }
    .m10-a-force-lg {
        margin: 10px auto!important
    }
    .m20-a-lg {
        margin: 20px auto
    }
    .m20-a-force-lg {
        margin: 20px auto!important
    }
    .m30-20-lg {
        margin: 30px 20px
    }
    .m30-20-force-lg {
        margin: 30px 20px!important
    }
    .m30-10-lg {
        margin: 30px 10px
    }
    .m30-10-force-lg {
        margin: 30px 10px!important
    }
    .p0-lg {
        padding: 0
    }
    .p0-force-lg {
        padding: 0!important
    }
    .p5-lg {
        padding: 5px
    }
    .p5-force-lg {
        padding: 5px!important
    }
    .p10-lg {
        padding: 10px
    }
    .p10-force-lg {
        padding: 10px!important
    }
    .p15-lg {
        padding: 15px
    }
    .p15-force-lg {
        padding: 15px!important
    }
    .p20-lg {
        padding: 20px
    }
    .p20-force-lg {
        padding: 20px!important
    }
    .pt0-lg {
        padding-top: 0
    }
    .pt0-force-lg {
        padding-top: 0!important
    }
    .pt5-lg {
        padding-top: 5px
    }
    .pt5-force-lg {
        padding-top: 5px!important
    }
    .pt20-lg {
        padding-top: 20px
    }
    .pt20-force-lg {
        padding-top: 20px!important
    }
    .pt30-lg {
        padding-top: 30px
    }
    .pt30-force-lg {
        padding-top: 30px!important
    }
    .pt50-lg {
        padding-top: 50px
    }
    .pt50-force-lg {
        padding-top: 50px!important
    }
    .pr0-lg {
        padding-right: 0
    }
    .pr0-force-lg {
        padding-right: 0!important
    }
    .pr5-lg {
        padding-right: 5px
    }
    .pr5-force-lg {
        padding-right: 5px!important
    }
    .pr10-lg {
        padding-right: 10px
    }
    .pr10-force-lg {
        padding-right: 10px!important
    }
    .pb10-lg {
        padding-bottom: 10px
    }
    .pb10-force-lg {
        padding-bottom: 10px!important
    }
    .pb20-lg {
        padding-bottom: 20px
    }
    .pb20-force-lg {
        padding-bottom: 20px!important
    }
    .pb30-lg {
        padding-bottom: 30px
    }
    .pb30-force-lg {
        padding-bottom: 30px!important
    }
    .pb50-lg {
        padding-bottom: 50px
    }
    .pb50-force-lg {
        padding-bottom: 50px!important
    }
    .pl0-lg {
        padding-left: 0
    }
    .pl0-force-lg {
        padding-left: 0!important
    }
    .pl5-lg {
        padding-left: 5px
    }
    .pl5-force-lg {
        padding-left: 5px!important
    }
    .pl10-lg {
        padding-left: 10px
    }
    .pl10-force-lg {
        padding-left: 10px!important
    }
    .p0-5-lg {
        padding: 0 5px
    }
    .p0-5-force-lg {
        padding: 0 5px!important
    }
    .p0-10-lg {
        padding: 0 10px
    }
    .p0-10-force-lg {
        padding: 0 10px!important
    }
    .p0-30-lg {
        padding: 0 30px
    }
    .p0-30-force-lg {
        padding: 0 30px!important
    }
    .p4-5-lg {
        padding: 4px 5px
    }
    .p4-5-force-lg {
        padding: 4px 5px!important
    }
    .p10-0-lg {
        padding: 10px 0
    }
    .p10-0-force-lg {
        padding: 10px 0!important
    }
    .p10-80-lg {
        padding: 10px 80px
    }
    .p10-80-force-lg {
        padding: 10px 80px!important
    }
    .p20-0-lg {
        padding: 20px 0
    }
    .p20-0-force-lg {
        padding: 20px 0!important
    }
    .fs10-lg {
        font-size: 10px
    }
    .fs10-force-lg {
        font-size: 10px!important
    }
    .fs11-lg {
        font-size: 11px
    }
    .fs11-force-lg {
        font-size: 11px!important
    }
    .fs12-lg {
        font-size: 12px
    }
    .fs12-force-lg {
        font-size: 12px!important
    }
    .fs13-lg {
        font-size: 13px
    }
    .fs13-force-lg {
        font-size: 13px!important
    }
    .fs14-lg {
        font-size: 14px
    }
    .fs14-force-lg {
        font-size: 14px!important
    }
    .fs16-lg {
        font-size: 16px
    }
    .fs16-force-lg {
        font-size: 16px!important
    }
    .fs18-lg {
        font-size: 18px
    }
    .fs18-force-lg {
        font-size: 18px!important
    }
    .fs20-lg {
        font-size: 20px
    }
    .fs20-force-lg {
        font-size: 20px!important
    }
    .fs28-lg {
        font-size: 28px
    }
    .fs28-force-lg {
        font-size: 28px!important
    }
    .fs30-lg {
        font-size: 30px
    }
    .fs30-force-lg {
        font-size: 30px!important
    }
    .fs40-lg {
        font-size: 40px
    }
    .fs40-force-lg {
        font-size: 40px!important
    }
    .no-border-lg {
        border: 0
    }
    .no-border-force-lg {
        border: 0!important
    }
    .b0-lg {
        border: 0
    }
    .b0-force-lg {
        border: 0!important
    }
    .highlight-light-lg {
        background: rgba(255, 255, 255, .2)
    }
    .highlight-light-force-lg {
        background: rgba(255, 255, 255, .2)!important
    }
    .flex-wrap-lg {
        -webkit-flex-flow: row wrap
    }
    .flex-wrap-force-lg {
        -webkit-flex-flow: row wrap!important
    }
    .flex-wrap-lg {
        -ms-flex-flow: row wrap
    }
    .flex-wrap-force-lg {
        -ms-flex-flow: row wrap!important
    }
    .flex-wrap-lg {
        flex-wrap: wrap
    }
    .flex-wrap-force-lg {
        flex-wrap: wrap!important
    }
    .fs0-lg {
        font-size: 0
    }
    .fs0-force-lg {
        font-size: 0!important
    }
    .bgimg-none-lg {
        background-image: none
    }
    .bgimg-none-force-lg {
        background-image: none!important
    }
    .nobg-lg {
        background: 0 0
    }
    .nobg-force-lg {
        background: none!important
    }
    .no-border-lg {
        border: 0
    }
    .no-border-force-lg {
        border: 0!important
    }
    .lh18-lg {
        line-height: 1.8
    }
    .lh18-force-lg {
        line-height: 1.8!important
    }
    .pt0-lg {
        padding-top: 0
    }
    .pt0-force-lg {
        padding-top: 0!important
    }
    .m20-a-lg {
        margin: 20px auto
    }
    .m20-a-force-lg {
        margin: 20px auto!important
    }
    .m10-a-lg {
        margin: 10px auto
    }
    .m10-a-force-lg {
        margin: 10px auto!important
    }
    .ml10-lg {
        margin-left: 10px
    }
    .ml10-force-lg {
        margin-left: 10px!important
    }
    .black_op8-lg {
        color: rgba(0, 0, 0, .8)
    }
    .black_op8-force-lg {
        color: rgba(0, 0, 0, .8)!important
    }
}

@media only screen and (max-width: 992px) {
    .fx-md {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-width: 1px
    }
    .fxdc-md {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .fxac-md {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .fxw-md {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }
    .fxjsa-md {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-justify-content: space-around;
        -ms-flex-pack: space-around;
        justify-content: space-around
    }
    .fxjc-md {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .fxc-md {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .fdrr-md {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
    .transitions-md {
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s
    }
    .ellipsis-md {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
    .dif-md {
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex
    }
    .wsn-md {
        white-space: normal
    }
    .wsn-force-md {
        white-space: normal!important
    }
    .db-md {
        display: block
    }
    .db-force-md {
        display: block!important
    }
    .dib-md {
        display: inline-block
    }
    .dib-force-md {
        display: inline-block!important
    }
    .dn-md {
        display: none
    }
    .dn-force-md {
        display: none!important
    }
    .inline-blocks-md {
        text-align: center;
        font-size: 0
    }
    .inline-blocks-md>* {
        display: inline-block;
        font-size: inherit;
        float: none
    }
    .wh-40-md {
        width: 40px;
        height: 40px
    }
    .wh-40-force-md {
        width: 40px!important;
        height: 40px!important
    }
    .fn-md {
        float: none
    }
    .fn-force-md {
        float: none!important
    }
    .pos-a-md {
        position: absolute
    }
    .pos-a-force-md {
        position: absolute!important
    }
    .pos-r-md {
        position: relative
    }
    .pos-r-force-md {
        position: relative!important
    }
    .pos-f-md {
        position: fixed
    }
    .pos-f-force-md {
        position: fixed!important
    }
    .leftauto-md {
        left: auto
    }
    .leftauto-force-md {
        left: auto!important
    }
    .r0-md {
        right: 0
    }
    .r0-force-md {
        right: 0!important
    }
    .right15-md {
        right: 15px
    }
    .right15-force-md {
        right: 15px!important
    }
    .bottom100-md {
        bottom: 100%
    }
    .bottom100-force-md {
        bottom: 100%!important
    }
    .tac-md {
        text-align: center
    }
    .tac-force-md {
        text-align: center!important
    }
    .tal-md {
        text-align: left
    }
    .tal-force-md {
        text-align: left!important
    }
    .tar-md {
        text-align: right
    }
    .tar-force-md {
        text-align: right!important
    }
    .wa-md {
        width: auto
    }
    .wa-force-md {
        width: auto!important
    }
    .mw0-md {
        min-width: 0
    }
    .mw0-force-md {
        min-width: 0!important
    }
    .mw25-md {
        min-width: 25px
    }
    .mw25-force-md {
        min-width: 25px!important
    }
    .mwn-md {
        max-width: none
    }
    .mwn-force-md {
        max-width: none!important
    }
    .maxw96p-md {
        max-width: 96%
    }
    .maxw96p-force-md {
        max-width: 96%!important
    }
    .w100p-md {
        width: 100%
    }
    .w100p-force-md {
        width: 100%!important
    }
    .w80p-md {
        width: 80%
    }
    .w80p-force-md {
        width: 80%!important
    }
    .w60-md {
        width: 60px
    }
    .w60-force-md {
        width: 60px!important
    }
    .w70-md {
        width: 70px
    }
    .w70-force-md {
        width: 70px!important
    }
    .w80-md {
        width: 80px
    }
    .w80-force-md {
        width: 80px!important
    }
    .w85-md {
        width: 85px
    }
    .w85-force-md {
        width: 85px!important
    }
    .w90-md {
        width: 90px
    }
    .w90-force-md {
        width: 90px!important
    }
    .w95-md {
        width: 95px
    }
    .w95-force-md {
        width: 95px!important
    }
    .w97-md {
        width: 97px
    }
    .w97-force-md {
        width: 97px!important
    }
    .w100-md {
        width: 100px
    }
    .w100-force-md {
        width: 100px!important
    }
    .w110-md {
        width: 110px
    }
    .w110-force-md {
        width: 110px!important
    }
    .w150-md {
        width: 150px
    }
    .w150-force-md {
        width: 150px!important
    }
    .w160-md {
        width: 160px
    }
    .w160-force-md {
        width: 160px!important
    }
    .w290-md {
        width: 290px
    }
    .w290-force-md {
        width: 290px!important
    }
    .w340-md {
        width: 340px
    }
    .w340-force-md {
        width: 340px!important
    }
    .w355-md {
        width: 355px
    }
    .w355-force-md {
        width: 355px!important
    }
    .ha-md {
        height: auto
    }
    .ha-force-md {
        height: auto!important
    }
    .mhi-md {
        max-height: inherit
    }
    .mhi-force-md {
        max-height: inherit!important
    }
    .mh0-md {
        min-height: 0
    }
    .mh0-force-md {
        min-height: 0!important
    }
    .mh290-md {
        min-height: 290px
    }
    .mh290-force-md {
        min-height: 290px!important
    }
    .ma-md {
        margin: auto
    }
    .ma-force-md {
        margin: auto!important
    }
    .m0-md {
        margin: 0
    }
    .m0-force-md {
        margin: 0!important
    }
    .m10-md {
        margin: 10px
    }
    .m10-force-md {
        margin: 10px!important
    }
    .m40-md {
        margin: 40px
    }
    .m40-force-md {
        margin: 40px!important
    }
    .mt0-md {
        margin-top: 0
    }
    .mt0-force-md {
        margin-top: 0!important
    }
    .mt3-md {
        margin-top: 3px
    }
    .mt3-force-md {
        margin-top: 3px!important
    }
    .mt5-md {
        margin-top: 5px
    }
    .mt5-force-md {
        margin-top: 5px!important
    }
    .mt10-md {
        margin-top: 10px
    }
    .mt10-force-md {
        margin-top: 10px!important
    }
    .mt15-md {
        margin-top: 15px
    }
    .mt15-force-md {
        margin-top: 15px!important
    }
    .mt20-md {
        margin-top: 20px
    }
    .mt20-force-md {
        margin-top: 20px!important
    }
    .mt40-md {
        margin-top: 40px
    }
    .mt40-force-md {
        margin-top: 40px!important
    }
    .mr0-md {
        margin-right: 0
    }
    .mr0-force-md {
        margin-right: 0!important
    }
    .mr5-md {
        margin-right: 5px
    }
    .mr5-force-md {
        margin-right: 5px!important
    }
    .mr10-md {
        margin-right: 10px
    }
    .mr10-force-md {
        margin-right: 10px!important
    }
    .mr20-md {
        margin-right: 20px
    }
    .mr20-force-md {
        margin-right: 20px!important
    }
    .mb0-md {
        margin-bottom: 0
    }
    .mb0-force-md {
        margin-bottom: 0!important
    }
    .mb1-md {
        margin-bottom: 1px
    }
    .mb1-force-md {
        margin-bottom: 1px!important
    }
    .mb5-md {
        margin-bottom: 5px
    }
    .mb5-force-md {
        margin-bottom: 5px!important
    }
    .mb10-md {
        margin-bottom: 10px
    }
    .mb10-force-md {
        margin-bottom: 10px!important
    }
    .mb20-md {
        margin-bottom: 20px
    }
    .mb20-force-md {
        margin-bottom: 20px!important
    }
    .mb30-md {
        margin-bottom: 30px
    }
    .mb30-force-md {
        margin-bottom: 30px!important
    }
    .mb35-md {
        margin-bottom: 35px
    }
    .mb35-force-md {
        margin-bottom: 35px!important
    }
    .mb40-md {
        margin-bottom: 40px
    }
    .mb40-force-md {
        margin-bottom: 40px!important
    }
    .ml0-md {
        margin-left: 0
    }
    .ml0-force-md {
        margin-left: 0!important
    }
    .ml40-md {
        margin-left: 40px
    }
    .ml40-force-md {
        margin-left: 40px!important
    }
    .m0-0_5-md {
        margin: 0 .5px
    }
    .m0-0_5-force-md {
        margin: 0 .5px!important
    }
    .m0-10-md {
        margin: 0 10px
    }
    .m0-10-force-md {
        margin: 0 10px!important
    }
    .m0-20-md {
        margin: 0 20px
    }
    .m0-20-force-md {
        margin: 0 20px!important
    }
    .m0-40-md {
        margin: 0 40px
    }
    .m0-40-force-md {
        margin: 0 40px!important
    }
    .m5-30-md {
        margin: 5px 30px
    }
    .m5-30-force-md {
        margin: 5px 30px!important
    }
    .m10-a-md {
        margin: 10px auto
    }
    .m10-a-force-md {
        margin: 10px auto!important
    }
    .m20-a-md {
        margin: 20px auto
    }
    .m20-a-force-md {
        margin: 20px auto!important
    }
    .m30-20-md {
        margin: 30px 20px
    }
    .m30-20-force-md {
        margin: 30px 20px!important
    }
    .m30-10-md {
        margin: 30px 10px
    }
    .m30-10-force-md {
        margin: 30px 10px!important
    }
    .p0-md {
        padding: 0
    }
    .p0-force-md {
        padding: 0!important
    }
    .p5-md {
        padding: 5px
    }
    .p5-force-md {
        padding: 5px!important
    }
    .p10-md {
        padding: 10px
    }
    .p10-force-md {
        padding: 10px!important
    }
    .p15-md {
        padding: 15px
    }
    .p15-force-md {
        padding: 15px!important
    }
    .p20-md {
        padding: 20px
    }
    .p20-force-md {
        padding: 20px!important
    }
    .pt0-md {
        padding-top: 0
    }
    .pt0-force-md {
        padding-top: 0!important
    }
    .pt5-md {
        padding-top: 5px
    }
    .pt5-force-md {
        padding-top: 5px!important
    }
    .pt20-md {
        padding-top: 20px
    }
    .pt20-force-md {
        padding-top: 20px!important
    }
    .pt30-md {
        padding-top: 30px
    }
    .pt30-force-md {
        padding-top: 30px!important
    }
    .pt50-md {
        padding-top: 50px
    }
    .pt50-force-md {
        padding-top: 50px!important
    }
    .pr0-md {
        padding-right: 0
    }
    .pr0-force-md {
        padding-right: 0!important
    }
    .pr5-md {
        padding-right: 5px
    }
    .pr5-force-md {
        padding-right: 5px!important
    }
    .pr10-md {
        padding-right: 10px
    }
    .pr10-force-md {
        padding-right: 10px!important
    }
    .pb10-md {
        padding-bottom: 10px
    }
    .pb10-force-md {
        padding-bottom: 10px!important
    }
    .pb20-md {
        padding-bottom: 20px
    }
    .pb20-force-md {
        padding-bottom: 20px!important
    }
    .pb30-md {
        padding-bottom: 30px
    }
    .pb30-force-md {
        padding-bottom: 30px!important
    }
    .pb50-md {
        padding-bottom: 50px
    }
    .pb50-force-md {
        padding-bottom: 50px!important
    }
    .pl0-md {
        padding-left: 0
    }
    .pl0-force-md {
        padding-left: 0!important
    }
    .pl5-md {
        padding-left: 5px
    }
    .pl5-force-md {
        padding-left: 5px!important
    }
    .pl10-md {
        padding-left: 10px
    }
    .pl10-force-md {
        padding-left: 10px!important
    }
    .p0-5-md {
        padding: 0 5px
    }
    .p0-5-force-md {
        padding: 0 5px!important
    }
    .p0-10-md {
        padding: 0 10px
    }
    .p0-10-force-md {
        padding: 0 10px!important
    }
    .p0-30-md {
        padding: 0 30px
    }
    .p0-30-force-md {
        padding: 0 30px!important
    }
    .p4-5-md {
        padding: 4px 5px
    }
    .p4-5-force-md {
        padding: 4px 5px!important
    }
    .p10-0-md {
        padding: 10px 0
    }
    .p10-0-force-md {
        padding: 10px 0!important
    }
    .p10-80-md {
        padding: 10px 80px
    }
    .p10-80-force-md {
        padding: 10px 80px!important
    }
    .p20-0-md {
        padding: 20px 0
    }
    .p20-0-force-md {
        padding: 20px 0!important
    }
    .fs10-md {
        font-size: 10px
    }
    .fs10-force-md {
        font-size: 10px!important
    }
    .fs11-md {
        font-size: 11px
    }
    .fs11-force-md {
        font-size: 11px!important
    }
    .fs12-md {
        font-size: 12px
    }
    .fs12-force-md {
        font-size: 12px!important
    }
    .fs13-md {
        font-size: 13px
    }
    .fs13-force-md {
        font-size: 13px!important
    }
    .fs14-md {
        font-size: 14px
    }
    .fs14-force-md {
        font-size: 14px!important
    }
    .fs16-md {
        font-size: 16px
    }
    .fs16-force-md {
        font-size: 16px!important
    }
    .fs18-md {
        font-size: 18px
    }
    .fs18-force-md {
        font-size: 18px!important
    }
    .fs20-md {
        font-size: 20px
    }
    .fs20-force-md {
        font-size: 20px!important
    }
    .fs28-md {
        font-size: 28px
    }
    .fs28-force-md {
        font-size: 28px!important
    }
    .fs30-md {
        font-size: 30px
    }
    .fs30-force-md {
        font-size: 30px!important
    }
    .fs40-md {
        font-size: 40px
    }
    .fs40-force-md {
        font-size: 40px!important
    }
    .no-border-md {
        border: 0
    }
    .no-border-force-md {
        border: 0!important
    }
    .b0-md {
        border: 0
    }
    .b0-force-md {
        border: 0!important
    }
    .highlight-light-md {
        background: rgba(255, 255, 255, .2)
    }
    .highlight-light-force-md {
        background: rgba(255, 255, 255, .2)!important
    }
    .flex-wrap-md {
        -webkit-flex-flow: row wrap
    }
    .flex-wrap-force-md {
        -webkit-flex-flow: row wrap!important
    }
    .flex-wrap-md {
        -ms-flex-flow: row wrap
    }
    .flex-wrap-force-md {
        -ms-flex-flow: row wrap!important
    }
    .flex-wrap-md {
        flex-wrap: wrap
    }
    .flex-wrap-force-md {
        flex-wrap: wrap!important
    }
    .fs0-md {
        font-size: 0
    }
    .fs0-force-md {
        font-size: 0!important
    }
    .bgimg-none-md {
        background-image: none
    }
    .bgimg-none-force-md {
        background-image: none!important
    }
    .nobg-md {
        background: 0 0
    }
    .nobg-force-md {
        background: none!important
    }
    .no-border-md {
        border: 0
    }
    .no-border-force-md {
        border: 0!important
    }
    .lh18-md {
        line-height: 1.8
    }
    .lh18-force-md {
        line-height: 1.8!important
    }
    .pt0-md {
        padding-top: 0
    }
    .pt0-force-md {
        padding-top: 0!important
    }
    .m20-a-md {
        margin: 20px auto
    }
    .m20-a-force-md {
        margin: 20px auto!important
    }
    .m10-a-md {
        margin: 10px auto
    }
    .m10-a-force-md {
        margin: 10px auto!important
    }
    .ml10-md {
        margin-left: 10px
    }
    .ml10-force-md {
        margin-left: 10px!important
    }
    .black_op8-md {
        color: rgba(0, 0, 0, .8)
    }
    .black_op8-force-md {
        color: rgba(0, 0, 0, .8)!important
    }
}

@media only screen and (max-width: 768px) {
    .fx-sm {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-width: 1px
    }
    .fxdc-sm {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .fxac-sm {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .fxw-sm {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }
    .fxjsa-sm {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-justify-content: space-around;
        -ms-flex-pack: space-around;
        justify-content: space-around
    }
    .fxjc-sm {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .fxc-sm {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .fdrr-sm {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
    .transitions-sm {
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s
    }
    .ellipsis-sm {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
    .dif-sm {
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex
    }
    .wsn-sm {
        white-space: normal
    }
    .wsn-force-sm {
        white-space: normal!important
    }
    .db-sm {
        display: block
    }
    .db-force-sm {
        display: block!important
    }
    .dib-sm {
        display: inline-block
    }
    .dib-force-sm {
        display: inline-block!important
    }
    .dn-sm {
        display: none
    }
    .dn-force-sm {
        display: none!important
    }
    .inline-blocks-sm {
        text-align: center;
        font-size: 0
    }
    .inline-blocks-sm>* {
        display: inline-block;
        font-size: inherit;
        float: none
    }
    .wh-40-sm {
        width: 40px;
        height: 40px
    }
    .wh-40-force-sm {
        width: 40px!important;
        height: 40px!important
    }
    .fn-sm {
        float: none
    }
    .fn-force-sm {
        float: none!important
    }
    .pos-a-sm {
        position: absolute
    }
    .pos-a-force-sm {
        position: absolute!important
    }
    .pos-r-sm {
        position: relative
    }
    .pos-r-force-sm {
        position: relative!important
    }
    .pos-f-sm {
        position: fixed
    }
    .pos-f-force-sm {
        position: fixed!important
    }
    .leftauto-sm {
        left: auto
    }
    .leftauto-force-sm {
        left: auto!important
    }
    .r0-sm {
        right: 0
    }
    .r0-force-sm {
        right: 0!important
    }
    .right15-sm {
        right: 15px
    }
    .right15-force-sm {
        right: 15px!important
    }
    .bottom100-sm {
        bottom: 100%
    }
    .bottom100-force-sm {
        bottom: 100%!important
    }
    .tac-sm {
        text-align: center
    }
    .tac-force-sm {
        text-align: center!important
    }
    .tal-sm {
        text-align: left
    }
    .tal-force-sm {
        text-align: left!important
    }
    .tar-sm {
        text-align: right
    }
    .tar-force-sm {
        text-align: right!important
    }
    .wa-sm {
        width: auto
    }
    .wa-force-sm {
        width: auto!important
    }
    .mw0-sm {
        min-width: 0
    }
    .mw0-force-sm {
        min-width: 0!important
    }
    .mw25-sm {
        min-width: 25px
    }
    .mw25-force-sm {
        min-width: 25px!important
    }
    .mwn-sm {
        max-width: none
    }
    .mwn-force-sm {
        max-width: none!important
    }
    .maxw96p-sm {
        max-width: 96%
    }
    .maxw96p-force-sm {
        max-width: 96%!important
    }
    .w100p-sm {
        width: 100%
    }
    .w100p-force-sm {
        width: 100%!important
    }
    .w80p-sm {
        width: 80%
    }
    .w80p-force-sm {
        width: 80%!important
    }
    .w60-sm {
        width: 60px
    }
    .w60-force-sm {
        width: 60px!important
    }
    .w70-sm {
        width: 70px
    }
    .w70-force-sm {
        width: 70px!important
    }
    .w80-sm {
        width: 80px
    }
    .w80-force-sm {
        width: 80px!important
    }
    .w85-sm {
        width: 85px
    }
    .w85-force-sm {
        width: 85px!important
    }
    .w90-sm {
        width: 90px
    }
    .w90-force-sm {
        width: 90px!important
    }
    .w95-sm {
        width: 95px
    }
    .w95-force-sm {
        width: 95px!important
    }
    .w97-sm {
        width: 97px
    }
    .w97-force-sm {
        width: 97px!important
    }
    .w100-sm {
        width: 100px
    }
    .w100-force-sm {
        width: 100px!important
    }
    .w110-sm {
        width: 110px
    }
    .w110-force-sm {
        width: 110px!important
    }
    .w150-sm {
        width: 150px
    }
    .w150-force-sm {
        width: 150px!important
    }
    .w160-sm {
        width: 160px
    }
    .w160-force-sm {
        width: 160px!important
    }
    .w290-sm {
        width: 290px
    }
    .w290-force-sm {
        width: 290px!important
    }
    .w340-sm {
        width: 340px
    }
    .w340-force-sm {
        width: 340px!important
    }
    .w355-sm {
        width: 355px
    }
    .w355-force-sm {
        width: 355px!important
    }
    .ha-sm {
        height: auto
    }
    .ha-force-sm {
        height: auto!important
    }
    .mhi-sm {
        max-height: inherit
    }
    .mhi-force-sm {
        max-height: inherit!important
    }
    .mh0-sm {
        min-height: 0
    }
    .mh0-force-sm {
        min-height: 0!important
    }
    .mh290-sm {
        min-height: 290px
    }
    .mh290-force-sm {
        min-height: 290px!important
    }
    .ma-sm {
        margin: auto
    }
    .ma-force-sm {
        margin: auto!important
    }
    .m0-sm {
        margin: 0
    }
    .m0-force-sm {
        margin: 0!important
    }
    .m10-sm {
        margin: 10px
    }
    .m10-force-sm {
        margin: 10px!important
    }
    .m40-sm {
        margin: 40px
    }
    .m40-force-sm {
        margin: 40px!important
    }
    .mt0-sm {
        margin-top: 0
    }
    .mt0-force-sm {
        margin-top: 0!important
    }
    .mt3-sm {
        margin-top: 3px
    }
    .mt3-force-sm {
        margin-top: 3px!important
    }
    .mt5-sm {
        margin-top: 5px
    }
    .mt5-force-sm {
        margin-top: 5px!important
    }
    .mt10-sm {
        margin-top: 10px
    }
    .mt10-force-sm {
        margin-top: 10px!important
    }
    .mt15-sm {
        margin-top: 15px
    }
    .mt15-force-sm {
        margin-top: 15px!important
    }
    .mt20-sm {
        margin-top: 20px
    }
    .mt20-force-sm {
        margin-top: 20px!important
    }
    .mt40-sm {
        margin-top: 40px
    }
    .mt40-force-sm {
        margin-top: 40px!important
    }
    .mr0-sm {
        margin-right: 0
    }
    .mr0-force-sm {
        margin-right: 0!important
    }
    .mr5-sm {
        margin-right: 5px
    }
    .mr5-force-sm {
        margin-right: 5px!important
    }
    .mr10-sm {
        margin-right: 10px
    }
    .mr10-force-sm {
        margin-right: 10px!important
    }
    .mr20-sm {
        margin-right: 20px
    }
    .mr20-force-sm {
        margin-right: 20px!important
    }
    .mb0-sm {
        margin-bottom: 0
    }
    .mb0-force-sm {
        margin-bottom: 0!important
    }
    .mb1-sm {
        margin-bottom: 1px
    }
    .mb1-force-sm {
        margin-bottom: 1px!important
    }
    .mb5-sm {
        margin-bottom: 5px
    }
    .mb5-force-sm {
        margin-bottom: 5px!important
    }
    .mb10-sm {
        margin-bottom: 10px
    }
    .mb10-force-sm {
        margin-bottom: 10px!important
    }
    .mb20-sm {
        margin-bottom: 20px
    }
    .mb20-force-sm {
        margin-bottom: 20px!important
    }
    .mb30-sm {
        margin-bottom: 30px
    }
    .mb30-force-sm {
        margin-bottom: 30px!important
    }
    .mb35-sm {
        margin-bottom: 35px
    }
    .mb35-force-sm {
        margin-bottom: 35px!important
    }
    .mb40-sm {
        margin-bottom: 40px
    }
    .mb40-force-sm {
        margin-bottom: 40px!important
    }
    .ml0-sm {
        margin-left: 0
    }
    .ml0-force-sm {
        margin-left: 0!important
    }
    .ml40-sm {
        margin-left: 40px
    }
    .ml40-force-sm {
        margin-left: 40px!important
    }
    .m0-0_5-sm {
        margin: 0 .5px
    }
    .m0-0_5-force-sm {
        margin: 0 .5px!important
    }
    .m0-10-sm {
        margin: 0 10px
    }
    .m0-10-force-sm {
        margin: 0 10px!important
    }
    .m0-20-sm {
        margin: 0 20px
    }
    .m0-20-force-sm {
        margin: 0 20px!important
    }
    .m0-40-sm {
        margin: 0 40px
    }
    .m0-40-force-sm {
        margin: 0 40px!important
    }
    .m5-30-sm {
        margin: 5px 30px
    }
    .m5-30-force-sm {
        margin: 5px 30px!important
    }
    .m10-a-sm {
        margin: 10px auto
    }
    .m10-a-force-sm {
        margin: 10px auto!important
    }
    .m20-a-sm {
        margin: 20px auto
    }
    .m20-a-force-sm {
        margin: 20px auto!important
    }
    .m30-20-sm {
        margin: 30px 20px
    }
    .m30-20-force-sm {
        margin: 30px 20px!important
    }
    .m30-10-sm {
        margin: 30px 10px
    }
    .m30-10-force-sm {
        margin: 30px 10px!important
    }
    .p0-sm {
        padding: 0
    }
    .p0-force-sm {
        padding: 0!important
    }
    .p5-sm {
        padding: 5px
    }
    .p5-force-sm {
        padding: 5px!important
    }
    .p10-sm {
        padding: 10px
    }
    .p10-force-sm {
        padding: 10px!important
    }
    .p15-sm {
        padding: 15px
    }
    .p15-force-sm {
        padding: 15px!important
    }
    .p20-sm {
        padding: 20px
    }
    .p20-force-sm {
        padding: 20px!important
    }
    .pt0-sm {
        padding-top: 0
    }
    .pt0-force-sm {
        padding-top: 0!important
    }
    .pt5-sm {
        padding-top: 5px
    }
    .pt5-force-sm {
        padding-top: 5px!important
    }
    .pt20-sm {
        padding-top: 20px
    }
    .pt20-force-sm {
        padding-top: 20px!important
    }
    .pt30-sm {
        padding-top: 30px
    }
    .pt30-force-sm {
        padding-top: 30px!important
    }
    .pt50-sm {
        padding-top: 50px
    }
    .pt50-force-sm {
        padding-top: 50px!important
    }
    .pr0-sm {
        padding-right: 0
    }
    .pr0-force-sm {
        padding-right: 0!important
    }
    .pr5-sm {
        padding-right: 5px
    }
    .pr5-force-sm {
        padding-right: 5px!important
    }
    .pr10-sm {
        padding-right: 10px
    }
    .pr10-force-sm {
        padding-right: 10px!important
    }
    .pb10-sm {
        padding-bottom: 10px
    }
    .pb10-force-sm {
        padding-bottom: 10px!important
    }
    .pb20-sm {
        padding-bottom: 20px
    }
    .pb20-force-sm {
        padding-bottom: 20px!important
    }
    .pb30-sm {
        padding-bottom: 30px
    }
    .pb30-force-sm {
        padding-bottom: 30px!important
    }
    .pb50-sm {
        padding-bottom: 50px
    }
    .pb50-force-sm {
        padding-bottom: 50px!important
    }
    .pl0-sm {
        padding-left: 0
    }
    .pl0-force-sm {
        padding-left: 0!important
    }
    .pl5-sm {
        padding-left: 5px
    }
    .pl5-force-sm {
        padding-left: 5px!important
    }
    .pl10-sm {
        padding-left: 10px
    }
    .pl10-force-sm {
        padding-left: 10px!important
    }
    .p0-5-sm {
        padding: 0 5px
    }
    .p0-5-force-sm {
        padding: 0 5px!important
    }
    .p0-10-sm {
        padding: 0 10px
    }
    .p0-10-force-sm {
        padding: 0 10px!important
    }
    .p0-30-sm {
        padding: 0 30px
    }
    .p0-30-force-sm {
        padding: 0 30px!important
    }
    .p4-5-sm {
        padding: 4px 5px
    }
    .p4-5-force-sm {
        padding: 4px 5px!important
    }
    .p10-0-sm {
        padding: 10px 0
    }
    .p10-0-force-sm {
        padding: 10px 0!important
    }
    .p10-80-sm {
        padding: 10px 80px
    }
    .p10-80-force-sm {
        padding: 10px 80px!important
    }
    .p20-0-sm {
        padding: 20px 0
    }
    .p20-0-force-sm {
        padding: 20px 0!important
    }
    .fs10-sm {
        font-size: 10px
    }
    .fs10-force-sm {
        font-size: 10px!important
    }
    .fs11-sm {
        font-size: 11px
    }
    .fs11-force-sm {
        font-size: 11px!important
    }
    .fs12-sm {
        font-size: 12px
    }
    .fs12-force-sm {
        font-size: 12px!important
    }
    .fs13-sm {
        font-size: 13px
    }
    .fs13-force-sm {
        font-size: 13px!important
    }
    .fs14-sm {
        font-size: 14px
    }
    .fs14-force-sm {
        font-size: 14px!important
    }
    .fs16-sm {
        font-size: 16px
    }
    .fs16-force-sm {
        font-size: 16px!important
    }
    .fs18-sm {
        font-size: 18px
    }
    .fs18-force-sm {
        font-size: 18px!important
    }
    .fs20-sm {
        font-size: 20px
    }
    .fs20-force-sm {
        font-size: 20px!important
    }
    .fs28-sm {
        font-size: 28px
    }
    .fs28-force-sm {
        font-size: 28px!important
    }
    .fs30-sm {
        font-size: 30px
    }
    .fs30-force-sm {
        font-size: 30px!important
    }
    .fs40-sm {
        font-size: 40px
    }
    .fs40-force-sm {
        font-size: 40px!important
    }
    .no-border-sm {
        border: 0
    }
    .no-border-force-sm {
        border: 0!important
    }
    .b0-sm {
        border: 0
    }
    .b0-force-sm {
        border: 0!important
    }
    .highlight-light-sm {
        background: rgba(255, 255, 255, .2)
    }
    .highlight-light-force-sm {
        background: rgba(255, 255, 255, .2)!important
    }
    .flex-wrap-sm {
        -webkit-flex-flow: row wrap
    }
    .flex-wrap-force-sm {
        -webkit-flex-flow: row wrap!important
    }
    .flex-wrap-sm {
        -ms-flex-flow: row wrap
    }
    .flex-wrap-force-sm {
        -ms-flex-flow: row wrap!important
    }
    .flex-wrap-sm {
        flex-wrap: wrap
    }
    .flex-wrap-force-sm {
        flex-wrap: wrap!important
    }
    .fs0-sm {
        font-size: 0
    }
    .fs0-force-sm {
        font-size: 0!important
    }
    .bgimg-none-sm {
        background-image: none
    }
    .bgimg-none-force-sm {
        background-image: none!important
    }
    .nobg-sm {
        background: 0 0
    }
    .nobg-force-sm {
        background: none!important
    }
    .no-border-sm {
        border: 0
    }
    .no-border-force-sm {
        border: 0!important
    }
    .lh18-sm {
        line-height: 1.8
    }
    .lh18-force-sm {
        line-height: 1.8!important
    }
    .pt0-sm {
        padding-top: 0
    }
    .pt0-force-sm {
        padding-top: 0!important
    }
    .m20-a-sm {
        margin: 20px auto
    }
    .m20-a-force-sm {
        margin: 20px auto!important
    }
    .m10-a-sm {
        margin: 10px auto
    }
    .m10-a-force-sm {
        margin: 10px auto!important
    }
    .ml10-sm {
        margin-left: 10px
    }
    .ml10-force-sm {
        margin-left: 10px!important
    }
    .black_op8-sm {
        color: rgba(0, 0, 0, .8)
    }
    .black_op8-force-sm {
        color: rgba(0, 0, 0, .8)!important
    }
}

@media only screen and (max-width: 480px) {
    .fx-xs {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-width: 1px
    }
    .fxdc-xs {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .fxac-xs {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .fxw-xs {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }
    .fxjsa-xs {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-justify-content: space-around;
        -ms-flex-pack: space-around;
        justify-content: space-around
    }
    .fxjc-xs {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .fxc-xs {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .fdrr-xs {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
    .transitions-xs {
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s
    }
    .ellipsis-xs {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
    .dif-xs {
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex
    }
    .wsn-xs {
        white-space: normal
    }
    .wsn-force-xs {
        white-space: normal!important
    }
    .db-xs {
        display: block
    }
    .db-force-xs {
        display: block!important
    }
    .dib-xs {
        display: inline-block
    }
    .dib-force-xs {
        display: inline-block!important
    }
    .dn-xs {
        display: none
    }
    .dn-force-xs {
        display: none!important
    }
    .inline-blocks-xs {
        text-align: center;
        font-size: 0
    }
    .inline-blocks-xs>* {
        display: inline-block;
        font-size: inherit;
        float: none
    }
    .wh-40-xs {
        width: 40px;
        height: 40px
    }
    .wh-40-force-xs {
        width: 40px!important;
        height: 40px!important
    }
    .fn-xs {
        float: none
    }
    .fn-force-xs {
        float: none!important
    }
    .pos-a-xs {
        position: absolute
    }
    .pos-a-force-xs {
        position: absolute!important
    }
    .pos-r-xs {
        position: relative
    }
    .pos-r-force-xs {
        position: relative!important
    }
    .pos-f-xs {
        position: fixed
    }
    .pos-f-force-xs {
        position: fixed!important
    }
    .leftauto-xs {
        left: auto
    }
    .leftauto-force-xs {
        left: auto!important
    }
    .r0-xs {
        right: 0
    }
    .r0-force-xs {
        right: 0!important
    }
    .right15-xs {
        right: 15px
    }
    .right15-force-xs {
        right: 15px!important
    }
    .bottom100-xs {
        bottom: 100%
    }
    .bottom100-force-xs {
        bottom: 100%!important
    }
    .tac-xs {
        text-align: center
    }
    .tac-force-xs {
        text-align: center!important
    }
    .tal-xs {
        text-align: left
    }
    .tal-force-xs {
        text-align: left!important
    }
    .tar-xs {
        text-align: right
    }
    .tar-force-xs {
        text-align: right!important
    }
    .wa-xs {
        width: auto
    }
    .wa-force-xs {
        width: auto!important
    }
    .mw0-xs {
        min-width: 0
    }
    .mw0-force-xs {
        min-width: 0!important
    }
    .mw25-xs {
        min-width: 25px
    }
    .mw25-force-xs {
        min-width: 25px!important
    }
    .mwn-xs {
        max-width: none
    }
    .mwn-force-xs {
        max-width: none!important
    }
    .maxw96p-xs {
        max-width: 96%
    }
    .maxw96p-force-xs {
        max-width: 96%!important
    }
    .w100p-xs {
        width: 100%
    }
    .w100p-force-xs {
        width: 100%!important
    }
    .w80p-xs {
        width: 80%
    }
    .w80p-force-xs {
        width: 80%!important
    }
    .w60-xs {
        width: 60px
    }
    .w60-force-xs {
        width: 60px!important
    }
    .w70-xs {
        width: 70px
    }
    .w70-force-xs {
        width: 70px!important
    }
    .w80-xs {
        width: 80px
    }
    .w80-force-xs {
        width: 80px!important
    }
    .w85-xs {
        width: 85px
    }
    .w85-force-xs {
        width: 85px!important
    }
    .w90-xs {
        width: 90px
    }
    .w90-force-xs {
        width: 90px!important
    }
    .w95-xs {
        width: 95px
    }
    .w95-force-xs {
        width: 95px!important
    }
    .w97-xs {
        width: 97px
    }
    .w97-force-xs {
        width: 97px!important
    }
    .w100-xs {
        width: 100px
    }
    .w100-force-xs {
        width: 100px!important
    }
    .w110-xs {
        width: 110px
    }
    .w110-force-xs {
        width: 110px!important
    }
    .w150-xs {
        width: 150px
    }
    .w150-force-xs {
        width: 150px!important
    }
    .w160-xs {
        width: 160px
    }
    .w160-force-xs {
        width: 160px!important
    }
    .w290-xs {
        width: 290px
    }
    .w290-force-xs {
        width: 290px!important
    }
    .w340-xs {
        width: 340px
    }
    .w340-force-xs {
        width: 340px!important
    }
    .w355-xs {
        width: 355px
    }
    .w355-force-xs {
        width: 355px!important
    }
    .ha-xs {
        height: auto
    }
    .ha-force-xs {
        height: auto!important
    }
    .mhi-xs {
        max-height: inherit
    }
    .mhi-force-xs {
        max-height: inherit!important
    }
    .mh0-xs {
        min-height: 0
    }
    .mh0-force-xs {
        min-height: 0!important
    }
    .mh290-xs {
        min-height: 290px
    }
    .mh290-force-xs {
        min-height: 290px!important
    }
    .ma-xs {
        margin: auto
    }
    .ma-force-xs {
        margin: auto!important
    }
    .m0-xs {
        margin: 0
    }
    .m0-force-xs {
        margin: 0!important
    }
    .m10-xs {
        margin: 10px
    }
    .m10-force-xs {
        margin: 10px!important
    }
    .m40-xs {
        margin: 40px
    }
    .m40-force-xs {
        margin: 40px!important
    }
    .mt0-xs {
        margin-top: 0
    }
    .mt0-force-xs {
        margin-top: 0!important
    }
    .mt3-xs {
        margin-top: 3px
    }
    .mt3-force-xs {
        margin-top: 3px!important
    }
    .mt5-xs {
        margin-top: 5px
    }
    .mt5-force-xs {
        margin-top: 5px!important
    }
    .mt10-xs {
        margin-top: 10px
    }
    .mt10-force-xs {
        margin-top: 10px!important
    }
    .mt15-xs {
        margin-top: 15px
    }
    .mt15-force-xs {
        margin-top: 15px!important
    }
    .mt20-xs {
        margin-top: 20px
    }
    .mt20-force-xs {
        margin-top: 20px!important
    }
    .mt40-xs {
        margin-top: 40px
    }
    .mt40-force-xs {
        margin-top: 40px!important
    }
    .mr0-xs {
        margin-right: 0
    }
    .mr0-force-xs {
        margin-right: 0!important
    }
    .mr5-xs {
        margin-right: 5px
    }
    .mr5-force-xs {
        margin-right: 5px!important
    }
    .mr10-xs {
        margin-right: 10px
    }
    .mr10-force-xs {
        margin-right: 10px!important
    }
    .mr20-xs {
        margin-right: 20px
    }
    .mr20-force-xs {
        margin-right: 20px!important
    }
    .mb0-xs {
        margin-bottom: 0
    }
    .mb0-force-xs {
        margin-bottom: 0!important
    }
    .mb1-xs {
        margin-bottom: 1px
    }
    .mb1-force-xs {
        margin-bottom: 1px!important
    }
    .mb5-xs {
        margin-bottom: 5px
    }
    .mb5-force-xs {
        margin-bottom: 5px!important
    }
    .mb10-xs {
        margin-bottom: 10px
    }
    .mb10-force-xs {
        margin-bottom: 10px!important
    }
    .mb20-xs {
        margin-bottom: 20px
    }
    .mb20-force-xs {
        margin-bottom: 20px!important
    }
    .mb30-xs {
        margin-bottom: 30px
    }
    .mb30-force-xs {
        margin-bottom: 30px!important
    }
    .mb35-xs {
        margin-bottom: 35px
    }
    .mb35-force-xs {
        margin-bottom: 35px!important
    }
    .mb40-xs {
        margin-bottom: 40px
    }
    .mb40-force-xs {
        margin-bottom: 40px!important
    }
    .ml0-xs {
        margin-left: 0
    }
    .ml0-force-xs {
        margin-left: 0!important
    }
    .ml40-xs {
        margin-left: 40px
    }
    .ml40-force-xs {
        margin-left: 40px!important
    }
    .m0-0_5-xs {
        margin: 0 .5px
    }
    .m0-0_5-force-xs {
        margin: 0 .5px!important
    }
    .m0-10-xs {
        margin: 0 10px
    }
    .m0-10-force-xs {
        margin: 0 10px!important
    }
    .m0-20-xs {
        margin: 0 20px
    }
    .m0-20-force-xs {
        margin: 0 20px!important
    }
    .m0-40-xs {
        margin: 0 40px
    }
    .m0-40-force-xs {
        margin: 0 40px!important
    }
    .m5-30-xs {
        margin: 5px 30px
    }
    .m5-30-force-xs {
        margin: 5px 30px!important
    }
    .m10-a-xs {
        margin: 10px auto
    }
    .m10-a-force-xs {
        margin: 10px auto!important
    }
    .m20-a-xs {
        margin: 20px auto
    }
    .m20-a-force-xs {
        margin: 20px auto!important
    }
    .m30-20-xs {
        margin: 30px 20px
    }
    .m30-20-force-xs {
        margin: 30px 20px!important
    }
    .m30-10-xs {
        margin: 30px 10px
    }
    .m30-10-force-xs {
        margin: 30px 10px!important
    }
    .p0-xs {
        padding: 0
    }
    .p0-force-xs {
        padding: 0!important
    }
    .p5-xs {
        padding: 5px
    }
    .p5-force-xs {
        padding: 5px!important
    }
    .p10-xs {
        padding: 10px
    }
    .p10-force-xs {
        padding: 10px!important
    }
    .p15-xs {
        padding: 15px
    }
    .p15-force-xs {
        padding: 15px!important
    }
    .p20-xs {
        padding: 20px
    }
    .p20-force-xs {
        padding: 20px!important
    }
    .pt0-xs {
        padding-top: 0
    }
    .pt0-force-xs {
        padding-top: 0!important
    }
    .pt5-xs {
        padding-top: 5px
    }
    .pt5-force-xs {
        padding-top: 5px!important
    }
    .pt20-xs {
        padding-top: 20px
    }
    .pt20-force-xs {
        padding-top: 20px!important
    }
    .pt30-xs {
        padding-top: 30px
    }
    .pt30-force-xs {
        padding-top: 30px!important
    }
    .pt50-xs {
        padding-top: 50px
    }
    .pt50-force-xs {
        padding-top: 50px!important
    }
    .pr0-xs {
        padding-right: 0
    }
    .pr0-force-xs {
        padding-right: 0!important
    }
    .pr5-xs {
        padding-right: 5px
    }
    .pr5-force-xs {
        padding-right: 5px!important
    }
    .pr10-xs {
        padding-right: 10px
    }
    .pr10-force-xs {
        padding-right: 10px!important
    }
    .pb10-xs {
        padding-bottom: 10px
    }
    .pb10-force-xs {
        padding-bottom: 10px!important
    }
    .pb20-xs {
        padding-bottom: 20px
    }
    .pb20-force-xs {
        padding-bottom: 20px!important
    }
    .pb30-xs {
        padding-bottom: 30px
    }
    .pb30-force-xs {
        padding-bottom: 30px!important
    }
    .pb50-xs {
        padding-bottom: 50px
    }
    .pb50-force-xs {
        padding-bottom: 50px!important
    }
    .pl0-xs {
        padding-left: 0
    }
    .pl0-force-xs {
        padding-left: 0!important
    }
    .pl5-xs {
        padding-left: 5px
    }
    .pl5-force-xs {
        padding-left: 5px!important
    }
    .pl10-xs {
        padding-left: 10px
    }
    .pl10-force-xs {
        padding-left: 10px!important
    }
    .p0-5-xs {
        padding: 0 5px
    }
    .p0-5-force-xs {
        padding: 0 5px!important
    }
    .p0-10-xs {
        padding: 0 10px
    }
    .p0-10-force-xs {
        padding: 0 10px!important
    }
    .p0-30-xs {
        padding: 0 30px
    }
    .p0-30-force-xs {
        padding: 0 30px!important
    }
    .p4-5-xs {
        padding: 4px 5px
    }
    .p4-5-force-xs {
        padding: 4px 5px!important
    }
    .p10-0-xs {
        padding: 10px 0
    }
    .p10-0-force-xs {
        padding: 10px 0!important
    }
    .p10-80-xs {
        padding: 10px 80px
    }
    .p10-80-force-xs {
        padding: 10px 80px!important
    }
    .p20-0-xs {
        padding: 20px 0
    }
    .p20-0-force-xs {
        padding: 20px 0!important
    }
    .fs10-xs {
        font-size: 10px
    }
    .fs10-force-xs {
        font-size: 10px!important
    }
    .fs11-xs {
        font-size: 11px
    }
    .fs11-force-xs {
        font-size: 11px!important
    }
    .fs12-xs {
        font-size: 12px
    }
    .fs12-force-xs {
        font-size: 12px!important
    }
    .fs13-xs {
        font-size: 13px
    }
    .fs13-force-xs {
        font-size: 13px!important
    }
    .fs14-xs {
        font-size: 14px
    }
    .fs14-force-xs {
        font-size: 14px!important
    }
    .fs16-xs {
        font-size: 16px
    }
    .fs16-force-xs {
        font-size: 16px!important
    }
    .fs18-xs {
        font-size: 18px
    }
    .fs18-force-xs {
        font-size: 18px!important
    }
    .fs20-xs {
        font-size: 20px
    }
    .fs20-force-xs {
        font-size: 20px!important
    }
    .fs28-xs {
        font-size: 28px
    }
    .fs28-force-xs {
        font-size: 28px!important
    }
    .fs30-xs {
        font-size: 30px
    }
    .fs30-force-xs {
        font-size: 30px!important
    }
    .fs40-xs {
        font-size: 40px
    }
    .fs40-force-xs {
        font-size: 40px!important
    }
    .no-border-xs {
        border: 0
    }
    .no-border-force-xs {
        border: 0!important
    }
    .b0-xs {
        border: 0
    }
    .b0-force-xs {
        border: 0!important
    }
    .highlight-light-xs {
        background: rgba(255, 255, 255, .2)
    }
    .highlight-light-force-xs {
        background: rgba(255, 255, 255, .2)!important
    }
    .flex-wrap-xs {
        -webkit-flex-flow: row wrap
    }
    .flex-wrap-force-xs {
        -webkit-flex-flow: row wrap!important
    }
    .flex-wrap-xs {
        -ms-flex-flow: row wrap
    }
    .flex-wrap-force-xs {
        -ms-flex-flow: row wrap!important
    }
    .flex-wrap-xs {
        flex-wrap: wrap
    }
    .flex-wrap-force-xs {
        flex-wrap: wrap!important
    }
    .fs0-xs {
        font-size: 0
    }
    .fs0-force-xs {
        font-size: 0!important
    }
    .bgimg-none-xs {
        background-image: none
    }
    .bgimg-none-force-xs {
        background-image: none!important
    }
    .nobg-xs {
        background: 0 0
    }
    .nobg-force-xs {
        background: none!important
    }
    .no-border-xs {
        border: 0
    }
    .no-border-force-xs {
        border: 0!important
    }
    .lh18-xs {
        line-height: 1.8
    }
    .lh18-force-xs {
        line-height: 1.8!important
    }
    .pt0-xs {
        padding-top: 0
    }
    .pt0-force-xs {
        padding-top: 0!important
    }
    .m20-a-xs {
        margin: 20px auto
    }
    .m20-a-force-xs {
        margin: 20px auto!important
    }
    .m10-a-xs {
        margin: 10px auto
    }
    .m10-a-force-xs {
        margin: 10px auto!important
    }
    .ml10-xs {
        margin-left: 10px
    }
    .ml10-force-xs {
        margin-left: 10px!important
    }
    .black_op8-xs {
        color: rgba(0, 0, 0, .8)
    }
    .black_op8-force-xs {
        color: rgba(0, 0, 0, .8)!important
    }
}

@media (max-width: 1200px) {
    .top-link-my-courses:nth-child(2) {
        display: none!important
    }
    #course-approval-header .close {
        top: 7px;
        right: 0
    }
    #course-approval-header h2 {
        margin-top: 0
    }
    #discover-main .side-lined:before,
    #discover-main .side-lined:after {
        display: none
    }
    #site-footer,
    #v3-footer {
        display: none
    }
    .static-page .ud-jwplayer {
        width: auto!important
    }
    .landing-page .slp-buy-button .discount .coupon-deadline {
        position: relative;
        margin-top: 10px
    }
    .landing-page .slp-buy-button .discount .coupon-deadline span {
        display: inline-block;
        margin-right: 3px
    }
    #quick-search-dropdown>li.ui-menu-item>a.ui-corner-all>span.text i.extra {
        display: none
    }
    .landing-page #simple-1col-2col-slp .table {
        height: auto;
        padding-bottom: 0
    }
    .landing-page #simple-1col-2col-slp #top {
        background: #59674F
    }
    .landing-page .slp-course-title h1,
    .landing-page .slp-course-title h2 {
        max-height: none
    }
    .gray-nav {
        border: 0!important
    }
    .gray-nav>li>* {
        font-size: 12px;
        padding: 0 6px;
        letter-spacing: -.5px
    }
    #ufo2 .video-link {
        width: 410px
    }
    #ufo2 .ship {
        display: none
    }
    #ufo2 .entirely {
        width: 380px
    }
    #ufo2 .share {
        width: 310px
    }
    #ufo2 .learning {
        width: 400px
    }
}

@media (max-width: 1024px) {
    .hl {
        margin-right: 0!important
    }
    body {
        padding: 0;
        text-rendering: auto
    }
    .discover-btn-text {
        display: none
    }
    .top-link-my-courses {
        display: none!important
    }
    .introjs-overlay,
    .introjs-helperLayer {
        display: none
    }
    .course-discover-top {
        display: none
    }
}

@media (max-width: 980px) {
    .landing-page #simple-1col-2col-slp-section-2 {
        padding: 5px
    }
    #successful-payment {
        text-align: center
    }
    #successful-payment .box {
        margin: 0
    }
    #successful-payment .header {
        font-size: 21px
    }
    #successful-payment .left-col {
        width: 100%;
        float: none
    }
    #successful-payment .right-col {
        margin: 20px 0 0 0
    }
    #successful-payment .learning {
        font-size: 14px
    }
    #successful-payment .app {
        display: block
    }
    #successful-payment .app a {
        display: block;
        width: 100%
    }
    #successful-payment .app span {
        display: block
    }
}

@media (max-width: 800px) {
    #site-footer,
    #v3-footer {
        display: none
    }
    .gray-nav {
        border: 0!important
    }
    .gray-nav>li>* {
        font-size: 12px;
        padding: 0 6px;
        letter-spacing: -.5px
    }
    .hello-bar {
        font-size: 13px;
        line-height: 1.2;
        padding: 0 40px 0 10px
    }
    .fancybox-lock .fancybox-overlay {
        overflow: hidden
    }
    .purchase-popup {
        min-width: 0!important
    }
    .purchase-popup.quick .license-limit-message {
        line-height: 1.2;
        padding: 10px
    }
    .static-content-wrapper h1 small {
        font-size: 12px!important;
        line-height: 1.2!important;
        display: block;
        margin-top: 10px
    }
    #curebitExposeMask,
    #curebitOverlay {
        display: none!important
    }
    #success-37 .topl {
        float: none!important;
        text-align: center!important;
        margin: 0 10px 15px!important
    }
    #success-37 .course-img {
        display: block!important;
        box-shadow: none!important
    }
    #success-37 #congrats .start-btn {
        display: inline-block!important;
        width: auto!important;
        margin-left: 0!important;
        padding: 10px!important
    }
    #success-37 .like-us {
        display: none!important
    }
    #success-37 .topr {
        margin: 10px 0 0!important;
        text-align: center!important
    }
    #success-37 #mobile {
        display: none!important
    }
    #success-37 #congrats {
        padding: 10px 0!important
    }
    #success-37 #people {
        display: none!important
    }
    #successful-payment .left-col {
        float: none!important;
        width: auto!important
    }
    #successful-payment .right-col {
        margin-left: 0!important;
        min-height: 0!important;
        margin-top: 20px
    }
    #successful-payment .learning {
        display: none
    }
    #successful-payment .share {
        display: none
    }
    #successful-payment .app span {
        display: none
    }
    #successful-payment .header {
        line-height: 1.1
    }
    .congrats-head {
        font-size: 20px;
        line-height: 1.2;
        padding: 0 10px
    }
    #legal-pages {
        padding: 5px
    }
    #legal-pages * {
        font-size: 12px;
        text-align: center
    }
    #legal-pages .side-menu {
        width: auto;
        float: none;
        text-align: center
    }
    #legal-pages .side-menu li {
        display: inline-block;
        margin: 0 4px
    }
    #legal-pages .main-content {
        margin: 0
    }
    .sitemap-container {
        padding: 5px
    }
    .sitemap-container * {
        font-size: 11px;
        margin: 0!important;
        padding: 0!important;
        line-height: 1.2
    }
    .tablet-tac {
        text-align: center!important
    }
    .tablet-fn {
        float: none!important
    }
    .tablet-m0 {
        margin: 0!important
    }
    .tablet-p0 {
        padding: 0!important
    }
    .tablet-p0-5 {
        padding: 0 5px!important
    }
    .tablet-wa {
        width: auto!important
    }
    #price-and-promotions .btn-apply {
        position: absolute;
        bottom: 5px;
        right: 10px
    }
    #emailSettings label {
        display: inline;
        line-height: 1.8
    }
    #premium-instructor-application .steps-bar li {
        margin-left: 15px
    }
    #premium-instructor-application .steps-bar li:first-child {
        margin-left: 0
    }
    #premium-instructor-application .steps-bar li:before {
        left: 95px;
        width: 47px
    }
    #premium-instructor-application .steps-bar li span {
        display: none
    }
}

@media (max-width: 640px) {
    .notifications-wrapper,
    .user-profile-dropdown .mini-title {
        display: none
    }
    .user-profile-dropdown .dropdown-toggle {
        overflow: visible;
        padding-right: 20px
    }
    .user-profile-dropdown .caret {
        right: 7px
    }
    .user-profile-dropdown .unread {
        position: absolute;
        right: 30px
    }
    .lang-dropdown {
        display: none
    }
    body .header-v4 .signup-btn,
    body header.udemy-header .signup-btn {
        display: none
    }
    #popup-inner #login-box-header {
        padding-right: 44px
    }
    #popup-inner #login-box-header h3 {
        font-size: 14px;
        line-height: 42px
    }
    #popup-inner #login-box-header h4 {
        display: none
    }
    #popup-inner #login-box-container>div {
        display: block
    }
    .fancybox-overlay {
        background: #fff
    }
    .fancybox-wrap {
        position: fixed!important;
        left: 0!important;
        top: 0!important;
        width: 100%!important;
        height: 100%!important;
        overflow: auto!important;
        box-shadow: none;
        opacity: 1!important
    }
    .fancybox-wrap.static-content-wrapper {
        margin: 0
    }
    .fancybox-wrap.static-content-wrapper h1 {
        line-height: 52px;
        padding: 0 10px
    }
    .fancybox-wrap .static-content-wrapper,
    .fancybox-wrap .form-wrapper {
        border: 0;
        width: auto!important
    }
    .fancybox-wrap .form-tooltip {
        display: none!important
    }
    .fancybox-wrap .fancybox-skin {
        background: #FFF;
        border: 0;
        box-shadow: none
    }
    .fancybox-wrap .fancybox-skin .fancybox-close {
        opacity: 1!important;
        text-decoration: none!important;
        font-size: 20px;
        height: 30px;
        width: 30px;
        top: 5px;
        background: #fff
    }
    .fancybox-wrap .fancybox-skin .fancybox-close:before {
        background: 0 0;
        color: #333
    }
    .fancybox-wrap .fancybox-inner {
        width: 100%!important;
        height: 100%!important
    }
    .fancybox-wrap .fancybox-inner #popup-inner {
        padding: 0;
        min-width: 0;
        margin: 0
    }
    .fancybox-wrap .fancybox-inner #popup-inner.with-facebook {
        width: auto
    }
    .fancybox-wrap .fancybox-inner #popup-inner #login-box-container {
        width: 100%!important
    }
    .fancybox-wrap .fancybox-inner #popup-inner #login-box-container #login-fb-wrapper,
    .fancybox-wrap .fancybox-inner #popup-inner #login-box-container #login-form-wrapper {
        padding: 0 10px!important;
        width: 100%;
        margin: 0
    }
    .fancybox-wrap .fancybox-inner #popup-inner #login-box-container #login-fb-wrapper h3,
    .fancybox-wrap .fancybox-inner #popup-inner #login-box-container #login-form-wrapper h3 {
        font-size: 12px;
        line-height: 26px
    }
    .fancybox-wrap .fancybox-inner #popup-inner #login-box-container #login-fb-wrapper .fb-connect-button,
    .fancybox-wrap .fancybox-inner #popup-inner #login-box-container #login-form-wrapper .fb-connect-button {
        margin-top: 0!important
    }
    .fancybox-wrap .fancybox-inner #popup-inner #login-box-container #login-fb-wrapper #fb-signup-box,
    .fancybox-wrap .fancybox-inner #popup-inner #login-box-container #login-form-wrapper #fb-signup-box {
        display: none
    }
    .fancybox-wrap .fancybox-inner #popup-inner #login-box-container #login-fb-wrapper .non-labeled,
    .fancybox-wrap .fancybox-inner #popup-inner #login-box-container #login-form-wrapper .non-labeled {
        margin-top: 5px!important
    }
    .fancybox-wrap .fancybox-inner #popup-inner #login-box-container~.secondary-text {
        margin: 7px 10px 10px
    }
    .fancybox-wrap .fancybox-inner>h1:first-child {
        text-align: center
    }
    .uv-icon.uv-bottom-right {
        display: none
    }
    .msg-popup {
        width: auto
    }
    .msg-popup .msg-right {
        margin-right: 10px!important
    }
    .msg-popup .msg-right .msg-header h4 {
        max-width: 100px
    }
    .wrapper-right .my-course-box-wrapper .my-course-box-flat {
        width: 230px
    }
    .DRAGDIS_iframe {
        width: 100%!important
    }
    .uv-tray {
        display: none
    }
    body.landing-page #site-footer {
        display: none
    }
    #simple-1col-2col-slp-section-1,
    #simple-1col-2col-slp-section-0 {
        width: 100%;
        display: block
    }
    .sidebar-menu {
        position: absolute;
        top: -25px;
        left: 0;
        width: 100%;
        background: 0 0;
        box-shadow: none
    }
    .sidebar-menu h2 {
        display: none
    }
    .sidebar-menu ul {
        text-align: center
    }
    .sidebar-menu ul li {
        display: inline-block;
        margin-bottom: 5px
    }
    .sidebar-menu ul li a {
        background: #fff;
        padding: 5px 14px
    }
    .static-page #titles {
        margin-top: 30px
    }
    .static-page #main {
        margin-left: 0
    }
    #mediaplayer,
    #mediaplayer_displayarea {
        width: 100%!important
    }
    #mediaplayer_video {
        width: 100%!important;
        height: 100%!important
    }
    #ios-toolbar .int {
        font-size: 13px
    }
    .share-page-elements {
        display: none
    }
    .landing-page #simple-1col-2col-slp-section-2,
    .landing-page #simple-1col-2col-slp-section-3 {
        width: auto;
        float: none
    }
    #ufo2 .video-link {
        width: 310px
    }
    .ud-discover-withsidebar {
        margin-bottom: 0
    }
    .seo-lp-inner {
        margin: 0
    }
    .seo-lp-inner h3 {
        margin: 5px 0
    }
    .seo-lp-inner h3 div {
        display: block
    }
    #ufo2 {
        overflow: hidden
    }
    #ufo2 .container {
        padding: 0 10px;
        text-align: center
    }
    #ufo2 .container * {
        margin-left: 0;
        margin-right: 0;
        width: auto
    }
    #ufo2 .video-link {
        display: none
    }
    #ufo2 .r1 {
        background: 0 0
    }
    #ufo2>div {
        margin: 10px 0!important;
        padding: 10px 0!important
    }
    #ufo2 .r1 {
        padding-top: 40px!important;
        margin-top: 0!important
    }
    #ufo2 .share {
        margin-top: 10px
    }
    #ufo2 .become-form {
        float: none
    }
    #ufo2 .r4 img {
        float: none;
        margin: 0
    }
    #ufo2 .r6 img {
        float: none;
        margin: 0
    }
    #ufo2 .r6:before {
        top: 0
    }
    #ufo2 .learning {
        margin: 0
    }
    #ufo2 h1 {
        font-size: 19px!important;
        line-height: 1.2
    }
    #ufo2 h4 {
        font-size: 14px
    }
    #ufo2 .btn-huge {
        font-size: 17px
    }
    #ufo2 p {
        font-size: 14px
    }
    #ufo2 .r6 {
        height: auto
    }
    #ufo2 h3 {
        font-size: 19px;
        line-height: 1.2
    }
    #ufo2 .r7 .container {
        margin-top: 30px!important
    }
    #ufo2 .r8 li {
        margin: 0 0 20px;
        padding: 0 10px
    }
    #ufo2 .r8 .right-col {
        text-align: left
    }
    #ufo2 .r8 img {
        width: 20px;
        margin-right: 8px
    }
    #ufo2 .pricing p {
        font-size: 15px
    }
    #ufo2 .r9 {
        display: none
    }
    .featured-courses .category-names h4 {
        font-size: 16px
    }
    .featured-courses .category-names a {
        font-size: 14px
    }
    .featured-courses .courses-list-pagination ul {
        margin: 0
    }
    #afflp .fea,
    #afflp .ht,
    #afflp .faq {
        padding: 0 5px
    }
    #afflp .ban {
        min-height: 0
    }
    #afflp .join {
        margin-top: 20px
    }
    #afflp .fea-ul,
    #afflp .mfea-ul {
        margin-top: 0;
        flex-direction: column
    }
    #afflp .fea-li {
        margin: 0 0 20px
    }
    .classic-tabs {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
    .course-box .add-to-wishlist {
        display: block!important
    }
    body.payment-page .payment-middle-content {
        width: auto!important;
        padding: 5px
    }
    body.payment-page .payment-coupon-section {
        margin: 0;
        padding: 10px
    }
    body.payment-page #form-item-cardNumber input {
        width: 100%
    }
    body.payment-page #form-item-cardNumber .card-type {
        position: static;
        margin-top: 10px
    }
    body.payment-page .manage-fields-wrapper .two-cols {
        width: 100%!important;
        float: none!important;
        margin-left: 0!important;
        padding-left: 0!important
    }
    body.payment-page #form-item-securityCode {
        display: inline-table
    }
    body header.udemy-header .signup-btn {
        display: none
    }
    body header.udemy-header .left-items {
        margin-left: 5px
    }
    body header.udemy-header.for-ufo .container #logo {
        width: 200px;
        margin-left: -100px;
        left: 50%
    }
    body .header-v4 .container .search-v2,
    body header.udemy-header .container .search-v2 {
        display: none
    }
    body .main.container {
        margin: auto
    }
    body .main.container .row {
        margin: auto
    }
    #new-static-pages #fixed-nav {
        display: none
    }
    #new-static-pages h1 {
        font-size: 31px
    }
    #new-static-pages h2 {
        font-size: 24px;
        letter-spacing: normal
    }
    #new-static-pages #welcome {
        padding: 20px 5px 0
    }
    #new-static-pages #welcome .full-col {
        font-size: 13px;
        text-align: center
    }
    #new-static-pages #meet ul {
        text-align: center
    }
    #new-static-pages #meet li {
        width: 20%;
        height: auto;
        margin: 0 2%
    }
    #new-static-pages #meet .thumb img {
        height: auto
    }
    #new-static-pages #meet .title {
        font-size: 11px;
        line-height: 1.2
    }
    #new-static-pages #meet .cat {
        font-size: 11px;
        line-height: 1.2;
        display: block;
        margin-top: 3px
    }
    #new-static-pages #press-kit article {
        margin: 0;
        text-align: center;
        font-size: 15px
    }
    #new-static-pages #join article {
        margin: 0;
        text-align: center;
        font-size: 15px
    }
    #new-static-pages #join h3 {
        margin: 0;
        text-align: center;
        font-size: 15px
    }
    #new-static-pages #join ul {
        margin: 0;
        padding: 0 10px
    }
    #new-static-pages #join li a {
        font-size: 15px
    }
    #new-static-pages #contact .wrapper {
        width: 100%;
        text-align: center;
        padding: 0 20px
    }
    #new-static-pages #contact #map img {
        width: 100%
    }
    #new-static-pages .team-video-wrapper {
        margin: 0 5px
    }
    #new-static-pages #press {
        padding: 10px;
        text-align: center
    }
    #new-static-pages #press * {
        font-size: 14px
    }
    #new-static-pages #press .fxae {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    #new-static-pages #press .fxw {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0;
        margin-bottom: 10px;
        height: auto
    }
    #new-static-pages #press .background-circle:before {
        display: none
    }
    #new-static-pages #press .quato-before:before {
        font-size: 33px;
        margin: -8px 0 0 -17px
    }
    #new-static-pages #press .read-more {
        font-size: 20px;
        padding: 10px
    }
    #new-static-pages .jobscore-container {
        margin: 5px
    }
    .controller-home #bottom-items {
        display: none!important
    }
    .fb-connect-button:before {
        background: #466b8b url(../../assets/images/lesson_detail/sprites.png?v=17) -15px 6px;
        background-size: 500px!important
    }
    #quick-search-dropdown {
        left: auto!important;
        right: 10px;
        margin-left: auto;
        width: 180px!important;
        max-height: 85%!important;
        overflow: auto;
        top: 40px!important
    }
    #quick-search-dropdown li.ui-menu-item>a {
        padding: 4px;
        width: 100%!important
    }
    #quick-search-dropdown li.ui-menu-item>a .thumb {
        display: none
    }
    #quick-search-dropdown li.ui-menu-item>a .text {
        margin: 0!important;
        width: 100%!important
    }
    #quick-search-dropdown li.ui-menu-item>a .text b {
        font-size: 12px!important
    }
    #quick-search-dropdown li.ui-menu-item>a .text i {
        font-size: 11px!important
    }
    #quick-search-dropdown li.header h3 {
        font-size: 12px;
        line-height: 18px
    }
    #quick-search-dropdown li.more a {
        font-size: 11px!important
    }
    .sidebar-menu {
        top: -30px
    }
    .sidebar-menu ul li a {
        font-size: 12px;
        padding: 3px 8px
    }
    .static-page #titles {
        display: none
    }
    .static-page #main {
        margin-top: 47px
    }
    #mediaplayer,
    #mediaplayer_displayarea {
        height: 174px!important
    }
    body[class*=action-forgot-password] {
        background: #fff!important
    }
    body[class*=action-forgot-password] .white-wrapper {
        min-height: 0!important
    }
    body[class*=action-forgot-password] .main>div {
        width: auto!important;
        padding: 10px
    }
    .popup-with-heading {
        max-height: 235px
    }
    .landing-page .fancybox-wrap {
        position: fixed!important
    }
    .landing-page .fancybox-wrap h1 {
        line-height: 1.2!important;
        padding-right: 39px!important;
        font-size: 13px!important
    }
    .landing-page .lecture-popup {
        width: 100%
    }
    .landing-page .fancybox-wrap .ud-jwplayer {
        height: 130px!important
    }
    .signup-header-title {
        font-size: 16px;
        text-align: center
    }
    #signup-form {
        width: auto!important;
        float: none!important;
        margin: 0!important;
        font-size: 11px
    }
    #signup-form label {
        font-size: 11px
    }
    #signup-form .input-table th {
        width: 70px!important
    }
    #signup-form .cancel-link {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
        position: relative;
        width: 90px
    }
    .facebook-box-wrapper {
        width: 100%!important;
        padding: 10px
    }
    .facebook-box-faces,
    p.secondary-text,
    #form-item-timeZone {
        display: none
    }
    .controller-user .main {
        margin: 0
    }
    .controller-user #user-box {
        position: relative!important;
        float: none;
        margin: 0;
        width: 100%
    }
    .controller-user #user-timeline {
        margin: 30px 0 0 0!important;
        float: none;
        width: 100%
    }
    .controller-user .course-image {
        height: 70px!important
    }
    .controller-user .details {
        height: 70px!important;
        padding: 5px!important
    }
    .controller-user li {
        position: relative
    }
    .controller-user li article,
    .controller-user li .bottom,
    .controller-user li .bottom-items,
    .controller-user li .subs {
        display: none!important
    }
    .controller-user h3 {
        font-size: 13px;
        line-height: 1
    }
    .controller-user .ins-details {
        font-size: 13px;
        line-height: 1;
        margin-top: 5px!important
    }
    #my-courses .top {
        margin-top: 10px
    }
    #my-courses #list>ul .my-course-box {
        width: 100%
    }
    #my-courses #list>ul .my-course-box img {
        max-width: 296px
    }
    #my-courses #list>ul .my-course-box a.thumb>span {
        display: none
    }
    #course-dashboard {
        margin-top: 0!important
    }
    #course-dashboard li {
        min-height: 29px
    }
    #course-dashboard .top {
        padding: 7px!important
    }
    #course-dashboard .course-image {
        width: 70px!important;
        height: 50px!important
    }
    #course-dashboard .titles {
        margin: 4px 0 0 0!important
    }
    #course-dashboard .titles * {
        font-size: 11px!important
    }
    #course-dashboard .main-content {
        padding: 5px 0 0 0!important
    }
    #course-dashboard .main-content .left-col {
        float: none!important;
        width: 100%!important
    }
    #course-dashboard #progress {
        text-align: center
    }
    #course-dashboard #progress h3 {
        font-size: 12px!important;
        padding: 2px 0 10px!important
    }
    #course-dashboard .play {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block!important;
        font-size: 10px!important;
        float: none!important;
        max-width: 90%;
        text-align: left
    }
    #course-dashboard #curriculum {
        margin-top: 8px!important
    }
    #course-dashboard .wrapper {
        padding: 0!important;
        margin: 0!important
    }
    #course-dashboard .list {
        border: 0!important;
        margin: 10px 0 0 0!important
    }
    #course-dashboard .chapter,
    #course-dashboard .no,
    #course-dashboard .circle,
    #course-dashboard time,
    #course-dashboard li .btn,
    #course-dashboard .lecture,
    #course-dashboard .main-content .right-col {
        display: none!important
    }
    #course-dashboard.main .top .right-col {
        position: relative;
        margin: 60px 0 0 0;
        right: auto;
        top: 0
    }
    #course-dashboard.main .top .right-col * {
        font-size: 11px!important
    }
    #course-dashboard.main .top .right-col .btns {
        float: left;
        margin: 5px 8px 5px 0
    }
    #course-dashboard.main .top .right-col .btns .settings .ttip {
        width: 100%;
        margin-top: 40px
    }
    #course-dashboard.main .top .right-col * {
        font-size: 10px!important
    }
    #course-dashboard .lecture-type {
        float: left
    }
    #course-dashboard h5 {
        margin: 10px 0 0 0!important
    }
    #course-dashboard h6 {
        left: 15px!important;
        right: 40px!important
    }
    #course-dashboard h6 a {
        font-size: 12px!important
    }
    #course-dashboard li {
        margin-top: 0!important
    }
    #course-dashboard .title {
        position: relative!important;
        left: 0!important;
        margin: 0!important;
        float: none!important
    }
    #course-dashboard ul {
        margin: 0!important
    }
    .controller-courses .main {
        margin-top: 0
    }
    .controller-courses .main #top-nav {
        margin-top: 0
    }
    .controller-courses .main #top-nav ul.gray-nav {
        margin: 10px 0 0
    }
    .controller-courses .main #top-nav ul.gray-nav .search-box input[type=submit] {
        display: none
    }
    .controller-courses .main #top-nav ul.gray-nav .search-box input[type=text] {
        font-size: 11px!important;
        width: 125px!important;
        padding: 2px 5px 2px 5px
    }
    .controller-courses .search-col {
        display: none
    }
    .controller-courses .gray-nav>li>* {
        font-size: 12px;
        padding: 0 6px
    }
    #filters {
        display: none
    }
    .landing-page .buy-button-link {
        font-size: 18px
    }
    .controller-courses #filters {
        float: left;
        margin: 10px 0 0
    }
    #ipad-landing .h1 {
        font-size: 23px;
        line-height: 1.2
    }
    #ipad-landing .d2 {
        height: 270px;
        width: 320px
    }
    #ipad-landing #ipad-landing-image-slider {
        height: 180px;
        left: 50%;
        margin-left: -120px;
        top: 29px;
        width: 237px
    }
    #ipad-landing .d4 {
        padding: 10px 0
    }
    #ipad-landing .d4 h2 {
        font-size: 20px;
        line-height: 1.2
    }
    #ipad-landing .d4 p {
        font-size: 12px;
        line-height: 1.2
    }
    .discovery-navigation {
        border: 0;
        margin-top: 10px
    }
    .discovery-navigation * {
        font-size: 11px!important
    }
    .discovery-navigation .categories-col {
        display: none
    }
    .discovery-navigation>li>* {
        padding: 0 6px
    }
    .discovery-navigation .search-box input[type=text] {
        width: 110px;
        padding: 0 5px
    }
    .discovery-navigation .search-box input[type=submit] {
        display: none
    }
    .featured-courses .slider nav .container {
        margin: 13px -16px
    }
    .featured-courses .slider nav span {
        transform: rotate(scale(0.6));
        -ms-transform: rotate(scale(0.6));
        -webkit-transform: rotate(scale(0.6));
        -webkit-transform: scale(0.6);
        -o-transform: scale(0.6);
        -ms-transform: scale(0.6);
        transform: scale(0.6);
        -webkit-backface-visibility: hidden
    }
    .featured-courses .slider nav span.prev {
        left: 0;
        transform: rotate(scale(0.6) rotate(-180deg));
        -ms-transform: rotate(scale(0.6) rotate(-180deg));
        -webkit-transform: rotate(scale(0.6) rotate(-180deg));
        -webkit-transform: scale(0.6) rotate(-180deg);
        -o-transform: scale(0.6) rotate(-180deg);
        -ms-transform: scale(0.6) rotate(-180deg);
        transform: scale(0.6) rotate(-180deg);
        -webkit-backface-visibility: hidden
    }
    .featured-courses .slider .bullets {
        padding: 5px 0 0 0
    }
    .static-content-wrapper,
    .form-wrapper {
        max-width: 100%
    }
    .fancybox-lock {
        margin-right: 0!important
    }
    .flex-wrapper-wrapper .tooltip-reference .flex {
        max-width: 120px
    }
    #my-courses .no-course {
        position: relative;
        left: 0;
        top: 0;
        margin: 0
    }
    #my-courses .no-course #splash {
        max-width: 100%;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        height: 100px
    }
    .controller-interests .wrapper {
        padding-bottom: 20px
    }
    .controller-interests .wrapper h1 {
        margin: 0
    }
    .controller-interests .interests-form-wrapper {
        margin: 40px 0 0!important
    }
    .controller-interests #suggest-interests:before,
    .controller-interests #suggest-interests:after {
        display: none!important
    }
    .create-wrapper {
        width: auto;
        margin: 0
    }
    .create-wrapper h1 {
        font-size: 28px;
        margin-top: 10px
    }
    .create-wrapper .form-wrapper h2 {
        background-color: #F0F0F0;
        border-bottom: 1px solid #ddd;
        font-size: 24px;
        line-height: 1.2;
        font-size: 17px;
        padding: 5px
    }
    .create-wrapper .q-mark {
        display: none
    }
    .create-wrapper .form-wrapper .cfi-add .content {
        padding: 5px 0
    }
    .create-wrapper .form-wrapper .editing .content .cfi-item-title {
        margin-left: 57px
    }
    .create-wrapper .ud-curriculumform * {
        font-size: 12px!important
    }
    .create-wrapper .ud-curriculumform .input-table .input-field input,
    .create-wrapper .ud-curriculumform .input-table .input-field textarea {
        width: auto
    }
    .create-wrapper .ud-curriculumform .cfi-sortable.cfi-lecture,
    .create-wrapper .ud-curriculumform .cfi-add-form.cfi-lecture,
    .create-wrapper .ud-curriculumform .cfi-sortable.cfi-quiz,
    .create-wrapper .ud-curriculumform .form-wrapper .cfi-add-form.cfi-quiz,
    .create-wrapper .ud-curriculumform .cfi-sortable.cfi-checkpoint,
    .create-wrapper .ud-curriculumform .form-wrapper .cfi-add-form.cfi-checkpoint {
        margin-left: 10px
    }
    #form-item-privacySettings_coursePrivate_optionpasswordProtected_inner input[type=text] {
        width: auto!important
    }
    .steps-bar {
        margin: 20px 0 0;
        padding: 0
    }
    .steps-bar ul {
        text-align: center;
        height: auto
    }
    .steps-bar li {
        width: auto;
        margin: 0 5px;
        background: none!important;
        transform: none!important;
        height: auto!important
    }
    .steps-bar li:before,
    .steps-bar li:after {
        display: none
    }
    .steps-bar li span {
        margin: 0!important;
        top: 0;
        position: static
    }
    .steps-bar li.on {
        font-size: 19px
    }
    .static-content-wrapper .imaged .img,
    .form-wrapper .imaged .img {
        height: 42px;
        width: 68px
    }
    .static-content-wrapper .imaged article,
    .form-wrapper .imaged article {
        margin: 0 0 0 80px;
        overflow: hidden
    }
    #teach2 {
        background: #fff;
        padding: 15px 5px
    }
    #teach2 #welcome h1 {
        font-size: 1.7em;
        margin-top: 0
    }
    #teach2 #welcome h3 {
        font-size: 13px
    }
    #teach2 #welcome .video-wrapper {
        width: 100%
    }
    #teach2 .big-btn a {
        font-size: 12px;
        padding: 15px
    }
    #teach2 #first-course li {
        float: none;
        margin-top: 20px;
        width: 100%
    }
    #teach2 h2 {
        font-size: 20px
    }
    #teach2 #meet {
        padding: 0
    }
    #teach2 #meet .lc {
        display: none
    }
    #teach2 #meet .rc {
        margin: 0
    }
    #teach2 #press-with-slider {
        box-shadow: none;
        margin-top: 30px;
        padding: 0
    }
    #teach2 #press-with-slider ul.col li {
        border: 1px solid #ccc;
        box-shadow: none;
        margin: 10px 0;
        width: 100%
    }
    #teach2 #how {
        padding: 0
    }
    #teach2 #community li {
        margin: 10px 0 0;
        width: 100%
    }
    #teach2 #amazing,
    #teach2 #asseen {
        display: none
    }
    #ki_container {
        display: none
    }
    #ios-toolbar .int {
        margin-left: 0
    }
    #ios-toolbar .sh {
        display: none
    }
    .featured-courses .search-v2 {
        width: 100%;
        display: block;
        margin: 0
    }
    .courses-enrolled .ce-ul {
        display: block
    }
    .courses-enrolled .ce-li {
        display: block;
        max-width: 300px;
        margin-bottom: 20px
    }
    .login-popup-v37 .f {
        padding: 20px 10px 10px
    }
    .login-popup-v37 h2 {
        font-size: 17px;
        margin-bottom: 10px
    }
    .login-popup-v37 h4 {
        font-size: 14px
    }
    .login-popup-v37 .sufb {
        margin-bottom: 10px
    }
    .login-popup-v37 .fac {
        display: none
    }
    .login-popup-v37 .by {
        display: none
    }
    .login-popup-v37 .scm {
        height: auto!important
    }
    .login-popup-v37 .lcf {
        margin-top: 0
    }
    .home-with-search .general-wrapper {
        padding: 10px
    }
    .home-with-search .header {
        margin-top: 10px
    }
    .home-with-search .online-h {
        font-size: 16px
    }
    .home-with-search .search-f {
        padding: 3px
    }
    .home-with-search .search-box-wr {
        margin: 0 5px 0 0
    }
    .home-with-search input.search-box {
        padding: 0;
        font-size: 14px
    }
    .home-with-search .search-btn {
        padding: 6px 7px;
        font-size: 14px
    }
    .home-with-search .search-icon-wr {
        display: none
    }
    .home-with-search .footer-a {
        margin: 0 5px;
        font-size: 11px
    }
    #ios-toolbar {
        padding: 5px;
        text-align: center
    }
    #ios-toolbar .container>* {
        float: none!important;
        display: inline-block;
        margin-left: 0
    }
    #ios-toolbar .sh {
        display: none!important
    }
    #ios-toolbar .int {
        line-height: 1.2
    }
    .udemy-header.for-ufo .fullscreen-courses {
        padding: 0;
        width: auto
    }
    .udemy-header.for-ufo .left-items {
        display: none
    }
    .udemy-header.for-ufo #logo {
        top: 0!important;
        left: 0!important;
        margin: 10px 0 0 -30px!important;
        float: left
    }
    .start-page p {
        color: red
    }
    .quiz-asset * {
        font-size: 12px;
        margin-bottom: 5px;
        line-height: 1.2
    }
    .quiz-asset .start-page {
        padding-bottom: 60px
    }
    .quiz-asset .start-page h1 {
        color: red;
        font-size: 35px;
        line-height: 1.2
    }
    .quiz-asset .start-page h2 {
        font-size: 20px
    }
    .quiz-asset .start-page article {
        display: none
    }
    .quiz-asset .start-page .more {
        display: none
    }
    .home-plain .top {
        margin: 5px;
        padding: 0 10px
    }
    .home-plain .main-btn {
        margin-bottom: 7px
    }
    .home-plain .main-table {
        height: 90%
    }
    .home-plain .footer {
        padding: 0
    }
    .home-plain .footer-a {
        color: #555;
        font-size: 11px;
        margin: 0 5px
    }
    .home-plain .main-h {
        font-size: 19px;
        line-height: 1.2
    }
    .home-plain .page-wrap {
        margin-bottom: -50px
    }
}

@media (max-width: 480px) {
    body header.udemy-header.for-ufo .container #logo {
        width: 200px;
        margin-left: -75px;
        left: 50%
    }
}

@media (max-height: 1024px) {
    .quiz-asset .start-page article {
        max-height: 300px
    }
}

@media (max-height: 1000px) {
    .quiz-asset .start-page article {
        max-height: 200px;
        margin-bottom: 120px
    }
}

@media (max-height: 670px) {
    .quiz-asset .start-page article {
        max-height: 100px
    }
}

@media (max-height: 660px) {
    .quiz-asset .start-page article {
        max-height: 40px
    }
}

@media (max-height: 520px) {
    .quiz-asset .start-page article {
        display: none
    }
}

@media (max-width: 480px) {
    body {
        font-size: 10px
    }
}

@media (max-width: 768px) {
    body {
        font-size: 14px
    }
}

.area-progress-chart {
    position: relative;
    width: inherit;
    height: inherit
}

.area-progress-chart #highchart-area {
    height: 100%;
    width: 100%
}

.area-progress-chart .progress-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 2px;
    bottom: 1px
}

.area-progress-chart .progress {
    position: relative;
    height: 100%;
    background-color: #000;
    opacity: .19;
    float: left
}

.area-progress-chart .slider {
    position: absolute;
    top: 0;
    height: 100%;
    width: 3px;
    background-color: #000;
    overflow: initial
}

.area-progress-chart .icon-circle {
    position: absolute;
    left: -6.5px;
    font-size: 20px;
    color: #000
}

.layered-bar {
    position: relative;
    list-style-type: none;
    width: calc(100%);
    height: 16px
}

.layered-bar-back {
    border: 1px solid #555;
    display: block
}

.layered-bar-mid {
    background-color: #045b5b;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
    cursor: pointer;
    position: relative;
    display: block;
    height: 16px;
    width: 0
}

.layered-bar-mid .inner {
    background-color: #27a84e;
    width: 0;
    height: 16px
}

.report-popup {
    margin: 20px auto;
    background: #FFF;
    border-radius: 5px;
    max-width: 570px;
    padding: 40px
}

.report-popup #id_reason {
    margin-top: 25px;
    height: 45px;
    width: 300px
}

.report-popup #id_description {
    height: 160px
}

.report-popup .form-actions {
    margin-top: 25px
}

.report-popup #submit-id-submit {
    padding: 5px 25px
}

.report-popup #button-id-cancel {
    margin-left: 20px
}

.report-comment i.icon-flag {
    color: #717081;
    opacity: .5
}

.report-comment i.icon-flag:hover {
    opacity: 1
}

.report-lecture {
    position: absolute;
    right: 50px;
    top: 13px
}

@media only screen and (max-width: 992px) {
    .report-popup {
        padding: 10px
    }
}

#jp .footer-links-top {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between
}

@media (max-width: 992px) {
    #jp #jp .footer-links-top {
        display: block;
        text-align: center
    }
    #jp #jp .footer-links-top li {
        margin: 10px
    }
}

@media only screen and (max-width: 992px) {
    #jp .fs11-xs {
        font-size: 15px
    }
}

#jp .stickyfooter .row {
    line-height: 36px;
    text-align: center
}

#jp .splash-text {
    width: 100%
}

.fancybox-inner .msg-popup {
    margin: auto
}

.msg-popup {
    width: 520px;
    height: 500px;
    position: relative;
    margin: 20px auto
}

.msg-popup .inbox {
    width: auto
}

.msg-popup .inbox .msg-mask {
    height: 430px
}

.msg-popup .inbox .msg-mask li:hover {
    background: #fff
}

.msg-popup .inbox .msg-mask li:active {
    background-color: #e6e6e6;
    background-color: #d9d9d9 \9;
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05)
}

.msg-popup .inbox .msg-mask li:after {
    color: #999;
    font-family: FontAwesome;
    content: '\f054';
    width: 12px;
    height: 18px;
    display: inline-block;
    position: absolute;
    margin-top: -5px;
    right: 10px;
    top: 50%
}

.msg-popup .inbox .msg-mask .msg-right article {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 30px
}

.msg-popup .thread,
.msg-popup .new {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 100
}

.msg-popup .thread .header h3,
.msg-popup .new .header h3 {
    margin: 0
}

.msg-popup .thread .header h3 a:after,
.msg-popup .new .header h3 a:after {
    color: #999;
    font-family: FontAwesome;
    content: '\f054';
    width: 12px;
    height: 18px;
    display: inline-block;
    position: absolute;
    margin: 0 0 0 8px
}

.msg-popup .thread .header h3 span,
.msg-popup .new .header h3 span {
    margin-left: 22px
}

.msg-popup .thread .error,
.msg-popup .new .error {
    display: none;
    position: absolute;
    bottom: 4px;
    font-size: 11px;
    left: 60px;
    text-align: center;
    right: 10px;
    color: #d23837;
    font-weight: 700;
    padding: 0 10px
}

.msg-popup .ajax-loader-small {
    top: 50%;
    left: 50%;
    margin: -18px 0 0 -18px;
    position: absolute!important
}

.msg-popup .header {
    background: #f3f3f3;
    position: relative;
    border-bottom: 1px solid #bbb;
    border-radius: 5px 5px 0 0
}

.msg-popup .header h3 {
    line-height: 45px;
    text-align: left;
    font-size: 16px;
    padding: 0 20px;
    margin: 0
}

.msg-popup .header .btn {
    position: absolute;
    right: 40px;
    top: 10px;
    padding: 4px 12px
}

.msg-popup .msg-mask {
    height: 340px;
    overflow: auto;
    background-color: #fff
}

.msg-popup .msg-mask .ajax-loader-small {
    position: relative;
    display: none
}

.msg-popup .msg-mask .empty-inbox {
    position: absolute;
    font-size: larger;
    text-align: center;
    top: 50%;
    left: 50%;
    margin-left: -65px;
    display: none
}

.msg-popup .msg-mask li.load-wrapper {
    text-align: center;
    color: #666;
    min-height: 50px
}

.msg-popup .msg-mask li.load-wrapper:after {
    background: 0 0
}

.msg-popup .msg-mask li.load-wrapper:active {
    background-color: #e6e6e6;
    background-color: #d9d9d9 \9;
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05)
}

.msg-popup .msg-mask li.load-wrapper:hover {
    background: #fff
}

.msg-popup .msg-mask ul li {
    border-top: 1px solid #e7e7e7;
    background: #fff;
    cursor: pointer;
    padding: 10px;
    overflow: hidden;
    position: relative
}

.msg-popup .msg-mask ul li.unread {
    background: #fff
}

.msg-popup .msg-mask ul li .icons {
    position: absolute;
    top: 30px;
    right: 10px;
    opacity: 0
}

.msg-popup .msg-mask ul li .icons a {
    display: block;
    margin-bottom: 7px
}

.msg-popup .msg-mask ul li:hover .icons {
    opacity: 1
}

.msg-popup .msg-mask ul li .msg-left {
    width: 54px;
    float: left
}

.msg-popup .msg-mask ul li .msg-left span {
    display: block;
    text-indent: -99em;
    height: 50px;
    border: 1px solid #666;
    background-position: center;
    box-shadow: 0 0 1px #ccc, 0 0 1px #fff inset;
    margin: 1px;
    background-repeat: no-repeat
}

.msg-popup .msg-mask ul li .msg-right {
    margin-left: 70px
}

.msg-popup .msg-mask ul li .msg-right .msg-header {
    overflow: hidden
}

.msg-popup .msg-mask ul li .msg-right .msg-header h4 {
    float: left;
    font-size: 14px;
    margin: 2px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 290px;
    text-align: left
}

.msg-popup .msg-mask ul li .msg-right .msg-header h4 .num-of-unread {
    background: #fa6b6b;
    display: inline-block!important;
    font-size: 11px;
    color: #fff;
    width: 18px;
    padding: 0;
    vertical-align: top;
    text-align: center;
    line-height: 16px
}

.msg-popup .msg-mask ul li .msg-right .msg-header time {
    float: right;
    font-size: 11px;
    color: #999;
    padding-left: 15px
}

.msg-popup .msg-mask ul li .msg-right .msg-header time:before {
    font-family: FontAwesome;
    content: '\f017';
    float: left;
    height: 16px;
    width: 16px
}

.msg-popup .msg-mask ul li .msg-right article {
    font-size: 12px;
    margin-right: 10px;
    text-align: left;
    color: #777;
    margin-top: 5px
}

.msg-popup .msg-mask ul li .msg-right article .outgoing {
    font-size: larger;
    vertical-align: bottom;
    color: #999
}

.msg-popup #reply-form,
.msg-popup #new-message-form {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: left;
    background: #fff;
    padding: 10px;
    border-top: 1px solid #ccc
}

.msg-popup #reply-form textarea,
.msg-popup #new-message-form textarea {
    width: 100%;
    height: 46px;
    margin-bottom: 47px;
    min-height: 0;
    resize: vertical;
    max-height: 200px
}

.msg-popup #reply-form input[type=submit],
.msg-popup #new-message-form input[type=submit] {
    bottom: 10px;
    left: 10px;
    position: absolute;
    top: auto!important
}

.msg-popup #reply-form .ajax-loader-tiny,
.msg-popup #new-message-form .ajax-loader-tiny {
    display: none;
    vertical-align: bottom;
    margin: 0 0 5px 5px!important;
    position: absolute;
    bottom: 10px
}

.msg-popup #new-message-form {
    top: 45px
}

.msg-popup #new-message-form textarea {
    margin: 0;
    height: 330px;
    resize: none;
    max-height: none
}

.msg-popup #new-message-form .form-item-content {
    bottom: 50px;
    left: 10px;
    margin-top: 10px;
    position: absolute;
    right: 10px
}

.msg-popup .yourlabs-autocomplete {
    position: absolute;
    background-color: #fff;
    right: 10px;
    border: 1px solid #CCC;
    border-top: 0
}

.msg-popup .yourlabs-autocomplete .ui-menu-item {
    display: block
}

.msg-popup .yourlabs-autocomplete .ui-menu-item.hilight a {
    background-color: #F7F7F7
}

.msg-popup .yourlabs-autocomplete .ui-corner-all {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px;
    border-radius: 0
}

.msg-popup .controls .ui-menu-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.msg-popup .controls .ui-corner-all {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.msg-popup .controls .remove {
    cursor: pointer;
    font-size: 34px;
    margin-right: 5px
}

.msg-popup .controls .remove:hover {
    color: #ccc
}

.mini-tooltip2 {
    position: relative
}

.mini-tooltip2:hover .mini-tooltip-text {
    display: block;
    z-index: 2
}

.mini-tooltip2 .mini-tooltip-text {
    background: #000;
    color: #fff;
    font-size: 11px;
    padding: 3px 10px;
    white-space: nowrap;
    position: absolute;
    bottom: 100%;
    margin: 0 0 5px -9px;
    display: none;
    -webkit-font-smoothing: subpixel-antialiased
}

.mini-tooltip2 .mini-tooltip-text:before {
    content: '';
    position: absolute;
    border: 5px solid transparent;
    border-top-color: #000;
    top: 100%;
    left: 10px
}

.mini-tooltip2.pull-tooltip-right .mini-tooltip-text {
    left: auto;
    right: -3px
}

.mini-tooltip2.pull-tooltip-right .mini-tooltip-text:before {
    left: auto;
    right: 5px
}

.mini-tooltip2.pull-tooltip-left .mini-tooltip-text {
    right: 100%;
    top: 50%;
    margin-top: -10px;
    margin-right: 10px;
    bottom: auto
}

.mini-tooltip2.pull-tooltip-left .mini-tooltip-text:before {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    top: 50%;
    left: 100%;
    margin-top: -5px
}

.mini-tooltip2.pull-tooltip-down .mini-tooltip-text {
    bottom: auto
}

.mini-tooltip2.pull-tooltip-down .mini-tooltip-text:before {
    top: -10px;
    border-color: transparent transparent #000
}

.fade-item {
    -webkit-transition: linear all .3s;
    transition: linear all .3s;
    transition-delay: .09s
}

.fade-item.ng-enter,
.fade-item.ng-leave.ng-leave-active {
    opacity: 0
}

.fade-item.ng-enter.ng-enter-active,
.fade-item.ng-leave {
    opacity: 1
}

@font-face {
    font-family: RedactorFont;
    src: url(redactor-font.eot)
}

@font-face {
    font-family: RedactorFont;
    src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggi/NUAAAC8AAAAYGNtYXAaVcx2AAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zm8dIFkAAAFwAAATSGhlYWQACVb9AAAUuAAAADZoaGVhA+ECBQAAFPAAAAAkaG10eEEBA94AABUUAAAAkGxvY2FVlFE8AAAVpAAAAEptYXhwAC8AkgAAFfAAAAAgbmFtZRHEcG0AABYQAAABZnBvc3QAAwAAAAAXeAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADmHwHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIOYf//3//wAAAAAAIOYA//3//wAB/+MaBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAwAAACUCAAGSAAQACQANAAA3EQURBQEFEQURATUXBwACAP4AAdv+SgG2/tySkiUBbgH+lAEBSgH+3AEBJv7/3G9sAAAGAAAASQIAAW4ABAAJAA4AEwAYAB0AABMhFSE1FSEVITUVIRUhNSczFSM1FTMVIzUVMxUjNZIBbv6SAW7+kgFu/pKSSUlJSUlJAW5JSW5JSW5JSdxJSW5JSW5JSQAAAAACAAAAJQH3AZIAFgAuAAAlLgMnBzIuAic+AyMXNh4CByUnMg4CBx4DIxcnHgMXNi4CBwH3Dik/XUABAR04Vjg+WDUYAQFNeEcZEv7MAQENHDMlHzIfEQEBASZUTDYHCSBIZj4lGCQaEARqFi5HLzJFKhJqDC1RZSzVPQoWIxkbJBQID0wCCQ4VDxo4KA8PAAACAG4AJQGSAZIABAAzAAA3IQchJzceAzMyPgI3PgMnNyMXDgMHDgMjIi4CJy4DNycjBx4DF24BJQH+3QFABRIUGg0QGBUQCAYKBgQBAUABAQEEBAQCCAgKBQYJCQcEAgUCAwEBPwEBAwcJCEkkJD8HCgYEBAYKBwcRFRkPtcMGCQkHAwMFAwEBAwUDAwcJCQbDtQ8ZFREHAAUAAP//AgABtwAGAA4AFgBHAF8AAAEzFTMVIzUfAQc1IzUzNS8BNxUzFSMVFx4DFRwBDgEHDgMHMh4CFx4DHwEjJzwBJjQjLgMrARUjNTMyHgIXBzMyPgI3PgM1NC4CJy4DKwEVAUkjS24mkZFvb96RkW9vDAMFAwECAwICBQUGBAECAgIBAQICAgEbIBMBAQIEBQUCCh0qCAwKCQM3DgMFBQMCAQIBAQEBAgECAwQGAw4BtpYgtv9cXEolSUhcXEklSlUDCAoNBwQJBwcCAwUDAgEBAQIBAQMEBANCLgEBAQIGBwYCSLYBAwUDRAECAgECBAQGAwQFBQQBAgIBATIAAAAAAwBtAAABkgGTAAMADAARAAAlIzcXBzM3MxczAyMDFyEVITUBI0YjI7ZKF2MXSmVbZQEBJP7c5nh4eUlJASb+2iRJSQAKAAAAJQIAAZIABAAJAA4AEwAYAB0AIgAnACwAMQAANxEFEQU3FzUHFTU3NScVJwcVFzUVJxU3NRUHFRc1NxUXNQclBxUXNRUnFTc1FQcVFzUAAgD+ALeSkpKSJW1tbW1tbSWSkgEkbW1tbW1tJQFuAf6UASUBSgFIbQFIAUq4AUgBSm8BSgFIbQFIAUrbSAFKAQEBSAFKbwFKAUhtAUgBSgAAAAIACQAlAgABkgAWAC4AACUOAxU1DgMHJj4CFzU0HgIXBT4DNxU1FD4CNy4DNRUmDgIXAgA5VTkcQVxAKA8RGEh3Thc2Vz/+PAY3S1UlECAxICYyHQw9Z0chCt8wRi8VAWsFDxsjGS1kUiwLaQETKUYxYBAUDwgDTRABCRMlGhoiFwkBPhAQJzkZAAAAAgBJAEkBtwFuAEcAjwAAAQ4DFRQeAhceAxc+Azc+AzU0LgInLgMHJg4CBwYiBiYHNAYmIicwLgE0NTQ+Ajc+Azc1DgMHJw4DFRQeAhceAxc+Azc+AzU0LgInLgMHJg4CBwYiBiYVJgYmIjUiJjQmNTQ+Ajc+Azc1DgMHATkJDQkEAwYKBgcOEBAJCA4NDAUGCAUDAwQHBQUKCgwGBQoICAMBAgIBAQEBAQEBAQMGCgYGDxITCxMhHBYJzQkNCQQDBwkHBg4QEQgIDg0MBgUIBQMCBQcFBAoLDAYFCQkIAwECAgEBAQEBAQEBAwcJBgcPERQLEyEcFwkBIgwYHBsQCxgUEgcICwgDAQECBggGBQ0MDwYIDA0KBgUIBAQBAQICBQECAgEBAQECAQQCBQEKEhQRCggQDAwDFwgQFBQNAQwYHBsQCxgUEgcICwgDAQECBggGBQ0MDwYIDA0KBgUIBAQBAQICBQECAgEBAQECAQQCBQEKEhQRCggQDAwDFwgQFBQNAAT//wBJAgABbgAEAAkADgASAAATIRUhNRchFSE1FSEVITUHNQcXAAIA/gC3AUn+twFJ/rclk5MBbklJbklJbklJSbdcWwAAAAUAAABJAgABbgAEAAkADgAaAG0AABMhFSE1FSEVITUVIRUhNSczNSM1IwcVNxUjFRc+Azc+Azc0PgE0NTQuAicuAyMiBioBByIOAiMVPgM3Mj4BMjM6AR4BFx4CFBUcAQYUBw4DBw4DDwEVMzUjPgM3MZIBbv6SAW7+kgFu/pKNRBgUFhYYIAUHBQMBAgICAQEBAQEDBAICBgcHBQEEAwQCAgMEBAICBAQDAgIDAwMCAgMDAwEBAgEBAQEBAgICAQQGCQULRC0BAwQEAgFuSUluSUluSUlrFF0GFAZJFJEFBwYEAQIDBAMBAgMDAwIDBwUFAgIEAgEBAQEBAhUBAgIBAQEBAQIBAQIDBAIBAgMCAQICAwMCAQUHCQYNExQBBAMFAgADAAAASQIAAW4ALAAxAGwAACUiLgInNTMeAzMyPgI1NC4CIyIOAgcjNT4DMzIeAhUUDgIjJzMVIzUnIg4CByMVDgMVFB4CFxUzHgMzMj4CNzMVDgMjIi4CNTQ+AjMyHgIXFSMuAyMBbgoUEhEIHgUKCwsGEyEZDg4ZIRMGCwsKBR4IERIUCh41KBcXKDUet5KSJQYLCwoFHgQHBQICBQcEHgUKCwsGBgsLCgUeCBESFAoeNSgXFyg1HgoUEhEIHgUKCwsGSQMGBwU0AgQDAQ0XHhESHhcNAQMEAjQFBwYDFyg1Hx41KBe3SUkvAQMEAhgFCw0OBwcNDQsGFwIEAwEBAwQCNAUHBgMXKDUeHzUoFwMGBwU0AgQDAQAAAAEAAAC3AgABAAAEAAATIRUhNQACAP4AAQBJSQABAJIASQGSAZIADAAAAQ8CFzcHNxc3DwEXAQcpQQvBC0ApQAvBC0EBWdYBOAE6AdgBOgE4AQAAAAQAAABJAgABbgAEAAkADgASAAATIRUhNRchFSE1FSEVITUHNRcHAAIA/gC3AUn+twFJ/re3k5MBbklJbklJbklJSbdcWwAAAAMAAAAlAgABkgAEAAkAEgAANxEFEQUBBREFEQc/ARcVJTU3FwACAP4AAdv+SgG2tiQwPv6Sbm4lAW4B/pQBAUoB/twBASa4AV5eSgFIk5MABAAlAAAB2wG3AAMAGgAeADUAAAEVJzMHHgIGDwEOAS4BJy4BNDY/AT4BHgEXARcnFTceATI2PwE+AS4BJy4CBg8BDgEeARcB29vbKgMDAQICcwIGBgYCAwMBAnQCBQYGAv5029sqAwYGBQJzAgEBAgMCBgYGAnICAgEDAgG33NwrAgYGBgJzAgEBAgMDBQYGAnMCAQECA/51AdvaKgMDAQJzAgUGBgMCAwECAnMCBQYGAgAABAAA/9sCAAHbAAMAGgAeADUAACU1Fwc3LgI2PwE+AR4BFx4BFAYPAQ4BIiYnBycXNQcuASIGDwEOAR4BFx4CNj8BPgEuAScBJdvbKgMDAQICcwIGBgYCAwMBAnQCBQYGAnTb2yoDBgYFAnMCAQECAwIGBgYCcgICAQMC/9zbASwCBgYGAnICAgEDAgMGBgUCcwIBAwN1AdzbKgMDAQJzAgUGBgMCAwECAnICBgYGAgABAG4AJQFuAZIAEgAAJREjESM1Ii4CNTQ+AjsBESMBSSRKFigeEREeKBaTJSUBSf63khEeKBcWKB4R/pMAAAAAAwAlAAEB3AG2AAoAVwB4AAAlMwcnMzUjNxcjFQcOAwcOAyMiLgInLgM1ND4CNz4DOwE1NC4CJy4DIyIOAgcOAwc1PgM3PgIyMzIeAhceAx0BIzU1IyIOAgcOAxUUHgIXHgMzMj4CNz4DPQEBkkpcXEpKXFxK6wIGBgcEAwgICQUIDw4LBQUHBQIDBQkGBQ8SFAwlAQMDAgMFBwgFBAoJCQQFCQkJBQQJCQkEBQkKCQUNFRENBQUIBQI0FQgMCggDAwUDAQECAwICBQUHAwUJCQcCAwUCApKRkZORkZMHBAYFBQECAwIBAgUHBQULDQ8JCRANCwQFBgUCCQMGBQQCAgICAQEBAgEBAwQFAy8CAwMCAQEBAQIFCAUGDhIXDXgYSwECAwICBgYIBQQGBgUCAgMCAQIEBgQECgsOBwQAAAAEACUASgHbAW4AAwAMAC0AegAANyM3FwczNzMXMwMjAyUVFA4CBw4DIyIuAicuAzU0PgI3PgM7ATcuAyMqAQ4BBw4DBxU+Azc+AzMyHgIXHgMdASMiDgIHDgMVFB4CFx4DMzI+Ajc+AzcVMzU0LgInrjUbGok4EUsSOE1ETQF/AQMFAwMHCQoFBAYGBQIDAwIBAgMEAwMJCw0IFiIFDhIWDQYKCgoFBAoJCgQFCgoJBQUJCgoFBAkHBgIDAwMBJg0WEw8GBgkGAwIFCAUFDA4QCQUJCQgEBAcHBgI3AgUIBsV1dXZHRwEf/uFlBAcOCwsEBAYEAwICAwICBQYHAwUJBwUCAgMCAWIFCAYCAQEBAQMCBAIwAwUEAwIBAgEBAQIDAQIEBgYDCQMEBwQFCw4QCgkPDgsFBQcFAgEBAwICBQUHAxh7DhcTDwUAAAIASQBJAbcBkwAEAIEAABMhFSE1Fx4DFx4DFRQOAgcOAyMiLgInLgMnFR4DFx4DMzI+Ajc+AzU0LgInLgMvAS4DJy4DNTQ+Ajc+AzMyHgIXHgMXNS4DJy4DIyIOAgcOAxUUHgIXHgMfAUkBbv6SvwQIBgYCAgMDAQIDBQQDCAkLBgYNDAwGBg0NDQYGCwwNBgYNDAwHDxoXEggHCwgDAgUHBAUMDxIKHAcNCQcDAgMDAQIDBQMDCAkKBgYLCgsGBQsLCgYGCwwLBgYLDAsGDBcUEQcICwcDAgQHBAUMERUNIAEAJSUxAgMFBAMDBgYHAwUICAYDAgQDAQECAwMCBQcIBEEDBAUDAgECAQEDBgkGBQ8SFQwJEA8NBgYKCggDCwIFBQQDAgUFBgMFBwcFAwIDAwEBAgMCAgQGBgM9AgUDBAEBAgEBAwcJBgYPERMLCA8ODAQFCgoJBQsAAAQAAABJAgABbgAEAAkADgATAAA/ARcHJxc3FwcnJScHFzcXJwcXNwAltiO4AbYluCMB/yO4JbYBuCO2Jdsdkh6TAZQekhwBHZIekwGUHpIcAAAAAAUAAP/bAgAB2wAEAAkADgATABgAABcRIREhASERIREHITUhFRUhNSEVFSE1IRUAAgD+AAHb/koBtkn+3AEk/twBJP7cASQlAgD+AAHc/kkBt5JJSW5JSW5JSQAAAwCTAEkBbQGSABcALwBbAAA3Mh4CFx4DFwYUDgEHDgMrATczNzIeAhceAhQXBhQOAQcOAysBNzMDMzI+Ajc+Ayc2LgInLgMnPgM3PgMnNi4CJy4DKwED+AcNCQkDBAMEAQEBBAQEAgkKDQcqASgBBQsIBwIDAwQBAQQCBAEICAsFKgEoZGQRGRgRCAYLBgQBAQMEBwQGCg8OCggMDQgFAwcDAwEBBAYLBgcQFBcOZAHeAQMEAwMICQwHBgsJCAIDBAMBYYECAgMDAgYHCQUFCQcGAgIEAgFN/uoDBQgGBQ4RFQsKEQ8NBgUJBgQBAQMFBwUECwwOCAsSDw0FBggFAv63AAADACUAAAHbAbcABAANABEAADcRIREhEyMDMzczFzMDBxcjNyUBtv5K/URMOBBLETdLIho0GgABt/5JAW7+20hIASU1eHgAAAACAEIAHwG8AZkAIQBLAAAlBycOAS4BJwcXBw4BIiYvAS4BNDY/AT4BMhYfAR4BFAYHJy4BIgYPAQ4BFBYXHgE+AT8BLgMnLgI2PwE+AhYXBxc3PgE0JicBvJQEBQsMCwYhHg8PJygnDw8PDw8P1w8nKCcPDw8QEA8lCxscHAvFCwwLCgsbHRsLJwMFBgUCCgwDBQhSBg8QEgl+JoYLCwoL9pQEAQECAwMgHg8PDw8PDxAmKCcP1w8QEA8PDycoJw9+CwoLC8YLGx0bCwoLAQsLJgIDBAUCChcXFQhSBgYBBAV9JYYLHBwbCwAAAAMAAABJAgABbgAEAAkADgAAEyEVITUXIRUhNRczFSM1AAIA/gCSAW7+kpPb2wFuSUluSUluSUkAAwAAAEkCAAFuAAQACQAOAAATIRUhNRUhFSE1FTMVIzUAAgD+AAFt/pPc3AFuSUluSUluSUkAAAADAAAASQIAAW4ABAAJAA4AABMhFSE1FSEVITUVIRUhNQAB//4BAf/+AQIA/gABbklJbklJbklJAAMAAABJAgABbgAEAAkADgAAEyEHIScHIRchNxchByEnbgElAf7dAW0B/wH9/wFtASUB/t0BAW5JSW5JSW5JSQAGAAAAJwIAAZUACAANABQAGAAdACEAADc1IxEhFTMRIQEhFSE1FyMVIRUhNQcjNxcXITUhFScXIzdJSQG3Sf5JAUn+kwFtSiX+twFu27hcXG3+2wElKSlJICdJASVK/twBSdzcSbcl3EltbSUlJW5JSQAAAAEAAAABAADCHXSvXw889QALAgAAAAAAz3WLJQAAAADPdYsl////2wIAAdsAAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgD//wAAAgAAAQAAAAAAAAAAAAAAAAAAACQAAAAAAAAAAAAAAAABAAAAAgAAAAIAAAACAAAAAgAAbgIAAAACAABtAgAAAAIAAAkCAABJAgD//wIAAAACAAAAAgAAAAIAAJICAAAAAgAAAAIAACUCAAAAAgAAbgIAACUCAAAlAgAASQIAAAACAAAAAgAAkwIAACUCAABCAgAAAAIAAAACAAAAAgAAAAIAAAAAAAAAAAoAFAAeAEAAcAC4AQQBhgGoAfoCQAMCAyYDuARGBFQEcASUBLwFFgVuBY4GLgbUB4IHrAfaCFwIgAj2CRIJLglKCWoJpAAAAAEAAAAkAJAACgAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAYAAAAAQAAAAAAAgAOAGoAAQAAAAAAAwAYAC4AAQAAAAAABAAYAHgAAQAAAAAABQAWABgAAQAAAAAABgAMAEYAAQAAAAAACgAoAJAAAwABBAkAAQAYAAAAAwABBAkAAgAOAGoAAwABBAkAAwAYAC4AAwABBAkABAAYAHgAAwABBAkABQAWABgAAwABBAkABgAYAFIAAwABBAkACgAoAJAAUgBlAGQAYQBjAHQAbwByAEYAbwBuAHQAVgBlAHIAcwBpAG8AbgAgADEALgAwAFIAZQBkAGEAYwB0AG8AcgBGAG8AbgB0UmVkYWN0b3JGb250AFIAZQBkAGEAYwB0AG8AcgBGAG8AbgB0AFIAZQBnAHUAbABhAHIAUgBlAGQAYQBjAHQAbwByAEYAbwBuAHQARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AABIoAAoAAAAAEeAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAADgEAAA4Bg0Rie09TLzIAAA74AAAAYAAAAGAIIvzVY21hcAAAD1gAAABMAAAATBpVzHZnYXNwAAAPpAAAAAgAAAAIAAAAEGhlYWQAAA+sAAAANgAAADYACVb9aGhlYQAAD+QAAAAkAAAAJAPhAgVobXR4AAAQCAAAAJAAAACQQQED3m1heHAAABCYAAAABgAAAAYAJFAAbmFtZQAAEKAAAAFmAAABZhHEcG1wb3N0AAASCAAAACAAAAAgAAMAAAEABAQAAQEBDVJlZGFjdG9yRm9udAABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeKZviU+HQFHQAAAT8PHQAAAUQRHQAAAAkdAAAN+BIAJQEBDRkbHSAlKi80OT5DSE1SV1xhZmtwdXp/hImOk5idoqessba7wFJlZGFjdG9yRm9udFJlZGFjdG9yRm9udHUwdTF1MjB1RTYwMHVFNjAxdUU2MDJ1RTYwM3VFNjA0dUU2MDV1RTYwNnVFNjA3dUU2MDh1RTYwOXVFNjBBdUU2MEJ1RTYwQ3VFNjBEdUU2MEV1RTYwRnVFNjEwdUU2MTF1RTYxMnVFNjEzdUU2MTR1RTYxNXVFNjE2dUU2MTd1RTYxOHVFNjE5dUU2MUF1RTYxQnVFNjFDdUU2MUR1RTYxRXVFNjFGAAACAYkAIgAkAgABAAQABwAKAA0AQQCYAPEBSQH6Ai8CxwMhA98EGwTXBYEFkQW0BfEGLwagBxEHOgf0CLUJaQmsCfwKhAq5C0QLdAuiC9AMAQxo/JQO/JQO/JQO+5QOi7AVi/gB+JSLi/wB/JSLBfhv990V/EqLi/u5+EqLi/e5Bfu4+5QVi/dv9yb7Avsm+wEFDvcm+AIV+AKLi0L8AouL1AWL+wIV+AKLi0L8AouL1AWL+wIV+AKLi0L8AouL1AX7JvdwFdSLi0JCi4vUBYv7AhXUi4tCQouL1AWL+wIV1IuLQkKLi9QFDviLsBVky0yq+0KWCIshBYuLQMb7LPcT9z33GsW4i4sIiyEF92Wr9wT7QV77Cgj7yfdpFYvIBYuLb3ImSOFBtnqLiwiLfIvXBe6F9yJ7nGSl0PsO6Ps2YwgO9wLUFfe4i4tn+7iLi68FysoVnHmngrGLsounlJydnJ2Up4uyCIv3SUyLi/tXBYt8hoCDg4ODgId8i32Lf4+Dk4OTh5aLmgiL91dLi4v7SQWLZJRvnXkIDvfd+EoVrouL+yrWi4tr+wKLi/dKBbH7kxX3JS/7JS+L1fsDi4uw9wOLi9QF+3LTFfsl5/cl54tC9wOLi2b7A4uLQQWXNhWTg499i3iLf4mBhoSGg4SHgYmOio6KjYiNiI6GjoQIpklri3i5BYuMio2KjYaZhZKEiwiBi4tDbouL90q1iwWfi5mHk4MIVEcVmYsFk4uRjY+Pjo+NkYuUi5SJkoiOh4+FjYOLCH2Li1kFDve393oVRYuu9wyu+wwF+0r7DRXVi6LU7ouiQtWLJve6MIsm+7oFjGcV97iLi0L7uIuL1AUOi7AVi/gB+JSLi/wB/JSLBfdLrxX3JouL1Psmi4tCBYv3AhX3JouL1Psmi4tCBWb3SxX7AYuLQvcBi4vUBYv7AhX7AYuLQvcBi4vUBYv7AhX7AYuLQvcBi4vUBbD3cBWLQvcmi4vU+yaLBfe4ixX7AYuLQvcBi4vUBYv7AhX7AYuLQvcBi4vUBYv7AhX7AYuLQvcBi4vUBQ74lPdzFfss+xNAUIuLCIv1BftCgExsZEte9wr3BPdB92VrCIv1BYuLxV73PfsaCPxYLBWcsvcim+6RCIs/i5oFi4u2nOHVJs5vpIuLCItOBfs2s/sOLqVGCA73zfe2FXNsgGiLY4tpk3Ccd513n4Gji6CLnJKZmpqakpyLn4uehZt+mH+ZfJJ7i32LgIeChQiIiYmKiYuKi4mMioyKjoqPi5GLpJOknKOco6KcqJYIi6EFWXhlcnRrCPthixV0bH9oi2OLaZNwnXecd6CBoougi5ySmpqZmpKci5+LnoWbfph/mX2Seot+i3+IgoQIiImJioqLiYuKjIqMiY6Kj4uRi6SUpJujnKOinKmWCIuhBVh4ZnJzawgOi/gCFfiUi4tC/JSLi9QF90v7AhX33YuLQvvdi4vUBYv7AhX33YuLQvvdi4vUBWZCFYv3S/snL/cnMAUO9yb4AhX4AouLQvwCi4vUBYv7AhX4AouLQvwCi4vUBYv7AhX4AouLQvwCi4vUBfsh9hXPi4ufc4uL6HeLdYWLd6GRi0Jzi4t3Bav7JRWXl5KTjY6PkI2PjY+Mj4yPi5CLlIiThJCFkYKOf4uHi4aKhoqGioaKhokIi3YFkI6QjZCNkIyPjI+LkIuPio6IjoiMh4uGi4iLiImIiYeJh4eHiIiDgX18CIB+i3jPi4ufXosFjo+QkJGRCIuLBQ74AtQVcItyk3aYCIu/qYsFmIWZh5uLvYu0sIu5i7pisFmLe4t9h36FCG2Li78FoJikk6aL3IvMSYs6iztKSTqLCPtL90sV9yaLi0L7JouL1AVmuhV8i3yHfoUIbYuLcwWAfYR6i3iLeZJ5ln0Ii3SpiwWYhZqHmoubi5mPmJEIqYuLVwV2fnKDcIs6i0rNi9uL3MzN3Iumi6SDoH4Ii1dtiwV+kX2Pe4sIDov3lBX4lIuLQvyUi4vUBQ73m/ftFWL7a0qLgFL3VYuWxEuLtPdry4uWxPtVi4BSzIsFDov4AhX4lIuLQvyUi4vUBfdL+wIV992Li0L73YuL1AWL+wIV992Li0L73YuL1AX7S0IVi/dL9ycv+ycwBQ6LsBWL+AH4lIuL/AH8lIsF+G/33RX8SouL+7n4SouL97kF+0r7SxWvi7vqySyLQvwCi4vU9wL3JvcC+yYFDvhv+EsVi/tw+2/3cPdviwVhYBWShIyChoUI+wf7BwWFhoKMhJKEkoqUkJEI9wj3BwWQkJWKkYQI/CD8HxX3b4r7b/dvi/tuBbW1FZKElYqQkAj3B/cHBZCQipWEkoSRgo2FhQj7BvsHBYWGjYGRhQgO97n3kxWL93D3b/tv+2+KBbW3FYSSipSQkQj3B/cGBZGRlIqShJKEjIGGhgj7CPsHBYaGgYyFkgj7CPsJFftvjPdv+3CL928FYWEVhJKBjIaGCPsH+wcFhoaMgZKEkoSUipGRCPcG9wYFkZGJlIWSCA733bAVi/fdZ4uL+91Bi4v3JgVPi1q8i8iLx7y8x4sI9yeLi/wBZosFDvgm9yYV1Ysv+yUv9yXVi4v3J0GL5/cl5/slQYuL+ycF+3+EFYWCgoSBhoGGgIh/i3WLeZF+mH6XhZ2Looujkp2blpqXopGriwiwi4uUBYuUiJKFj4SQgo1/i3+Lf4l/iH+If4V+hAiLugWWkJeOl46XjZiMmIusi6KEmH6ZfZFyi2gIi/sMV4uLowWL1hV2iwV3i32IhIaDhoeCi36LgY6EkIWQhpOIlIuZi5aQkpaTlo+ai58Ii48FDvdC91kVVoum9wml+wkF+x37ChXDi5zS1oudRMOLPvezR4s++7MF+BPwFYuHBYt3h3uDgIOAf4V9i4GLg46GkYWRiJOLlIuYj5WTkJSQmY6giwihiwWt7RV9mXOSaYt8i36Kfol/iH6Hf4YIi1sFmJOYkJiPl46YjZmLl4uViJGHkoaOhIuCCIuCZYsFaYtyhXt/e3+DeItyi3SReZl+mH6ehaOLmIuXjZWQlpCTk5KUCItzwouL9w8Fi6+EpX2ZCA7U95QV+AKLi2b8AouLsAX3U1oVloeUhZGEkYSOgouCi36GgYKEgoR/iHuLe4t6jnuRepB6lHqXCItKBZqEm4Wch5yIm4mci7OLqZOfm5+alKOLq4ujhZ9/mn6bd5dwlAhvlgV3kX6ShZGFkIiTi5OLl4+UlJGTkZeOm4uai5mImoaZhpqEmYIIi8gFfJF8kHuPfI58jXuLaYtxg3h6d3uCdItui3WQeZd+l32hf61+CKuABQ6L928Vr6n3S/snZ277S/cmBYuLFfdL9yevbvtL+ydnqAX4lIsVZ6n7S/snr273S/cmBYuLFftL9ydnbvdL+yevqAUOi2YVi/iU+JSLi/yU/JSLBfhv+HAV/EqLi/xL+EqLi/hLBUL7JhX7uIuL1Pe4i4tCBYv7AhX7uIuL1Pe4i4tCBYv7AhX7uIuL1Pe4i4tCBQ73jPdyFZ6LmYiUg5ODj36LeYt6h3+DhIOEfYd3iwhii4vstIsFi/cVFZuLloiShJKFjoKLfYt+iIGEhYSFgIh7iwhii4vYtIsFJvuqFfCLBbWLqJKemp2ZlKKLqoulhZ9/mn+ZeZRzjZ+NmpKVl5aXkJuLoIungqB5mHqZcJJoiwgmi4v73QUOsIsVi/hL+EqLi/xL/EqLBfeR+AIVR4s/+7nDi5vT1oucQ8KLQPe5BWlWFaX7DFeLpfcMBQ74UPeKFfso+yiHjwV9h3uNfJMIamupbXx8BWJiSYtitAh8mgVitIvNtLQI92v3awW0tM2LtGIImnwFtGKLSWJiCGb3EhVuqFyKbm4I+1n7WgVtbotcp26ob7qLqKkIsrEFg4+EkIWScKaGsJ+gCN3dBZuapIyifwj7EvsRsWb3GvcaBaiojLpuqAgOi/gCFfiUi4tC/JSLi9QF9yb7AhX4AouLQvwCi4vUBfcn+wIV92+Li0L7b4uL1AUOi/gCFfiUi4tC/JSLi9QFi/sCFfgBi4tC/AGLi9QFi/sCFfdwi4tC+3CLi9QFDov4AhX4k4uLQvyTi4vUBYv7AhX4k4uLQvyTi4vUBYv7AhX4lIuLQvyUi4vUBQ73AvgCFfe4i4tC+7iLi9QF+wL7AhX4lIuLQvyUi4vUBfcC+wIV97iLi0L7uIuL1AUO1LIVi9RCi4v3ufhLi4tB1IuL+7j8S4sF99333RX8AYuL+3D4AYuL93AF1UIVZouL+0v73YuLZvgCi4v3cAX7b0IV+0yL5/cB5/sBBfcBZhX7uYuLsPe5i4tmBWL3AhW0QkKLq9QFDviUFPiUFYsMCgAAAAADAgABkAAFAAABTAFmAAAARwFMAWYAAAD1ABkAhAAAAAAAAAAAAAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAEAAAOYfAeD/4P/gAeAAIAAAAAEAAAAAAAAAAAAAACAAAAAAAAIAAAADAAAAFAADAAEAAAAUAAQAOAAAAAoACAACAAIAAQAg5h///f//AAAAAAAg5gD//f//AAH/4xoEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAQAAhlBJsl8PPPUACwIAAAAAAM91iyUAAAAAz3WLJf///9sCAAHbAAAACAACAAAAAAAAAAEAAAHg/+AAAAIA//8AAAIAAAEAAAAAAAAAAAAAAAAAAAAkAAAAAAAAAAAAAAAAAQAAAAIAAAACAAAAAgAAAAIAAG4CAAAAAgAAbQIAAAACAAAJAgAASQIA//8CAAAAAgAAAAIAAAACAACSAgAAAAIAAAACAAAlAgAAAAIAAG4CAAAlAgAAJQIAAEkCAAAAAgAAAAIAAJMCAAAlAgAAQgIAAAACAAAAAgAAAAIAAAACAAAAAABQAAAkAAAAAAAOAK4AAQAAAAAAAQAYAAAAAQAAAAAAAgAOAGoAAQAAAAAAAwAYAC4AAQAAAAAABAAYAHgAAQAAAAAABQAWABgAAQAAAAAABgAMAEYAAQAAAAAACgAoAJAAAwABBAkAAQAYAAAAAwABBAkAAgAOAGoAAwABBAkAAwAYAC4AAwABBAkABAAYAHgAAwABBAkABQAWABgAAwABBAkABgAYAFIAAwABBAkACgAoAJAAUgBlAGQAYQBjAHQAbwByAEYAbwBuAHQAVgBlAHIAcwBpAG8AbgAgADEALgAwAFIAZQBkAGEAYwB0AG8AcgBGAG8AbgB0UmVkYWN0b3JGb250AFIAZQBkAGEAYwB0AG8AcgBGAG8AbgB0AFIAZQBnAHUAbABhAHIAUgBlAGQAYQBjAHQAbwByAEYAbwBuAHQARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('woff');
    font-weight: 400;
    font-style: normal
}

.redactor-box {
    position: relative;
    overflow: visible;
    margin-bottom: 24px
}

.redactor-box textarea {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: auto;
    outline: 0;
    border: none;
    background-color: #111;
    box-shadow: none;
    color: #ccc;
    font-size: 13px;
    font-family: Menlo, Monaco, monospace, sans-serif;
    resize: none
}

.redactor-box textarea:focus {
    outline: 0
}

.redactor-editor,
.redactor-box {
    background: #fff
}

.redactor-editor,
.redactor-box,
.redactor-box textarea {
    z-index: auto!important
}

.redactor-box-fullscreen {
    z-index: 1052!important
}

.redactor-toolbar,
.redactor-dropdown {
    z-index: 1053!important
}

#redactor-modal-overlay,
#redactor-modal-box,
#redactor-modal {
    z-index: 1054!important
}

.redactor-resize {
    background: #f4f4f4;
    padding: 4px 0 3px 0;
    cursor: move;
    border: 1px solid #e3e3e3;
    border-top: none
}

.redactor-resize div {
    width: 30px;
    margin: auto;
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #fff
}

body .redactor-box-fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%
}

.body-redactor-hidden {
    overflow: hidden
}

.redactor-editor {
    position: relative;
    overflow: auto;
    margin: 0!important;
    padding: 20px;
    outline: 0;
    white-space: normal;
    border: 1px solid #eee;
    font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
    font-size: 14px;
    line-height: 1.6em
}

.redactor-editor:focus {
    outline: 0
}

.redactor-placeholder {
    position: relative
}

.redactor-placeholder:after {
    position: absolute;
    top: 20px;
    left: 20px;
    content: attr(placeholder);
    color: #999!important;
    font-weight: 400!important
}

.redactor-linebreaks.redactor-placeholder:after {
    top: 20px;
    left: 20px
}

.redactor-toolbar {
    position: relative;
    top: 0;
    left: 0;
    margin: 0!important;
    padding: 0!important;
    list-style: none!important;
    font-size: 14px!important;
    line-height: 1!important;
    background: #fff;
    border: none;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2)
}

.redactor-toolbar:after {
    content: "";
    display: table;
    clear: both
}

.redactor-toolbar.redactor-toolbar-overflow {
    overflow-y: auto;
    height: 29px;
    white-space: nowrap
}

.redactor-toolbar.redactor-toolbar-external {
    z-index: 999;
    box-shadow: none;
    border: 1px solid rgba(0, 0, 0, .1)
}

.redactor-toolbar li {
    vertical-align: top;
    display: inline-block;
    margin: 0!important;
    padding: 0!important;
    outline: 0;
    list-style: none!important;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.redactor-toolbar li a {
    display: block;
    color: #333;
    text-align: center;
    padding: 9px 10px;
    outline: 0;
    border: none;
    text-decoration: none;
    cursor: pointer;
    zoom: 1;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.redactor-toolbar li a:hover {
    outline: 0;
    background-color: #1f78d8;
    color: #fff
}

.redactor-toolbar li a:hover i:before {
    color: #fff
}

.redactor-toolbar li a:active,
.redactor-toolbar li a.redactor-act {
    outline: 0;
    background-color: #ccc;
    color: #444
}

.redactor-toolbar li a.redactor-btn-image {
    width: 14px;
    height: 14px;
    background-position: center center;
    background-repeat: no-repeat
}

.redactor-toolbar li a.fa-redactor-btn {
    display: inline-block;
    padding: 9px 10px 8px 10px;
    line-height: 1
}

.redactor-toolbar li a.redactor-button-disabled {
    filter: alpha(opacity=30);
    -moz-opacity: .3;
    opacity: .3
}

.redactor-toolbar li a.redactor-button-disabled:hover {
    color: #333;
    outline: 0;
    background-color: transparent!important;
    cursor: default
}

.re-icon {
    font-family: RedactorFont;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.re-icon i:before {
    position: relative;
    font-size: 14px
}

.re-video:before {
    content: "\e600"
}

.re-unorderedlist:before {
    content: "\e601"
}

.re-undo:before {
    content: "\e602"
}

.re-underline:before {
    content: "\e603"
}

.re-textdirection:before {
    content: "\e604"
}

.re-fontcolor:before {
    content: "\e605"
}

.re-table:before {
    content: "\e606"
}

.re-redo:before {
    content: "\e607"
}

.re-quote:before {
    content: "\e608"
}

.re-outdent:before {
    content: "\e609"
}

.re-orderedlist:before {
    content: "\e60a"
}

.re-link:before {
    content: "\e60b"
}

.re-horizontalrule:before {
    content: "\e60c"
}

.re-italic:before {
    content: "\e60d"
}

.re-indent:before {
    content: "\e60e"
}

.re-image:before {
    content: "\e60f"
}

.re-fullscreen:before {
    content: "\e610"
}

.re-normalscreen:before {
    content: "\e611"
}

.re-formatting:before {
    content: "\e612"
}

.re-fontsize:before {
    content: "\e613"
}

.re-fontfamily:before {
    content: "\e614"
}

.re-deleted:before {
    content: "\e615"
}

.re-html:before {
    content: "\e616"
}

.re-clips:before {
    content: "\e617"
}

.re-bold:before {
    content: "\e618"
}

.re-backcolor:before {
    content: "\e619"
}

.re-file:before {
    content: "\e61a"
}

.re-alignright:before {
    content: "\e61b"
}

.re-alignment:before,
.re-alignleft:before {
    content: "\e61c"
}

.re-alignjustify:before {
    content: "\e61d"
}

.re-aligncenter:before {
    content: "\e61e"
}

.re-gallery:before {
    content: "\e61f"
}

.redactor-toolbar-tooltip {
    position: absolute;
    z-index: 1054;
    text-align: center;
    top: 0;
    left: 0;
    background: #000;
    color: #fff;
    padding: 5px 8px;
    line-height: 1;
    font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
    font-size: 12px;
    border-radius: 2px
}

.redactor-dropdown {
    position: absolute;
    top: 28px;
    left: 0;
    padding: 0;
    min-width: 220px;
    max-height: 254px;
    overflow: auto;
    background-color: #fff;
    box-shadow: 0 1px 7px rgba(0, 0, 0, .25);
    font-size: 14px;
    font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
    line-height: 1.6em
}

.redactor-dropdown a {
    display: block;
    padding: 10px 15px;
    color: #000;
    text-decoration: none;
    border-bottom: 1px solid rgba(0, 0, 0, .07)
}

.redactor-dropdown a:last-child {
    border-bottom: none
}

.redactor-dropdown a:hover {
    background-color: #1f78d8;
    color: #fff!important;
    text-decoration: none
}

#redactor-image-box {
    position: relative;
    max-width: 100%;
    display: inline-block;
    line-height: 0;
    outline: 1px dashed rgba(0, 0, 0, .6)
}

#redactor-image-editter {
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%;
    margin-top: -11px;
    margin-left: -18px;
    line-height: 1;
    background-color: #000;
    color: #fff;
    font-size: 11px;
    padding: 7px 10px;
    cursor: pointer
}

#redactor-image-resizer {
    position: absolute;
    z-index: 2;
    line-height: 1;
    cursor: nw-resize;
    bottom: -4px;
    right: -5px;
    border: 1px solid #fff;
    background-color: #000;
    width: 8px;
    height: 8px
}

.redactor-link-tooltip {
    position: absolute;
    z-index: 49999;
    padding: 10px;
    line-height: 1;
    display: inline-block;
    background-color: #000;
    color: #555!important
}

.redactor-link-tooltip,
.redactor-link-tooltip a {
    font-size: 12px;
    font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif
}

.redactor-link-tooltip a {
    color: #ccc;
    margin: 0 5px;
    text-decoration: none
}

.redactor-link-tooltip a:hover {
    color: #fff
}

#redactor-droparea {
    position: relative;
    overflow: hidden;
    padding: 140px 20px;
    border: 3px dashed rgba(0, 0, 0, .1)
}

#redactor-droparea.drag-hover {
    background: rgba(200, 222, 250, .75)
}

#redactor-droparea.drag-drop {
    background: rgba(250, 248, 200, .5)
}

#redactor-droparea-placeholder {
    text-align: center;
    font-size: 12px;
    color: rgba(0, 0, 0, .7)
}

#redactor-progress {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000000;
    height: 10px
}

#redactor-progress span {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #3d58a8;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
    background-size: 40px 40px
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

#redactor-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    margin: auto;
    overflow: auto;
    width: 100%;
    height: 100%;
    background-color: #000!important;
    filter: alpha(opacity=30);
    -moz-opacity: .3;
    opacity: .3
}

#redactor-modal-box {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow-x: hidden;
    overflow-y: auto
}

#redactor-modal {
    position: relative;
    margin: auto;
    margin-bottom: 20px;
    padding: 0;
    background: #fff;
    color: #000;
    font-size: 14px!important;
    font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
    box-shadow: 0 1px 70px rgba(0, 0, 0, .5)
}

#redactor-modal header {
    padding: 30px 40px 5px 40px;
    font-size: 18px;
    font-weight: 700
}

#redactor-modal section {
    padding: 30px 40px 50px 40px
}

#redactor-modal label {
    display: block;
    float: none!important;
    margin: 15px 0 3px 0!important;
    padding: 0
}

#redactor-modal input[type=radio],
#redactor-modal input[type=checkbox] {
    position: relative;
    top: -1px
}

#redactor-modal select {
    width: 100%
}

#redactor-modal input[type=text],
#redactor-modal input[type=password],
#redactor-modal input[type=email],
#redactor-modal input[type=url],
#redactor-modal textarea {
    position: relative;
    z-index: 2;
    margin: 0;
    padding: 5px 4px;
    height: 28px;
    border: 1px solid #ccc;
    border-radius: 1px;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2) inset;
    color: #333;
    width: 100%;
    font-size: 14px;
    font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
    -moz-transition: border .3s ease-in;
    transition: border .3s ease-in
}

#redactor-modal input[type=text]:focus,
#redactor-modal input[type=password]:focus,
#redactor-modal input[type=email]:focus,
#redactor-modal input[type=url]:focus,
#redactor-modal textarea:focus {
    outline: 0;
    border-color: #5ca9e4;
    box-shadow: 0 0 0 2px rgba(70, 161, 231, .3), 0 1px 2px rgba(0, 0, 0, .2) inset
}

#redactor-modal input[type=text].redactor-input-error,
#redactor-modal input[type=password].redactor-input-error,
#redactor-modal input[type=email].redactor-input-error,
#redactor-modal input[type=url].redactor-input-error,
#redactor-modal textarea.redactor-input-error {
    border-color: #e82f2f;
    box-shadow: 0 0 0 2px rgba(232, 47, 47, .3), 0 1px 2px rgba(0, 0, 0, .2) inset
}

#redactor-modal textarea {
    display: block;
    margin-top: 4px;
    line-height: 1.4em
}

#redactor-modal-tabber {
    margin-bottom: 15px;
    font-size: 12px
}

#redactor-modal-tabber a {
    border: 1px solid #ddd;
    line-height: 1;
    padding: 8px 15px;
    margin-right: -1px;
    text-decoration: none;
    color: #000
}

#redactor-modal-tabber a:hover {
    background-color: #1f78d8;
    border-color: #1f78d8;
    color: #fff
}

#redactor-modal-tabber a.active {
    cursor: default;
    background-color: #ddd;
    border-color: #ddd;
    color: rgba(0, 0, 0, .6)
}

#redactor-modal #redactor-modal-list {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
    max-height: 250px;
    overflow-x: scroll
}

#redactor-modal #redactor-modal-list li {
    border-bottom: 1px solid #ddd
}

#redactor-modal #redactor-modal-list li:last-child {
    border-bottom: none
}

#redactor-modal #redactor-modal-list a {
    padding: 10px 5px;
    color: #000;
    text-decoration: none;
    font-size: 13px;
    display: block;
    position: relative
}

#redactor-modal #redactor-modal-list a:hover {
    background-color: #eee
}

#redactor-modal-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    text-align: right;
    color: #bbb;
    font-size: 30px;
    font-weight: 300;
    cursor: pointer
}

#redactor-modal-close:hover {
    color: #000
}

#redactor-modal footer button {
    position: relative;
    width: 100%;
    padding: 14px 16px;
    margin: 0;
    outline: 0;
    border: none;
    background-color: #ddd;
    color: #000;
    text-align: center;
    text-decoration: none;
    font-weight: 400;
    font-size: 12px;
    font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
    line-height: 1;
    cursor: pointer
}

#redactor-modal footer button:hover {
    color: #777;
    background: 0 0;
    background: #bbb;
    text-decoration: none
}

#redactor-modal footer button.redactor-modal-delete-btn {
    background: 0 0;
    color: #fff;
    background-color: #b52525
}

#redactor-modal footer button.redactor-modal-delete-btn:hover {
    color: rgba(255, 255, 255, .6);
    background-color: #881b1b
}

#redactor-modal footer button.redactor-modal-action-btn {
    background: 0 0;
    color: #fff;
    background-color: #2461b5
}

#redactor-modal footer button.redactor-modal-action-btn:hover {
    color: rgba(255, 255, 255, .6);
    background-color: #1a4580
}

.redactor-dropdown .redactor-formatting-blockquote {
    color: rgba(0, 0, 0, .4);
    font-style: italic
}

.redactor-dropdown .redactor-formatting-pre {
    font-family: monospace, sans-serif
}

.redactor-dropdown .redactor-formatting-h1 {
    font-size: 36px;
    line-height: 36px;
    font-weight: 700
}

.redactor-dropdown .redactor-formatting-h2 {
    font-size: 24px;
    line-height: 36px;
    font-weight: 700
}

.redactor-dropdown .redactor-formatting-h3 {
    font-size: 21px;
    line-height: 30px;
    font-weight: 700
}

.redactor-dropdown .redactor-formatting-h4 {
    font-size: 18px;
    line-height: 26px;
    font-weight: 700
}

.redactor-dropdown .redactor-formatting-h5 {
    font-size: 16px;
    line-height: 23px;
    font-weight: 700
}

.redactor-editor code,
.redactor-editor pre {
    font-family: Menlo, Monaco, monospace, sans-serif
}

.redactor-editor div,
.redactor-editor p,
.redactor-editor ul,
.redactor-editor ol,
.redactor-editor table,
.redactor-editor dl,
.redactor-editor blockquote,
.redactor-editor pre {
    font-size: 14px;
    line-height: 1.6em
}

.redactor-editor a {
    color: #15c;
    text-decoration: underline
}

.redactor-editor object,
.redactor-editor embed,
.redactor-editor video,
.redactor-editor img {
    max-width: 100%;
    width: auto
}

.redactor-editor video,
.redactor-editor img {
    height: auto
}

.redactor-editor div,
.redactor-editor p,
.redactor-editor ul,
.redactor-editor ol,
.redactor-editor table,
.redactor-editor dl,
.redactor-editor figure,
.redactor-editor blockquote,
.redactor-editor pre {
    margin: 0;
    margin-bottom: 15px;
    border: none;
    background: 0 0;
    box-shadow: none
}

.redactor-editor iframe,
.redactor-editor object,
.redactor-editor hr {
    margin-bottom: 15px
}

.redactor-editor blockquote {
    margin-left: 1.6em!important;
    padding-left: 0;
    color: #777;
    font-style: italic
}

.redactor-editor ul,
.redactor-editor ol {
    padding-left: 2em
}

.redactor-editor ul ul,
.redactor-editor ol ol,
.redactor-editor ul ol,
.redactor-editor ol ul {
    margin: 2px;
    padding: 0;
    padding-left: 2em;
    border: none
}

.redactor-editor dl dt {
    font-weight: 700
}

.redactor-editor dd {
    margin-left: 1em
}

.redactor-editor table {
    border-collapse: collapse;
    font-size: 1em;
    width: 100%
}

.redactor-editor table td,
.redactor-editor table th {
    padding: 5px;
    border: 1px solid #ddd;
    vertical-align: top
}

.redactor-editor table thead td,
.redactor-editor table th {
    font-weight: 700;
    border-bottom-color: #888
}

.redactor-editor code {
    background-color: #d8d7d7
}

.redactor-editor pre {
    overflow: auto;
    padding: 1em;
    border: 1px solid #ddd;
    border-radius: 3px;
    background: #f8f8f8;
    white-space: pre;
    font-size: 90%
}

.redactor-editor hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc
}

.redactor-editor h1,
.redactor-editor h2,
.redactor-editor h3,
.redactor-editor h4,
.redactor-editor h5,
.redactor-editor h6 {
    font-weight: 700;
    color: #000;
    padding: 0;
    background: 0 0;
    text-rendering: optimizeLegibility;
    margin: 0 0 .5em 0
}

.redactor-editor h1,
.redactor-editor h2,
.redactor-editor h3,
.redactor-editor h4 {
    line-height: 1.3
}

.redactor-editor h1 {
    font-size: 36px
}

.redactor-editor h2 {
    font-size: 24px;
    margin-bottom: .7em
}

.redactor-editor h3 {
    font-size: 21px
}

.redactor-editor h4 {
    font-size: 18px
}

.redactor-editor h5 {
    font-size: 16px
}

.redactor-editor h6 {
    font-size: 12px;
    text-transform: uppercase
}

.users-popup-list {
    width: 600px
}

.ud-userlist tr td {
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #dbdbdb;
    padding: 1px
}

.ud-userlist tr td .bordered-thumb {
    float: left;
    margin-right: 1px
}

.ud-userlist .more {
    text-align: center
}

.ud-userlist .more a.btn {
    margin: 10px
}

.ud-userlist .more .ajax-loader-tiny {
    margin-top: -20px;
    position: initial;
    margin-left: 0;
    display: inline-block
}

.success-credit-balance {
    margin-right: 50px;
    color: #f0f0f0
}

#successful-payment {
    padding: 10px
}

#successful-payment .box {
    background: #F1F1F5;
    box-shadow: 0 1px 2px #999;
    max-width: 1170px;
    margin: 10px auto
}

#successful-payment .header {
    background: #fff;
    font-size: 28px;
    font-weight: 300;
    padding: 15px;
    text-align: center;
    border-top: 1px solid #ccc
}

#successful-payment .main {
    box-shadow: 0 1px 1px #ccc inset;
    padding: 20px
}

#successful-payment .left-col {
    float: left;
    width: 400px
}

#successful-payment .right-col {
    margin-left: 400px;
    min-height: 280px
}

#successful-payment .learning {
    font-size: 20px;
    font-weight: 300
}

#successful-payment .share {
    margin-top: 10px;
    min-height: 90px
}

#successful-payment .share>* {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px
}

#successful-payment .have {
    margin-top: 10px;
    font-weight: 700;
    font-size: 20px
}

#successful-payment .app {
    margin-top: 10px;
    overflow: hidden;
    display: table
}

#successful-payment .app a {
    display: table-cell;
    vertical-align: middle;
    width: 120px
}

#successful-payment .app span {
    font-size: 13px;
    display: table-cell;
    vertical-align: middle;
    max-width: 200px;
    padding-left: 10px
}

#successful-payment .ready {
    font-size: 20px;
    font-weight: 700;
    margin-top: 20px
}

#successful-payment .go {
    margin-top: 10px
}

#successful-payment .go a.btn {
    padding: 10px 15px
}

.success-v4 .top {
    padding: 20px 0
}

.success-v4 .top.separate-bg {
    background-color: #fff
}

.success-v4 .course-img {
    width: 160px
}

.success-v4 .top-med {
    padding: 0 20px
}

.success-v4 .course-title {
    margin: 5px 0;
    font-size: 28px
}

.success-v4 .congrats {
    font-size: 18px
}

.success-v4 .by-title {
    font-weight: 700
}

.success-v4 .you-made {
    font-size: 18px;
    text-align: center;
    margin: 0;
    font-weight: 700;
    display: block;
    line-height: 1
}

.success-v4 .invest {
    text-align: center;
    font-size: 11px;
    margin: 10px 0 0;
    line-height: 1.2
}

.success-v4 h4 {
    color: #2484c5;
    margin: 0
}

.success-v4 .cards {
    padding: 3px
}

.success-v4 .carousel-row {
    margin-top: 30px
}

.success-v4 .courses-wrapper {
    margin-top: 30px
}

.success-v4 .banner {
    height: 161px;
    position: relative;
    justify-content: flex-end;
    margin: 14px 0
}

.success-v4 .banner.learn-earn {
    background: url(http://udemy-images.s3.amazonaws.com/fb/email/2014/promo/2014/September/2014-09-04-learnandearn/learn-earn-banner.png)
}

.success-v4 .banner.free-to-learn-earn {
    background: url(http://udemy-campaign.s3.amazonaws.com/banner/2014/september/learn-earn-promotion-banner.png)
}

.success-v4 .banner.free-to-paid {
    background: url(http://udemy-campaign.s3.amazonaws.com/banner/free-to-paid/august-2014/free-to-paid-10credit-1260x160.png)
}

.success-v4 .text-wrapper {
    max-width: 400px;
    color: #FFF;
    margin-right: 40px
}

.success-v4 .terms {
    color: #fff;
    text-decoration: underline;
    display: inline-block
}

.success-v4 .terms:hover {
    color: #A7A7A7
}

.success-v4 .perc-bar {
    overflow: hidden;
    border: 1px solid #FFF;
    display: block;
    margin-bottom: 10px;
    position: relative
}

.success-v4 .perc-bar .perc-bar-inner {
    position: absolute;
    height: 100%;
    background: #0DE5A8
}

.success-v4 .perc-bar i {
    height: 10px;
    float: left;
    width: 25%;
    border-left: 1px solid #FFF;
    position: relative;
    z-index: 1
}

.success-v4 .perc-bar i:first-child {
    border: 0
}

.success-v4 .topl {
    float: left;
    margin-left: 80px
}

.success-v4 .topr {
    margin-left: 480px;
    margin-right: 80px
}

.success-v4 .topr .course-purchase {
    font-size: 26px;
    margin-top: 0;
    margin-bottom: 0
}

.success-v4 .topr .redemption-code {
    font-size: 20px;
    margin-top: 0
}

.success-v4 .topr .redemption-code span {
    font-size: 24px;
    color: #638f3b
}

.success-v4 .topr .invite {
    font-weight: 700
}

.success-v4 .license-congrats {
    background: none repeat scroll 0 0 #FFF
}

.success-v4 .license-congrats .start-btn {
    margin-top: -30px;
    margin-left: 39px;
    z-index: 10000;
    position: relative;
    width: 80%
}

.success-v4 .license-congrats .course-img {
    box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
    display: block;
    overflow: hidden;
    position: relative
}

.success-v4 .start-your {
    background: linear-gradient(#80b048, #638f3b) repeat scroll 0 0 transparent;
    bottom: 0;
    box-shadow: 0 -4px 2px -2px #4e722f inset;
    color: #FFF;
    display: block;
    font-size: 18px;
    font-weight: 700;
    left: 0;
    line-height: 52px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

.success-v4 .carousel-mask {
    overflow: hidden;
    margin-top: 10px;
    position: relative
}

.success-v4 .view-all-btn-container {
    margin-top: 30px;
    text-align: center
}

.success-v4 .fullscreen-courses-with-sidebar {
    max-width: none
}

.success-v4 .discover-courses-list-mask {
    margin-top: 10px
}

.success-v4 .discover-link {
    color: #fff;
    text-decoration: underline
}

.success-v4 .discover-link:hover {
    color: #ccc
}

.success-v4 .devi-container {
    position: relative
}

.success-v4 .devi-container .course-img-mobile {
    display: none;
    position: absolute;
    top: 86px;
    left: 36px;
    width: 165px
}

.success-v4 .devi-container .devi-img-mobile {
    display: none;
    position: relative
}

.success-v4 .devi-container .course-img-tablet {
    position: absolute;
    top: 45px;
    left: 36px;
    width: 165px
}

.success-v4 .devi-container .devi-img-tablet {
    position: relative
}

.success-v4 .continue-btn-container-mobile {
    display: none
}

.success-v4 .continue-btn-container-mobile .get-app-btn {
    margin-bottom: 20px;
    box-shadow: 1px 2px 5px #888;
    font-size: 12px;
    display: block;
    width: 180px
}

.success-v4 .continue-btn-container-mobile .continue-btn {
    color: #003F00;
    margin-bottom: 5px;
    display: block
}

.success-v4 .continue-btn-container-tablet {
    display: block;
    margin: 20px 0 10px 0
}

.success-v4 .continue-btn-container-tablet .get-app-btn {
    margin-bottom: 20px;
    margin-right: 20px;
    box-shadow: 1px 2px 5px #888;
    font-size: 12px;
    display: inline;
    width: 180px
}

.success-v4 .continue-btn-container-tablet .continue-btn {
    color: #003F00;
    margin-bottom: 5px;
    display: inline
}

@media (min-width: 1024px) and (max-width: 1200px) {
    .success-v4 .text-wrapper {
        width: 270px;
        margin-right: 10px
    }
    .success-v4 .you-made {
        font-size: 18px
    }
    .success-v4 .invest {
        font-size: 11px
    }
}

@media (max-width: 1024px) {
    .success-v4 .text-wrapper {
        max-width: none;
        margin-right: 10px;
        color: #333
    }
    .success-v4 .congrats {
        font-size: 15px
    }
    .success-v4 .course-title {
        font-size: 20px
    }
    .success-v4 h4 {
        text-align: center;
        font-size: 16px
    }
    .success-v4 .carousel-mask .course-nav-btn {
        display: none
    }
    .success-v4 .course-box {
        margin: 10px!important
    }
    .success-v4 .course-box .mask {
        width: 100%!important
    }
    .success-v4 .banner {
        background: 0 0;
        height: auto;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-color: #EBEBEB;
        padding: 20px 10px
    }
    .success-v4 .perc-bar {
        border-color: #A3A3A3
    }
    .success-v4 .perc-bar i {
        border-color: #838383
    }
    .success-v4 .terms {
        position: static;
        color: #333;
        margin-top: 5px
    }
    .success-v4 .terms:hover {
        color: #000
    }
    .success-v4 .discover-link {
        color: #616161
    }
    .success-v4 .discover-link:hover {
        color: #464646
    }
    .success-v4 .you-made {
        color: #555
    }
}

@media (max-width: 640px) {
    .success-v4 .fxac {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center
    }
    .success-v4 .congrats {
        margin-top: 10px
    }
    .success-v4 .continue-btn-container {
        margin-top: 10px
    }
    .success-v4 .course-box {
        display: none
    }
    .success-v4 .course-box:nth-child(1),
    .success-v4 .course-box:nth-child(2) {
        display: inline-block
    }
    .success-v4 .devi-container {
        display: block
    }
    .success-v4 .devi-container .devi-img-mobile {
        display: block
    }
    .success-v4 .devi-container .devi-img-tablet {
        display: none
    }
    .success-v4 .devi-container .course-img-mobile {
        display: block
    }
    .success-v4 .devi-container .course-img-tablet {
        display: none
    }
    .success-v4 .continue-btn-container-mobile {
        display: block
    }
    .success-v4 .continue-btn-container-tablet {
        display: none
    }
    .success-credit-balance {
        display: none
    }
}

.introjs-tooltip {
    font-family: proxima_nova_rgregular, Montserrat, sans-serif;
    font-size: 17px;
    line-height: 1.2;
    min-width: 500px
}

.introjs-tooltip .introjs-skipbutton,
.introjs-tooltip .introjs-skipbutton:focus,
.introjs-tooltip .introjs-skipbutton:active {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    font-family: proxima_nova_rgregular, Montserrat, sans-serif;
    font-size: 14px!important;
    margin: 0;
    padding: 0!important;
    position: absolute;
    right: 10px;
    bottom: 13px
}

.introjs-tooltip .introjs-nextbutton,
.introjs-tooltip .introjs-prevbutton,
.introjs-tooltip .introjs-button:focus,
.introjs-tooltip .introjs-button:active {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    color: #4e8800;
    font-family: proxima_nova_rgregular, Montserrat, sans-serif;
    font-size: 16px;
    margin: 1px 0 0;
    padding: 0
}

.introjs-tooltip .introjs-nextbutton {
    padding-left: 15px!important
}

.introjs-tooltip h3 {
    color: #444;
    line-height: 1;
    margin: 0 0 10px
}

.introjs-tooltip .step-num {
    bottom: 13px;
    font-size: 13px;
    left: 10px;
    position: absolute
}

.introjs-tooltip .start-tour-btn {
    background: none repeat scroll 0 0 #4e8800;
    box-shadow: 0 -4px 0 #427902 inset;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    left: 10px;
    margin-top: 25px;
    padding: 10px 25px;
    position: absolute;
    transition: all .2s ease 0s
}

.introjs-tooltip .introjs-tooltiptext {
    font-size: 14px;
    padding: 3px 5px
}

.introjs-tooltip .start-tour-btn:hover {
    background: none repeat scroll 0 0 #416f02;
    box-shadow: 0 -4px 0 #3a6705 inset
}

.introjs-tooltip .introjs-tooltipbuttons {
    border-top: 1px solid #e7e7e7;
    margin-top: 12px;
    min-height: 33px;
    padding-top: 10px;
    text-align: center
}

.introjs-tooltip .introjs-button:hover {
    box-shadow: none;
    color: #333
}

.introjs-tooltip.step0 .introjs-skipbutton,
.introjs-tooltip.step0 .introjs-skipbutton:focus,
.introjs-tooltip.step0 .introjs-skipbutton:active {
    bottom: 19px;
    right: 12px
}

.introjs-tooltip.step0 .introjs-tooltiptext {
    font-size: 18px
}

.introjs-tooltip.step0 .introjs-tooltipbuttons {
    min-height: 45px
}

.introjs-tooltip.step0 .introjs-nextbutton,
.introjs-tooltip.step0 .introjs-prevbutton {
    display: none
}

.introjs-tooltip.step2 ul {
    padding-left: 64px;
    position: relative
}

.introjs-tooltip.step2 ul li {
    margin: 10px 0
}

.introjs-tooltip.step2 ul:before {
    background-position: -431px -544px;
    height: 100%;
    left: 0;
    position: absolute;
    width: 60px
}

.introjs-tooltip.step3 li {
    font-size: 12px;
    margin: 6px 0
}

.introjs-tooltip.step3 li i {
    float: left;
    font-size: 14px;
    margin: 2px 9px 0 0
}

.introjs-tooltip.step4 .introjs-nextbutton {
    display: none
}

.course-box {
    display: inline-block;
    position: relative;
    vertical-align: top;
    white-space: normal;
    width: 270px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .15);
    text-align: left
}

.course-box.small {
    width: 230px
}

.course-box:hover .add-to-wishlist {
    display: inline-block
}

.course-box .wishlist-loader {
    display: block;
    margin-top: 6px;
    z-index: 2
}

.course-box .add-to-wishlist {
    position: absolute;
    display: inline-block;
    right: 8px;
    top: 10px;
    margin: 0;
    z-index: 2
}

.course-box .add-to-wishlist .wish-icon {
    font-size: 18px;
    -webkit-text-stroke: 1px #fff;
    text-stroke: 1px #fff;
    color: rgba(0, 0, 0, .5)
}

.course-box .add-to-wishlist.active .wish-icon {
    opacity: 1;
    color: #D23837
}

.course-box .add-to-wishlist:hover {
    box-shadow: none
}

.course-box .add-to-wishlist:hover+.mask {
    box-shadow: 0 2px 2px rgba(0, 0, 0, .25)
}

.course-box .add-to-wishlist:hover+.mask .course-thumb {
    background: #000
}

.course-box .add-to-wishlist:hover+.mask .course-thumb>img {
    opacity: .5
}

.course-box .add-to-wishlist:hover+.mask .avatars-list,
.course-box .add-to-wishlist:hover+.mask .lec-info {
    opacity: 1
}

.course-box .add-to-wishlist:hover .wish-icon {
    opacity: 1;
    color: #D23837
}

.course-box .add-to-wishlist:hover .tooltip {
    opacity: 1;
    display: inline-block;
    font-size: 12px
}

.course-box .reviews-row {
    background: none!important
}

.course-box .reviews-row .count {
    font-size: 14px
}

.course-box .reviews-row.border {
    border-top: 1px solid #E8E8E8
}

.course-box .mask {
    background: #fff;
    color: #353535;
    display: block;
    font-size: small;
    overflow: hidden
}

.course-box .mask:hover {
    box-shadow: 0 2px 2px rgba(0, 0, 0, .25)
}

.course-box .mask:hover .lec-info {
    opacity: 1
}

.course-box .mask:hover .avatars-list {
    opacity: 1
}

.course-box .mask:hover .course-thumb>img {
    opacity: .5
}

.course-box .mask .avatars-list {
    position: absolute;
    left: 10px;
    top: 15px;
    opacity: 0;
    height: 50px
}

.course-box .mask .avatars-list .avatar {
    width: 50px;
    height: 50px;
    border-radius: 2px;
    border: 3px solid #fff;
    position: relative;
    margin-right: 3px;
    display: inline-block;
    overflow: hidden
}

.course-box .title {
    display: block;
    line-height: 1.3;
    font-weight: 700;
    font-size: 13px;
    min-height: 33px;
    padding: 0;
    margin: 10px 10px 5px
}

.course-box .ins-title {
    font-weight: 400
}

.course-box .details {
    display: block;
    overflow: hidden;
    padding: 5px 10px 10px;
    text-align: center;
    line-height: 10px
}

.course-box .price {
    float: left;
    font-size: 13px;
    color: #1A1A1A;
    font-weight: 600;
    margin: 0 10px
}

.course-box .stu {
    color: #555;
    float: right;
    font-weight: 700;
    margin-top: 3px
}

.course-box .stu:before {
    background-position: -20px -210px;
    float: left;
    height: 13px;
    margin: -2px 4px 0 0;
    width: 20px
}

.course-box .small-rating {
    vertical-align: top
}

.course-box .instructors {
    border-top: 1px solid #eee;
    display: block;
    margin: 0 10px;
    overflow: hidden;
    padding: 10px 0
}

.course-box .instructors .r {
    margin-left: 33px;
    display: block
}

.course-box .ins-thumb {
    float: left;
    width: 25px;
    margin-right: 5px
}

.course-box .ins-name {
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    display: block;
    margin-bottom: 0
}

.course-box .ins-job-title {
    margin-top: 2px;
    font-size: 12px;
    line-height: 1.2;
    font-family: georgia;
    font-weight: lighter;
    color: #555;
    font-style: italic
}

.course-box .ins-job-title>h1,
.course-box .ins-job-title>h2,
.course-box .ins-job-title>h3,
.course-box .ins-job-title>h4,
.course-box .ins-job-title>h5,
.course-box .ins-job-title>h6 {
    font-weight: lighter;
    font-style: italic;
    color: #555
}

.course-box .heading {
    float: left;
    margin-right: 6px;
    margin-top: 4px;
    font-size: 15px
}

.course-box .two {
    padding-bottom: 11px
}

.course-box .two .ins-name:first-child {
    margin-bottom: 3px
}

.course-box .over-two {
    padding-bottom: 13px;
    margin-right: 0
}

.course-box .over-two:before {
    content: '';
    right: 0;
    bottom: 0;
    width: 25px;
    height: 43px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .8), #fff);
    position: absolute
}

.course-box .price {
    font-size: 13px
}

.course-box .lec-info {
    z-index: 1;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    opacity: 0;
    background: 0 0;
    position: absolute;
    left: 0;
    text-align: left;
    margin-left: 10px;
    z-index: 2;
    -webkit-text-stroke: .4px #fff;
    text-stroke: .4px #fff;
    top: 70px
}

.course-box .count {
    font-weight: 600
}

.course-box .inst-name {
    color: #4D4D4D;
    font-size: 13px;
    min-height: 36px;
    margin: 0 10px 0
}

.course-box .course-thumb {
    background: #000;
    display: block
}

.course-box .course-thumb>img {
    width: 100%;
    opacity: 1
}

.course-box .details2 {
    font-size: 12px;
    text-align: center;
    display: block;
    padding: 10px 0;
    border-top: 1px solid #eee;
    color: #9B9B9B;
    margin: 0 10px;
    line-height: 1.2
}

.course-box .details2 .gray {
    display: block
}

.course-box .details2 .green {
    color: #54b551;
    font-weight: 700;
    display: block;
    font-size: 15px;
    padding-top: 2px
}

.course-box .details2 .price-text {
    font-weight: 700;
    display: block
}

.course-box .details2 .promo-new-price {
    color: #ff4500;
    font-size: 15px;
    padding-top: 2px
}

.course-box .details2 .promo-old-price {
    text-decoration: line-through;
    font-size: 12px;
    padding-top: 1px
}

.course-box .details2 .price-col {
    float: left;
    text-align: left
}

.course-box .details2 .price-col.discount .gray {
    text-decoration: line-through
}

.course-box .details2 .reviews-col {
    display: inline-block;
    margin-left: 0
}

.course-box .details2 .users-col {
    float: right;
    text-align: right
}

.course-box .details2 .review-count {
    display: block;
    margin-bottom: 4px
}

.course-box .details2 .count {
    margin-top: 5px;
    display: block;
    font-size: 13px
}

.course-box .tooltip {
    display: none;
    position: absolute;
    right: 0;
    z-index: 2;
    top: 0
}

.course-box .tooltip .tooltip-arrow {
    border-right-color: #fff;
    left: 1px
}

.course-box .tooltip .tooltip-inner {
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
    color: #404004;
    display: inline-block
}

.course-box .tooltip.left {
    right: 27px
}

.course-box .tooltip.left .tooltip-arrow {
    border-left-color: #fff;
    right: 1px;
    left: auto
}

.filter-and-pagination {
    padding: 30px 0 15px
}

.filter-and-pagination h3 {
    font-weight: 400
}

.my-course-box-wrapper {
    margin-right: -20px;
    font-size: 0
}

.my-course-box-flat {
    display: inline-block;
    vertical-align: top;
    width: 270px;
    margin: 0 20px 20px 0;
    overflow: hidden;
    position: relative;
    text-align: left;
    border: 1px solid #ddd;
    background: #FFF;
    font-size: 15px
}

.my-course-box-flat:hover {
    box-shadow: 0 0 6px rgba(0, 0, 0, .2)
}

.my-course-box-flat:hover .top-left-btn {
    display: block
}

.my-course-box-flat .box-a {
    height: 100%
}

.my-course-box-flat .box-a:hover {
    border-color: #777
}

.my-course-box-flat .box-a:hover .top-left-btn {
    display: block
}

.my-course-box-flat .img-container {
    display: block;
    max-height: 151px
}

.my-course-box-flat .details-container {
    padding: 15px;
    display: block
}

.my-course-box-flat .title {
    display: block;
    color: #444;
    word-wrap: break-word;
    font-size: 18px;
    line-height: 1.3;
    padding-right: 25px;
    margin: 0;
    font-weight: 400
}

.organization .my-course-box-flat .title {
    font-size: 13px;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 10px;
    height: auto;
    max-height: none
}

.my-course-box-flat .options {
    position: absolute;
    right: 10px;
    top: 160px;
    width: auto
}

.my-course-box-flat .ins-name {
    color: #999;
    display: block;
    line-height: 1;
    margin-top: 3px
}

.my-course-box-flat .bottom {
    margin-top: 20px;
    display: block
}

.my-course-box-flat .bar-container {
    background: #EEE;
    display: block;
    margin-bottom: 5px
}

.my-course-box-flat .bar {
    display: block;
    height: 2px;
    background: #f9a530
}

.my-course-box-flat .completed {
    background: #9c0
}

.my-course-box-flat .perc {
    font-size: 12px;
    color: #999;
    margin-top: 5px;
    margin-right: 10px
}

.my-course-box-flat .start {
    font-size: 12px;
    color: #f9a530;
    margin-top: 5px
}

.my-course-box-flat .details2 {
    margin: 0!important
}

.my-course-box-flat.course-box .ins-name {
    margin-bottom: 10px
}

.option-promotion .course-box:hover {
    box-shadow: 0 2px 2px rgba(0, 0, 0, .25)
}

.option-promotion .course-box:hover .course-thumb>img {
    opacity: 1;
    opacity: .5
}

.option-promotion .mask .price {
    margin-top: 0;
    color: #1A1A1A;
    font-weight: 600
}

.option-promotion .mask .price-row {
    padding: 3px 10px 10px 10px
}

.option-promotion .mask:hover .avatars-list {
    opacity: 1
}

.option-promotion .avatars-list {
    position: absolute;
    left: 10px;
    top: 15px;
    opacity: 0;
    height: 50px
}

.option-promotion .avatars-list .avatar {
    width: 50px;
    height: 50px;
    border-radius: 2px;
    border: 3px solid #fff;
    position: relative;
    margin-right: 3px;
    display: inline-block;
    overflow: hidden
}

.option-promotion .add-to-wishlist {
    display: inline-block;
    right: 8px;
    top: 10px;
    margin: 0;
    z-index: 2
}

.option-promotion .add-to-wishlist .wish-icon {
    font-size: 18px;
    -webkit-text-stroke: 1px #fff;
    text-stroke: 1px #fff;
    color: rgba(0, 0, 0, .5)
}

.option-promotion .add-to-wishlist.active .wish-icon {
    opacity: 1;
    color: #D23837
}

.option-promotion .add-to-wishlist:hover {
    box-shadow: none
}

.option-promotion .add-to-wishlist:hover .course-thumb {
    background: #000
}

.option-promotion .add-to-wishlist:hover .course-thumb>img {
    opacity: .5
}

.option-promotion .add-to-wishlist:hover .wish-icon {
    opacity: 1;
    color: #D23837
}

.option-promotion .add-to-wishlist:hover .tooltip {
    opacity: 1;
    display: inline-block;
    font-size: 12px
}

.option-promotion .reviews-row {
    border-top: 1px solid #E8E8E8;
    background: none!important
}

.option-promotion .reviews-row .count {
    font-size: 14px
}

.option-promotion .wish-icon {
    font-size: 18px;
    -webkit-text-stroke: 1px #fff;
    text-stroke: 1px #fff;
    color: rgba(0, 0, 0, .5)
}

.white-ddown .trigger {
    display: block
}

.white-ddown .trigger-a {
    border: 1px solid #d7d7d7;
    padding: 10px
}

.white-ddown .trigger-a:hover {
    background: #FFF
}

.white-ddown.open .trigger {
    box-shadow: none
}

.white-ddown.open .trigger-a {
    background: #fff
}

.white-ddown.open .trigger-right {
    display: none
}

.white-ddown .ddown-items {
    width: 100%;
    box-shadow: none;
    margin-top: -4px;
    padding: 10px;
    border: 1px solid #D7D7D7;
    border-top: 0
}

.white-ddown .ddown-items:before {
    display: none
}

.white-ddown .ddown-items>li>a {
    box-shadow: none;
    padding: 10px;
    color: #222
}

.white-ddown .ddown-items>li>a:hover {
    background: #9c0;
    color: #fff
}

.options-ddown.open .trigger-a {
    box-shadow: 0 0 0 1px #eee
}

.options-ddown .trigger-a {
    box-shadow: none;
    color: #ccc;
    padding: 5px 7px
}

.options-ddown .trigger-a:hover {
    background: #eee;
    color: #9c0
}

.options-ddown .ddown-items {
    box-shadow: 0 0 4px rgba(0, 0, 0, .45);
    padding: 5px;
    width: auto
}

.options-ddown .ddown-items>li>a {
    padding: 5px;
    font-size: 12px
}

.options-ddown .ddown-items>li>a:hover {
    background: #efefef;
    color: #222
}

.top-left-btn {
    position: absolute;
    top: 10px;
    left: 10px;
    display: none;
    width: auto
}

.top-left-btn .on-inactive {
    display: inline-block
}

.top-left-btn .on-active {
    display: none
}

.top-left-btn.activated .on-inactive {
    display: none
}

.top-left-btn.activated .on-active {
    display: inline-block
}

.course-card-wide {
    background: #fff;
    overflow: hidden;
    box-shadow: 0 1px 2px #777;
    margin-bottom: 20px;
    margin-right: 15px
}

.course-card-wide a {
    display: block;
    overflow: hidden;
    color: #555
}

.course-card-wide .thumb {
    float: left
}

.course-card-wide .details {
    margin-left: 245px;
    display: block;
    padding: 15px
}

.course-card-wide .title {
    display: block;
    font-size: 20px;
    line-height: 1.2;
    text-align: left;
    color: #555
}

.course-card-wide .desc {
    display: block;
    text-align: left;
    font-size: 14px;
    line-height: normal
}

.course-card-wide .bottom {
    border-top: 1px solid #ccc;
    display: block;
    margin-top: 10px;
    padding-top: 10px
}

.course-card-wide .ins {
    float: left
}

.course-card-wide .others {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.course-card-wide .small-rating {
    top: 0
}

.course-card-wide .rating-number {
    color: #666;
    font-size: 14px;
    margin-left: 3px
}

.course-card-wide .rating-text {
    color: #666;
    font-size: 14px;
    margin-left: 10px
}

.course-card-wide .count {
    color: #666;
    font-size: 14px
}

.course-card-wide .active {
    border-left: 1px solid #ccc;
    color: #666;
    font-size: 14px;
    margin-left: 10px;
    padding-left: 10px
}

.course-card-wide .level {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    color: #666;
    font-size: 14px;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 10px;
    padding-right: 10px
}

.course-card-wide .price {
    color: #54b551;
    font-size: 20px;
    font-weight: 700;
    margin-left: 5px;
    position: relative;
    float: right
}

.course-card-wide .price-text {
    font-size: 20px;
    font-weight: 700;
    margin-left: 5px;
    position: relative;
    top: 2px
}

.course-card-wide .promo-old-price {
    text-decoration: line-through;
    top: 1px;
    color: #666;
    font-weight: 400;
    font-size: 15px;
    margin-right: 0
}

.course-card-wide .promo-new-price {
    color: #ff4500
}

.course-card-wide .ins {
    line-height: 15px;
    width: 350px
}

.course-card-wide .ins-thumb {
    float: left;
    margin-right: 11px;
    width: 30px;
    overflow: hidden
}

.course-card-wide .ins-name {
    margin-top: 10px;
    display: block;
    font-size: 14px;
    text-align: left;
    color: #555
}

.course-card-wide .ins-title {
    display: block;
    font-size: 14px;
    text-align: left
}

@media (max-width: 1024px) {
    .course-card-wide .level,
    .course-card-wide .active {
        display: none
    }
    .course-card-wide .small-rating {
        margin-left: 10px
    }
    .top-left-btn {
        display: block!important
    }
    .add-to-wishlist {
        display: block!important
    }
}

@media (max-width: 768px) {
    .course-card-wide .small-rating,
    .course-card-wide .rating-number,
    .course-card-wide .rating-text {
        display: none
    }
}

[lang=ja] .reviews-col .reviews-number {
    font-size: 11px
}

.cert-course-box .course-box.small {
    width: auto;
    margin: 0
}

.cert-course-box .course-box .add-to-wishlist {
    display: none
}

.cert-course-box .course-box .price-row {
    padding: 10px
}

@media (max-width: 480px) {
    .discover-courses-list-mask {
        padding: 10px
    }
    .course-box.small {
        display: block;
        width: auto;
        box-shadow: none;
        border-bottom: 1px solid #e3e3e3;
        padding-bottom: 15px
    }
    .course-box .mask {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        background: 0 0;
        box-shadow: none!important
    }
    .course-box .mask .avatars-list {
        display: none
    }
    .course-box .course-thumb {
        width: 87px;
        height: 87px;
        overflow: hidden
    }
    .course-box .course-thumb>img {
        max-width: none;
        width: auto;
        height: 87px;
        margin-left: -34px
    }
    .course-box .title,
    .course-box .inst-name {
        margin: 0;
        min-height: 0
    }
    .course-box .lec-info {
        display: none
    }
    .course-box .add-to-wishlist {
        display: none!important
    }
    .course-box .inst-name {
        margin: 5px 0 0
    }
    .course-box .reviews-row {
        padding: 0
    }
    .course-box .price {
        margin-left: 0
    }
    .course-box .promotion-badge {
        margin-right: 10px
    }
}

.redactor-toolbar {
    background-color: #F0F0F0
}

.redactor-dropdown {
    z-index: 1054!important
}

.default html,
.w3c-default dt,
.w3c-default frame,
.w3c-default frameset,
.w3c-default noframes {
    display: block
}

.w3c-default dl,
.redactor-editor dl,
.w3c-default fieldset,
.redactor-editor fieldset,
.w3c-default form,
.redactor-editor form,
.w3c-default p,
.redactor-editor p {
    display: block
}

.w3c-default dir,
.redactor-editor dir,
.w3c-default menu,
.redactor-editor menu {
    display: block;
    margin-left: 40px
}

.w3c-default h1,
.redactor-editor h1,
.w3c-default h2,
.redactor-editor h2,
.w3c-default h3,
.redactor-editor h3,
.w3c-default h4,
.redactor-editor h4,
.w3c-default h5,
.redactor-editor h5,
.w3c-default b,
.redactor-editor b,
.w3c-default strong,
.redactor-editor strong {
    font-weight: bolder
}

.w3c-default i,
.redactor-editor i,
.w3c-default cite,
.redactor-editor cite,
.w3c-default em,
.redactor-editor em,
.w3c-default var,
.redactor-editor var {
    font-style: italic
}

.w3c-default a,
.redactor-editor a {
    font-weight: inherit
}

.w3c-default tt,
.redactor-editor tt,
.w3c-default code,
.redactor-editor code,
.w3c-default kbd,
.redactor-editor kbd,
.w3c-default samp,
.redactor-editor samp {
    font-family: monospace
}

.w3c-default button,
.redactor-editor button,
.w3c-default textarea,
.redactor-editor textarea,
.w3c-default input,
.redactor-editor input,
.w3c-default select,
.redactor-editor select {
    display: inline-block
}

.w3c-default s,
.redactor-editor s,
.w3c-default strike,
.redactor-editor strike,
.w3c-default del,
.redactor-editor del {
    text-decoration: line-through
}

.w3c-default ol ul,
.redactor-editor ol ul,
.w3c-default ul ol,
.redactor-editor ul ol,
.w3c-default ul ul,
.redactor-editor ul ul,
.w3c-default ol ol,
.redactor-editor ol ol {
    margin-top: 0;
    margin-bottom: 0
}

.w3c-default u,
.redactor-editor u,
.w3c-default ins,
.redactor-editor ins {
    text-decoration: underline
}

.w3c-default:link,
.redactor-editor:link,
.w3c-default:visited,
.redactor-editor:visited {
    text-decoration: none
}

.w3c-default address,
.redactor-editor address {
    display: block;
    font-style: italic
}

.w3c-default blockquote,
.redactor-editor blockquote {
    display: block;
    margin: .52em 0;
    margin-left: 40px;
    margin-right: 40px
}

.w3c-default body,
.redactor-editor body {
    display: block;
    margin: 8px
}

.w3c-default dd,
.redactor-editor dd {
    display: block;
    margin-left: 40px
}

.w3c-default div,
.redactor-editor div {
    display: block;
    margin-bottom: 10px
}

.w3c-default h1,
.redactor-editor h1 {
    display: block;
    font-size: 2em;
    margin: .68em 0;
    font-family: sans-serif;
    font-weight: bolder
}

.w3c-default h2,
.redactor-editor h2 {
    display: block;
    font-size: 1.5em;
    margin: .75em 0;
    font-weight: bolder
}

.w3c-default h3,
.redactor-editor h3 {
    display: block;
    font-size: 1.17em;
    margin: .83em 0;
    font-weight: bolder
}

.w3c-default h4,
.redactor-editor h4 {
    display: block;
    margin: .52em 0;
    font-weight: bolder
}

.w3c-default h5,
.redactor-editor h5 {
    display: block;
    font-size: .83em;
    margin: 1.5em 0;
    font-weight: bolder
}

.w3c-default h6,
.redactor-editor h6 {
    display: block;
    font-size: .75em;
    margin: 1.67em 0;
    font-weight: bolder
}

.w3c-default ol,
.redactor-editor ol {
    display: block;
    margin: .52em 0;
    margin-left: 10px;
    list-style-type: decimal
}

.w3c-default ol li,
.redactor-editor ol li {
    list-style-type: decimal;
    list-style-position: inside
}

.w3c-default ul,
.redactor-editor ul {
    display: block;
    margin: .52em 0;
    margin-left: 10px
}

.w3c-default ul li,
.redactor-editor ul li {
    list-style-type: disc;
    list-style-position: inside
}

.w3c-default center,
.redactor-editor center {
    display: block;
    text-align: center
}

.w3c-default hr,
.redactor-editor hr {
    display: block;
    border: 1px inset
}

.w3c-default pre,
.redactor-editor pre {
    display: block;
    font-family: monospace;
    white-space: pre
}

.w3c-default head,
.redactor-editor head {
    display: none
}

.w3c-default table,
.redactor-editor table {
    display: table;
    border-spacing: 2px
}

.w3c-default tr,
.redactor-editor tr {
    display: table-row;
    vertical-align: inherit
}

.w3c-default thead,
.redactor-editor thead {
    display: table-header-group;
    vertical-align: middle
}

.w3c-default tbody,
.redactor-editor tbody {
    display: table-row-group;
    vertical-align: middle
}

.w3c-default tfoot,
.redactor-editor tfoot {
    display: table-footer-group;
    vertical-align: middle
}

.w3c-default col,
.redactor-editor col {
    display: table-column
}

.w3c-default colgroup,
.redactor-editor colgroup {
    display: table-column-group
}

.w3c-default td,
.redactor-editor td {
    display: table-cell;
    vertical-align: inherit
}

.w3c-default th,
.redactor-editor th {
    display: table-cell;
    font-weight: bolder;
    text-align: center;
    vertical-align: inherit
}

.w3c-default caption,
.redactor-editor caption {
    display: table-caption;
    text-align: center
}

.w3c-default big,
.redactor-editor big {
    font-size: 1.17em
}

.w3c-default small,
.redactor-editor small {
    font-size: .83em
}

.w3c-default sub,
.redactor-editor sub {
    font-size: .83em;
    vertical-align: sub
}

.w3c-default sup,
.redactor-editor sup {
    font-size: .83em;
    vertical-align: super
}

.w3c-default br:before,
.redactor-editor br:before {
    content: "\A";
    white-space: pre-line;
    clear: both
}

.w3c-default img,
.redactor-editor img {
    margin: 5px;
    max-width: 95%;
    height: auto!important;
    clear: both
}

.w3c-default:focus,
.redactor-editor:focus {
    outline: thin dotted invert
}

.w3c-default pre.prettyprint,
.redactor-editor pre.prettyprint {
    padding: 8px;
    margin: 5px;
    border: 1px solid #ccc;
    background: #eee;
    overflow-x: auto;
    word-wrap: normal
}

BDO[DIR=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override
}

BDO[DIR=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override
}

[DIR=ltr] {
    direction: ltr;
    unicode-bidi: embed
}

[DIR=rtl] {
    direction: rtl;
    unicode-bidi: embed
}

.w3c-default p,
.redactor-editor p {
    margin: 0 0 .715;
    padding: 0!important
}

.w3c-default .lead,
.redactor-editor .lead {
    margin-bottom: 1.43;
    font-size: 22.5px;
    font-weight: 200;
    line-height: 2.145
}

.w3c-default small,
.redactor-editor small {
    font-size: 85%
}

.w3c-default strong,
.redactor-editor strong {
    font-weight: 700
}

.w3c-default em,
.redactor-editor em {
    font-style: italic
}

.w3c-default cite,
.redactor-editor cite {
    font-style: normal
}

.w3c-default .muted,
.redactor-editor .muted {
    color: #777
}

.w3c-default a.muted:hover,
.redactor-editor a.muted:hover,
.w3c-default a.muted:focus,
.redactor-editor a.muted:focus {
    color: #5e5e5e
}

.w3c-default .text-warning,
.redactor-editor .text-warning {
    color: #8a6d3b
}

.w3c-default a.text-warning:hover,
.redactor-editor a.text-warning:hover,
.w3c-default a.text-warning:focus,
.redactor-editor a.text-warning:focus {
    color: #66512c
}

.w3c-default .text-danger,
.redactor-editor .text-danger {
    color: #a94442
}

.w3c-default a.text-danger:hover,
.redactor-editor a.text-danger:hover,
.w3c-default a.text-danger:focus,
.redactor-editor a.text-danger:focus {
    color: #843534
}

.w3c-default .text-info,
.redactor-editor .text-info {
    color: #31708f
}

.w3c-default a.text-info:hover,
.redactor-editor a.text-info:hover,
.w3c-default a.text-info:focus,
.redactor-editor a.text-info:focus {
    color: #245269
}

.w3c-default .text-success,
.redactor-editor .text-success {
    color: #3c763d
}

.w3c-default a.text-success:hover,
.redactor-editor a.text-success:hover,
.w3c-default a.text-success:focus,
.redactor-editor a.text-success:focus {
    color: #2b542c
}

.w3c-default .text-left,
.redactor-editor .text-left {
    text-align: left
}

.w3c-default .text-right,
.redactor-editor .text-right {
    text-align: right
}

.w3c-default .text-center,
.redactor-editor .text-center {
    text-align: center
}

.w3c-default h1,
.redactor-editor h1,
.w3c-default h2,
.redactor-editor h2,
.w3c-default h3,
.redactor-editor h3,
.w3c-default h4,
.redactor-editor h4,
.w3c-default h5,
.redactor-editor h5,
.w3c-default h6,
.redactor-editor h6 {
    margin: .715 0!important;
    font-family: inherit!important;
    font-weight: 500!important;
    line-height: 1.1!important;
    color: inherit!important;
    text-rendering: optimizelegibility;
    background: inherit!important;
    border: medium none!important;
    box-shadow: none!important;
    text-align: inherit!important;
    text-transform: inherit!important;
    padding: 0!important
}

.w3c-default h1 small,
.redactor-editor h1 small,
.w3c-default h2 small,
.redactor-editor h2 small,
.w3c-default h3 small,
.redactor-editor h3 small,
.w3c-default h4 small,
.redactor-editor h4 small,
.w3c-default h5 small,
.redactor-editor h5 small,
.w3c-default h6 small,
.redactor-editor h6 small {
    font-weight: 400;
    line-height: 1;
    color: #777
}

.w3c-default h1,
.redactor-editor h1,
.w3c-default h2,
.redactor-editor h2,
.w3c-default h3,
.redactor-editor h3 {
    line-height: 2.86
}

.w3c-default h1,
.redactor-editor h1 {
    font-size: 41.25px!important
}

.w3c-default h2,
.redactor-editor h2 {
    font-size: 33.75px!important
}

.w3c-default h3,
.redactor-editor h3 {
    font-size: 26.25px!important
}

.w3c-default h4,
.redactor-editor h4 {
    font-size: 18.75px!important
}

.w3c-default h5,
.redactor-editor h5 {
    font-size: 15px!important
}

.w3c-default h6,
.redactor-editor h6 {
    font-size: 12.75px!important
}

.w3c-default h1 small,
.redactor-editor h1 small {
    font-size: 26.25px
}

.w3c-default h2 small,
.redactor-editor h2 small {
    font-size: 18.75px
}

.w3c-default h3 small,
.redactor-editor h3 small {
    font-size: 15px
}

.w3c-default h4 small,
.redactor-editor h4 small {
    font-size: 15px
}

.w3c-default .page-header,
.redactor-editor .page-header {
    padding-bottom: -.285;
    margin: 1.43 0 2.145;
    border-bottom: 1px solid #ccc
}

.w3c-default ul,
.redactor-editor ul,
.w3c-default ol,
.redactor-editor ol {
    padding: 0;
    margin: 0 0 .715 25px
}

.w3c-default ul ul,
.redactor-editor ul ul,
.w3c-default ul ol,
.redactor-editor ul ol,
.w3c-default ol ol,
.redactor-editor ol ol,
.w3c-default ol ul,
.redactor-editor ol ul {
    margin-bottom: 0
}

.w3c-default li,
.redactor-editor li {
    line-height: 1.43
}

.w3c-default ul.unstyled,
.redactor-editor ul.unstyled,
.w3c-default ol.unstyled,
.redactor-editor ol.unstyled {
    margin-left: 0;
    list-style: none
}

.w3c-default ul.inline,
.redactor-editor ul.inline,
.w3c-default ol.inline,
.redactor-editor ol.inline {
    margin-left: 0;
    list-style: none
}

.w3c-default ul.inline>li,
.redactor-editor ul.inline>li,
.w3c-default ol.inline>li,
.redactor-editor ol.inline>li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}

.w3c-default dl,
.redactor-editor dl {
    margin-bottom: 1.43
}

.w3c-default dt,
.redactor-editor dt,
.w3c-default dd,
.redactor-editor dd {
    line-height: 1.43
}

.w3c-default dt,
.redactor-editor dt {
    font-weight: 700
}

.w3c-default dd,
.redactor-editor dd {
    margin-left: .715
}

.w3c-default .dl-horizontal:before,
.redactor-editor .dl-horizontal:before,
.w3c-default .dl-horizontal:after,
.redactor-editor .dl-horizontal:after {
    content: " ";
    display: table
}

.w3c-default .dl-horizontal:after,
.redactor-editor .dl-horizontal:after {
    clear: both
}

.w3c-default .dl-horizontal:before,
.redactor-editor .dl-horizontal:before,
.w3c-default .dl-horizontal:after,
.redactor-editor .dl-horizontal:after {
    content: " ";
    display: table
}

.w3c-default .dl-horizontal:after,
.redactor-editor .dl-horizontal:after {
    clear: both
}

.w3c-default .dl-horizontal dt,
.redactor-editor .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.w3c-default .dl-horizontal dd,
.redactor-editor .dl-horizontal dd {
    margin-left: 180px
}

.w3c-default hr,
.redactor-editor hr {
    margin: 1.43 0;
    border: 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #fff
}

.w3c-default abbr[title],
.redactor-editor abbr[title],
.w3c-default abbr[data-original-title],
.redactor-editor abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #777
}

.w3c-default abbr.initialism,
.redactor-editor abbr.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.w3c-default blockquote,
.redactor-editor blockquote {
    padding: 0 0 0 15px;
    margin: 0 0 1.43;
    border-left: 5px solid #ccc
}

.w3c-default blockquote p,
.redactor-editor blockquote p {
    margin-bottom: 0;
    font-size: 18.75px;
    font-weight: 300;
    line-height: 1.25
}

.w3c-default blockquote small,
.redactor-editor blockquote small {
    display: block;
    line-height: 1.43;
    color: #777
}

.w3c-default blockquote small:before,
.redactor-editor blockquote small:before {
    content: '\2014 \00A0'
}

.w3c-default blockquote.pull-right,
.redactor-editor blockquote.pull-right {
    float: right;
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #ccc;
    border-left: 0
}

.w3c-default blockquote.pull-right p,
.redactor-editor blockquote.pull-right p,
.w3c-default blockquote.pull-right small,
.redactor-editor blockquote.pull-right small {
    text-align: right
}

.w3c-default blockquote.pull-right small:before,
.redactor-editor blockquote.pull-right small:before {
    content: ''
}

.w3c-default blockquote.pull-right small:after,
.redactor-editor blockquote.pull-right small:after {
    content: '\00A0 \2014'
}

.w3c-default q:before,
.redactor-editor q:before,
.w3c-default q:after,
.redactor-editor q:after,
.w3c-default blockquote:before,
.redactor-editor blockquote:before,
.w3c-default blockquote:after,
.redactor-editor blockquote:after {
    content: ""
}

.w3c-default address,
.redactor-editor address {
    display: block;
    margin-bottom: 1.43;
    font-style: normal;
    line-height: 1.43
}

.radial-progress {
    margin: 0;
    width: 170px;
    height: 170px;
    background-color: #efefef;
    border-radius: 50%
}

.radial-progress .circle .mask,
.radial-progress .circle .fill,
.radial-progress .circle .shadow {
    width: 170px;
    height: 170px;
    position: absolute;
    border-radius: 50%
}

.radial-progress .circle .shadow {
    box-shadow: none inset
}

.radial-progress .circle .mask,
.radial-progress .circle .fill {
    -webkit-backface-visibility: hidden;
    transition: -webkit-transform 1s;
    transition: -ms-transform 1s;
    transition: transform 1s;
    border-radius: 50%
}

.radial-progress .circle .mask {
    clip: rect(0, 170px, 170px, 85px)
}

.radial-progress .circle .mask .fill {
    clip: rect(0, 85px, 170px, 0);
    background-color: #54b551
}

.radial-progress .inset {
    width: 150px;
    height: 150px;
    position: absolute;
    margin-left: 10px;
    margin-top: 10px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: none
}

.radial-progress .inset .percentage {
    height: 22px;
    width: 57px;
    overflow: hidden;
    position: absolute;
    top: 64px;
    left: 46.5px;
    line-height: 1
}

.radial-progress .inset .percentage .numbers {
    margin-top: -22px;
    transition: width 1s
}

.radial-progress .inset .percentage .numbers span {
    width: 57px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    font-weight: 800;
    font-size: 22px;
    font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #97a71d
}

.radial-progress[data-progress="0"] .circle .mask.full,
.radial-progress[data-progress="0"] .circle .fill {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

.radial-progress[data-progress="0"] .circle .fill.fix {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

.radial-progress[data-progress="0"] .inset .percentage .numbers {
    width: 57px
}

.radial-progress[data-progress="1"] .circle .mask.full,
.radial-progress[data-progress="1"] .circle .fill {
    -webkit-transform: rotate(1.8deg);
    -ms-transform: rotate(1.8deg);
    transform: rotate(1.8deg)
}

.radial-progress[data-progress="1"] .circle .fill.fix {
    -webkit-transform: rotate(3.6deg);
    -ms-transform: rotate(3.6deg);
    transform: rotate(3.6deg)
}

.radial-progress[data-progress="1"] .inset .percentage .numbers {
    width: 114px
}

.radial-progress[data-progress="2"] .circle .mask.full,
.radial-progress[data-progress="2"] .circle .fill {
    -webkit-transform: rotate(3.6deg);
    -ms-transform: rotate(3.6deg);
    transform: rotate(3.6deg)
}

.radial-progress[data-progress="2"] .circle .fill.fix {
    -webkit-transform: rotate(7.2deg);
    -ms-transform: rotate(7.2deg);
    transform: rotate(7.2deg)
}

.radial-progress[data-progress="2"] .inset .percentage .numbers {
    width: 171px
}

.radial-progress[data-progress="3"] .circle .mask.full,
.radial-progress[data-progress="3"] .circle .fill {
    -webkit-transform: rotate(5.4deg);
    -ms-transform: rotate(5.4deg);
    transform: rotate(5.4deg)
}

.radial-progress[data-progress="3"] .circle .fill.fix {
    -webkit-transform: rotate(10.8deg);
    -ms-transform: rotate(10.8deg);
    transform: rotate(10.8deg)
}

.radial-progress[data-progress="3"] .inset .percentage .numbers {
    width: 228px
}

.radial-progress[data-progress="4"] .circle .mask.full,
.radial-progress[data-progress="4"] .circle .fill {
    -webkit-transform: rotate(7.2deg);
    -ms-transform: rotate(7.2deg);
    transform: rotate(7.2deg)
}

.radial-progress[data-progress="4"] .circle .fill.fix {
    -webkit-transform: rotate(14.4deg);
    -ms-transform: rotate(14.4deg);
    transform: rotate(14.4deg)
}

.radial-progress[data-progress="4"] .inset .percentage .numbers {
    width: 285px
}

.radial-progress[data-progress="5"] .circle .mask.full,
.radial-progress[data-progress="5"] .circle .fill {
    -webkit-transform: rotate(9deg);
    -ms-transform: rotate(9deg);
    transform: rotate(9deg)
}

.radial-progress[data-progress="5"] .circle .fill.fix {
    -webkit-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    transform: rotate(18deg)
}

.radial-progress[data-progress="5"] .inset .percentage .numbers {
    width: 342px
}

.radial-progress[data-progress="6"] .circle .mask.full,
.radial-progress[data-progress="6"] .circle .fill {
    -webkit-transform: rotate(10.8deg);
    -ms-transform: rotate(10.8deg);
    transform: rotate(10.8deg)
}

.radial-progress[data-progress="6"] .circle .fill.fix {
    -webkit-transform: rotate(21.6deg);
    -ms-transform: rotate(21.6deg);
    transform: rotate(21.6deg)
}

.radial-progress[data-progress="6"] .inset .percentage .numbers {
    width: 399px
}

.radial-progress[data-progress="7"] .circle .mask.full,
.radial-progress[data-progress="7"] .circle .fill {
    -webkit-transform: rotate(12.6deg);
    -ms-transform: rotate(12.6deg);
    transform: rotate(12.6deg)
}

.radial-progress[data-progress="7"] .circle .fill.fix {
    -webkit-transform: rotate(25.2deg);
    -ms-transform: rotate(25.2deg);
    transform: rotate(25.2deg)
}

.radial-progress[data-progress="7"] .inset .percentage .numbers {
    width: 456px
}

.radial-progress[data-progress="8"] .circle .mask.full,
.radial-progress[data-progress="8"] .circle .fill {
    -webkit-transform: rotate(14.4deg);
    -ms-transform: rotate(14.4deg);
    transform: rotate(14.4deg)
}

.radial-progress[data-progress="8"] .circle .fill.fix {
    -webkit-transform: rotate(28.8deg);
    -ms-transform: rotate(28.8deg);
    transform: rotate(28.8deg)
}

.radial-progress[data-progress="8"] .inset .percentage .numbers {
    width: 513px
}

.radial-progress[data-progress="9"] .circle .mask.full,
.radial-progress[data-progress="9"] .circle .fill {
    -webkit-transform: rotate(16.2deg);
    -ms-transform: rotate(16.2deg);
    transform: rotate(16.2deg)
}

.radial-progress[data-progress="9"] .circle .fill.fix {
    -webkit-transform: rotate(32.4deg);
    -ms-transform: rotate(32.4deg);
    transform: rotate(32.4deg)
}

.radial-progress[data-progress="9"] .inset .percentage .numbers {
    width: 570px
}

.radial-progress[data-progress="10"] .circle .mask.full,
.radial-progress[data-progress="10"] .circle .fill {
    -webkit-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    transform: rotate(18deg)
}

.radial-progress[data-progress="10"] .circle .fill.fix {
    -webkit-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    transform: rotate(36deg)
}

.radial-progress[data-progress="10"] .inset .percentage .numbers {
    width: 627px
}

.radial-progress[data-progress="11"] .circle .mask.full,
.radial-progress[data-progress="11"] .circle .fill {
    -webkit-transform: rotate(19.8deg);
    -ms-transform: rotate(19.8deg);
    transform: rotate(19.8deg)
}

.radial-progress[data-progress="11"] .circle .fill.fix {
    -webkit-transform: rotate(39.6deg);
    -ms-transform: rotate(39.6deg);
    transform: rotate(39.6deg)
}

.radial-progress[data-progress="11"] .inset .percentage .numbers {
    width: 684px
}

.radial-progress[data-progress="12"] .circle .mask.full,
.radial-progress[data-progress="12"] .circle .fill {
    -webkit-transform: rotate(21.6deg);
    -ms-transform: rotate(21.6deg);
    transform: rotate(21.6deg)
}

.radial-progress[data-progress="12"] .circle .fill.fix {
    -webkit-transform: rotate(43.2deg);
    -ms-transform: rotate(43.2deg);
    transform: rotate(43.2deg)
}

.radial-progress[data-progress="12"] .inset .percentage .numbers {
    width: 741px
}

.radial-progress[data-progress="13"] .circle .mask.full,
.radial-progress[data-progress="13"] .circle .fill {
    -webkit-transform: rotate(23.4deg);
    -ms-transform: rotate(23.4deg);
    transform: rotate(23.4deg)
}

.radial-progress[data-progress="13"] .circle .fill.fix {
    -webkit-transform: rotate(46.8deg);
    -ms-transform: rotate(46.8deg);
    transform: rotate(46.8deg)
}

.radial-progress[data-progress="13"] .inset .percentage .numbers {
    width: 798px
}

.radial-progress[data-progress="14"] .circle .mask.full,
.radial-progress[data-progress="14"] .circle .fill {
    -webkit-transform: rotate(25.2deg);
    -ms-transform: rotate(25.2deg);
    transform: rotate(25.2deg)
}

.radial-progress[data-progress="14"] .circle .fill.fix {
    -webkit-transform: rotate(50.4deg);
    -ms-transform: rotate(50.4deg);
    transform: rotate(50.4deg)
}

.radial-progress[data-progress="14"] .inset .percentage .numbers {
    width: 855px
}

.radial-progress[data-progress="15"] .circle .mask.full,
.radial-progress[data-progress="15"] .circle .fill {
    -webkit-transform: rotate(27deg);
    -ms-transform: rotate(27deg);
    transform: rotate(27deg)
}

.radial-progress[data-progress="15"] .circle .fill.fix {
    -webkit-transform: rotate(54deg);
    -ms-transform: rotate(54deg);
    transform: rotate(54deg)
}

.radial-progress[data-progress="15"] .inset .percentage .numbers {
    width: 912px
}

.radial-progress[data-progress="16"] .circle .mask.full,
.radial-progress[data-progress="16"] .circle .fill {
    -webkit-transform: rotate(28.8deg);
    -ms-transform: rotate(28.8deg);
    transform: rotate(28.8deg)
}

.radial-progress[data-progress="16"] .circle .fill.fix {
    -webkit-transform: rotate(57.6deg);
    -ms-transform: rotate(57.6deg);
    transform: rotate(57.6deg)
}

.radial-progress[data-progress="16"] .inset .percentage .numbers {
    width: 969px
}

.radial-progress[data-progress="17"] .circle .mask.full,
.radial-progress[data-progress="17"] .circle .fill {
    -webkit-transform: rotate(30.6deg);
    -ms-transform: rotate(30.6deg);
    transform: rotate(30.6deg)
}

.radial-progress[data-progress="17"] .circle .fill.fix {
    -webkit-transform: rotate(61.2deg);
    -ms-transform: rotate(61.2deg);
    transform: rotate(61.2deg)
}

.radial-progress[data-progress="17"] .inset .percentage .numbers {
    width: 1026px
}

.radial-progress[data-progress="18"] .circle .mask.full,
.radial-progress[data-progress="18"] .circle .fill {
    -webkit-transform: rotate(32.4deg);
    -ms-transform: rotate(32.4deg);
    transform: rotate(32.4deg)
}

.radial-progress[data-progress="18"] .circle .fill.fix {
    -webkit-transform: rotate(64.8deg);
    -ms-transform: rotate(64.8deg);
    transform: rotate(64.8deg)
}

.radial-progress[data-progress="18"] .inset .percentage .numbers {
    width: 1083px
}

.radial-progress[data-progress="19"] .circle .mask.full,
.radial-progress[data-progress="19"] .circle .fill {
    -webkit-transform: rotate(34.2deg);
    -ms-transform: rotate(34.2deg);
    transform: rotate(34.2deg)
}

.radial-progress[data-progress="19"] .circle .fill.fix {
    -webkit-transform: rotate(68.4deg);
    -ms-transform: rotate(68.4deg);
    transform: rotate(68.4deg)
}

.radial-progress[data-progress="19"] .inset .percentage .numbers {
    width: 1140px
}

.radial-progress[data-progress="20"] .circle .mask.full,
.radial-progress[data-progress="20"] .circle .fill {
    -webkit-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    transform: rotate(36deg)
}

.radial-progress[data-progress="20"] .circle .fill.fix {
    -webkit-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    transform: rotate(72deg)
}

.radial-progress[data-progress="20"] .inset .percentage .numbers {
    width: 1197px
}

.radial-progress[data-progress="21"] .circle .mask.full,
.radial-progress[data-progress="21"] .circle .fill {
    -webkit-transform: rotate(37.8deg);
    -ms-transform: rotate(37.8deg);
    transform: rotate(37.8deg)
}

.radial-progress[data-progress="21"] .circle .fill.fix {
    -webkit-transform: rotate(75.6deg);
    -ms-transform: rotate(75.6deg);
    transform: rotate(75.6deg)
}

.radial-progress[data-progress="21"] .inset .percentage .numbers {
    width: 1254px
}

.radial-progress[data-progress="22"] .circle .mask.full,
.radial-progress[data-progress="22"] .circle .fill {
    -webkit-transform: rotate(39.6deg);
    -ms-transform: rotate(39.6deg);
    transform: rotate(39.6deg)
}

.radial-progress[data-progress="22"] .circle .fill.fix {
    -webkit-transform: rotate(79.2deg);
    -ms-transform: rotate(79.2deg);
    transform: rotate(79.2deg)
}

.radial-progress[data-progress="22"] .inset .percentage .numbers {
    width: 1311px
}

.radial-progress[data-progress="23"] .circle .mask.full,
.radial-progress[data-progress="23"] .circle .fill {
    -webkit-transform: rotate(41.4deg);
    -ms-transform: rotate(41.4deg);
    transform: rotate(41.4deg)
}

.radial-progress[data-progress="23"] .circle .fill.fix {
    -webkit-transform: rotate(82.8deg);
    -ms-transform: rotate(82.8deg);
    transform: rotate(82.8deg)
}

.radial-progress[data-progress="23"] .inset .percentage .numbers {
    width: 1368px
}

.radial-progress[data-progress="24"] .circle .mask.full,
.radial-progress[data-progress="24"] .circle .fill {
    -webkit-transform: rotate(43.2deg);
    -ms-transform: rotate(43.2deg);
    transform: rotate(43.2deg)
}

.radial-progress[data-progress="24"] .circle .fill.fix {
    -webkit-transform: rotate(86.4deg);
    -ms-transform: rotate(86.4deg);
    transform: rotate(86.4deg)
}

.radial-progress[data-progress="24"] .inset .percentage .numbers {
    width: 1425px
}

.radial-progress[data-progress="25"] .circle .mask.full,
.radial-progress[data-progress="25"] .circle .fill {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.radial-progress[data-progress="25"] .circle .fill.fix {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.radial-progress[data-progress="25"] .inset .percentage .numbers {
    width: 1482px
}

.radial-progress[data-progress="26"] .circle .mask.full,
.radial-progress[data-progress="26"] .circle .fill {
    -webkit-transform: rotate(46.8deg);
    -ms-transform: rotate(46.8deg);
    transform: rotate(46.8deg)
}

.radial-progress[data-progress="26"] .circle .fill.fix {
    -webkit-transform: rotate(93.6deg);
    -ms-transform: rotate(93.6deg);
    transform: rotate(93.6deg)
}

.radial-progress[data-progress="26"] .inset .percentage .numbers {
    width: 1539px
}

.radial-progress[data-progress="27"] .circle .mask.full,
.radial-progress[data-progress="27"] .circle .fill {
    -webkit-transform: rotate(48.6deg);
    -ms-transform: rotate(48.6deg);
    transform: rotate(48.6deg)
}

.radial-progress[data-progress="27"] .circle .fill.fix {
    -webkit-transform: rotate(97.2deg);
    -ms-transform: rotate(97.2deg);
    transform: rotate(97.2deg)
}

.radial-progress[data-progress="27"] .inset .percentage .numbers {
    width: 1596px
}

.radial-progress[data-progress="28"] .circle .mask.full,
.radial-progress[data-progress="28"] .circle .fill {
    -webkit-transform: rotate(50.4deg);
    -ms-transform: rotate(50.4deg);
    transform: rotate(50.4deg)
}

.radial-progress[data-progress="28"] .circle .fill.fix {
    -webkit-transform: rotate(100.8deg);
    -ms-transform: rotate(100.8deg);
    transform: rotate(100.8deg)
}

.radial-progress[data-progress="28"] .inset .percentage .numbers {
    width: 1653px
}

.radial-progress[data-progress="29"] .circle .mask.full,
.radial-progress[data-progress="29"] .circle .fill {
    -webkit-transform: rotate(52.2deg);
    -ms-transform: rotate(52.2deg);
    transform: rotate(52.2deg)
}

.radial-progress[data-progress="29"] .circle .fill.fix {
    -webkit-transform: rotate(104.4deg);
    -ms-transform: rotate(104.4deg);
    transform: rotate(104.4deg)
}

.radial-progress[data-progress="29"] .inset .percentage .numbers {
    width: 1710px
}

.radial-progress[data-progress="30"] .circle .mask.full,
.radial-progress[data-progress="30"] .circle .fill {
    -webkit-transform: rotate(54deg);
    -ms-transform: rotate(54deg);
    transform: rotate(54deg)
}

.radial-progress[data-progress="30"] .circle .fill.fix {
    -webkit-transform: rotate(108deg);
    -ms-transform: rotate(108deg);
    transform: rotate(108deg)
}

.radial-progress[data-progress="30"] .inset .percentage .numbers {
    width: 1767px
}

.radial-progress[data-progress="31"] .circle .mask.full,
.radial-progress[data-progress="31"] .circle .fill {
    -webkit-transform: rotate(55.8deg);
    -ms-transform: rotate(55.8deg);
    transform: rotate(55.8deg)
}

.radial-progress[data-progress="31"] .circle .fill.fix {
    -webkit-transform: rotate(111.6deg);
    -ms-transform: rotate(111.6deg);
    transform: rotate(111.6deg)
}

.radial-progress[data-progress="31"] .inset .percentage .numbers {
    width: 1824px
}

.radial-progress[data-progress="32"] .circle .mask.full,
.radial-progress[data-progress="32"] .circle .fill {
    -webkit-transform: rotate(57.6deg);
    -ms-transform: rotate(57.6deg);
    transform: rotate(57.6deg)
}

.radial-progress[data-progress="32"] .circle .fill.fix {
    -webkit-transform: rotate(115.2deg);
    -ms-transform: rotate(115.2deg);
    transform: rotate(115.2deg)
}

.radial-progress[data-progress="32"] .inset .percentage .numbers {
    width: 1881px
}

.radial-progress[data-progress="33"] .circle .mask.full,
.radial-progress[data-progress="33"] .circle .fill {
    -webkit-transform: rotate(59.4deg);
    -ms-transform: rotate(59.4deg);
    transform: rotate(59.4deg)
}

.radial-progress[data-progress="33"] .circle .fill.fix {
    -webkit-transform: rotate(118.8deg);
    -ms-transform: rotate(118.8deg);
    transform: rotate(118.8deg)
}

.radial-progress[data-progress="33"] .inset .percentage .numbers {
    width: 1938px
}

.radial-progress[data-progress="34"] .circle .mask.full,
.radial-progress[data-progress="34"] .circle .fill {
    -webkit-transform: rotate(61.2deg);
    -ms-transform: rotate(61.2deg);
    transform: rotate(61.2deg)
}

.radial-progress[data-progress="34"] .circle .fill.fix {
    -webkit-transform: rotate(122.4deg);
    -ms-transform: rotate(122.4deg);
    transform: rotate(122.4deg)
}

.radial-progress[data-progress="34"] .inset .percentage .numbers {
    width: 1995px
}

.radial-progress[data-progress="35"] .circle .mask.full,
.radial-progress[data-progress="35"] .circle .fill {
    -webkit-transform: rotate(63deg);
    -ms-transform: rotate(63deg);
    transform: rotate(63deg)
}

.radial-progress[data-progress="35"] .circle .fill.fix {
    -webkit-transform: rotate(126deg);
    -ms-transform: rotate(126deg);
    transform: rotate(126deg)
}

.radial-progress[data-progress="35"] .inset .percentage .numbers {
    width: 2052px
}

.radial-progress[data-progress="36"] .circle .mask.full,
.radial-progress[data-progress="36"] .circle .fill {
    -webkit-transform: rotate(64.8deg);
    -ms-transform: rotate(64.8deg);
    transform: rotate(64.8deg)
}

.radial-progress[data-progress="36"] .circle .fill.fix {
    -webkit-transform: rotate(129.6deg);
    -ms-transform: rotate(129.6deg);
    transform: rotate(129.6deg)
}

.radial-progress[data-progress="36"] .inset .percentage .numbers {
    width: 2109px
}

.radial-progress[data-progress="37"] .circle .mask.full,
.radial-progress[data-progress="37"] .circle .fill {
    -webkit-transform: rotate(66.6deg);
    -ms-transform: rotate(66.6deg);
    transform: rotate(66.6deg)
}

.radial-progress[data-progress="37"] .circle .fill.fix {
    -webkit-transform: rotate(133.2deg);
    -ms-transform: rotate(133.2deg);
    transform: rotate(133.2deg)
}

.radial-progress[data-progress="37"] .inset .percentage .numbers {
    width: 2166px
}

.radial-progress[data-progress="38"] .circle .mask.full,
.radial-progress[data-progress="38"] .circle .fill {
    -webkit-transform: rotate(68.4deg);
    -ms-transform: rotate(68.4deg);
    transform: rotate(68.4deg)
}

.radial-progress[data-progress="38"] .circle .fill.fix {
    -webkit-transform: rotate(136.8deg);
    -ms-transform: rotate(136.8deg);
    transform: rotate(136.8deg)
}

.radial-progress[data-progress="38"] .inset .percentage .numbers {
    width: 2223px
}

.radial-progress[data-progress="39"] .circle .mask.full,
.radial-progress[data-progress="39"] .circle .fill {
    -webkit-transform: rotate(70.2deg);
    -ms-transform: rotate(70.2deg);
    transform: rotate(70.2deg)
}

.radial-progress[data-progress="39"] .circle .fill.fix {
    -webkit-transform: rotate(140.4deg);
    -ms-transform: rotate(140.4deg);
    transform: rotate(140.4deg)
}

.radial-progress[data-progress="39"] .inset .percentage .numbers {
    width: 2280px
}

.radial-progress[data-progress="40"] .circle .mask.full,
.radial-progress[data-progress="40"] .circle .fill {
    -webkit-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    transform: rotate(72deg)
}

.radial-progress[data-progress="40"] .circle .fill.fix {
    -webkit-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    transform: rotate(144deg)
}

.radial-progress[data-progress="40"] .inset .percentage .numbers {
    width: 2337px
}

.radial-progress[data-progress="41"] .circle .mask.full,
.radial-progress[data-progress="41"] .circle .fill {
    -webkit-transform: rotate(73.8deg);
    -ms-transform: rotate(73.8deg);
    transform: rotate(73.8deg)
}

.radial-progress[data-progress="41"] .circle .fill.fix {
    -webkit-transform: rotate(147.6deg);
    -ms-transform: rotate(147.6deg);
    transform: rotate(147.6deg)
}

.radial-progress[data-progress="41"] .inset .percentage .numbers {
    width: 2394px
}

.radial-progress[data-progress="42"] .circle .mask.full,
.radial-progress[data-progress="42"] .circle .fill {
    -webkit-transform: rotate(75.6deg);
    -ms-transform: rotate(75.6deg);
    transform: rotate(75.6deg)
}

.radial-progress[data-progress="42"] .circle .fill.fix {
    -webkit-transform: rotate(151.2deg);
    -ms-transform: rotate(151.2deg);
    transform: rotate(151.2deg)
}

.radial-progress[data-progress="42"] .inset .percentage .numbers {
    width: 2451px
}

.radial-progress[data-progress="43"] .circle .mask.full,
.radial-progress[data-progress="43"] .circle .fill {
    -webkit-transform: rotate(77.4deg);
    -ms-transform: rotate(77.4deg);
    transform: rotate(77.4deg)
}

.radial-progress[data-progress="43"] .circle .fill.fix {
    -webkit-transform: rotate(154.8deg);
    -ms-transform: rotate(154.8deg);
    transform: rotate(154.8deg)
}

.radial-progress[data-progress="43"] .inset .percentage .numbers {
    width: 2508px
}

.radial-progress[data-progress="44"] .circle .mask.full,
.radial-progress[data-progress="44"] .circle .fill {
    -webkit-transform: rotate(79.2deg);
    -ms-transform: rotate(79.2deg);
    transform: rotate(79.2deg)
}

.radial-progress[data-progress="44"] .circle .fill.fix {
    -webkit-transform: rotate(158.4deg);
    -ms-transform: rotate(158.4deg);
    transform: rotate(158.4deg)
}

.radial-progress[data-progress="44"] .inset .percentage .numbers {
    width: 2565px
}

.radial-progress[data-progress="45"] .circle .mask.full,
.radial-progress[data-progress="45"] .circle .fill {
    -webkit-transform: rotate(81deg);
    -ms-transform: rotate(81deg);
    transform: rotate(81deg)
}

.radial-progress[data-progress="45"] .circle .fill.fix {
    -webkit-transform: rotate(162deg);
    -ms-transform: rotate(162deg);
    transform: rotate(162deg)
}

.radial-progress[data-progress="45"] .inset .percentage .numbers {
    width: 2622px
}

.radial-progress[data-progress="46"] .circle .mask.full,
.radial-progress[data-progress="46"] .circle .fill {
    -webkit-transform: rotate(82.8deg);
    -ms-transform: rotate(82.8deg);
    transform: rotate(82.8deg)
}

.radial-progress[data-progress="46"] .circle .fill.fix {
    -webkit-transform: rotate(165.6deg);
    -ms-transform: rotate(165.6deg);
    transform: rotate(165.6deg)
}

.radial-progress[data-progress="46"] .inset .percentage .numbers {
    width: 2679px
}

.radial-progress[data-progress="47"] .circle .mask.full,
.radial-progress[data-progress="47"] .circle .fill {
    -webkit-transform: rotate(84.6deg);
    -ms-transform: rotate(84.6deg);
    transform: rotate(84.6deg)
}

.radial-progress[data-progress="47"] .circle .fill.fix {
    -webkit-transform: rotate(169.2deg);
    -ms-transform: rotate(169.2deg);
    transform: rotate(169.2deg)
}

.radial-progress[data-progress="47"] .inset .percentage .numbers {
    width: 2736px
}

.radial-progress[data-progress="48"] .circle .mask.full,
.radial-progress[data-progress="48"] .circle .fill {
    -webkit-transform: rotate(86.4deg);
    -ms-transform: rotate(86.4deg);
    transform: rotate(86.4deg)
}

.radial-progress[data-progress="48"] .circle .fill.fix {
    -webkit-transform: rotate(172.8deg);
    -ms-transform: rotate(172.8deg);
    transform: rotate(172.8deg)
}

.radial-progress[data-progress="48"] .inset .percentage .numbers {
    width: 2793px
}

.radial-progress[data-progress="49"] .circle .mask.full,
.radial-progress[data-progress="49"] .circle .fill {
    -webkit-transform: rotate(88.2deg);
    -ms-transform: rotate(88.2deg);
    transform: rotate(88.2deg)
}

.radial-progress[data-progress="49"] .circle .fill.fix {
    -webkit-transform: rotate(176.4deg);
    -ms-transform: rotate(176.4deg);
    transform: rotate(176.4deg)
}

.radial-progress[data-progress="49"] .inset .percentage .numbers {
    width: 2850px
}

.radial-progress[data-progress="50"] .circle .mask.full,
.radial-progress[data-progress="50"] .circle .fill {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.radial-progress[data-progress="50"] .circle .fill.fix {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.radial-progress[data-progress="50"] .inset .percentage .numbers {
    width: 2907px
}

.radial-progress[data-progress="51"] .circle .mask.full,
.radial-progress[data-progress="51"] .circle .fill {
    -webkit-transform: rotate(91.8deg);
    -ms-transform: rotate(91.8deg);
    transform: rotate(91.8deg)
}

.radial-progress[data-progress="51"] .circle .fill.fix {
    -webkit-transform: rotate(183.6deg);
    -ms-transform: rotate(183.6deg);
    transform: rotate(183.6deg)
}

.radial-progress[data-progress="51"] .inset .percentage .numbers {
    width: 2964px
}

.radial-progress[data-progress="52"] .circle .mask.full,
.radial-progress[data-progress="52"] .circle .fill {
    -webkit-transform: rotate(93.6deg);
    -ms-transform: rotate(93.6deg);
    transform: rotate(93.6deg)
}

.radial-progress[data-progress="52"] .circle .fill.fix {
    -webkit-transform: rotate(187.2deg);
    -ms-transform: rotate(187.2deg);
    transform: rotate(187.2deg)
}

.radial-progress[data-progress="52"] .inset .percentage .numbers {
    width: 3021px
}

.radial-progress[data-progress="53"] .circle .mask.full,
.radial-progress[data-progress="53"] .circle .fill {
    -webkit-transform: rotate(95.4deg);
    -ms-transform: rotate(95.4deg);
    transform: rotate(95.4deg)
}

.radial-progress[data-progress="53"] .circle .fill.fix {
    -webkit-transform: rotate(190.8deg);
    -ms-transform: rotate(190.8deg);
    transform: rotate(190.8deg)
}

.radial-progress[data-progress="53"] .inset .percentage .numbers {
    width: 3078px
}

.radial-progress[data-progress="54"] .circle .mask.full,
.radial-progress[data-progress="54"] .circle .fill {
    -webkit-transform: rotate(97.2deg);
    -ms-transform: rotate(97.2deg);
    transform: rotate(97.2deg)
}

.radial-progress[data-progress="54"] .circle .fill.fix {
    -webkit-transform: rotate(194.4deg);
    -ms-transform: rotate(194.4deg);
    transform: rotate(194.4deg)
}

.radial-progress[data-progress="54"] .inset .percentage .numbers {
    width: 3135px
}

.radial-progress[data-progress="55"] .circle .mask.full,
.radial-progress[data-progress="55"] .circle .fill {
    -webkit-transform: rotate(99deg);
    -ms-transform: rotate(99deg);
    transform: rotate(99deg)
}

.radial-progress[data-progress="55"] .circle .fill.fix {
    -webkit-transform: rotate(198deg);
    -ms-transform: rotate(198deg);
    transform: rotate(198deg)
}

.radial-progress[data-progress="55"] .inset .percentage .numbers {
    width: 3192px
}

.radial-progress[data-progress="56"] .circle .mask.full,
.radial-progress[data-progress="56"] .circle .fill {
    -webkit-transform: rotate(100.8deg);
    -ms-transform: rotate(100.8deg);
    transform: rotate(100.8deg)
}

.radial-progress[data-progress="56"] .circle .fill.fix {
    -webkit-transform: rotate(201.6deg);
    -ms-transform: rotate(201.6deg);
    transform: rotate(201.6deg)
}

.radial-progress[data-progress="56"] .inset .percentage .numbers {
    width: 3249px
}

.radial-progress[data-progress="57"] .circle .mask.full,
.radial-progress[data-progress="57"] .circle .fill {
    -webkit-transform: rotate(102.6deg);
    -ms-transform: rotate(102.6deg);
    transform: rotate(102.6deg)
}

.radial-progress[data-progress="57"] .circle .fill.fix {
    -webkit-transform: rotate(205.2deg);
    -ms-transform: rotate(205.2deg);
    transform: rotate(205.2deg)
}

.radial-progress[data-progress="57"] .inset .percentage .numbers {
    width: 3306px
}

.radial-progress[data-progress="58"] .circle .mask.full,
.radial-progress[data-progress="58"] .circle .fill {
    -webkit-transform: rotate(104.4deg);
    -ms-transform: rotate(104.4deg);
    transform: rotate(104.4deg)
}

.radial-progress[data-progress="58"] .circle .fill.fix {
    -webkit-transform: rotate(208.8deg);
    -ms-transform: rotate(208.8deg);
    transform: rotate(208.8deg)
}

.radial-progress[data-progress="58"] .inset .percentage .numbers {
    width: 3363px
}

.radial-progress[data-progress="59"] .circle .mask.full,
.radial-progress[data-progress="59"] .circle .fill {
    -webkit-transform: rotate(106.2deg);
    -ms-transform: rotate(106.2deg);
    transform: rotate(106.2deg)
}

.radial-progress[data-progress="59"] .circle .fill.fix {
    -webkit-transform: rotate(212.4deg);
    -ms-transform: rotate(212.4deg);
    transform: rotate(212.4deg)
}

.radial-progress[data-progress="59"] .inset .percentage .numbers {
    width: 3420px
}

.radial-progress[data-progress="60"] .circle .mask.full,
.radial-progress[data-progress="60"] .circle .fill {
    -webkit-transform: rotate(108deg);
    -ms-transform: rotate(108deg);
    transform: rotate(108deg)
}

.radial-progress[data-progress="60"] .circle .fill.fix {
    -webkit-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    transform: rotate(216deg)
}

.radial-progress[data-progress="60"] .inset .percentage .numbers {
    width: 3477px
}

.radial-progress[data-progress="61"] .circle .mask.full,
.radial-progress[data-progress="61"] .circle .fill {
    -webkit-transform: rotate(109.8deg);
    -ms-transform: rotate(109.8deg);
    transform: rotate(109.8deg)
}

.radial-progress[data-progress="61"] .circle .fill.fix {
    -webkit-transform: rotate(219.6deg);
    -ms-transform: rotate(219.6deg);
    transform: rotate(219.6deg)
}

.radial-progress[data-progress="61"] .inset .percentage .numbers {
    width: 3534px
}

.radial-progress[data-progress="62"] .circle .mask.full,
.radial-progress[data-progress="62"] .circle .fill {
    -webkit-transform: rotate(111.6deg);
    -ms-transform: rotate(111.6deg);
    transform: rotate(111.6deg)
}

.radial-progress[data-progress="62"] .circle .fill.fix {
    -webkit-transform: rotate(223.2deg);
    -ms-transform: rotate(223.2deg);
    transform: rotate(223.2deg)
}

.radial-progress[data-progress="62"] .inset .percentage .numbers {
    width: 3591px
}

.radial-progress[data-progress="63"] .circle .mask.full,
.radial-progress[data-progress="63"] .circle .fill {
    -webkit-transform: rotate(113.4deg);
    -ms-transform: rotate(113.4deg);
    transform: rotate(113.4deg)
}

.radial-progress[data-progress="63"] .circle .fill.fix {
    -webkit-transform: rotate(226.8deg);
    -ms-transform: rotate(226.8deg);
    transform: rotate(226.8deg)
}

.radial-progress[data-progress="63"] .inset .percentage .numbers {
    width: 3648px
}

.radial-progress[data-progress="64"] .circle .mask.full,
.radial-progress[data-progress="64"] .circle .fill {
    -webkit-transform: rotate(115.2deg);
    -ms-transform: rotate(115.2deg);
    transform: rotate(115.2deg)
}

.radial-progress[data-progress="64"] .circle .fill.fix {
    -webkit-transform: rotate(230.4deg);
    -ms-transform: rotate(230.4deg);
    transform: rotate(230.4deg)
}

.radial-progress[data-progress="64"] .inset .percentage .numbers {
    width: 3705px
}

.radial-progress[data-progress="65"] .circle .mask.full,
.radial-progress[data-progress="65"] .circle .fill {
    -webkit-transform: rotate(117deg);
    -ms-transform: rotate(117deg);
    transform: rotate(117deg)
}

.radial-progress[data-progress="65"] .circle .fill.fix {
    -webkit-transform: rotate(234deg);
    -ms-transform: rotate(234deg);
    transform: rotate(234deg)
}

.radial-progress[data-progress="65"] .inset .percentage .numbers {
    width: 3762px
}

.radial-progress[data-progress="66"] .circle .mask.full,
.radial-progress[data-progress="66"] .circle .fill {
    -webkit-transform: rotate(118.8deg);
    -ms-transform: rotate(118.8deg);
    transform: rotate(118.8deg)
}

.radial-progress[data-progress="66"] .circle .fill.fix {
    -webkit-transform: rotate(237.6deg);
    -ms-transform: rotate(237.6deg);
    transform: rotate(237.6deg)
}

.radial-progress[data-progress="66"] .inset .percentage .numbers {
    width: 3819px
}

.radial-progress[data-progress="67"] .circle .mask.full,
.radial-progress[data-progress="67"] .circle .fill {
    -webkit-transform: rotate(120.6deg);
    -ms-transform: rotate(120.6deg);
    transform: rotate(120.6deg)
}

.radial-progress[data-progress="67"] .circle .fill.fix {
    -webkit-transform: rotate(241.2deg);
    -ms-transform: rotate(241.2deg);
    transform: rotate(241.2deg)
}

.radial-progress[data-progress="67"] .inset .percentage .numbers {
    width: 3876px
}

.radial-progress[data-progress="68"] .circle .mask.full,
.radial-progress[data-progress="68"] .circle .fill {
    -webkit-transform: rotate(122.4deg);
    -ms-transform: rotate(122.4deg);
    transform: rotate(122.4deg)
}

.radial-progress[data-progress="68"] .circle .fill.fix {
    -webkit-transform: rotate(244.8deg);
    -ms-transform: rotate(244.8deg);
    transform: rotate(244.8deg)
}

.radial-progress[data-progress="68"] .inset .percentage .numbers {
    width: 3933px
}

.radial-progress[data-progress="69"] .circle .mask.full,
.radial-progress[data-progress="69"] .circle .fill {
    -webkit-transform: rotate(124.2deg);
    -ms-transform: rotate(124.2deg);
    transform: rotate(124.2deg)
}

.radial-progress[data-progress="69"] .circle .fill.fix {
    -webkit-transform: rotate(248.4deg);
    -ms-transform: rotate(248.4deg);
    transform: rotate(248.4deg)
}

.radial-progress[data-progress="69"] .inset .percentage .numbers {
    width: 3990px
}

.radial-progress[data-progress="70"] .circle .mask.full,
.radial-progress[data-progress="70"] .circle .fill {
    -webkit-transform: rotate(126deg);
    -ms-transform: rotate(126deg);
    transform: rotate(126deg)
}

.radial-progress[data-progress="70"] .circle .fill.fix {
    -webkit-transform: rotate(252deg);
    -ms-transform: rotate(252deg);
    transform: rotate(252deg)
}

.radial-progress[data-progress="70"] .inset .percentage .numbers {
    width: 4047px
}

.radial-progress[data-progress="71"] .circle .mask.full,
.radial-progress[data-progress="71"] .circle .fill {
    -webkit-transform: rotate(127.8deg);
    -ms-transform: rotate(127.8deg);
    transform: rotate(127.8deg)
}

.radial-progress[data-progress="71"] .circle .fill.fix {
    -webkit-transform: rotate(255.6deg);
    -ms-transform: rotate(255.6deg);
    transform: rotate(255.6deg)
}

.radial-progress[data-progress="71"] .inset .percentage .numbers {
    width: 4104px
}

.radial-progress[data-progress="72"] .circle .mask.full,
.radial-progress[data-progress="72"] .circle .fill {
    -webkit-transform: rotate(129.6deg);
    -ms-transform: rotate(129.6deg);
    transform: rotate(129.6deg)
}

.radial-progress[data-progress="72"] .circle .fill.fix {
    -webkit-transform: rotate(259.2deg);
    -ms-transform: rotate(259.2deg);
    transform: rotate(259.2deg)
}

.radial-progress[data-progress="72"] .inset .percentage .numbers {
    width: 4161px
}

.radial-progress[data-progress="73"] .circle .mask.full,
.radial-progress[data-progress="73"] .circle .fill {
    -webkit-transform: rotate(131.4deg);
    -ms-transform: rotate(131.4deg);
    transform: rotate(131.4deg)
}

.radial-progress[data-progress="73"] .circle .fill.fix {
    -webkit-transform: rotate(262.8deg);
    -ms-transform: rotate(262.8deg);
    transform: rotate(262.8deg)
}

.radial-progress[data-progress="73"] .inset .percentage .numbers {
    width: 4218px
}

.radial-progress[data-progress="74"] .circle .mask.full,
.radial-progress[data-progress="74"] .circle .fill {
    -webkit-transform: rotate(133.2deg);
    -ms-transform: rotate(133.2deg);
    transform: rotate(133.2deg)
}

.radial-progress[data-progress="74"] .circle .fill.fix {
    -webkit-transform: rotate(266.4deg);
    -ms-transform: rotate(266.4deg);
    transform: rotate(266.4deg)
}

.radial-progress[data-progress="74"] .inset .percentage .numbers {
    width: 4275px
}

.radial-progress[data-progress="75"] .circle .mask.full,
.radial-progress[data-progress="75"] .circle .fill {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

.radial-progress[data-progress="75"] .circle .fill.fix {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.radial-progress[data-progress="75"] .inset .percentage .numbers {
    width: 4332px
}

.radial-progress[data-progress="76"] .circle .mask.full,
.radial-progress[data-progress="76"] .circle .fill {
    -webkit-transform: rotate(136.8deg);
    -ms-transform: rotate(136.8deg);
    transform: rotate(136.8deg)
}

.radial-progress[data-progress="76"] .circle .fill.fix {
    -webkit-transform: rotate(273.6deg);
    -ms-transform: rotate(273.6deg);
    transform: rotate(273.6deg)
}

.radial-progress[data-progress="76"] .inset .percentage .numbers {
    width: 4389px
}

.radial-progress[data-progress="77"] .circle .mask.full,
.radial-progress[data-progress="77"] .circle .fill {
    -webkit-transform: rotate(138.6deg);
    -ms-transform: rotate(138.6deg);
    transform: rotate(138.6deg)
}

.radial-progress[data-progress="77"] .circle .fill.fix {
    -webkit-transform: rotate(277.2deg);
    -ms-transform: rotate(277.2deg);
    transform: rotate(277.2deg)
}

.radial-progress[data-progress="77"] .inset .percentage .numbers {
    width: 4446px
}

.radial-progress[data-progress="78"] .circle .mask.full,
.radial-progress[data-progress="78"] .circle .fill {
    -webkit-transform: rotate(140.4deg);
    -ms-transform: rotate(140.4deg);
    transform: rotate(140.4deg)
}

.radial-progress[data-progress="78"] .circle .fill.fix {
    -webkit-transform: rotate(280.8deg);
    -ms-transform: rotate(280.8deg);
    transform: rotate(280.8deg)
}

.radial-progress[data-progress="78"] .inset .percentage .numbers {
    width: 4503px
}

.radial-progress[data-progress="79"] .circle .mask.full,
.radial-progress[data-progress="79"] .circle .fill {
    -webkit-transform: rotate(142.2deg);
    -ms-transform: rotate(142.2deg);
    transform: rotate(142.2deg)
}

.radial-progress[data-progress="79"] .circle .fill.fix {
    -webkit-transform: rotate(284.4deg);
    -ms-transform: rotate(284.4deg);
    transform: rotate(284.4deg)
}

.radial-progress[data-progress="79"] .inset .percentage .numbers {
    width: 4560px
}

.radial-progress[data-progress="80"] .circle .mask.full,
.radial-progress[data-progress="80"] .circle .fill {
    -webkit-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    transform: rotate(144deg)
}

.radial-progress[data-progress="80"] .circle .fill.fix {
    -webkit-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    transform: rotate(288deg)
}

.radial-progress[data-progress="80"] .inset .percentage .numbers {
    width: 4617px
}

.radial-progress[data-progress="81"] .circle .mask.full,
.radial-progress[data-progress="81"] .circle .fill {
    -webkit-transform: rotate(145.8deg);
    -ms-transform: rotate(145.8deg);
    transform: rotate(145.8deg)
}

.radial-progress[data-progress="81"] .circle .fill.fix {
    -webkit-transform: rotate(291.6deg);
    -ms-transform: rotate(291.6deg);
    transform: rotate(291.6deg)
}

.radial-progress[data-progress="81"] .inset .percentage .numbers {
    width: 4674px
}

.radial-progress[data-progress="82"] .circle .mask.full,
.radial-progress[data-progress="82"] .circle .fill {
    -webkit-transform: rotate(147.6deg);
    -ms-transform: rotate(147.6deg);
    transform: rotate(147.6deg)
}

.radial-progress[data-progress="82"] .circle .fill.fix {
    -webkit-transform: rotate(295.2deg);
    -ms-transform: rotate(295.2deg);
    transform: rotate(295.2deg)
}

.radial-progress[data-progress="82"] .inset .percentage .numbers {
    width: 4731px
}

.radial-progress[data-progress="83"] .circle .mask.full,
.radial-progress[data-progress="83"] .circle .fill {
    -webkit-transform: rotate(149.4deg);
    -ms-transform: rotate(149.4deg);
    transform: rotate(149.4deg)
}

.radial-progress[data-progress="83"] .circle .fill.fix {
    -webkit-transform: rotate(298.8deg);
    -ms-transform: rotate(298.8deg);
    transform: rotate(298.8deg)
}

.radial-progress[data-progress="83"] .inset .percentage .numbers {
    width: 4788px
}

.radial-progress[data-progress="84"] .circle .mask.full,
.radial-progress[data-progress="84"] .circle .fill {
    -webkit-transform: rotate(151.2deg);
    -ms-transform: rotate(151.2deg);
    transform: rotate(151.2deg)
}

.radial-progress[data-progress="84"] .circle .fill.fix {
    -webkit-transform: rotate(302.4deg);
    -ms-transform: rotate(302.4deg);
    transform: rotate(302.4deg)
}

.radial-progress[data-progress="84"] .inset .percentage .numbers {
    width: 4845px
}

.radial-progress[data-progress="85"] .circle .mask.full,
.radial-progress[data-progress="85"] .circle .fill {
    -webkit-transform: rotate(153deg);
    -ms-transform: rotate(153deg);
    transform: rotate(153deg)
}

.radial-progress[data-progress="85"] .circle .fill.fix {
    -webkit-transform: rotate(306deg);
    -ms-transform: rotate(306deg);
    transform: rotate(306deg)
}

.radial-progress[data-progress="85"] .inset .percentage .numbers {
    width: 4902px
}

.radial-progress[data-progress="86"] .circle .mask.full,
.radial-progress[data-progress="86"] .circle .fill {
    -webkit-transform: rotate(154.8deg);
    -ms-transform: rotate(154.8deg);
    transform: rotate(154.8deg)
}

.radial-progress[data-progress="86"] .circle .fill.fix {
    -webkit-transform: rotate(309.6deg);
    -ms-transform: rotate(309.6deg);
    transform: rotate(309.6deg)
}

.radial-progress[data-progress="86"] .inset .percentage .numbers {
    width: 4959px
}

.radial-progress[data-progress="87"] .circle .mask.full,
.radial-progress[data-progress="87"] .circle .fill {
    -webkit-transform: rotate(156.6deg);
    -ms-transform: rotate(156.6deg);
    transform: rotate(156.6deg)
}

.radial-progress[data-progress="87"] .circle .fill.fix {
    -webkit-transform: rotate(313.2deg);
    -ms-transform: rotate(313.2deg);
    transform: rotate(313.2deg)
}

.radial-progress[data-progress="87"] .inset .percentage .numbers {
    width: 5016px
}

.radial-progress[data-progress="88"] .circle .mask.full,
.radial-progress[data-progress="88"] .circle .fill {
    -webkit-transform: rotate(158.4deg);
    -ms-transform: rotate(158.4deg);
    transform: rotate(158.4deg)
}

.radial-progress[data-progress="88"] .circle .fill.fix {
    -webkit-transform: rotate(316.8deg);
    -ms-transform: rotate(316.8deg);
    transform: rotate(316.8deg)
}

.radial-progress[data-progress="88"] .inset .percentage .numbers {
    width: 5073px
}

.radial-progress[data-progress="89"] .circle .mask.full,
.radial-progress[data-progress="89"] .circle .fill {
    -webkit-transform: rotate(160.2deg);
    -ms-transform: rotate(160.2deg);
    transform: rotate(160.2deg)
}

.radial-progress[data-progress="89"] .circle .fill.fix {
    -webkit-transform: rotate(320.4deg);
    -ms-transform: rotate(320.4deg);
    transform: rotate(320.4deg)
}

.radial-progress[data-progress="89"] .inset .percentage .numbers {
    width: 5130px
}

.radial-progress[data-progress="90"] .circle .mask.full,
.radial-progress[data-progress="90"] .circle .fill {
    -webkit-transform: rotate(162deg);
    -ms-transform: rotate(162deg);
    transform: rotate(162deg)
}

.radial-progress[data-progress="90"] .circle .fill.fix {
    -webkit-transform: rotate(324deg);
    -ms-transform: rotate(324deg);
    transform: rotate(324deg)
}

.radial-progress[data-progress="90"] .inset .percentage .numbers {
    width: 5187px
}

.radial-progress[data-progress="91"] .circle .mask.full,
.radial-progress[data-progress="91"] .circle .fill {
    -webkit-transform: rotate(163.8deg);
    -ms-transform: rotate(163.8deg);
    transform: rotate(163.8deg)
}

.radial-progress[data-progress="91"] .circle .fill.fix {
    -webkit-transform: rotate(327.6deg);
    -ms-transform: rotate(327.6deg);
    transform: rotate(327.6deg)
}

.radial-progress[data-progress="91"] .inset .percentage .numbers {
    width: 5244px
}

.radial-progress[data-progress="92"] .circle .mask.full,
.radial-progress[data-progress="92"] .circle .fill {
    -webkit-transform: rotate(165.6deg);
    -ms-transform: rotate(165.6deg);
    transform: rotate(165.6deg)
}

.radial-progress[data-progress="92"] .circle .fill.fix {
    -webkit-transform: rotate(331.2deg);
    -ms-transform: rotate(331.2deg);
    transform: rotate(331.2deg)
}

.radial-progress[data-progress="92"] .inset .percentage .numbers {
    width: 5301px
}

.radial-progress[data-progress="93"] .circle .mask.full,
.radial-progress[data-progress="93"] .circle .fill {
    -webkit-transform: rotate(167.4deg);
    -ms-transform: rotate(167.4deg);
    transform: rotate(167.4deg)
}

.radial-progress[data-progress="93"] .circle .fill.fix {
    -webkit-transform: rotate(334.8deg);
    -ms-transform: rotate(334.8deg);
    transform: rotate(334.8deg)
}

.radial-progress[data-progress="93"] .inset .percentage .numbers {
    width: 5358px
}

.radial-progress[data-progress="94"] .circle .mask.full,
.radial-progress[data-progress="94"] .circle .fill {
    -webkit-transform: rotate(169.2deg);
    -ms-transform: rotate(169.2deg);
    transform: rotate(169.2deg)
}

.radial-progress[data-progress="94"] .circle .fill.fix {
    -webkit-transform: rotate(338.4deg);
    -ms-transform: rotate(338.4deg);
    transform: rotate(338.4deg)
}

.radial-progress[data-progress="94"] .inset .percentage .numbers {
    width: 5415px
}

.radial-progress[data-progress="95"] .circle .mask.full,
.radial-progress[data-progress="95"] .circle .fill {
    -webkit-transform: rotate(171deg);
    -ms-transform: rotate(171deg);
    transform: rotate(171deg)
}

.radial-progress[data-progress="95"] .circle .fill.fix {
    -webkit-transform: rotate(342deg);
    -ms-transform: rotate(342deg);
    transform: rotate(342deg)
}

.radial-progress[data-progress="95"] .inset .percentage .numbers {
    width: 5472px
}

.radial-progress[data-progress="96"] .circle .mask.full,
.radial-progress[data-progress="96"] .circle .fill {
    -webkit-transform: rotate(172.8deg);
    -ms-transform: rotate(172.8deg);
    transform: rotate(172.8deg)
}

.radial-progress[data-progress="96"] .circle .fill.fix {
    -webkit-transform: rotate(345.6deg);
    -ms-transform: rotate(345.6deg);
    transform: rotate(345.6deg)
}

.radial-progress[data-progress="96"] .inset .percentage .numbers {
    width: 5529px
}

.radial-progress[data-progress="97"] .circle .mask.full,
.radial-progress[data-progress="97"] .circle .fill {
    -webkit-transform: rotate(174.6deg);
    -ms-transform: rotate(174.6deg);
    transform: rotate(174.6deg)
}

.radial-progress[data-progress="97"] .circle .fill.fix {
    -webkit-transform: rotate(349.2deg);
    -ms-transform: rotate(349.2deg);
    transform: rotate(349.2deg)
}

.radial-progress[data-progress="97"] .inset .percentage .numbers {
    width: 5586px
}

.radial-progress[data-progress="98"] .circle .mask.full,
.radial-progress[data-progress="98"] .circle .fill {
    -webkit-transform: rotate(176.4deg);
    -ms-transform: rotate(176.4deg);
    transform: rotate(176.4deg)
}

.radial-progress[data-progress="98"] .circle .fill.fix {
    -webkit-transform: rotate(352.8deg);
    -ms-transform: rotate(352.8deg);
    transform: rotate(352.8deg)
}

.radial-progress[data-progress="98"] .inset .percentage .numbers {
    width: 5643px
}

.radial-progress[data-progress="99"] .circle .mask.full,
.radial-progress[data-progress="99"] .circle .fill {
    -webkit-transform: rotate(178.2deg);
    -ms-transform: rotate(178.2deg);
    transform: rotate(178.2deg)
}

.radial-progress[data-progress="99"] .circle .fill.fix {
    -webkit-transform: rotate(356.4deg);
    -ms-transform: rotate(356.4deg);
    transform: rotate(356.4deg)
}

.radial-progress[data-progress="99"] .inset .percentage .numbers {
    width: 5700px
}

.radial-progress[data-progress="100"] .circle .mask.full,
.radial-progress[data-progress="100"] .circle .fill {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.radial-progress[data-progress="100"] .circle .fill.fix {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
}

.radial-progress[data-progress="100"] .inset .percentage .numbers {
    width: 5757px
}

.rw-container {
    background: #fff
}

.rw-container .rw-done {
    font-weight: 700;
    font-size: 50px;
    line-height: 1;
    display: inline-block
}

.rw-container .rw-total-courses {
    font-size: 20px;
    font-weight: 700;
    display: inline-block
}

.rw-container .rw-completed-top {
    font-size: 0
}

.rw-container .rw-completed-bottom {
    line-height: 1.2
}

.rw-container .rw-course-title {
    font-size: 20px;
    color: #333
}

.rw-container .rw-top {
    padding: 30px 0
}

.rw-container .rw-bottom {
    height: 0;
    overflow: hidden;
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s
}

.rw-container #rw-bottom:checked+div {
    border-top: 1px solid #ccc;
    padding: 20px 0;
    height: auto
}

.rw-container .close-form {
    position: absolute;
    color: #333;
    font-size: 20px;
    right: 0;
    top: 0
}

.rw-container .close-form:hover {
    color: #666
}

.rw-container .rw-bottom-wrapper {
    margin: 0 190px
}

.rw-container .form-left {
    width: 480px;
    margin-right: 20px
}

.rw-container .form-right {
    font-size: 13px
}

.rw-container #headline {
    height: 150px
}

.rw-container .view-cert:hover .view-cert-copy {
    color: #54b551
}

.rw-container .view-cert-icon {
    font-size: 60px;
    color: #47a447
}

.rw-container .view-cert-copy {
    display: block;
    color: #353535;
    line-height: 1.2
}

.quiz-asset .quiz-mask.coding-challenge {
    overflow: hidden!important;
    top: 0
}

.quiz-asset .quiz-mask.coding-challenge .instructions {
    float: left;
    position: relative;
    width: 250px;
    height: 100%;
    overflow: auto;
    border-right: 1px solid #ccc
}

.quiz-asset .quiz-mask.coding-challenge .instructions h4 {
    font-weight: 700
}

.quiz-asset .quiz-mask.coding-challenge .side-tab-input:checked~.side-tab-content {
    display: block
}

.quiz-asset .quiz-mask.coding-challenge .side-tab-input:checked~.collapsed .side-tab-arrow {
    transform: rotate(90deg)
}

.quiz-asset .quiz-mask.coding-challenge .header .left-panel-header {
    position: relative
}

.quiz-asset .quiz-mask.coding-challenge .header .left-panel-header .reset-button {
    position: absolute;
    right: 10px;
    bottom: 0
}

.quiz-asset .quiz-mask.coding-challenge .header .nav-tabs {
    border-bottom: 0
}

.quiz-asset .quiz-mask.coding-challenge .header .nav-tabs>li a {
    cursor: pointer;
    color: #000;
    background-color: #ddd;
    border: 1px solid #ddd;
    padding: 5px 10px;
    border-radius: 0;
    margin-right: 0
}

.quiz-asset .quiz-mask.coding-challenge .header .nav-tabs>li.active>a {
    background-color: #fff;
    border-bottom-color: transparent
}

.quiz-asset .quiz-mask.coding-challenge .header .nav-tabs>li:hover>a {
    background-color: #999
}

.quiz-asset .quiz-mask.coding-challenge .header .panel-title {
    padding: 10px
}

.quiz-asset .quiz-mask.coding-challenge .btn-clear {
    background-color: inherit
}

.quiz-asset .quiz-mask.coding-challenge .btn-solid {
    background-color: #fff
}

.quiz-asset .quiz-mask.coding-challenge .messages .message-icon {
    vertical-align: middle
}

.quiz-asset .quiz-mask.coding-challenge .messages .message-text {
    display: inline-block;
    margin-left: 10px;
    margin-right: 20px;
    max-width: 44%;
    max-height: 40px;
    vertical-align: middle;
    overflow-y: hidden
}

.quiz-asset .quiz-mask.coding-challenge .messages .btn+.btn {
    margin-left: 5px
}

.quiz-asset .quiz-mask.coding-challenge .messages.success {
    background-color: #54b551
}

.quiz-asset .quiz-mask.coding-challenge .messages.success .btn-solid {
    color: #54b551
}

.quiz-asset .quiz-mask.coding-challenge .messages.fail {
    background-color: #f9a530
}

.quiz-asset .quiz-mask.coding-challenge .messages.fail .btn-solid {
    color: #f9a530
}

.quiz-asset .quiz-mask.coding-challenge .ace_editor.noselection .ace_cursor,
.quiz-asset .quiz-mask.coding-challenge .ace_editor.noselection .ace_hidden-cursors {
    display: none
}

.star-rating {
    unicode-bidi: bidi-override;
    direction: rtl;
    cursor: pointer
}

.star-rating--static {
    position: relative;
    display: inline-block
}

.star-rating--static:before {
    font-family: FontAwesome;
    content: "\f005 \0020 \f005 \0020 \f005 \0020 \f005 \0020 \f005"
}

.star-rating__star {
    color: #d23837;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    z-index: 2
}

.star-rating__star:before {
    font-family: FontAwesome;
    content: "\f005 \0020 \f005 \0020 \f005 \0020 \f005 \0020 \f005"
}

.star-rating>.star {
    color: rgba(0, 0, 0, .55)
}

.star-rating>.star:before {
    font-family: FontAwesome;
    content: "\f005"
}

.star-rating>.star:hover:before,
.star-rating>.star:hover~.star:before {
    font-family: FontAwesome;
    content: "\f005";
    color: #d23837
}

.star-rating .on {
    color: #d23837
}

.star-rating:hover .on {
    color: rgba(0, 0, 0, .55)
}

.star-rating-label {
    text-align: right
}

.dashboard-reviews-popup {
    background: #fff;
    height: 370px;
    width: 520px
}

.dashboard-reviews-popup input,
.dashboard-reviews-popup textarea {
    width: 100%
}

.dashboard-reviews-popup .header h1 {
    padding: 10px 35px 10px 15px;
    margin: 0;
    font-size: 18px;
    font-weight: 300;
    background-color: #f4f4f4;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(0, 0, 0, .25)
}

.dashboard-reviews-popup .rate-container {
    text-align: center;
    margin: 20px 0 10px
}

.dashboard-reviews-popup .review-reason span {
    text-align: left;
    margin: 0 20px 10px;
    padding: 0;
    display: block;
    color: #ef8d2b
}

.dashboard-reviews-popup .regular-list {
    list-style-type: disc;
    margin-left: 20px;
    padding: 0
}

.dashboard-reviews-popup .form {
    padding: 0 20px 20px
}

.dashboard-reviews-popup .form .btn-primary {
    font-size: 15px;
    background-color: #17aa1c
}

.dashboard-reviews-popup .form .btn-primary:hover {
    background-color: #159d1a
}

.dashboard-reviews-popup .review {
    margin: 10px 0
}

.dashboard-reviews-popup .review-textarea {
    border-color: rgba(0, 0, 0, .25)
}

.dashboard-reviews-popup .choose-rate-text {
    float: left;
    margin: 0 10px 10px 20px
}

.dashboard-reviews-popup .star-rating {
    float: left
}

.full-overlay .modal-dialog {
    cursor: default;
    margin: 0 -1px;
    width: 100%;
    height: 100%;
    padding: 0
}

.full-overlay .modal-content {
    height: 100%;
    border-radius: 0
}

.beta-overlay {
    z-index: 9998;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    background-color: #1376d7;
    color: #fff;
    padding: 150px 200px
}

.beta-overlay .title {
    margin: 0 0 60px
}

.beta-overlay .subcontent {
    max-width: 600px
}

.beta-overlay .subcontent li:before {
    content: "- "
}

.beta-overlay .buttons .btn.btn-sm,
.qualaroo-container .buttons .btn.btn-sm {
    padding: 6px 10px;
    font-size: 15px;
    line-height: 1.35135;
    border-radius: 2px
}

.beta-overlay .buttons .btn.btn-primary,
.qualaroo-container .buttons .btn.btn-primary {
    background-color: #fff;
    color: #1376d7
}

.beta-overlay .buttons .btn.btn-secondary,
.qualaroo-container .buttons .btn.btn-secondary {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff
}

.beta-overlay .buttons .btn.btn-tertiary,
.qualaroo-container .buttons .btn.btn-tertiary {
    background-color: transparent;
    color: #fff
}

.beta-overlay .buttons .btn:hover,
.qualaroo-container .buttons .btn:hover {
    opacity: .8
}

.qualaroo-container {
    position: fixed;
    bottom: 0;
    left: 50%;
    margin-left: -143.5px!important;
    width: 287px;
    z-index: 5;
    height: 117px;
    -webkit-transition: transform .3s ease-in-out;
    -moz-transition: transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transform: rotate(translateY(125%));
    -ms-transform: rotate(translateY(125%));
    -webkit-transform: rotate(translateY(125%));
    -webkit-transform: translateY(125%);
    -o-transform: translateY(125%);
    -ms-transform: translateY(125%);
    transform: translateY(125%);
    -webkit-backface-visibility: hidden;
    background-color: #1376d7!important;
    color: #fff;
    font-family: helvetica, arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    border-width: 1px 1px 0;
    border-style: solid;
    border-radius: 11px 0 0;
    border-color: #71ade7!important
}

.qualaroo-container.show-qualaroo-popup {
    transform: rotate(translateY(90%));
    -ms-transform: rotate(translateY(90%));
    -webkit-transform: rotate(translateY(90%));
    -webkit-transform: translateY(90%);
    -o-transform: translateY(90%);
    -ms-transform: translateY(90%);
    transform: translateY(90%);
    -webkit-backface-visibility: hidden;
    -webkit-transition: height .3s ease-in-out, transform .3s ease-in-out;
    -moz-transition: height .3s ease-in-out, transform .3s ease-in-out;
    -o-transition: height .3s ease-in-out, transform .3s ease-in-out;
    transition: height .3s ease-in-out, transform .3s ease-in-out
}

.qualaroo-container.open {
    transform: rotate(translateY(0%));
    -ms-transform: rotate(translateY(0%));
    -webkit-transform: rotate(translateY(0%));
    -webkit-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-backface-visibility: hidden
}

.qualaroo-container .prompt {
    margin-bottom: 20px
}

.qualaroo-container .open-tab {
    position: absolute;
    top: -25px;
    height: 25px;
    right: -1px;
    padding: 5px 10px;
    background-color: #1376d7;
    cursor: pointer;
    border-radius: 7px 7px 0 0;
    border-width: 1px 1px 0;
    border-style: solid;
    border-color: #71ade7
}

.qualaroo-container .open-tab .fa {
    margin-left: 3px
}

.qualaroo-container .fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0)
}

.qualaroo-container .fa.fa-plus:before {
    content: "\f067"
}

.qualaroo-container .fa.fa-minus:before {
    content: "\f068"
}

.qualaroo-container .content {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 10px 15px;
    overflow-x: hidden;
    overflow-y: auto
}

.qualaroo-container>div:first-child {
    border-color: #71ade7!important
}

div#ki-tm.ki-tm.qualaroo-container {
    bottom: 0
}

.quiz-asset {
    height: 100%;
    overflow: hidden
}

.quiz-asset .quiz-viewer {
    height: 100%;
    width: 100%;
    position: relative;
    white-space: nowrap;
    font-size: 0;
    left: 0
}

.quiz-asset .frame {
    background: #fff;
    display: inline-block;
    height: 100%;
    white-space: normal;
    width: 100%;
    font-size: 14px;
    vertical-align: top;
    overflow: hidden
}

.quiz-asset .table {
    height: 100%;
    table-layout: fixed
}

.quiz-asset .quiz-mask {
    bottom: 0;
    overflow: auto;
    position: absolute;
    top: 45px;
    width: 100%
}

.quiz-asset .results-page .quiz-mask {
    top: 0
}

.quiz-asset .quiz-wrapper {
    height: 100%;
    position: absolute;
    width: 100%
}

.quiz-asset .question .quiz-wrapper {
    padding: 0 20px
}

.quiz-asset .start-page {
    box-shadow: 0 0 135px 15px rgba(0, 0, 0, .25) inset, 0 0 0 1px #fff inset;
    text-align: center;
    padding: 0 15%
}

.quiz-asset .start-page h1 {
    color: #6A8B1A;
    font-size: 28px;
    font-weight: 200
}

.quiz-asset .start-page h2 {
    font-size: 40px;
    font-weight: 200;
    margin-top: 10px
}

.quiz-asset .start-page h3 {
    color: #999;
    font-weight: 400;
    font-size: 16px
}

.quiz-asset .start-page h3 b {
    color: #353535;
    font-weight: 400
}

.quiz-asset .start-page article {
    color: #62616C;
    margin: 20px 0;
    overflow: auto
}

.quiz-asset .start-page article.not-published {
    font-size: 16px
}

.quiz-asset .start-page .start {
    bottom: 40px;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.quiz-asset .start-page .more {
    position: absolute;
    left: 0;
    bottom: 10px;
    text-align: center;
    width: 100%
}

.quiz-asset .back-btn2 {
    float: left;
    margin: 3px 10px 0 15px;
    z-index: 1
}

.quiz-asset .quiz-navigation {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3), inset 0 1px 0 #fff;
    background: #f7f7f7;
    border-bottom: 1px solid #737373;
    padding: 5px 10px;
    position: absolute;
    z-index: 1;
    width: 100%
}

.quiz-asset .quiz-navigation h3 {
    float: left;
    font-size: 18px;
    line-height: 1.8;
    font-weight: 400
}

.quiz-asset nav {
    float: right;
    margin-top: 2px
}

.quiz-asset nav button {
    background: #fff;
    padding: 3px 10px;
    color: #575757;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3);
    border: 1px solid rgba(0, 0, 0, .45);
    float: left;
    margin-left: -1px;
    font-size: 13px
}

.quiz-asset nav button:hover {
    background: #fff4b8;
    color: #353535
}

.quiz-asset nav button[disabled] {
    cursor: not-allowed;
    background: #fff
}

.quiz-asset .question .table {
    height: auto;
    margin-top: 20px;
    padding: 0 20px;
    text-align: center
}

.quiz-asset .single-question {
    font-size: 21px;
    font-weight: 300
}

.quiz-asset .assessment-related-lectures li,
.quiz-asset .answers li {
    border: 1px solid #ccc;
    color: #444;
    margin-top: 10px;
    padding: 8px;
    text-align: left;
    cursor: pointer
}

.quiz-asset .assessment-related-lectures li:hover,
.quiz-asset .answers li:hover {
    background: #f6f6f6
}

.quiz-asset .assessment-related-lectures li.correct,
.quiz-asset .answers li.correct {
    background: #b5c763;
    color: #fff;
    border: 1px solid #375f1f
}

.quiz-asset .assessment-related-lectures li.wrong,
.quiz-asset .answers li.wrong {
    background: #df904f;
    color: #fff;
    border: 1px solid #46171f
}

.quiz-asset .assessment-related-lectures li.wrong:before,
.quiz-asset .answers li.wrong:before {
    background-position: -117px -570px!important
}

.quiz-asset .assessment-related-lectures li.correct:before,
.quiz-asset .answers li.correct:before,
.quiz-asset .assessment-related-lectures li.wrong:before,
.quiz-asset .answers li.wrong:before {
    content: '';
    width: 23px;
    height: 18px;
    float: right;
    background: url(../../assets/images/lesson_detail/sprites.png?v=17);
    background-position: -90px -570px
}

.quiz-asset .assessment-related-lectures li.selected,
.quiz-asset .answers li.selected {
    background: #fff4b8;
    color: #353535
}

.quiz-asset .answers .quiz-answer-feedback {
    display: block;
    border-top: 1px solid rgba(0, 0, 0, .1);
    margin-bottom: 0;
    margin-top: 5px;
    padding-top: 5px
}

.quiz-asset .answers .quiz-answer-feedback a {
    color: #fff;
    font-weight: 700
}

.quiz-asset .submit-answer-btn,
.quiz-asset .next-btn,
.quiz-asset .finalize-btn {
    float: left;
    margin: 20px 0
}

.quiz-asset .review-question-lecture {
    float: left;
    margin: 24px 10px
}

.quiz-asset .review-question-lecture .ext {
    font-weight: 400
}

.quiz-asset .review-question-lecture .ext:after {
    font-family: FontAwesome;
    content: "\f08e";
    margin-left: 5px;
    font-size: smaller
}

.quiz-asset .question-text {
    font-size: 21px;
    text-align: left;
    margin: 15px 0
}

.quiz-asset .question-text .wrong-answer {
    text-decoration: line-through;
    color: red;
    margin-right: 8px
}

.quiz-asset .question-text .correct-answer {
    text-decoration: underline;
    color: green
}

.quiz-asset .score {
    float: left;
    width: 300px;
    background: #ddd;
    height: 100%;
    background-color: #fff;
    text-align: center;
    overflow: hidden;
    position: relative;
    box-shadow: 1px 0 2px #A0A0A0;
    min-height: 460px
}

.quiz-asset .score h2 {
    border-radius: 50%;
    box-shadow: -1px 1px 3px rgba(0, 0, 0, .45), 0 -2px 0 rgba(255, 255, 255, .25) inset;
    font-size: 18px;
    margin: -40px -90px 0;
    padding: 90px 0 90px
}

.quiz-asset .perc {
    background: #7f8186;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 45px;
    height: 150px;
    line-height: 150px;
    margin-top: -70px;
    position: relative;
    width: 150px;
    padding: 10px
}

.quiz-asset .perc span {
    background: #f7f7f7;
    border-radius: 50%;
    display: block;
    transform: rotate(rotate(-45deg));
    -ms-transform: rotate(rotate(-45deg));
    -webkit-transform: rotate(rotate(-45deg));
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-backface-visibility: hidden;
    height: 100%;
    overflow: hidden
}

.quiz-asset .perc span i {
    background: #d7e371;
    float: right;
    height: 100%;
    width: 0
}

.quiz-asset .perc b {
    background: #7f8186;
    border-radius: 50%;
    bottom: 25px;
    box-shadow: 0 0 2px #000 inset;
    left: 25px;
    line-height: 95px;
    position: absolute;
    right: 25px;
    top: 25px;
    z-index: 2
}

.quiz-asset .numbers {
    margin-top: 10px
}

.quiz-asset .numbers p {
    margin: 0
}

.quiz-asset .numbers .c {
    color: #789c2b
}

.quiz-asset .numbers .i {
    color: #b22637
}

.quiz-asset .numbers .s {
    color: #777
}

.quiz-asset .numbers .co {
    font-weight: 700;
    margin-top: 10px
}

.quiz-asset .numbers .co b {
    color: #789c2b
}

.quiz-asset .share-score {
    margin-top: 20px;
    position: absolute;
    width: 100%;
    bottom: 0;
    border-top: 1px solid #b1b1b1;
    background: #fefefe
}

.quiz-asset .share-score h3 {
    color: #656565;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase
}

.quiz-asset .share-score a {
    width: 81px;
    display: inline-block;
    height: 27px;
    background: url(../../assets/images/lesson_detail/sprites.png?v=17) -150px -170px;
    margin: 0 5px;
    opacity: .9
}

.quiz-asset .share-score a:hover {
    opacity: 1
}

.quiz-asset .share-score .t {
    background-position: -250px -170px
}

.quiz-asset .review {
    margin-left: 300px;
    height: 100%;
    position: relative
}

.quiz-asset .review .wrapper {
    overflow: auto;
    position: absolute;
    top: 15px;
    bottom: 10px;
    width: 100%;
    padding: 0 20px
}

.quiz-asset .review h1 {
    font-size: 18px
}

.quiz-asset .webkit-wrapper {
    margin-top: 10px;
    box-shadow: 0 0 4px #666
}

.quiz-asset .scoreboard {
    display: table;
    width: 100%;
    font-weight: 700
}

.quiz-asset .scoreboard li {
    display: table-row
}

.quiz-asset .scoreboard li>div {
    display: table-cell;
    padding: 10px;
    box-shadow: 1px 0 rgba(0, 0, 0, .13) inset, 2px 0 rgba(255, 255, 255, .5) inset;
    position: relative
}

.quiz-asset .scoreboard li>div:first-child {
    box-shadow: none
}

.quiz-asset .scoreboard li.q:hover {
    cursor: pointer
}

.quiz-asset .scoreboard .bordered-thumb {
    float: left;
    width: 25px;
    height: 25px;
    margin: -3px 10px 0 0
}

.quiz-asset .scoreboard .people {
    float: left;
    width: 30px;
    height: 21px;
    background: url(../../assets/images/lesson_detail/sprites.png?v=17) -30px -490px;
    margin: 0 5px 0 0
}

.quiz-asset .scoreboard .h {
    background: #f6f9fc;
    color: #555
}

.quiz-asset .scoreboard .h b {
    color: #999
}

.quiz-asset .scoreboard .h>div {
    border-bottom: 2px solid #C2CCE0
}

.quiz-asset .scoreboard .q {
    background: #fefefe
}

.quiz-asset .scoreboard .q>div {
    border-top: 1px solid #c5c5c5
}

.quiz-asset .scoreboard .q>div:first-child {
    color: #5b666f
}

.quiz-asset .scoreboard .q>div:last-child .relative:after {
    content: '';
    width: 13px;
    height: 17px;
    background: url(../../assets/images/lesson_detail/sprites.png?v=17) -30px -769px;
    position: absolute;
    right: 10px;
    top: -3px
}

.quiz-asset .scoreboard .q:hover {
    background: #f9f5f0
}

.quiz-asset .scoreboard .a {
    text-transform: uppercase;
    color: #6a9d21
}

.quiz-asset .scoreboard .a.i {
    color: #9d2138
}

.quiz-asset .scoreboard .a.i:before {
    background-position: -180px -570px
}

.quiz-asset .scoreboard .a:before {
    content: '';
    float: left;
    width: 16px;
    height: 13px;
    background: url(../../assets/images/lesson_detail/sprites.png?v=17) -150px -570px;
    margin: 4px 5px 0 0
}

.quiz-asset .scoreboard .assessment-stats {
    position: absolute;
    top: -50%
}

.quiz-asset .scoreboard .assessment-stats>.a {
    float: left;
    margin-right: 10px
}

.quiz-asset .scoreboard .progress-bar {
    background: #d6d6d6;
    margin: 0 40px 0 120px
}

.quiz-asset .scoreboard .progress-bar span {
    background: #6a9d21
}

.qualaroo-container {
    z-index: 9999
}

.dashboard-v39 {
    background-color: #F4F3F2
}

.cd-left-container {
    float: left;
    width: 50%;
    margin: 20px 0
}

.cd-right-container {
    float: right;
    width: 50%;
    margin: 20px 0;
    position: relative;
    z-index: 1
}

.ajax-loader-stick {
    height: 10px;
    margin: 10px auto;
    position: relative;
    width: 50px;
    left: inherit
}

.course-header {
    border-bottom: 5px solid rgba(0, 0, 0, .2);
    height: 65px;
    position: relative
}

.course-header-content {
    background: #545454;
    height: 60px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.course-header-content .container {
    position: relative
}

.course-header-content .btn-write-review {
    color: #fff;
    background-color: #4985b8;
    border-color: #4178a7;
    padding: 11px 12px
}

.course-header-content .btn-write-review:hover,
.course-header-content .btn-write-review:focus,
.course-header-content .btn-write-review.focus,
.course-header-content .btn-write-review:active,
.course-header-content .btn-write-review.active,
.open>.dropdown-toggle.course-header-content .btn-write-review {
    color: #fff;
    background-color: #3a6b94;
    border-color: #30587b
}

.course-header-content .btn-write-review:active,
.course-header-content .btn-write-review.active,
.open>.dropdown-toggle.course-header-content .btn-write-review {
    background-image: none
}

.course-header-content .btn-write-review.disabled,
.course-header-content .btn-write-review[disabled],
fieldset[disabled] .course-header-content .btn-write-review,
.course-header-content .btn-write-review.disabled:hover,
.course-header-content .btn-write-review[disabled]:hover,
fieldset[disabled] .course-header-content .btn-write-review:hover,
.course-header-content .btn-write-review.disabled:focus,
.course-header-content .btn-write-review[disabled]:focus,
fieldset[disabled] .course-header-content .btn-write-review:focus,
.course-header-content .btn-write-review.disabled.focus,
.course-header-content .btn-write-review[disabled].focus,
fieldset[disabled] .course-header-content .btn-write-review.focus,
.course-header-content .btn-write-review.disabled:active,
.course-header-content .btn-write-review[disabled]:active,
fieldset[disabled] .course-header-content .btn-write-review:active,
.course-header-content .btn-write-review.disabled.active,
.course-header-content .btn-write-review[disabled].active,
fieldset[disabled] .course-header-content .btn-write-review.active {
    background-color: #4985b8;
    border-color: #4178a7
}

.course-header-content .btn-write-review .badge {
    color: #4985b8;
    background-color: #fff
}

.course-header-wrapper {
    height: 60px
}

.course-header-wrapper .dropdown-menu {
    z-index: 98
}

.course-title {
    color: #FFF;
    font-size: 24px;
    margin: 10px 0;
    line-height: 1.4
}

.course-title.centered {
    float: none;
    margin: 10px auto;
    text-align: center
}

.back-to-course-btn {
    position: absolute;
    top: 17px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 215px
}

.instructors-container {
    text-align: left
}

.instructors-container .popover {
    position: fixed;
    width: 250px!important
}

.instructor-box {
    display: inline-block;
    margin-left: 5px
}

.instructor-box.introjs-showElement b {
    color: #555
}

.instructor-box .instructor-thumb {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    display: inline-block;
    width: 32px;
    border-radius: 50%
}

.instructor-box .instructor-title {
    color: #FFF;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.2;
    text-align: left;
    vertical-align: middle;
    max-width: 140px
}

.more-instructors-btn {
    background: #ddd;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    color: #56617b;
    display: inline-block;
    font-weight: 700;
    height: 32px;
    line-height: 32px;
    text-align: center;
    vertical-align: top;
    width: 32px
}

.course-header-buttons-container {
    margin-left: 20px
}

.course-header-buttons-container li {
    float: left;
    margin-left: 20px
}

.course-header-buttons-container li.review-box {
    margin-right: 0
}

.course-header-buttons-container .s-rating {
    float: left;
    margin-top: -1px
}

.course-header-buttons-container .review-count {
    float: left;
    font-size: 14px
}

.course-header-icon {
    color: #FFF;
    font-size: 16px
}

.course-header-icon:hover {
    color: #ddd
}

.course-header-icon a {
    color: #fff
}

.course-header-icon a:hover {
    color: #ddd
}

.course-invitations .icon-envelope {
    position: relative
}

.invitations-count {
    position: absolute;
    left: 10px;
    background-color: #fa3c45;
    font-size: 10px;
    font-weight: 700;
    min-width: 12px;
    line-height: 14px;
    height: 14px;
    text-align: center;
    padding: 0 2px;
    top: -5px
}

.dropdown-menu {
    margin-right: -8px
}

.dropdown-menu h5 {
    text-align: center;
    border-bottom: 1px solid #dedede;
    padding: 0 0 10px;
    margin: 10px 0 0
}

.dropdown-menu.email-settings {
    width: 260px
}

.checkbox-inputs {
    margin-top: 10px
}

.checkbox-inputs li {
    overflow: hidden;
    width: 100%;
    padding: 5px 8px;
    margin: 0;
    float: none
}

.checkbox-inputs label {
    float: left;
    font-size: 13px
}

.checkbox-inputs .switcher-no-js {
    float: right
}

.unsub-wrapper {
    border-top: 1px solid #dedede;
    padding: 7px 0 2px;
    text-align: center;
    margin-top: 5px
}

.unsub-wrapper .unsubscribe {
    float: right;
    margin-top: 7px;
    margin-right: 10px;
    font-size: 12px
}

.settings-closed {
    background: #dc7f7f;
    color: #fff;
    padding: 10px;
    font-size: 12px;
    text-align: center
}

.settings-closed a {
    color: #fff;
    font-weight: 700
}

.dropdown-menu.share-links-icons li {
    padding: 5px 0 5px 0;
    margin: 0 10px 0 10px;
    min-width: 150px
}

.dropdown-menu.share-links-icons li.w-border-bottom {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 5px
}

.dropdown-menu.share-links-icons a {
    padding: 0;
    color: #9b9b9b
}

.dropdown-menu.share-links-icons a:hover {
    color: #333;
    background-color: inherit
}

.dropdown-menu.share-links-icons i {
    display: inline-block;
    width: 20px
}

.dropdown-menu.share-links-icons i.icon-gift {
    padding-left: 2px
}

.dropdown-menu.share-links-icons i.icon-facebook {
    padding-left: 4px
}

.dropdown-menu.share-links-icons i.icon-twitter {
    padding-left: 1px
}

.dropdown-menu.share-links-icons i.icon-envelope-alt {
    padding-left: 1px
}

.next-curriculum-item-box {
    margin: 0 0 20px;
    color: #fff;
    overflow: hidden
}

.next-curriculum-item-box a {
    color: #fff;
    display: block;
    overflow: hidden;
    position: relative;
    background-position: center;
    background-size: cover
}

.next-curriculum-item-box a:hover {
    color: #fff!important
}

.nci-shadow {
    background-color: #545454;
    position: absolute;
    height: 100%;
    width: 100%
}

.nci-container {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 20px 0
}

.nci-icon {
    font-size: 48px;
    padding: 5px 10px 0 20px
}

.nci-content {
    font-weight: 500;
    font-size: 12px;
    margin-right: 10px
}

.nci-title {
    font-size: 20px;
    line-height: 18px
}

.nci-remaining {
    margin-top: 5px
}

.nci-go-to-item {
    font-size: 13px;
    color: #fff;
    background: #54b551;
    padding: 2px 7px;
    font-weight: 500;
    margin-right: 10px
}

.user-course-progress {
    color: #777;
    font-size: 15px;
    margin: 20px 5px 30px 5px;
    position: relative;
    line-height: 20px
}

.user-course-progress .progress {
    height: 10px;
    box-shadow: none;
    background: #D4D4D4
}

.user-course-progress .progress .bar-success {
    background: #54b551
}

.user-course-progress .popover .arrow {
    left: auto;
    right: 5px;
    top: -10px!important
}

.ucp-progress-bar.progress {
    margin: 5px 30px 0 0
}

.ucp-certificate {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0
}

.ucp-certificate .ucp-certificate-icon {
    font-size: 22px;
    color: #D4D4D4;
    display: block;
    text-align: center;
    cursor: pointer
}

.ucp-certificate .progress {
    margin: 0;
    width: 28px
}

.ucp-certificate .progress .bar {
    width: 0
}

.ucp-certificate.certificate-ready .ucp-certificate-icon {
    color: #54b551
}

.ucp-certificate.certificate-ready .bar {
    width: 100%
}

.ucp-certificate.certificate-ready .progress {
    background: #54b551
}

.ucp-certificate.certificate-in-progress .ucp-certificate-icon {
    color: #f0ad4e
}

.ucp-certificate.certificate-in-progress .bar {
    width: 100%
}

.ucp-certificate.certificate-in-progress .progress {
    background: #f0ad4e
}

.course-curriculum {
    margin: 0
}

.curriculum-item {
    position: relative;
    border-bottom: 1px solid #f0f0f0;
    display: block;
    -webkit-transition: background .15s ease-in-out;
    -moz-transition: background .15s ease-in-out;
    -o-transition: background .15s ease-in-out;
    transition: background .15s ease-in-out
}

.curriculum-item .ci-title {
    color: #888;
    -webkit-transition: color .15s ease-in-out;
    -moz-transition: color .15s ease-in-out;
    -o-transition: color .15s ease-in-out;
    transition: color .15s ease-in-out
}

.curriculum-item .ci-details {
    color: #bbb;
    -webkit-transition: color .15s ease-in-out;
    -moz-transition: color .15s ease-in-out;
    -o-transition: color .15s ease-in-out;
    font-size: 12px;
    transition: color .15s ease-in-out
}

.curriculum-item .ci-detail-icon {
    color: #ddd;
    -webkit-transition: color .15s ease-in-out;
    -moz-transition: color .15s ease-in-out;
    -o-transition: color .15s ease-in-out;
    transition: color .15s ease-in-out
}

.curriculum-item:hover {
    background: #f1f1f1
}

.curriculum-item:hover .ci-go-to-start {
    display: block
}

.curriculum-item:hover .ci-title,
.curriculum-item:hover .ci-details,
.curriculum-item:hover .ci-detail-icon {
    color: #292929
}

.curriculum-item:hover .ci-info {
    border-left-color: #fff
}

.curriculum-item.on {
    background: #3DB9E8
}

.curriculum-item.on * {
    color: #fff!important
}

.curriculum-item.on .ci-info {
    border-left-color: #fff
}

.curriculum-item.on:hover {
    background: #3aafd5
}

.curriculum-item.ci-in-progress:hover .ci-go-to-resume {
    display: block
}

.curriculum-item.ci-completed .ci-title {
    color: #888;
    font-weight: 500
}

.curriculum-item.ci-completed:hover .ci-title {
    color: #000
}

.curriculum-item.ci-completed:hover .ci-go-to-revisit {
    display: block
}

.ci-progress-container {
    background: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 50%;
    left: 10px;
    line-height: 0;
    padding: 1px;
    position: absolute;
    top: 9px;
    z-index: 1;
    width: 20px;
    height: 20px
}

.ci-progress-mask {
    display: inline-block;
    overflow: hidden
}

.ci-progress-mask:before {
    font-family: FontAwesome;
    background: #54b551;
    border-radius: 50%;
    content: "";
    float: left;
    height: 16px;
    width: 16px;
    color: #fff;
    text-align: center;
    line-height: 18px;
    font-size: 11px
}

.ci-progress-mask.perc-100:before {
    content: "\f00c"
}

.ci-info {
    border-left: 1px solid #f0f0f0;
    margin-left: 20px;
    padding: 6px 0 10px 10px;
    position: relative
}

.ci-title {
    color: #353535;
    font-size: 13px;
    font-weight: 500;
    padding: 3px 25px 0 5px;
    line-height: 18px;
    margin: 0
}

.ci-title-prefix {
    color: #E88A00
}

.ci-details-container {
    margin-top: 3px;
    font-size: 14px
}

.ci-details {
    color: #bbb;
    display: inline-block;
    padding: 0 6px
}

.ci-detail-icon {
    color: #ddd;
    width: 16px;
    display: inline-block;
    font-size: 14px;
    margin-left: 5px;
    position: relative;
    top: 1px
}

.ci-locked-progress-container {
    position: absolute;
    left: 18px;
    top: 50%;
    margin-top: -12px;
    font-size: 23px;
    z-index: 1
}

.ci-locked-info {
    display: none;
    top: 50%;
    position: absolute;
    margin-top: -10px;
    padding-left: 45px;
    font-size: 15px
}

.curriculum-items-list {
    background: #fff;
    overflow: hidden;
    -webkit-box-align: center;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
}

.curriculum-section-container {
    width: 100%;
    overflow: hidden
}

.section-title {
    padding: 2px 0 0;
    border-bottom: 1px solid #E0E0E0;
    background-color: #EDEDED
}

.section-title h5 {
    color: #fff;
    margin: 10px 15px;
    font-weight: 700;
    font-size: 14px
}

.activities-navigation {
    margin: 0 0 20px 20px
}

.activities-navigation li {
    float: left;
    width: 33%;
    padding: 10px;
    font-size: 14px;
    text-align: center;
    border-bottom: 1px solid #DEDEDE
}

@media (min-width: 992px) {
    .activities-navigation li {
        white-space: nowrap
    }
}

.activities-navigation li a {
    color: #555
}

.activities-navigation li a:hover {
    font-weight: 700
}

.activities-navigation li.on {
    box-shadow: 0 -4px 0 0 #54b551 inset
}

.activities-navigation li.on a {
    color: #54b551;
    font-weight: 700
}

.course-sub-page {
    position: absolute;
    width: 100%
}

.course-sub-page-title-area {
    background: #eee;
    height: 50px;
    width: 100%
}

.course-sub-page-title-area h2 {
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 50px
}

.course-sub-page-title-area button {
    position: absolute;
    top: 11px;
    right: 0
}

.narrow-sub-page {
    width: 750px;
    margin: 0 auto;
    border: none;
    position: relative
}

#dashboard-course-popup-content {
    color: #555;
    display: none;
    width: 600px!important
}

#dashboard-course-popup-content>h1 {
    font-size: 16px;
    padding: 15px 35px 15px 15px;
    text-transform: uppercase;
    border-bottom: 1px solid #DDD;
    margin: 0
}

#dashboard-course-popup-content .mask {
    height: 357px;
    overflow: auto;
    padding: 0
}

#dashboard-course-popup-content .desc {
    padding: 5px 15px;
    border-bottom: 1px solid #DDD;
    background: #fffef9
}

#dashboard-course-popup-content .desc p {
    margin: 7px 0
}

#dashboard-course-popup-content .desc p br {
    display: none
}

#dashboard-course-popup-content .what,
#dashboard-course-popup-content .req,
#dashboard-course-popup-content .who {
    font-size: 14px;
    padding: 2px 15px;
    text-transform: uppercase;
    border-top: 1px solid #e5e5e5;
    margin-top: 10px;
    line-height: 1.4;
    padding-top: 10px
}

#dashboard-course-popup-content ol {
    margin: 0 15px 10px 25px;
    padding: 0 0 0 10px
}

.cat-tag {
    margin: 10px 15px
}

.cat-tag li {
    margin-top: 5px;
    overflow: hidden
}

.cat-tag li h3 {
    float: left;
    font-size: 13px;
    line-height: 1.6;
    text-align: right;
    width: 70px;
    margin: 0
}

.cat-tag li div {
    float: left;
    width: 470px;
    margin-left: 10px
}

.cat-tag li div .tag-title:not(:last-child)::after {
    content: ", "
}

.manage-course-buttons {
    background: #ddd;
    border: 1px solid #ddd;
    padding: 10px;
    margin: 20px 0 20px 20px
}

.manage-course-buttons .btn {
    margin-right: 8px
}

.ng-hide {
    display: none!important
}

.thumb-wrapper {
    float: left;
    padding: 0
}

.thumb {
    width: 24px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.thumb.small {
    width: 25px
}

textarea {
    width: 100%;
    box-shadow: none;
    border: 1px solid #ccc;
    max-height: 185px
}

.activity-viewer {
    position: static;
    top: auto;
    background: 0 0
}

.activity-viewer .activity-container {
    position: static;
    margin: auto;
    margin: 20px auto;
    width: 575px
}

.activity-viewer .zero-state {
    margin: 50px
}

.activity-creation {
    margin: 0 0 20px 20px
}

.activity-creation .thumb-wrapper {
    padding-top: 2px
}

.activity-submit-box {
    padding-left: 34px
}

.discussion-details {
    margin-top: 5px
}

.general-questions {
    margin-right: 5px
}

.general-questions .dropdown-toggle:focus {
    color: #333!important
}

.lec {
    border-bottom: none
}

.lec .lec-icon-lock {
    display: none;
    float: left;
    margin-right: 5px
}

.lec .lec-info-lock {
    display: none
}

.lec.lec-locked a:hover {
    cursor: default
}

.lec.lec-locked .lec-icon-lock {
    display: block
}

.lec.lec-locked:hover .lec-info {
    display: none
}

.lec.lec-locked:hover .lec-info-lock {
    display: block
}

.qu-title {
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    padding: 5px 10px
}

.related-lecture-message {
    background: #FFFDED;
    padding: 0 10px;
    font-size: 12px;
    color: #555;
    font-style: italic;
    border-bottom: 1px solid #e1e1e1
}

.activity-post {
    margin: 0 0 10px 20px
}

.activity-post .activity-box {
    margin-left: 34px
}

.activity-post .activity-box:hover .hidden-btns {
    opacity: 1
}

.activity-header {
    padding: 2px 0 0 0;
    position: relative;
    margin-bottom: 10px
}

.header-left {
    font-size: 13px
}

.header-right {
    position: absolute;
    right: 0;
    top: 2px
}

.user-dropdown-container {
    margin-right: -5px;
    top: 1px
}

.activity-title {
    color: #59657D;
    font-size: 20px;
    line-height: 23px;
    font-weight: 400
}

.activity-header-link {
    color: #353535;
    font-weight: 700;
    margin-right: 2px
}

.hidden-btns {
    display: inline-block;
    opacity: 0;
    transition: opacity .2s ease 0s
}

.asked {
    color: #353535;
    display: inline-block
}

.activity-time {
    color: #777;
    font-size: 12px
}

.activity-time a {
    color: #777
}

.activity-time a:hover {
    color: #000
}

.mini-act-btn {
    color: #666;
    display: inline-block;
    font-size: 14px;
    margin-left: 10px
}

.mini-act-btn:hover {
    color: #333
}

.activity-report-link {
    color: #999;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    margin-left: 5px
}

.activity-report-dropdown-container {
    margin-left: 5px
}

.activity-report-dropdown-link {
    box-shadow: none!important;
    color: #e45757
}

.activity-report-dropdown.pull-right {
    margin-right: -7px;
    width: 190px
}

.activity-report-dropdown h5 {
    margin: 2px 0;
    text-align: center
}

.report-list {
    border-top: 1px solid #e4e4e4;
    color: #9b9b9b;
    font-size: 13px;
    padding: 5px 9px
}

.report-list a {
    color: #58647e
}

.report-list a:hover {
    color: #9b9b9b
}

.activity-body {
    padding: 0;
    margin-bottom: 5px;
    overflow: auto
}

.activity-content {
    margin: 5px 0
}

.comment-body {
    font-size: 13px
}

.activity-actions {
    font-size: 13px
}

.activity-actions a:hover {
    cursor: pointer
}

.activity-section {
    margin: 0 0 10px 20px
}

.action-like,
.follow-question-btn {
    color: #555
}

.action-like:hover,
.follow-question-btn:hover {
    color: #333
}

.activity-count {
    font-size: 12px;
    color: #999
}

.activity-actions-separator {
    color: #54b551;
    padding: 0 5px
}

.discussion-comments-block {
    margin: 0 0 0 34px;
    border-bottom: 1px solid #dedede;
    padding-bottom: 5px
}

.discussion-comments-container {
    border-left: 10px solid #DEDEDE;
    margin: 10px 0;
    padding-left: 10px
}

.comment-box .activity-box {
    margin: 0 0 15px 34px;
    padding-bottom: 5px;
    border-bottom: 1px solid #dedede
}

.comment-box .activity-header {
    margin-bottom: 5px
}

.comment-creation {
    text-align: initial
}

.comment-creation .thumb-wrapper {
    padding-top: 2px
}

.comment-submit-box {
    margin-left: 34px
}

.view-more-comments-row {
    border-bottom: none;
    border-top: 1px solid #F2F2F2;
    padding: 10px 0 5px
}

.view-more-comments-row a {
    color: #353535;
    font-size: 13px;
    font-weight: 700
}

.view-more-comments-row a:hover {
    color: #000
}

.view-more-comments-row a i {
    margin-right: 3px
}

.comments-block {
    margin-left: 34px;
    border-bottom: 1px solid #dedede;
    padding-bottom: 20px
}

.activity-comments-container {
    margin-top: 10px
}

.comment-view-container {
    padding: 0
}

.comment-form-container {
    margin-top: 10px
}

.comment-form-container textarea {
    height: 28px;
    font-size: 13px
}

.comment-form-container .thumb-wrapper {
    margin: 0 5px 0 0
}

.comment-form-container.edit-mode {
    background: 0 0;
    padding: 0;
    margin-top: 0
}

.comment-textarea-container {
    margin-left: 30px
}

.single-comment-container {
    padding: 0
}

.single-comment-container .thumb-wrapper {
    margin-right: 5px
}

.single-comment-container .comment-body {
    padding: 0 10px 0 30px
}

.comments-container {
    font-size: 13px;
    border-bottom: 1px solid #eceff1
}

.comments-container .hidden-btns {
    position: absolute;
    right: 5px;
    top: 10px
}

.comments-container li {
    border-top: 1px dotted #e7e7e7;
    position: relative;
    margin: 10px 0 0;
    padding: 10px 0 0
}

.comments-container li:before,
.comments-container li:after {
    content: " ";
    display: table
}

.comments-container li:after {
    clear: both
}

.comments-container li:before,
.comments-container li:after {
    content: " ";
    display: table
}

.comments-container li:after {
    clear: both
}

.comments-container li:first-child {
    border-top: none;
    margin-top: 0;
    padding-top: 0
}

.comments-container li:last-child {
    margin-bottom: 10px
}

.comments-container li:hover .hidden-btns {
    opacity: 1
}

.comments-container .commenter {
    margin: 0;
    float: none
}

.comment-time {
    color: #aaa;
    font-size: 11px
}

.commenter {
    color: #353535;
    float: left;
    font-size: 13px;
    font-weight: 700;
    margin-left: 10px;
    max-width: 180px;
    padding-top: 3px
}

.commenter:hover {
    color: #000
}

.answer-box-edit .comment-creation {
    margin-bottom: 10px
}

.answer-box-edit .comment-creation .comment-submit-box {
    margin-left: 34px;
    border-bottom: 1px solid #dedede;
    padding-bottom: 15px
}

.comment-notes {
    font-size: 11px
}

.activities-load-more-section {
    text-align: center
}

.activities-load-more-section a {
    padding: 5px 10px;
    background: #efefef;
    color: #555;
    border: 1px solid #ccc;
    font-size: 13px
}

#course-taking-page {
    background: #f8f8f8;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
    font-size: 14px;
    line-height: 1.42857143;
    color: #353535
}

#course-taking-page:before {
    opacity: .25
}

#timeline {
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    -webkit-transition: top .5s ease;
    -moz-transition: top .5s ease;
    -o-transition: top .5s ease;
    transition: top .5s ease
}

#timeline>li {
    position: relative;
    height: 100%;
    float: left;
    width: 100%
}

#timeline>li:first-child .prev-lecture {
    display: none
}

#timeline>li:last-child .next-lecture {
    display: none
}

#timeline>li .top {
    position: absolute;
    top: 40px;
    width: 100%
}

#timeline>li .top:before,
#timeline>li .top:after {
    content: " ";
    display: table
}

#timeline>li .top:after {
    clear: both
}

#timeline>li .top:before,
#timeline>li .top:after {
    content: " ";
    display: table
}

#timeline>li .top:after {
    clear: both
}

#timeline>li .top .ch {
    float: left;
    background: #5a5a61;
    color: #202227;
    font-size: 12px;
    font-weight: 700;
    padding: 0 20px 0 5px;
    position: relative;
    margin-top: 11px;
    width: 109px;
    text-align: center
}

#timeline>li .top .le {
    float: left;
    background: #000;
    padding: 0 20px 0 10px;
    margin: 11px 0 0 -20px;
    position: relative;
    font-size: 12px;
    font-weight: 700;
    color: #999;
    width: 84px
}

#timeline>li .top .no {
    float: left;
    background: #0dacac;
    width: 32px;
    height: 32px;
    line-height: 30px;
    text-align: center;
    border-radius: 99em;
    box-shadow: 0 0 rgba(255, 255, 255, .45) inset, 0 0 0 3px #000, 4px 0 rgba(255, 255, 255, .1);
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    margin: 4px 0 0 -9px;
    position: relative
}

#timeline>li .top h1 {
    position: absolute;
    left: 200px;
    right: 0;
    color: #fff;
    font-size: 13px;
    margin: 2px 0 0 9px;
    line-height: 2.8;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#timeline>li .top {
    opacity: 1
}

#timeline>li.on .top {
    opacity: 1
}

#timeline>li.on .top .share,
#timeline>li.on .top .mark {
    opacity: 1;
    visibility: visible
}

#timeline>li.off {
    visibility: hidden
}

#timeline>li.completed .top .no {
    background: #17aa1c;
    color: #fff
}

#timeline>li .bottom {
    position: absolute;
    width: 100%;
    bottom: 15px
}

#timeline>li .bottom .next-lecture {
    position: absolute;
    left: 240px;
    bottom: -60px;
}

#timeline>li .bottom .next-lecture.continue {
    position: absolute;
    bottom: 0;
    left: 147px
}

#timeline>li .bottom .mark {
    float: right;
    width: 26px;
    height: 26px;
    background: #4d4d4d;
    border-radius: 50%;
    text-align: center;
    margin-right: 10px
}

#timeline>li .bottom .mark:before {
    font-family: FontAwesome;
    color: #fff;
    content: "\f00c"
}

#timeline>li .bottom .mark:hover,
#timeline>li .bottom .mark.read {
    background: #17aa1c
}

#timeline>li .bottom .mark:hover b:nth-child(1) {
    display: block
}

#timeline>li .bottom .mark:hover b:nth-child(2) {
    display: none
}

#timeline>li .bottom .mark.read b:nth-child(1) {
    display: none
}

#timeline>li .bottom .mark.read b:nth-child(2) {
    display: block
}

#timeline>li .bottom .mark b {
    display: none
}

#timeline>li .bottom .mark .tooltip-content {
    margin-left: -60px
}

#timeline>li .bottom .mark .tooltip-content:before {
    margin-left: 15px
}

#timeline>li .percent {
    position: absolute;
    background: #c3c456;
    border-radius: 99em;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    box-shadow: 0 0 0 5px #aeb03c, 0 0 0 6px rgba(255, 255, 255, .2), 0 0 0 9px #010101;
    left: 140px;
    top: 50%;
    transform: translateY(-50%)
}

#timeline>li .note {
    left: 240px;
    overflow: hidden;
    position: absolute;
    right: 140px;
    top: 50%;
    transform: translateY(-50%)
}

#timeline>li .note span {
    max-width: 100%;
    display: inline-block;
    background: rgba(0, 0, 0, .5);
    color: #999;
    padding: 10px 20px;
    box-shadow: 0 2px 2px #000 inset
}

#timeline>li .note span b {
    color: #fff
}

#timeline>li.chapter .percent {
    background: #cee7fa;
    box-shadow: 0 0 0 5px #4574a9, 0 0 0 6px rgba(255, 255, 255, .2), 0 0 0 9px #010101;
    line-height: 104px
}

#timeline>li.chapter .percent span {
    position: absolute;
    font-size: 14px;
    top: -22px;
    left: 15px
}

.asset-container {
    position: absolute;
    top: 66px;
    bottom: 60px;
    width: 100%;
    background: #000;
}

.asset-container>* {
    width: 100%;
    height: 100%
}

.asset-container .fit-height {
    width: auto;
    height: 100%
}

.asset-container .fit-width {
    width: 100%;
    height: auto
}

.article-view {
    letter-spacing: .01rem;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 1.6;
    padding: 10px 20px;
    overflow-y: auto
}

.article-view table {
    margin-left: auto;
    margin-right: auto
}

.article-view td {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto
}

.in-progress-view {
    background: #fff;
    overflow: auto;
    padding: 15px
}

.in-progress-view p {
    font-size: 16px
}

.in-progress-view .table-cell {
    height: 100%;
    text-align: center
}

.in-progress-view i {
    font-size: 80px;
    color: #777
}

.in-progress-view span {
    display: block;
    color: #999;
    font-size: 16px;
    margin-top: 5px
}

.wufoo-survey-asset {
    background: #fff;
    overflow: auto;
    padding: 15px
}

.wufoo-survey-completed {
    height: 100%;
    overflow: hidden
}

.wufoo-survey-completed .main-view {
    height: 100%;
    width: 100%;
    position: relative;
    white-space: nowrap;
    font-size: 0;
    left: 0
}

.wufoo-survey-completed .frame {
    background: #fff;
    display: inline-block;
    height: 100%;
    white-space: normal;
    width: 100%;
    font-size: 14px;
    vertical-align: top;
    overflow: hidden
}

.wufoo-survey-completed .completed-page {
    position: relative;
    background: #EFF1F6;
    box-shadow: 0 0 135px 15px rgba(0, 0, 0, .45) inset, 0 0 0 1px #fff inset;
    text-align: center;
    padding: 0 15%
}

.wufoo-survey-completed .completed-page .completed-text {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin-top: -16px;
    text-align: center;
    color: #6A8B1A;
    font-size: 26px;
    font-weight: 200
}

.wufoo-survey-completed .completed-page .completed-text>span {
    margin: 0 5px
}

.sidebar-container {
    position: relative;
    height: 100%;
    z-index: 0;
    top: 0;
}

.sidebar-container .tab-label-container {
    overflow: hidden
}

.sidebar-container .tab-label-container .gray-nav {
    width: 100%;
    border: 0;
    border-bottom: 1px solid #e2e2e2;
    display: table;
    overflow: hidden;
    box-shadow: none
}

.sidebar-container .tab-label-container .gray-nav li {
    display: table-cell;
    float: none
}

.sidebar-container .tab-label-container .gray-nav li label {
    color: #9D9D9D;
    font-weight: 700;
    height: 40px;
    border-bottom: 0 none;
    font-size: 13px;
    line-height: 40px;
    box-shadow: none
}

.sidebar-container .tab-label-container .gray-nav li label:hover {
    background: #3DB9E8;
    color: #fff
}

.sidebar-container .tab-divs {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 41px;
    border-left: 1px solid #E2E2E2
}

.sidebar-container .tab-divs>div {
    background: #fff
}

.questions-locked,
.note-locked {
    padding: 5px 10px
}

#extras {
    width: 100%;
    bottom: 0;
    position: absolute;
    top: 0;
    overflow-y: auto
}

#extras .top {
    background: #fff;
    padding: 5px 10px;
    overflow: hidden
}

#extras .top h4 {
    text-transform: uppercase;
    color: #888;
    float: left;
    margin-top: 6px;
    font-size: 13px
}

#extras #extras-list p {
    margin: 10px
}

#extras article {
    margin: 10px;
    color: #666
}

#extras>ul>li {
    background: #fff;
    padding: 10px;
    position: relative;
    box-shadow: 0 1px #ededed inset;
    overflow: hidden;
    border-bottom: 2px solid #b8b8b8
}

#extras>ul>li:before {
    content: '';
    width: 30px;
    height: 32px;
    background: url(../../assets/images/lesson_detail/sprites.png?v=17) -120px -860px;
    float: left;
    margin-top: 3px
}

#extras>ul>li>a {
    float: left;
    font-size: 14px;
    margin-left: 10px;
    width: 240px;
    color: #666;
    font-weight: 700
}

#extras>ul>li>span {
    float: left;
    width: 240px;
    margin-left: 10px;
    color: #777;
    font-style: italic;
    font-size: 13px;
    font-family: georgia;
    line-height: 1
}

#extras>ul>li .btns {
    background: #A8CCE6;
    position: absolute;
    right: 10px;
    top: 15px;
    box-shadow: 0 -30px 30px -20px rgba(0, 0, 0, .2) inset, 0 0 0 1px rgba(0, 0, 0, .2) inset
}

#extras>ul>li .btns a {
    float: left;
    width: 33px;
    height: 24px;
    text-indent: -999em;
    opacity: .8
}

#extras>ul>li .btns a:before {
    background: url(../../assets/images/lesson_detail/sprites.png?v=17) 0 -800px;
    content: "";
    height: 14px;
    width: 16px;
    float: left;
    margin: 5px 0 0 10px
}

#extras>ul>li .btns a.download {
    border-left: 1px solid #b5b5b5
}

#extras>ul>li .btns a.download:before {
    background-position: 0 -900px
}

#extras>ul>li .btns a:hover {
    opacity: 1
}

#extras>ul>li.lec {
    border-bottom: 2px solid #6f913c
}

#extras>ul>li.lec:before {
    background-position: -240px -860px
}

#extras>ul>li.lec .btns {
    background-color: #9FC661
}

#extras>ul>li.lec:hover {
    border-left-color: #678930!important
}

#extras>ul>li.lec:hover>a {
    color: #678930!important
}

#extras>ul>li.zip:before {
    background-position: 0 -820px
}

#extras>ul>li.zip:hover:before {
    background-position: 0 -860px
}

#extras>ul>li.audio:before {
    background-position: -30px -820px
}

#extras>ul>li.audio:hover:before {
    background-position: -30px -860px
}

#extras>ul>li.pdf:before {
    background-position: -60px -820px
}

#extras>ul>li.pdf:hover:before {
    background-position: -60px -860px
}

#extras>ul>li.ppt:before {
    background-position: -90px -820px
}

#extras>ul>li.ppt:hover:before {
    background-position: -90px -860px
}

#extras>ul>li.no-downloadable:before {
    display: none
}

#extras>ul>li:not(.no-downloadable):hover {
    border-left: 5px solid #acc9dd
}

#extras>ul>li:not(.no-downloadable):hover>a {
    color: #4c90b4
}

#extras>ul>li:not(.no-downloadable):hover .btns {
    opacity: 1
}

#extras>ul>li .black-tooltip h5 {
    font-size: 16px;
    color: #4c90b4;
    padding: 10px 10px 15px
}

#extras>ul>li .black-tooltip>div {
    background: #d3d9df;
    padding: 10px;
    box-shadow: 0 1px 3px #999 inset;
    position: relative;
    text-align: center
}

#extras>ul>li .black-tooltip>div:before {
    content: '';
    position: absolute;
    top: -6px;
    background: #d3d9df;
    padding: 6px;
    transform: rotate(rotate(45deg));
    -ms-transform: rotate(rotate(45deg));
    -webkit-transform: rotate(rotate(45deg));
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-backface-visibility: hidden;
    left: 20px;
    box-shadow: 3px 3px 3px -2px #999 inset
}

#notes {
    height: 100%;
    position: relative
}

#notes-mask {
    top: 54px;
    overflow-y: auto;
    bottom: 30px;
    position: absolute;
    width: 100%
}

#notes-mask ul {
    background: url(../../assets/images/lesson_detail/notes-bg.png);
    min-height: 100%;
    padding-top: 31px
}

#notes-mask ul:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 20px;
    background: url(../../assets/images/lesson_detail/sprites.png?v=17) 0 -943px;
    top: 0
}

#notes-mask ul li {
    padding: 0 10px;
    position: relative;
    overflow: hidden
}

#notes-mask ul li .marker {
    width: 60px;
    height: 60px;
    padding: 2px 0
}

#notes-mask ul li .marker time {
    background: #a69e93;
    padding: 2px 9px;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    cursor: pointer
}

#notes-mask ul li .marker .bullet {
    padding: 2px 17px;
    color: #a69e93;
    font-size: 16px;
    font-weight: 700;
    position: absolute
}

#notes-mask ul li .ud-inplacenoteeditor {
    line-height: 30px
}

#notes-mask ul li .ud-inplacenoteeditor:after {
    content: '';
    display: block;
    background: url(../../assets/images/lesson_detail/sprites.png?v=17) 60px -988px;
    height: 30px
}

#notes-mask ul li .ud-inplacenoteeditor:hover {
    cursor: pointer
}

#notes-mask ul li textarea {
    margin: 0 0 0 5px
}

#notes-mask ul li .inplaceeditor-delete {
    position: absolute;
    right: 5px;
    top: 0
}

#download-notes {
    position: absolute;
    height: 30px;
    width: 100%;
    bottom: 0
}

#download-notes #download-button {
    width: 100%;
    height: 30px
}

.next-lecture {
    background: #393c44;
    height: 30px;
    line-height: 24px;
    padding: 0 10px;
    font-size: 10px;
    font-weight: 700;
    color: #ababae;
    border: 3px solid #000;
    box-shadow: 1px 0 0 rgba(255, 255, 255, .1);
    display: inline-block
}

.next-lecture:before {
    content: '';
    position: absolute;
    top: 100%;
    background: #9ccc65;
    left: 50%;
    transform: rotate(rotate(45deg));
    -ms-transform: rotate(rotate(45deg));
    -webkit-transform: rotate(rotate(45deg));
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-backface-visibility: hidden;
    width: 12px;
    height: 12px;
    margin: -5px 0 0 -8px;
    border-style: solid;
    border-width: 0 2px 2px 0;
    border-color: #000
}

.next-lecture:hover {
    color: #fff
}

.congrats {
    left: 50%;
    margin: -130px 0 0 -200px;
    position: absolute;
    text-align: center;
    width: 400px;
    background: url(/staticx/udemy/images/v3/huge-tick.png) no-repeat center;
    height: 260px;
    top: 50%
}

.congrats h2 {
    color: #fff;
    font-size: 30px;
    font-weight: lighter
}

.congrats p {
    color: #babdc2;
    font-size: 16px;
    margin-top: 20px;
    line-height: 24px
}

.congrats p b {
    color: #fff3af
}

.congrats p span {
    color: #FFF;
    font-weight: 700
}

.congrats .share {
    margin-top: 20px
}

.congrats .share h4 {
    color: #FFF;
    font-size: 12px;
    text-transform: uppercase
}

.congrats .share .btns {
    box-shadow: 0 0 0 1px #000, 0 0 0 4px rgba(0, 0, 0, .5);
    display: inline-block;
    margin-top: 5px;
    overflow: hidden;
    line-height: 25px
}

.congrats .share .btns>* {
    background: #6992d6;
    color: #FFF;
    display: table-cell;
    font-size: 14px;
    font-weight: 700;
    overflow: hidden;
    padding-right: 10px
}

.congrats .share .btns>:before {
    background: #567fcc url(../../assets/images/lesson_detail/sprites.png?v=17) 0 -632px;
    content: "";
    height: 26px;
    width: 30px;
    float: left;
    margin-right: 9px
}

.congrats .share .btns .tw {
    border-left: 1px solid #000;
    background: #67b2d6
}

.congrats .share .btns .tw:before {
    background: #59a5ce url(../../assets/images/lesson_detail/sprites.png?v=17) 0 -662px
}

.share .tooltip-content.three-item {
    min-width: 110px;
    margin-left: -55px
}

.share .tooltip-content a {
    width: 30px;
    height: 30px;
    text-indent: -999em;
    float: left;
    margin: 5px 0 5px 5px;
    cursor: pointer
}

.share .tooltip-content a:first-child {
    margin-left: 0
}

.share .tooltip-content a.f {
    background: #444 url(../../assets/images/lesson_detail/sprites.png?v=17) 0 -630px
}

.share .tooltip-content a.f:hover {
    background-color: #446298
}

.share .tooltip-content a.t {
    background: #444 url(../../assets/images/lesson_detail/sprites.png?v=17) 0 -660px
}

.share .tooltip-content a.t:hover {
    background-color: #73b4ca
}

.share .tooltip-content a.m {
    background: #444 url(../../assets/images/lesson_detail/sprites.png?v=17) -27px -630px
}

.share .tooltip-content a.m:hover {
    background-color: #878
}

#extras {
    overflow: auto
}

#extras-container {
    color: #555;
    white-space: nowrap;
    position: relative;
    height: 100%;
    left: 0;
    font-size: 0
}

#extras-container>div {
    display: inline-block;
    width: 100%;
    min-height: 100px;
    vertical-align: top;
    white-space: normal;
    font-size: small;
    height: 100%;
}

#extras-container article {
    margin: 5px 0 0 0!important;
    font-size: 13px;
    line-height: 1.2
}

#extras-container .icon {
    font-style: normal;
    font-size: 18px;
    color: #666;
    font-weight: 400;
    margin-right: 4px;
    float: left;
    width: 21px
}

#extras-container .favicon {
    height: 21px;
    background-size: contain!important;
    background-repeat: no-repeat
}

#extras-container .lecture-type {
    margin: 2px 4px 0 0
}

#extras-container .bar {
    background: #fff;
    position: relative;
    text-align: center;
    padding: 13px;
    text-transform: uppercase;
    box-shadow: 0 1px 2px #999
}

#extras-container .bar h4 {
    font-size: 13px;
    color: #878787;
    margin: 0
}

#extras-container .bar .action {
    font-size: 20px;
    position: absolute;
    top: 12px;
    color: #555
}

#extras-container .bar .action:hover {
    color: #999
}

#extras-container .bar .action.external {
    right: 15px
}

#extras-container .bar .action.back {
    left: 15px
}

#extras-container .bar .action.download-source {
    right: 15px
}

#extras-container .side-content {
    position: relative;
    height: 100%
}

#extras-container .tiny-btn {
    float: right;
    font-size: 13px;
    line-height: 2.5;
    margin-left: 15px;
    font-weight: 700;
    color: #777;
    cursor: pointer
}

#extras-container .tiny-btn:hover {
    color: #000
}

#extras-container .tiny-btn:before {
    font-family: FontAwesome;
    float: left;
    margin-right: 5px;
    font-weight: 400
}

#extras-side {
    height: 100%
}

#extras-nav {
    padding: 10px
}

#extras-nav .desc ul {
    list-style: disc;
    padding-left: 40px;
    margin: 0 0 10px
}

#extras-nav .with-buttons li {
    border: 1px solid #bbb;
    background: #fff;
    padding: 8px 34px 8px 10px;
    margin-top: 8px;
    position: relative;
    cursor: pointer
}

#extras-nav .with-buttons li.no-padding {
    padding: 0
}

#extras-nav .with-buttons li.no-padding>a {
    display: block;
    padding: 8px 34px 8px 10px
}

#extras-nav .with-buttons li span {
    font-size: 13px;
    font-weight: 700
}

#extras-nav .with-buttons li:hover span {
    color: #000
}

#extras-nav .with-buttons li label {
    line-height: 1.5;
    margin: 0
}

#extras-nav .with-buttons li .action-icon {
    font-weight: 400;
    color: #777;
    position: absolute;
    right: 10px;
    top: 0;
    border-left: 1px solid #bbb;
    bottom: 0;
    padding: 10px 0 0 7px;
    font-size: 16px
}

#extras-nav h3 {
    font-size: 14px;
    margin: 0
}

#extras-nav section {
    margin-bottom: 20px
}

#lecture-sidebar {
    background: none repeat scroll 0 0 transparent;
    height: 100%;
    padding: 12px;
    position: fixed;
    right: 0;
    top: 0;
    width: 400px
}

#lecture-sidebar .lecture-tab-container {
    background: none repeat scroll 0 0 #FFF;
    height: 100%;
    position: relative
}

#lecture-sidebar .gray-nav {
    margin-top: -2px
}

#lecture-sidebar .gray-nav li {
    width: 95px
}

#lecture-sidebar .gray-nav.simple li label {
    color: #AAA;
    font-size: 22px;
    height: 50px;
    line-height: 50px
}

#lecture-sidebar .tab-label-container {
    overflow: hidden
}

#lecture-sidebar .tab-divs {
    bottom: 0;
    overflow: auto;
    position: absolute;
    top: 50px;
    width: 100%
}

#lecture-sidebar #extras-container {
    white-space: normal
}

#lecture-sidebar .activity-box {
    margin: 0
}

#lecture-sidebar .activity-posts-container {
    padding: 10px
}

#lecture-sidebar .activity-details {
    font-size: 12px
}

#lecture-sidebar .user-name {
    display: inline;
    float: none
}

#lecture-sidebar .asked {
    display: inline
}

#lecture-sidebar .activity-title {
    font-size: 18px
}

#lecture-sidebar .answer-box-right {
    margin-left: 50px
}

#lecture-sidebar .answer-comment-form-container {
    padding-top: 5px
}

#lecture-sidebar .commenter {
    margin: 0;
    max-width: 72px
}

#lecture-sidebar .answer-body {
    padding-right: 10px
}

#lecture-sidebar .comment-textarea-container-right {
    margin: 0 10px 0 0
}

#lecture-sidebar #notes-mask {
    bottom: 0;
    overflow-y: auto;
    position: absolute;
    top: 54px;
    width: 100%
}

#lecture-sidebar #notes-mask ul {
    background: #fff9ed url(../../assets/images/lesson_detail/notes-bg.png);
    min-height: 100%
}

#lecture-sidebar .chap-title {
    width: 360px!important
}

#lecture-discussions {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: auto;
    padding: 17px 10px
}

#lecture-discussions .activity-header {
    padding-bottom: 0;
    margin-bottom: 5px
}

#lecture-discussions .asked,
#lecture-discussions .activity-details-flex-wrapper {
    display: none
}

#lecture-discussions .activity-post {
    margin: 0 0 20px 0
}

#lecture-discussions .activity-creation {
    margin: 0 0 20px 0
}

#lecture-discussions .activity-bottom {
    margin-bottom: 0
}

#lecture-discussions .comment-box .thumb-wrapper {
    display: none
}

#lecture-discussions .comment-box .activity-box {
    margin-left: 0
}

div.single-line-form {
    background: #fff;
    overflow: hidden;
    padding: 10px;
    position: relative;
    z-index: 1
}

div.single-line-form textarea {
    height: 34px;
    padding: 5px 10px;
    width: 100%;
    overflow: hidden
}

form.single-line-form textarea#body {
    height: 0;
    visibility: hidden;
    display: block;
    padding: 0;
    opacity: 0;
    margin: 0;
    border-width: 0
}

div.single-line-form input[type=text] {
    height: 34px;
    padding: 8px;
    width: 100%
}

div.single-line-form input[type=text]#body {
    height: 0;
    visibility: hidden;
    display: block;
    padding: 0;
    opacity: 0;
    margin: 0;
    border-width: 0
}

form.single-line-form .autocomplete-thumbnail {
    top: 2px
}

form.single-line-form .bottom input[type=submit] {
    float: left;
    background: #333;
    color: #fff;
    padding: 5px 10px;
    margin-top: 10px
}

form.single-line-form .bottom a {
    float: left;
    margin: 15px 0 0 10px;
    font-size: 12px;
    color: #333
}

form.single-line-form .form-item-details {
    display: none
}

form.single-line-form #show-desc:target~textarea.desc {
    visibility: visible;
    opacity: 1;
    height: 60px;
    padding: 10px;
    margin-top: 10px
}

#tab-curriculum {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: auto;
    background: #FFF;
}

#tab-books {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: auto
}

#questionbox {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: auto
}

.quiz-preview-popup-wrapper .quiz-asset .quiz-navigation {
    padding-right: 40px
}

.logo-box img {
    max-height: 35px
}

.dashboard-intro-js {
    min-width: 300px;
    max-width: 400px
}

.dashboard-intro-js .step-num {
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0 0 10px 10px;
    font-size: 12px
}

.dashboard-intro-js .introjs-tooltipbuttons {
    text-align: center
}

.dashboard-intro-js .introjs-skipbutton {
    float: right
}

.dashboard-intro-js .introjs-disabled {
    display: none
}

.general-main.introjs-fixParent {
    position: absolute;
    top: 60px
}

.activity-container.introjs-fixParent {
    position: absolute;
    top: -15px
}

.technical-support-btn i {
    color: #F6F73B
}

#invitationrequests .send-invitation-link {
    margin: 10px 0 0 10px;
    display: block
}

#invitationrequests .invitation-request-item {
    cursor: default
}

#invitationrequests .invitation-request-item .user-title {
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    width: auto;
    font-weight: 700;
    font-size: 14px;
    color: #555;
    line-height: 1.2;
    margin-top: 5px;
    max-width: 300px
}

#invitationrequests .invitation-request-item time {
    margin: 5px
}

#invitationrequests .invitation-request-item .ajax-loader-stick {
    right: 40px;
    top: 40px;
    left: initial;
    display: none
}

#announcements ul li,
#invitationrequests ul li {
    background: #fff;
    border-top: 1px solid #c5c5c5;
    color: #353535;
    padding: 10px;
    position: relative;
    display: block;
    cursor: pointer
}

#announcements ul li a,
#invitationrequests ul li a {
    color: #353535
}

#announcements ul li.no-announcements,
#invitationrequests ul li.no-announcements,
#announcements ul li.no-invitationrequests,
#invitationrequests ul li.no-invitationrequests {
    font-size: 16px!important;
    cursor: default
}

#announcements ul li.unread,
#invitationrequests ul li.unread {
    background: #fff
}

#announcements ul li.announcement-item:active,
#invitationrequests ul li.announcement-item:active,
#announcements ul li.load-wrapper-item:active,
#invitationrequests ul li.load-wrapper-item:active {
    background-color: #e6e6e6;
    background-color: #d9d9d9 \9;
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05)
}

#announcements ul li .btn-group,
#invitationrequests ul li .btn-group {
    float: right
}

#announcements ul li .user-image,
#invitationrequests ul li .user-image {
    height: 32px;
    width: 32px;
    float: left;
    text-indent: -99em;
    margin-right: 5px
}

#announcements ul li article,
#invitationrequests ul li article {
    float: left;
    font-size: 14px;
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 330px;
    text-align: left
}

#announcements ul li time,
#invitationrequests ul li time {
    color: #999;
    float: right;
    font-size: 11px;
    margin-top: 2px
}

#announcements ul li time:before,
#invitationrequests ul li time:before {
    content: '';
    float: left;
    background: url(../../assets/images/lesson_detail/sprites.png?v=17) -60px -1077px;
    width: 16px;
    height: 16px
}

#announcements ul li:first-child,
#invitationrequests ul li:first-child {
    border: 0
}

.test-video-page .test-video-form {
    background: #fefefe;
    padding: 20px 20px 10px;
    border: 1px solid #dedede;
    margin: 10px 0;
    display: none
}

.test-video-page .test-video-form .manage-fields-wrapper {
    padding: 0
}

.test-video-page .labeled {
    margin-top: 10px
}

.test-video-page .labeled label {
    float: left;
    margin-top: 7px;
    text-align: right;
    width: 120px
}

.test-video-page .labeled .tooltip-reference {
    width: 570px;
    margin-left: 10px
}

.test-video-page .test-video-holder {
    width: auto;
    margin: 10px 0 0
}

.test-video-page .alert {
    color: #000;
    margin: 0
}

.test-video-page .alert.info-facebook-share {
    margin: 10px 0
}

.how-to-share-test-video-popup {
    width: 550px
}

.how-to-share-test-video-popup .prettyprint {
    padding: 0 8px
}

.test-video-holder {
    margin: 10px
}

.test-video-holder .no-test-video {
    margin: 50px auto;
    width: auto;
    font-size: 18px;
    color: #aaa;
    text-align: center
}

.test-video-holder .no-test-video b {
    display: block;
    font-size: 22px;
    margin-bottom: 20px
}

.test-video-holder .processing {
    width: 750px;
    padding: 120px 0;
    text-align: center;
    border: 1px solid #ddd;
    background: #fefefe;
    margin: 0
}

.test-video-holder .test-video-details {
    padding: 10px 0
}

.ud-test-asset-comments .comments-header {
    border-bottom: 1px solid #ccc;
    padding: 5px 0;
    margin-bottom: 20px
}

.ud-test-asset-comments .comments-header .lock-info {
    position: relative;
    bottom: -5px
}

.ud-test-asset-comments .thumb-wrapper {
    float: left;
    padding: 1px 0
}

.ud-test-asset-comments .thumb-wrapper img {
    width: 36px
}

.ud-test-asset-comments .right {
    margin-left: 45px;
    padding: 0 10px 0 0;
    margin-bottom: 15px
}

.ud-test-asset-comments .right.comment-box {
    background: #fefefe;
    border: 1px solid #ddd;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    margin-bottom: 20px;
    padding: 8px 10px
}

.ud-test-asset-comments .right.comment-form-box {
    padding: 0 0 8px 0
}

.ud-test-asset-comments .right.comment-form-box div {
    margin-top: 0
}

.ud-test-asset-comments .right.comment-form-box .submit-row {
    margin: 0;
    text-align: left
}

.ud-test-asset-comments .right.comment-form-box select {
    margin-bottom: 10px
}

.ud-test-asset-comments .right.comment-form-box textarea {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    margin-bottom: 5px;
    padding: 8px 10px;
    resize: vertical
}

.ud-test-asset-comments .right.comment-form-box .btn {
    margin-bottom: 0
}

.one-column-layout {
    margin: 20px auto;
    width: 500px;
    text-align: center
}

#type-preview-banner {
    background: #8f979e;
    overflow: hidden;
    padding: 0;
    display: none
}

#type-preview-banner.on {
    display: flex;
    padding: 10px
}

#type-preview-banner h3,
#type-preview-banner h4 {
    color: #fff;
    line-height: 1.2;
    font-size: 20px;
    font-weight: 400;
    margin: 0
}

#type-preview-banner h4 {
    font-size: 18px;
    margin-top: 4px
}

#type-preview-banner strong {
    color: #fff2a9
}

#type-preview-banner .det {
    color: #94A3C2
}

#type-preview-banner .det:hover {
    color: #fff
}

#type-preview-banner .soc {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(../../assets/images/lesson_detail/sprites.png?v=17);
    margin: -3px 0 0 0;
    vertical-align: top;
    opacity: .8
}

#type-preview-banner .soc:hover {
    opacity: 1
}

#type-preview-banner .soc.fb {
    background-position: -360px -230px
}

#type-preview-banner .soc.tw {
    background-position: -393px -230px
}

#type-preview-banner time b {
    background: #2D2D2D;
    padding: 1px 3px;
    display: inline-block;
    vertical-align: top;
    font-weight: 400
}

#type-preview-banner .unlock-btn {
    display: inline-block;
    margin-left: 10px
}

#type-preview-banner .rating-reviews {
    cursor: pointer;
    display: inline-block;
    margin-top: 10px
}

#type-preview-banner .thumb {
    height: 60px;
    width: 60px;
    background-position: center;
    background-size: cover;
    border-radius: 99em;
    margin-top: 4px;
    display: inline-block
}

#type-preview-banner .course-title {
    font-weight: 700;
    color: #fff;
    text-align: center;
    margin: 0;
    font-size: 18px
}

#preview-finished-popup {
    padding: 10px 20px;
    width: 540px
}

#preview-finished-popup .thumb {
    height: 60px;
    width: 60px;
    background-position: center;
    background-size: cover;
    border-radius: 99em;
    margin-top: 4px;
    display: inline-block
}

#preview-finished-popup h1 {
    font-size: 21px;
    line-height: 1.2;
    font-weight: 300;
    text-align: center;
    color: #444
}

#preview-finished-popup .r2 {
    margin-top: 10px;
    text-align: center
}

#preview-finished-popup .btn.warning {
    color: #fff!important;
    font-weight: 300
}

#preview-finished-popup #buynow-popup-denied {
    font-size: 13px;
    color: #333
}

#preview-finished-popup #buynow-popup-denied:hover {
    color: #999
}

.ie10 .nci-container {
    padding-top: 15px
}

.discover-courses-list {
    font-size: 0;
    text-align: left;
    margin-left: 1px
}

.course-box {
    margin: 15px
}

.course-box .mask {
    width: auto
}

.course-feedback-form-wrap {
    background: #f1f3f6;
    height: 90%;
    padding: 20px
}

.course-feedback-form-wrap .tooltip-reference {
    margin-top: 10px
}

.course-feedback-form-wrap .labels {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.course-feedback-form-wrap .white-bg {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 1px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff;
    margin: 0 1px;
    padding: 10px;
    text-align: center;
    min-width: 55px
}

.course-feedback-form-wrap input {
    display: block;
    float: none!important;
    margin: 10px 0 0!important;
    position: relative!important
}

.course-feedback-form-wrap .labeled {
    margin-top: 15px
}

.course-feedback-form-wrap .labeled label {
    font-weight: 400
}

.course-feedback-form-wrap .submit-row {
    margin-top: 15px
}

.search-field input {
    padding-right: 20px
}

.search-field .clear-btn {
    background-color: #fff;
    margin-top: 2px;
    padding-left: 0;
    padding-right: 0;
    border: none;
    border-radius: 0;
    position: absolute;
    left: 90%;
    top: 1px;
    z-index: 3;
    cursor: pointer
}

.light-green {
    background-color: #e3ede2
}

.radio-label {
    width: 100%
}

.radio-label .radio {
    float: left;
    width: 12px
}

.radio-label .radio-text {
    margin-left: 4px;
    float: left;
    width: 90%;
    font-weight: 400
}

.goal-panel {
    border: 1px solid #dedede;
    font-size: small;
    border-radius: 0;
    padding: 20px
}

.goal-panel h4,
.goal-panel p {
    margin: 0;
    padding: 0
}

.goal-panel h4 {
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 15px
}

.goal-panel p {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 15px
}

.goal-panel .panel-body {
    padding: 0;
    margin-bottom: 20px
}

.goal-panel .panel-body .goal-row {
    margin-bottom: 10px
}

.goal-panel .panel-body .goal-row::-webkit-input-placeholder {
    font-style: italic
}

.goal-panel .panel-body .goal-row .default-goal-input input {
    border-radius: 3px;
    padding-left: 15px;
    width: 95%
}

.goal-panel .panel-body .goal-row .bold-times-sign {
    font-weight: 700;
    font-size: 20px;
    font-style: initial;
    margin-left: 8px
}

.goal-panel .panel-body .goal-row .bold-times-sign:hover {
    cursor: pointer
}

.goal-panel .panel-body .goal-row .icon-trophy {
    font-size: 16px;
    float: right
}

.goal-panel .panel-body .view-goal {
    position: relative;
    padding: 9px 9px;
    border-radius: 3px;
    border: 1px solid transparent
}

.goal-panel .panel-body .view-goal .goal-description {
    font-size: 14px;
    margin: 0
}

.goal-panel .panel-body .view-goal:hover {
    border: 1px solid #e3ede2;
    cursor: pointer
}

.goal-panel .panel-body .view-goal .icon-trophy {
    color: #ccc;
    position: absolute;
    right: 9px;
    top: 50%;
    transform: translate(0, -50%)
}

.goal-panel .panel-body .accomplished {
    background: #e3ede2
}

.goal-panel .panel-body .accomplished:hover {
    border: 1px solid transparent
}

.goal-panel .panel-body .accomplished .icon-trophy {
    position: absolute;
    right: 9px;
    top: 50%;
    transform: translate(0, -50%);
    color: #54b551
}

.goal-panel .panel-body .add-new-goal {
    height: 30px;
    background: #e6e6e6;
    position: relative
}

.goal-panel .panel-body .add-new-goal .icon-plus {
    display: block;
    color: #b3b3b3;
    font-size: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.goal-panel .panel-body .add-new-goal:hover {
    background: #f2f2f2;
    cursor: pointer
}

.goal-panel .panel-body .add-new-goal:active {
    background: #ccc
}

.goal-panel .panel-body-skipped {
    margin-bottom: 0
}

.goal-panel .btn-text-green {
    color: #54b551;
    background: 0 0
}

.goal-panel .btn-left-align {
    padding-left: 0
}

.goal-panel .panel-heading {
    padding: 0;
    font-weight: 700
}

.goal-panel li {
    border: none;
    padding-top: 0;
    padding-bottom: 1px;
    background-color: inherit
}

.ie .h12px-ie {
    height: 12px
}

.ie .search-field .clear-btn {
    display: none
}

.preview-wishlist-btn .wl-icon-on {
    display: none
}

.preview-wishlist-btn:hover .wl-icon-on {
    display: block
}

.preview-wishlist-btn:hover .wl-icon-off {
    display: none
}

.preview-wishlist-btn.on .wl-icon-off {
    display: none
}

.preview-wishlist-btn.on .wl-icon-on {
    display: block
}

.preview-wishlist-btn.on:hover .wl-icon-on {
    display: none
}

.preview-wishlist-btn.on:hover .wl-icon-off {
    display: block
}

body.preview #course-taking-page .main {
    top: 69px
}

body.preview #course-taking-page .sidebar {
    top: 69px
}

body.preview #preview-banner {
    z-index: 101;
    position: fixed;
    top: 0;
    width: 100%
}

.preview-mask {
    -webkit-mask: url(/staticx/udemy/images/v4/preview-user-mask.svg);
    -moz-mask: url(/staticx/udemy/images/v4/preview-user-mask.svg);
    -o-mask: url(/staticx/udemy/images/v4/preview-user-mask.svg);
    -ms-mask: url(/staticx/udemy/images/v4/preview-user-mask.svg);
    mask: url(/staticx/udemy/images/v4/preview-user-mask.svg)
}

.preview-bar-wrapper {
    min-height: 71px;
    background-color: #2c81ba
}

.qu-ddown .wrapper {
    height: 150px;
    width: 430px;
    overflow-x: hidden;
    overflow-y: auto
}

.qu-ddown h4 {
    background: #fafafa;
    border-bottom: 1px solid #e1e1e1;
    font-size: 13px;
    margin: 0;
    padding: 5px 10px
}

.qu-ddown a {
    border-bottom: 1px solid #e1e1e1;
    color: #555;
    display: block;
    font-size: 13px;
    padding: 4px 10px
}

.qu-ddown a:hover {
    background: #59657e;
    color: #fff
}

@media (max-width: 1200px) {
    .course-header .instructors-container {
        display: none
    }
    #type-preview-banner .cl {
        right: 0
    }
}

@media (max-width: 1024px) {
    .curriculum-item .ci-details {
        color: #bbb!important
    }
    #course-taking-page.wrapper.off .main {
        right: 10px
    }
    #course-taking-page.wrapper .main {
        left: 10px;
        right: 310px
    }
    #course-taking-page.wrapper .main:before {
        display: none
    }
    #course-taking-page.wrapper .main ul#timeline {
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none
    }
    #course-taking-page.wrapper .main ul#timeline>li .asset-container {
        bottom: 60px;
        top: 45px
    }
    #course-taking-page.wrapper .main ul#timeline>li .asset-container iframe {
        background: none!important
    }
    #course-taking-page.wrapper .main ul#timeline>li .top {
        float: none;
        margin: 0;
        text-align: center
    }
    #course-taking-page.wrapper .main ul#timeline>li .top h1 {
        left: 0;
        margin-top: -5px
    }
    #course-taking-page.wrapper .main ul#timeline>li .top .ch {
        display: none
    }
    #course-taking-page.wrapper .main ul#timeline>li .top .no {
        float: none;
        display: inline-block;
        margin: 0
    }
    #course-taking-page.wrapper .main ul#timeline>li .top .le {
        position: absolute;
        margin: 5px 5px 0 0;
        right: 50%
    }
    #course-taking-page.wrapper .main ul#timeline>li .bottom .share,
    #course-taking-page.wrapper .main ul#timeline>li .bottom .mark {
        display: none
    }
    #course-taking-page.wrapper .main ul#timeline>li .bottom a.next-lecture {
        left: 50%;
        margin-left: -50px
    }
    #course-taking-page.wrapper .main ul#timeline>li .bottom a.next-lecture.continue {
        left: 50%;
        margin-left: -33px
    }
    #course-taking-page.wrapper .main ul#timeline>li .bottom .autoplay {
        font-size: 10px;
        left: 50%;
        margin-left: 60px;
        top: -24px
    }
    #course-taking-page.wrapper .main ul#timeline>li .note {
        left: 0;
        right: 0;
        margin-top: 20px
    }
    #course-taking-page.wrapper .main ul#timeline>li .note span {
        display: block;
        text-align: center
    }
    #course-taking-page.wrapper .main ul#timeline>li.chapter .percent,
    #course-taking-page.wrapper .main ul#timeline>li .percent {
        left: 50%;
        margin: -80px 0 0 -39px
    }
    #course-taking-page.wrapper .main ul#timeline>li .prev-lecture {
        left: 50%;
        margin-left: -50px
    }
    #course-taking-page.wrapper .main:before {
        left: 50%;
        margin-left: -2px
    }
    #course-taking-page.wrapper .sidebar {
        width: 300px
    }
    .course-curriculum .section-title h5 {
        font-size: 12px
    }
    .course-curriculum .ci-title {
        font-size: 12px
    }
}

@media (max-width: 800px) {
    .activity-submit-box {
        padding-left: 0!important
    }
    .thumb-wrapper {
        display: none
    }
    .discussion-activity-box {
        margin-left: 0
    }
    .activities-navigation li {
        font-size: 11px;
        padding: 5px 2px
    }
    .activities-container textarea {
        font-size: 11px
    }
    .activities-container .header-left {
        font-size: 11px
    }
    .activities-container .activity-title {
        font-size: 11px
    }
    .activities-container .activity-body {
        font-size: 11px;
        line-height: 1.2
    }
    .activities-container .activity-actions {
        font-size: 11px
    }
    .activities-container .comment-box .activity-box {
        margin-left: 0
    }
    .mini-tooltip-text {
        display: none
    }
    .cd-right-container {
        display: none
    }
    .cd-left-container {
        width: auto;
        float: none
    }
    .instructors-container {
        display: none
    }
    .course-header-buttons-container {
        display: none
    }
    .course-title {
        margin: 10px;
        font-size: 14px
    }
    .user-course-progress {
        margin: 10px 10px 15px
    }
    .next-curriculum-item-box {
        margin: 0 10px
    }
    .activities-container .comment-box .activity-box {
        margin-left: 0
    }
    .activities-container .commenter {
        font-size: 11px
    }
    .activities-container .comment-body {
        font-size: 10px
    }
    .activities-container .comment-time {
        font-size: 10px
    }
    .activities-container .single-comment-container .comment-body {
        padding: 0
    }
    .activities-container .comment-textarea-container {
        margin: 0
    }
    #type-preview-banner h3 {
        font-size: 13px
    }
    #type-preview-banner h4 {
        font-size: 11px
    }
    #type-preview-banner .container {
        padding-right: 50px
    }
    .test-video-page .test-video-form {
        padding: 5px
    }
    .test-video-page .labeled label {
        text-align: left
    }
    .test-video-page .labeled .tooltip-reference {
        margin-left: 0;
        width: 100%
    }
}

@media (max-width: 790px) {
    #course-taking-page.wrapper.off .main {
        right: 10px
    }
    #course-taking-page.wrapper .sidebar {
        display: none
    }
    #course-taking-page.wrapper .main {
        right: 10px;
        left: 10px
    }
    body.preview .youre-previewing {
        display: none
    }
}

.backlessson a {
    color: #84848c;
    font-weight: 700;
}

.backlessson a:hover {
    color: #fff;
    font-weight: 700;
}

#timeline>li:last-child .next-lecture {
    display: block !important;
}

.prev-lecture span {
    color: #84848c;
    display: list-item;
    font-size: 12px;
    font-weight: 700;
    margin-top: -18px;
    padding: 0;
    text-align: left;
    width: 126px;
}

.complete {
    background-color: #17aa1c !important;
}

.complete:hover {
    background-color: #17aa1c !important;
}

.nexttopic1 {
    color: #353535;
    font-weight: 700;
}

.section-title h5 {
    font-weight: normal;
}

.prholder {
    bottom: -32px;
    float: left;
    height: auto;
    position: absolute;
    right: -2px;
    width: 100%;
    z-index: 2147483647 !important;
}

.FRd {
    display: inline-block;
}

.progressbar_holder {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: -5px;
    width: 100px;
}

.watch-sparkbars {
    -moz-border-radius: 3px;
    height: 10px;
    margin: 2px 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
    background-color: #d6d6d6;
}

.watch-sparkbar-likes {
    float: left;
    height: 10px;
    background: #ffb53b;
}

.assessmentlistcontainer {
    float: left;
    height: auto;
    width: 100%;
    background: #fff;
    padding: 20px;
}

.quizistattmbtn {
    float: left;
    height: auto;
    width: 100%;
    background: #fff;
    padding: 20px;
}

.assansoption ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.quizistitemtext ul {
    list-style: none !important;
    margin: 0px;
    padding: 0px;
}

.assessmentlistcontainer ul {
    list-style: none !important;
    margin: 0px;
    padding: 0px;
}

.uiactioncontrolbox ul {
    list-style: none !important;
    margin: 0px;
    padding: 0px;
}

.quizistitemtext ul li {
    list-style: none;
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100%;
}

.assqstheading {
    font-size: 14px;
    font-weight: bold;
    width: 100%;
    height: auto;
    margin: 0px 0 15px 0;
}

.defualtloaderholder {
    font-size: 18px;
    font-weight: bold;
    width: 100%;
    height: auto;
    margin: 0px 0 0 0;
    text-align: center;
}

.ULImageBlock .quiz-radio-btn {
    background: rgba(0, 0, 0, 0) url("../media/images/lesson_detail/radiobutton.png") no-repeat scroll 0 0;
    border: 0 none;
    height: 15px;
    margin: 0;
    padding: 0;
    width: 15px;
}

.ULImageBlock .quiz-radio-upbtn {
    background: rgba(0, 0, 0, 0) url("../media/images/lesson_detail/radiobutton.png") no-repeat scroll 0 -15px;
    border: 0 none;
    height: 15px;
    margin: 0;
    padding: 0;
    width: 15px;
}

.ULImageBlock {
    float: left;
    margin-right: 10px;
    margin-top: 3px;
    padding: 0;
    position: relative;
}

.ULImageBlock_Content {
    display: table-cell;
    margin-bottom: 5px;
    font-size: 14px;
    margin-left: 80px;
    vertical-align: top;
    width: 100%;
    position: relative;
    top: 8px;
}

.quiz_ans_box {
    left: 40%;
    position: absolute;
    top: 220px;
}

.quiz_ans_inner {
    margin: 0 auto;
    width: 300px;
}

.rightchoicediv {
    background: rgba(0, 0, 0, 0) url("../media/images/lesson_detail/quiz_correct.png") no-repeat scroll 0 0;
    height: 60px;
    width: 300px;
}

.wrongchoicediv {
    background: rgba(0, 0, 0, 0) url("../media/images/lesson_detail/quiz_incorrect.png") no-repeat scroll 0 0;
    height: 60px;
    width: 300px;
}

.tiny {
    background-color: #337ab7 !important;
    border-color: #2e6da4 !important;
    color: #fff !important;
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent !important;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.sidebar-container .tab-label-container .gray-nav li label {
    font-size: 18px !important;
    text-align: center !important;
}

.padding10 {
    padding: 10px !important;
}

.title_bg {
    background: #9ccc65;
}

.booktab {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: auto;
    padding: 17px 10px
}

.booktab .activity-header {
    padding-bottom: 0;
    margin-bottom: 5px
}

.booktab .asked,
.booktab .activity-details-flex-wrapper {
    display: none
}

.booktab .activity-post {
    margin: 0 0 15px 0
}

.booktab .activity-creation {
    margin: 0 0 10px 0
}

.booktab .activity-bottom {
    margin-bottom: 0
}

.booktab .comment-box .thumb-wrapper {
    display: none
}

.booktab .comment-box .activity-box {
    margin-left: 0
}

.thumbbox {
    border-radius: 0%;
    border: 1px solid #dedede;
    width: 30px;
    margin-top: 5px;
}

.submit-row {
    margin-top: 5px;
}

.subjectspace {
    margin-top: 5px;
}

.deletespopspace {
    margin-left: 20px;
}

.notavilable {
    color: #353535;
    font-size: 14px;
    line-height: 1.42857;
}


/*.video-container {
   padding-top: 52.48%;
   position: relative;
}

.video-container iframe {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   background:#000
}*/

.article-view #textContent {
    padding: 10px 20px;
    font-size: 12px;
}

.article-view #textContent p {
    padding: 10px 0 0 0;
    margin: 0px;
    line-height: 18px;
}

.article-view #textContent ul {
    list-style: disc;
    padding-left: 30px;
    line-height: 17px;
}

.article-view #textContent ul li {
    padding: 5px 0;
}

.filemanager .data .details {
    margin-left: 5px;
}

.filemanager .data .name {
    margin-left: 5px;
}

.files .video {
    margin: 0 5px 5px 0;
    padding: 5px 7px 5px 8px;
}

@media only screen and (min-width: 240px) and (max-width: 360px) {
    .tooltip {
        right: 0%;
    }
    .quiz_ans_box {
        left: 10%;
        top: 100px;
    }
}

@media only screen and (min-width: 360px) and (max-width: 680px) {
    .quiz_ans_box {
        left: 10%;
        top: 100px;
    }
}

.article-view {
    font-size: inherit;
}

.dash-prev {
    left: 235px;
    position: absolute;
    width: auto;
    top: 14px;
}

@media screen and (max-width:768px) {
    .dash-prev {
        left: -2px;
        position: absolute;
        width: auto;
        top: 11px;
    }
    .dash-prev-lecture {
        left: 68px !important;
        top: 12px;
        margin-left: inherit !important;
    }
    .dashboard-timer {
        margin-top: 10px;
    }
}

.dash-language-a {
    padding: 18px 15px !important;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #2196F3 !important;
}

.dash-language-a span.caret {
    color: #fff;
}

.dash-language-a:hover {
    background: rgba(0, 0, 0, 0.41) !important;
}

.annotation-area {
    width: 100%;
    margin-top: -20px;
    background: #c3c3c3;
}

.msg-time-chat .pliconrndsmall {
    z-index: 9;
}

li.dropdown.language-switch>a {
    padding: 0px 20px !important;
    line-height: 66px;
}

.dropdown.language-switch .dropdown-menu>a:hover,
li.dropdown.language-switch>a:hover {
    background: transparent !important;
}

.dropdown.language-switch .dropdown-menu>.active>a:hover,
.dropdown.language-switch .dropdown-menu>.active>a {
    background: #9ccc65 !important;
}

ul.navbar-right>li.language-switch a {
    color: #f00;
}

Youez - 2016 - github.com/yon3zu
LinuXploit