/******_layout-font-rewrite.css******/ /** DO NOT USE IT IF YOU DON'T NEED IT! This file is not used - you can use it on your custom.css if you want to rewrite the fonts. Three google fonts are used on Smarty: - Open Sans (default font) - Raleway (used for numbers) - Lato (used to highlight the text using font-weight:300) * Please note: all files starting with "_" (underscore), are not used by default! ** ***************************** **/ /** essentials.css *********************** **/ .countTo-sm, .countTo-md, .countTo-lg, .countdown, h1, h2, h3, h4, h5, h6 { font-family:'Raleway','Open Sans',Arial,Helvetica,sans-serif; } .ribbon-inner { font-family: "Open Sans",Helvetica,Arial,sans-serif; } div.mega-price-table .pricing-head small { font-family:'Open Sans', Arial, Hevletica, sans-serif; } .datepicker.dropdown-menu { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } .time_pick .time, .time_pick .mins, .time_pick .meridian, .mfp-close, .price-clean { font-family: Arial, Helvetica, sans-serif; } .daterangepicker .calendar th, .daterangepicker .calendar td { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; } .flex-caption { font-family:'Lato',Arial,Helvetica,sans-serif; } .switch > .switch-label { font-family:Helvetica, Arial, sans-serif; } /** layout.css *********************** **/ body { font-family:'Open Sans',Arial,Helvetica,sans-serif; } small { font-family: 'Lato', sans-serif; } /* fonts */ .font-open-sans { font-family:'Open Sans',Arial,Helvetica,sans-serif !important; } .timeline .timeline-entry, .font-lato { font-family:'Lato',Arial,Helvetica,sans-serif !important; } .font-raleway { font-family:'Raleway',Arial,Helvetica,sans-serif !important; } /* elastic slider */ .ei-title h3 { font-family: 'Open Sans', sans-serif; } .maintenance, .timeline .timeline-entry>span, #footer ul.footer-list li small, .comments small, h1.blog-post-title, .blog-post-item h2 { font-family:'Open Sans',Arial,Helvetica,sans-serif; } /******added_to_essentials.zip******/ PK���F�O+R�� fonts.css.css�]]�㸕}����L�?ʖ� �ɾ�þ���Pe3�E %��z����dW�H>�`�N�t(Q��彗��Rں[�*׋_?}w���To�? �2���~��]��Ͻ�~�����J�Ǐ�O�v?��@�Һ��~�A�3]�X�F��[���O������ز����[t]ܠs���Ǵ����𯟯s��p�>/�p������*���|���y������}������i1��_������OO�)��U���w�3g�ޖg]���Z�yQ������y�>���@?G�i�J��1uej��*��~~0w�V���Z�nKo���Qu��N閝Su���C��{��������m����{��;���y��iTeT���:ۯK�~��N�����0����!�~,�k��7Y?m'�����Z=%��ǯ�u��u�{p�?/�������o�Lo� �n����������s|y7���/������1��&�%����ӱ��\���H�ax�[T��UU~��.û�A�$;�����u0� �������nW�ů�ƶ�3�?��Ju�U������~ק��m�,V�����A����'t}Q���wOe���n �����}��� �w�m<$���<����YV����6�=|!�����s�h\�d�no���J 7~ ��X液.�+�w��������׿������̺b�O�ŕu�O��������g7�>/�����+O���������S��[�u�e<5}U ����ΐÕ:R�˶1���Y)U{S<�h��i�)+Mm:=��B?k��P���oA���_�G��[��Y���X�~��k�"��l�:��Ї?�����Y����������|���-fϷ��?��{����an��Q���>Sz޷?��sF�ז/�q92U���ك)>����Y��n��&w��e��W՚|���p ��?��{��|y�+�[ �7R��{��q�_���:�-^|����S�9 �z ����u����7�o���o����q��c����� ߝ��4ˣu�_�U� ����8g����������P̯��e+]��`n��o�|��~,���������J/�/���O����G�Jb�w�|3:3��bs'���3Φ(�H��\�i�krϧ���y�q�7�<.�>l���pm ~ �ڿb���;,��>��1 ȴ��!����P~�?z�Z}�q��~��u�S.?����M�վ��:���ge*�|�����-E�"���4�'sx����ܼ?�M~���6x�\Li���P���=�)8��K�St���Z��k���to�QSJu~�����ñ,���^����׫�o(x=�RS�f�!���� �Ut��1�CDpL�N(.f����1W������ShL�֞�Y�ؗ)��|�bf�GŁ1��\Pd��i�ؘ�G{�6l�����{�³71oۋ���ob�zD�9M'`��9Z�U�.�Z�m�f �*Mgb�<�~��cW� ��9��X�) �|N�E��}'fr�t��\��Z�ML�j�wfU!��b>�}�X�GB�����?0�?�� _ڲ�Mb�g�R/ts|���@������hJ��˝F�~���P�d޶w˗k ͧP��)�~����=�����Ru��ݯ&(M�>&����ﶏy}Ԃױ�t����~W��T��&o���[J�p0�B�������9��杍I��ՙ.��l���|zK��b�H0�~�;ZG��}L��/<�>%!z�]�$f�h��ytb� el������?�$�m�C�$&ma��֔7IL����� d5�Dt�4I���R$�=�p. w�0�~��|�b�v���IL��(��1�S��N��o~�y4�ƌ�V�ꨟ�ƌ�lEٗa�1M�pǚg�Ә���(�a�^fV Is��Sާ1C��[@��1C[]y�Bc��j��C���LL��l���// ,UZ �YMc�6���1C�����e�q�a����ɣ�i}�*�Δ�/�UU�j��ڗ���o5OS�@�����~��z����~��ڽRP��ܖ��L}5����u�Z^��?�,_b��4�{���cz��p4��!�I�*fk�S5�U �����Om�t��c��7�e�j�ev aw6��W� B�k�����U%l�d1G �~�?ƿ��թ�LMa�)terc{�M�[\I�ž����L:���Wu�,�(���ׯ��e�����ש3 {R���J��s2��� Eǜ�n��TSH���CS<)���y�F�o�Z�B�?3]n�nq 9�˖�����]�K�C�R���\��h x�o8��) �~p־��3G,��{mjݽ�� ݚCM���h=�l{a���mo+l���pw�(h� �����BO!�^�ÁƯ)d�sNX̜��#�Է�杰����.�=;ѾB��`�A�BL�W��s�B����A����m2~�[���7�n��'o��9��u�R�l��Orڮ� ���ʥ�v�.������o~���u Y�Ws泺���H"���2l;>�M�7u���r>:.�I!�<$�Y̕B�����tC����6*�X��m�+n] �<�(TCiⰁϷVR�댦RH��Pa)�4��tǞj)�G�27.�h>�|�h��DH Ic��<��B��{7|��S�)�l+�cW��zg�{./�.���S�J.�N!c{ :'��RH�~�:������5��%�ꃮ�M { ����.S�� ��q�Ӽ������+�/a[�0>���|T,y�z�覀b�`CZ����A�,�A۫>����X �@@*w�4��d����<N��Y��[=�s���J��9l�w�����)����� &SQ�k���X&N��h���~rOA-�� W&��w����2�|&�75��\M�>&���[WyLؐ���>y����9yaW����!�,V��3\^W�uBuH3�VJ�T|K��W{�;S�o�:�"�k���ۇ׈�⑵��"��#����y Ҹ��T�EL�P/�;%(Z��5�ELޫ~R�|�r� ��\�)TS�ʿ��t��D�/b��@GYc) W��>��r*� �@:yX�~����;�}Kc������:f��T�7�4�B�뵄��)~��e��e|��~��-�լ�P���g ��� �lp$�셿 �U��s�XXQ��Y���Ⱥ��U�wB5K �d��B���V��!@) S(HAxx�/c�k�/�/��:L�O. e�e�nɵ*AU�����t����K�����Pn�ĺ�tbW�H������b~�A�@�\�Tc'M#�Dc��1q��Cz��؟�V 2Ʈh�� r�GUQ3��dL\'�zȧ�Iኖ�h7E�8� Lk���Ѝ�Ti>R֮V���b3�psȚ�ZV:"�Q�;�3��z���Z��\��5�ϳYy�A�vK�� �Y���Dpt1� ���=�TR(T8!:N@ �Z�AJ@w��P$�I��P#�� �`�� .�G�*AH@w�^�~�n�K���4�� �����Z�!�x|4V9h%�tƚ ���6�k�ƥ� ��y�kzJM¼N�'���'�6\헀./sF�9?� a^u�������a}��p�t������˴�%{��� ڣ�P� ��A�*H$���*�^K@M��2����N�gh3lS�vKZ���o�Z�Ō�3'�=����k��p�$Eþ� zJ@��#�W�$�s���(�߻��w���z���A��8c���C�ۻ�� ��x�^4��������,� 0����Nz՟i%B�������=PPh> +��O$5�ݛ�˧Tq���h��e����Q��=J�����HM|�d�o�1�C-> H��N�#�P/��i.�J@�؄�E�0y��Bk�E��������â��d�t�cQ"���1��g�EM�_l��v�4���$�e�bK A�x^�� ��X�,I^���?�<6�TJ&P��G�1Bv ����Iմ� ����.N<����2P�O��y�j�3�}(N?� Ԧ�/�|J�`��Y��:���e��J\g�h�qc���FZN�����y�_d7� o���Ů�^\�'a#���cV�LC��x�+��mƏ�Lԝ�Q�������v�������{�5����]����w�����P�~M� f.��9f��F�y��y���Η&� $8 ���A��(Z� �ǗN�2�!�����Y7|A����~]1���>q�"��~��e%����p�k�kAP���z �R�M�i��l��c�ONw?��m�<�BD���k5'���k)G�D��Q�Z�(d��f0�C]Y�h*��*e�}��[;ŏ�K@���_��/6G����L>��]|P��6`��FSuc��;R��O��N���P��=�!�������(_�2�۷}����I��Z��!����X@� m$�$�� t�Aݝ�-�UXҔ�1� (��}�X��;�O����ݡ��iM� �� �~o�h�4߮�Z�����޾�A���-��D�㞝(��w�_u%�R?���n�q`���[D4��hcWn�������7��+e��]���x)��}G ��\���CƟ���,5�w~i�#�7�SS����t� �t�p$���r��D������,gٕ�Χh�Ɇ�k���2n�Th$YP~�7�:g����/ �����'fw��=(�[������ө�pQzY�9vD�)�Ư �" ���� �Nl��Z:q���8x_�ob��jr�7]�7-���u8�cAKK�����e����\����� +�vA������)�ǣ6� �G-�8y�F�S��`M�O�!���z��ӎÉst ֓����{�z�v��/$b��G����v���\��=n$�>+a�Qa+c�L�Q�@ ��5E����B|�}����f����ӊ���H ���@/�t���=��* ����r]��2� 8V�� m��yV����?=m�̀�+ W{�V�3XJ�,6^��\��lj����z6�]8���z6��NW_�gs+���Ԙ����V���*�$e��ͯ���V�� K%���l� �2�j=�^��6� >���_���f���Ux�|�� ��ln�ߠ������;�崁 ��R/�vDA%�l9TR�� K�����3�qfwg{/�^���ׁ|�p����h:�ng:�w�SM`77ʩ�[zǞ*����D���C; U��.�T���7�G��5:U���Th,OU��6ˇ��x_T5��T���7��G�#Ϫ����e�)Հ������{�-���_ �p����t(ڐ��$����52���e;?�4ȇe\�.���76�w,\ ��R�0�з2_��R����S\p>^�;��i���|Tԅ}tj3{\�����2�θX-p��MdԒv蟤�����=S �O��S��홭~jY���a W��.�n��~_}��.3 �u���M��Z.|��Kg+Աi����ٻ��c)�Ձ�;����˯ԁ���W���S��|\��=����q��(;�@ګ���O�5�l��4ūS�3�z�{�`<�S����q��\��;$n����X��\���05X `\�`5p���a l�%Z����V�Z �ַ���'Ji�0�/'�i�#9QL[�+QL�'ARFM��iacM=-�崗c�8QM[w߅O���K���x���~��k�մ���2]�Ei���ݺ`��w��'�i��OT��T+e�43�JT��E[)#���ư'Ji��v�������`��L����o�<��⍷�B�v#<ŝ��}E|^_lFSG;���'*h��D�쾱*���PKS�iF��ԑ �8 sky-forms.css�[�o�:?'���kc9r'�,�.Ş���Z�m!�dHr������O�Ci���ڄ 9�/��/_n/o������;"�M���ɺiw��G2��U���E�TM��ʲ���go}B�rS/+���ȞEYo�)�y��}ҕ?�rv�3���l�e�r���iK���Q�L��4߲�eռ� ?�Uw�ݔu�7���N�z77�4�T��-X�l7+�G:��t����o�k����-��z�.����˦mu�$W_�������-��=mY�;oqW/e�Te�h�l�d���� yݖ=#�Or�^��,�>}&-�3ړ.o��")��}�d��}�;���1ף�K�G�*Ő �5?³�/bP��#��h�9�KG��fbh3��f‽.YUt����z��qi� �ϝ��I��8�v3*�~蔑���^�5��&n������&��q�zB�ɪo�/s:!�%�&��I��r=���}*>@�<����;Z��)�I�P�ʺj(ߨN�;��=ۺKZ`�fT�6 � ���Y�S&��3��I�������Eo\W0JZ���L��H���92�|�W<|�]n�o*pJmliѼ�� �*�� ���B��3%P~h;af���A�>��y��/pX\�3��hw/��(�o�Ք� F��@��X*���;�'����T.W�0?��2X:5�?���N����w�"[V�ҟ��1j�m8�Q��6`�w"�dǏ�[�f�sD����������h�2R�)�[��%`d��&Bk� :�u���u���ɯ.�M~��Z�)�#�Ubr3C5��V�b���G/X��`���<ㅄwosˊv}�o˪@�i�#[vML�D��A�x�S2' ���L����+�2�=E*���X������ {�H���!sQ��4ˏ&X,tt|cGT5vz���L�� �O�H�M��u�i^+��uu&9�?�{���)�>F��w\�?�4͇��ꌑ9r>x�)e&���c �ʇ�|e]���<�wH�B.�v���g�S��'b 2��~�i���$򐝈T䟈Ɨ�=q���Z8o�]�DVMW��D M|�x��=�1�ʃ�p���ԡey����-w��|,9�ݟ� ��<+X_(������Ǐ���p$�0���׸hw�hOV�{�pW���1,��G�5��c�:�G;����ZT��Hʺ`o2��|!!~�`Ta �=� �:wHփsN�s&��g�|g=і�����I�=�㈓����Z����s�T00����>Z��]�J�)�{�:�hM�9��j@$V���f�|ď�6,����2vU� 5����$�-����cJ�-�tl���#��إIU��o��vΤ9,o8��1�J���U_�5�#�K:�t�q��]�����L a}ӈ3w �˹�}����u�����̳�bU~��l��@�{���z���T��Y�M�Z>C�j�� �qZ'�F���G� կ��6�n4� L��u�ܩ�/� M%��*�.��;�ӿ�󹌒�ɨ� �"��� ���}�)y��ꆊ� J�/��r4:�.,;��/�"�GQ������b"X���a ڎ��tDp��T��W� Iݺ��t?�oKPx0�y�s� �q� �~[�Lt��A�ZI���� ��T$�m �%֑��@Qo�C<�N��q��Z����$v����(�,���h29- ����7�.[����j�HVQ���t,����9�seI/�����ܮ�= ހ��G��#�;��g��լ�Π.���n��>�3��]��x�S�M��Q���i�j%B�|��X�����ꮠ�בn��P�y�h&���.�J8*}P�M��>�M��CFX�̝ ^��3w>za�Дl���cܒ �~����F�� �s�(�;)�i�ya�4�g� lA�6m�/�k��B���7!яu�M����/N�#*���d*�­��0L�h����@m�?�� y,B[�y��f����[�|�;`����#�IS�3�Y�����Mz IAOE�)(���Q�Y�FF���s�(3��ͩ�E��2N�TA� ��@Q�U�Z � "p�0� ����`��j^򟜌�� �'^��ud���W�A�"/��Y�6O��"B<ݚEݞ{9\�`�Di@P��t�}��m~�:�n�CD�9�-���k���n����� V����"[dη��img,body>img{display:none !important}.dfont,body,select,input,textarea,iframe a,button,.button-link{font-family:Lato,sans-serif,Arial,微軟正黑體}.font-robo{font-family:Roboto,sans-serif}.black-font{color:#000}.white-font{color:#fff}.main-w{max-width:1280px;margin:0 auto}@media only screen and (max-width: 767px){.mx-txt-width{max-width:450px;margin:0 auto}}.l-white-tri-down-span,.l-white-tri-down:before{width:0;height:0;display:inline-block;border-right:5px solid transparent;border-left:5px solid transparent;border-top:7px solid #fff;vertical-align:middle}.r-black-tri-up-span,.sel.shift:before{width:0;height:0;display:inline-block;border-right:5px solid transparent;border-left:5px solid transparent;border-bottom:7px solid #495057;vertical-align:middle;-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);-moz-transition:-moz-transform 350ms ease-in-out;-o-transition:-o-transform 350ms ease-in-out;-webkit-transition:-webkit-transform 350ms ease-in-out;transition:transform 350ms ease-in-out}.r-black-tri-down-span,.r-black-tri-down:after,.sel:after{width:0;height:0;display:inline-block;border-right:5px solid transparent;border-left:5px solid transparent;border-top:7px solid #898989;vertical-align:middle}body #fancybox-content{overflow:auto;-webkit-overflow-scrolling:touch}body{-webkit-text-size-adjust:100%;background:none !important;line-height:1.6;font-size:14px;overflow-y:scroll}select{border:none;-webkit-appearance:none;appearance:none;outline:none;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}img{width:100%;display:block}.size16{font-size:16px}.size18{font-size:18px}.touchevent{cursor:pointer}.bold-font{font-weight:bold}.animation,button,.button-link,[class*="circle-arrow"]:before,[class*="circle-arrow"]:after,[class*="circle-arrow"] span,a,.swiper-pagination-bullet{-moz-transition-duration:300ms;-o-transition-duration:300ms;-webkit-transition-duration:300ms;transition-duration:300ms;-moz-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.hvr-outline-in{-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}.hvr-outline-in:before{pointer-events:none;content:'';position:absolute;border:solid 1px;border-color:#f0edf6;top:-3px;right:-3px;bottom:-3px;left:-3px;opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:top, right, bottom, left;transition-property:top, right, bottom, left}.hvr-outline-in:hover:before{top:-1px;right:-1px;bottom:-1px;left:-1px;opacity:1}input,textarea{padding-left:10px;font-size:15px}input.placeholder,textarea.placeholder{font-size:15px;color:#898989}input:-moz-placeholder,textarea:-moz-placeholder{font-size:15px;color:#898989}input::-moz-placeholder,textarea::-moz-placeholder{font-size:15px;color:#898989}input:-ms-input-placeholder,textarea:-ms-input-placeholder{font-size:15px;color:#898989}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{font-size:15px;color:#898989}textarea{height:160px;padding-top:5px;padding-left:8px}input[type="search"]{width:100%;height:40px;border:0;-moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px;-webkit-appearance:none}input[type="search"]:focus{outline:0}input[type="checkbox"],input[type="radio"]{position:absolute;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;z-index:-1}label{display:block;position:relative;padding-left:20px;font-size:15px;line-height:120%}.round-btn{position:relative}.round-btn span{display:block;color:#898989}.round-btn span:before,.round-btn span:after{content:'';display:block;position:absolute;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;-moz-transition:background 350ms ease-in-out;-o-transition:background 350ms ease-in-out;-webkit-transition:background 350ms ease-in-out;transition:background 350ms ease-in-out}.round-btn span:before{width:10px;height:10px;top:4px;left:2px;background:#C9CACA}.round-btn span:after{width:14px;height:14px;top:2px;left:0;border:1px solid #C9CACA}.round-btn input[type="checkbox"]:checked ~ span,.round-btn input[type="radio"]:checked ~ span{color:#AF68A7}.round-btn input[type="checkbox"]:checked ~ span:before,.round-btn input[type="radio"]:checked ~ span:before{background:#AF68A7}.tick-radio-btn{position:relative;margin-right:15px;padding-top:6px;padding-left:45px}.tick-radio-btn.inline{display:inline-block;vertical-align:top}@media only screen and (max-width: 320px){.tick-radio-btn.inline{margin:5px 0}}@media only screen and (min-width: 1025px){.tick-radio-btn:hover span:before{border:1px solid #624D4A;border-width:0 0 2px 2px}}.tick-radio-btn span{display:block;color:#000}.tick-radio-btn span:before,.tick-radio-btn span:after{content:'';display:block;position:absolute;-moz-transition:all 350ms ease-in-out;-o-transition:all 350ms ease-in-out;-webkit-transition:all 350ms ease-in-out;transition:all 350ms ease-in-out}.tick-radio-btn span:before{width:14px;height:10px;top:9px;left:8px;border:1px solid #fff;border-width:0 0 2px 2px;transform:rotate(-45deg);z-index:11}.tick-radio-btn span:after{width:30px;height:30px;top:2px;left:0;border:1px solid #C9CACA;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}@media only screen and (min-width: 1025px){.tick-radio-btn input[type="radio"]:checked ~ span:hover:before{border:1px solid #fff;border-width:0 0 2px 2px}}.tick-radio-btn input[type="radio"]:checked ~ span:after{background:#624D4A}.tick-btn{position:relative}.tick-btn span{display:block}.tick-btn span:before{content:'';display:block;width:20px;height:20px;position:absolute;top:0;left:0;background:#fff;border:1px solid #B5B5B6}.tick-btn span i{display:block;width:13px;position:absolute;top:5px;left:3px;-moz-transform:scale(0);-ms-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);-moz-transition:all 150ms linear;-o-transition:all 150ms linear;-webkit-transition:all 150ms linear;transition:all 150ms linear}.tick-btn input[type="checkbox"]:checked ~ span i{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="button"]{width:100%;height:34px;border:1px solid #000;-webkit-appearance:none}input[type="text"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="number"]:focus,input[type="button"]:focus{outline:0}input[type="file"]{-webkit-appearance:none}input[type="file"],button[type="button"]{padding:0}button[type="button"]::-moz-focus-inner{border:0;padding:0}textarea{display:block;width:100%;border:1px solid #b8b8b8;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-webkit-appearance:none;resize:none}input[type="search"]:focus{outline:none !important;background-color:#fff}input[type="text"]:focus{outline:none !important;background-color:#fff}input[type="email"]:focus{outline:none !important;background-color:#fff}input[type="password"]:focus{outline:none !important;background-color:#fff}input[type="number"]:focus{outline:none !important}textarea:focus{outline:none !important;background-color:transparent}.radio-btn [type="radio"]:checked,.radio-btn [type="radio"]:not(:checked){position:absolute;left:-9999px}.radio-btn [type="radio"]:checked+label,.radio-btn [type="radio"]:not(:checked)+label{display:block;position:relative;padding-left:28px;cursor:pointer;line-height:20px;color:#000}.radio-btn [type="radio"]:checked+label:before,.radio-btn [type="radio"]:not(:checked)+label:before{content:'';position:absolute;left:0;top:0;width:18px;height:18px;border:1px solid #000;border-radius:100%;background:#fff}.radio-btn [type="radio"]:checked+label:after,.radio-btn [type="radio"]:not(:checked)+label:after{content:'';width:10px;height:10px;background:#000;position:absolute;top:4px;left:4px;border-radius:100%;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}.radio-btn [type="radio"]:not(:checked)+label:after{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-moz-transform:scale(0);-ms-transform:scale(0);-webkit-transform:scale(0);transform:scale(0)}.radio-btn [type="radio"]:checked+label:after{filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}button,.button-link{position:relative;font-size:14px;border:0;appearance:none;-webkit-appearance:none;outline:none !important;cursor:pointer}.button-link{display:inline-block}.l-arrow:before{content:'';width:0;height:0;display:inline-block;margin:-3px 5px 0 0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid #fff;vertical-align:middle}.r-arrow:after{content:'';display:inline-block;width:10px;height:10px;margin-left:2px;border-top:1px solid #fff;border-right:1px solid #fff;-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.r-black-tri-up:after{content:'';width:0;height:0;display:inline-block;margin:-3px 0 0 5px;border-right:5px solid transparent;border-left:5px solid transparent;border-bottom:7px solid #898989;vertical-align:middle}.l-white-tri-down:before{content:'';margin:0 5px 0 0}.r-black-tri-down:after{content:'';margin:0 0 0 5px}.l-white-arrow-down:before{content:'';display:inline-block;width:9px;height:9px;margin-right:4px;border-top:2px solid #fff;border-right:2px solid #fff;-moz-transform:rotate(135deg) skew(9deg, 9deg);-ms-transform:rotate(135deg) skew(9deg, 9deg);-webkit-transform:rotate(135deg) skew(9deg, 9deg);transform:rotate(135deg) skew(9deg, 9deg);vertical-align:3px}.r-black-arrow-down:after{content:'';display:inline-block;width:9px;height:9px;margin-left:5px;border-top:2px solid #000;border-right:2px solid #000;-moz-transform:rotate(135deg) skew(9deg, 9deg);-ms-transform:rotate(135deg) skew(9deg, 9deg);-webkit-transform:rotate(135deg) skew(9deg, 9deg);transform:rotate(135deg) skew(9deg, 9deg);vertical-align:3px}.l-white-arrow-up:before{content:'';display:inline-block;width:9px;height:9px;margin-right:4px;border-top:2px solid #fff;border-right:2px solid #fff;-moz-transform:rotate(-45deg) skew(9deg, 9deg);-ms-transform:rotate(-45deg) skew(9deg, 9deg);-webkit-transform:rotate(-45deg) skew(9deg, 9deg);transform:rotate(-45deg) skew(9deg, 9deg);vertical-align:-1px}.r-black-arrow-up:after{content:'';display:inline-block;width:9px;height:9px;margin-left:5px;border-top:2px solid #000;border-right:2px solid #000;-moz-transform:rotate(-45deg) skew(9deg, 9deg);-ms-transform:rotate(-45deg) skew(9deg, 9deg);-webkit-transform:rotate(-45deg) skew(9deg, 9deg);transform:rotate(-45deg) skew(9deg, 9deg);vertical-align:-1px}.swiper-button-disabled{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);opacity:.3}.swiper-button-disabled [class*="circle-arrow"],.swiper-button-disabled .swiper-r-arrow,.swiper-button-disabled .swiper-l-arrow{cursor:auto}[class*="circle-arrow"]{display:inline-block;position:relative;cursor:pointer;z-index:1}[class*="circle-arrow"].more:before,[class*="circle-arrow"].more:after{color:#545454}[class*="circle-arrow"].more span{border:2px solid #545454}[class*="circle-arrow"]:before,[class*="circle-arrow"]:after{content:'';display:block;color:#ccc;z-index:11}[class*="circle-arrow"]:before{width:8px;height:8px;position:absolute;top:50%;margin-top:-4px;left:50%;border-style:solid;-moz-transform:rotate(45deg) skew(7deg, 7deg);-ms-transform:rotate(45deg) skew(7deg, 7deg);-webkit-transform:rotate(45deg) skew(7deg, 7deg);transform:rotate(45deg) skew(7deg, 7deg)}[class*="circle-arrow"]:after{width:13px;height:2px;position:absolute;top:50%;margin-top:-1px;-moz-box-shadow:inset 0 0 0 32px;-webkit-box-shadow:inset 0 0 0 32px;box-shadow:inset 0 0 0 32px}[class*="circle-arrow"] span{display:block;width:32px;height:32px;position:relative;border:2px solid #ccc;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;background:#fff}.circle-arrow-right:before{margin-left:-1px;border-width:2px 2px 0 0}.circle-arrow-right:after{right:11px}.circle-arrow-left:before{margin-left:-7px;border-width:0 0 2px 2px}.circle-arrow-left:after{right:8px}.purple-plus{display:inline-block;position:relative;width:20px;height:20px;background:#AF68A7;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}.purple-plus:before,.purple-plus:after{content:'';display:block;position:absolute;background:#fff;z-index:11}.purple-plus:before{width:2px;margin-left:-1px;left:50%;top:4px;bottom:4px}.purple-plus:after{height:2px;margin-top:-1px;top:50%;left:4px;right:4px}.purple-minus{display:inline-block;position:relative;width:20px;height:20px;background:#AF68A7;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}.purple-minus:after{content:'';display:block;position:absolute;background:#fff;z-index:11}.purple-minus:after{height:2px;margin-top:-1px;top:50%;left:4px;right:4px}.plus-only{display:inline-block;position:relative;width:23px;height:23px;background:transparent;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}.plus-only:before,.plus-only:after{content:'';display:block;position:absolute;background:#7b7b7b;z-index:11}.plus-only:before{width:1px;margin-left:-1px;left:50%;top:4.6px;bottom:4.6px}.plus-only:after{height:1px;margin-top:-1px;top:50%;left:4.6px;right:4.6px}.minus-only{display:inline-block;position:relative;width:23px;height:23px;background:transparent;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}.minus-only:after{content:'';display:block;position:absolute;background:#7b7b7b;z-index:11}.minus-only:after{height:1px;margin-top:-1px;top:50%;left:4.6px;right:4.6px}button:hover,button:focus{border:0;appearance:none;-webkit-appearance:none;outline:none !important}.original-size{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);-moz-transition:all 350ms ease-in-out;-o-transition:all 350ms ease-in-out;-webkit-transition:all 350ms ease-in-out;transition:all 350ms ease-in-out}.large-size{-moz-transform:scale(1.15);-ms-transform:scale(1.15);-webkit-transform:scale(1.15);transform:scale(1.15)}.rel-pos{position:relative}.fix-pos{position:fixed}.with-dots>li{position:relative;list-style-type:none}.with-dots>li:before{content:'';display:block;width:4px;height:4px;position:absolute;top:10px;left:-14px;background:#000;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}.with-square>li{position:relative;list-style-type:none}.with-square>li:before{content:'';display:block;width:4px;height:4px;position:absolute;top:9px;left:-14px;background:#000}.with-nums>li{position:relative;list-style-type:decimal}.txt-style-center{text-align:center}.txt-style-left{text-align:left}.txt-style-right{text-align:right}.view-diff .pc-attr{display:block !important}@media only screen and (max-width: 1024px){.view-diff .pc-attr{display:none !important}}.view-diff .pc-tab-attr{display:block !important}@media only screen and (max-width: 767px){.view-diff .pc-tab-attr{display:none !important}}.view-diff .tab-attr{display:none !important}@media only screen and (max-width: 1024px){.view-diff .tab-attr{display:block !important}}.view-diff .mobile-attr{display:none !important}@media only screen and (max-width: 767px){.view-diff .mobile-attr{display:block !important}}.wrap-top-gap{padding:0 15px;padding-top:156px}@media only screen and (max-width: 1024px){.wrap-top-gap{padding-top:75px}}@media only screen and (max-width: 767px){.wrap-top-gap{padding-left:10px;padding-right:10px}}.full-wrap{width:100%;position:relative;margin:0 auto}.main-wrap{width:100%;position:relative;margin:0 auto}@media only screen and (min-width: 1025px){.main-wrap{max-width:1280px}}[class*="swiper-button"]:focus,.swiper-pagination-bullet:focus{outline:none !important}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 3px}.swiper-pagination-bullet{background:#fff;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);opacity:.5}.swiper-pagination-bullet-active{filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1}.swiper-slide{-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.swiper-slide a{display:block}.outer-swiper-switch{position:relative}.outer-swiper-switch .swiper-pagination{width:100%;position:absolute;bottom:10px;z-index:11}.sel{position:relative}.sel:focus-within:after{-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg)}.sel:after{content:'';position:absolute;top:50%;margin-top:-3.5px;right:11px;pointer-events:none}.sel.shift:focus-within:after{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}.sel.shift:before{content:'';position:absolute;top:50%;margin-top:-8px;right:11px;pointer-events:none}.sel.shift:after{margin-top:1px}.sel.birth-wrap{padding:0 5px}.sel.birth-wrap:after{right:15px}.sel.birth-wrap select{padding:0 15px}input[type="text"],input[type="number"],input[type="email"],input[type="password"],input.form-control{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:1px solid #C7C7C7}select{width:100%;height:34px;padding:0 30px 0 15px;-webkit-appearance:none;appearance:none;outline:none;border:1px solid #C7C7C7;background:#fff;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;font-size:14px;color:#495057}select::-ms-expand{display:none}select:focus{outline:0}.zip-wrap{padding:20px 0 10px}.zip-wrap .address{margin-top:10px}.zip-container{display:flex}.zip-container>*{width:100%;max-width:-moz-calc(((100% - 20px) / 3));max-width:-webkit-calc(((100% - 20px) / 3));max-width:calc(((100% - 20px) / 3));margin-left:10px}.zip-container>*:first-child{margin-left:0}.video{position:relative;padding-bottom:56.2569%;overflow:hidden}.video iframe{display:block;width:100%;height:100%;position:absolute;top:0;left:0}.cover{display:block;width:100%;position:absolute;top:0;left:0;z-index:9999}.index-pagination{text-align:center}.index-pagination li{display:inline-block;padding:0 3px;vertical-align:middle}@media only screen and (max-width: 767px){.index-pagination li{padding:0 2px}}.index-pagination li a{display:block;padding:0 4px;color:#595857;font-size:19px;line-height:110%;border-bottom:1px solid transparent}@media only screen and (max-width: 767px){.index-pagination li a{padding:0 3px;font-size:14px}}.index-pagination li a.selected{border-bottom:1px solid #AF68A7}.indicator{width:100%;position:absolute;bottom:0;left:0;z-index:99}.indicator.align-top{top:0;bottom:auto}.indicator .swiper-pagination{position:relative}.indicator .swiper-pagination-bullet{width:10px;height:10px}.indicator .swiper-l-arrow,.indicator .swiper-r-arrow{display:block;width:30px;height:30px;position:absolute;top:0;border-top:2px solid #333;border-right:2px solid #333;cursor:pointer}@media only screen and (max-width: 767px){.indicator .swiper-l-arrow,.indicator .swiper-r-arrow{width:15px;height:15px}}.indicator .swiper-l-arrow{left:20px;-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}@media only screen and (max-width: 767px){.indicator .swiper-l-arrow{left:10px}}.indicator .swiper-r-arrow{right:20px;-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}@media only screen and (max-width: 767px){.indicator .swiper-r-arrow{right:10px}}.mask-bg-block{display:block;width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,0.6);z-index:10001;cursor:pointer}.mask-bg-block .mask-bg-table{display:table;width:100%;height:100%;pointer-events:none}.mask-bg-block .mask-bg-table .close{display:inline-block;width:30px;position:absolute;top:-50px;right:-45px;z-index:11}@media only screen and (max-width: 1300px){.mask-bg-block .mask-bg-table .close{right:20px}}.mask-bg-block .mask-bg-table .full-w{display:table-cell;vertical-align:middle;z-index:99999;pointer-events:none}.mask-bg-block .mask-bg-table .message-box{max-width:1170px;position:relative;margin:0 auto;pointer-events:auto;cursor:auto}.mask-bg-block .mask-bg-table .pop-info-wrap{max-width:300px;min-height:200px;padding:60px 20px;background:#fff}.mask-bg-block .mask-bg-table .pop-info-wrap p{margin:20px 0;text-align:center}.mask-bg-block .mask-bg-table .pop-info-wrap .purple-btn{margin:20px auto}.swal2-container{z-index:9999}.swal2-popup.campaign-wrap{background:transparent}@media only screen and (max-width: 1024px){.swal2-popup.campaign-wrap{width:85% !important;max-width:900px !important}}@media only screen and (max-width: 767px){.swal2-popup.campaign-wrap{width:-moz-calc((100vw - 40px) !important);width:-webkit-calc((100vw - 40px) !important);width:calc((100vw - 40px) !important)}}.swal2-popup.campaign-wrap .swal2-html-container{width:70vw;max-width:1345px;margin:0 auto}@media only screen and (max-width: 1024px){.swal2-popup.campaign-wrap .swal2-html-container{width:100%}}.swal2-popup.campaign-wrap .swal2-html-container img{width:auto;max-width:100%;max-height:80vh;margin:0 auto}.out-right-close{top:-20px;right:-72px;font-size:60px;color:#fff;text-shadow:2px 3px 4px #525252}.out-right-close:hover{color:#fff}@media only screen and (max-width: 767px){.out-right-close{top:-15px;right:-50px;font-size:52px}}.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.default-pro-swiper .indicator{top:0;bottom:auto}.default-pro-swiper .indicator .swiper-l-arrow,.default-pro-swiper .indicator .swiper-r-arrow{top:155px}@media only screen and (max-width: 1375px){.default-pro-swiper .indicator .swiper-l-arrow,.default-pro-swiper .indicator .swiper-r-arrow{top:11.6363vw}}@media only screen and (max-width: 1024px){.default-pro-swiper .indicator .swiper-l-arrow,.default-pro-swiper .indicator .swiper-r-arrow{top:-moz-calc((11.6363vw + 30px));top:-webkit-calc((11.6363vw + 30px));top:calc((11.6363vw + 30px))}}@media only screen and (max-width: 767px){.default-pro-swiper .indicator .swiper-l-arrow,.default-pro-swiper .indicator .swiper-r-arrow{top:-moz-calc((((100vw - 50px) / 2 * .5)));top:-webkit-calc((((100vw - 50px) / 2 * .5)));top:calc((((100vw - 50px) / 2 * .5)))}}.container{display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.container input:checked ~ .checkmark{background-color:#fbb03b}.container input:checked ~ .checkmark:after{display:block}.container .checkmark{position:absolute;top:0;left:0;height:20px;width:15px;border:1px solid #ccc;border-radius:3px}.container .checkmark:after{content:"";position:absolute;display:none;left:8px;top:4px;width:5px;height:10px;border:solid white;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.container .checkmark span{display:block;width:35px;padding-left:5px} /******custom-forms-v2.css******/ /** CUSTOM FORM ELEMENTS [OPTIONAL] This CSS file must be included after all other CSS's. Nothing special - will only rewrite the form elements (input, textarea, select2, buttons) to look more clean, professional. **************************************************************** **/ /** CUSTOM : FORM ELEMENTS *************************** **/ .btn:not(.btn-sm):not(.btn-sm):not(.btn-md):not(.btn-lg):not(.btn-xlg):not(.btn-reveal):not(.btn-3d):not(.btn-social):not(.btn-v1) { height:auto; padding: 14px 20px; } #footer .btn { padding: 6px 12px; } #footer.footer-light input { color: #121212 !important; } input.form-control, select.form-control, textarea.form-control { height: auto; color: #121212; background-color: #fff; border-color: #dee5ed; width: 100%; border-width:1px; font-size: 15px; line-height: 15px; padding: 14px 20px; border-radius: 3px; margin-bottom: 15px; outline: none; -webkit-appearance: none; -webkit-transition: all .300s; -moz-transition: all .300s; -o-transition: all .300s; transition: all .300s; } form .row input.form-control, form .row select.form-control, form .row textarea.form-control { margin-bottom: 0; } @media only screen and (max-width: 768px) { /* mobile fix */ input.form-control, select.form-control, textarea.form-control { line-height: 22px; } } /* label spacing fix */ form label { margin-top:15px; } #topBar form label, #header form label, #footer form label, form div.form-group label { margin-top:0; } input.form-control:hover, select.form-control:hover, textarea.form-control:hover { background-color: #fafafa !important; } section.dark input.form-control:hover, section.dark select.form-control:hover, section.dark textarea.form-control:hover { background-color: #1c2125 !important; } section.dark .select2-container .select2-selection--single .select2-selection__rendered, section.dark input.form-control, section.dark select.form-control, section.dark textarea.form-control { color: #ffffff; background-color: #272e33 ; border-color: #272e33; } section.dark input::placeholder, section.dark select::placeholder, section.dark textarea::placeholder { color: #a3a9b0 !important; } /* textarea */ textarea.form-control { min-height:100px; } /* normal select */ select.form-control:not([size]):not([multiple]) { height: 50px; -webkit-appearance:none; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAMAAADNLv/0AAAANlBMVEUAAAD///+ZmZmfoqiaoKydo6ueo6ucpKqdo6qdoqqeoqqdo6qdoqqdo6qco6mdo6qcoqmdo6rJSltEAAAAEHRSTlMAAQVSU5Wmrbe+1NXf5f7+fUgvXAAAAC5JREFUeNodxkkCABAMBMEhiDX4/2fJ9KULLYHlhW5C3YIwvikgThOK3kcddPU9JQ4BFWtk/ScAAAAASUVORK5CYII=) no-repeat; background-position: center right 20px; background-color: #fff; color:#a3a9b0; } section.dark select.form-control:not([size]):not([multiple]) { background: #272e33 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAMAAADNLv/0AAAANlBMVEUAAAD///+ZmZmfoqiaoKydo6ueo6ucpKqdo6qdoqqeoqqdo6qdoqqdo6qco6mdo6qcoqmdo6rJSltEAAAAEHRSTlMAAQVSU5Wmrbe+1NXf5f7+fUgvXAAAAC5JREFUeNodxkkCABAMBMEhiDX4/2fJ9KULLYHlhW5C3YIwvikgThOK3kcddPU9JQ4BFWtk/ScAAAAASUVORK5CYII=) 15px center no-repeat; background-position: center right 20px; color:# c9c9c9; } /* SELECT2 CUSTOM */ .select2 { position: relative; } .select2-container--default .select2-selection--single { border: none; background-color: #fff; } .select2-container { width: 100% !important; max-width: 100% !important; font-size: 16px; height: auto; margin-bottom: 15px; } form .row .select2-container { margin-bottom: 0; } @media (min-width: 64em) { .select2-container.select2-container--open { max-width: 393px !important; } } .select2-container .select2-selection--single { height: auto; margin: 0; outline: none; } .select2-container .select2-selection--single .select2-selection__rendered { font-size: 16px; max-width: 100%; padding: 16px 20px; border-radius: 3px; border-style: solid; border-width: 1px; border-color: #dee5ed; resize: none; line-height: 1; outline: none; color: #a3a9b0; text-align: left; margin: 0; height: 50px; } .select2-container .select2-selection--single .select2-selection__rendered:after { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAMAAADNLv/0AAAANlBMVEUAAAD///+ZmZmfoqiaoKydo6ueo6ucpKqdo6qdoqqeoqqdo6qdoqqdo6qco6mdo6qcoqmdo6rJSltEAAAAEHRSTlMAAQVSU5Wmrbe+1NXf5f7+fUgvXAAAAC5JREFUeNodxkkCABAMBMEhiDX4/2fJ9KULLYHlhW5C3YIwvikgThOK3kcddPU9JQ4BFWtk/ScAAAAASUVORK5CYII=) 0 center no-repeat; width: 20px; } .select2-container .select2-results .select2-results__options { width: 100%; text-align: left; font-size: 16px; } .select2-container .select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted[aria-selected] { background-color: #ccc; } section.dark .select2-container .select2-selection--single .select2-selection__rendered { background-color: #272e33; border-color: #272e33; color: #a3a9b0; } section.dark .select2-container .select2-selection--single .select2-selection__rendered, .select2-container .select2-selection--single .select2-selection__rendered { -webkit-transition: all .300s; -moz-transition: all .300s; -o-transition: all .300s; transition: all .300s; } .select2-container .select2-selection--single .select2-selection__rendered:hover { background-color: #fafafa; } section.dark .select2-container .select2-selection--single .select2-selection__rendered:hover { background-color: #1c2125; } section.dark .select2-container .select2-selection--single .select2-selection__rendered:focus { border-color: #c1d120; } section.dark .select2-container .select2-results .select2-results__options { border-color: #a3a9b0; } section.dark .select2-container .select2-results .select2-results__options .select2-results__option { background-color: #272e33; color: #a3a9b0; } section.dark .select2-container .select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted[aria-selected] { background-color: #333a3f; } .select2-container--default .select2-selection--single .select2-selection__arrow { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAMAAADNLv/0AAAANlBMVEUAAAD///+ZmZmfoqiaoKydo6ueo6ucpKqdo6qdoqqeoqqdo6qdoqqdo6qco6mdo6qcoqmdo6rJSltEAAAAEHRSTlMAAQVSU5Wmrbe+1NXf5f7+fUgvXAAAAC5JREFUeNodxkkCABAMBMEhiDX4/2fJ9KULLYHlhW5C3YIwvikgThOK3kcddPU9JQ4BFWtk/ScAAAAASUVORK5CYII=) 0 center no-repeat; width: 20px; height: 20px; right: 12px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { display: none; } .select2-results__option { padding-left: 20px; padding-right: 20px; } .select2-container.select2-container--open { max-width: 100% !important; } section.dark .select2-dropdown { border: 0; } .select2-dropdown { border-color: #dee5ed; border-width:1px; } .select2-container--focus { outline: 1px solid transparent; z-index: 102; } /* search field */ .select2-container--default .select2-search--dropdown .select2-search__field { padding: 6px !important; border-radius: 0; -webkit-border-radius: 0; } /* optgroup */ .select2-container--default .select2-results__group { font-size:14px; border-top: #eaeaea 1px solid; padding-left: 17px; padding-right: 17px; } /* FANCY FORM */ .fancy-file-upload { height: auto; } .fancy-file-upload>span.button { height: 41px; line-height: 41px; } .fancy-file-upload>i { top: 4px; } /* MISC */ @media only screen and (max-width: 768px) { form .row { margin-bottom:0 !important; } form .row>div { margin-bottom:15px !important; display: block; } form .row>div>.row>div:last-child { margin-bottom: 0 !important; } } /** RTL Add .rtl class to body *************************** **/ /* forms */ body.rtl .select2-container .select2-results .select2-results__options, body.rtl .select2-container .select2-selection--single .select2-selection__rendered { text-align: right !important; } body.rtl .select2-container--default .select2-selection--single .select2-selection__arrow { left:15px; } body.rtl .select2-results__option, body.rtl .select2-container .select2-selection--single .select2-selection__rendered { padding-left:20px; padding-right: 20px; } body.rtl input, body.rtl select, body.rtl textarea { text-align:right !important; } /* normal select */ body.rtl select.form-control:not([size]):not([multiple]) { background-position: center left 15px; } body.rtl section.dark select.form-control:not([size]):not([multiple]) { background-position: center left 15px; } /******demo-menu-blue.css******/ /** DEMO BLUE HEADER + DROPDOWN MENU Used by shortcode-material-design.html This file shows how can you customize the dropdown menu background NOTE: this CSS file should be included the last one. Color used: 3072e0 [blue] **************************************************************** **/ /* slidetop [optional, if used] - darker blue for a good contrast */ #slidetop { color: #e6ffeb; background-color: #2e6ab5; } #slidetop a.slidetop-toggle { border-top-color: #2e6ab5; } /** CUSTOM HEADER *************************** **/ #header, #topMain { /* force header color */ background: #3072e0 !important; } /* main menu links color - for a good contrast */ #header.dark #topMain li>a { color: #fff !important; } /* dropdown background color */ #topNav div.submenu-color ul.dropdown-menu { color: #fff; background-color: #3072e0; border-color: #3072e0; border-top-color: rgba(0,0,0,0.2); } /* we want a very clean dropdown menu - no border bottom separator */ #topNav ul.dropdown-menu li { border-bottom: 0; } /** CUSTOM FOOTER *************************** **/ /* footer background */ #footer { background: #3072e0; } /* footer text contrast */ #footer form input, #footer form textarea, #footer a.social-icon { color: #fff !important; } /* footer input placeholder no really required but useful if you want a perfect contrast footer set #fff or #000, according to background color! */ #footer input::-webkit-input-placeholder, #footer textarea::-webkit-input-placeholder { color: #fff; opacity: 0.4; } /******empty.css******/ body { } /******essentials.css******/ /** ************************************* ** ~ ~ ~ UPDATE REASONS ~ ~ ~ DO NOT CHANGE ANYTHING HERE! REWRITE IN A CUSTOM CSS FILE IF REQUIRED! ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ NOTE: - Only minifying this file, 10% is reduced! - Using gzip or deflate compression via your .htaccess, this file will be reduced by 83% TABLE CONTENTS --------------------------- 01. Resets 02. Headings 03. Placeholder 04. Commons 05. Progress Bars & Pie Charts 06. Dropcap 07. Table 08. Nav Pills 09. Blockquotes [shortcode] 10. Background Patterns 11. Colors [v2.0.0] 12. Magnific Popup [v1.0.0] 13. OWL Carousel [v1.3.3 & v2.2.1] 14. Animate [v3.5.1] 15. Fontawesome & Glyphicons 16. Et-Line & Font Icons [v0.0.0] 17. Social Icons 18. Buttons [shortcode] 19. Counters & Countdown [shortcode] 20. Clients [shortcode] 21. Alerts [shortcode] 22. Dividers [shortcode] 23. Headings [shortcode] 24. Word Rotator [shortcode] 25. Icon Boxes [shortcode] 26. Labels & Badges [shortcode] 27. Lightbox Ajax [shortcode] 28. Cards [shortcode] 29. Modals [shortcode] 30. Toastr [shortcode] 31. Navigations [shortcode] 32. Paginations [shortcode] 33. Tables [shortcode] 34. Callouts [shortcode] 35. Process Steps [shortcode] 36. Price Table [shortcode] 37. Styled Icons [shortcode] 38. Pickers [plugins] 39. Select2 [plugin] 40. Tabs [shortcode] 41. Toggles & Accordions [shortcode] 42. Box Shadow [shortcode] 43. Testimonials [shortcode] 44. Flexslider [plugin] 45. Widgets [plugin] 46. Side Nav 47. Star Rating 48. Image Zoom [plugin] 49. Forms 50. Sky Form [plugin] 51. Summernote [HTML EDITOR] 52. Markdown [HTML EDITOR] 53. Misc --------------------------- ** ************************************* **/ /** 01. Resets *************************************************** **/ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } :active, :focus { outline:none !important; box-shadow:none !important; /*-webkit-appearance: none;*//*removed: chrome issue */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } ::selection { color:#fff; text-shadow:none; background: #333; } ::-moz-selection { color:#fff; text-shadow:none; background: #333; /* Firefox */ } ::-webkit-selection { color:#fff; text-shadow:none; background: #333; /* Safari */ } button { background: none; border: 0; margin: 0; padding: 0; cursor: pointer; } img { border: 0; vertical-align: top; } input:-webkit-autofill { color: #ffffff !important; } textarea { resize: none; } textarea, input, button, *:focus { outline:none !important; } textarea { resize: vertical; } select { border: 2px solid #E5E7E9; height: 46px; padding: 12px; outline: none; line-height:1 !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } label { font-weight:400; } iframe, fieldset { border: 0; margin: 0; padding: 0; } audio, canvas, img, video { vertical-align: middle; } p { display: block; -webkit-margin-before: 0.1em; -webkit-margin-after: 0.1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; } a { -webkit-transition: all .300s; -moz-transition: all .300s; -o-transition: all .300s; transition: all .300s; } a, a:focus, a:hover, a:active { outline: 0; cursor:pointer; } p, pre, ul, ol, dl, dd, blockquote, address, table, fieldset, form { /* form - required */ margin-bottom: 30px; } canvas { width: 100% !important; /* max-width: 800px; causes panorama gmap problems */ height: auto !important; } :active, :focus { outline: none !important; } select:focus, textarea:focus, 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 { outline: 0 none; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important; } pre { display: block; padding: 20px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; color: #333; word-break: break-all; word-wrap: break-word; background-color: #f8f9fa; border: 1px solid #eaeaea; border-radius: 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } section.dark pre { color:#ccc; border-color:rgba(0,0,0,0.2); background-color:rgba(0,0,0,0.2); } img.img-fluid { display:inline-block; } /* IE & Mozilla fix */ div.row>div img.img-fluid { width: 100%; } .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eee; } /** 02. Headings **************************************************************** **/ h1, h2, h3, h4, h5, h6 { font-family:'Open Sans',Arial,Helvetica,sans-serif; font-weight:600; color:#414141; position: relative; margin: 0 0 30px 0; line-height:1.5; z-index:0; -webkit-font-smoothing: antialiased; } h1 { font-size: 36px; margin: 0 0 44px 0; } h2 { font-size: 30px; margin: 0 0 32px 0; } h3 { font-size: 24px; letter-spacing: normal; margin: 0 0 32px 0; } h4 { font-size: 18px; letter-spacing: normal; margin: 0 0 14px 0; } h5 { font-size: 14px; letter-spacing: normal; margin: 0 0 20px 0; } h6 { font-size: 12px; letter-spacing: normal; margin: 0 0 20px 0; } h1 > span, h2 > span, h3 > span, h4 > span, h5 > span, h6 > span { color: #1ABC9C; } /** 03. Placeholder *************************************************** **/ ::-webkit-input-placeholder { /* WebKit browsers */ color: #999; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999; } /** 04. Commons Quick Positioning and Styling **************************************************************** **/ /* font size */ .fs-10 { font-size: 10px !important; } .fs-11 { font-size: 11px !important; } .fs-12 { font-size: 12px !important; } .fs-13 { font-size: 13px !important; } .fs-14 { font-size: 14px !important; } .fs-15 { font-size: 15px !important; } .fs-16 { font-size: 16px !important; } .fs-17 { font-size: 17px !important; } .fs-18 { font-size: 18px !important; } .fs-19 { font-size: 19px !important; } .fs-20 { font-size: 20px !important; } .fs-21 { font-size: 21px !important; } .fs-22 { font-size: 22px !important; } .fs-23 { font-size: 23px !important; } .fs-24 { font-size: 24px !important; } .fs-25 { font-size: 25px !important; } .fs-30 { font-size: 30px !important; } .fs-35 { font-size: 35px !important; } .fs-40 { font-size: 40px !important; } .fs-45 { font-size: 45px !important; } .fs-50 { font-size: 50px !important; } .fs-55 { font-size: 55px !important; } .fs-60 { font-size: 60px !important; } .fs-65 { font-size: 65px !important; } .fs-70 { font-size: 70px !important; } .fs-75 { font-size: 75px !important; } .fs-80 { font-size: 80px !important; } .fs-90 { font-size: 90px !important; } .fs-100 { font-size: 100px !important; } .fs-120 { font-size: 120px !important; } .fs-130 { font-size: 130px !important; } .fs-140 { font-size: 140px !important; } .fs-150 { font-size: 150px !important; } .fs-200 { font-size: 200px !important; } /* font weight */ .fw-100 { font-weight: 100 !important; } .fw-200 { font-weight: 200 !important; } .fw-300 { font-weight: 300 !important; } .fw-400 { font-weight: 400 !important; } .fw-500 { font-weight: 500 !important; } .fw-600 { font-weight: 600 !important; } .fw-700 { font-weight: 700 !important; } .fw-800 { font-weight: 800 !important; } /* margins */ .mb-0 { margin-bottom:0px !important; } .mb-1 { margin-bottom:1px !important; } .mb-2 { margin-bottom:2px !important; } .mb-3 { margin-bottom:3px !important; } .mb-4 { margin-bottom:4px !important; } .mb-5 { margin-bottom:5px !important; } .mb-6 { margin-bottom:6px !important; } .mb-7 { margin-bottom:7px !important; } .mb-8 { margin-bottom:8px !important; } .mb-9 { margin-bottom:9px !important; } .mb-10 { margin-bottom:10px !important; } .mb-12 { margin-bottom:12px !important; } .mb-15 { margin-bottom:15px !important; } .mb-18 { margin-bottom:18px !important; } .mb-20 { margin-bottom:20px !important; } .mb-25 { margin-bottom:20px !important; } .mb-30 { margin-bottom:30px !important; } .mb-35 { margin-bottom:35px !important; } .mb-40 { margin-bottom:40px !important; } .mb-45 { margin-bottom:45px !important; } .mb-50 { margin-bottom:50px !important; } .mb-60 { margin-bottom:60px !important; } .mb-70 { margin-bottom:70px !important; } .mb-80 { margin-bottom:80px !important; } .mb-90 { margin-bottom:90px !important; } .mb-100 { margin-bottom:100px !important; } .mb-110 { margin-bottom:110px !important; } .mb-120 { margin-bottom:120px !important; } .mb-130 { margin-bottom:130px !important; } .mb-140 { margin-bottom:140px !important; } .mb-150 { margin-bottom:150px !important; } .mb-200 { margin-bottom:200px !important; } .mt-0 { margin-top:0px !important; } .mt-1 { margin-top:1px !important; } .mt-2 { margin-top:2px !important; } .mt-3 { margin-top:3px !important; } .mt-4 { margin-top:4px !important; } .mt-5 { margin-top:5px !important; } .mt-6 { margin-top:6px !important; } .mt-7 { margin-top:7px !important; } .mt-8 { margin-top:8px !important; } .mt-9 { margin-top:9px !important; } .mt-10 { margin-top:10px !important; } .mt-12 { margin-top:12px !important; } .mt-15 { margin-top:15px !important; } .mt-18 { margin-top:18px !important; } .mt-20 { margin-top:20px !important; } .mt-25 { margin-top:20px !important; } .mt-30 { margin-top:30px !important; } .mt-35 { margin-top:35px !important; } .mt-40 { margin-top:40px !important; } .mt-45 { margin-top:45px !important; } .mt-50 { margin-top:50px !important; } .mt-60 { margin-top:60px !important; } .mt-70 { margin-top:70px !important; } .mt-80 { margin-top:80px !important; } .mt-90 { margin-top:90px !important; } .mt-100 { margin-top:100px !important; } .mt-110 { margin-top:110px !important; } .mt-120 { margin-top:120px !important; } .mt-130 { margin-top:130px !important; } .mt-140 { margin-top:140px !important; } .mt-150 { margin-top:150px !important; } .mt-200 { margin-top:200px !important; } .ml-0 { margin-left:0px !important; } .ml-1 { margin-left:1px !important; } .ml-2 { margin-left:2px !important; } .ml-3 { margin-left:3px !important; } .ml-4 { margin-left:4px !important; } .ml-5 { margin-left:5px !important; } .ml-6 { margin-left:6px !important; } .ml-7 { margin-left:7px !important; } .ml-8 { margin-left:8px !important; } .ml-9 { margin-left:9px !important; } .ml-10 { margin-left:10px !important; } .ml-12 { margin-left:12px !important; } .ml-15 { margin-left:15px !important; } .ml-18 { margin-left:18px !important; } .ml-20 { margin-left:20px !important; } .ml-25 { margin-left:20px !important; } .ml-30 { margin-left:30px !important; } .ml-35 { margin-left:35px !important; } .ml-40 { margin-left:40px !important; } .ml-45 { margin-left:45px !important; } .ml-50 { margin-left:50px !important; } .ml-60 { margin-left:60px !important; } .ml-70 { margin-left:70px !important; } .ml-80 { margin-left:80px !important; } .ml-90 { margin-left:90px !important; } .ml-100 { margin-left:100px !important; } .ml-110 { margin-left:110px !important; } .ml-120 { margin-left:120px !important; } .ml-130 { margin-left:130px !important; } .ml-140 { margin-left:140px !important; } .ml-150 { margin-left:150px !important; } .ml-200 { margin-left:200px !important; } .mr-0 { margin-right:0px !important; } .mr-1 { margin-right:1px !important; } .mr-2 { margin-right:2px !important; } .mr-3 { margin-right:3px !important; } .mr-4 { margin-right:4px !important; } .mr-5 { margin-right:5px !important; } .mr-6 { margin-right:6px !important; } .mr-7 { margin-right:7px !important; } .mr-8 { margin-right:8px !important; } .mr-9 { margin-right:9px !important; } .mr-10 { margin-right:10px !important; } .mr-12 { margin-right:12px !important; } .mr-15 { margin-right:15px !important; } .mr-18 { margin-right:18px !important; } .mr-20 { margin-right:20px !important; } .mr-25 { margin-right:20px !important; } .mr-30 { margin-right:30px !important; } .mr-35 { margin-right:35px !important; } .mr-40 { margin-right:40px !important; } .mr-45 { margin-right:45px !important; } .mr-50 { margin-right:50px !important; } .mr-60 { margin-right:60px !important; } .mr-70 { margin-right:70px !important; } .mr-80 { margin-right:80px !important; } .mr-90 { margin-right:90px !important; } .mr-100 { margin-right:100px !important; } .mr-110 { margin-right:110px !important; } .mr-120 { margin-right:120px !important; } .mr-130 { margin-right:130px !important; } .mr-140 { margin-right:140px !important; } .mr-150 { margin-right:150px !important; } .mr-200 { margin-right:200px !important; } .m-0 { margin:0px !important; } .m-1 { margin:1px !important; } .m-2 { margin:2px !important; } .m-3 { margin:3px !important; } .m-4 { margin:4px !important; } .m-5 { margin:5px !important; } .m-6 { margin:6px !important; } .m-7 { margin:7px !important; } .m-8 { margin:8px !important; } .m-9 { margin:9px !important; } .m-10 { margin:10px !important; } .m-12 { margin:12px !important; } .m-15 { margin:15px !important; } .m-18 { margin:18px !important; } .m-20 { margin:20px !important; } .m-25 { margin:20px !important; } .m-30 { margin:30px !important; } .m-35 { margin:35px !important; } .m-40 { margin:40px !important; } .m-45 { margin:45px !important; } .m-50 { margin:50px !important; } .m-60 { margin:60px !important; } .m-70 { margin:70px !important; } .m-80 { margin:80px !important; } .m-90 { margin:90px !important; } .m-100 { margin:100px !important; } .m-110 { margin:110px !important; } .m-120 { margin:120px !important; } .m-130 { margin:130px !important; } .m-140 { margin:140px !important; } .m-150 { margin:150px !important; } .m-200 { margin:200px !important; } /* paddings */ .pb-0 { padding-bottom:0px !important; } .pb-1 { padding-bottom:1px !important; } .pb-2 { padding-bottom:2px !important; } .pb-3 { padding-bottom:3px !important; } .pb-4 { padding-bottom:4px !important; } .pb-5 { padding-bottom:5px !important; } .pb-6 { padding-bottom:6px !important; } .pb-7 { padding-bottom:7px !important; } .pb-8 { padding-bottom:8px !important; } .pb-9 { padding-bottom:9px !important; } .pb-10 { padding-bottom:10px !important; } .pb-12 { padding-bottom:12px !important; } .pb-15 { padding-bottom:15px !important; } .pb-18 { padding-bottom:18px !important; } .pb-20 { padding-bottom:20px !important; } .pb-25 { padding-bottom:20px !important; } .pb-30 { padding-bottom:30px !important; } .pb-35 { padding-bottom:35px !important; } .pb-40 { padding-bottom:40px !important; } .pb-45 { padding-bottom:45px !important; } .pb-50 { padding-bottom:50px !important; } .pb-60 { padding-bottom:60px !important; } .pb-70 { padding-bottom:70px !important; } .pb-80 { padding-bottom:80px !important; } .pb-90 { padding-bottom:90px !important; } .pb-100 { padding-bottom:100px !important; } .pb-110 { padding-bottom:110px !important; } .pb-120 { padding-bottom:120px !important; } .pb-130 { padding-bottom:130px !important; } .pb-140 { padding-bottom:140px !important; } .pb-150 { padding-bottom:150px !important; } .pb-180 { padding-bottom:180px !important; } .pb-200 { padding-bottom:200px !important; } .pt-0 { padding-top:0px !important; } .pt-1 { padding-top:1px !important; } .pt-2 { padding-top:2px !important; } .pt-3 { padding-top:3px !important; } .pt-4 { padding-top:4px !important; } .pt-5 { padding-top:5px !important; } .pt-6 { padding-top:6px !important; } .pt-7 { padding-top:7px !important; } .pt-8 { padding-top:8px !important; } .pt-9 { padding-top:9px !important; } .pt-10 { padding-top:10px !important; } .pt-12 { padding-top:12px !important; } .pt-15 { padding-top:15px !important; } .pt-18 { padding-top:18px !important; } .pt-20 { padding-top:20px !important; } .pt-25 { padding-top:20px !important; } .pt-30 { padding-top:30px !important; } .pt-35 { padding-top:35px !important; } .pt-40 { padding-top:40px !important; } .pt-45 { padding-top:45px !important; } .pt-50 { padding-top:50px !important; } .pt-60 { padding-top:60px !important; } .pt-70 { padding-top:70px !important; } .pt-80 { padding-top:80px !important; } .pt-90 { padding-top:90px !important; } .pt-100 { padding-top:100px !important; } .pt-110 { padding-top:110px !important; } .pt-120 { padding-top:120px !important; } .pt-130 { padding-top:130px !important; } .pt-140 { padding-top:140px !important; } .pt-150 { padding-top:150px !important; } .pt-200 { padding-top:200px !important; } .pl-0 { padding-left:0px !important; } .pl-1 { padding-left:1px !important; } .pl-2 { padding-left:2px !important; } .pl-3 { padding-left:3px !important; } .pl-4 { padding-left:4px !important; } .pl-5 { padding-left:5px !important; } .pl-6 { padding-left:6px !important; } .pl-7 { padding-left:7px !important; } .pl-8 { padding-left:8px !important; } .pl-9 { padding-left:9px !important; } .pl-10 { padding-left:10px !important; } .pl-12 { padding-left:12px !important; } .pl-15 { padding-left:15px !important; } .pl-18 { padding-left:18px !important; } .pl-20 { padding-left:20px !important; } .pl-25 { padding-left:20px !important; } .pl-30 { padding-left:30px !important; } .pl-35 { padding-left:35px !important; } .pl-40 { padding-left:40px !important; } .pl-45 { padding-left:45px !important; } .pl-50 { padding-left:50px !important; } .pl-60 { padding-left:60px !important; } .pl-70 { padding-left:70px !important; } .pl-80 { padding-left:80px !important; } .pl-90 { padding-left:90px !important; } .pl-100 { padding-left:100px !important; } .pl-110 { padding-left:110px !important; } .pl-120 { padding-left:120px !important; } .pl-130 { padding-left:130px !important; } .pl-140 { padding-left:140px !important; } .pl-150 { padding-left:150px !important; } .pl-200 { padding-left:200px !important; } .pr-0 { padding-right:0px !important; } .pr-1 { padding-right:1px !important; } .pr-2 { padding-right:2px !important; } .pr-3 { padding-right:3px !important; } .pr-4 { padding-right:4px !important; } .pr-5 { padding-right:5px !important; } .pr-6 { padding-right:6px !important; } .pr-7 { padding-right:7px !important; } .pr-8 { padding-right:8px !important; } .pr-9 { padding-right:9px !important; } .pr-10 { padding-right:10px !important; } .pr-12 { padding-right:12px !important; } .pr-15 { padding-right:15px !important; } .pr-18 { padding-right:18px !important; } .pr-20 { padding-right:20px !important; } .pr-25 { padding-right:20px !important; } .pr-30 { padding-right:30px !important; } .pr-35 { padding-right:35px !important; } .pr-40 { padding-right:40px !important; } .pr-45 { padding-right:45px !important; } .pr-50 { padding-right:50px !important; } .pr-60 { padding-right:60px !important; } .pr-70 { padding-right:70px !important; } .pr-80 { padding-right:80px !important; } .pr-90 { padding-right:90px !important; } .pr-100 { padding-right:100px !important; } .pr-110 { padding-right:110px !important; } .pr-120 { padding-right:120px !important; } .pr-130 { padding-right:130px !important; } .pr-140 { padding-right:140px !important; } .pr-150 { padding-right:150px !important; } .pr-200 { padding-right:200px !important; } .p-0 { padding:0px !important; } .p-1 { padding:1px !important; } .p-2 { padding:2px !important; } .p-3 { padding:3px !important; } .p-4 { padding:4px !important; } .p-5 { padding:5px !important; } .p-6 { padding:6px !important; } .p-7 { padding:7px !important; } .p-8 { padding:8px !important; } .p-9 { padding:9px !important; } .p-10 { padding:10px !important; } .p-12 { padding:12px !important; } .p-15 { padding:15px !important; } .p-18 { padding:18px !important; } .p-20 { padding:20px !important; } .p-25 { padding:20px !important; } .p-30 { padding:30px !important; } .p-35 { padding:35px !important; } .p-40 { padding:40px !important; } .p-45 { padding:45px !important; } .p-50 { padding:50px !important; } .p-60 { padding:60px !important; } .p-70 { padding:70px !important; } .p-80 { padding:80px !important; } .p-90 { padding:90px !important; } .p-100 { padding:100px !important; } .p-110 { padding:110px !important; } .p-120 { padding:120px !important; } .p-130 { padding:130px !important; } .p-140 { padding:140px !important; } .p-150 { padding:150px !important; } .p-200 { padding:200px !important; } /* borders */ .b-0 { border: 0 !important; } .bb-0 { border-bottom: 0 !important; } .bt-0 { border-top: 0 !important; } .bl-0 { border-left: 0 !important; } .br-0 { border-right: 0 !important; } .bw-0 { border-width: 0px !important; } .bw-1 { border-width: 1px !important; } .bw-2 { border-width: 2px !important; } .bw-3 { border-width: 3px !important; } .bw-4 { border-width: 4px !important; } .bw-5 { border-width: 5px !important; } .bw-10 { border-width: 10px !important; } .btw-0 { border-top-width: 0px !important; } .btw-1 { border-top-width: 1px !important; } .btw-2 { border-top-width: 2px !important; } .btw-3 { border-top-width: 3px !important; } .btw-4 { border-top-width: 4px !important; } .btw-5 { border-top-width: 5px !important; } .btw-10 { border-top-width: 10px !important; } .bbw-0 { border-bottom-width: 0px !important; } .bbw-1 { border-bottom-width: 1px !important; } .bbw-2 { border-bottom-width: 2px !important; } .bbw-3 { border-bottom-width: 3px !important; } .bbw-4 { border-bottom-width: 4px !important; } .bbw-5 { border-bottom-width: 5px !important; } .bbw-10 { border-bottom-width: 10px !important; } .blw-0 { border-left-width: 0px !important; } .blw-1 { border-left-width: 1px !important; } .blw-2 { border-left-width: 2px !important; } .blw-3 { border-left-width: 3px !important; } .blw-4 { border-left-width: 4px !important; } .blw-5 { border-left-width: 5px !important; } .blw-10 { border-left-width: 10px !important; } .brw-0 { border-right-width: 0px !important; } .brw-1 { border-right-width: 1px !important; } .brw-2 { border-right-width: 2px !important; } .brw-3 { border-right-width: 3px !important; } .brw-4 { border-right-width: 4px !important; } .brw-5 { border-right-width: 5px !important; } .brw-10 { border-right-width: 10px !important; } /* width */ .w-10 { width:10px !important; } .w-20 { width:20px !important; } .w-30 { width:30px !important; } .w-40 { width:40px !important; } .w-50 { width:50px !important; } .w-60 { width:60px !important; } .w-70 { width:70px !important; } .w-80 { width:80px !important; } .w-90 { width:90px !important; } .w-100 { width:100px !important; } .w-110 { width:110px !important; } .w-120 { width:120px !important; } .w-130 { width:130px !important; } .w-140 { width:140px !important; } .w-150 { width:150px !important; } .w-200 { width:200px !important; } .w-250 { width:250px !important; } .w-300 { width:300px !important; } .w-350 { width:350px !important; } .w-400 { width:400px !important; } .w-450 { width:450px !important; } .w-500 { width:500px !important; } .w-550 { width:550px !important; } .w-600 { width:600px !important; } .w-650 { width:650px !important; } .w-700 { width:700px !important; } .w-750 { width:750px !important; } .w-800 { width:800px !important; } /* width percent */ .w-100p { width: 100% !important; } .w-75p { width: 75% !important; } .w-50p { width: 50% !important; } .w-33p { width: 33% !important; } .w-25p { width: 25% !important; } .w-20p { width: 20% !important; } .w-10p { width: 10% !important; } /* height */ .h-1 { height:1px !important; } .h-2 { height:2px !important; } .h-3 { height:3px !important; } .h-4 { height:4px !important; } .h-5 { height:5px !important; } .h-6 { height:6px !important; } .h-7 { height:7px !important; } .h-8 { height:8px !important; } .h-9 { height:9px !important; } .h-10 { height:10px !important; } .h-15 { height:15px !important; } .h-20 { height:20px !important; } .h-25 { height:25px !important; } .h-30 { height:30px !important; } .h-35 { height:35px !important; } .h-40 { height:40px !important; } .h-45 { height:45px !important; } .h-50 { height:50px !important; } .h-60 { height:60px !important; } .h-70 { height:70px !important; } .h-80 { height:80px !important; } .h-90 { height:90px !important; } .h-100 { height:100px !important; } .h-110 { height:110px !important; } .h-120 { height:120px !important; } .h-130 { height:130px !important; } .h-140 { height:140px !important; } .h-150 { height:150px !important; } .h-200 { height:200px !important; } .h-250 { height:250px !important; } .h-300 { height:300px !important; } .h-350 { height:350px !important; } .h-400 { height:400px !important; } .h-450 { height:450px !important; } .h-500 { height:500px !important; } .h-550 { height:550px !important; } .h-600 { height:600px !important; } .h-650 { height:650px !important; } .h-700 { height:700px !important; } .h-750 { height:750px !important; } .h-800 { height:800px !important; } /* height percent */ .h-100p { height: 100vh !important; } .h-75p { height: 75vh !important; } .h-50p { height: 50vh !important; } .h-33p { height: 33vh !important; } .h-25p { height: 25vh !important; } .h-20p { height: 20vh !important; } .h-10p { height: 10vh !important; } /* border radius */ .rad-3 { -webkit-border-radius: 3px !important; border-radius: 3px !important; } .rad-4 { -webkit-border-radius: 4px !important; border-radius: 4px !important; } .rad-6 { -webkit-border-radius: 6px !important; border-radius: 6px !important; } .rad-8 { -webkit-border-radius: 8px !important; border-radius: 8px !important; } .rad-10 { -webkit-border-radius: 10px !important; border-radius: 10px !important; } .rad-0 { -webkit-border-radius: 0 !important; border-radius: 0 !important; } .rad-tl-0 { /* radius top left */ -webkit-border-top-left-radius: 0 !important; border-top-left-radius: 0 !important; } .rad-tr-0 { /* radius top right */ -webkit-border-top-right-radius: 0 !important; border-top-right-radius: 0 !important; } .rad-bl-0 { /* radius bottom left */ -webkit-border-bottom-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .rad-br-0 { /* radius bottom right */ -webkit-border-bottom-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } /* mobile */ @media only screen and (max-width: 768px) { .block-xs { display: block !important; float: none !important; } .pl-xs-0 { padding-left: 0 !important; } .pr-xs-0 { padding-right: 0 !important; } .pt-xs-0 { padding-top: 0 !important; } .pb-xs-0 { padding-bottom: 0 !important; } .p-xs-0 { padding: 0 !important; } .ml-xs-0 { margin-left: 0 !important; } .mr-xs-0 { margin-right: 0 !important; } .mt-xs-0 { margin-top: 0 !important; } .mb-xs-0 { margin-bottom: 0 !important; } .m-xs-0 { margin: 0 !important; } .rad-xs-0 { -webkit-border-radius: 0 !important; border-radius: 0 !important; } } /** ****************** **/ .line-height-0 { line-height:0 !important; } .line-height-10 { line-height:10px !important; } .line-height-20 { line-height:20px !important; } .line-height-30 { line-height:30px !important; } .line-height-40 { line-height:40px !important; } .line-height-50 { line-height:50px !important; } .line-height-60 { line-height:60px !important; } .line-height-70 { line-height:70px !important; } .line-height-80 { line-height:80px !important; } .line-height-90 { line-height:90px !important; } .line-height-100 { line-height:100px !important; } .nobg { background:transparent; } .lowercase { text-transform:lowercase; } .uppercase { text-transform:uppercase; } .noradius { -webkit-border-radius:0 !important; -moz-border-radius:0 !important; border-radius:0 !important; } .font-style-italic { font-style:italic; } .font-style-normal { font-style:normal; } .pointer { cursor:pointer; } .block { display:block !important; } .block-inline { display:inline-block !important; } .inline-block { display:inline-block !important; } .bold { font-weight:bold !important; } .fullwidth { width:100% !important; max-width:100% !important; } .halfwidth { width:50% !important; } .justify { text-align:justify; } .relative { position:relative; } .absolute { position:absolute !important; top:0; left:0; right:0; bottom:0; } .text-left { text-align:left !important; } .text-right { text-align:right !important; } .noshadow { box-shadow:none !important; text-shadow:none !important; } .nofloat { float:none !important; } .display-table { display:table; width:100%; height:100%; position:relative; z-index:99; } .display-table-cell { display:table-cell; width:100%; height:100%; } .vertical-align-middle { vertical-align:middle; } .txt-no-decoration { text-decoration:none !important; } .hide { display:none; } img.float-left { margin:0 20px 10px 0; } img.float-right { margin:0 0 10px 20px; } ul>li>i { margin-right:10px; } .text-underline { text-decoration: underline !important; } .no-text-underline, .no-text-decoration { text-decoration:none; } .line-through { text-decoration: line-through; } .btn>i { padding-right:6px; } video.fullvideo { width:100%; height:100%; } .nortl { direction: ltr; } .rtl { direction: rtl; } .ltr { direction: ltr; } .z-index-0 { z-index:0 !important; } .z-index-1 { z-index:1 !important; } .text-vertical { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } @media only screen and (max-width: 1024px) { .text-md-center { text-align:center !important; } .text-vertical { -webkit-transform: none !important; -moz-transform: none !important; -o-transform: none !important; -ms-transform: none !important; transform: none !important; } } @media only screen and (max-width: 760px) { .text-sm-center { text-align:center !important; } .nofloat-xs { float: none !important; } .nomargin-xs { margin: 0 !important; } .nosection-sm { padding: 0 !important; } .block-xs { display: block !important; } .btn-lg-xs { display: block !important; width: 100% !important; } } @media only screen and (max-width: 500px) { .text-xs-center { text-align:center !important; } } .cover-column { background-position: left top; background-repeat: no-repeat; background-size: cover; min-height: 200px; height: 100%; } /* borders */ .border-top-1 { border-top: 1px solid #ddd; } .border-top-2 { border-top: 2px solid #ddd; } .border-top-3 { border-top: 3px solid #ddd; } .border-bottom-1 { border-bottom: 1px solid #ddd; } .border-bottom-2 { border-bottom: 2px solid #ddd; } .border-bottom-3 { border-bottom: 3px solid #ddd; } section.dark .border-top-1, section.dark .border-top-2, section.dark .border-top-3, section.dark .border-bottom-1, section.dark .border-bottom-2, section.dark .border-bottom-3 { border-color:#555; } .box-border-shadow { border: 1px solid rgba(0,0,0,.125); display: block; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.15); -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.15); box-shadow: 0 0 5px 0 rgba(0,0,0,0.15); } .border-bottom-dashed:before { content: ""; display: block; width: 100%; height: 1px; position: absolute; bottom: -6px; border-bottom: 1px dashed #999; } .border-bottom-dotted:before { content: ""; display: block; width: 100%; height: 1px; position: absolute; bottom: -6px; border-bottom: 1px dotted #999; } /* break words */ .break-word { white-space: pre; /* CSS 2.0 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3.0 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ white-space: -moz-pre-wrap; /* Mozilla */ white-space: -hp-pre-wrap; /* HP Printers */ word-wrap: break-word; /* IE 5+ */ } /* No Tramsition */ .no-transition { -webkit-transition: all 0s !important; -moz-transition: all 0s !important; -o-transition: all 0s !important; transition: all 0s !important; } /* greyscale */ .grayscale-hover-color, .grayscale { filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */ -webkit-backface-visibility: hidden; /* Fix for transition flickering */ -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .grayscale-hover-color:hover { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: color; } /* ellipsis */ .elipsis { overflow:hidden; text-overflow:ellipsis; white-space: nowrap; } /* no selectrion */ .noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* text color */ .text-default { color:#c6c6c6 !important; } .text-danger { color:#b92c28 !important; } .text-warning { color:#e38d13 !important; } .text-info { color:#28a4c9 !important; } .text-primary { color:#245580 !important; } .text-success { color:#02B700 !important; } .tex-white { color:#fff !important; } .tex-black { color:#111 !important; } /* absolute/fixed position */ .top-left { top:0; bottom:auto; left:0; right:auto; } .top-right { top:0; bottom:auto; left:auto; right:0; } .bottom-left { top:auto; bottom:0; left:0; right:auto; } .bottom-right { top:auto; bottom:0; left:auto; right:0; } .top-center { top:0; bottom:auto; left:auto; right:auto; } .bottom-center { top:auto; bottom:0; left:auto; right:auto; } .position-bottom { top:auto; bottom:0; } .position-top { top:0; bottom:auto; } .opacity-0 { filter: Alpha(Opacity=0); opacity:0; } .opacity-1 { filter: Alpha(Opacity=10); opacity:0.1; } .opacity-2 { filter: Alpha(Opacity=20); opacity:0.2; } .opacity-3 { filter: Alpha(Opacity=30); opacity:0.3; } .opacity-4 { filter: Alpha(Opacity=40); opacity:0.4; } .opacity-5 { filter: Alpha(Opacity=50); opacity:0.5; } .opacity-6 { filter: Alpha(Opacity=60); opacity:0.6; } .opacity-7 { filter: Alpha(Opacity=70); opacity:0.7; } .opacity-8 { filter: Alpha(Opacity=80); opacity:0.8; } .opacity-9 { filter: Alpha(Opacity=90); opacity:0.9; } .opacity-10 { filter: Alpha(Opacity=100); opacity:1; } hr { border:0; height: 1px; background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent); background-image: -moz-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent); background-image: -ms-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent); background-image: -o-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent); background-image: linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#d6d6d6',GradientType=0 ); /* IE6-9 */ } section.dark hr { border:0; height: 1px; background-image: -webkit-linear-gradient(left, transparent, rgba(255, 255, 255, 0.2), transparent); background-image: -moz-linear-gradient(left, transparent, rgba(255, 255, 255, 0.2), transparent); background-image: -ms-linear-gradient(left, transparent, rgba(255, 255, 255, 0.2), transparent); background-image: -o-linear-gradient(left, transparent, rgba(255, 255, 255, 0.2), transparent); background-image: linear-gradient(left, transparent, rgba(255, 255, 255, 0.2), transparent); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#d6d6d6',GradientType=0 ); /* IE6-9 */ } /* black and white image */ img.image-bw { filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */ -webkit-backface-visibility: hidden; /* Fix for transition flickering */ } /* box color */ .box-default { color:#111; background-color:#c6c6c6 !important; } .box-danger { color:#fff; background-color:#b92c28 !important; } .box-warning { color:#fff; background-color:#e38d13 !important; } .box-info { color:#fff; background-color:#28a4c9 !important; } .box-primary { color:#fff; background-color:#245580 !important; } .box-success { color:#fff; background-color:#02B700 !important; } .box-white { color:#111; background-color:#fff !important; } .box-black { background-color:#111 !important; } /* radius */ .radius-0 { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .radius-3 { -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; } .radius-4{ -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; border-radius: 4px !important; } .radius-5 { -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important; } .radius-6 { -webkit-border-radius: 6px !important; -moz-border-radius: 6px !important; border-radius: 6px !important; } .radius-7 { -webkit-border-radius: 7px !important; -moz-border-radius: 7px !important; border-radius: 7px !important; } .radius-8 { -webkit-border-radius: 8px !important; -moz-border-radius: 8px !important; border-radius: 8px !important; } /* letter spacing */ .letter-spacing-0 { letter-spacing: 0em !important; } .letter-spacing-1 { letter-spacing: 0.1em !important; } .letter-spacing-2 { letter-spacing: 0.2em !important; } .letter-spacing-3 { letter-spacing: 0.3em !important; } .letter-spacing-4 { letter-spacing: 0.4em !important; } .letter-spacing-5 { letter-spacing: 0.5em !important; } .letter-spacing-6 { letter-spacing: 0.6em !important; } .letter-spacing-7 { letter-spacing: 0.7em !important; } .letter-spacing-8 { letter-spacing: 0.8em !important; } .letter-spacing-9 { letter-spacing: 0.9em !important; } .letter-spacing-10 { letter-spacing: 1em !important; } /* Tag Cloud */ .tag { position:relative; display:inline-block; margin: 0 6px 3px 0; } .tag>span.txt { border: 1px solid #e3e3e3; color: #666; display: inline-block; font-size: 11px; font-weight: 400; letter-spacing: 1px; padding: 8px 9px; text-transform: uppercase; float:left; } .tag>span.num { background: rgba(0,0,0,0.01); border-color: #e3e3e3; border-style: solid; border-width: 1px; display: inline-block; font-size: 11px; padding: 8px 9px 8px 11px; color: #aaa; position: relative; margin-left: -1px; float:left; } .tag>span.num:before { border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #C6C6C6; border-style: solid; border-width: 4px; content: ""; display: block; left: 0px; position: absolute; top: 12px; } .tag>span.num:after { border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fff; border-style: solid; border-width: 4px; content: ""; display: block; left: -1px; position: absolute; top: 12px; } section.dark .tag>span.txt { border: 1px solid #666; color: #ccc; } section.dark .tag>span.num { background: rgba(0,0,0,0.01); border-color: #666; color: #ccc; } section.dark .tag>span.num:before { border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #666; } section.dark .tag>span.num:after { border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #212121; } /* Inline Search */ .inline-search { display:block; position:relative; flex:none; } .inline-search form input.serch-input { background: #fff; border:#e3e3e3 1px solid; color: #aaa; float: left; font-size: 13px; height: 39px; letter-spacing: 1px; margin: 0; padding: 5px 50px 5px 10px; width: 100%; } .inline-search form button { background: rgba(0, 0, 0, 0); border-left: #e3e3e3 1px solid; font-size: 17px; width: 39px; height: 39px; line-height: 39px; vertical-align: bottom; position: absolute; right: 0; } section.dark .inline-search form input.serch-input { background:rgba(0,0,0,0.1); border:#666 1px solid; color:#aaa; } section.dark .inline-search form button { border-left: #666 1px solid; color:#999; } section.dark .inline-search form button:hover { color:#fff; } /* parallax */ @media only screen and (max-width: 768px) { section.page-header-parallax, section.parallax { background-attachment: fixed !important; background-size: auto 150% !important; background-position: 50% -50px !important; background-attachment: scroll !important; } section.parallax-xs-fixed { background-attachment: scroll !important; background-size: 200% !important; background-position: 50% -50px !important; } } .parallax h1, .parallax h2, .parallax h3, .parallax h4, .parallax h5, .parallax h6, .parallax p, .parallax .btn, .parallax img, .parallax div, .parallax { color:#fff; position:relative; z-index:10; } .parallax .btn-default { background-color:transparent; } .parallax .overlay { background-color: rgba(34,34,34, .3); position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; } .parallax h1 { font-size:70px; } .parallax h2 { font-size:60px; } .parallax h3 { font-size:50px; } @media only screen and (max-width: 760px) { /* .parallax { background-position:center center !important; } */ .parallax h1 { font-size:55px; } .parallax h2 { font-size:45px; } .parallax h3 { font-size:45px; } } @media only screen and (max-width: 500px) { .parallax h1 { font-size:36px; } .parallax h2 { font-size:30px; } .parallax h3 { font-size:30px; } } /* video background */ section.section-video { border:0; } section.section-video .section-container-video { position: absolute !important; width: 100%; height: 100%; top: 0; left: 0; overflow:hidden; z-index: 0; } section.section-video .section-container-video>video { position:absolute; top:0; left:0; } section.section-video h1, section.section-video h2, section.section-video h3, section.section-video h4, section.section-video h5, section.section-video h6, section.section-video p, section.section-video .btn, section.section-video img, section.section-video div, section.section-video { color:#fff; position:relative; z-index:10; } section.section-video .overlay { background-color: rgba(34,34,34, .3); position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; } section.section-video h1 { font-size:70px; } section.section-video h2 { font-size:60px; } section.section-video h3 { font-size:50px; } @media only screen and (max-width: 760px) { section.section-video h1 { font-size:55px; } section.section-video h2 { font-size:45px; } section.section-video h3 { font-size:45px; } } @media only screen and (max-width: 500px) { section.section-video h1 { font-size:36px; } section.section-video h2 { font-size:30px; } section.section-video h3 { font-size:30px; } } /* Columnize Text */ .columnize-2 { margin: 0 0 1.313em; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 3em; -moz-column-gap: 3em; column-gap: 3em; -webkit-column-rule: 1px solid rgba(0,0,0,0.05); -moz-column-rule: 1px solid rgba(0,0,0,0.05); column-rule: 1px solid rgba(0,0,0,0.05); } .columnize-3 { margin: 0 0 1.313em; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 3em; -moz-column-gap: 3em; column-gap: 3em; -webkit-column-rule: 1px solid rgba(0,0,0,0.05); -moz-column-rule: 1px solid rgba(0,0,0,0.05); column-rule: 1px solid rgba(0,0,0,0.05); } .columnize-4 { margin: 0 0 1.313em; -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; -webkit-column-gap: 3em; -moz-column-gap: 3em; column-gap: 3em; -webkit-column-rule: 1px solid rgba(0,0,0,0.05); -moz-column-rule: 1px solid rgba(0,0,0,0.05); column-rule: 1px solid rgba(0,0,0,0.05); } .columnize-5 { margin: 0 0 1.313em; -webkit-column-count: 5; -moz-column-count: 5; column-count: 5; -webkit-column-gap: 3em; -moz-column-gap: 3em; column-gap: 3em; -webkit-column-rule: 1px solid rgba(0,0,0,0.05); -moz-column-rule: 1px solid rgba(0,0,0,0.05); column-rule: 1px solid rgba(0,0,0,0.05); } .columnize-6 { margin: 0 0 1.313em; -webkit-column-count: 6; -moz-column-count: 6; column-count: 6; -webkit-column-gap: 3em; -moz-column-gap: 3em; column-gap: 3em; -webkit-column-rule: 1px solid rgba(0,0,0,0.05); -moz-column-rule: 1px solid rgba(0,0,0,0.05); column-rule: 1px solid rgba(0,0,0,0.05); } @media only screen and (max-width: 767px) { .columnize-4, .columnize-5, .columnize-6 { margin: 0 0 1.313em; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 3em; -moz-column-gap: 3em; column-gap: 3em; -webkit-column-rule: 1px solid rgba(0,0,0,0.05); -moz-column-rule: 1px solid rgba(0,0,0,0.05); column-rule: 1px solid rgba(0,0,0,0.05); } } @media only screen and (max-width: 480px) { .columnize-2, .columnize-3, .columnize-4, .columnize-5, .columnize-6 { font-size:13px; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } } /* overlay */ .overlay { background:rgba(0,0,0, 0.2); position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; /* required for IE */ -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; } a.overlay:hover { background:rgba(255,255,255, 0.2); } /* dark overlay */ .overlay.dark-0 { background-color: rgba(0,0,0,0); } .overlay.dark-1 { background-color: rgba(0,0,0,.1); } .overlay.dark-2 { background-color: rgba(0,0,0,.2); } .overlay.dark-3 { background-color: rgba(0,0,0,.3); } .overlay.dark-4 { background-color: rgba(0,0,0,.4); } .overlay.dark-5 { background-color: rgba(0,0,0,.5); } .overlay.dark-6 { background-color: rgba(0,0,0,.6); } .overlay.dark-7 { background-color: rgba(0,0,0,.7); } .overlay.dark-8 { background-color: rgba(0,0,0,.8); } .overlay.dark-9 { background-color: rgba(0,0,0,.9); } .overlay.dark-10 { background-color: rgba(0,0,0,1); } /* light overlay */ .overlay.light-0 { background-color: rgba(255,255,255,0); } .overlay.light-1 { background-color: rgba(255,255,255,.1); } .overlay.light-2 { background-color: rgba(255,255,255,.2); } .overlay.light-3 { background-color: rgba(255,255,255,.3); } .overlay.light-4 { background-color: rgba(255,255,255,.4); } .overlay.light-5 { background-color: rgba(255,255,255,.5); } .overlay.light-6 { background-color: rgba(255,255,255,.6); } .overlay.light-7 { background-color: rgba(255,255,255,.7); } .overlay.light-8 { background-color: rgba(255,255,255,.8); } .overlay.light-9 { background-color: rgba(255,255,255,.9); } .overlay.light-10 { background-color: rgba(255,255,255,1); } /* raster */ .raster { background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzE3NTRCRDU5MjNDMTFFMkFGRUFFREM0OUNBRjYxRDIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzE3NTRCRDY5MjNDMTFFMkFGRUFFREM0OUNBRjYxRDIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMTc1NEJEMzkyM0MxMUUyQUZFQUVEQzQ5Q0FGNjFEMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozMTc1NEJENDkyM0MxMUUyQUZFQUVEQzQ5Q0FGNjFEMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pq1kyiYAAAAUSURBVHjaYmBgYGhgwAJIEAQIMABBRAIBmCxI7gAAAABJRU5ErkJggg=='); } .image-raster { position: relative; } .image-raster:after { content:' '; position: absolute; left:0; right:0; top:0; bottom:0; width: 100%; height: 100%; background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzE3NTRCRDU5MjNDMTFFMkFGRUFFREM0OUNBRjYxRDIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzE3NTRCRDY5MjNDMTFFMkFGRUFFREM0OUNBRjYxRDIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMTc1NEJEMzkyM0MxMUUyQUZFQUVEQzQ5Q0FGNjFEMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozMTc1NEJENDkyM0MxMUUyQUZFQUVEQzQ5Q0FGNjFEMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pq1kyiYAAAAUSURBVHjaYmBgYGhgwAJIEAQIMABBRAIBmCxI7gAAAABJRU5ErkJggg=='); z-index: 1; } .image-raster.opacity-3:before { opacity:0.3; } .image-raster.opacity-4:before { opacity:0.4; } .image-raster.opacity-5:before { opacity:0.5; } .image-raster.opacity-6:before { opacity:0.6; } .image-raster.opacity-7:before { opacity:0.7; } .image-raster.opacity-8:before { opacity:0.8; } .image-raster.opacity-9:before { opacity:0.9; } .shadow-0 { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .hover-shadow:hover { -webkit-box-shadow:0px 0 10px 0px rgba(0,0,0,0.15); -moz-box-shadow:0px 0 10px 0px rgba(0,0,0,0.15); box-shadow:0px 0 30px 0px rgba(0,0,0,0.15); -webkit-transition: all .300s; -moz-transition: all .300s; -o-transition: all .300s; transition: all .300s; } /* img hover switch */ .img-hover-switch { position: relative; overflow: hidden; } .img-hover-switch>figure>img { opacity: 0; position: absolute; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; } .img-hover-switch>figure>img:last-child { opacity: 0; z-index: 0; position: absolute; left:0; top:0; } .img-hover-switch>figure>img:first-child { opacity: 1; z-index:1; position: relative; } .img-hover-switch:hover>figure>img:first-child { opacity: 0; z-index: 0; position: absolute; left:0; top:0; } .img-hover-switch:hover>figure>img:last-child { opacity: 1; z-index: 1; position: relative; } /* rounded */ .rounded { -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; } /** ICON LIST **/ ul.list-icons { margin-left: 1.75em; position:relative; } ul.list-icons>li { position:relative; } ul.list-icons>li>i { position: absolute; left: -1.75em; width: 14px; text-align: center; top: 5px; } /** Ribbon **/ .ribbon { width: 115px; height: 118px; overflow: hidden; position: absolute; right: -2px; top: -2px; z-index: 1; } .ribbon .ribbon-inner { width: 160px; left: -8px; top: 28px; } .ribbon-inner { font-family: "Open Sans",Helvetica,Arial,sans-serif; -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15); -o-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15); -webkit-transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); background: #1abc9c; letter-spacing: 4px; text-align: center; position: relative; font-weight: 700; font-size: 14px; padding: 7px 0; width: 100px; color: #fff; z-index: 1; left: 3px; top: 6px; } /* shadow box */ .box-shadow { -webkit-box-shadow:0px 0 10px 0px rgba(0,0,0,0.15); -moz-box-shadow:0px 0 10px 0px rgba(0,0,0,0.15); box-shadow:0px 0 30px 0px rgba(0,0,0,0.15); } /** Bootstrap 5 column equal grid ******************************** **/ .col-xs-5th, .col-sm-5th, .col-md-5th, .col-lg-5th { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; width: 20%; float: left; } .col-5-th { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } @media (min-width: 768px) { .col-sm-5th { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } } @media (min-width: 992px) { .col-md-5th { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } } @media (min-width: 1200px) { .col-lg-5th { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } } @media only screen and (max-width: 992px) { .col-md-5th { width:33%; float:none; display:block; -webkit-box-flex: 0; -webkit-flex: 0 0 33%; -ms-flex: 0 0 33%; flex: 0 0 33%; max-width: 33%; } .col-md-5th.col-sm-5th { width: 20%; float: left; -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } } @media only screen and (max-width: 769px) { .col-md-5th.col-sm-5th { width:50%; float:none; display:block; -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } /** Non Bootstrap Grid [visible lines] ******************************** **/ ul.grid { border: 1px solid rgba(0,0,0,.1); border-right:0; border-bottom:0; list-style: none; margin: 0; padding: 0; display: table; clear: both; direction: ltr !important; width: 100%; } ul.grid>li a { text-decoration: none; } ul.grid>li { display: inline-block; width: 25%; text-align: center; line-height: 1; position: relative; float: left; -webkit-box-shadow: 1px 1px 0 0 rgba(0,0,0,.1); -moz-box-shadow: 1px 1px 0 0 rgba(0,0,0,.1); box-shadow: 1px 1px 0 0 rgba(0,0,0,.1); } ul.grid>li img { vertical-align: middle; } ul.grid.grid-1 { border: 0; } ul.grid.grid-1>li { width: 100%; margin-bottom: 30px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: 1px solid rgba(0,0,0,.1); } ul.grid.grid-2>li { width: 50%; } ul.grid.grid-3>li { width: 33.333333%; } ul.grid.grid-4>li { width: 25%; } ul.grid.grid-5>li { width: 20%; height: 190px; line-height: 190px; } ul.grid.grid-6>li { width: 16.666%; height: 160px; line-height: 160px; } ul.grid.grid-7>li { width: 14.2%; height: 160px; line-height: 160px; } ul.grid.grid-8>li { width: 12.5%; height: 160px; line-height: 160px; } ul.grid.grid-9>li { width: 11.1%; height: 160px; line-height: 160px; } ul.grid.grid-10>li { width: 10%; height: 160px; line-height: 160px; } @media only screen and (max-width: 1024px) { ul.grid.grid-7>li, ul.grid.grid-8>li, ul.grid.grid-9>li, ul.grid.grid-10>li { width: 25%; } ul.grid.grid-6>li, ul.grid.grid-5>li { width: 25%; } } @media only screen and (max-width: 768px) { ul.grid.grid-10>li, ul.grid.grid-9>li, ul.grid.grid-7>li, ul.grid.grid-6>li, ul.grid.grid-5>li { width: 33.333333%; } ul.grid.grid-4>li { width: 50%; } ul.grid.grid-8>li { width: 12.5% } ul.grid.grid-sm-10>li { width: 10% !important; } ul.grid.grid-sm-9>li { width: 11.1% !important; } ul.grid.grid-sm-8>li { width: 12.5% !important; } ul.grid.grid-sm-7>li { width: 14.2% !important; } ul.grid.grid-sm-6>li { width: 16.6% !important; } ul.grid.grid-sm-5>li { width: 20% !important; } ul.grid.grid-sm-4>li { width: 25% !important; } ul.grid.grid-sm-3>li { width: 33.33% !important; } ul.grid.grid-sm-2>li { width: 50% !important; } ul.grid.grid-sm-1>li { width: 100% !important; } } @media only screen and (max-width: 600px) { ul.grid.grid-10>li, ul.grid.grid-9>li, ul.grid.grid-7>li, ul.grid.grid-6>li, ul.grid.grid-5>li, ul.grid.grid-4>li, ul.grid.grid-3>li { width: 50%; } ul.grid.grid-3>li:last-child { width: 100%; } ul.grid.grid-8>li { width: 25%; } ul.grid.grid-xs-10>li { width: 10% !important; } ul.grid.grid-xs-9>li { width: 11.1% !important; } ul.grid.grid-xs-8>li { width: 12.5% !important; } ul.grid.grid-xs-7>li { width: 14.2% !important; } ul.grid.grid-xs-6>li { width: 16.6% !important; } ul.grid.grid-xs-5>li { width: 20% !important; } ul.grid.grid-xs-4>li { width: 25% !important; } ul.grid.grid-xs-3>li { width: 33.33% !important; } ul.grid.grid-xs-2>li { width: 50% !important; } ul.grid.grid-xs-1>li { width: 100% !important; } } @media only screen and (min-width: 768px) { ul.grid.grid-md-10>li { width: 10% !important; } ul.grid.grid-md-9>li { width: 11.1% !important; } ul.grid.grid-md-8>li { width: 12.5% !important; } ul.grid.grid-md-7>li { width: 14.2% !important; } ul.grid.grid-md-6>li { width: 16.6% !important; } ul.grid.grid-md-5>li { width: 20% !important; } ul.grid.grid-md-4>li { width: 25% !important; } ul.grid.grid-md-3>li { width: 33.33% !important; } ul.grid.grid-md-2>li { width: 50% !important; } ul.grid.grid-md-1>li { width: 100% !important; } } /* required for BS4 */ .thumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out; } .thumbnail .caption { padding: 15px; } /** 05. Progress Bars & Pie Charts **************************************************************** **/ .progress { overflow:visible; background:rgba(0,0,0,0.1); margin-bottom: 15px; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } section.dark .progress { background-color:#333; } .progress.progress-xxs, .progress.progress-xxs>.progress-bar { height:3px; } .progress.progress-xs, .progress.progress-xs>.progress-bar { height:6px; } .progress.progress-lg, .progress.progress-lg>.progress-bar { height:36px; overflow:hidden; } .progress.progress-lg span { line-height:36px; text-overflow:ellipsis; white-space: nowrap; } .progress.progress-lg span.inline-text { text-align:left; padding:8px; display:block; font-size:14px; position:absolute; min-width:50%; } .progress-bar-default { background-color:rgba(11,11,11,0.9); } /* align */ .progress-bar.text-left>span { padding-left:10px; } .progress-bar.text-right>span { padding-right:10px; } /** Easy Pie Chart ******************** **/ .piechart { position:relative; display:inline-block; text-align:center; display: inline-block; margin: 0 15px 15px; } .piechart > i { position:absolute; display:block; text-align:center; font-size: 42px; } .piechart > span { position:absolute; display:block; text-align:center; font-size:17px; font-weight:bold; } .piechart > span.countTo { font-size:30px; } .piechart > span[class^="size-"], .piechart > span[class*=" size-"] { line-height:inherit; } .easyPieChart { display: inline-block; position: relative; text-align: center; font-size: 22px; font-weight: bold; color: #333; } .easyPieChart canvas { position: absolute; top: 0; left: 0; } /** 06. Dropcap **************************************************************** **/ .dropcap:first-letter { float: left; font-size: 70px; line-height: 60px; padding: 4px 8px 4px 4px; margin-right: 6px; margin-top: -3px; display:inline-block; color:#333; } .dropcap.color:first-letter { color:#fff; background:#333; margin-top: 8px; padding: 0 8px 3px 4px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } section.dark .dropcap:first-letter { color:#fff; } /** 07. Table **************************************************************** **/ /* table { background-color:rgba(0,0,0,0.01); } table thead { background-color:rgba(0,0,0,0.08); } */ table .btn { margin:0 3px; } section.dark table tr.odd { color:#ddd; background-color:#777; } section.dark table tr.odd:hover { background-color:#888; } section.dark table tr.even { color:#ddd; } section.dark table tr.even:hover { background-color:rgba(0,0,0,0.5); } section.dark .table-bordered { border-color:#666; } section.dark .table-bordered>tbody>tr>td, section.dark .table-bordered>tbody>tr>th, section.dark .table-bordered>tfoot>tr>td, section.dark .table-bordered>tfoot>tr>th, section.dark .table-bordered>thead>tr>td, section.dark .table-bordered>thead>tr>th { border-color:#666; } table.table-vertical-middle td { vertical-align: middle !important; } /** 08. Nav Pills **************************************************************** **/ section .nav-pills { display:inline-block; } section .nav-pills>li>a:hover, section .nav-pills>li>a:focus, section .nav-pills>li.active>a, section .nav-pills>li.active>a:hover, section .nav-pills>li.active>a:focus { background-color:rgba(0,0,0,0.1) !important; } section .nav-pills>li>a { padding:6px 15px; margin-bottom:6px; letter-spacing:1px; } @media only screen and (max-width: 550px) { section .nav-pills { background-color:rgba(0,0,0,0.02); } section .nav-pills, section .nav-pills>li, section .nav-pills>li>a { display:block !important; float:none; } } /** 09. Blockquotes **************************************************************** **/ blockquote h1, blockquote h2, blockquote h3, blockquote h4, blockquote h5, blockquote h6 { font-weight:bold; position:relative; } blockquote { border-left: 5px solid rgba(0,0,0,0.1); font-size: 1.3em; font-style: normal; letter-spacing: -1px; margin: 25px 0; padding: 0 0 0 25px; position: relative; } blockquote.reverse { border-left: 0; border-right: 5px solid rgba(0,0,0,0.1); margin: 25px 0; padding: 0 25px 0 0; text-align:right; } section.dark blockquote { border-left-color:#666; } section.dark blockquote.reverse { border-right-color:#666; } blockquote.quote { border:0; } blockquote.quote:before { font-family: font-icons; font-weight: 400; content: "\e7ad"; position: absolute; width: 43px; height: 43px; line-height: 43px; font-size: 43px; top: 0; left: 0; color: #EEE; z-index:0; } blockquote.quote.reverse:before { left:auto; right:0; text-align:right; } blockquote.float-left { max-width:350px; padding-right: 20px; padding-bottom: 10px; } blockquote.float-right { max-width:350px; padding-left: 20px; padding-bottom: 10px; } blockquote p { margin-bottom:20px; position:relative; } blockquote cite { display: block; font-size: 0.75em; color: #9CA6B4; } blockquote cite:before { content: '\2014 \00A0'; padding-right:8px; } blockquote cite:after { content: '\2014 \00A0'; padding-left:10px; } /** 10. Background Patterns *************************************************** **/ .pattern1 { background:url('../images/_smarty/patterns/pattern1.png') repeat fixed; } .pattern2 { background:url('../images/_smarty/patterns/pattern2.png') repeat fixed; } .pattern3 { background:url('../images/_smarty/patterns/pattern3.png') repeat fixed; } .pattern4 { background:url('../images/_smarty/patterns/pattern4.png') repeat fixed; } .pattern5 { background:url('../images/_smarty/patterns/pattern5.png') repeat fixed; } .pattern6 { background:url('../images/_smarty/patterns/pattern6.png') repeat fixed; } .pattern7 { background:url('../images/_smarty/patterns/pattern7.png') repeat fixed; } .pattern8 { background:url('../images/_smarty/patterns/pattern8.png') repeat fixed; } .pattern9 { background:url('../images/_smarty/patterns/pattern9.png') repeat fixed; } .pattern10 { background:url('../images/_smarty/patterns/pattern10.png') repeat fixed; } .pattern11 { background:url('../images/_smarty/patterns/pattern11.png') repeat fixed; } /** 11. Colors colors.css v2.0.0 http://clrs.cc SKINS - Backgrounds - Colors - Border colors - SVG fills - SVG Strokes *************************************************** **/ /* Backgrounds */ .bg-navy { background-color: #001F3F !important; } .bg-blue { background-color: #0074D9 !important; } .bg-aqua { background-color: #7FDBFF !important; } .bg-teal { background-color: #39CCCC !important; } .bg-olive { background-color: #3D9970 !important; } .bg-green { background-color: #2ECC40 !important; } .bg-lime { background-color: #01FF70 !important; } .bg-yellow { background-color: #FFDC00 !important; } .bg-orange { background-color: #FF851B !important; } .bg-red { background-color: #FF4136 !important; } .bg-fuchsia { background-color: #F012BE !important; } .bg-purple { background-color: #B10DC9 !important; } .bg-maroon { background-color: #85144B !important; } .bg-white { background-color: #fff !important; } .bg-gray { background-color: #aaa !important; } .bg-silver { background-color: #ddd !important; } .bg-black { background-color: #111 !important; } /* Text Color */ .text-navy { color: #001F3F !important; } .text-blue { color: #0074D9 !important; } .text-aqua { color: #7FDBFF !important; } .text-teal { color: #39CCCC !important; } .text-olive { color: #3D9970 !important; } .text-green { color: #2ECC40 !important; } .text-lime { color: #01FF70 !important; } .text-yellow { color: #FFDC00 !important; } .text-orange { color: #FF851B !important; } .text-red { color: #FF4136 !important; } .text-fuchsia { color: #F012BE !important; } .text-purple { color: #B10DC9 !important; } .text-maroon { color: #85144B !important; } .text-white { color: #fff !important; } .text-silver { color: #ddd !important; } .text-gray { color: #aaa !important; } .text-black { color: #111 !important; } /* Border colors Use with another border utility that sets border-width and style i.e .border { border-width: 1px; border-style: solid !important; } */ .border-navy { border-color: #001F3F !important; } .border-blue { border-color: #0074D9 !important; } .border-aqua { border-color: #7FDBFF !important; } .border-teal { border-color: #39CCCC !important; } .border-olive { border-color: #3D9970 !important; } .border-green { border-color: #2ECC40 !important; } .border-lime { border-color: #01FF70 !important; } .border-yellow { border-color: #FFDC00 !important; } .border-orange { border-color: #FF851B !important; } .border-red { border-color: #FF4136 !important; } .border-fuchsia { border-color: #F012BE !important; } .border-purple { border-color: #B10DC9 !important; } .border-maroon { border-color: #85144B !important; } .border-white { border-color: #fff !important; } .border-gray { border-color: #aaa !important; } .border-silver { border-color: #ddd !important; } .border-black { border-color: #111 !important; } /** 12. Magnific Popup v1.0.0 *************************************************** **/ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } /** 13. Owl Carousel v1.3.3 *************************************************** **/ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; z-index: 0; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .owl-carousel.featured .owl-controls .owl-prev { margin-right:3px; } #progressBar { width: 100%; background: rgba(0,0,0,0.05); } #progressBar #bar { height:3px; width: 100%; background-color:#333; } /* mouse grab icon */ .grabbing { cursor:url(../images/_smarty/grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } /* * Owl Carousel CSS3 Transitions * v1.3.2 */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x : 50%; -webkit-perspective-origin-y : 50%; -moz-perspective : 1200px; -moz-perspective-origin-x : 50%; -moz-perspective-origin-y : 50%; perspective : 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } /* Keyframes */ @-webkit-keyframes empty { 0% {opacity: 1} } @-moz-keyframes empty { 0% {opacity: 1} } @keyframes empty { 0% {opacity: 1} } @-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-moz-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } /** CUSTOM REWRITE **/ .owl-carousel { overflow:hidden; margin-bottom:20px; position:relative; } .owl-carousel.owl-padding-0 .owl-item { padding:0 !important; } .owl-carousel.owl-padding-1 .owl-item { padding:0 1px; } .owl-carousel.owl-padding-2 .owl-item { padding:0 2px; } .owl-carousel.owl-padding-3 .owl-item { padding:0 3px; } .owl-carousel.owl-padding-6 .owl-item { padding:0 6px; } .owl-carousel.owl-padding-10 .owl-item { padding:0 10px; } .owl-carousel.owl-padding-15 .owl-item { padding:0 15px; } .owl-carousel.owl-padding-20 .owl-item { padding:0 20px; } /* Cause width problems - better to leave left/right margins .owl-carousel .owl-item:first-child { padding-left:0; } .owl-carousel .owl-item:last-child { padding-right:0; } */ .owl-carousel img { display:inline-block; } .owl-carousel.buttons-autohide .owl-buttons { filter: Alpha(Opacity=0); opacity:0; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } .owl-carousel.buttons-autohide:hover .owl-buttons { filter: Alpha(Opacity=100); opacity:1; } .owl-theme .owl-controls .owl-buttons div { color:#121212; background:#fff; border:#fff 1px solid; opacity:1; filter: Alpha(Opacity=100); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } section.dark .owl-theme .owl-controls .owl-buttons div { color:#fff; background:#212121; border:#212121 1px solid; } .controlls-over .owl-controls .owl-prev { position: absolute; top: 50%; margin-top: -28px; right:auto; left: -13px; zoom: 1; width: 36px; height: 36px; opacity: 0; } .controlls-over .owl-controls .owl-next { position: absolute; top: 50%; margin-top: -28px; left:auto; right: -13px; zoom: 1; width: 36px; height: 36px; opacity: 0; } .controlls-over .owl-pagination { text-align:center; position:absolute; width:60%; margin:auto; bottom:-20px; left:0; right:0; z-index:1; } .owl-theme.controlls-over .owl-controls .owl-page { background:rgba(0,0,0,0.3); margin-bottom:30px; position:relative; display:inline-block; } .owl-theme.controlls-over .owl-controls .owl-page:first-child { -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-top-left: 10px; -moz-border-radius-bottom-left: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .owl-theme.controlls-over .owl-controls .owl-page:last-child { -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-top-right: 10px; -moz-border-radius-bottom-right: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; } .owl-theme.controlls-over .owl-controls .owl-page span { background:#fff; } .bottom-pagination .owl-controls .owl-page { margin-bottom:-40px !important; } /* top text caption */ .owl-carousel .owl-item div { position:relative; text-align:center; } .owl-carousel .owl-caption { padding:10px; position:absolute !important; left:0; top:0; right:0; margin-top:0; max-width:100%; background:rgba(0,0,0,0.3); display:block; color:#fff; } .owl-carousel .owl-caption p { color:#fff; font-size:13px; line-height:20px; padding:0; margin:0; } .owl-carousel .owl-caption h1, .owl-carousel .owl-caption h1 a, .owl-carousel .owl-caption h2, .owl-carousel .owl-caption h2 a, .owl-carousel .owl-caption h3, .owl-carousel .owl-caption h3 a { color:#fff; font-size:21px; line-height:21px; font-weight:bold; margin-bottom:10px; } .owl-carousel .owl-caption a { color:#fff; font-weight:bold; } .owl-carousel.controls-hover-only .owl-controls { filter: alpha(opacity=0); opacity: 0; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } .slider:hover .owl-carousel.controls-hover-only .owl-controls, .owl-carousel.controls-hover-only:hover .owl-controls { filter: alpha(opacity=100); opacity: 1; } /* Featured Item */ .owl-carousel.featured .owl-featured-item { width:99%; padding-bottom:15px; text-align:center; display:block; webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .owl-carousel.featured .owl-featured-item:hover { background-color: #eaeaea; } .owl-carousel.featured .owl-featured-item a.figure { margin:0; padding:0; display:block; width:100%; height:auto; overflow:hidden; text-align:center; z-index:0; position:relative; } .owl-carousel.featured .owl-featured-item a.figure>img { height:auto !important; width:100% !important; max-width: 100% !important; vertical-align:top; } .owl-carousel.featured .owl-featured-detail { position:relative; padding-top:6px; } .owl-carousel.featured .owl-featured-detail:after { content: ' '; position: absolute; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; left: 50%; margin-left: -10px; top: -10px; z-index:10; webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .owl-carousel.featured .owl-featured-item:hover>.owl-featured-detail:after { border-bottom: 10px solid #eaeaea; } .owl-carousel.featured .owl-featured-detail>a.featured-title { color:#333; margin-top:6px; display:block; } .owl-carousel.featured .owl-featured-detail>span.price { display:block; margin-bottom:6px; } .owl-carousel.featured { margin-top:6px; } .owl-carousel.featured .owl-controls.clickable { top:0 !important; margin-top:-45px; position:absolute; right:0; } h2.owl-featured { font-size:16px; line-height:19px; border-bottom:rgba(0,0,0,0.2) 1px dashed; padding-bottom:6px; margin-bottom:10px; } .owl-carousel.featured a.figure>span { position:absolute; left:0; right:0; top:0; bottom:0; background-color:rgba(0,0,0,0.3); filter: alpha(opacity=0); opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } .owl-carousel.featured a.figure>span>i { color:#333; position:absolute; left:50%; top:50%; background:#fff; font-size:21px; width:50px; height:50px; line-height: 50px !important; text-align:center; margin-left:-20px; margin-top:-20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-border-bottom-right-radius: 20px; -webkit-border-top-left-radius: 20px; -moz-border-radius-bottom-right: 20px; -moz-border-radius-top-left: 20px; border-bottom-right-radius: 20px; border-top-left-radius: 20px; } .owl-carousel.featured a.figure:hover>span { filter: alpha(opacity=100); opacity: 1; } .owl-carousel.featured { overflow:inherit !important; } .owl-carousel.featured .owl-prev, .owl-carousel.featured .owl-next { display:inline-block !important; color:#999 !important; width:30px !important; height:30px !important; line-height:30px !important; font-size:20px !important; } .owl-carousel.featured .owl-prev:hover, .owl-carousel.featured .owl-next:hover { color:#121212 !important; } section.dark .owl-carousel.featured .owl-featured-detail>a.featured-title { color:#fff; } section.dark .owl-carousel.featured .owl-featured-detail:after { border-bottom-color: #212121; } section.dark .owl-carousel.featured .owl-featured-item:hover { background-color: #111; } section.dark .owl-carousel.featured .owl-featured-item:hover>.owl-featured-detail:after { border-bottom-color: #111; } section.dark .owl-carousel.featured .owl-prev, section.dark .owl-carousel.featured .owl-next { color:#999 !important } section.dark .owl-carousel.featured .owl-prev:hover, section.dark .owl-carousel.featured .owl-next:hover { color:#fff !important } section.dark h2.owl-featured { border-bottom-color:#666; } @media only screen and (max-width: 768px) { /* .owl-carousel.featured .owl-controls { display:none !important } */ } /* buttons bottom */ .owl-carousel.buttons-bottom .owl-controls{ top:auto !important; } .owl-carousel.buttons-bottom .owl-next, .owl-carousel.buttons-bottom .owl-prev { margin-top:-20px !important; } /* special carousel title */ .owl-carousel .owl-carousel-caption { background-color:rgba(0,0,0,0.5); position:absolute !important; top:0; left:0; right:0; color:#fff; padding:20px; height:96px; overflow:hidden; } .owl-carousel .owl-carousel-caption.top { top:0; bottom:auto; } .owl-carousel .owl-carousel-caption.bottom { top:auto; bottom:29px; } .owl-carousel .owl-carousel-caption h2, .owl-carousel .owl-carousel-caption h3, .owl-carousel .owl-carousel-caption h4 { color:#fff; font-size:16px; line-height:16px; margin-bottom:10px; font-weight:bold; overflow:hidden; display:block; width:100%; text-overflow:ellipsis; white-space: nowrap; } .owl-carousel .owl-carousel-caption p { color:#fff; font-size:12px; line-height:15px; padding:0; margin:0; } .owl-theme .owl-controls .owl-buttons div { /* padding:6px 13px; */ } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .controlls-over .owl-controls .owl-prev { margin-left:10px; } .controlls-over .owl-controls .owl-next { margin-right:10px; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } .owl-theme .owl-controls .owl-page span { display: block; width: 20px; height: 5px; margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: #869791; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } @media only screen and (max-width: 600px) { .owl-pagination { display:none; } } /** 13. OWL Carousel v2.2.1 *************************************************** **/ .owl-carousel-2 { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel-2 .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .owl-carousel-2 .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel-2 .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel-2 .owl-wrapper, .owl-carousel-2 .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel-2 .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel-2 .owl-item img { display: block; width: 100%; } .owl-carousel-2 .owl-nav.disabled, .owl-carousel-2 .owl-dots.disabled { display: none; } .owl-carousel-2 .owl-nav .owl-prev, .owl-carousel-2 .owl-nav .owl-next, .owl-carousel-2 .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel-2.owl-loaded { display: block; } .owl-carousel-2.owl-loading { opacity: 0; display: block; } .owl-carousel-2.owl-hidden { opacity: 0; } .owl-carousel-2.owl-refresh .owl-item { visibility: hidden; } .owl-carousel-2.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel-2.owl-grab { cursor: move; cursor: grab; } .owl-carousel-2.owl-rtl { direction: rtl; } .owl-carousel-2.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel-2 { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel-2 .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel-2 .owl-animated-in { z-index: 0; } .owl-carousel-2 .owl-animated-out { z-index: 1; } .owl-carousel-2 .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel-2 .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel-2 .owl-item img.owl-lazy { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel-2 .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel-2 .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel-2 .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel-2 .owl-video-playing .owl-video-tn, .owl-carousel-2 .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel-2 .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel-2 .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /* plugin rewrite */ .owl-carousel-2 { position: relative; -webkit-transition: all .300s; -moz-transition: all .300s; -o-transition: all .300s; transition: all .300s; } /* navigation */ .owl-carousel-2 .owl-nav, .owl-carousel-2 .owl-dots { text-align:center; display: inline-block; } .owl-carousel-2 .owl-nav { margin: 8px 0; position: absolute; bottom:0; right:6px; } .owl-carousel-2 .owl-nav>.owl-prev, .owl-carousel-2 .owl-nav>.owl-next { background-color: rgba(255,255,255,0.7); color: #111 !important; font-size:30px !important; } .owl-carousel-2 .owl-nav>.owl-prev:hover, .owl-carousel-2 .owl-nav>.owl-next:hover { background-color: #fff; } .owl-carousel-2 .owl-dots { margin: 18px 0 0 0; float: left; max-width: calc(100% - 90px); overflow: hidden; } .owl-carousel-2 .owl-nav .owl-prev, .owl-carousel-2 .owl-nav .owl-next { width: 30px; height: 30px; border: #eaeaea 1px solid; margin:3px; color:#ccc; font-size:17px; border-radius:3px; } .owl-carousel-2 .owl-nav .owl-prev:hover, .owl-carousel-2 .owl-nav .owl-next:hover { color:#121212; } .owl-carousel-2 .owl-nav .owl-prev, .owl-carousel-2 .owl-nav .owl-next, .owl-carousel-2 .owl-dot { display: inline-block; zoom: 1; } .owl-carousel-2 .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #d6d6d6; display: block; -webkit-backface-visibility: visible; -webkit-transition: opacity 200ms ease; -moz-transition: opacity 200ms ease; -ms-transition: opacity 200ms ease; -o-transition: opacity 200ms ease; transition: opacity 200ms ease; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .owl-carousel-2 .owl-dots .owl-dot.active span { background-color:#333; } .owl-carousel-2 .owl-caption, .owl-carousel-2 .owl-caption-top-left, .owl-carousel-2 .owl-caption-top-right, .owl-carousel-2 .owl-caption-bottom-left, .owl-carousel-2 .owl-caption-bottom-right, .owl-carousel-2 .owl-caption-top-center, .owl-carousel-2 .owl-caption-bottom-center { position: absolute; bottom: 0; left: 0; color: #fff; display: inline-block; font-size:17px; font-weight:400; padding:15px; -webkit-text-shadow: #333 1px 1px; -moz-text-shadow: #333 1px 1px; -o-text-shadow: #333 1px 1px; text-shadow: #333 1px 1px; z-index:1000; } .owl-carousel-2 .owl-caption-top-left { top:0; left:0; bottom: auto; right:auto; text-align:left; } .owl-carousel-2 .owl-caption-top-right { top:0; left:auto; bottom: auto; right:0; text-align:right; } .owl-carousel-2 .owl-caption-bottom-left { top:auto; left:0; bottom: 0; right:auto; text-align: left; } .owl-carousel-2 .owl-caption-bottom-right { top:auto; left:0; bottom: 0; right:0; text-align: right; } .owl-carousel-2 .owl-caption-top-center { top:0; left:0; bottom: auto; right:0; text-align: center; } .owl-carousel-2 .owl-caption-bottom-center { top:auto; left:0; bottom: 0; right:0; text-align: center; } .owl-carousel-2 .owl-subtitle { display: block; font-size:14px; } .owl-caption-text-light { color:#fff !important; -webkit-text-shadow: #333 1px 1px !important; -moz-text-shadow: #333 1px 1px !important; -o-text-shadow: #333 1px 1px !important; text-shadow: #333 1px 1px !important; } .owl-caption-text-dark { color:#121212 !important; -webkit-text-shadow: #fff 1px 1px !important; -moz-text-shadow: #fff 1px 1px !important; -o-text-shadow: #fff 1px 1px !important; text-shadow: #fff 1px 1px !important; } /* centered focus */ .owl-carousel-2.owl-centered-focus .owl-item:before { content: ''; background-color: rgba(255,255,255,0.8); position: absolute; left:0; right:0; top:0; bottom:0; z-index:100; } .owl-carousel-2.owl-centered-focus .owl-item.active.center:before { display: none; } /* dot navigation */ .owl-carousel-2.controlls-over .owl-dots { margin: -35px 10px 0 10px; position: absolute; z-index:9999; background-color: rgba(0,0,0,0.4); line-height: 1; padding-bottom: 6px; -webkit-border-radius: 4px; border-radius: 4px; } .owl-carousel-2 .owl-dots .owl-dot span { background: #fff; margin: 0 7px 0 7px; width:20px; height: 5px; -webkit-border-radius: 0; border-radius: 0; } .owl-carousel-2 .owl-dots .owl-dot.active span { background-color: #0275d8; } /* zoom image viewer */ .owl-carousel-2.zoom-more .owl-nav { top: auto !important; bottom: 0 !important; margin-top: 0; margin-bottom: -10px; right: -10px; } .owl-carousel-2.zoom-more a, .owl-carousel-2.zoom-more a>img { text-align: center; -webkit-transition: all .300s; -moz-transition: all .300s; -o-transition: all .300s; transition: all .300s; } .owl-carousel-2.zoom-more a>img { opacity:0.5; filter: alpha(opacity=80); filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */ -webkit-backface-visibility: hidden; /* Fix for transition flickering */ } .owl-carousel-2.zoom-more a.active>img { opacity:1; filter: alpha(opacity=1); -webkit-filter: none; filter: none; } .owl-carousel-2.zoom-more .owl-nav { margin-bottom: -36px; } .owl-carousel-2.zoom-more .owl-nav .owl-prev, .owl-carousel-2.zoom-more .owl-nav .owl-next { border:0; margin: 0; padding: 0; background-color: transparent; opacity: 0.5; } .owl-carousel-2.zoom-more .owl-nav .owl-prev:hover, .owl-carousel-2.zoom-more .owl-nav .owl-next:hover { opacity: 1; } .owl-carousel-2 img { width: 100%; height: auto; } /** 14. Animate v3.5.1 https://github.com/daneden/animate.css *************************************************** **/ .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}}@keyframes pulse{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}}@keyframes rubberBand{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}}@keyframes tada{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{from,to{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}}@keyframes wobble{from,to{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{11.1%,from,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{11.1%,from,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}.flipInY,.flipOutX{-webkit-backface-visibility:visible!important}@-webkit-keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;backface-visibility:visible!important}@-webkit-keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{from{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{from{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} /** 15. Fontawesome & Glyphicons http://fortawesome.github.io/Font-Awesome/ *************************************************** **/ @font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-float-left{float:left}.fa-float-right{float:right}.fa.fa-float-left{margin-right:.3em}.fa.fa-float-right{margin-left:.3em}.float-right{float:right}.float-left{float:left}.fa.float-left{margin-right:.3em}.fa.float-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} /* Glyphicons */ @font-face { font-family: 'Glyphicons Halflings'; src: url('../fonts/glyphicons-halflings-regular.eot'); src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../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:"\002a"}.glyphicon-plus:before{content:"\002b"}.glyphicon-eur:before,.glyphicon-euro: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"}.glyphicon-cd:before{content:"\e201"}.glyphicon-save-file:before{content:"\e202"}.glyphicon-open-file:before{content:"\e203"}.glyphicon-level-up:before{content:"\e204"}.glyphicon-copy:before{content:"\e205"}.glyphicon-paste:before{content:"\e206"}.glyphicon-alert:before{content:"\e209"}.glyphicon-equalizer:before{content:"\e210"}.glyphicon-king:before{content:"\e211"}.glyphicon-queen:before{content:"\e212"}.glyphicon-pawn:before{content:"\e213"}.glyphicon-bishop:before{content:"\e214"}.glyphicon-knight:before{content:"\e215"}.glyphicon-baby-formula:before{content:"\e216"}.glyphicon-tent:before{content:"\26fa"}.glyphicon-blackboard:before{content:"\e218"}.glyphicon-bed:before{content:"\e219"}.glyphicon-apple:before{content:"\f8ff"}.glyphicon-erase:before{content:"\e221"}.glyphicon-hourglass:before{content:"\231b"}.glyphicon-lamp:before{content:"\e223"}.glyphicon-duplicate:before{content:"\e224"}.glyphicon-piggy-bank:before{content:"\e225"}.glyphicon-scissors:before{content:"\e226"}.glyphicon-bitcoin:before,.glyphicon-btc:before,.glyphicon-xbt:before{content:"\e227"}.glyphicon-jpy:before,.glyphicon-yen:before{content:"\00a5"}.glyphicon-rub:before,.glyphicon-ruble:before{content:"\20bd"}.glyphicon-scale:before{content:"\e230"}.glyphicon-ice-lolly:before{content:"\e231"}.glyphicon-ice-lolly-tasted:before{content:"\e232"}.glyphicon-education:before{content:"\e233"}.glyphicon-option-horizontal:before{content:"\e234"}.glyphicon-option-vertical:before{content:"\e235"}.glyphicon-menu-hamburger:before{content:"\e236"}.glyphicon-modal-window:before{content:"\e237"}.glyphicon-oil:before{content:"\e238"}.glyphicon-grain:before{content:"\e239"}.glyphicon-sunglasses:before{content:"\e240"}.glyphicon-text-size:before{content:"\e241"}.glyphicon-text-color:before{content:"\e242"}.glyphicon-text-background:before{content:"\e243"}.glyphicon-object-align-top:before{content:"\e244"}.glyphicon-object-align-bottom:before{content:"\e245"}.glyphicon-object-align-horizontal:before{content:"\e246"}.glyphicon-object-align-left:before{content:"\e247"}.glyphicon-object-align-vertical:before{content:"\e248"}.glyphicon-object-align-right:before{content:"\e249"}.glyphicon-triangle-right:before{content:"\e250"}.glyphicon-triangle-left:before{content:"\e251"}.glyphicon-triangle-bottom:before{content:"\e252"}.glyphicon-triangle-top:before{content:"\e253"}.glyphicon-console:before{content:"\e254"}.glyphicon-superscript:before{content:"\e255"}.glyphicon-subscript:before{content:"\e256"}.glyphicon-menu-left:before{content:"\e257"}.glyphicon-menu-right:before{content:"\e258"}.glyphicon-menu-down:before{content:"\e259"}.glyphicon-menu-up:before{content:"\e260"} /** 16. Et-Line & Font Icons *************************************************** **/ /* Et-Line */ @font-face { font-family: 'et-line'; src:url('../fonts/et-line.eot'); src:url('../fonts/et-line.eot?#iefix') format('embedded-opentype'), url('../fonts/et-line.woff') format('woff'), url('../fonts/et-line.ttf') format('truetype'), url('../fonts/et-line.svg#et-line') format('svg'); font-weight: normal; font-style: normal; } [data-icon]:before{font-family:et-line;content:attr(data-icon);speak:none;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block}.et-adjustments,.et-alarmclock,.et-anchor,.et-aperture,.et-attachment,.et-bargraph,.et-basket,.et-beaker,.et-bike,.et-book-open,.et-briefcase,.et-browser,.et-calendar,.et-camera,.et-caution,.et-chat,.et-circle-compass,.et-clipboard,.et-clock,.et-cloud,.et-compass,.et-desktop,.et-dial,.et-document,.et-documents,.et-download,.et-dribbble,.et-edit,.et-envelope,.et-expand,.et-facebook,.et-flag,.et-focus,.et-gears,.et-genius,.et-gift,.et-global,.et-globe,.et-googleplus,.et-grid,.et-happy,.et-hazardous,.et-heart,.et-hotairballoon,.et-hourglass,.et-key,.et-laptop,.et-layers,.et-lifesaver,.et-lightbulb,.et-linegraph,.et-linkedin,.et-lock,.et-magnifying-glass,.et-map,.et-map-pin,.et-megaphone,.et-mic,.et-mobile,.et-newspaper,.et-notebook,.et-paintbrush,.et-paperclip,.et-pencil,.et-phone,.et-picture,.et-pictures,.et-piechart,.et-presentation,.et-pricetags,.et-printer,.et-profile-female,.et-profile-male,.et-puzzle,.et-quote,.et-recycle,.et-refresh,.et-ribbon,.et-rss,.et-sad,.et-scissors,.et-scope,.et-search,.et-shield,.et-speedometer,.et-strategy,.et-streetsign,.et-tablet,.et-target,.et-telescope,.et-toolbox,.et-tools,.et-tools-2,.et-trophy,.et-tumblr,.et-twitter,.et-upload,.et-video,.et-wallet,.et-wine{font-family:et-line;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;display:inline-block}.et-mobile:before{content:"\e000"}.et-laptop:before{content:"\e001"}.et-desktop:before{content:"\e002"}.et-tablet:before{content:"\e003"}.et-phone:before{content:"\e004"}.et-document:before{content:"\e005"}.et-documents:before{content:"\e006"}.et-search:before{content:"\e007"}.et-clipboard:before{content:"\e008"}.et-newspaper:before{content:"\e009"}.et-notebook:before{content:"\e00a"}.et-book-open:before{content:"\e00b"}.et-browser:before{content:"\e00c"}.et-calendar:before{content:"\e00d"}.et-presentation:before{content:"\e00e"}.et-picture:before{content:"\e00f"}.et-pictures:before{content:"\e010"}.et-video:before{content:"\e011"}.et-camera:before{content:"\e012"}.et-printer:before{content:"\e013"}.et-toolbox:before{content:"\e014"}.et-briefcase:before{content:"\e015"}.et-wallet:before{content:"\e016"}.et-gift:before{content:"\e017"}.et-bargraph:before{content:"\e018"}.et-grid:before{content:"\e019"}.et-expand:before{content:"\e01a"}.et-focus:before{content:"\e01b"}.et-edit:before{content:"\e01c"}.et-adjustments:before{content:"\e01d"}.et-ribbon:before{content:"\e01e"}.et-hourglass:before{content:"\e01f"}.et-lock:before{content:"\e020"}.et-megaphone:before{content:"\e021"}.et-shield:before{content:"\e022"}.et-trophy:before{content:"\e023"}.et-flag:before{content:"\e024"}.et-map:before{content:"\e025"}.et-puzzle:before{content:"\e026"}.et-basket:before{content:"\e027"}.et-envelope:before{content:"\e028"}.et-streetsign:before{content:"\e029"}.et-telescope:before{content:"\e02a"}.et-gears:before{content:"\e02b"}.et-key:before{content:"\e02c"}.et-paperclip:before{content:"\e02d"}.et-attachment:before{content:"\e02e"}.et-pricetags:before{content:"\e02f"}.et-lightbulb:before{content:"\e030"}.et-layers:before{content:"\e031"}.et-pencil:before{content:"\e032"}.et-tools:before{content:"\e033"}.et-tools-2:before{content:"\e034"}.et-scissors:before{content:"\e035"}.et-paintbrush:before{content:"\e036"}.et-magnifying-glass:before{content:"\e037"}.et-circle-compass:before{content:"\e038"}.et-linegraph:before{content:"\e039"}.et-mic:before{content:"\e03a"}.et-strategy:before{content:"\e03b"}.et-beaker:before{content:"\e03c"}.et-caution:before{content:"\e03d"}.et-recycle:before{content:"\e03e"}.et-anchor:before{content:"\e03f"}.et-profile-male:before{content:"\e040"}.et-profile-female:before{content:"\e041"}.et-bike:before{content:"\e042"}.et-wine:before{content:"\e043"}.et-hotairballoon:before{content:"\e044"}.et-globe:before{content:"\e045"}.et-genius:before{content:"\e046"}.et-map-pin:before{content:"\e047"}.et-dial:before{content:"\e048"}.et-chat:before{content:"\e049"}.et-heart:before{content:"\e04a"}.et-cloud:before{content:"\e04b"}.et-upload:before{content:"\e04c"}.et-download:before{content:"\e04d"}.et-target:before{content:"\e04e"}.et-hazardous:before{content:"\e04f"}.et-piechart:before{content:"\e050"}.et-speedometer:before{content:"\e051"}.et-global:before{content:"\e052"}.et-compass:before{content:"\e053"}.et-lifesaver:before{content:"\e054"}.et-clock:before{content:"\e055"}.et-aperture:before{content:"\e056"}.et-quote:before{content:"\e057"}.et-scope:before{content:"\e058"}.et-alarmclock:before{content:"\e059"}.et-refresh:before{content:"\e05a"}.et-happy:before{content:"\e05b"}.et-sad:before{content:"\e05c"}.et-facebook:before{content:"\e05d"}.et-twitter:before{content:"\e05e"}.et-googleplus:before{content:"\e05f"}.et-rss:before{content:"\e060"}.et-tumblr:before{content:"\e061"}.et-linkedin:before{content:"\e062"}.et-dribbble:before{content:"\e063"} /* Font Icons */ @font-face { font-family: 'font-icons'; src:url('../fonts/font-icons.eot'); src:url('../fonts/font-icons.eot') format('embedded-opentype'), url('../fonts/font-icons.woff') format('woff'), url('../fonts/font-icons.ttf') format('truetype'), url('../fonts/font-icons.svg') format('svg'); font-weight: normal; font-style: normal; } .side-header #primary-menu ul>li.sub-menu>a:after,[class*=" icon-"],[class^=icon-]{display:inline-block;font-family:font-icons;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} .icon-lg{font-size:1.3333333333333333em;line-height:.75em;vertical-align:-15%}.icon-2x{font-size:2em}.icon-3x{font-size:3em}.icon-4x{font-size:4em}.icon-5x{font-size:5em}.icon-fw{width:1.2857142857142858em;text-align:center}.iconlist{padding-left:0;margin-left:1.75em;list-style-type:none}.iconlist li{position:relative}.iconlist ul{list-style-type:none;margin:5px 0 5px 25px}.iconlist>li [class*=" icon-"],.iconlist>li [class^=icon-]{position:absolute;left:-1.75em;text-align:center;top:1px;width:14px}.iconlist.iconlist-large{font-size:16px}.iconlist.iconlist-large li{margin:4px 0}.iconlist.iconlist-large>li [class*=" icon-"],.iconlist.iconlist-large>li [class^=icon-]{width:16px;margin-right:5px}.iconlist-color li i{color:#1ABC9C}.icon-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.icon.float-left{margin-right:.3em}.icon.float-right{margin-left:.3em}.icon-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-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{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.icon-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.icon-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.icon-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-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{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-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-stacked{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.icon-stacked-1x,.icon-stacked-2x{position:absolute;left:0;width:100%;text-align:center}.icon-stacked-1x{line-height:inherit}.icon-stacked-2x{font-size:2em}.icon-inverse{color:#fff}.icon-type:before{content:"\e600"}.icon-box:before{content:"\e601"}.icon-archive:before{content:"\e602"}.icon-envelope:before{content:"\e603"}.icon-email:before{content:"\e604"}.icon-files:before{content:"\e605"}.icon-printer2:before{content:"\e606"}.icon-folder-add:before{content:"\e607"}.icon-folder-settings:before{content:"\e608"}.icon-folder-check:before{content:"\e609"}.icon-wifi-low:before{content:"\e60a"}.icon-wifi-mid:before{content:"\e60b"}.icon-wifi-full:before{content:"\e60c"}.icon-connection-empty:before{content:"\e60d"}.icon-battery-full:before{content:"\e60e"}.icon-settings:before{content:"\e60f"}.icon-arrow-left:before{content:"\e610"}.icon-arrow-up:before{content:"\e611"}.icon-arrow-down:before{content:"\e612"}.icon-arrow-right:before{content:"\e613"}.icon-reload:before{content:"\e614"}.icon-download:before{content:"\e615"}.icon-tag:before{content:"\e616"}.icon-trashcan:before{content:"\e617"}.icon-search:before{content:"\e618"}.icon-zoom-in:before{content:"\e619"}.icon-zoom-out:before{content:"\e61a"}.icon-chat:before{content:"\e61b"}.icon-clock:before{content:"\e61c"}.icon-printer:before{content:"\e61d"}.icon-home:before{content:"\e61e"}.icon-flag:before{content:"\e61f"}.icon-meter:before{content:"\e620"}.icon-switch:before{content:"\e621"}.icon-forbidden:before{content:"\e622"}.icon-phone-landscape:before{content:"\e623"}.icon-tablet:before{content:"\e624"}.icon-tablet-landscape:before{content:"\e625"}.icon-laptop:before{content:"\e626"}.icon-camera:before{content:"\e627"}.icon-microwave-oven:before{content:"\e628"}.icon-credit-cards:before{content:"\e629"}.icon-map-marker:before{content:"\e62a"}.icon-map:before{content:"\e62b"}.icon-support:before{content:"\e62c"}.icon-newspaper2:before{content:"\e62d"}.icon-barbell:before{content:"\e62e"}.icon-stopwatch:before{content:"\e62f"}.icon-atom:before{content:"\e630"}.icon-image:before{content:"\e631"}.icon-cube:before{content:"\e632"}.icon-bars:before{content:"\e633"}.icon-chart:before{content:"\e634"}.icon-pencil:before{content:"\e635"}.icon-measure:before{content:"\e636"}.icon-eyedropper:before{content:"\e637"}.icon-file-settings:before{content:"\e638"}.icon-file-add:before{content:"\e639"}.icon-file:before{content:"\e63a"}.icon-align-left:before{content:"\e63b"}.icon-align-right:before{content:"\e63c"}.icon-align-center:before{content:"\e63d"}.icon-align-justify:before{content:"\e63e"}.icon-file-broken:before{content:"\e63f"}.icon-browser:before{content:"\e640"}.icon-windows:before{content:"\e641"}.icon-window:before{content:"\e642"}.icon-folder:before{content:"\e643"}.icon-connection-25:before{content:"\e644"}.icon-connection-50:before{content:"\e645"}.icon-connection-75:before{content:"\e646"}.icon-connection-full:before{content:"\e647"}.icon-list:before{content:"\e648"}.icon-grid:before{content:"\e649"}.icon-stack3:before{content:"\e64a"}.icon-battery-charging:before{content:"\e64b"}.icon-battery-empty:before{content:"\e64c"}.icon-battery-25:before{content:"\e64d"}.icon-battery-50:before{content:"\e64e"}.icon-battery-75:before{content:"\e64f"}.icon-refresh:before{content:"\e650"}.icon-volume:before{content:"\e651"}.icon-volume-increase:before{content:"\e652"}.icon-volume-decrease:before{content:"\e653"}.icon-mute:before{content:"\e654"}.icon-microphone:before{content:"\e655"}.icon-microphone-off:before{content:"\e656"}.icon-book:before{content:"\e657"}.icon-checkmark:before{content:"\e658"}.icon-checkbox-checked:before{content:"\e659"}.icon-checkbox:before{content:"\e65a"}.icon-paperclip:before{content:"\e65b"}.icon-chat-1:before{content:"\e65c"}.icon-chat-2:before{content:"\e65d"}.icon-chat-3:before{content:"\e65e"}.icon-comment:before{content:"\e65f"}.icon-calendar:before{content:"\e660"}.icon-bookmark:before{content:"\e661"}.icon-email2:before{content:"\e662"}.icon-heart:before{content:"\e663"}.icon-enter:before{content:"\e664"}.icon-cloud:before{content:"\e665"}.icon-book2:before{content:"\e666"}.icon-star:before{content:"\e667"}.icon-lock:before{content:"\e668"}.icon-unlocked:before{content:"\e669"}.icon-unlocked2:before{content:"\e66a"}.icon-users:before{content:"\e66b"}.icon-user:before{content:"\e66c"}.icon-users2:before{content:"\e66d"}.icon-user2:before{content:"\e66e"}.icon-bullhorn:before{content:"\e66f"}.icon-share:before{content:"\e670"}.icon-screen:before{content:"\e671"}.icon-phone:before{content:"\e672"}.icon-phone-portrait:before{content:"\e673"}.icon-calculator:before{content:"\e674"}.icon-bag:before{content:"\e675"}.icon-diamond:before{content:"\e676"}.icon-drink:before{content:"\e677"}.icon-shorts:before{content:"\e678"}.icon-vcard:before{content:"\e679"}.icon-sun:before{content:"\e67a"}.icon-bill:before{content:"\e67b"}.icon-coffee:before{content:"\e67c"}.icon-tv2:before{content:"\e67d"}.icon-newspaper:before{content:"\e67e"}.icon-stack:before{content:"\e67f"}.icon-syringe:before{content:"\e680"}.icon-health:before{content:"\e681"}.icon-bolt:before{content:"\e682"}.icon-pill:before{content:"\e683"}.icon-bones:before{content:"\e684"}.icon-lab:before{content:"\e685"}.icon-clipboard:before{content:"\e686"}.icon-mug:before{content:"\e687"}.icon-bucket:before{content:"\e688"}.icon-select:before{content:"\e689"}.icon-graph:before{content:"\e68a"}.icon-crop:before{content:"\e68b"}.icon-heart2:before{content:"\e68c"}.icon-cloud2:before{content:"\e68d"}.icon-star2:before{content:"\e68e"}.icon-pen:before{content:"\e68f"}.icon-diamond2:before{content:"\e690"}.icon-display:before{content:"\e691"}.icon-paperplane:before{content:"\e692"}.icon-params:before{content:"\e693"}.icon-banknote:before{content:"\e694"}.icon-vynil:before{content:"\e695"}.icon-truck:before{content:"\e696"}.icon-world:before{content:"\e697"}.icon-tv:before{content:"\e698"}.icon-sound:before{content:"\e699"}.icon-video:before{content:"\e69a"}.icon-trash:before{content:"\e69b"}.icon-user3:before{content:"\e69c"}.icon-key:before{content:"\e69d"}.icon-search2:before{content:"\e69e"}.icon-settings2:before{content:"\e69f"}.icon-camera2:before{content:"\e6a0"}.icon-tag2:before{content:"\e6a1"}.icon-lock2:before{content:"\e6a2"}.icon-bulb:before{content:"\e6a3"}.icon-location:before{content:"\e6a4"}.icon-eye:before{content:"\e6a5"}.icon-bubble:before{content:"\e6a6"}.icon-stack2:before{content:"\e6a7"}.icon-cup:before{content:"\e6a8"}.icon-phone2:before{content:"\e6a9"}.icon-news:before{content:"\e6aa"}.icon-mail:before{content:"\e6ab"}.icon-like:before{content:"\e6ac"}.icon-photo:before{content:"\e6ad"}.icon-note:before{content:"\e6ae"}.icon-clock2:before{content:"\e6af"}.icon-data:before{content:"\e6b0"}.icon-music:before{content:"\e6b1"}.icon-megaphone:before{content:"\e6b2"}.icon-study:before{content:"\e6b3"}.icon-lab2:before{content:"\e6b4"}.icon-food:before{content:"\e6b5"}.icon-t-shirt:before{content:"\e6b6"}.icon-fire:before{content:"\e6b7"}.icon-clip:before{content:"\e6b8"}.icon-shop:before{content:"\e6b9"}.icon-calendar2:before{content:"\e6ba"}.icon-wallet:before{content:"\e6bb"}.icon-duckduckgo:before{content:"\e830"}.icon-lkdto:before{content:"\e896"}.icon-delicious:before{content:"\e832"}.icon-paypal:before{content:"\e833"}.icon-flattr:before{content:"\e834"}.icon-android:before{content:"\e835"}.icon-eventful:before{content:"\e836"}.icon-smashmag:before{content:"\e837"}.icon-gplus:before{content:"\e838"}.icon-wikipedia:before{content:"\e839"}.icon-lanyrd:before{content:"\e83a"}.icon-calendar-1:before{content:"\e83b"}.icon-stumbleupon:before{content:"\e83c"}.icon-bitcoin:before{content:"\e83f"}.icon-w3c:before{content:"\e840"}.icon-foursquare:before{content:"\e841"}.icon-html5:before{content:"\e842"}.icon-ie:before{content:"\e843"}.icon-call:before{content:"\e844"}.icon-grooveshark:before{content:"\e845"}.icon-ninetyninedesigns:before{content:"\e846"}.icon-forrst:before{content:"\e847"}.icon-digg:before{content:"\e848"}.icon-spotify:before{content:"\e849"}.icon-reddit:before{content:"\e84a"}.icon-guest:before{content:"\e84b"}.icon-blogger:before{content:"\e84e"}.icon-cc:before{content:"\e84f"}.icon-dribbble:before{content:"\e850"}.icon-evernote:before{content:"\e851"}.icon-flickr:before{content:"\e852"}.icon-google:before{content:"\e853"}.icon-viadeo:before{content:"\e854"}.icon-instapaper:before{content:"\e855"}.icon-weibo:before{content:"\e856"}.icon-klout:before{content:"\e857"}.icon-linkedin:before{content:"\e858"}.icon-meetup:before{content:"\e859"}.icon-vk:before{content:"\e85a"}.icon-rss:before{content:"\e85d"}.icon-skype:before{content:"\e85e"}.icon-twitter:before{content:"\e85f"}.icon-youtube:before{content:"\e860"}.icon-vimeo:before{content:"\e861"}.icon-windows2:before{content:"\e862"}.icon-aim:before{content:"\e831"}.icon-yahoo:before{content:"\e864"}.icon-chrome:before{content:"\e865"}.icon-email3:before{content:"\e866"}.icon-macstore:before{content:"\e867"}.icon-myspace:before{content:"\e868"}.icon-podcast:before{content:"\e869"}.icon-cloudapp:before{content:"\e86c"}.icon-dropbox:before{content:"\e86d"}.icon-ebay:before{content:"\e86e"}.icon-facebook:before{content:"\e86f"}.icon-github:before{content:"\e870"}.icon-github-circled:before{content:"\e871"}.icon-googleplay:before{content:"\e872"}.icon-itunes:before{content:"\e873"}.icon-plurk:before{content:"\e874"}.icon-songkick:before{content:"\e875"}.icon-lastfm:before{content:"\e876"}.icon-gmail:before{content:"\e877"}.icon-pinboard:before{content:"\e878"}.icon-soundcloud:before{content:"\e87b"}.icon-tumblr:before{content:"\e87c"}.icon-eventasaurus:before{content:"\e87d"}.icon-wordpress:before{content:"\e87e"}.icon-yelp:before{content:"\e87f"}.icon-intensedebate:before{content:"\e880"}.icon-eventbrite:before{content:"\e881"}.icon-scribd:before{content:"\e882"}.icon-posterous:before{content:"\e883"}.icon-stripe:before{content:"\e884"}.icon-opentable:before{content:"\e885"}.icon-cart:before{content:"\e886"}.icon-print:before{content:"\e887"}.icon-dwolla:before{content:"\e88a"}.icon-appnet:before{content:"\e88b"}.icon-statusnet:before{content:"\e88c"}.icon-acrobat:before{content:"\e88d"}.icon-drupal:before{content:"\e88e"}.icon-buffer:before{content:"\e88f"}.icon-pocket:before{content:"\e890"}.icon-bitbucket:before{content:"\e891"}.icon-lego:before{content:"\e892"}.icon-login:before{content:"\e893"}.icon-stackoverflow:before{content:"\e894"}.icon-hackernews:before{content:"\e895"}.icon-xing:before{content:"\e863"}.icon-instagram:before{content:"\e889"}.icon-angellist:before{content:"\e888"}.icon-quora:before{content:"\e87a"}.icon-openid:before{content:"\e879"}.icon-steam:before{content:"\e86b"}.icon-amazon:before{content:"\e86a"}.icon-disqus:before{content:"\e85c"}.icon-plancast:before{content:"\e85b"}.icon-appstore:before{content:"\e84d"}.icon-gowalla:before{content:"\e84c"}.icon-pinterest:before{content:"\e83e"}.icon-fivehundredpx:before{content:"\e83d"}.icon-glass:before{content:"\e6bc"}.icon-music2:before{content:"\e6bd"}.icon-search3:before{content:"\e6be"}.icon-envelope2:before{content:"\e6bf"}.icon-heart3:before{content:"\e6c0"}.icon-star3:before{content:"\e6c1"}.icon-star-empty:before{content:"\e6c2"}.icon-user4:before{content:"\e6c3"}.icon-film:before{content:"\e6c4"}.icon-th-large:before{content:"\e6c5"}.icon-th:before{content:"\e6c6"}.icon-th-list:before{content:"\e6c7"}.icon-ok:before{content:"\e6c8"}.icon-remove:before{content:"\e6c9"}.icon-zoom-in2:before{content:"\e6ca"}.icon-zoom-out2:before{content:"\e6cb"}.icon-off:before{content:"\e6cc"}.icon-signal:before{content:"\e6cd"}.icon-cog:before{content:"\e6ce"}.icon-trash2:before{content:"\e6cf"}.icon-home2:before{content:"\e6d0"}.icon-file2:before{content:"\e6d1"}.icon-time:before{content:"\e6d2"}.icon-road:before{content:"\e6d3"}.icon-download-alt:before{content:"\e6d4"}.icon-download2:before{content:"\e6d5"}.icon-upload:before{content:"\e6d6"}.icon-inbox:before{content:"\e6d7"}.icon-play-circle:before{content:"\e6d8"}.icon-repeat:before{content:"\e6d9"}.icon-refresh2:before{content:"\e6da"}.icon-list-alt:before{content:"\e6db"}.icon-lock3:before{content:"\e6dc"}.icon-flag2:before{content:"\e6dd"}.icon-headphones:before{content:"\e6de"}.icon-volume-off:before{content:"\e6df"}.icon-volume-down:before{content:"\e6e0"}.icon-volume-up:before{content:"\e6e1"}.icon-qrcode:before{content:"\e6e2"}.icon-barcode:before{content:"\e6e3"}.icon-tag3:before{content:"\e6e4"}.icon-tags:before{content:"\e6e5"}.icon-book3:before{content:"\e6e6"}.icon-bookmark2:before{content:"\e6e7"}.icon-print2:before{content:"\e6e8"}.icon-camera3:before{content:"\e6e9"}.icon-font:before{content:"\e6ea"}.icon-bold:before{content:"\e6eb"}.icon-italic:before{content:"\e6ec"}.icon-text-height:before{content:"\e6ed"}.icon-text-width:before{content:"\e6ee"}.icon-align-left2:before{content:"\e6ef"}.icon-align-center2:before{content:"\e6f0"}.icon-align-right2:before{content:"\e6f1"}.icon-align-justify2:before{content:"\e6f2"}.icon-list2:before{content:"\e6f3"}.icon-indent-left:before{content:"\e6f4"}.icon-indent-right:before{content:"\e6f5"}.icon-facetime-video:before{content:"\e6f6"}.icon-picture:before{content:"\e6f7"}.icon-pencil2:before{content:"\e6f8"}.icon-map-marker2:before{content:"\e6f9"}.icon-adjust:before{content:"\e6fa"}.icon-tint:before{content:"\e6fb"}.icon-edit:before{content:"\e6fc"}.icon-share2:before{content:"\e6fd"}.icon-check:before{content:"\e6fe"}.icon-move:before{content:"\e6ff"}.icon-step-backward:before{content:"\e700"}.icon-fast-backward:before{content:"\e701"}.icon-backward:before{content:"\e702"}.icon-play:before{content:"\e703"}.icon-pause:before{content:"\e704"}.icon-stop:before{content:"\e705"}.icon-forward:before{content:"\e706"}.icon-fast-forward:before{content:"\e707"}.icon-step-forward:before{content:"\e708"}.icon-eject:before{content:"\e709"}.icon-chevron-left:before{content:"\e70a"}.icon-chevron-right:before{content:"\e70b"}.icon-plus-sign:before{content:"\e70c"}.icon-minus-sign:before{content:"\e70d"}.icon-remove-sign:before{content:"\e70e"}.icon-ok-sign:before{content:"\e70f"}.icon-question-sign:before{content:"\e710"}.icon-info-sign:before{content:"\e711"}.icon-screenshot:before{content:"\e712"}.icon-remove-circle:before{content:"\e713"}.icon-ok-circle:before{content:"\e714"}.icon-ban-circle:before{content:"\e715"}.icon-arrow-left2:before{content:"\e716"}.icon-arrow-right2:before{content:"\e717"}.icon-arrow-up2:before{content:"\e718"}.icon-arrow-down2:before{content:"\e719"}.icon-share-alt:before{content:"\e71a"}.icon-resize-full:before{content:"\e71b"}.icon-resize-small:before{content:"\e71c"}.icon-plus:before{content:"\e71d"}.icon-minus:before{content:"\e71e"}.icon-asterisk:before{content:"\e71f"}.icon-exclamation-sign:before{content:"\e720"}.icon-gift:before{content:"\e721"}.icon-leaf:before{content:"\e722"}.icon-fire2:before{content:"\e723"}.icon-eye-open:before{content:"\e724"}.icon-eye-close:before{content:"\e725"}.icon-warning-sign:before{content:"\e726"}.icon-plane:before{content:"\e727"}.icon-calendar3:before{content:"\e728"}.icon-random:before{content:"\e729"}.icon-comment2:before{content:"\e72a"}.icon-magnet:before{content:"\e72b"}.icon-chevron-up:before{content:"\e72c"}.icon-chevron-down:before{content:"\e72d"}.icon-retweet:before{content:"\e72e"}.icon-shopping-cart:before{content:"\e72f"}.icon-folder-close:before{content:"\e730"}.icon-folder-open:before{content:"\e731"}.icon-resize-vertical:before{content:"\e732"}.icon-resize-horizontal:before{content:"\e733"}.icon-bar-chart:before{content:"\e734"}.icon-twitter-sign:before{content:"\e735"}.icon-facebook-sign:before{content:"\e736"}.icon-camera-retro:before{content:"\e737"}.icon-key2:before{content:"\e738"}.icon-cogs:before{content:"\e739"}.icon-comments:before{content:"\e73a"}.icon-thumbs-up:before{content:"\e73b"}.icon-thumbs-down:before{content:"\e73c"}.icon-star-half:before{content:"\e73d"}.icon-heart-empty:before{content:"\e73e"}.icon-signout:before{content:"\e73f"}.icon-linkedin-sign:before{content:"\e740"}.icon-pushpin:before{content:"\e741"}.icon-external-link:before{content:"\e742"}.icon-signin:before{content:"\e743"}.icon-trophy:before{content:"\e744"}.icon-github-sign:before{content:"\e745"}.icon-upload-alt:before{content:"\e746"}.icon-lemon:before{content:"\e747"}.icon-phone3:before{content:"\e748"}.icon-check-empty:before{content:"\e749"}.icon-bookmark-empty:before{content:"\e74a"}.icon-phone-sign:before{content:"\e74b"}.icon-twitter2:before{content:"\e74c"}.icon-facebook2:before{content:"\e74d"}.icon-github2:before{content:"\e74e"}.icon-unlock:before{content:"\e74f"}.icon-credit:before{content:"\e750"}.icon-rss2:before{content:"\e751"}.icon-hdd:before{content:"\e752"}.icon-bullhorn2:before{content:"\e753"}.icon-bell:before{content:"\e754"}.icon-certificate:before{content:"\e755"}.icon-hand-right:before{content:"\e756"}.icon-hand-left:before{content:"\e757"}.icon-hand-up:before{content:"\e758"}.icon-hand-down:before{content:"\e759"}.icon-circle-arrow-left:before{content:"\e75a"}.icon-circle-arrow-right:before{content:"\e75b"}.icon-circle-arrow-up:before{content:"\e75c"}.icon-circle-arrow-down:before{content:"\e75d"}.icon-globe:before{content:"\e75e"}.icon-wrench:before{content:"\e75f"}.icon-tasks:before{content:"\e760"}.icon-filter:before{content:"\e761"}.icon-briefcase:before{content:"\e762"}.icon-fullscreen:before{content:"\e763"}.icon-group:before{content:"\e764"}.icon-link:before{content:"\e765"}.icon-cloud3:before{content:"\e766"}.icon-beaker:before{content:"\e767"}.icon-cut:before{content:"\e768"}.icon-copy:before{content:"\e769"}.icon-paper-clip:before{content:"\e76a"}.icon-save:before{content:"\e76b"}.icon-sign-blank:before{content:"\e76c"}.icon-reorder:before{content:"\e76d"}.icon-list-ul:before{content:"\e76e"}.icon-list-ol:before{content:"\e76f"}.icon-strikethrough:before{content:"\e770"}.icon-underline:before{content:"\e771"}.icon-table:before{content:"\e772"}.icon-magic:before{content:"\e773"}.icon-truck2:before{content:"\e774"}.icon-pinterest2:before{content:"\e775"}.icon-pinterest-sign:before{content:"\e776"}.icon-google-plus-sign:before{content:"\e777"}.icon-google-plus:before{content:"\e778"}.icon-money:before{content:"\e779"}.icon-caret-down:before{content:"\e77a"}.icon-caret-up:before{content:"\e77b"}.icon-caret-left:before{content:"\e77c"}.icon-caret-right:before{content:"\e77d"}.icon-columns:before{content:"\e77e"}.icon-sort:before{content:"\e77f"}.icon-sort-down:before{content:"\e780"}.icon-sort-up:before{content:"\e781"}.icon-envelope-alt:before{content:"\e782"}.icon-linkedin2:before{content:"\e783"}.icon-undo:before{content:"\e784"}.icon-legal:before{content:"\e785"}.icon-dashboard:before{content:"\e786"}.icon-comment-alt:before{content:"\e787"}.icon-comments-alt:before{content:"\e788"}.icon-bolt2:before{content:"\e789"}.icon-sitemap:before{content:"\e78a"}.icon-umbrella:before{content:"\e78b"}.icon-paste:before{content:"\e78c"}.icon-lightbulb:before{content:"\e78d"}.icon-exchange:before{content:"\e78e"}.icon-cloud-download:before{content:"\e78f"}.icon-cloud-upload:before{content:"\e790"}.icon-user-md:before{content:"\e791"}.icon-stethoscope:before{content:"\e792"}.icon-suitcase:before{content:"\e793"}.icon-bell-alt:before{content:"\e794"}.icon-coffee2:before{content:"\e795"}.icon-food2:before{content:"\e796"}.icon-file-alt:before{content:"\e797"}.icon-building:before{content:"\e798"}.icon-hospital:before{content:"\e799"}.icon-ambulance:before{content:"\e79a"}.icon-medkit:before{content:"\e79b"}.icon-fighter-jet:before{content:"\e79c"}.icon-beer:before{content:"\e79d"}.icon-h-sign:before{content:"\e79e"}.icon-plus-sign2:before{content:"\e79f"}.icon-double-angle-left:before{content:"\e7a0"}.icon-double-angle-right:before{content:"\e7a1"}.icon-double-angle-up:before{content:"\e7a2"}.icon-double-angle-down:before{content:"\e7a3"}.icon-angle-left:before{content:"\e7a4"}.icon-angle-right:before{content:"\e7a5"}.icon-angle-up:before{content:"\e7a6"}.icon-angle-down:before{content:"\e7a7"}.icon-desktop:before{content:"\e7a8"}.icon-laptop2:before{content:"\e7a9"}.icon-tablet2:before{content:"\e7aa"}.icon-mobile:before{content:"\e7ab"}.icon-circle-blank:before{content:"\e7ac"}.icon-quote-left:before{content:"\e7ad"}.icon-quote-right:before{content:"\e7ae"}.icon-spinner:before{content:"\e7af"}.icon-circle:before{content:"\e7b0"}.icon-reply:before{content:"\e7b1"}.icon-github-alt:before{content:"\e7b2"}.icon-folder-close-alt:before{content:"\e7b3"}.icon-folder-open-alt:before{content:"\e7b4"}.icon-expand-alt:before{content:"\e7b5"}.icon-collapse-alt:before{content:"\e7b6"}.icon-smile:before{content:"\e7b7"}.icon-frown:before{content:"\e7b8"}.icon-meh:before{content:"\e7b9"}.icon-gamepad:before{content:"\e7ba"}.icon-keyboard:before{content:"\e7bb"}.icon-flag-alt:before{content:"\e7bc"}.icon-flag-checkered:before{content:"\e7bd"}.icon-terminal:before{content:"\e7be"}.icon-code:before{content:"\e7bf"}.icon-reply-all:before{content:"\e7c0"}.icon-star-half-full:before{content:"\e7c1"}.icon-location-arrow:before{content:"\e7c2"}.icon-crop2:before{content:"\e7c3"}.icon-code-fork:before{content:"\e7c4"}.icon-unlink:before{content:"\e7c5"}.icon-question:before{content:"\e7c6"}.icon-info:before{content:"\e7c7"}.icon-exclamation:before{content:"\e7c8"}.icon-superscript:before{content:"\e7c9"}.icon-subscript:before{content:"\e7ca"}.icon-eraser:before{content:"\e7cb"}.icon-puzzle:before{content:"\e7cc"}.icon-microphone2:before{content:"\e7cd"}.icon-microphone-off2:before{content:"\e7ce"}.icon-shield:before{content:"\e7cf"}.icon-calendar-empty:before{content:"\e7d0"}.icon-fire-extinguisher:before{content:"\e7d1"}.icon-rocket:before{content:"\e7d2"}.icon-maxcdn:before{content:"\e7d3"}.icon-chevron-sign-left:before{content:"\e7d4"}.icon-chevron-sign-right:before{content:"\e7d5"}.icon-chevron-sign-up:before{content:"\e7d6"}.icon-chevron-sign-down:before{content:"\e7d7"}.icon-html52:before{content:"\e7d8"}.icon-css3:before{content:"\e7d9"}.icon-anchor:before{content:"\e7da"}.icon-unlock-alt:before{content:"\e7db"}.icon-bullseye:before{content:"\e7dc"}.icon-ellipsis-horizontal:before{content:"\e7dd"}.icon-ellipsis-vertical:before{content:"\e7de"}.icon-rss-sign:before{content:"\e7df"}.icon-play-sign:before{content:"\e7e0"}.icon-ticket:before{content:"\e7e1"}.icon-minus-sign-alt:before{content:"\e7e2"}.icon-check-minus:before{content:"\e7e3"}.icon-level-up:before{content:"\e7e4"}.icon-level-down:before{content:"\e7e5"}.icon-check-sign:before{content:"\e7e6"}.icon-edit-sign:before{content:"\e7e7"}.icon-external-link-sign:before{content:"\e7e8"}.icon-share-sign:before{content:"\e7e9"}.icon-compass:before{content:"\e7ea"}.icon-collapse:before{content:"\e7eb"}.icon-collapse-top:before{content:"\e7ec"}.icon-expand:before{content:"\e7ed"}.icon-euro:before{content:"\e7ee"}.icon-gbp:before{content:"\e7ef"}.icon-dollar:before{content:"\e7f0"}.icon-rupee:before{content:"\e7f1"}.icon-yen:before{content:"\e7f2"}.icon-renminbi:before{content:"\e7f3"}.icon-won:before{content:"\e7f4"}.icon-bitcoin2:before{content:"\e7f5"}.icon-file3:before{content:"\e7f6"}.icon-file-text:before{content:"\e7f7"}.icon-sort-by-alphabet:before{content:"\e7f8"}.icon-sort-by-alphabet-alt:before{content:"\e7f9"}.icon-sort-by-attributes:before{content:"\e7fa"}.icon-sort-by-attributes-alt:before{content:"\e7fb"}.icon-sort-by-order:before{content:"\e7fc"}.icon-sort-by-order-alt:before{content:"\e7fd"}.icon-thumbs-up2:before{content:"\e7fe"}.icon-thumbs-down2:before{content:"\e7ff"}.icon-youtube-sign:before{content:"\e800"}.icon-youtube2:before{content:"\e801"}.icon-xing2:before{content:"\e802"}.icon-xing-sign:before{content:"\e803"}.icon-youtube-play:before{content:"\e804"}.icon-dropbox2:before{content:"\e805"}.icon-stackexchange:before{content:"\e806"}.icon-instagram2:before{content:"\e807"}.icon-flickr2:before{content:"\e808"}.icon-adn:before{content:"\e809"}.icon-bitbucket2:before{content:"\e80a"}.icon-bitbucket-sign:before{content:"\e80b"}.icon-tumblr2:before{content:"\e80c"}.icon-tumblr-sign:before{content:"\e80d"}.icon-long-arrow-down:before{content:"\e80e"}.icon-long-arrow-up:before{content:"\e80f"}.icon-long-arrow-left:before{content:"\e810"}.icon-long-arrow-right:before{content:"\e811"}.icon-apple:before{content:"\e812"}.icon-windows3:before{content:"\e813"}.icon-android2:before{content:"\e814"}.icon-linux:before{content:"\e815"}.icon-dribbble2:before{content:"\e816"}.icon-skype2:before{content:"\e817"}.icon-foursquare2:before{content:"\e818"}.icon-trello:before{content:"\e819"}.icon-female:before{content:"\e81a"}.icon-male:before{content:"\e81b"}.icon-gittip:before{content:"\e81c"}.icon-sun2:before{content:"\e81d"}.icon-moon:before{content:"\e81e"}.icon-archive2:before{content:"\e81f"}.icon-bug:before{content:"\e820"}.icon-renren:before{content:"\e821"}.icon-weibo2:before{content:"\e822"}.icon-vk2:before{content:"\e823"}.icon-line-eye:before{content:"\e000"}.icon-line-paper-clip:before{content:"\e001"}.icon-line-mail:before{content:"\e002"}.icon-line-toggle:before{content:"\e003"}.icon-line-layout:before{content:"\e004"}.icon-line-link:before{content:"\e005"}.icon-line-bell:before{content:"\e006"}.icon-line-lock:before{content:"\e007"}.icon-line-unlock:before{content:"\e008"}.icon-line-ribbon:before{content:"\e009"}.icon-line-image:before{content:"\e010"}.icon-line-signal:before{content:"\e011"}.icon-line-target:before{content:"\e012"}.icon-line-clipboard:before{content:"\e013"}.icon-line-clock:before{content:"\e014"}.icon-line-watch:before{content:"\e015"}.icon-line-air-play:before{content:"\e016"}.icon-line-camera:before{content:"\e017"}.icon-line-video:before{content:"\e018"}.icon-line-disc:before{content:"\e019"}.icon-line-printer:before{content:"\e020"}.icon-line-monitor:before{content:"\e021"}.icon-line-server:before{content:"\e022"}.icon-line-cog:before{content:"\e023"}.icon-line-heart:before{content:"\e024"}.icon-line-paragraph:before{content:"\e025"}.icon-line-align-justify:before{content:"\e026"}.icon-line-align-left:before{content:"\e027"}.icon-line-align-center:before{content:"\e028"}.icon-line-align-right:before{content:"\e029"}.icon-line-book:before{content:"\e030"}.icon-line-layers:before{content:"\e031"}.icon-line-stack:before{content:"\e032"}.icon-line-stack-2:before{content:"\e033"}.icon-line-paper:before{content:"\e034"}.icon-line-paper-stack:before{content:"\e035"}.icon-line-search:before{content:"\e036"}.icon-line-zoom-in:before{content:"\e037"}.icon-line-zoom-out:before{content:"\e038"}.icon-line-reply:before{content:"\e039"}.icon-line-circle-plus:before{content:"\e040"}.icon-line-circle-minus:before{content:"\e041"}.icon-line-circle-check:before{content:"\e042"}.icon-line-circle-cross:before{content:"\e043"}.icon-line-square-plus:before{content:"\e044"}.icon-line-square-minus:before{content:"\e045"}.icon-line-square-check:before{content:"\e046"}.icon-line-square-cross:before{content:"\e047"}.icon-line-microphone:before{content:"\e048"}.icon-line-record:before{content:"\e049"}.icon-line-skip-back:before{content:"\e050"}.icon-line-rewind:before{content:"\e051"}.icon-line-play:before{content:"\e052"}.icon-line-pause:before{content:"\e053"}.icon-line-stop:before{content:"\e054"}.icon-line-fast-forward:before{content:"\e055"}.icon-line-skip-forward:before{content:"\e056"}.icon-line-shuffle:before{content:"\e057"}.icon-line-repeat:before{content:"\e058"}.icon-line-folder:before{content:"\e059"}.icon-line-umbrella:before{content:"\e060"}.icon-line-moon:before{content:"\e061"}.icon-line-thermometer:before{content:"\e062"}.icon-line-drop:before{content:"\e063"}.icon-line-sun:before{content:"\e064"}.icon-line-cloud:before{content:"\e065"}.icon-line-cloud-upload:before{content:"\e066"}.icon-line-cloud-download:before{content:"\e067"}.icon-line-upload:before{content:"\e068"}.icon-line-download:before{content:"\e069"}.icon-line-location:before{content:"\e070"}.icon-line-location-2:before{content:"\e071"}.icon-line-map:before{content:"\e072"}.icon-line-battery:before{content:"\e073"}.icon-line-head:before{content:"\e074"}.icon-line-briefcase:before{content:"\e075"}.icon-line-speech-bubble:before{content:"\e076"}.icon-line-anchor:before{content:"\e077"}.icon-line-globe:before{content:"\e078"}.icon-line-box:before{content:"\e079"}.icon-line-reload:before{content:"\e080"}.icon-line-share:before{content:"\e081"}.icon-line-marquee:before{content:"\e082"}.icon-line-marquee-plus:before{content:"\e083"}.icon-line-marquee-minus:before{content:"\e084"}.icon-line-tag:before{content:"\e085"}.icon-line-power:before{content:"\e086"}.icon-line-command:before{content:"\e087"}.icon-line-alt:before{content:"\e088"}.icon-line-esc:before{content:"\e089"}.icon-line-bar-graph:before{content:"\e090"}.icon-line-bar-graph-2:before{content:"\e091"}.icon-line-pie-graph:before{content:"\e092"}.icon-line-star:before{content:"\e093"}.icon-line-arrow-left:before{content:"\e094"}.icon-line-arrow-right:before{content:"\e095"}.icon-line-arrow-up:before{content:"\e096"}.icon-line-arrow-down:before{content:"\e097"}.icon-line-volume:before{content:"\e098"}.icon-line-mute:before{content:"\e099"}.icon-line-content-right:before{content:"\e100"}.icon-line-content-left:before{content:"\e101"}.icon-line-grid:before{content:"\e102"}.icon-line-grid-2:before{content:"\e103"}.icon-line-columns:before{content:"\e104"}.icon-line-loader:before{content:"\e105"}.icon-line-bag:before{content:"\e106"}.icon-line-ban:before{content:"\e107"}.icon-line-flag:before{content:"\e108"}.icon-line-trash:before{content:"\e109"}.icon-line-expand:before{content:"\e110"}.icon-line-contract:before{content:"\e111"}.icon-line-maximize:before{content:"\e112"}.icon-line-minimize:before{content:"\e113"}.icon-line-plus:before{content:"\e114"}.icon-line-minus:before{content:"\e115"}.icon-line-check:before{content:"\e116"}.icon-line-cross:before{content:"\e117"}.icon-line-move:before{content:"\e118"}.icon-line-delete:before{content:"\e119"}.icon-line-menu:before{content:"\e120"}.icon-line-archive:before{content:"\e121"}.icon-line-inbox:before{content:"\e122"}.icon-line-outbox:before{content:"\e123"}.icon-line-file:before{content:"\e124"}.icon-line-file-add:before{content:"\e125"}.icon-line-file-subtract:before{content:"\e126"}.icon-line-help:before{content:"\e127"}.icon-line-open:before{content:"\e128"}.icon-line-ellipsis:before{content:"\e129"} /** 17. Social icons *************************************************** **/ .social-icon { margin: 0 5px 5px 0; width: 40px; height: 40px; text-shadow: 1px 1px 1px rgba(0,0,0,.3); border-color: transparent; overflow: hidden; display:inline-block; text-decoration:none !important; text-align: center; cursor: pointer; font-style: normal; letter-spacing: 0em !important; color: #eaeaea !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .social-icon:hover>i { color:#fff; } .social-icon i { display: block; position: relative; width: 40px; height: 40px; margin-top:6px; font-size: 28px; } .social-icon:hover i:first-child { margin-top: -38px; } .social-icon:hover i:last-child { margin-top:4px; } @media only screen and (min-width: 768px) { .social-icon { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .social-icon i { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } } /* medium */ a.social-icon>i[class*=" icon-"], a.social-icon>i[class^=icon-] { font-size:15px; line-height: 1.7; } /* small */ a.social-icon.social-icon-sm, a.social-icon.social-icon-sm>i { width:30px; height:30px; margin-top:3px; font-size: 17px; line-height:23px; } a.social-icon.social-icon-sm>i:last-child { padding-top:7px; } a.social-icon.social-icon-sm>i[class*=" icon-"], a.social-icon.social-icon-sm>i[class^=icon-] { font-size:17px; } .social-facebook:hover { background-color: #3B5998 !important; } .social-facebook { background-color: #3B5998; } .social-delicious:hover { background-color: #205CC0 !important; } .social-delicious { background-color: #205CC0; } .social-paypal:hover { background-color: #00588B !important; } .social-paypal { background-color: #00588B; } .social-flattr:hover{ background-color: #F67C1A !important; } .social-flattr { background-color: #F67C1A; } .social-android:hover{ background-color: #A4C639 !important; } .social-android { background-color: #A4C639; } .social-smashmag:hover { background-color: #E53B2C !important; } .social-smashmag { background-color: #E53B2C; } .social-gplus:hover { background-color: #DD4B39 !important; } .social-gplus { background-color: #DD4B39; } .social-wikipedia:hover { background-color: #333 !important; } .social-wikipedia { background-color: #333; } .social-stumbleupon:hover { background-color: #F74425 !important; } .social-stumbleupon { background-color: #F74425; } .social-foursquare:hover { background-color: #25A0CA !important; } .social-foursquare { background-color: #25A0CA; } .social-call:hover { background-color: #444 !important; } .social-call { background-color: #444; } .social-ninetyninedesigns:hover { background-color: #F26739 !important; } .social-ninetyninedesigns { background-color: #F26739; } .social-forrst:hover { background-color: #5B9A68 !important; } .social-forrst { background-color: #5B9A68; } .social-digg:hover { background-color: #191919 !important; } .social-digg { background-color: #191919; } .social-spotify:hover{ background-color: #81B71A !important; } .social-spotify { background-color: #81B71A; } .social-reddit:hover { background-color: #C6C6C6 !important; } .social-reddit { background-color: #C6C6C6; } .social-blogger:hover { background-color: #FC4F08 !important; } .social-blogger { background-color: #FC4F08; } .social-cc:hover { background-color: #688527 !important; } .social-cc { background-color: #688527; } .social-dribbble:hover { background-color: #EA4C89 !important; } .social-dribbble { background-color: #EA4C89; } .social-evernote:hover { background-color: #5BA525 !important; } .social-evernote { background-color: #5BA525; } .social-flickr:hover { background-color: #FF0084 !important; } .social-flickr { background-color: #FF0084; } .social-google:hover { background-color: #DD4B39 !important; } .social-google { background-color: #DD4B39; } .social-instapaper:hover { background-color: #333 !important; } .social-instapaper { background-color: #333; } .social-klout:hover { background-color: #FF5F52 !important; } .social-klout { background-color: #FF5F52; } .social-linkedin:hover { background-color: #0E76A8 !important; } .social-linkedin { background-color: #0E76A8; } .social-vk:hover { background-color: #2B587A !important; } .social-vk { background-color: #2B587A; } .social-rss:hover { background-color: #EE802F !important; } .social-rss { background-color: #EE802F; } .social-skype:hover { background-color: #00AFF0 !important; } .social-skype { background-color: #00AFF0; } .social-twitter:hover { background-color: #00ACEE !important; } .social-twitter { background-color: #00ACEE; } .social-youtube:hover { background-color: #C4302B !important; } .social-youtube { background-color: #C4302B; } .social-vimeo:hover { background-color: #86C9EF !important; } .social-vimeo { background-color: #86C9EF; } .social-aim:hover { background-color: #FCD20B !important; } .social-aim { background-color: #FCD20B; } .social-yahoo:hover { background-color: #720E9E !important; } .social-yahoo { background-color: #720E9E; } .social-email3:hover { background-color: #6567A5 !important; } .social-email3 { background-color: #6567A5; } .social-macstore:hover { background-color: #333333 !important; } .social-macstore { background-color: #333333; } .social-myspace:hover { background-color: #666666 !important; } .social-myspace { background-color: #666666; } .social-podcast:hover { background-color: #E4B21B !important; } .social-podcast { background-color: #E4B21B; } .social-cloudapp:hover { background-color: #525557 !important; } .social-cloudapp { background-color: #525557; } .social-dropbox:hover { background-color: #3D9AE8 !important; } .social-dropbox { background-color: #3D9AE8; } .social-ebay:hover { background-color: #89C507 !important; } .social-ebay { background-color: #89C507; } .social-github:hover { background-color: #171515 !important; } .social-github { background-color: #171515; } .social-googleplay:hover { background-color: #DD4B39 !important; } .social-googleplay { background-color: #DD4B39; } .social-itunes:hover { background-color: #222 !important; } .social-itunes { background-color: #222; } .social-plurk:hover { background-color: #CF5A00 !important; } .social-plurk { background-color: #CF5A00; } .social-pinboard:hover { background-color: #0000E6 !important; } .social-pinboard { background-color: #0000E6; } .social-soundcloud:hover { background-color: #FF7700 !important; } .social-soundcloud { background-color: #FF7700; } .social-tumblr:hover { background-color: #34526F !important; } .social-tumblr { background-color: #34526F; } .social-wordpress:hover { background-color: #1E8CBE !important; } .social-wordpress { background-color: #1E8CBE; } .social-yelp:hover { background-color: #C41200 !important; } .social-yelp { background-color: #C41200; } .social-intensedebate:hover { background-color: #009EE4 !important; } .social-intensedebate { background-color: #009EE4; } .social-eventbrite:hover { background-color: #F16924 !important; } .social-eventbrite { background-color: #F16924; } .social-scribd:hover { background-color: #666666 !important; } .social-scribd { background-color: #666666; } .social-stripe:hover { background-color: #008CDD !important; } .social-stripe { background-color: #008CDD; } .social-print:hover { background-color: #111 !important; } .social-print { background-color: #111; } .social-dwolla:hover { background-color: #FF5C03 !important; } .social-dwolla { background-color: #FF5C03; } .social-statusnet:hover { background-color: #131A30 !important; } .social-statusnet { background-color: #131A30; } .social-acrobat:hover { background-color: #D3222A !important; } .social-acrobat { background-color: #D3222A; } .social-drupal:hover { background-color: #27537A !important; } .social-drupal { background-color: #27537A; } .social-buffer:hover { background-color: #333333 !important; } .social-buffer { background-color: #333333; } .social-pocket:hover { background-color: #EE4056 !important; } .social-pocket { background-color: #EE4056; } .social-bitbucket:hover { background-color: #0E4984 !important; } .social-bitbucket { background-color: #0E4984; } .social-stackoverflow:hover { background-color: #EF8236 !important; } .social-stackoverflow { background-color: #EF8236; } .social-hackernews:hover { background-color: #FF6600 !important; } .social-hackernews { background-color: #FF6600; } .social-xing:hover { background-color: #126567 !important; } .social-xing { background-color: #126567; } .social-instagram:hover { background-color: #3F729B !important; } .social-instagram { background-color: #3F729B; } .social-quora:hover { background-color: #A82400 !important; } .social-quora { background-color: #A82400; } .social-openid:hover { background-color: #E16309 !important; } .social-openid { background-color: #E16309; } .social-steam:hover { background-color: #111 !important; } .social-steam { background-color: #111; } .social-amazon:hover { background-color: #E47911 !important; } .social-amazon { background-color: #E47911; } .social-disqus:hover { background-color: #E4E7EE !important; } .social-disqus { background-color: #E4E7EE; } .social-plancast:hover { background-color: #222 !important; } .social-plancast { background-color: #222; } .social-appstore:hover { background-color: #000 !important; } .social-appstore { background-color: #000; } .social-pinterest:hover { background-color: #C8232C !important; } .social-pinterest { background-color: #C8232C; } .social-fivehundredpx:hover { background-color: #111 !important; } .social-fivehundredpx { background-color: #111; } /* rounded social icons */ a.social-icon.social-icon-round { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } /* bordered social icons */ a.social-icon.social-icon-border { background-color:transparent; border:#999 1px solid; color:#565656 !important; text-shadow:none; } a.social-icon.social-icon-border:hover { border-color:transparent; } a.social-icon.social-icon-border:hover>i { color:#fff !important; } section.dark a.social-icon.social-icon-border { color:#fff !important; } section.dark a.social-icon.social-icon-border:hover>i { color:#111 !important; } /* light social icons */ a.social-icon.social-icon-light { background-color:rgba(0,0,0,0.1); text-shadow:none; color:#888 !important; } a.social-icon.social-icon-light:hover>i { color:#fff !important; } section.dark a.social-icon.social-icon-light { background-color:#666; color:#fff !important; } section.dark a.social-icon.social-icon-light:hover>i { color:#111 !important; } /* dark social icons */ a.social-icon.social-icon-dark { background-color:#444; text-shadow:none; color:#eee !important; } a.social-icon.social-icon-dark:hover>i { color:#fff !important; } section.dark a.social-icon.social-icon-dark { background-color:#111; color:#fff !important; } /* transparent social icons */ a.social-icon.social-icon-transparent { background-color:transparent; text-shadow:none; color:#666 !important; } a.social-icon.social-icon-transparent:hover>i { color:#fff !important; } section.dark a.social-icon.social-icon-transparent { color:#999 !important; } section.dark a.social-icon.social-icon-transparent:hover>i { color:#fff !important; } /** 18. Buttons *************************************************** **/ .btn, .btn-group .btn { line-height: 1; } .btn.float-right, .btn-group.float-right { margin: 5px 0 5px 5px; } /* button shadow */ .shadow-1, .btn-shadow-1 { -webkit-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.065); box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.065); } /* fix - mouse :active - shadow is not visible */ .shadow-1:focus, .btn-shadow-1:focus, .shadow-1:active, .btn-shadow-1:active { -webkit-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.065) !important; box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.065) !important; } /* btn fancy */ .btn-fancy { -webkit-border-bottom-right-radius: 15px!important; -webkit-border-top-left-radius: 15px!important; -moz-border-radius-bottom-right: 15px!important; -moz-border-radius-top-left: 15px!important; border-bottom-right-radius: 15px!important; border-top-left-radius: 15px!important; } .btn-fancy-left { -webkit-border-top-left-radius: 15px!important; -moz-border-radius-top-left: 15px!important; border-top-left-radius: 15px!important; } .btn-fancy-right { -webkit-border-bottom-right-radius: 15px!important; -moz-border-radius-bottom-right: 15px!important; border-bottom-right-radius: 15px!important; } /* btn flat */ .btn-flat { background-color: #ddd; color: #333; border: 0; } .btn-flat:hover { opacity: 0.7; } /* btn dark */ .btn-dark { color: #fff !important; background-color: #000; } .btn-dark:hover { opacity: 0.8; } .btn-group .btn { margin-right:0; margin-left:0; } #header .btn, #footer .btn, .dropdown .btn, .input-group .btn { margin:0; } /* translucid */ .btn-translucid { color:#fff; border:rgba(0,0,0,0.07) 1px solid; background-color:rgba(0,0,0,0.07); -webkit-transition: all .400s; -moz-transition: all .400s; -o-transition: all .400s; transition: all .400s; } .btn-translucid:hover { color:#fff; background-color:rgba(0,0,0,0.2); } /* 3D Buttons */ .btn-3d { border-bottom: 3px solid rgba(0,0,0,.15); } .btn-3d:hover { opacity: 0.9; filter: alpha(opacity=90); } .btn-3d.btn-link { border-bottom:0; } /* Extra Large Buttons */ .btn-xlg { white-space: inherit; } .btn-xlg:not(.fullwidth) { padding-top: 24px !important; padding-bottom: 24px !important; } .btn-xlg.btn-round { -webkit-border-radius: 15px !important; -moz-border-radius: 15px !important; border-radius: 15px !important; } /* Button reveal */ .btn.btn-reveal { padding-left:28px; padding-right:28px; overflow: hidden; position:relative; } .btn.btn-reveal i { display: block; position: absolute; left: -32px; width: 32px; top: 0; bottom:0; margin: 0; padding:0; font-size:17px; line-height:35px; text-align: center; background-color: rgba(0,0,0,0.1); } .btn.btn-reveal span { display: inline-block; position: relative; left: 0; } body:not(.device-touch) .btn.btn-reveal i, body:not(.device-touch) .btn.btn-reveal span { -webkit-transition: left 0.3s ease, right 0.3s ease; -o-transition: left 0.3s ease, right 0.3s ease; transition: left 0.3s ease, right 0.3s ease; } /* extra small */ .btn.btn-reveal.btn-sm { padding: 2px 17px; } .btn.btn-reveal.btn-sm i { left: -22px; width: 22px; height: 22px; line-height: 20px; font-size:12px; } /* small */ .btn.btn-reveal.btn-sm { padding-left: 22px; padding-right: 22px; } .btn.btn-reveal.btn-sm i { left: -26px; width: 26px; height: 29px; line-height: 28px; font-size:13px; } /* large */ .btn.btn-reveal.btn-lg { padding-left:32px; padding-right:32px; } .btn.btn-reveal.btn-lg i { left: -38px; width: 38px; height: 53px; line-height: 46px; } /* extra large */ .btn.btn-reveal.btn-xlg { padding-left:40px; padding-right:40px; } .btn.btn-reveal.btn-xlg i { left: -44px; width: 44px; height: 72px; line-height: 72px; font-size:20px; } .btn.btn-reveal:hover i { left: 0; } .btn.btn-reveal:hover span { left: 16px; } /* button round */ .btn-round { -webkit-border-radius: 35px !important; -moz-border-radius: 35px !important; border-radius: 35px !important; } /* Button Bordered */ .btn.btn-bordered { border-color:#333; border-width:2px; } .btn.btn-bordered:hover { color:#fff; background-color:#333; } /* button colors */ .btn-red { background-color: #C02942; color: #FFF !important; } .btn-teal { background-color: #53777A; color: #FFF !important; } .btn-yellow { background-color: #ECD078; color: #333 !important; } .btn-green { background-color: #59BA41; color: #FFF !important; } .btn-brown { background-color: #774F38; color: #FFF !important; } .btn-aqua { background-color: #40C0CB; color: #FFF !important; } .btn-lime { background-color: #AEE239; color: #FFF !important; } .btn-purple { background-color: #5D4157; color: #FFF !important; } .btn-leaf { background-color: #A8CABA; color: #333 !important; } .btn-pink { background-color: #F89FA1; color: #FFF !important; } .btn-dirtygreen { background-color: #1693A5; color: #FFF !important; } .btn-blue { background-color: #1265A8; color: #FFF !important; } .btn-amber { background-color: #EB9C4D; color: #FFF !important; } .btn-black { background-color: #111; color: #FFF !important; } .btn-white { background-color: #F9F9F9; color: #333 !important; } .fullwidth.btn-red:hover, .fullwidth.btn-teal:hover, .fullwidth.btn-yellow:hover, .fullwidth.btn-green:hover, .fullwidth.btn-brown:hover, .fullwidth.btn-aqua:hover, .fullwidth.btn-lime:hover, .fullwidth.btn-purple:hover, .fullwidth.btn-leaf:hover, .fullwidth.btn-pink:hover, .fullwidth.btn-dirtygreen:hover, .fullwidth.btn-blue:hover, .fullwidth.btn-amber:hover, .fullwidth.btn-black:hover, .fullwidth.btn-white:hover { color:#fff !important; background-color:#434343; } section.dark .btn-default { color:#fff; background-color:transparent; border-color:rgba(255,255,255,0.5); } .btn-clean { color:#555; } /* BOOTSTRAP REWRITE */ .btn, .form-control:not(textarea) { height:40px; } .btn-sm, .btn-sm, .btn-lg, .btn-xlg { height:auto; } a.btn.btn-sm { line-height:inherit; } .btn-3d { line-height:25px; margin-bottom:3px; } .btn-3d.btn-xlg { line-height:inherit; } /* * Social Buttons for Bootstrap * https://github.com/lipis/bootstrap-social Sign in with Twitter */ .btn-social{position:relative;padding-left:54px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:22px; margin:0;} .btn-social>:first-child{position:absolute;left:0;top:0;bottom:0;width:42px;line-height:40px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)} .btn-social>i{padding-right:0;height:40px;} .btn-social.btn-lg{padding-left:61px}.btn-social.btn-lg>:first-child{line-height:45px;width:45px;font-size:1.8em} .btn-social.btn-sm{padding-left:38px}.btn-social.btn-sm>:first-child{line-height:28px;width:28px;font-size:1.4em} .btn-social.btn-sm{padding-left:30px}.btn-social.btn-sm>:first-child{line-height:20px;width:20px;font-size:1.2em} .btn-social-icon{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:34px;width:34px;padding:0}.btn-social-icon>:first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)} .btn-social-icon.btn-lg{padding-left:61px}.btn-social-icon.btn-lg>:first-child{line-height:45px;width:45px;font-size:1.8em} .btn-social-icon.btn-sm{padding-left:38px}.btn-social-icon.btn-sm>:first-child{line-height:28px;width:28px;font-size:1.4em} .btn-social-icon.btn-sm{padding-left:30px}.btn-social-icon.btn-sm>:first-child{line-height:20px;width:20px;font-size:1.2em} .btn-social-icon>:first-child{border:none;text-align:center;width:100% !important} .btn-social-icon.btn-lg{height:45px;width:45px;padding-left:0;padding-right:0} .btn-social-icon.btn-sm{height:30px;width:30px;padding-left:0;padding-right:0} .btn-social-icon.btn-sm{height:22px;width:22px;padding-left:0;padding-right:0} .btn-adn{color:#fff!important;background-color:#d87a68;border-color:rgba(0,0,0,0.2)}.btn-adn:hover,.btn-adn:focus,.btn-adn:active,.btn-adn.active,.open>.dropdown-toggle.btn-adn{color:#fff!important;background-color:#ce563f;border-color:rgba(0,0,0,0.2)} .btn-adn:active,.btn-adn.active,.open>.dropdown-toggle.btn-adn{background-image:none} .btn-adn.disabled,.btn-adn[disabled],fieldset[disabled] .btn-adn,.btn-adn.disabled:hover,.btn-adn[disabled]:hover,fieldset[disabled] .btn-adn:hover,.btn-adn.disabled:focus,.btn-adn[disabled]:focus,fieldset[disabled] .btn-adn:focus,.btn-adn.disabled:active,.btn-adn[disabled]:active,fieldset[disabled] .btn-adn:active,.btn-adn.disabled.active,.btn-adn[disabled].active,fieldset[disabled] .btn-adn.active{background-color:#d87a68;border-color:rgba(0,0,0,0.2)} .btn-adn .badge{color:#d87a68;background-color:#fff} .btn-bitbucket{color:#fff!important;background-color:#205081;border-color:rgba(0,0,0,0.2)}.btn-bitbucket:hover,.btn-bitbucket:focus,.btn-bitbucket:active,.btn-bitbucket.active,.open>.dropdown-toggle.btn-bitbucket{color:#fff!important;background-color:#163758;border-color:rgba(0,0,0,0.2)} .btn-bitbucket:active,.btn-bitbucket.active,.open>.dropdown-toggle.btn-bitbucket{background-image:none} .btn-bitbucket.disabled,.btn-bitbucket[disabled],fieldset[disabled] .btn-bitbucket,.btn-bitbucket.disabled:hover,.btn-bitbucket[disabled]:hover,fieldset[disabled] .btn-bitbucket:hover,.btn-bitbucket.disabled:focus,.btn-bitbucket[disabled]:focus,fieldset[disabled] .btn-bitbucket:focus,.btn-bitbucket.disabled:active,.btn-bitbucket[disabled]:active,fieldset[disabled] .btn-bitbucket:active,.btn-bitbucket.disabled.active,.btn-bitbucket[disabled].active,fieldset[disabled] .btn-bitbucket.active{background-color:#205081;border-color:rgba(0,0,0,0.2)} .btn-bitbucket .badge{color:#205081;background-color:#fff} .btn-dropbox{color:#fff!important;background-color:#1087dd;border-color:rgba(0,0,0,0.2)}.btn-dropbox:hover,.btn-dropbox:focus,.btn-dropbox:active,.btn-dropbox.active,.open>.dropdown-toggle.btn-dropbox{color:#fff!important;background-color:#0d6aad;border-color:rgba(0,0,0,0.2)} .btn-dropbox:active,.btn-dropbox.active,.open>.dropdown-toggle.btn-dropbox{background-image:none} .btn-dropbox.disabled,.btn-dropbox[disabled],fieldset[disabled] .btn-dropbox,.btn-dropbox.disabled:hover,.btn-dropbox[disabled]:hover,fieldset[disabled] .btn-dropbox:hover,.btn-dropbox.disabled:focus,.btn-dropbox[disabled]:focus,fieldset[disabled] .btn-dropbox:focus,.btn-dropbox.disabled:active,.btn-dropbox[disabled]:active,fieldset[disabled] .btn-dropbox:active,.btn-dropbox.disabled.active,.btn-dropbox[disabled].active,fieldset[disabled] .btn-dropbox.active{background-color:#1087dd;border-color:rgba(0,0,0,0.2)} .btn-dropbox .badge{color:#1087dd;background-color:#fff} .btn-facebook{color:#fff!important;background-color:#3b5998;border-color:rgba(0,0,0,0.2)}.btn-facebook:hover,.btn-facebook:focus,.btn-facebook:active,.btn-facebook.active,.open>.dropdown-toggle.btn-facebook{color:#fff!important;background-color:#2d4373;border-color:rgba(0,0,0,0.2)} .btn-facebook:active,.btn-facebook.active,.open>.dropdown-toggle.btn-facebook{background-image:none} .btn-facebook.disabled,.btn-facebook[disabled],fieldset[disabled] .btn-facebook,.btn-facebook.disabled:hover,.btn-facebook[disabled]:hover,fieldset[disabled] .btn-facebook:hover,.btn-facebook.disabled:focus,.btn-facebook[disabled]:focus,fieldset[disabled] .btn-facebook:focus,.btn-facebook.disabled:active,.btn-facebook[disabled]:active,fieldset[disabled] .btn-facebook:active,.btn-facebook.disabled.active,.btn-facebook[disabled].active,fieldset[disabled] .btn-facebook.active{background-color:#3b5998;border-color:rgba(0,0,0,0.2)} .btn-facebook .badge{color:#3b5998;background-color:#fff} .btn-flickr{color:#fff!important;background-color:#ff0084;border-color:rgba(0,0,0,0.2)}.btn-flickr:hover,.btn-flickr:focus,.btn-flickr:active,.btn-flickr.active,.open>.dropdown-toggle.btn-flickr{color:#fff!important;background-color:#cc006a;border-color:rgba(0,0,0,0.2)} .btn-flickr:active,.btn-flickr.active,.open>.dropdown-toggle.btn-flickr{background-image:none} .btn-flickr.disabled,.btn-flickr[disabled],fieldset[disabled] .btn-flickr,.btn-flickr.disabled:hover,.btn-flickr[disabled]:hover,fieldset[disabled] .btn-flickr:hover,.btn-flickr.disabled:focus,.btn-flickr[disabled]:focus,fieldset[disabled] .btn-flickr:focus,.btn-flickr.disabled:active,.btn-flickr[disabled]:active,fieldset[disabled] .btn-flickr:active,.btn-flickr.disabled.active,.btn-flickr[disabled].active,fieldset[disabled] .btn-flickr.active{background-color:#ff0084;border-color:rgba(0,0,0,0.2)} .btn-flickr .badge{color:#ff0084;background-color:#fff} .btn-foursquare{color:#fff!important;background-color:#f94877;border-color:rgba(0,0,0,0.2)}.btn-foursquare:hover,.btn-foursquare:focus,.btn-foursquare:active,.btn-foursquare.active,.open>.dropdown-toggle.btn-foursquare{color:#fff!important;background-color:#f71752;border-color:rgba(0,0,0,0.2)} .btn-foursquare:active,.btn-foursquare.active,.open>.dropdown-toggle.btn-foursquare{background-image:none} .btn-foursquare.disabled,.btn-foursquare[disabled],fieldset[disabled] .btn-foursquare,.btn-foursquare.disabled:hover,.btn-foursquare[disabled]:hover,fieldset[disabled] .btn-foursquare:hover,.btn-foursquare.disabled:focus,.btn-foursquare[disabled]:focus,fieldset[disabled] .btn-foursquare:focus,.btn-foursquare.disabled:active,.btn-foursquare[disabled]:active,fieldset[disabled] .btn-foursquare:active,.btn-foursquare.disabled.active,.btn-foursquare[disabled].active,fieldset[disabled] .btn-foursquare.active{background-color:#f94877;border-color:rgba(0,0,0,0.2)} .btn-foursquare .badge{color:#f94877;background-color:#fff} .btn-github{color:#fff!important;background-color:#444;border-color:rgba(0,0,0,0.2)}.btn-github:hover,.btn-github:focus,.btn-github:active,.btn-github.active,.open>.dropdown-toggle.btn-github{color:#fff!important;background-color:#2b2b2b;border-color:rgba(0,0,0,0.2)} .btn-github:active,.btn-github.active,.open>.dropdown-toggle.btn-github{background-image:none} .btn-github.disabled,.btn-github[disabled],fieldset[disabled] .btn-github,.btn-github.disabled:hover,.btn-github[disabled]:hover,fieldset[disabled] .btn-github:hover,.btn-github.disabled:focus,.btn-github[disabled]:focus,fieldset[disabled] .btn-github:focus,.btn-github.disabled:active,.btn-github[disabled]:active,fieldset[disabled] .btn-github:active,.btn-github.disabled.active,.btn-github[disabled].active,fieldset[disabled] .btn-github.active{background-color:#444;border-color:rgba(0,0,0,0.2)} .btn-github .badge{color:#444;background-color:#fff} .btn-google{color:#fff!important;background-color:#dd4b39;border-color:rgba(0,0,0,0.2)}.btn-google:hover,.btn-google:focus,.btn-google:active,.btn-google.active,.open>.dropdown-toggle.btn-google{color:#fff!important;background-color:#c23321;border-color:rgba(0,0,0,0.2)} .btn-google:active,.btn-google.active,.open>.dropdown-toggle.btn-google{background-image:none} .btn-google.disabled,.btn-google[disabled],fieldset[disabled] .btn-google,.btn-google.disabled:hover,.btn-google[disabled]:hover,fieldset[disabled] .btn-google:hover,.btn-google.disabled:focus,.btn-google[disabled]:focus,fieldset[disabled] .btn-google:focus,.btn-google.disabled:active,.btn-google[disabled]:active,fieldset[disabled] .btn-google:active,.btn-google.disabled.active,.btn-google[disabled].active,fieldset[disabled] .btn-google.active{background-color:#dd4b39;border-color:rgba(0,0,0,0.2)} .btn-google .badge{color:#dd4b39;background-color:#fff} .btn-instagram{color:#fff!important;background-color:#3f729b;border-color:rgba(0,0,0,0.2)}.btn-instagram:hover,.btn-instagram:focus,.btn-instagram:active,.btn-instagram.active,.open>.dropdown-toggle.btn-instagram{color:#fff!important;background-color:#305777;border-color:rgba(0,0,0,0.2)} .btn-instagram:active,.btn-instagram.active,.open>.dropdown-toggle.btn-instagram{background-image:none} .btn-instagram.disabled,.btn-instagram[disabled],fieldset[disabled] .btn-instagram,.btn-instagram.disabled:hover,.btn-instagram[disabled]:hover,fieldset[disabled] .btn-instagram:hover,.btn-instagram.disabled:focus,.btn-instagram[disabled]:focus,fieldset[disabled] .btn-instagram:focus,.btn-instagram.disabled:active,.btn-instagram[disabled]:active,fieldset[disabled] .btn-instagram:active,.btn-instagram.disabled.active,.btn-instagram[disabled].active,fieldset[disabled] .btn-instagram.active{background-color:#3f729b;border-color:rgba(0,0,0,0.2)} .btn-instagram .badge{color:#3f729b;background-color:#fff} .btn-linkedin{color:#fff!important;background-color:#007bb6;border-color:rgba(0,0,0,0.2)}.btn-linkedin:hover,.btn-linkedin:focus,.btn-linkedin:active,.btn-linkedin.active,.open>.dropdown-toggle.btn-linkedin{color:#fff!important;background-color:#005983;border-color:rgba(0,0,0,0.2)} .btn-linkedin:active,.btn-linkedin.active,.open>.dropdown-toggle.btn-linkedin{background-image:none} .btn-linkedin.disabled,.btn-linkedin[disabled],fieldset[disabled] .btn-linkedin,.btn-linkedin.disabled:hover,.btn-linkedin[disabled]:hover,fieldset[disabled] .btn-linkedin:hover,.btn-linkedin.disabled:focus,.btn-linkedin[disabled]:focus,fieldset[disabled] .btn-linkedin:focus,.btn-linkedin.disabled:active,.btn-linkedin[disabled]:active,fieldset[disabled] .btn-linkedin:active,.btn-linkedin.disabled.active,.btn-linkedin[disabled].active,fieldset[disabled] .btn-linkedin.active{background-color:#007bb6;border-color:rgba(0,0,0,0.2)} .btn-linkedin .badge{color:#007bb6;background-color:#fff} .btn-microsoft{color:#fff!important;background-color:#2672ec;border-color:rgba(0,0,0,0.2)}.btn-microsoft:hover,.btn-microsoft:focus,.btn-microsoft:active,.btn-microsoft.active,.open>.dropdown-toggle.btn-microsoft{color:#fff!important;background-color:#125acd;border-color:rgba(0,0,0,0.2)} .btn-microsoft:active,.btn-microsoft.active,.open>.dropdown-toggle.btn-microsoft{background-image:none} .btn-microsoft.disabled,.btn-microsoft[disabled],fieldset[disabled] .btn-microsoft,.btn-microsoft.disabled:hover,.btn-microsoft[disabled]:hover,fieldset[disabled] .btn-microsoft:hover,.btn-microsoft.disabled:focus,.btn-microsoft[disabled]:focus,fieldset[disabled] .btn-microsoft:focus,.btn-microsoft.disabled:active,.btn-microsoft[disabled]:active,fieldset[disabled] .btn-microsoft:active,.btn-microsoft.disabled.active,.btn-microsoft[disabled].active,fieldset[disabled] .btn-microsoft.active{background-color:#2672ec;border-color:rgba(0,0,0,0.2)} .btn-microsoft .badge{color:#2672ec;background-color:#fff} .btn-openid{color:#fff!important;background-color:#f7931e;border-color:rgba(0,0,0,0.2)}.btn-openid:hover,.btn-openid:focus,.btn-openid:active,.btn-openid.active,.open>.dropdown-toggle.btn-openid{color:#fff!important;background-color:#da7908;border-color:rgba(0,0,0,0.2)} .btn-openid:active,.btn-openid.active,.open>.dropdown-toggle.btn-openid{background-image:none} .btn-openid.disabled,.btn-openid[disabled],fieldset[disabled] .btn-openid,.btn-openid.disabled:hover,.btn-openid[disabled]:hover,fieldset[disabled] .btn-openid:hover,.btn-openid.disabled:focus,.btn-openid[disabled]:focus,fieldset[disabled] .btn-openid:focus,.btn-openid.disabled:active,.btn-openid[disabled]:active,fieldset[disabled] .btn-openid:active,.btn-openid.disabled.active,.btn-openid[disabled].active,fieldset[disabled] .btn-openid.active{background-color:#f7931e;border-color:rgba(0,0,0,0.2)} .btn-openid .badge{color:#f7931e;background-color:#fff} .btn-pinterest{color:#fff!important;background-color:#cb2027;border-color:rgba(0,0,0,0.2)}.btn-pinterest:hover,.btn-pinterest:focus,.btn-pinterest:active,.btn-pinterest.active,.open>.dropdown-toggle.btn-pinterest{color:#fff!important;background-color:#9f191f;border-color:rgba(0,0,0,0.2)} .btn-pinterest:active,.btn-pinterest.active,.open>.dropdown-toggle.btn-pinterest{background-image:none} .btn-pinterest.disabled,.btn-pinterest[disabled],fieldset[disabled] .btn-pinterest,.btn-pinterest.disabled:hover,.btn-pinterest[disabled]:hover,fieldset[disabled] .btn-pinterest:hover,.btn-pinterest.disabled:focus,.btn-pinterest[disabled]:focus,fieldset[disabled] .btn-pinterest:focus,.btn-pinterest.disabled:active,.btn-pinterest[disabled]:active,fieldset[disabled] .btn-pinterest:active,.btn-pinterest.disabled.active,.btn-pinterest[disabled].active,fieldset[disabled] .btn-pinterest.active{background-color:#cb2027;border-color:rgba(0,0,0,0.2)} .btn-pinterest .badge{color:#cb2027;background-color:#fff} .btn-reddit{color:#000;background-color:#eff7ff;border-color:rgba(0,0,0,0.2)}.btn-reddit:hover,.btn-reddit:focus,.btn-reddit:active,.btn-reddit.active,.open>.dropdown-toggle.btn-reddit{color:#000;background-color:#bcddff;border-color:rgba(0,0,0,0.2)} .btn-reddit:active,.btn-reddit.active,.open>.dropdown-toggle.btn-reddit{background-image:none} .btn-reddit.disabled,.btn-reddit[disabled],fieldset[disabled] .btn-reddit,.btn-reddit.disabled:hover,.btn-reddit[disabled]:hover,fieldset[disabled] .btn-reddit:hover,.btn-reddit.disabled:focus,.btn-reddit[disabled]:focus,fieldset[disabled] .btn-reddit:focus,.btn-reddit.disabled:active,.btn-reddit[disabled]:active,fieldset[disabled] .btn-reddit:active,.btn-reddit.disabled.active,.btn-reddit[disabled].active,fieldset[disabled] .btn-reddit.active{background-color:#eff7ff;border-color:rgba(0,0,0,0.2)} .btn-reddit .badge{color:#eff7ff;background-color:#000} .btn-soundcloud{color:#fff!important;background-color:#f50;border-color:rgba(0,0,0,0.2)}.btn-soundcloud:hover,.btn-soundcloud:focus,.btn-soundcloud:active,.btn-soundcloud.active,.open>.dropdown-toggle.btn-soundcloud{color:#fff!important;background-color:#c40;border-color:rgba(0,0,0,0.2)} .btn-soundcloud:active,.btn-soundcloud.active,.open>.dropdown-toggle.btn-soundcloud{background-image:none} .btn-soundcloud.disabled,.btn-soundcloud[disabled],fieldset[disabled] .btn-soundcloud,.btn-soundcloud.disabled:hover,.btn-soundcloud[disabled]:hover,fieldset[disabled] .btn-soundcloud:hover,.btn-soundcloud.disabled:focus,.btn-soundcloud[disabled]:focus,fieldset[disabled] .btn-soundcloud:focus,.btn-soundcloud.disabled:active,.btn-soundcloud[disabled]:active,fieldset[disabled] .btn-soundcloud:active,.btn-soundcloud.disabled.active,.btn-soundcloud[disabled].active,fieldset[disabled] .btn-soundcloud.active{background-color:#f50;border-color:rgba(0,0,0,0.2)} .btn-soundcloud .badge{color:#f50;background-color:#fff} .btn-tumblr{color:#fff!important;background-color:#2c4762;border-color:rgba(0,0,0,0.2)}.btn-tumblr:hover,.btn-tumblr:focus,.btn-tumblr:active,.btn-tumblr.active,.open>.dropdown-toggle.btn-tumblr{color:#fff!important;background-color:#1c2d3f;border-color:rgba(0,0,0,0.2)} .btn-tumblr:active,.btn-tumblr.active,.open>.dropdown-toggle.btn-tumblr{background-image:none} .btn-tumblr.disabled,.btn-tumblr[disabled],fieldset[disabled] .btn-tumblr,.btn-tumblr.disabled:hover,.btn-tumblr[disabled]:hover,fieldset[disabled] .btn-tumblr:hover,.btn-tumblr.disabled:focus,.btn-tumblr[disabled]:focus,fieldset[disabled] .btn-tumblr:focus,.btn-tumblr.disabled:active,.btn-tumblr[disabled]:active,fieldset[disabled] .btn-tumblr:active,.btn-tumblr.disabled.active,.btn-tumblr[disabled].active,fieldset[disabled] .btn-tumblr.active{background-color:#2c4762;border-color:rgba(0,0,0,0.2)} .btn-tumblr .badge{color:#2c4762;background-color:#fff} .btn-twitter{color:#fff!important;background-color:#55acee;border-color:rgba(0,0,0,0.2)}.btn-twitter:hover,.btn-twitter:focus,.btn-twitter:active,.btn-twitter.active,.open>.dropdown-toggle.btn-twitter{color:#fff!important;background-color:#2795e9;border-color:rgba(0,0,0,0.2)} .btn-twitter:active,.btn-twitter.active,.open>.dropdown-toggle.btn-twitter{background-image:none} .btn-twitter.disabled,.btn-twitter[disabled],fieldset[disabled] .btn-twitter,.btn-twitter.disabled:hover,.btn-twitter[disabled]:hover,fieldset[disabled] .btn-twitter:hover,.btn-twitter.disabled:focus,.btn-twitter[disabled]:focus,fieldset[disabled] .btn-twitter:focus,.btn-twitter.disabled:active,.btn-twitter[disabled]:active,fieldset[disabled] .btn-twitter:active,.btn-twitter.disabled.active,.btn-twitter[disabled].active,fieldset[disabled] .btn-twitter.active{background-color:#55acee;border-color:rgba(0,0,0,0.2)} .btn-twitter .badge{color:#55acee;background-color:#fff} .btn-vimeo{color:#fff!important;background-color:#1ab7ea;border-color:rgba(0,0,0,0.2)}.btn-vimeo:hover,.btn-vimeo:focus,.btn-vimeo:active,.btn-vimeo.active,.open>.dropdown-toggle.btn-vimeo{color:#fff!important;background-color:#1295bf;border-color:rgba(0,0,0,0.2)} .btn-vimeo:active,.btn-vimeo.active,.open>.dropdown-toggle.btn-vimeo{background-image:none} .btn-vimeo.disabled,.btn-vimeo[disabled],fieldset[disabled] .btn-vimeo,.btn-vimeo.disabled:hover,.btn-vimeo[disabled]:hover,fieldset[disabled] .btn-vimeo:hover,.btn-vimeo.disabled:focus,.btn-vimeo[disabled]:focus,fieldset[disabled] .btn-vimeo:focus,.btn-vimeo.disabled:active,.btn-vimeo[disabled]:active,fieldset[disabled] .btn-vimeo:active,.btn-vimeo.disabled.active,.btn-vimeo[disabled].active,fieldset[disabled] .btn-vimeo.active{background-color:#1ab7ea;border-color:rgba(0,0,0,0.2)} .btn-vimeo .badge{color:#1ab7ea;background-color:#fff} .btn-vk{color:#fff!important;background-color:#587ea3;border-color:rgba(0,0,0,0.2)}.btn-vk:hover,.btn-vk:focus,.btn-vk:active,.btn-vk.active,.open>.dropdown-toggle.btn-vk{color:#fff!important;background-color:#466482;border-color:rgba(0,0,0,0.2)} .btn-vk:active,.btn-vk.active,.open>.dropdown-toggle.btn-vk{background-image:none} .btn-vk.disabled,.btn-vk[disabled],fieldset[disabled] .btn-vk,.btn-vk.disabled:hover,.btn-vk[disabled]:hover,fieldset[disabled] .btn-vk:hover,.btn-vk.disabled:focus,.btn-vk[disabled]:focus,fieldset[disabled] .btn-vk:focus,.btn-vk.disabled:active,.btn-vk[disabled]:active,fieldset[disabled] .btn-vk:active,.btn-vk.disabled.active,.btn-vk[disabled].active,fieldset[disabled] .btn-vk.active{background-color:#587ea3;border-color:rgba(0,0,0,0.2)} .btn-vk .badge{color:#587ea3;background-color:#fff} .btn-yahoo{color:#fff!important;background-color:#720e9e;border-color:rgba(0,0,0,0.2)}.btn-yahoo:hover,.btn-yahoo:focus,.btn-yahoo:active,.btn-yahoo.active,.open>.dropdown-toggle.btn-yahoo{color:#fff!important;background-color:#500a6f;border-color:rgba(0,0,0,0.2)} .btn-yahoo:active,.btn-yahoo.active,.open>.dropdown-toggle.btn-yahoo{background-image:none} .btn-yahoo.disabled,.btn-yahoo[disabled],fieldset[disabled] .btn-yahoo,.btn-yahoo.disabled:hover,.btn-yahoo[disabled]:hover,fieldset[disabled] .btn-yahoo:hover,.btn-yahoo.disabled:focus,.btn-yahoo[disabled]:focus,fieldset[disabled] .btn-yahoo:focus,.btn-yahoo.disabled:active,.btn-yahoo[disabled]:active,fieldset[disabled] .btn-yahoo:active,.btn-yahoo.disabled.active,.btn-yahoo[disabled].active,fieldset[disabled] .btn-yahoo.active{background-color:#720e9e;border-color:rgba(0,0,0,0.2)} .btn-yahoo .badge{color:#720e9e;background-color:#fff} /* featured buttons */ .btn-featured { width: 100%; display: inline-block; position: relative; height:70px; padding:0 !important; border:0; font-size: 13px !important; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .btn-featured.btn-default { background-color: #666; } .btn-featured:hover, .btn-featured:focus, .btn-featured:active { -webkit-transform: translateY(-5px); transform: translateY(-5px); /* move the element up by 5px */ } .btn-featured:hover:before, .btn-featured:focus:before, .btn-featured:active:before { opacity: 1; -webkit-transform: translateY(5px); transform: translateY(5px); /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */ } .btn-featured:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: "transform, opacity"; transition-property: "transform, opacity"; } .btn-featured span { float: left; height: 70px; line-height: 70px; text-align: center; width: calc(100% - 70px); color: #fff; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; } .btn-featured i { background-color:rgba(0,0,0,0.1); float: left; width: 70px; height: 70px; line-height: 70px; text-align: center; color: #fff; font-size: 30px; margin:0; padding: 0; } .btn-featured.btn-inverse span { float:right } .btn-featured.btn-inverse i { float:right; } .btn-featured.btn-round i.btn-round { border-top-left-radius: 35px !important; border-bottom-left-radius: 35px !important; border-top-right-radius: 35px !important; border-bottom-right-radius: 35px !important; } .btn-featured.btn-round i:not(.btn-round) { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; border-top-right-radius: 35px !important; border-bottom-right-radius: 35px !important; } .btn-featured.btn-round.btn-inverse i.btn-round { border-top-left-radius: 35px !important; border-bottom-left-radius: 35px !important; border-top-right-radius: 35px !important; border-bottom-right-radius: 35px !important; } .btn-featured.btn-round.btn-inverse i:not(.btn-round) { border-top-left-radius: 35px !important; border-bottom-left-radius: 35px !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } /** 19. Counters & Countdown *************************************************** **/ .countTo-sm, .countTo-md, .countTo-lg { font-family:'Raleway', 'Open Sans', Arial, Helvetica, sans-serif; } .countTo-sm span.countTo { margin-bottom:20px; font-size:25px; /*display:block;*/ } .parallax .countTo-sm i { color:#fff; } .countTo-sm i { font-size:30px; margin-bottom:10px; } .countTo-md span.countTo { margin-bottom:20px; font-size:40px; display:block; } .countTo-md i { font-size:50px; margin-bottom:10px; } .countTo-lg span.countTo { margin-bottom:20px; font-size:46px; display:block; } .countTo-lg i { font-size:50px; margin-bottom:10px; } .countTo-sm h4, .countTo-sm h5, .countTo-md h4, .countTo-md h5, .countTo-lg h4, .countTo-lg h5 { font-weight:300; } /* Countdown */ .countdown { display: block; font-family:'Raleway', 'Open Sans', Arial, Helvetica, sans-serif; } .countdown-row { display: block; position: relative; text-align: center; } .countdown-section { display: inline-block; font-size: 11px; line-height: 1; text-align: center; width: 25%; border-left: 1px solid rgba(0,0,0,0.1); color: #888; text-transform: capitalize; } section.dark .countdown-section, .parallax .countdown-section { color:#ccc; border-left-color:rgba(255,255,255,0.2); } .countdown-section:first-child { border-left: 0; } .countdown-amount { display: block; font-size: 20px; color: #333; margin-bottom: 5px; } section.dark .countdown-amount, .parallax .countdown-amount { color:#fff; } .countdown-descr { display: block; width: 100%; } /* medium */ .countdown-md .countdown-section { font-size: 14px; } .countdown-md .countdown-amount { font-size: 30px; margin-bottom: 7px; } /* large */ .countdown-lg .countdown-section { font-size: 14px; } .countdown-lg .countdown-amount { font-size: 45px; margin-bottom: 7px; } /* inline */ .countdown.countdown-inline { display: inline-block; } .countdown.countdown-inline .countdown-row { display: inline-block; text-align: center; } .countdown.countdown-inline .countdown-section { display: inline-block; font-size: inherit; line-height: inherit; width: auto; border: none; color: inherit; margin-left: 7px; text-transform: lowercase; } .countdown.countdown-inline .countdown-section:first-child { margin-left: 0; } .countdown.countdown-inline .countdown-amount { display: inline-block; font-size: inherit; color: inherit; font-weight: bold; margin: 0 3px 0 0; } .countdown.countdown-inline .countdown-descr { display: inline-block; width: auto; } /* countdown - slider & footer */ footer .countdown-section, footer .countdown-amount, footer .countdown.countdown-inline, footer .countdown, #slider .countdown-section, #slider .countdown-amount, #slider .countdown.countdown-inline, #slider .countdown { color:#fff; } .countdown.squared .countdown-section, .countdown.circle .countdown-section { border-left:0; } .countdown.squared .countdown-amount, .countdown.circle .countdown-amount { background-color:rgba(0,0,0,0.3) !important; width:100px; height:100px; line-height:100px; font-weight:300; font-size:35px; color:#fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .countdown.dark .countdown-amount { background-color:rgba(0,0,0,0.6) !important; } .countdown.light .countdown-amount { background-color:rgba(255,255,255,0.3) !important; } .countdown.squared .countdown-amount { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .countdown.squared .countdown-section, .countdown.circle .countdown-section { width:100px; margin-left:15px; font-size:13px; } .countdown.bordered-squared .countdown-section, .countdown.bordered .countdown-section { border-left:0; } .countdown.bordered-squared .countdown-amount, .countdown.bordered .countdown-amount { border:rgba(0,0,0,0.3) 3px solid !important; width:100px; height:100px; line-height:90px; font-weight:300; font-size:35px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .countdown.bordered-squared .countdown-amount { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .countdown.theme-style .countdown-amount { -webkit-border-bottom-right-radius: 40px; -webkit-border-top-left-radius: 40px; -moz-border-radius-bottom-right: 40px; -moz-border-radius-top-left: 40px; border-bottom-right-radius: 40px; border-top-left-radius: 40px; } .countdown.bordered-squared .countdown-section, .countdown.bordered .countdown-section { width:100px; margin-left:15px; font-size:13px; } #slider .countdown.bordered .countdown-amount, footer .countdown.bordered .countdown-amount { color:#fff; } @media only screen and (max-width: 900px) { .countdown-sm .countdown-section, .countdown-md .countdown-section, .countdown-lg .countdown-section { font-size: 12px; } .countdown-sm .countdown-amount, .countdown-md .countdown-amount, .countdown-lg .countdown-amount { font-size: 20px; margin-bottom: 7px; } footer .countdown-section, #slider .countdown-section { border-left: 1px dotted rgba(255,255,255,0.3); } footer .countdown-section:first-child, #slider .countdown-section:first-child { border-left:0; } footer .countdown .countdown-amount, footer .countdown .countdown-section, #slider .countdown .countdown-section, #slider .countdown .countdown-amount { background-color:transparent !important; width:60px; height:inherit; line-height:inherit; font-weight:300; font-size:22px; text-align:center; margin-left:0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } footer .countdown .countdown-section, #slider .countdown .countdown-section { font-size:12px; } } /** 20. Clients *************************************************** **/ ul.clients-dotted { overflow:hidden; } ul.clients-dotted>li { text-align:center; padding-top:30px; padding-bottom:30px; display:inline-block; } ul.clients-dotted>li a { text-align:center; display:block; } ul.clients-dotted>li img { display:inline-block; } ul.clients-dotted>li:after { content: ''; position: absolute; width: 100%; height: 0; top: auto; left: 0; bottom: -1px; border-bottom: 1px dashed rgba(0,0,0,0.3); } ul.clients-dotted>li:before { content: ''; position: absolute; height: 100%; top: 0; left: -1px; border-left: 1px dashed rgba(0,0,0,0.3); } /** 21. Alerts *************************************************** **/ div.alert { border-left-color:rgba(0,0,0,0.1); border-width:1px; border-left-width:5px; } div.alert-default { background-color:rgba(0,0,0,0.1); } div.alert-light { background-color:rgba(0,0,0,0.03); } section.dark .alert-default { color:#fff; background-color:#111; } section.dark .alert-default h1, section.dark .alert-default h2, section.dark .alert-default h3, section.dark .alert-default h4, section.dark .alert-default h5, section.dark .alert-default h6, section.dark .alert-default p { color:#fff !important; } div.alert.alert-primary, div.alert.alert-primary a { color:#fff; } div.alert.alert-bordered-dashed { padding:30px 20px; border:#ccc 2px dashed; } div.alert.alert-bordered-dotted { padding:30px 20px; border:#ccc 2px dotted; } div.alert.alert-bordered { padding:30px 20px; border:#ccc 2px solid; } div.alert.alert-theme-color, div.alert.alert-dark { color:#fff; background-color:#333; border:0; padding:30px 20px; } div.alert.alert-theme-color h1, div.alert.alert-theme-color h2, div.alert.alert-theme-color h3, div.alert.alert-theme-color h4, div.alert.alert-theme-color h5, div.alert.alert-theme-color h6, div.alert.alert-dark h1, div.alert.alert-dark h2, div.alert.alert-dark h3, div.alert.alert-dark h4, div.alert.alert-dark h5, div.alert.alert-dark h6 { color:#fff; } section.dark div.alert, section.dark div.alert h1, section.dark div.alert h2, section.dark div.alert h3, section.dark div.alert h4, section.dark div.alert h5, section.dark div.alert h6, section.dark div.alert p { color:#333; } section.dark div.callout.alert.alert-border, section.dark div.callout.alert.alert-border h1, section.dark div.callout.alert.alert-border h2, section.dark div.callout.alert.alert-border h3, section.dark div.callout.alert.alert-border h4, section.dark div.callout.alert.alert-border h5, section.dark div.callout.alert.alert-border h6, section.dark div.callout.alert.alert-border p { color:#fff; } /* bordered top|botom */ div.alert>.container { margin-top:35px; margin-bottom:35px; } div.alert.bordered-bottom { border-bottom:rgba(0,0,0,0.1) 1px solid; border-left-width:0; } div.alert.bordered-top { border-bottom:rgba(0,0,0,0.1) 1px solid; border-left-width:0; } div.alert.bordered-bottom h4, div.alert.bordered-top h4, div.alert.bordered-bottom h3, div.alert.bordered-top h3 { font-weight:400; margin:0; } div.alert.bordered-bottom p, div.alert.bordered-top p, div.alert.bordered-bottom p, div.alert.bordered-top p { margin-top:0; } section.dark div.alert.bordered-bottom { border-bottom:#666 1px solid; } section.dark div.alert.bordered-top { border-bottom:#666 1px solid; } @media only screen and (max-width: 760px) { div.alert.bordered-bottom { text-align:center; } div.alert.bordered-bottom .btn { text-align:center; display:block; margin-top:35px; } } /* mini alerts */ .alert.alert-mini { padding:6px 10px; border-left:0; } /** 22. Dividers *************************************************** **/ div.divider { margin:40px 0; position:relative; display:block; min-height:20px; } div.divider i { line-height: 1; font-size: 18px; color:#ccc; } div.divider:after { content: ''; position: absolute; top: 8px; left:0; right:0; height: 0; border-top: 1px solid #ddd; } section.dark div.divider:after { border-top:rgba(255,255,255,0.1) 1px solid; } section.dark div.divider:before { border-top:rgba(255,255,255,0.1) 1px solid; } div.divider.double-line:before { content: ''; position: absolute; top: 5px; left:0; right:0; height: 0; border-top: 1px solid #ddd; } section.dark div.divider.double-line:after { border-top:rgba(255,255,255,0.1) 1px solid; } div.divider.divider-left:after { left: 30px; right: 0; } div.divider.divider-left i { float:left; } div.divider.divider-right:after { left: 0; right: 30px; } div.divider.divider-right i { float:right; } div.divider.divider-center:after { left: 50% !important; right: 0; margin-left: 20px; } div.divider.divider-center:before { left: 0 !important; right: 50%; margin-right: 20px; content: ''; position: absolute; top: 8px; height: 0; border-top: 1px solid #ddd; } div.divider.divider-center { text-align:center; } div.divider.divider-center.divider-short:before { left: auto !important; right: 50%; margin-right: 20px; width: 15%; } div.divider.divider-center.divider-short:after { left: 50% !important; right: auto !important; margin-left: 20px; width: 15%; } /* dotted */ div.divider.divider-dotted { height:10px; border:0; background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKAQMAAAC3/F3+AAAABlBMVEX///+QkJApn3LQAAAAAnRSTlMAgJsrThgAAAAOSURBVHheYwCCUAdcJAAnnALqo5TBzAAAAABJRU5ErkJggg==') repeat-x center; } div.divider.divider-dotted:after { display:none; } /* color */ div.divider.divider-circle.divider-left:after { left:50px; } div.divider.divider-circle.divider-right:after { right:50px; } div.divider.divider-circle.divider-center:after { margin-left:30px; } div.divider.divider-circle.divider-center:before { margin-right:30px; } div.divider.divider-circle i { width: 40px; height: 40px; line-height: 40px; background-color: #F5F5F5; margin-top:-11px; text-align:center; z-index:1; color:#999; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } /* border */ div.divider.divider-border.divider-left:after { left:50px; } div.divider.divider-border.divider-right:after { right:50px; } div.divider.divider-border.divider-center:after { margin-left:30px; } div.divider.divider-border.divider-center:before { margin-right:30px; } div.divider.divider-border i { width: 40px; height: 40px; line-height: 40px; margin-top:-11px; text-align:center; z-index:1; border:#ddd 1px solid; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } section.dark div.divider.divider-border i { border-color: rgba(255,255,255,0.5); } /* scroll to top */ div.divider.divider-border>a>i.fa-chevron-up { line-height:36px; } div.divider.divider-border>a>i { -webkit-transition: all .300s; -moz-transition: all .300s; -o-transition: all .300s; transition: all .300s; } div.divider.divider-border>a:hover>i { color:#333; } section.theme-color div.divider.divider-border>a:hover>i.fa-chevron-up { color:#fff; } /** 23. Headings *************************************************** **/ div.heading-title { position:relative; margin-bottom:40px; } .heading-title.parallax h1, .heading-title.parallax h2, .heading-title.parallax h3, .heading-title.parallax h4, .heading-title.parallax h5, .heading-title.parallax h6 { margin:0; padding:0; } .heading-title.parallax p { margin-top:0; } div.heading-title h1, div.heading-title h2, div.heading-title h3, div.heading-title h4, div.heading-title h5, div.heading-title h6 { margin:0; padding:0; position:relative; display:inline-block; padding-left: 0; padding-right: 15px; /*background-color: #fff;*/ } div.heading-title.text-center h1, div.heading-title.text-center h2, div.heading-title.text-center h3, div.heading-title.text-center h4, div.heading-title.text-center h5, div.heading-title.text-center h6 { padding-left:15px; padding-right:15px; } div.heading-title.text-right h1, div.heading-title.text-right h2, div.heading-title.text-right h3, div.heading-title.text-right h4, div.heading-title.text-right h5, div.heading-title.text-right h6 { padding-left:15px; padding-right:0; } div.heading-title p { margin:0; padding:0; font-weight:300; } /* Line : Single|Double */ div.heading-title.heading-line-single:before, div.heading-title.heading-line-double:before { content: ''; position: absolute; width: 100%; height: 0; left: auto; right: 0; } div.heading-title.heading-line-single:before { top: 54%; border-top:#EEE 1px solid; } section.dark div.heading-title.heading-line-single:before { border-top-color: #666; } div.heading-title.heading-line-double:before { top: 50%; border-top: 3px double #E5E5E5; } section.dark div.heading-title.heading-line-double:before { border-top-color: #666; } /* Border Bottom */ div.heading-title.heading-border-bottom { border-bottom:#ccc 2px solid; } section.dark div.heading-title.heading-border-bottom { border-bottom-color: #666; } /* Border Left */ div.heading-title.heading-border { padding-left:15px; border-left:#ccc 5px solid; text-align:left; } section.dark div.heading-title.heading-border { border-left-color:#666; } div.heading-title.heading-border.heading-inverse { padding-right:15px; border-left:0; border-right:#ccc 5px solid; text-align:right; } section.dark div.heading-title.heading-border.heading-inverse { border-right-color:#666; } /* Dotted */ div.heading-title.heading-dotted { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKAQMAAAC3/F3+AAAABlBMVEX///+QkJApn3LQAAAAAnRSTlMAgJsrThgAAAAOSURBVHheYwCCUAdcJAAnnALqo5TBzAAAAABJRU5ErkJggg==') repeat-x center; } section.alternate div.heading-title h1, section.alternate div.heading-title h2, section.alternate div.heading-title h3, section.alternate div.heading-title h4, section.alternate div.heading-title h5, section.alternate div.heading-title h6 { background-color:#F9F9F9; } section.dark div.heading-title h1, section.dark div.heading-title h2, section.dark div.heading-title h3, section.dark div.heading-title h4, section.dark div.heading-title h5, section.dark div.heading-title h6 { background-color:#212121; } section.dark.alternate div.heading-title h1, section.dark.alternate div.heading-title h2, section.dark.alternate div.heading-title h3, section.dark.alternate div.heading-title h4, section.dark.alternate div.heading-title h5, section.dark.alternate div.heading-title h6 { background-color:#151515; } /* Arrow Heading */ .heading-title.heading-arrow-top, .heading-title.heading-arrow-bottom { color:#fff; background-color:#252525; } .heading-title.heading-arrow-top h1, .heading-title.heading-arrow-bottom h1, .heading-title.heading-arrow-top h2, .heading-title.heading-arrow-bottom h2, .heading-title.heading-arrow-top h3, .heading-title.heading-arrow-bottom h3, .heading-title.heading-arrow-top h4, .heading-title.heading-arrow-bottom h4, .heading-title.heading-arrow-top h5, .heading-title.heading-arrow-bottom h5, .heading-title.heading-arrow-top h6, .heading-title.heading-arrow-bottom h6, .heading-title.heading-arrow-top p, .heading-title.heading-arrow-bottom p { color:#fff; margin:0; } .heading-title.heading-arrow-top h1, .heading-title.heading-arrow-bottom h1 { font-size:70px; } .heading-title.heading-arrow-top h2, .heading-title.heading-arrow-bottom h2 { font-size:60px; } .heading-title.heading-arrow-top h3, .heading-title.heading-arrow-bottom h3 { font-size:50px; } @media only screen and (max-width: 768px) { .heading-title.heading-arrow-top h1, .heading-title.heading-arrow-bottom h1 { font-size:55px; } .heading-title.heading-arrow-top h2, .heading-title.heading-arrow-bottom h2 { font-size:45px; } .heading-title.heading-arrow-top h3, .heading-title.heading-arrow-bottom h3 { font-size:45px; } } @media only screen and (max-width: 560px) { .heading-title.heading-arrow-top h1, .heading-title.heading-arrow-bottom h1 { font-size:36px; } .heading-title.heading-arrow-top h2, .heading-title.heading-arrow-bottom h2 { font-size:30px; } .heading-title.heading-arrow-top h3, .heading-title.heading-arrow-bottom h3 { font-size:30px; } } .heading-title.heading-arrow-bottom:after { content: ' '; position: absolute; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #252525; left: 50%; margin-left: -20px; bottom: -20px; } .heading-title.heading-arrow-top:after { content: ' '; position: absolute; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #252525; left: 50%; margin-left: -20px; top: -20px; } /** 24. Word Rotator *************************************************** **/ .word-rotator { visibility: hidden; width: 100px; height: 0; margin-bottom:-11px; display: inline-block; overflow: hidden; text-align: left; position: relative; } h1 .word-rotator { bottom:-4px; height: 54px !important; } h2 .word-rotator { bottom:-1px; height: 45px !important; } h3 .word-rotator { bottom:0px; height: 36px !important; } h4 .word-rotator { bottom:3px; height: 27px !important; } h5 .word-rotator { bottom:5px; height: 21px !important; } h6 .word-rotator { bottom:5px; height: 18px !important; } p .word-rotator { bottom:5px; height:24px; } p.lead .word-rotator { height:29px; bottom:4px; } .word-rotator.active { visibility: visible; width: auto; } .word-rotator .items { position: relative; width: 100%; } .word-rotator .items span { display:block; margin-bottom:0; } /* Rotator Plugin */ .rotating { display: inline-block; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(0) rotateY(0) rotateZ(0); -moz-transform: rotateX(0) rotateY(0) rotateZ(0); -ms-transform: rotateX(0) rotateY(0) rotateZ(0); -o-transform: rotateX(0) rotateY(0) rotateZ(0); transform: rotateX(0) rotateY(0) rotateZ(0); -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; -webkit-transform-origin-x: 50%; } .rotating.flip { position: relative; } .rotating .front, .rotating .back { left: 0; top: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .rotating .front { position: absolute; display: inline-block; -webkit-transform: translate3d(0,0,1px); -moz-transform: translate3d(0,0,1px); -ms-transform: translate3d(0,0,1px); -o-transform: translate3d(0,0,1px); transform: translate3d(0,0,1px); } .rotating.flip .front { z-index: 1; } .rotating .back { display: block; opacity: 0; } .rotating.spin { -webkit-transform: rotate(360deg) scale(0); -moz-transform: rotate(360deg) scale(0); -ms-transform: rotate(360deg) scale(0); -o-transform: rotate(360deg) scale(0); transform: rotate(360deg) scale(0); } .rotating.flip .back { z-index: 2; display: block; opacity: 1; -webkit-transform: rotateY(180deg) translate3d(0,0,0); -moz-transform: rotateY(180deg) translate3d(0,0,0); -ms-transform: rotateY(180deg) translate3d(0,0,0); -o-transform: rotateY(180deg) translate3d(0,0,0); transform: rotateY(180deg) translate3d(0,0,0); } .rotating.flip.up .back { -webkit-transform: rotateX(180deg) translate3d(0,0,0); -moz-transform: rotateX(180deg) translate3d(0,0,0); -ms-transform: rotateX(180deg) translate3d(0,0,0); -o-transform: rotateX(180deg) translate3d(0,0,0); transform: rotateX(180deg) translate3d(0,0,0); } .rotating.flip.cube .front { -webkit-transform: translate3d(0,0,100px) scale(0.9,0.9); -moz-transform: translate3d(0,0,100px) scale(0.85,0.85); -ms-transform: translate3d(0,0,100px) scale(0.85,0.85); -o-transform: translate3d(0,0,100px) scale(0.85,0.85); transform: translate3d(0,0,100px) scale(0.85,0.85); } .rotating.flip.cube .back { -webkit-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.9,0.9); -moz-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85); -ms-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85); -o-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85); transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85); } .rotating.flip.cube.up .back { -webkit-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.9,0.9); -moz-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85); -ms-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85); -o-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85); transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85); } /** 25. Icon Boxes *************************************************** **/ .box-icon { margin:30px 0; } .box-icon>a, .box-icon .box-icon-title { text-decoration:none !important; display:block; } .box-icon .box-icon-title>i { height: 35px; width: 35px; line-height: 37px; font-size: 18px; margin-right:15px; background-color:#333; text-align:center; color:#fff; -webkit-transition: all .200s; -moz-transition: all .200s; -o-transition: all .200s; transition: all .200s; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } section.dark .box-icon .box-icon-title>i { background-color:#666; } .box-icon .box-icon-title.box-icon-transparent>i { color:#414141; background-color:transparent; } section.dark .box-icon .box-icon-title.box-icon-transparent>i { color:#fff; } .box-icon.box-icon-left .box-icon-title>i { float:left; } .box-icon.box-icon-round .box-icon-title>i { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .box-icon .box-icon-title>h2 { font-size:18px; line-height:35px; margin:0; -webkit-transition: all .200s; -moz-transition: all .200s; -o-transition: all .200s; transition: all .200s; } .box-icon .box-icon-title>img+h2, .box-icon .box-icon-title>img+h3, .box-icon .box-icon-title>img+h4, .box-icon .box-icon-title>img+h5 { font-size:16px; line-height:16px; margin-top:20px; } .box-icon p { margin:15px 0; } .box-icon a.box-icon-more { display:block; text-align:right; position:relative; color:#000; } section.dark .box-icon a.box-icon-more { color:#fff; } .box-icon a.box-icon-more:after { font-family: FontAwesome; content: "\f105"; padding-left:10px; top:50%; margin-top:-2px; } .box-icon.box-icon-right .box-icon-title>i { float:right; margin-right:0; margin-left:10px; } .box-icon.box-icon-right { text-align:right; } @media only screen and (max-width: 760px) { .box-icon.box-icon-right .box-icon-title>i { float:left; margin-right:10px; margin-left:0; } .box-icon.box-icon-right { text-align:left; } } /* center */ .box-icon.box-icon-center .box-icon-more, .box-icon.box-icon-center .box-icon-title, .box-icon.box-icon-center p { text-align:center !important; } .box-icon.box-icon-center .box-icon-title>i { float:none; margin:0 0 10px 0; } /* transparent icon */ .box-icon.box-icon-transparent .box-icon-title>i { background-color:transparent; border:#ccc 1px solid; color:#333; } section.dark .box-icon.box-icon-transparent .box-icon-title>i { color:#fff; background-color:#212121; border:#555 1px solid; } /* large icon */ .box-icon.box-icon-large .box-icon-title>i { width: 65px; height: 65px; line-height: 65px; font-size: 24px; } .box-icon.box-icon-large a.box-icon-title:hover>i { border-color:transparent; } /* box content */ .box-icon.box-icon-content { background-color:rgba(0,0,0,0.05); padding:45px 15px 15px 15px; display:block; margin-top:33px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } section.dark .box-icon.box-icon-content { background-color:rgba(0,0,0,0.1); } .box-icon.box-icon-content .box-icon-title>i { background-color:#fff; top:0; margin-left:-33px; position:absolute; } section.alternate .box-icon.box-icon-content .box-icon-title>i { background-color:#F9F9F9; } /* box icon side */ .box-icon.box-icon-side { position:relative; padding-left: 70px; } .box-icon.box-icon-side>i { position:absolute; left:0; top:10px; font-size:48px; } /* Box Video */ .box-video { border:rgba(0,0,0,0.1) 1px solid; margin:30px 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } section.dark .box-video { border:rgba(255,255,255,0.1) 1px solid; } .box-video .box-video-title { text-decoration:none !important; } .box-video .box-video-title h2 { margin:20px 15px 15px 15px; font-size:18px; line-height:20px; } .box-video p, .box-video .btn, .box-video button { margin-bottom:15px; } .box-video p { margin-top:0; margin-left:15px; margin-right:15px; } /* Box Image */ .box-image { border:rgba(0,0,0,0.1) 1px solid; margin:30px 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } section.dark .box-image { border:rgba(255,255,255,0.1) 1px solid; } .box-image .box-image-title { text-decoration:none !important; } .box-image img { margin-bottom:20px; } .box-image .box-image-title h2 { margin:0 15px 15px 15px; font-size:18px; line-height:20px; } .box-image p, .box-image .btn, .box-image button { margin-bottom:15px; } .box-image p { margin-top:0; margin-left:15px; margin-right:15px; } @media only screen and (max-width: 760px) { .box-icon { margin:60px 0; } .box-icon.box-icon-content .box-icon-title>i { top:-33px; } } /** FLIP BOXES **************** */ .box-flip { margin: 0 auto; position: relative; -webkit-perspective: 600px; -moz-perspective: 600px; perspective:600; width: 100%; } .box-flip .front, .box-flip .back { text-align: center; } .box-flip .front { width: 100%; position: absolute; top: 0; z-index: 1; text-align: center; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform: rotateX(0deg) rotateY(0deg); -moz-transform: rotateX(0deg) rotateY(0deg); transform: rotateX(0deg) rotateY(0deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .box-flip .back { width: 100%; position: absolute; top: 0; z-index: 2; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .box-flip.flip .front { width: 100%; z-index: 1; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); } .box-flip.flip .back { width: 100%; z-index: 2; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } .box-flip .box1 { width: 100%; background-color:rgba(0,0,0,0.05); min-height: 50px; margin: 0 auto; padding: 20px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } section.dark .box-flip .box1 { background-color:rgba(255,255,255,0.05); } .box-flip .box2 { width: 100%; background-color: #333; min-height: 50px; margin: 0 auto; padding: 20px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .box-flip hr { border-color:rgba(0,0,0,0.1); } .box-flip .box-icon-title>i { color:#111; background-color:rgba(0,0,0,0.07); } section.dark .box-flip .box-icon-title>i { color:#fff; } .box-flip.box-color h1, .box-flip.box-color h2, .box-flip.box-color h3, .box-flip.box-color h4, .box-flip.box-color h5, .box-flip.box-color h6, .box-flip.box-color p, .box-flip.box-color .box-icon-title>i { color:#fff; } .box-flip .btn-lg.btn-translucid { font-size:14px; } .box-flip .box-default, .box-flip .box-default p, .box-flip .box-default h1, .box-flip .box-default h2, .box-flip .box-default h3, .box-flip .box-default h4, .box-flip .box-default h5 { color:#000 !important; } /* box static */ .box-static { padding:15px; background-color:rgba(0,0,0,0.05); border-top:transparent 3px solid; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .box-static.box-transparent { background-color:transparent; } .box-static.box-bordered { border:rgba(0,0,0,0.1) 1px solid; } .box-static.box-color, .box-static.box-dark { color:#fff; background-color:#333; } .box-static.box-color h1, .box-static.box-color h2, .box-static.box-color h3, .box-static.box-color h4, .box-static.box-color h5, .box-static.box-color h6, .box-static.box-dark h1, .box-static.box-dark h2, .box-static.box-dark h3, .box-static.box-dark h4, .box-static.box-dark h5, .box-static.box-dark h6 { color:#fff; } .box-static.box-border-top { border-top:rgba(0,0,0,0.5) 3px solid; } .box-static .box-title { margin-bottom:20px; border-bottom:rgba(0,0,0,0.1) 1px solid; } .box-static.box-color .box-title, .box-static.box-dark .box-title { border-bottom:rgba(255,255,255,0.1) 1px solid; } section.dark .box-static.box-bordered { border:rgba(255,255,255,0.1) 1px solid; } section.dark .box-static { color:#fff; padding:15px; background-color:#333; } section.dark .box-static input, section.dark .box-static label { color:#fff; } section.dark .box-static .box-title { border-bottom:rgba(255,255,255,0.1) 1px solid; } @media all and (max-width: 992px) { .box-flip { margin-bottom:30px; } } /** Box Colors */ .box-light { padding:15px; background-color:rgba(0,0,0,0.05); } .box-dark { color:#fff; padding:15px; background-color:#333; } .box-dark h1, .box-dark h2, .box-dark h3, .box-dark h4, .box-dark h5, .box-dark h6 { color:#fff; } .box-inner { padding:15px; display:block; } .box-inner h1, .box-inner h2, .box-inner h3, .box-inner h4, .box-inner h5, .box-inner h6 { font-size:14px; line-height:17px; padding-bottom:12px; border-bottom:rgba(0,0,0,0.1) 1px solid; margin-bottom:15px; } .box-light .box-inner { background-color:#fff; } .box-dark .box-inner { background-color:#111; } .box-footer { margin:1px 0; padding:8px 15px; } .box-light .box-footer { background-color:#fff; } .box-dark .box-footer { background-color:#111; } section.dark .box-light { background-color:rgba(255,255,255,0.05); } section.dark .box-dark { background-color:rgba(0,0,0,0.8); } section.dark .box-light .box-inner { background-color:#111; } section.dark .box-dark .box-inner { background-color:#111; } section.dark .box-light .box-footer { background-color:#111; } section.dark .box-dark .box-footer { background-color:#111; } section.dark .box-inner h1, section.dark .box-inner h2, section.dark .box-inner h3, section.dark .box-inner h4, section.dark .box-inner h5, section.dark .box-inner h6 { border-bottom-color:rgba(255,255,255,0.1); } section.dark .box-inner h1>a:hover, section.dark .box-inner h2>a:hover, section.dark .box-inner h3>a:hover, section.dark .box-inner h4>a:hover, section.dark .box-inner h5>a:hover, section.dark .box-inner h6>a:hover { text-decoration:underline !important; } /* successive colored boxes */ .box-gradient { color:#fff; margin:0; text-align:center; } .box-gradient>div { margin:0; padding:50px 8px 30px 8px; -webkit-transition: all .400s; -moz-transition: all .400s; -o-transition: all .400s; transition: all .400s; } .box-gradient>div>p { font-size:15px; margin:0; height:50px; overflow:hidden; } .box-gradient h1, .box-gradient h2, .box-gradient h3, .box-gradient h4, .box-gradient h5, .box-gradient h6 { color:#fff; margin-top:10px; margin-bottom:20px; font-size:50px; line-height:50px; font-weight:300; } .box-gradient a { display: block; color: #fff; } .box-gradient a:hover { color: #ddd; } /* pink */ .box-pink>div:nth-child(1) { background-color:#e2476b; } .box-pink>div:nth-child(2) { background-color:#e9738f; } .box-pink>div:nth-child(3) { background-color:#f09fb2; } .box-pink>div:nth-child(4) { background-color:#f7cbd5; } /* blue */ .box-blue>div:nth-child(1) { background-color:#004080; } .box-blue>div:nth-child(2) { background-color:#006fdd; } .box-blue>div:nth-child(3) { background-color:#2b95ff; } .box-blue>div:nth-child(4) { background-color:#6cb6ff; } /* orange */ .box-orange>div:nth-child(1) { background-color:#ea5726; } .box-orange>div:nth-child(2) { background-color:#ee754d; } .box-orange>div:nth-child(3) { background-color:#f19272; } .box-orange>div:nth-child(4) { background-color:#f5b39c; } /* yellow */ .box-yellow>div:nth-child(1) { background-color:#e3a42d; } .box-yellow>div:nth-child(2) { background-color:#eaba60; } .box-yellow>div:nth-child(3) { background-color:#eec882; } .box-yellow>div:nth-child(4) { background-color:#f2d7a4; } /* purple */ .box-purple>div:nth-child(1) { background-color:#864699; } .box-purple>div:nth-child(2) { background-color:#9a50af; } .box-purple>div:nth-child(3) { background-color:#a96cbb; } .box-purple>div:nth-child(4) { background-color:#bb89c9; } /* red */ .box-red>div:nth-child(1) { background-color:#b92c28; } .box-red>div:nth-child(2) { background-color:#d33834; } .box-red>div:nth-child(3) { background-color:#d9524f; } .box-red>div:nth-child(4) { background-color:#e17673; } /* brown */ .box-brown>div:nth-child(1) { background-color:#633232; } .box-brown>div:nth-child(2) { background-color:#7b3e3e; } .box-brown>div:nth-child(3) { background-color:#9d4f4f; } .box-brown>div:nth-child(4) { background-color:#b36868; } /* green */ .box-green>div:nth-child(1) { background-color:#0c5849; } .box-green>div:nth-child(2) { background-color:#117964; } .box-green>div:nth-child(3) { background-color:#16a387; } .box-green>div:nth-child(4) { background-color:#1ccaa7; } /* black */ .box-black>div:nth-child(1) { background-color:#000000; } .box-black>div:nth-child(2) { background-color:#1d1d1d; } .box-black>div:nth-child(3) { background-color:#2e2e2e; } .box-black>div:nth-child(4) { background-color:#454545; } /* gray */ .box-gray>div:nth-child(1) { background-color:#333333; } .box-gray>div:nth-child(2) { background-color:#4a4a4a; } .box-gray>div:nth-child(3) { background-color:#5f5f5f; } .box-gray>div:nth-child(4) { background-color:#797979; } /* teal */ .box-teal>div:nth-child(1) { background-color:#426062; } .box-teal>div:nth-child(2) { background-color:#4f7275; } .box-teal>div:nth-child(3) { background-color:#618c8f; } .box-teal>div:nth-child(4) { background-color:#8aadb0; } @media all and (max-width: 768px) { .box-gradient>div { margin:0 !important; } } @media all and (max-width: 482px) { .box-gradient h1, .box-gradient h2, .box-gradient h3, .box-gradient h4, .box-gradient h5, .box-gradient h6 { font-size:36px; line-height:36px; } } /** 26. Labels & Badges *************************************************** **/ .badge { line-height: 1 !important; } .badge.badge-square { font-size:13px; width:25px; height:25px; line-height:25px; text-align:center; margin-right:10px; padding:0; } .badge.badge-square.float-left { margin-left:10px; } .badge.badge-square.float-right { margin-right:10px; } h1 .badge, h2 .badge, h3 .badge, h4 .badge, h5 .badge, h6 .badge { padding:3px 10px; } section .nav-pills>li>a, section .nav-pills>li.active>a:hover, section .nav-pills>li.active>a { color:#111; } section.dark .nav-pills>li>a, section.dark .nav-pills>li.active>a:hover, section.dark .nav-pills>li.active>a { color:#fff; } section.dark .nav-pills>li.active>a { background-color:rgba(255,255,255,0.3) !important; } section.dark a.badge, section.dark .badge { color:#fff; } /* corner */ .badge.badge-corner { top: -8px !important; right: -8px !important; position: absolute !important; color:#fff !important; } /* colors */ span.badge-default, span.badge-default, .list-group-item.active>.badge.badge-default { background-color:#333 !important; } span.badge-blue, span.badge-blue, .list-group-item.active>.badge { background: #3498db !important; } span.badge-red, span.badge-red, .list-group-item.active>.badge { background: #e74c3c !important; } span.badge-green, span.badge-green, .list-group-item.active>.badge.badge-green { background: #2ecc71 !important; } span.badge-sea, span.badge-sea, .list-group-item.active>.badge.badge-sea { background: #1abc9c !important; } span.badge-orange, span.badge-orange, .list-group-item.active>.badge.badge-orange { background: #e67e22 !important; } span.badge-yellow, span.badge-yellow, .list-group-item.active>.badge.badge-yellow { background: #f1c40f !important; } span.badge-purple, span.badge-purple, .list-group-item.active>.badge.badge-purple { background: #9b6bcc !important; } span.badge-aqua, span.badge-aqua, .list-group-item.active>.badge.badge-aqua { background: #27d7e7 !important; } span.badge-brown, span.badge-brown, .list-group-item.active>.badge.badge-brown { background: #9c8061 !important; } span.badge-dark-blue, span.badge-dark-blue, .list-group-item.active>.badge.badge-dark-blue { background: #4765a0 !important; } span.badge-light-green, span.badge-light-green, .list-group-item.active>.badge.badge-light-green { background: #79d5b3 !important; } span.badge-light, span.badge-light, .list-group-item.active>.badge.badge-light { color: #777; background: #ecf0f1 !important; } span.badge-dark, span.badge-dark, .list-group-item.active>.badge.badge-dark { background: #555 !important; } /** 27. Lightbox Ajax [Magnific Popup] *************************************************** **/ .lightbox-ajax { position: relative; background-color: #FFF; width:100%; max-width: 800px; margin: 0 auto; } .lightbox-ajax .lightbox-ajax-body { padding:20px; } .lightbox-ajax >h1, .lightbox-ajax >h2, .lightbox-ajax >h3, .lightbox-ajax >h4, .lightbox-ajax >h5, .lightbox-ajax >h6 { background-color: #F9F9F9; border-bottom: 1px solid #EEE; padding: 20px 30px; margin:0; } @media all and (max-width: 992px) { .lightbox-ajax .lightbox-ajax-body .row>div { margin-bottom:30px; } } /** 28. Cards *************************************************** **/ .card { margin-bottom:30px; } section.dark .card-default>.card-heading { border-color:#666; } .card-footer .social-icon { margin-top:0; margin-bottom:0; } .card-heading .btn, .card-footer .btn { margin:0; } .card-heading .btn:not(.btn-default), .card-footer .btn:not(.btn-default) { color: #fff !important; } .card-footer.card-footer-transparent, .card-heading.card-heading-transparent { background-color:transparent; } section.dark .card { background-color:#373737; border-color:#666; } section.dark .card .btn { color:#fff!important; } section.dark .card-footer { border-top-color:rgba(255,255,255,0.1); background-color:rgba(255,255,255,0.1); } .card .table { background-color:transparent; } section.dark table { color:#fff; background-color:#373737; } section.dark .card .card-heading, section.dark .card .card-heading h2 { color:#111 !important; } section.dark .card .card-heading.card-heading-transparent, section.dark .card .card-heading.card-heading-transparent h2 { color:#eaeaea !important; } .card table thead { background-color:rgba(0,0,0,0.01); } section.dark .table>thead>tr>th { border-bottom-color:#666; } section.dark .card>.card-body+.table, section.dark .card>.card-body+.table-responsive, section.dark .card>.table+.card-body, section.dark .card>.table-responsive+.card-body, section.dark .table>tbody>tr>td, section.dark .table>tbody>tr>th, section.dark .table>tfoot>tr>td, section.dark .table>tfoot>tr>th, section.dark .table>thead>tr>td, section.dark .table>thead>tr>th { border-top-color:#666; } section.dark .table>tbody>tr:hover>td { color:#000; } section.dark .table-striped>tbody>tr:nth-of-type(odd) { color:#000; } /** 29. Modals *************************************************** **/ .modal-content { -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .modal-header .btn, .modal-footer .btn { margin-top:0; margin-bottom:0; } .modal-full { width:100% !important; margin-left:8px; width: 100%; max-width: calc(100% - 15px); } /* bootstrap modal */ .modal-backdrop { background-color:#fff; } .modal-content { border:0; border-top:#333 4px solid; } .modal-dialog { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .modal-dialog:active { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5) !important; -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5) !important; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5) !important; } .modal-header { display: block; } .modal-header .close { margin: 0; padding: 3px; } /** 30. Toastr *************************************************** **/ .toast-title { font-weight: bold; } .toast-message { -ms-word-wrap: break-word; word-wrap: break-word; } .toast-message a, .toast-message label { color: #ffffff; } .toast-message a:hover { color: #cccccc; text-decoration: none; } .toast-close-button { position: relative; right: -0.3em; top: -0.3em; float: right; font-size: 20px; font-weight: bold; color: #ffffff; opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80); } .toast-close-button:hover, .toast-close-button:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); filter: alpha(opacity=40); } /*Additional properties for button version iOS requires the button element instead of an anchor tag. If you want the anchor version, it requires `href="#"`.*/ button.toast-close-button { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .toast-top-center { top: 0; right: 0; width: 100%; } .toast-bottom-center { bottom: 0; right: 0; width: 100%; } .toast-top-full-width { top: 0; right: 0; width: 100%; } .toast-bottom-full-width { bottom: 0; right: 0; width: 100%; } .toast-top-left { top: 12px; left: 12px; } .toast-top-right { top: 12px; right: 12px; } .toast-bottom-right { right: 12px; bottom: 12px; } .toast-bottom-left { bottom: 12px; left: 12px; } #toast-container { position: fixed; z-index: 999999; /*overrides*/ } #toast-container * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #toast-container > div { position: relative; overflow: hidden; margin: 0 0 6px; padding: 15px 15px 15px 50px; width: 300px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; background-position: 15px center; background-repeat: no-repeat; color: #ffffff; opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80); } #toast-container > :hover { opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); cursor: pointer; } #toast-container > .toast-info { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important; } #toast-container > .toast-error { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important; } #toast-container > .toast-success { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important; } #toast-container > .toast-warning { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important; } #toast-container.toast-top-center > div, #toast-container.toast-bottom-center > div { width: 300px; margin: auto; } #toast-container.toast-top-full-width > div, #toast-container.toast-bottom-full-width > div { width: 96%; margin: auto; } .toast { background-color: #030303; } #toast-container .toast-primary { padding:15px; } .toast-primary { border:0; background-color: #333; } .toast-success { background-color: #51a351; } .toast-error { background-color: #bd362f; } .toast-info { background-color: #2f96b4; } .toast-warning { background-color: #f89406; } .toast-progress { position: absolute; left: 0; bottom: 0; height: 2px; background-color: #000000; opacity: 0.4; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); filter: alpha(opacity=40); } /*Responsive Design*/ @media all and (max-width: 240px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 11em; } #toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 241px) and (max-width: 480px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 18em; } #toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 481px) and (max-width: 768px) { #toast-container > div { padding: 15px 15px 15px 50px; width: 25em; } } /** 31. Navigations *************************************************** **/ .navbar form, .navbar input, .navbar select, .navbar textarea, .navbar .btn, .navbar .button { margin: 0; } .navbar-primary .navbar-brand, .navbar-primary .navbar-nav>li>a, .navbar-primary button, .navbar-primary a { color:#ddd; } .navbar-primary .navbar-brand:hover, .navbar-primary .navbar-nav>li>a:hover, .navbar-primary button:hover, .navbar-primary a:hover { color:#fff; } .navbar-primary .navbar-nav>.active>a, .navbar-primary .navbar-nav>.active>a:focus, .navbar-primary .navbar-nav>.active>a:hover { background-color:rgba(0,0,0,0.1); } section.dark .navbar-default .navbar-brand, section.dark .navbar-default .navbar-nav>li>a { color:#999; } section.dark .navbar-default .navbar-brand:hover, section.dark .navbar-default .navbar-nav>li>a:hover { color:#ddd; } section.dark .navbar-default .navbar-nav>.open>a, section.dark .navbar-default .navbar-nav>.open>a:focus, section.dark .navbar-default .navbar-nav>.open>a:hover, section.dark .navbar-default .navbar-nav>.active>a, section.dark .navbar-default .navbar-nav>.active>a:focus, section.dark .navbar-default .navbar-nav>.active>a:hover { color:#ddd; background-color:rgba(0,0,0,0.2); } section.dark .navbar-default { background-color:#555; border-color:#555; } section.dark .navbar-inverse { background-color:#111; border-color:#111; } section.dark .nav-tabs>li.active>a, section.dark .nav-tabs>li.active>a:focus, section.dark .nav-tabs>li.active>a:hover { color:#ddd; background-color:#555; border-color:#555; } section.dark .nav-tabs { border-color:#555; } section.dark .nav-tabs>li>a:hover { border-color:transparent; background-color:#555; } /* small categories - like tags */ ul.categories>li { margin:0; padding:1px; } ul.categories>li>a { letter-spacing:0; font-size:12px; color:#999; } ul.categories>li>a:hover { color:#121212; } ul.categories>li:after { content:' , '; } ul.categories>li:last-child:after { content:''; } section.dark ul.categories>li>a:hover { color:#ccc; } /** 32. Paginations *************************************************** **/ .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background: rgba(0,0,0,0.05); } .pagination > li > a { margin-right:4px; color:#666 !important; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; } .pagination > li.active>a { border-color:#ddd; color:#fff !important; } section.dark .pagination > li, section.dark .pagination > li > a { color:#ccc !important; border-color:#666; background-color:transparent; } section.dark .pagination > li > a:hover, section.dark .pagination > li > span:hover { background-color:#555; } section.dark .pagination > li.active>a { color:#fff !important; } /* pager */ .pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none; } .pager:after, .pager:before { content:" "; display:table; } .pager:after { display: block; content: ""; clear: both; } .pager li { display: inline; } .pager li.previous { float: left; } .pager li.next { float: right; } .pager .previous>a, .pager .previous>span { float: left; } .pager li>a, .pager li>span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px; } section.dark .pager li>a, section.dark .pager li>span { background-color:#666; border-color:#888; color:#fff; } section.dark .pager li>a:hover { background-color:#555; } /* simple pagination */ .pagination.pagination-simple>li>a { border:0 !important; border-left:#ccc 1px solid !important; background-color:transparent !important; color:#333 !important; padding: 0 12px !important; font-weight:bold !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .pagination.pagination-simple>li.active>a { color:#999 !important; } .pagination.pagination-simple>li:first-child>a { border:0 !important; } section.dark .pagination.pagination-simple>li>a { border-left:#666 1px solid !important; color:#888 !important; } section.dark .pagination.pagination-simple>li.active>a { color:#eee !important; } section.dark .pagination.pagination-simple>li:first-child>a { border:0 !important; } /** 33. Tables *************************************************** **/ .responsive-utilities td.is-visible { color: #468847; background-color: #dff0d8!important; } .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { vertical-align: middle; } /** 34. Callouts *************************************************** **/ .callout.alert { padding:20px 0; color:#111; margin-bottom:0; } section.callout.alert { padding:40px 0; } .callout.alert h1, .callout.alert h2, .callout.alert h3, .callout.alert h4, .callout.alert h5, .callout.alert h6 { color:#111; margin-bottom: 3px; font-weight:500; } .callout.alert p:last-child { margin: 0; } .callout.alert .btn { margin:2px 0 0 0; } .callout.alert-border { border:rgba(0,0,0,0.1) 2px solid; } .callout-box { clear: both; position: relative; overflow: hidden; background: #ddd; padding: 36px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .callout-box h1, .callout-box h2, .callout-box h3, .callout-box h4, .callout-box h5, .callout-box h6 { margin-bottom:0; } .callout-dark { z-index:10; position:relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .callout-dark h1, .callout-dark h2, .callout-dark h3, .callout-dark h4, .callout-dark h5, .callout-dark h6 { /** margin-bottom: 20px !important; **/ } .callout-dark p { color: #b1b1b1 !important; font-size: 17px !important; max-width: 960px !important; margin: auto !important; } .callout-dark a.social-icon, .callout-dark .btn { color:#fff; } .callout-dark.heading-title { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .callout .row { margin-left: 0; margin-right: 0; } .callout { padding: 30px 0; color:#fff; -webkit-transition: all .400s; -moz-transition: all .400s; -o-transition: all .400s; transition: all .400s; } .callout h1, .callout h2, .callout h3, .callout h4, .callout h5, .callout h6 { color:#fff; margin:0 !important; font-weight:300; } .callout p { margin: 0; padding: 0; font-size: 16px; font-weight: 300; } .callout .btn { margin:6px 0 0 0; } .callout.callout-theme-color .btn, .callout.callout-dark .btn { background-color:rgba(255,255,255,0.2); border-color:rgba(255,255,255,0.2); } .callout.callout-theme-color .btn:hover, .callout.callout-dark .btn:hover { background-color:rgba(255,255,255,0.3); border-color:rgba(255,255,255,0.3); } .callout.callout-dark { background-color:#252525; } .callout.callout-hover:hover { opacity: 0.85; filter: alpha(opacity=85); } .callout.callout-transparent, .callout.callout-transparent h1, .callout.callout-transparent h2, .callout.callout-transparent h3, .callout.callout-transparent h4, .callout.callout-transparent h5, .callout.callout-transparent h6, .callout.callout-transparent p { color:#111; margin:0 !important; font-weight:300; } /* dark */ section.dark .callout, section.dark .callout p, section.dark .callout.alert { color:#111; } section.dark .callout h1, section.dark .callout h2, section.dark .callout h3, section.dark .callout h4, section.dark .callout h5, section.dark .callout h6, section.dark .callout p { color:#111; } section.dark .callout.alert-bolder, section.dark .callout.alert-bolder h1, section.dark .callout.alert-bolder h2, section.dark .callout.alert-bolder h3, section.dark .callout.alert-bolder h4, section.dark .callout.alert-bolder h5, section.dark .callout.alert-bolder h6, section.dark .callout.alert-bolder p { color:#111; } section.dark .alert-border, section.dark .alert-border h1, section.dark .alert-border h2, section.dark .alert-border h3, section.dark .alert-border h4, section.dark .alert-border h5, section.dark .alert-border h6, section.dark .alert-border p, section.dark .callout .btn { color:#fff; } section.dark .alert-transparent { border-left-color:#444; } section.dark .alert-transparent, section.dark .alert-transparent h1, section.dark .alert-transparent h2, section.dark .alert-transparent h3, section.dark .alert-transparent h4, section.dark .alert-transparent h5, section.dark .alert-transparent h6, section.dark .alert-transparent p, section.dark .callout .btn { color:#fff; } section.dark .callout.alert-border { border-color:#666; } section.dark .callout-box.callout-default, section.dark .callout-box.callout-default h1, section.dark .callout-box.callout-default h2, section.dark .callout-box.callout-default h3, section.dark .callout-box.callout-default h4, section.dark .callout-box.callout-default h5, section.dark .callout-box.callout-default h6, section.dark .callout-box.callout-default p { color:#111; } section.dark .callout-box .btn { color:#fff; } section.dark .callout-theme-color, section.dark .callout-theme-color h1, section.dark .callout-theme-color h2, section.dark .callout-theme-color h3, section.dark .callout-theme-color h4, section.dark .callout-theme-color h5, section.dark .callout-theme-color h6, section.dark .callout-theme-color p { color:#fff; } section.dark .callout-dark { background-color:#111; } section.dark .callout-dark, section.dark .callout-dark h1, section.dark .callout-dark h2, section.dark .callout-dark h3, section.dark .callout-dark h4, section.dark .callout-dark h5, section.dark .callout-dark h6, section.dark .callout-dark p { color:#fff; } section.dark .callout-transparent, section.dark .callout-transparent h1, section.dark .callout-transparent h2, section.dark .callout-transparent h3, section.dark .callout-transparent h4, section.dark .callout-transparent h5, section.dark .callout-transparent h6, section.dark .callout-transparent p { color:#fff; } @media only screen and (max-width: 960px) { .callout a.social-icon { margin-top:30px; float:none !important; } .callout div.text-right { text-align:left; } .callout-box.callout-default .btn, .callout .btn { display:block; margin-top:30px !important; } .callout.alert, .callout-box.callout-default { padding:20px 15px; } } @media only screen and (max-width: 480px) { .callout.callout-dark, .callout.callout-theme-color, .callout div.text-left, .callout div.text-right { text-align:center !important; } .callout h1, .callout h2, .callout h3, .callout h4, .callout h5, .callout h6 { margin-bottom:30px !important; } .callout .btn { display:block; margin-top:30px !important; } } /* Info Bar */ .info-bar { margin:0; border:0; color:#000; background-color:rgba(0,0,0,0.05); padding:10px 0; } .info-bar div.row>div { padding-top:20px; padding-bottom:20px; margin:0 !important; border-right:rgba(0,0,0,0.1) 1px solid; } .info-bar div.row>div:last-child { border:0; } .info-bar div.row>div i { color:#333; font-size:32px; line-height: 1.2; margin-right:10px; float:left; } .info-bar h1, .info-bar h2, .info-bar h3, .info-bar h4, .info-bar h5, .info-bar h6, .info-bar p { color:#333; font-size:16px; line-height:1.5; margin:0; padding:0; } .info-bar p { font-size: 12px; line-height:1; } /* dark */ .info-bar.info-bar-dark { background-color:#171717; } .info-bar.info-bar-dark a, .info-bar.info-bar-dark div.row>div i, .info-bar.info-bar-dark h1, .info-bar.info-bar-dark h2, .info-bar.info-bar-dark h3, .info-bar.info-bar-dark h4, .info-bar.info-bar-dark h5, .info-bar.info-bar-dark h6, .info-bar.info-bar-dark p { color:#fff; } .info-bar.info-bar-dark div.row>div { border-right-color:rgba(255,255,255,0.1); } /* color */ .info-bar.info-bar-color a, .info-bar.info-bar-color div.row>div i, .info-bar.info-bar-color h1, .info-bar.info-bar-color h2, .info-bar.info-bar-color h3, .info-bar.info-bar-color h4, .info-bar.info-bar-color h5, .info-bar.info-bar-color h6, .info-bar.info-bar-color p { color:#fff; } .info-bar.info-bar-color div.row>div { border-right-color:rgba(0,0,0,0.1); } /* clean */ .info-bar.info-bar-clean { background-color:#fff; border-bottom: rgba(0,0,0,0.1) 1px solid; } section.dark .info-bar-light { background-color:#fff; } section.dark .info-bar-dark { background-color:#313131; } /* bordered */ .info-bar.info-bar-bordered { margin:30px 0; border: rgba(0,0,0,0.1) 1px solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .info-bar.info-bar-bordered div.row>div { padding-top:15px; padding-bottom:15px; } section.dark .info-bar.info-bar-bordered { border-color: rgba(255,255,255,0.1); } section.dark .info-bar div.row>div { border-right-color:rgba(255,255,255,0.1); } section.dark .info-bar div.row>div i { color:#fff; } section.dark .info-bar.info-bar-color div.row>div { border-right-color:rgba(255,255,255,0.2); } /** 35. Process Steps *************************************************** **/ .process-wizard {padding: 0 0 10px 0;} .process-wizard > .process-wizard-step {padding: 0; position: relative;} .process-wizard > .process-wizard-step + .process-wizard-step {} .process-wizard > .process-wizard-step .process-wizard-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px;} .process-wizard > .process-wizard-step .process-wizard-info {color: #999; font-size: 13px; padding: 0 15px;} .process-wizard > .process-wizard-step > .process-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #fbe8aa; top: 47px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} .process-wizard > .process-wizard-step > .process-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #fbbd19; border-radius: 50px; position: absolute; top: 8px; left: 8px; } .process-wizard > .process-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;} .process-wizard > .process-wizard-step > .progress > .progress-bar {width:0px; height: 8px; box-shadow: none; background: #fbe8aa;} .process-wizard > .process-wizard-step.complete > .progress > .progress-bar {width:100%; height:8px;} .process-wizard > .process-wizard-step.active > .progress > .progress-bar {width:50%; height: 8px;} .process-wizard > .process-wizard-step:first-child.active > .progress > .progress-bar {width:0%; height: 8px;} .process-wizard > .process-wizard-step:last-child.active > .progress > .progress-bar {width: 100%; height: 8px;} .process-wizard > .process-wizard-step.disabled > .process-wizard-dot {background-color: #f5f5f5;} .process-wizard > .process-wizard-step.disabled > .process-wizard-dot:after {opacity: 0;} .process-wizard > .process-wizard-step:first-child > .progress {left: 50%; width: 50%; height: 8px;} .process-wizard > .process-wizard-step:last-child > .progress {width: 50%; height: 8px;} .process-wizard > .process-wizard-step.disabled a.process-wizard-dot{ pointer-events: none; } /* default */ .process-wizard-default > .process-wizard-step > .process-wizard-dot, .process-wizard-default > .process-wizard-step > .progress > .progress-bar { background:#ccc; } .process-wizard-default > .process-wizard-step > .process-wizard-dot:after { background-color:#666; } /* info */ .process-wizard-info > .process-wizard-step > .process-wizard-dot, .process-wizard-info > .process-wizard-step > .progress > .progress-bar { background:#d9edf7; } .process-wizard-info > .process-wizard-step > .process-wizard-dot:after { background-color:#31708f; } /* warning */ .process-wizard-warning > .process-wizard-step > .process-wizard-dot, .process-wizard-warning > .process-wizard-step > .progress > .progress-bar { background:#fbe8aa; } .process-wizard-warning > .process-wizard-step > .process-wizard-dot:after { background-color:#fbbd19; } /* success */ .process-wizard-success > .process-wizard-step > .process-wizard-dot, .process-wizard-success > .process-wizard-step > .progress > .progress-bar { background:#d6e9c6; } .process-wizard-success > .process-wizard-step > .process-wizard-dot:after { background-color:#3c763d; } /* success */ .process-wizard-danger > .process-wizard-step > .process-wizard-dot, .process-wizard-danger > .process-wizard-step > .progress > .progress-bar { background:#ebccd1; } .process-wizard-danger > .process-wizard-step > .process-wizard-dot:after { background-color:#a94442; } /* Tab Process Steps */ ul.process-steps, ul.process-steps li { border:0 !important; text-align: center; } ul.process-steps li a { width:50px; height:50px; line-height:50px; padding:0; font-size:30px; text-align: center; display:inline-block !important; color:#111; border:#666 1px solid !important; background-color:#fff; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; } ul.process-steps li a.active, ul.process-steps li:hover>a.active { color:#fff !important; background-color:#333; } ul.process-steps li:after, ul.process-steps li:before { content: ''; position: absolute; top: 26px; left: -25px; width: 50%; border-top: 1px dashed #DDD; } ul.process-steps li:first-child:before { display:none; } ul.process-steps li:last-child:after { display:none; } ul.process-steps li:after { left: auto; right: 0; margin: 0 -26px 0 0; } ul.process-steps li h1, ul.process-steps li h2, ul.process-steps li h3, ul.process-steps li h4, ul.process-steps li h5, ul.process-steps li h6 { margin:20px 0 0 0; } ul.process-steps li>a>i { margin:0; padding:0; margin-left:-4px; margin-top:-1px; font-size:28px; line-height:28px; } ul.process-steps li>a>i.fa { font-size:30px; line-height:30px; } ul.process-steps.process-steps-square li a { -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; } @media only screen and (max-width: 768px) { ul.process-steps li:after, ul.process-steps li:before { display:none; } ul.process-steps li h1, ul.process-steps li h2, ul.process-steps li h3, ul.process-steps li h4, ul.process-steps li h5, ul.process-steps li h6 { margin:10px 0 30px 0; } } @media only screen and (max-width: 482px) { ul.process-steps li>a { display:inline-block !important; } ul.process-steps li h1, ul.process-steps li h2, ul.process-steps li h3, ul.process-steps li h4, ul.process-steps li h5, ul.process-steps li h6 { margin:3px 0; display:block; } ul.process-steps li { padding:10px 0; } } /** 36. Price Table **************************************************************** **/ div.price-table { background: rgba(148,149,150,0.05); margin:30px 0; text-align:center; padding-bottom:30px; border-left:#fff 1px solid; } div.row.pricetable-container { padding:0 15px; } div.price-table h3 { font-size:25px; line-height:25px; padding:30px 0; border-bottom: rgba(0,0,0,0.1) 2px solid; text-transform:uppercase; font-weight:300; } div.price-table p { color: #666; font-size: 36px; line-height:36px; padding: 30px 0; font-weight: 400; width: 150px; height: 150px; padding-top: 53px; display: inline-block; background-color: rgba(0,0,0,0.05); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin-top:0; } div.price-table p span { display:block; font-size:10px; line-height:16px; font-weight:300; text-transform:uppercase; } div.price-table ul { margin:0; padding:0; } div.price-table ul li { list-style:none; font-size:12px; border-bottom: rgba(0,0,0,0.1) 1px solid; padding:8px; text-transform:uppercase; } div.price-table.popular, div.price-table.popular ul li, div.price-table.popular p, div.price-table.popular p span, div.price-table.popular h3 { color:#000; font-weight:600; } div.price-table.popular { background:#eee; -webkit-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.065); box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.065); } div.price-table .btn { border: 0; margin-top:30px; -webkit-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.065); box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.065); } div.price-table .btn-primary { background-color:#333; border:0; } section.dark div.price-table { border-left-color:#212121; background-color:#444; } section.dark div.price-table.popular { background-color:#666; } section.dark div.price-table h3 { border-bottom-color:rgba(255,255,255,0.1); } section.dark div.price-table .btn { color:#fff; } /* mega price table */ div.mega-price-table { margin-top:60px; } div.mega-price-table .btn .caret.float-right { margin-top:8px; } div.mega-price-table .pricing-title, div.mega-price-table .pricing-head { color:#fff; text-align:center; background-color:rgba(0,0,0,0.6); height:75px; } div.mega-price-table .pricing-title { background-color:transparent !important; padding:15px 0 0 0; margin:0; height:165px; } div.mega-price-table .pricing-title h3 { font-size:35px; line-height:35px; margin-bottom:10px; } div.mega-price-table .pricing-head h3 { margin-bottom:3px; display:block; color:#fff; font-size:30px; padding-top:12px; height:36px; font-weight:300; } div.mega-price-table h4 { display:block; text-align:center; font-size:60px; padding:20px 0; margin:0; font-weight:400; color:#666; background-color:rgba(0,0,0,0.03); font-weight:300; } div.mega-price-table .pricing:hover h4 { color:#333; text-align:center; } div.mega-price-table .pricing h4 sup, div.mega-price-table .pricing h4 sub { font-size:34px; } div.mega-price-table .pricing-head small { font-size:12px; line-height:40px; display:block; color:rgba(255,255,255,0.7); font-weight:300; font-family:'Open Sans', Arial, Hevletica, sans-serif; } div.mega-price-table .pricing-desc li, div.mega-price-table ul.pricing-table li { padding: 10px; font-style: normal; min-height: 41px; text-align:center; } div.mega-price-table ul li.alternate { background-color:rgba(0,0,0,0.03); } div.mega-price-table { padding-left:15px; padding-right:15px; } div.mega-price-table div { padding:0; } div.mega-price-table .pricing { margin-top: 1px; margin-left: 1px; background: rgba(0,0,0,0.03); } section.dark div.mega-price-table ul li.alternate, section.dark div.mega-price-table .pricing { background: rgba(255,255,255, 0.05); } div.mega-price-table .pricing-desc div, div.mega-price-table .pricing-desc li { text-align:left !important; } div.mega-price-table .btn, div.mega-price-table .list-unstyled, div.mega-price-table .btn-group, div.mega-price-table .btn-toolbar { margin:0; font-size:14px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } div.mega-price-table .pricing.popular h4 small { color:#fff; } div.mega-price-table .pricing.popular { background-color:#676767; } div.mega-price-table .pricing.popular, div.mega-price-table .pricing.popular h3, div.mega-price-table .pricing.popular h4, div.mega-price-table .pricing.popular li, div.mega-price-table .pricing.popular div, div.mega-price-table .pricing.popular .pricing-table i.fa { color:#fff !important; } div.mega-price-table .dropdown-menu { width:100%; } /* clean price */ .price-clean { padding: 30px 10px; text-align: center; position: relative; border: 1px solid #eaeaea; font-family: Arial, Helvetica, sans-serif; -webkit-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.065); box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.065); } .price-clean h4 { font-size: 60px; line-height:60px; font-weight: 300; margin: 0; color: #547698; } .price-clean h4 sup { position: relative; font-size: 20px; line-height:25px; vertical-align: top; top: 3px; } .price-clean h4 em { font-size: 14px; font-style:normal; } .price-clean h5 { text-transform: uppercase; font-weight: 300; margin: 0; font-size: 15px; color: #BACDD6; letter-spacing: 2px; } .price-clean p { line-height: 1.5em; color: #526066; margin-bottom: 0; } .price-clean .btn { -webkit-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.065); box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.065); } @media only screen and (max-width: 992px) { .price-clean { margin-bottom:30px; } .col-md-5th .price-clean h4 { font-size: 40px; line-height:40px; } .col-md-5th .price-clean h4 em { font-size:11px; } } @media only screen and (max-width: 768px) { .price-clean h4 { font-size: 60px; line-height:60px; } .price-clean h4 em { font-size: 14px; } } /** 37. Styled Icons **************************************************************** **/ i.ico-transparent, i.ico-bordered, i.ico-rounded, i.ico-color, i.ico-light, i.ico-dark { color: #444; width:50px; height:50px; line-height: 50px; font-size:25px; border: 1px solid #555; background-color: transparent; text-align:center; display:inline-block; margin-bottom:5px; margin: 4px 8px 7px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } i.ico-transparent { border:transparent; } i.ico-rounded { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } i.ico-light { border:transparent; background-color:rgba(0,0,0,0.05); } i.ico-dark { color:#fff; border:transparent; background-color:#333; } i.ico-color { color:#fff; border:transparent; text-shadow:rgba(0,0,0,.3) 1px 1px 1px; } i.ico-hover:hover { color:#fff; background-color:#111; } i.ico-hover-dark:hover { color:#fff !important; background-color:#111 !important; } i.ico-color.ico-hover:hover { background-color:#212121; } i.ico-xs { width:30px; height:30px; line-height: 30px; font-size:15px; } i.ico-lg { width:80px; height:80px; line-height: 80px; font-size:45px; } section.dark i.ico-rounded, section.dark i.ico-bordered { color:#ddd; border-color:#666; } section.dark i.ico-dark { color:#ccc; background-color:#111; } section.dark i.ico-light { color:#ddd; background-color:#444; } section.dark i.ico-transparent { color:#ddd; } section.dark i.ico-color.ico-hover:hover { background-color:#666; } /** 38. Pickers: Datepicker & Rangepicker & Colorpicker *************************************************** **/ /*! * Datepicker for Bootstrap * * Copyright 2012 Stefan Petre * Improvements by Andrew Rowls * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * */ .datepicker { padding: 4px; border-radius: 4px; direction: ltr; /*.dow { border-top: 1px solid #ddd !important; }*/ } .datepicker-inline { width: 220px; } .datepicker.datepicker-rtl { direction: rtl; } .datepicker.datepicker-rtl table tr td span { float: right; } .datepicker-dropdown { top: 0; left: 0; } .datepicker-dropdown:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-top: 0; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; } .datepicker-dropdown:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-top: 0; position: absolute; } .datepicker-dropdown.datepicker-orient-left:before { left: 6px; } .datepicker-dropdown.datepicker-orient-left:after { left: 7px; } .datepicker-dropdown.datepicker-orient-right:before { right: 6px; } .datepicker-dropdown.datepicker-orient-right:after { right: 7px; } .datepicker-dropdown.datepicker-orient-top:before { top: -7px; } .datepicker-dropdown.datepicker-orient-top:after { top: -6px; } .datepicker-dropdown.datepicker-orient-bottom:before { bottom: -7px; border-bottom: 0; border-top: 7px solid #999; } .datepicker-dropdown.datepicker-orient-bottom:after { bottom: -6px; border-bottom: 0; border-top: 6px solid #fff; } .datepicker > div { display: none; } .datepicker.days div.datepicker-days { display: block; } .datepicker.months div.datepicker-months { display: block; } .datepicker.years div.datepicker-years { display: block; } .datepicker table { margin: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .datepicker table tr td, .datepicker table tr th { text-align: center; width: 30px; height: 30px; border-radius: 4px; border: none; } .table-striped .datepicker table tr td, .table-striped .datepicker table tr th { background-color: transparent; } .datepicker table tr td.day:hover, .datepicker table tr td.day.focused { background: #eeeeee; cursor: pointer; } .datepicker table tr td.old, .datepicker table tr td.new { color: #999999; } .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover { background: none; color: #999999; cursor: default; } .datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover { color: #000000; background-color: #ffdb99; border-color: #ffb733; } .datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today:focus, .datepicker table tr td.today:hover:focus, .datepicker table tr td.today.disabled:focus, .datepicker table tr td.today.disabled:hover:focus, .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.today, .open .dropdown-toggle.datepicker table tr td.today:hover, .open .dropdown-toggle.datepicker table tr td.today.disabled, .open .dropdown-toggle.datepicker table tr td.today.disabled:hover { color: #000000; background-color: #ffcd70; border-color: #f59e00; } .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.today, .open .dropdown-toggle.datepicker table tr td.today:hover, .open .dropdown-toggle.datepicker table tr td.today.disabled, .open .dropdown-toggle.datepicker table tr td.today.disabled:hover { background-image: none; } .datepicker table tr td.today.disabled, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today[disabled], .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today.disabled:hover[disabled], fieldset[disabled] .datepicker table tr td.today, fieldset[disabled] .datepicker table tr td.today:hover, fieldset[disabled] .datepicker table tr td.today.disabled, fieldset[disabled] .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover.disabled:hover, .datepicker table tr td.today.disabled.disabled:hover, .datepicker table tr td.today.disabled:hover.disabled:hover, .datepicker table tr td.today[disabled]:hover, .datepicker table tr td.today:hover[disabled]:hover, .datepicker table tr td.today.disabled[disabled]:hover, .datepicker table tr td.today.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td.today:hover, fieldset[disabled] .datepicker table tr td.today:hover:hover, fieldset[disabled] .datepicker table tr td.today.disabled:hover, fieldset[disabled] .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today.disabled:focus, .datepicker table tr td.today:hover.disabled:focus, .datepicker table tr td.today.disabled.disabled:focus, .datepicker table tr td.today.disabled:hover.disabled:focus, .datepicker table tr td.today[disabled]:focus, .datepicker table tr td.today:hover[disabled]:focus, .datepicker table tr td.today.disabled[disabled]:focus, .datepicker table tr td.today.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td.today:focus, fieldset[disabled] .datepicker table tr td.today:hover:focus, fieldset[disabled] .datepicker table tr td.today.disabled:focus, fieldset[disabled] .datepicker table tr td.today.disabled:hover:focus, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today:hover.disabled:active, .datepicker table tr td.today.disabled.disabled:active, .datepicker table tr td.today.disabled:hover.disabled:active, .datepicker table tr td.today[disabled]:active, .datepicker table tr td.today:hover[disabled]:active, .datepicker table tr td.today.disabled[disabled]:active, .datepicker table tr td.today.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td.today:active, fieldset[disabled] .datepicker table tr td.today:hover:active, fieldset[disabled] .datepicker table tr td.today.disabled:active, fieldset[disabled] .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today:hover.disabled.active, .datepicker table tr td.today.disabled.disabled.active, .datepicker table tr td.today.disabled:hover.disabled.active, .datepicker table tr td.today[disabled].active, .datepicker table tr td.today:hover[disabled].active, .datepicker table tr td.today.disabled[disabled].active, .datepicker table tr td.today.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td.today.active, fieldset[disabled] .datepicker table tr td.today:hover.active, fieldset[disabled] .datepicker table tr td.today.disabled.active, fieldset[disabled] .datepicker table tr td.today.disabled:hover.active { background-color: #ffdb99; border-color: #ffb733; } .datepicker table tr td.today:hover:hover { color: #000; } .datepicker table tr td.today.active:hover { color: #fff; } .datepicker table tr td.range, .datepicker table tr td.range:hover, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover { background: #eeeeee; border-radius: 0; } .datepicker table tr td.range.today, .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover { color: #000000; background-color: #f7ca77; border-color: #f1a417; border-radius: 0; } .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today:hover:hover, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today:focus, .datepicker table tr td.range.today:hover:focus, .datepicker table tr td.range.today.disabled:focus, .datepicker table tr td.range.today.disabled:hover:focus, .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.range.today, .open .dropdown-toggle.datepicker table tr td.range.today:hover, .open .dropdown-toggle.datepicker table tr td.range.today.disabled, .open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover { color: #000000; background-color: #f4bb51; border-color: #bf800c; } .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.range.today, .open .dropdown-toggle.datepicker table tr td.range.today:hover, .open .dropdown-toggle.datepicker table tr td.range.today.disabled, .open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover { background-image: none; } .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today:hover.disabled, .datepicker table tr td.range.today.disabled.disabled, .datepicker table tr td.range.today.disabled:hover.disabled, .datepicker table tr td.range.today[disabled], .datepicker table tr td.range.today:hover[disabled], .datepicker table tr td.range.today.disabled[disabled], .datepicker table tr td.range.today.disabled:hover[disabled], fieldset[disabled] .datepicker table tr td.range.today, fieldset[disabled] .datepicker table tr td.range.today:hover, fieldset[disabled] .datepicker table tr td.range.today.disabled, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today:hover.disabled:hover, .datepicker table tr td.range.today.disabled.disabled:hover, .datepicker table tr td.range.today.disabled:hover.disabled:hover, .datepicker table tr td.range.today[disabled]:hover, .datepicker table tr td.range.today:hover[disabled]:hover, .datepicker table tr td.range.today.disabled[disabled]:hover, .datepicker table tr td.range.today.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td.range.today:hover, fieldset[disabled] .datepicker table tr td.range.today:hover:hover, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today.disabled:focus, .datepicker table tr td.range.today:hover.disabled:focus, .datepicker table tr td.range.today.disabled.disabled:focus, .datepicker table tr td.range.today.disabled:hover.disabled:focus, .datepicker table tr td.range.today[disabled]:focus, .datepicker table tr td.range.today:hover[disabled]:focus, .datepicker table tr td.range.today.disabled[disabled]:focus, .datepicker table tr td.range.today.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td.range.today:focus, fieldset[disabled] .datepicker table tr td.range.today:hover:focus, fieldset[disabled] .datepicker table tr td.range.today.disabled:focus, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:focus, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today:hover.disabled:active, .datepicker table tr td.range.today.disabled.disabled:active, .datepicker table tr td.range.today.disabled:hover.disabled:active, .datepicker table tr td.range.today[disabled]:active, .datepicker table tr td.range.today:hover[disabled]:active, .datepicker table tr td.range.today.disabled[disabled]:active, .datepicker table tr td.range.today.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td.range.today:active, fieldset[disabled] .datepicker table tr td.range.today:hover:active, fieldset[disabled] .datepicker table tr td.range.today.disabled:active, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today:hover.disabled.active, .datepicker table tr td.range.today.disabled.disabled.active, .datepicker table tr td.range.today.disabled:hover.disabled.active, .datepicker table tr td.range.today[disabled].active, .datepicker table tr td.range.today:hover[disabled].active, .datepicker table tr td.range.today.disabled[disabled].active, .datepicker table tr td.range.today.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td.range.today.active, fieldset[disabled] .datepicker table tr td.range.today:hover.active, fieldset[disabled] .datepicker table tr td.range.today.disabled.active, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover.active { background-color: #f7ca77; border-color: #f1a417; } .datepicker table tr td.selected, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover { color: #ffffff; background-color: #999999; border-color: #555555; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td.selected:hover, .datepicker table tr td.selected:hover:hover, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected:focus, .datepicker table tr td.selected:hover:focus, .datepicker table tr td.selected.disabled:focus, .datepicker table tr td.selected.disabled:hover:focus, .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.selected, .open .dropdown-toggle.datepicker table tr td.selected:hover, .open .dropdown-toggle.datepicker table tr td.selected.disabled, .open .dropdown-toggle.datepicker table tr td.selected.disabled:hover { color: #ffffff; background-color: #858585; border-color: #373737; } .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.selected, .open .dropdown-toggle.datepicker table tr td.selected:hover, .open .dropdown-toggle.datepicker table tr td.selected.disabled, .open .dropdown-toggle.datepicker table tr td.selected.disabled:hover { background-image: none; } .datepicker table tr td.selected.disabled, .datepicker table tr td.selected:hover.disabled, .datepicker table tr td.selected.disabled.disabled, .datepicker table tr td.selected.disabled:hover.disabled, .datepicker table tr td.selected[disabled], .datepicker table tr td.selected:hover[disabled], .datepicker table tr td.selected.disabled[disabled], .datepicker table tr td.selected.disabled:hover[disabled], fieldset[disabled] .datepicker table tr td.selected, fieldset[disabled] .datepicker table tr td.selected:hover, fieldset[disabled] .datepicker table tr td.selected.disabled, fieldset[disabled] .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected:hover.disabled:hover, .datepicker table tr td.selected.disabled.disabled:hover, .datepicker table tr td.selected.disabled:hover.disabled:hover, .datepicker table tr td.selected[disabled]:hover, .datepicker table tr td.selected:hover[disabled]:hover, .datepicker table tr td.selected.disabled[disabled]:hover, .datepicker table tr td.selected.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td.selected:hover, fieldset[disabled] .datepicker table tr td.selected:hover:hover, fieldset[disabled] .datepicker table tr td.selected.disabled:hover, fieldset[disabled] .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected.disabled:focus, .datepicker table tr td.selected:hover.disabled:focus, .datepicker table tr td.selected.disabled.disabled:focus, .datepicker table tr td.selected.disabled:hover.disabled:focus, .datepicker table tr td.selected[disabled]:focus, .datepicker table tr td.selected:hover[disabled]:focus, .datepicker table tr td.selected.disabled[disabled]:focus, .datepicker table tr td.selected.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td.selected:focus, fieldset[disabled] .datepicker table tr td.selected:hover:focus, fieldset[disabled] .datepicker table tr td.selected.disabled:focus, fieldset[disabled] .datepicker table tr td.selected.disabled:hover:focus, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected:hover.disabled:active, .datepicker table tr td.selected.disabled.disabled:active, .datepicker table tr td.selected.disabled:hover.disabled:active, .datepicker table tr td.selected[disabled]:active, .datepicker table tr td.selected:hover[disabled]:active, .datepicker table tr td.selected.disabled[disabled]:active, .datepicker table tr td.selected.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td.selected:active, fieldset[disabled] .datepicker table tr td.selected:hover:active, fieldset[disabled] .datepicker table tr td.selected.disabled:active, fieldset[disabled] .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected:hover.disabled.active, .datepicker table tr td.selected.disabled.disabled.active, .datepicker table tr td.selected.disabled:hover.disabled.active, .datepicker table tr td.selected[disabled].active, .datepicker table tr td.selected:hover[disabled].active, .datepicker table tr td.selected.disabled[disabled].active, .datepicker table tr td.selected.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td.selected.active, fieldset[disabled] .datepicker table tr td.selected:hover.active, fieldset[disabled] .datepicker table tr td.selected.disabled.active, fieldset[disabled] .datepicker table tr td.selected.disabled:hover.active { background-color: #999999; border-color: #555555; } .datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover { color: #ffffff; background-color: #428bca; border-color: #357ebd; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover { color: #ffffff; background-color: #3276b1; border-color: #285e8e; } .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover { background-image: none; } .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled], fieldset[disabled] .datepicker table tr td.active, fieldset[disabled] .datepicker table tr td.active:hover, fieldset[disabled] .datepicker table tr td.active.disabled, fieldset[disabled] .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover.disabled:hover, .datepicker table tr td.active.disabled.disabled:hover, .datepicker table tr td.active.disabled:hover.disabled:hover, .datepicker table tr td.active[disabled]:hover, .datepicker table tr td.active:hover[disabled]:hover, .datepicker table tr td.active.disabled[disabled]:hover, .datepicker table tr td.active.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td.active:hover, fieldset[disabled] .datepicker table tr td.active:hover:hover, fieldset[disabled] .datepicker table tr td.active.disabled:hover, fieldset[disabled] .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active:hover.disabled:focus, .datepicker table tr td.active.disabled.disabled:focus, .datepicker table tr td.active.disabled:hover.disabled:focus, .datepicker table tr td.active[disabled]:focus, .datepicker table tr td.active:hover[disabled]:focus, .datepicker table tr td.active.disabled[disabled]:focus, .datepicker table tr td.active.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td.active:focus, fieldset[disabled] .datepicker table tr td.active:hover:focus, fieldset[disabled] .datepicker table tr td.active.disabled:focus, fieldset[disabled] .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active:hover.disabled:active, .datepicker table tr td.active.disabled.disabled:active, .datepicker table tr td.active.disabled:hover.disabled:active, .datepicker table tr td.active[disabled]:active, .datepicker table tr td.active:hover[disabled]:active, .datepicker table tr td.active.disabled[disabled]:active, .datepicker table tr td.active.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td.active:active, fieldset[disabled] .datepicker table tr td.active:hover:active, fieldset[disabled] .datepicker table tr td.active.disabled:active, fieldset[disabled] .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active:hover.disabled.active, .datepicker table tr td.active.disabled.disabled.active, .datepicker table tr td.active.disabled:hover.disabled.active, .datepicker table tr td.active[disabled].active, .datepicker table tr td.active:hover[disabled].active, .datepicker table tr td.active.disabled[disabled].active, .datepicker table tr td.active.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td.active.active, fieldset[disabled] .datepicker table tr td.active:hover.active, fieldset[disabled] .datepicker table tr td.active.disabled.active, fieldset[disabled] .datepicker table tr td.active.disabled:hover.active { background-color: #428bca; border-color: #357ebd; } .datepicker table tr td span { display: block; width: 23%; height: 54px; line-height: 54px; float: left; margin: 1%; cursor: pointer; border-radius: 4px; } .datepicker table tr td span:hover { background: #eeeeee; } .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover { background: none; color: #999999; cursor: default; } .datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover { color: #ffffff; background-color: #428bca; border-color: #357ebd; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:focus, .datepicker table tr td span.active:hover:focus, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td span.active, .open .dropdown-toggle.datepicker table tr td span.active:hover, .open .dropdown-toggle.datepicker table tr td span.active.disabled, .open .dropdown-toggle.datepicker table tr td span.active.disabled:hover { color: #ffffff; background-color: #3276b1; border-color: #285e8e; } .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td span.active, .open .dropdown-toggle.datepicker table tr td span.active:hover, .open .dropdown-toggle.datepicker table tr td span.active.disabled, .open .dropdown-toggle.datepicker table tr td span.active.disabled:hover { background-image: none; } .datepicker table tr td span.active.disabled, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active[disabled], .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active.disabled:hover[disabled], fieldset[disabled] .datepicker table tr td span.active, fieldset[disabled] .datepicker table tr td span.active:hover, fieldset[disabled] .datepicker table tr td span.active.disabled, fieldset[disabled] .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover.disabled:hover, .datepicker table tr td span.active.disabled.disabled:hover, .datepicker table tr td span.active.disabled:hover.disabled:hover, .datepicker table tr td span.active[disabled]:hover, .datepicker table tr td span.active:hover[disabled]:hover, .datepicker table tr td span.active.disabled[disabled]:hover, .datepicker table tr td span.active.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td span.active:hover, fieldset[disabled] .datepicker table tr td span.active:hover:hover, fieldset[disabled] .datepicker table tr td span.active.disabled:hover, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active:hover.disabled:focus, .datepicker table tr td span.active.disabled.disabled:focus, .datepicker table tr td span.active.disabled:hover.disabled:focus, .datepicker table tr td span.active[disabled]:focus, .datepicker table tr td span.active:hover[disabled]:focus, .datepicker table tr td span.active.disabled[disabled]:focus, .datepicker table tr td span.active.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td span.active:focus, fieldset[disabled] .datepicker table tr td span.active:hover:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active:hover.disabled:active, .datepicker table tr td span.active.disabled.disabled:active, .datepicker table tr td span.active.disabled:hover.disabled:active, .datepicker table tr td span.active[disabled]:active, .datepicker table tr td span.active:hover[disabled]:active, .datepicker table tr td span.active.disabled[disabled]:active, .datepicker table tr td span.active.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td span.active:active, fieldset[disabled] .datepicker table tr td span.active:hover:active, fieldset[disabled] .datepicker table tr td span.active.disabled:active, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active:hover.disabled.active, .datepicker table tr td span.active.disabled.disabled.active, .datepicker table tr td span.active.disabled:hover.disabled.active, .datepicker table tr td span.active[disabled].active, .datepicker table tr td span.active:hover[disabled].active, .datepicker table tr td span.active.disabled[disabled].active, .datepicker table tr td span.active.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td span.active.active, fieldset[disabled] .datepicker table tr td span.active:hover.active, fieldset[disabled] .datepicker table tr td span.active.disabled.active, fieldset[disabled] .datepicker table tr td span.active.disabled:hover.active { background-color: #428bca; border-color: #357ebd; } .datepicker table tr td span.old, .datepicker table tr td span.new { color: #999999; } .datepicker th.datepicker-switch { width: 145px; } .datepicker thead tr:first-child th, .datepicker tfoot tr th { cursor: pointer; } .datepicker thead tr:first-child th:hover, .datepicker tfoot tr th:hover { background: #eeeeee; } .datepicker .cw { font-size: 10px; width: 12px; padding: 0 2px 0 5px; vertical-align: middle; } .datepicker thead tr:first-child th.cw { cursor: default; background-color: transparent; } .input-group.date .input-group-addon i { cursor: pointer; width: 16px; height: 16px; } .input-daterange input { text-align: center; } .input-daterange input:first-child { border-radius: 3px 0 0 3px; } .input-daterange input:last-child { border-radius: 0 3px 3px 0; } .input-daterange .input-group-addon { width: auto; min-width: 16px; padding: 4px 5px; font-weight: normal; line-height: 1.428571429; text-align: center; text-shadow: 0 1px 0 #fff; vertical-align: middle; background-color: #eeeeee; border: solid #cccccc; border-width: 1px 0; margin-left: -5px; margin-right: -5px; } .datepicker.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; float: left; display: none; min-width: 160px; list-style: none; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 5px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; *border-right-width: 2px; *border-bottom-width: 2px; color: #333333; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; line-height: 1.428571429; } .datepicker.dropdown-menu th, .datepicker.datepicker-inline th, .datepicker.dropdown-menu td, .datepicker.datepicker-inline td { padding: 0px 5px; } /** RANGE PICKER ******************************************* **/ /*! * Stylesheet for the Date Range Picker, for use with Bootstrap 3.x * * Copyright 2013-2015 Dan Grossman ( http://www.dangrossman.info ) * Licensed under the MIT license. See http://www.opensource.org/licenses/mit-license.php * * Built for http://www.improvely.com */ .daterangepicker.dropdown-menu { max-width: none; z-index: 3000; } .daterangepicker.opensleft .ranges, .daterangepicker.opensleft .calendar { float: left; margin: 4px; } .daterangepicker.opensright .ranges, .daterangepicker.opensright .calendar, .daterangepicker.openscenter .ranges, .daterangepicker.openscenter .calendar { float: right; margin: 4px; } .daterangepicker.single .ranges, .daterangepicker.single .calendar { float: none; } .daterangepicker .ranges { width: 160px; text-align: left; } .daterangepicker .ranges .range_inputs>div { float: left; } .daterangepicker .ranges .range_inputs>div:nth-child(2) { padding-left: 11px; } .daterangepicker .calendar { display: none; max-width: 270px; } .daterangepicker.show-calendar .calendar { display: block; } .daterangepicker .calendar.single .calendar-date { border: none; } .daterangepicker .calendar th, .daterangepicker .calendar td { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; white-space: nowrap; text-align: center; min-width: 32px; } .daterangepicker .daterangepicker_start_input label, .daterangepicker .daterangepicker_end_input label { color: #333; display: block; font-size: 11px; font-weight: normal; height: 20px; line-height: 20px; margin-bottom: 2px; text-shadow: #fff 1px 1px 0px; text-transform: uppercase; width: 74px; } .daterangepicker .ranges input { font-size: 11px; } .daterangepicker .ranges .input-mini { border: 1px solid #ccc; border-radius: 4px; color: #555; display: block; font-size: 11px; height: 30px; line-height: 30px; vertical-align: middle; margin: 0 0 10px 0; padding: 0 6px; width: 74px; } .daterangepicker .ranges ul { list-style: none; margin: 0; padding: 0; } .daterangepicker .ranges li { font-size: 13px; background: #f5f5f5; border: 1px solid #f5f5f5; color: #08c; padding: 3px 12px; margin-bottom: 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; } .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover { background: #08c; border: 1px solid #08c; color: #fff; } .daterangepicker .calendar-date { border: 1px solid #ddd; padding: 4px; border-radius: 4px; background: #fff; } .daterangepicker .calendar-time { text-align: center; margin: 8px auto 0 auto; line-height: 30px; } .daterangepicker { position: absolute; background: #fff; top: 100px; left: 20px; padding: 4px; margin-top: 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .daterangepicker.opensleft:before { position: absolute; top: -7px; right: 9px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .daterangepicker.opensleft:after { position: absolute; top: -6px; right: 10px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; content: ''; } .daterangepicker.openscenter:before { position: absolute; top: -7px; left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .daterangepicker.openscenter:after { position: absolute; top: -6px; left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; content: ''; } .daterangepicker.opensright:before { position: absolute; top: -7px; left: 9px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .daterangepicker.opensright:after { position: absolute; top: -6px; left: 10px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; content: ''; } .daterangepicker.dropup{ margin-top: -5px; } .daterangepicker.dropup:before{ top: initial; bottom:-7px; border-bottom: initial; border-top: 7px solid #ccc; } .daterangepicker.dropup:after{ top: initial; bottom:-6px; border-bottom: initial; border-top: 6px solid #fff; } .daterangepicker table { width: 100%; margin: 0; } .daterangepicker td, .daterangepicker th { text-align: center; width: 20px; height: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor: pointer; white-space: nowrap; } .daterangepicker td.off { color: #999; } .daterangepicker td.disabled, .daterangepicker option.disabled { color: #999; } .daterangepicker td.available:hover, .daterangepicker th.available:hover { background: #eee; } .daterangepicker td.in-range { background: #ebf4f8; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .daterangepicker td.start-date { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .daterangepicker td.end-date { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .daterangepicker td.start-date.end-date { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .daterangepicker td.active, .daterangepicker td.active:hover { background-color: #357ebd; border-color: #3071a9; color: #fff; } .daterangepicker td.week, .daterangepicker th.week { font-size: 80%; color: #ccc; } .daterangepicker select.monthselect, .daterangepicker select.yearselect { font-size: 12px; padding: 1px; height: auto; margin: 0; cursor: default; } .daterangepicker select.monthselect { margin-right: 2%; width: 56%; } .daterangepicker select.yearselect { width: 40%; } .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect { width: 50px; margin-bottom: 0; } .daterangepicker_start_input { float: left; } .daterangepicker_end_input { float: left; padding-left: 11px } .daterangepicker th.month { width: auto; } /** TIME PICKER ******************************************* **/ .time_pick .ti_tx, .time_pick .mi_tx, .time_pick .mer_tx { width: 100%; text-align: center; margin: 10px 0; } .time_pick .time, .time_pick .mins, .time_pick .meridian { width: 50px; float: left; margin: 0; font-size: 20px; color: #2d2e2e; font-family: arial; font-weight: 700; } .time_pick .prev, .time_pick .next { position:relative; cursor: pointer; padding: 12px 18px; width: 28%; height:20px; border: 2px solid #ddd; margin: auto; text-align:center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } section.dark .time_pick .prev, section.dark .time_pick .next { border-color:#666; color:#fff; } .time_pick .prev:before, .time_pick .next:before { position:absolute; left:8px; top:3px; content: "\e260"; font-family: 'Glyphicons Halflings'; display: inline-block; font-weight: 400; font-style:normal; margin:0; padding:0; line-height:1; } .time_pick .next:before { content: "\e259"; } .time_pick .prev:hover, .time_pick .next:hover { background-color: #ccc; } .time_pick .next { background-position: 50% 150%; } .time_pick .prev { background-position: 50% -50%; } .time_pick { position: relative; } .time_pick .timepicker_wrap { padding: 10px; z-index: 998; display: none; background: #fff; border: 2px solid #ddd; float: left; position: absolute; top:38px !important; left: 0; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottom-right: 3px; -moz-border-radius-bottom-left: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .time_pick input.timepicker + .timepicker_wrap { border-top:0; } section.dark .time_pick .timepicker_wrap { color:#eee; background:#212121; background:#333; border-color:#666; } .time_pick .arrow_top { position: absolute; top: -10px; left: 20px; width: 18px; height: 10px; z-index: 999; } .time_pick input.timepicki-input { background: none repeat scroll 0 0 #FFFFFF; border: 2px solid #ddd; float: none; margin: 0; text-align: center; width: 82%; font-weight:300; font-size:15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } section.dark .time_pick input.timepicki-input { color:#333; border-color:#666; } .time_pick a.reset_time { float: left; margin-top: 5px; color: #000; } /** Color PICKER v1.7.0 https://github.com/bgrins/spectrum ******************************************* **/ input.colorpicker { display:inline-block !important; } .sp-container { position:absolute; top:0; left:0; display:inline-block; *display: inline; *zoom: 1; /* https://github.com/bgrins/spectrum/issues/40 */ z-index: 9999994; overflow: hidden; } .sp-container.sp-flat { position: relative; } /* Fix for * { box-sizing: border-box; } */ .sp-container, .sp-container * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */ .sp-top { position:relative; width: 100%; display:inline-block; } .sp-top-inner { position:absolute; top:0; left:0; bottom:0; right:0; } .sp-color { position: absolute; top:0; left:0; bottom:0; right:20%; } .sp-hue { position: absolute; top:0; right:0; bottom:0; left:84%; height: 100%; } .sp-clear-enabled .sp-hue { top:33px; height: 77.5%; } .sp-fill { padding-top: 80%; } .sp-sat, .sp-val { position: absolute; top:0; left:0; right:0; bottom:0; } .sp-alpha-enabled .sp-top { margin-bottom: 18px; } .sp-alpha-enabled .sp-alpha { display: block; } .sp-alpha-handle { position:absolute; top:-4px; bottom: -4px; width: 6px; left: 50%; cursor: pointer; border: 1px solid black; background: white; opacity: .8; } .sp-alpha { display: none; position: absolute; bottom: -14px; right: 0; left: 0; height: 8px; } .sp-alpha-inner { border: solid 1px #333; } .sp-clear { display: none; } .sp-clear.sp-clear-display { background-position: center; } .sp-clear-enabled .sp-clear { display: block; position:absolute; top:0px; right:0; bottom:0; left:84%; height: 28px; } /* Don't allow text selection */ .sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button { -webkit-user-select:none; -moz-user-select: -moz-none; -o-user-select:none; user-select: none; } .sp-container.sp-input-disabled .sp-input-container { display: none; } .sp-container.sp-buttons-disabled .sp-button-container { display: none; } .sp-container.sp-palette-buttons-disabled .sp-palette-button-container { display: none; } .sp-palette-only .sp-picker-container { display: none; } .sp-palette-disabled .sp-palette-container { display: none; } .sp-initial-disabled .sp-initial { display: none; } /* Gradients for hue, saturation and value instead of images. Not pretty... but it works */ .sp-sat { background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0))); background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0)); background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)"; filter : progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81'); } .sp-val { background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0))); background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0)); background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)"; filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000'); } .sp-hue { background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000)); background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); } /* IE filters do not support multiple color stops. Generate 6 divs, line them up, and do two color gradients for each. Yes, really. */ .sp-1 { height:17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00'); } .sp-2 { height:16%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00'); } .sp-3 { height:17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff'); } .sp-4 { height:17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff'); } .sp-5 { height:16%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff'); } .sp-6 { height:17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000'); } .sp-hidden { display: none !important; } /* Clearfix hack */ .sp-cf:before, .sp-cf:after { content: ""; display: table; } .sp-cf:after { clear: both; } .sp-cf { *zoom: 1; } /* Mobile devices, make hue slider bigger so it is easier to slide */ @media (max-device-width: 480px) { .sp-color { right: 40%; } .sp-hue { left: 63%; } .sp-fill { padding-top: 60%; } } .sp-dragger { border-radius: 5px; height: 5px; width: 5px; border: 1px solid #fff; background: #000; cursor: pointer; position:absolute; top:0; left: 0; } .sp-slider { position: absolute; top:0; cursor:pointer; height: 3px; left: -1px; right: -1px; border: 1px solid #000; background: white; opacity: .8; } /* Theme authors: Here are the basic themeable display options (colors, fonts, global widths). See http://bgrins.github.io/spectrum/themes/ for instructions. */ .sp-container { border-radius: 0; background-color: #eaeaea; border: solid 2px #ddd; padding: 0; } section.dark .sp-container { background-color: #262626; border-color:#666; } .sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear { font: normal 12px Verdana, sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .sp-top { margin-bottom: 3px; } .sp-color, .sp-hue, .sp-clear { border: solid 1px #666; } /* Input */ .sp-input-container { float:right; width: 100px; margin-bottom: 4px; } .sp-initial-disabled .sp-input-container { width: 100%; } .sp-input { font-size: 12px !important; border: 1px inset; padding: 4px 5px; margin: 0; width: 100%; background:transparent; border-radius: 3px; color: #222; } .sp-input:focus { border: 1px solid orange; } .sp-input.sp-validation-error { border: 1px solid red; background: #fdd; } .sp-picker-container , .sp-palette-container { float:left; position: relative; padding: 10px; padding-bottom: 300px; margin-bottom: -290px; } .sp-picker-container { width: 172px; border-left: solid 1px #fff; } /* Palettes */ .sp-palette-container { border-right: solid 1px #ccc; } .sp-palette-only .sp-palette-container { border: 0; } .sp-palette .sp-thumb-el { display: block; position:relative; float:left; width: 24px; height: 15px; margin: 3px; cursor: pointer; border:solid 2px transparent; } .sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active { border-color: orange; } .sp-thumb-el { position:relative; } /* Initial */ .sp-initial { float: left; border: solid 1px #333; } .sp-initial span { width: 30px; height: 25px; border:none; display:block; float:left; margin:0; } .sp-initial .sp-clear-display { background-position: center; } /* Buttons */ .sp-palette-button-container, .sp-button-container { float: right; } /* Replacer (the little preview div that shows up instead of the ) */ .sp-replacer { margin:0; overflow:hidden; cursor:pointer; padding: 4px; display:inline-block; *zoom: 1; *display: inline; border: solid 2px #ddd; background: #eee; color: #333; vertical-align: middle; height:40px; } section.dark .sp-replacer { border-color:#666; } .sp-replacer:hover, .sp-replacer.sp-active { border-color: #F0C49B; color: #111; } .sp-replacer.sp-disabled { cursor:default; border-color: silver; color: silver; } .sp-dd { padding: 2px 0; height: 16px; line-height: 25px; float:left; font-size:10px; } .sp-preview { position:relative; width:28px; height: 28px; border: solid 1px #222; margin-right: 5px; float:left; z-index: 0; } .sp-palette { *width: 220px; max-width: 220px; } .sp-palette .sp-thumb-el { width:16px; height: 16px; margin:2px 1px; border: solid 1px #d0d0d0; } .sp-container { padding-bottom:0; } /* Buttons: http://hellohappy.org/css3-buttons/ */ .sp-container button { background-color: #eeeeee; background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc); background-image: -moz-linear-gradient(top, #eeeeee, #cccccc); background-image: -ms-linear-gradient(top, #eeeeee, #cccccc); background-image: -o-linear-gradient(top, #eeeeee, #cccccc); background-image: linear-gradient(to bottom, #eeeeee, #cccccc); border: 1px solid #ccc; border-bottom: 1px solid #bbb; border-radius: 3px; color: #333; font-size: 14px; line-height: 1; padding: 5px 4px; text-align: center; text-shadow: 0 1px 0 #eee; vertical-align: middle; } .sp-container button:hover { background-color: #dddddd; background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb); background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb); background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb); background-image: -o-linear-gradient(top, #dddddd, #bbbbbb); background-image: linear-gradient(to bottom, #dddddd, #bbbbbb); border: 1px solid #bbb; border-bottom: 1px solid #999; cursor: pointer; text-shadow: 0 1px 0 #ddd; } .sp-container button:active { border: 1px solid #aaa; border-bottom: 1px solid #888; -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; } .sp-cancel { font-size: 11px; color: #d93f3f !important; margin:0; padding:2px; margin-right: 5px; vertical-align: middle; text-decoration:none; } .sp-cancel:hover { color: #d93f3f !important; text-decoration: underline; } .sp-palette span:hover, .sp-palette span.sp-thumb-active { border-color: #000; } .sp-preview, .sp-alpha, .sp-thumb-el { position:relative; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg=='); } .sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner { display:block; position:absolute; top:0;left:0;bottom:0;right:0; } .sp-palette .sp-thumb-inner { background-position: 50% 50%; background-repeat: no-repeat; } .sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII='); } .sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII='); } .sp-clear-display { background-repeat:no-repeat; background-position: center; background-image: url('data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw=='); } input.colorpicker { padding-right:65px; } input.colorpicker + .sp-replacer { right:0; width:55px; position:absolute; margin-left:-55px; z-index:10; } input[type=color].colorpicker { padding-right:12px !important; padding-left:12px !important; cursor:pointer; } input[type=color].colorpicker + .sp-replacer { display:none !important; } /** 39. Select2 *************************************************** **/ .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-search--inline { float: left; } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: white; border: 1px solid #ddd; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; } section.dark .select2-dropdown { border-color:#666; } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { padding: 6px; user-select: none; -webkit-user-select: none; } .select2-results__option[aria-selected] { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #ddd; border-radius: 4px; } section.dark .select2-container--default .select2-selection--single { border-color:#666; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #999; line-height: 28px; } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 10px; width: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; } .select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: #999; margin-top: 5px; float: left; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder { float: right; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; } .select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--default .select2-results__option[role=group] { padding: 0; } .select2-container--default .select2-results__option[aria-disabled=true] { color: #999; } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd; } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5897fb; color: white; } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic .select2-selection--single { background-color: #f6f6f6; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: -webkit-linear-gradient(top, #ffffff 50%, #eeeeee 100%); background-image: -o-linear-gradient(top, #ffffff 50%, #eeeeee 100%); background-image: linear-gradient(to bottom, #ffffff 50%, #eeeeee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px; } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0); } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 50%); background-image: -o-linear-gradient(top, #ffffff 0%, #eeeeee 50%); background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-linear-gradient(top, #eeeeee 50%, #ffffff 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, #ffffff 100%); background-image: linear-gradient(to bottom, #eeeeee 50%, #ffffff 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0); } .select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float: right; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; } .select2-container--classic .select2-dropdown { background-color: white; border: 1px solid transparent; } .select2-container--classic .select2-dropdown--above { border-bottom: none; } .select2-container--classic .select2-dropdown--below { border-top: none; } .select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--classic .select2-results__option[role=group] { padding: 0; } .select2-container--classic .select2-results__option[aria-disabled=true] { color: grey; } .select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: white; } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; } /** Rewrite Select2 ********************** **/ /* the same height as input element */ .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container--default .select2-selection--single .select2-selection__arrow { height:40px; line-height:36px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .select2-dropdown { border-color:#ddd; border-width:1px; } .fancy-form .select2-selection__arrow { display:none; } .select2-container--default .select2-selection--single { background-color:transparent; } /** 40. Tabs *************************************************** **/ .nav .open>a, .nav .open>a:focus, .nav .open>a:hover { border-color:transparent !important; background-color:transparent !important; } .nav-tabs>li { float: left; margin-bottom: -1px; } .nav>li { position: relative; display: block; } .nav-tabs>li>a { color:#111; font-weight:bold; position: relative; display: block; padding: 10px 15px; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; } .nav-tabs>li>a.active { color:#000; } .nav-tabs.nav-justified>li>a { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } section.dark .nav-tabs>li>a { color:#fff; } section.dark .nav-tabs.nav-justified>li>a { border-bottom-color:#666; } .tab-content { padding:15px 0; } @media only screen and (max-width: 768px) { .tab-content figure, .tab-content figure>img { width: 100% !important; } } /* clean Tabs */ .nav-tabs.nav-clean>li>a { border:0 !important; } .nav-tabs.nav-clean>li>a.nav-link.active { background-color: transparent; } .nav-tabs.nav-clean>li>a.active { margin-bottom:0; } section.dark .nav-tabs.nav-clean>li>a, section.dark .nav-tabs.nav-clean>li>a.active { color:#fff; background-color:transparent !important; } /* Top Border */ .nav-tabs.nav-top-border>li>a { border-top:transparent 3px solid !important; } .nav-tabs.nav-top-border>li>a.active, .nav-tabs.nav-top-border>li>a.active:hover { border-top:#888 3px solid !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .nav-tabs.nav-top-border>li>a:hover { background-color:transparent !important; border-color:transparent !important; } /* Bottom Border */ .nav-tabs.nav-bottom-border { border:0 !important; } .nav-tabs.nav-bottom-border>li>a.active { margin-bottom:0 !important; font-weight:400; } .nav-tabs.nav-bottom-border>li>a { border:0 !important; border-bottom:transparent 2px solid !important; font-weight:300; } .nav-tabs.nav-bottom-border>li>a.active, .nav-tabs.nav-bottom-border>li>a.active:hover { border-bottom:#888 2px solid !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .nav-tabs.nav-bottom-border>li>a:hover { background-color:transparent !important; border-color:transparent !important; } section.dark ul.side-nav a { color:#ccc; } section.dark .nav-bottom-border li>a { background-color:transparent !important; } /* Button tabs */ .nav-tabs.nav-button-tabs { border:0 !important; } .nav-tabs.nav-button-tabs>li>a { color:#000 !important; border:0 !important; background-color:rgba(0,0,0,0.1); margin-right: 3px !important; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; } .nav-tabs.nav-button-tabs>li>a.active { color:#fff !important; background-color:rgba(0,0,0,0.6); } section.dark .nav-tabs.nav-button-tabs>li>a { color:#fff !important; } /* Stacked Tabs */ .nav-tabs.nav-stacked { background-color:rgba(0,0,0,0.02); } .nav-tabs.nav-stacked>li>a { border-left:0 !important; border-right:0 !important; border:0 !important; background-color:#fff; color:#111; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .nav-tabs.nav-stacked>li>a.active { background-color:#fafafa; } div.tab-content.tab-stacked { padding:17px; background-color:#fafafa; } section.dark div.tab-content.tab-stacked { background-color:#444; } section.dark .nav-tabs.nav-stacked>li>a { background-color:#666; } section.dark .nav-tabs.nav-stacked>li>a.active { background-color:#444; margin:0; } @media only screen and (max-width: 480px) { .nav-tabs>li { margin-bottom:3px; } .nav-tabs>li, .nav-tabs>li>a { display:block !important; float:none !important; border:0 !important; background-color:rgba(0,0,0,0.01); } .nav-tabs>li>a :focus, .nav-tabs>li>a.active { background-color:rgba(0,0,0,0.05); } } /* Stacked Alternate */ .nav-tabs.nav-alternate { background-color:transparent; } div.tab-content.nav-alternate { background-color:transparent; padding:0; } .nav-tabs.nav-alternate>li>a { background-color:#fafafa; } .nav-tabs.nav-alternate>li>a.active { color:#fff !important; background-color:#999; } section.dark .tab-content.nav-alternate { background-color:transparent !important; } /** 41. Toggles & Accordions *************************************************** **/ div.toggle { margin: 10px 0 0; position: relative; clear: both; } div.toggle > label { color: #333; background:rgba(0,0,0,0.1); cursor: pointer; font-size: 16px; font-weight:normal; padding: 10px 20px; position: relative; display: block; border-bottom: rgba(0,0,0,0.03) 1px solid; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: all .10s ease-out; -moz-transition: all .10s ease-out; -o-transition: all .10s ease-out; transition: all .10s ease-out; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } section.dark div.toggle > label { color: #fff; background:rgba(0,0,0,0.5); } div.toggle div.toggle-content { border: rgba(0,0,0,0.03) 1px solid; display: none; background:rgba(0,0,0,0.03); margin-top: -5px; padding: 15px 20px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } div.toggle div.toggle-content p:last-child { margin-bottom:0; } section.dark div.toggle div.toggle-content { background:rgba(255,255,255,0.05); } div.toggle > label:before { content: ''; border: 6px solid transparent; border-top-color: inherit; position: absolute; top: 50%; right: 14px; margin-top: -3px; } div.toggle > label:hover { background: rgba(0,0,0,0.15); } div.toggle > label + p { color: #888; height: 25px; display: block; overflow: hidden; padding-left: 10px; } div.toggle.active > label:before { border: 6px solid transparent; border-bottom-color:rgba(0,0,0,0.5); right: 14px; margin-top: -10px; } .toggle .toggle-content { border:0 !important; } /* transparent body */ .toggle.toggle-transparent .toggle-content, .toggle.toggle-transparent-body .toggle-content { background:transparent; } .toggle.toggle-transparent-body label { background: rgba(0,0,0,0.03); } .toggle.toggle-transparent-body label:hover { background: rgba(0,0,0,0.04); } /* transparent full */ .toggle.toggle-transparent label:hover, .toggle.toggle-transparent label { background-color:transparent; border:0; } .toggle.toggle-transparent div.toggle.active label { font-weight:bold; } /* bordered simple */ .toggle.toggle-bordered-simple label:hover, .toggle.toggle-bordered-simple label { border:#ccc 1px solid; } /* bordered full */ .toggle.toggle-bordered-full label:hover, .toggle.toggle-bordered-full label { border:#ccc 1px solid; border-bottom:0; margin:0; } .toggle.toggle-bordered-full div.toggle:last-child>label { border-bottom:#ccc 1px solid; } .toggle.toggle-bordered-full div.toggle.active>label { font-weight:bold; } .toggle.toggle-bordered-full .toggle-content { border:#ccc 1px solid !important; border-top:0 !important; border-bottom:0 !important; } .toggle.toggle-bordered-full div.toggle { margin:0; } /* noicon */ .toggle.toggle-noicon div.toggle > label:before { display:none; } /** 42. Box Shadow http://www.paulund.co.uk/creating-different-css3-box-shadows-effects **************************************************************** **/ .box-shadow-1 *, .box-shadow-2 *, .box-shadow-3 *, .box-shadow-4 *, .box-shadow-5 *, .box-shadow-6 *, .box-shadow-7 *, .box-shadow-8 * { z-index: 1; position: relative; } .box-shadow-1:after, .box-shadow-1:before { top: 80%; left: 5px; width: 50%; z-index: 0; content: ""; bottom: 15px; max-width: 300px; position: absolute; } /* Shadow 1 */ .box-shadow-1 { -webkit-box-shadow: 0 14px 6px -6px #666; -moz-box-shadow: 0 14px 6px -6px #666; box-shadow: 0 14px 6px -6px #666; } section.dark .box-shadow-1 { -webkit-box-shadow: 0 14px 6px -6px #111; -moz-box-shadow: 0 14px 6px -6px #111; box-shadow: 0 14px 6px -6px #111; } /* Shadow 2 */ .box-shadow-2 { position: relative; } .box-shadow-2:before, .box-shadow-2:after { z-index: 0; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width:300px; background: #777; -webkit-box-shadow: 0 15px 10px #777; -moz-box-shadow: 0 15px 10px #777; box-shadow: 0 15px 10px #777; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } .box-shadow-2:after { right: 10px; left: auto; -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); } section.dark .box-shadow-2:before, section.dark .box-shadow-2:after { background: #111; -webkit-box-shadow: 0 15px 10px #111; -moz-box-shadow: 0 15px 10px #111; box-shadow: 0 15px 10px #111; } /* Shadow 3 */ .box-shadow-3 { position: relative; } .box-shadow-3:before { z-index: 0; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width:300px; background: #777; -webkit-box-shadow: 0 15px 10px #777; -moz-box-shadow: 0 15px 10px #777; box-shadow: 0 15px 10px #777; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } section.dark .box-shadow-3:before { background: #111; -webkit-box-shadow: 0 15px 10px #111; -moz-box-shadow: 0 15px 10px #111; box-shadow: 0 15px 10px #111; } /* Shadow 4 */ .box-shadow-4 { position: relative; } .box-shadow-4:after { z-index: 0; position: absolute; content: ""; bottom: 15px; right: 10px; left: auto; width: 50%; top: 80%; max-width:300px; background: #777; -webkit-box-shadow: 0 15px 10px #777; -moz-box-shadow: 0 15px 10px #777; box-shadow: 0 15px 10px #777; -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); } section.dark .box-shadow-4:after { background: #111; -webkit-box-shadow: 0 15px 10px #111; -moz-box-shadow: 0 15px 10px #111; box-shadow: 0 15px 10px #111; } /* Shadow 5 */ .box-shadow-5 { position: relative; } .box-shadow-5:before, .box-shadow-5:after { z-index: 0; position: absolute; content: ""; bottom: 25px; left: 10px; width: 50%; top: 80%; max-width:300px; background: #777; -webkit-box-shadow: 0 35px 20px #777; -moz-box-shadow: 0 35px 20px #777; box-shadow: 0 35px 20px #777; -webkit-transform: rotate(-8deg); -moz-transform: rotate(-8deg); -o-transform: rotate(-8deg); -ms-transform: rotate(-8deg); transform: rotate(-8deg); } .box-shadow-5:after { -webkit-transform: rotate(8deg); -moz-transform: rotate(8deg); -o-transform: rotate(8deg); -ms-transform: rotate(8deg); transform: rotate(8deg); right: 10px; left: auto; } section.dark .box-shadow-5:before, section.dark .box-shadow-5:after { background: #111; -webkit-box-shadow: 0 35px 20px #111; -moz-box-shadow: 0 35px 20px #111; box-shadow: 0 35px 20px #111; } /* Shadow 6 */ .box-shadow-6 { position:relative; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } .box-shadow-6:before, .box-shadow-6:after { content:""; position:absolute; z-index: 0; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8); -moz-box-shadow:0 0 20px rgba(0,0,0,0.8); box-shadow:0 0 20px rgba(0,0,0,0.8); top:50%; bottom:0; left:10px; right:10px; -moz-border-radius:100px / 10px; border-radius:100px / 10px; } section.dark .box-shadow-6 { position:relative; -webkit-box-shadow:0 1px 4px rgba(255, 255, 255, 0.3), 0 0 40px rgba(255, 255, 255, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(255, 255, 255, 0.3), 0 0 40px rgba(255, 255, 255, 0.1) inset; box-shadow:0 1px 4px rgba(255, 255, 255, 0.3), 0 0 40px rgba(255, 255, 255, 0.1) inset; } section.dark .box-shadow-6:before, section.dark .box-shadow-6:after { -webkit-box-shadow:0 0 20px rgba(255,255,255,0.8); -moz-box-shadow:0 0 20px rgba(255,255,255,0.8); box-shadow:0 0 20px rgba(255,255,255,0.8); } /* Shadow 7 */ .box-shadow-7 { position:relative; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } .box-shadow-7:before, .box-shadow-7:after { content:""; position:absolute; z-index: 0; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8); -moz-box-shadow:0 0 20px rgba(0,0,0,0.8); box-shadow:0 0 20px rgba(0,0,0,0.8); top:0; bottom:0; left:10px; right:10px; -moz-border-radius:100px / 10px; border-radius:100px / 10px; } .box-shadow-7:after { right:10px; left:auto; -webkit-transform:skew(8deg) rotate(3deg); -moz-transform:skew(8deg) rotate(3deg); -ms-transform:skew(8deg) rotate(3deg); -o-transform:skew(8deg) rotate(3deg); transform:skew(8deg) rotate(3deg); } section.dark .box-shadow-7 { position:relative; -webkit-box-shadow:0 1px 4px rgba(255, 255, 255, 0.3), 0 0 40px rgba(255, 255, 255, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(255, 255, 255, 0.3), 0 0 40px rgba(255, 255, 255, 0.1) inset; box-shadow:0 1px 4px rgba(255, 255, 255, 0.3), 0 0 40px rgba(255, 255, 255, 0.1) inset; } section.dark .box-shadow-7:before, section.dark .box-shadow-7:after { -webkit-box-shadow:0 0 20px rgba(255,255,255,0.8); -moz-box-shadow:0 0 20px rgba(255,255,255,0.8); box-shadow:0 0 20px rgba(255,255,255,0.8); } /* Shadow 8 */ .box-shadow-8 { position:relative; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } .box-shadow-8:before, .box-shadow-8:after { content:""; position:absolute; z-index: 0; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8); -moz-box-shadow:0 0 20px rgba(0,0,0,0.8); box-shadow:0 0 20px rgba(0,0,0,0.8); top:10px; bottom:10px; left:0; right:0; -moz-border-radius:100px / 10px; border-radius:100px / 10px; } .box-shadow-8:after { right:10px; left:auto; -webkit-transform:skew(8deg) rotate(3deg); -moz-transform:skew(8deg) rotate(3deg); -ms-transform:skew(8deg) rotate(3deg); -o-transform:skew(8deg) rotate(3deg); transform:skew(8deg) rotate(3deg); } section.dark .box-shadow-8 { position:relative; -webkit-box-shadow:0 1px 4px rgba(255, 255, 255, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(255, 255, 255, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(255, 255, 255, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } section.dark .box-shadow-8:before, section.dark .box-shadow-8:after { -webkit-box-shadow:0 0 20px rgba(255, 255, 255,0.8); -moz-box-shadow:0 0 20px rgba(255, 255, 255,0.8); box-shadow:0 0 20px rgba(255, 255, 255,0.8); } /** 43. Testimonials **************************************************************** **/ ul.testimonial-dotted { overflow:hidden; } ul.testimonial-dotted>li { padding-top:30px; padding-bottom:30px; } ul.testimonial-dotted>li figure { text-align:center; display:block; } ul.testimonial-dotted>li img { display:inline-block; } ul.testimonial-dotted>li:after { content: ''; position: absolute; width: 100%; height: 0; top: auto; left: 0; bottom: -1px; border-bottom: 1px dashed rgba(0,0,0,0.3); } ul.testimonial-dotted>li:before { content: ''; position: absolute; height: 100%; top: 0; left: -1px; border-left: 1px dashed rgba(0,0,0,0.3); } section.dark ul.testimonial-dotted>li:after { border-bottom: 1px dashed rgba(255,255,255,0.3); } section.dark ul.testimonial-dotted>li:before { border-left: 1px dashed rgba(255,255,255,0.3); } div.testimonial p { margin-top:0; } div.testimonial>figure>img { width:65px; height:65px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .testimonial cite { font-weight:bold; text-shadow:none; } .testimonial cite span { display:block; color:#888; font-size:12px; font-weight:300; } section.parallax .testimonial cite span { color:#ddd; } .testimonial-content { position:relative; padding-left:75px; } /* owl carousel testimonial */ div.owl-carousel.owl-testimonial .testimonial { margin-bottom:50px; display:block; } /* owl mini carousel testimonial */ div.owl-carousel.owl-mini-testimonial { text-align:left; } div.owl-carousel.owl-mini-testimonial .testimonial-content { text-align:left; } div.owl-carousel.owl-mini-testimonial .testimonial { margin-bottom:30px; } div.owl-carousel.owl-mini-testimonial .testimonial img { float:left; margin-right:20px; } div.owl-carousel.owl-mini-testimonial .testimonial p { margin:0; } div.owl-carousel.owl-mini-testimonial .owl-controls { text-align:right; } div.owl-carousel.owl-mini-testimonial .owl-controls .owl-page span { width:6px; height:6px; margin:5px 4px; } /* bordered */ div.testimonial-bordered { border:#eaeaea 2px solid; padding:30px 15px; margin:30px 0; } section.dark div.testimonial-bordered { border-color:#666; background-color:rgba(0,0,0,0.1); } @media screen and (max-width: 860px) { div.testimonial-bordered { margin: 15px 0; } } /** 44. Flexslider **************************************************************** **/ .flex-container a:hover, .flex-slider a:hover, .flex-container a:focus, .flex-slider a:focus { outline: none; } .slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } .flex-pauseplay span { text-transform: capitalize; } /* ==================================================================================================================== * BASE STYLES * ====================================================================================================================*/ .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } .flexslider .slides img { width: 100%; display: block; } .flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .flexslider .slides { display: block; } * html .flexslider .slides { height: 1%; } .no-js .flexslider .slides > li:first-child { display: block; } /* ==================================================================================================================== * DEFAULT THEME * ====================================================================================================================*/ .flexslider { margin: 0 0 60px; background: #ffffff; border: 4px solid #ffffff; position: relative; zoom: 1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); } .flexslider .slides { zoom: 1; } .flexslider .slides img { height: auto; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .carousel li { margin-right: 5px; } .flex-direction-nav { *height: 0; } .flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .flexslider:hover .flex-direction-nav .flex-prev { opacity: 0.7; left: 10px; } .flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1; } .flexslider:hover .flex-direction-nav .flex-next { opacity: 0.7; right: 10px; } .flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; } .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:hover { opacity: 1; } .flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; } .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } /* ==================================================================================================================== * RESPONSIVE * ====================================================================================================================*/ @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px; } .flex-direction-nav .flex-next { opacity: 1; right: 10px; } } /** Next | Prev ************************* **/ .flex-prev, .flex-next { background-image:none !important; color:#ccc; font-size:34px; line-height:55px; height:auto !important; width:56px !important; text-align:center; background-color:rgba(0,0,0,0.2); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all .400s; -moz-transition: all .400s; -o-transition: all .400s; transition: all .400s; } .flex-next { right:-3px; } .flex-prev { left:-3px; } .flex-next:hover, .flex-prev:hover { color:#fff; background-color:rgba(0,0,0,0.5); } /** Custom ************************* **/ .flexslider { margin:0; border:0; padding:0; overflow:hidden; position:relative; } .flex-direction-nav a:before, .flex-direction-nav a.flex-next:before, .flex-direction-nav a.flex-prev:before { font-family: ''; content:''; } .flex-control-nav { bottom:auto; top:15px; right:15px; width:auto; display:inline-block; } .flex-control-nav li { margin:0 2px; } .flex-control-paging li a, .flex-control-paging li a:hover { background-color:#fff; width:15px; height:5px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .flex-caption { position:absolute; margin-left: 20px; bottom: 45px; display:inline-block; color: #fff; background-color:rgba(0,0,0,0.7); font-family:'Lato',Arial,Helvetica,sans-serif; font-weight:300; padding: 6px 15px 8px 15px; opacity: 1 !important; width:auto; max-width:500px; font-size:21px; text-shadow: 1px 1px 1px rgba(0,0,0,0.15); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .flex-direction-nav .flex-prev { left:-3px !important; margin-top:-26px; opacity:1; color:#fff; text-align:center; } .flex-direction-nav .flex-next { right:-3px !important; margin-top:-26px; opacity:1; color:#fff; text-align:center; } .flex-control-nav.flex-control-thumbs li, .flex-control-nav.flex-control-thumbs li img { width:100px !important; height:75px !important; cursor:pointer; } .flex-control-thumbs { margin:3px 0 0 ; } @media only screen and (max-width: 768px) { .flex-caption { display:none !important; } .flex-control-nav.flex-control-thumbs li, .flex-control-nav.flex-control-thumbs li img { width:80px !important; height:60px !important; } .flex-direction-nav .flex-prev, .flex-direction-nav .flex-next { margin-top:0; } } @media only screen and (max-width: 480px) { .flex-control-nav.flex-control-thumbs li, .flex-control-nav.flex-control-thumbs li img { width:60px !important; height:45px !important; } } /** 45. Widgets **************************************************************** **/ /** Flickr **/ .widget-flickr ul, .widget-flickr li { margin:0; padding:0; list-style:none; } .widget-flickr li { display:list-inline; float:left; margin:1px; -webkit-transition: all .300s; -moz-transition: all .300s; -o-transition: all .300s; transition: all .300s; } .widget-flickr li:hover { opacity:0.85; filter: alpha(opacity=85); } /** Twitter **/ ul.widget-twitter, ul.widget-twitter li { margin:0; padding:0; list-style:none; font-size:14px; } ul.widget-twitter li { padding:10px 0; border-bottom:rgba(0,0,0,0.06) 1px solid; } ul.widget-twitter li>i { font-size:24px; float:left; } ul.widget-twitter li>small { display:block; margin-top:10px; font-size:11px; letter-spacing:1px; } ul.widget-twitter li>span>a { font-size:12px; display:block; } ul.widget-twitter li>small>a { color:#666; } ul.widget-twitter li>small, ul.widget-twitter li>span { margin-left:30px; display:block; } section.dark ul.widget-twitter li { color:#ccc; } /** Dribbble **/ ul.widget-dribbble, ul.widget-dribbble li { list-style:none; margin:0; padding:0; -webkit-transition: all .300s; -moz-transition: all .300s; -o-transition: all .300s; transition: all .300s; } ul.widget-dribbble>li img { padding:1px; -webkit-transition: all .300s; -moz-transition: all .300s; -o-transition: all .300s; transition: all .300s; } ul.widget-dribbble[data-col='1']>li { float:left; width:100% !important; } ul.widget-dribbble[data-col='2']>li { float:left; width:50% !important; } ul.widget-dribbble[data-col='3']>li { float:left; width:33.3% !important; } ul.widget-dribbble>li , ul.widget-dribbble[data-col='4']>li { float:left; width:25% !important; } ul.widget-dribbble[data-col='5']>li { float:left; width:20% !important; } ul.widget-dribbble[data-col='6']>li { float:left; width:16.66% !important; } ul.widget-dribbble>li:hover>a>img { opacity:0.85; filter: alpha(opacity=85); } @media only screen and (max-width: 482px) { ul.widget-dribbble>li , ul.widget-dribbble[data-col='4']>li { float:left; width:50% !important; } ul.widget-dribbble[data-col='5']>li { float:left; width:50% !important; } ul.widget-dribbble[data-col='6']>li { float:left; width:50% !important; } } /** 46. Side Nav **************************************************************** **/ .side-nav { font-size:15px; } div.side-nav li.list-group-item { padding:0 15px; } /* deep nav fix */ div.side-nav li.list-group-item li.list-group-item { padding: 0; } div.side-nav li.list-group-item li.list-group-item>ul { padding-left: 15px; padding-right: 5px; } div.side-nav li.list-group-item li.list-group-item a.dropdown-toggle:before { right: 5px; } div.side-nav ul, div.side-nav ul>li { border:0 !important; } div.side-nav ul>li { position: relative; background-color:transparent !important; } div.side-nav ul>li:before { content: "\f105"; font-family: FontAwesome; position: absolute; font-size: 15px; left: 0; top: 4px; color: #999; } div.side-nav li.list-group-noicon:before, div.side-nav ul.list-group-noicon>li:before, div.side-nav ul.list-group-noicon>li>ul>li:before { content:''; display:none; } div.side-nav ul.list-group-noicon>li { padding-left:0; } div.side-nav ul.list-group-noicon>li ul { display: none; } div.side-nav ul>li>a { display:block; padding:4px 0 4px 0; } div.side-nav ul>li>a { color:#777; text-decoration:none; } div.side-nav ul>li:hover>a, div.side-nav ul>li.active>a { color:#111 !important; } button.page-side-nav-mobile { display:none; } div.side-nav ul>li>ul>li>a{ padding:8px 0 8px 15px; } ul.side-nav>li>a>i { margin-right:8px; } /* side nav sub categs */ div.side-nav ul>li>a.dropdown-toggle:before { content: "\f107"; font-family: FontAwesome; position: absolute; font-size: 17px; right: 20px; top: 15px; color: #999; } div.side-nav ul ul>li>a.dropdown-toggle:before { top: 3px; } div.side-nav ul ul ul { padding-left: 30px !important; } div.side-nav ul>li.active>a.dropdown-toggle:before { content: "\f106"; } div.side-nav ul>li>ul { display:none; } div.side-nav ul>li.active>ul { display:block; } div.side-nav ul>li>ul, div.side-nav ul>li>ul>li { margin:0; padding:0; list-style:none; } div.side-nav ul>li>ul { padding:10px 0; } div.side-nav ul>li>ul>li a { font-size:12px; } /* */ div.side-nav .side-nav-head { position:relative; } div.side-nav .side-nav-head h4 { font-size:16px; } div.side-nav ul.list-group-bordered>li>a { display:block; /*border-bottom:rgba(0,0,0,0.05) 1px solid;*/ padding:15px 10px; border-bottom: rgba(148,149,150,0.1) 1px solid; } div.side-nav ul.list-group-bordered>li>a>span.float-left, div.side-nav ul.list-group-bordered>li>a>span.float-right { margin-top:3px; } div.side-nav .side-nav-head button { display:none; font-size:21px; background-color:rgba(0,0,0,0.2); height:44px; width:44px; z-index: 1; } @media only screen and (min-width: 990px) { div.side-nav>ul { display:block !important; } } @media only screen and (max-width: 767px) { div.side-nav ul { display:none; max-height:350px; overflow-y:auto; margin-bottom:30px; } div.side-nav ul>li { border-bottom:rgba(0,0,0,0.03) 1px solid !important; } div.side-nav .side-nav-head { height:44px; background-color:rgba(0,0,0,0.1); margin-bottom:30px; } div.side-nav .side-nav-head>h4 { line-height:44px; padding-left:15px; margin:0; } div.side-nav .side-nav-head button { display:block; position:absolute; right:0; } } @media only screen and (max-width: 768px) { div.side-nav ul { max-height:250px; overflow-y:auto; } } /** 47. Star Rating
**************************************************************** **/ .rating { position:relative; min-height:17px; width:auto; color:#999; display:inline-block; font-family: FontAwesome; } section.dark .rating { color:#666; } .rating-0:after { content:"\f006\20\f006\20\f006\20\f006\20\f006"; } .rating-1:after { content:"\f005\20\f006\20\f006\20\f006\20\f006"; } .rating-2:after { content:"\f005\20\f005\20\f006\20\f006\20\f006"; } .rating-3:after { content:"\f005\20\f005\20\f005\20\f006\20\f006"; } .rating-4:after { content:"\f005\20\f005\20\f005\20\f005\20\f006"; } .rating-5:after { content:"\f005\20\f005\20\f005\20\f005\20\f005"; } /** 48. Image Zoom [plugin] assets/plugins/image.zoom **************************************************************** **/ figure.zoom img::selection { background-color: transparent; } figure.zoom { display:inline-block; position: relative; -webkit-transition: all .300s; -moz-transition: all .300s; -o-transition: all .300s; transition: all .300s; } figure.zoom>a.lightbox { position:absolute; z-index:20; font-size:17px; background-color:#666; padding:6px 10px; width:40px; height:40px; line-height:30px; text-align:center; color:#fff; -webkit-border-bottom-right-radius: 15px; -webkit-border-top-left-radius: 15px; -moz-border-radius-bottom-right: 15px; -moz-border-radius-top-left: 15px; border-bottom-right-radius: 15px; border-top-left-radius: 15px; } figure.zoom>a.lightbox:hover { background-color:#333; } /* lightbox button position */ figure.zoom>a.lightbox.bottom-right { right:10px; bottom:10px; } figure.zoom>a.lightbox.bottom-left { left:10px; bottom:10px; } figure.zoom>a.lightbox.top-right { right:10px; top:10px; } figure.zoom>a.lightbox.top-left { left:10px; top:10px; } .owl-carousel.zoom-more .owl-controls .owl-buttons div { background-color:inherit; border:0; } .owl-carousel.zoom-more .owl-controls.clickable { top: auto !important; bottom:0 !important; margin-top:0; margin-bottom:-10px; right:-10px; } .owl-carousel.zoom-more a, .owl-carousel.zoom-more a>img { text-align:center; -webkit-transition: all .300s; -moz-transition: all .300s; -o-transition: all .300s; transition: all .300s; } .owl-carousel.zoom-more a>img { opacity:0.5; filter: alpha(opacity=80); filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */ -webkit-backface-visibility: hidden; /* Fix for transition flickering */ } .owl-carousel.zoom-more a.active>img { opacity:1; filter: alpha(opacity=1); -webkit-filter: none; filter: none; } /** IMAGE ZOOM HOVER */ .image-hover-zoom { overflow: hidden; } .image-hover-zoom>img { -webkit-transition: ease all .3s; -moz-transition: ease all .3s; transition: ease all .3s; } .image-hover-zoom:hover>img { -webkit-transform: translate3d(0, 3%, 0) scale(1.3); -moz-transform: translate3d(0, 3%, 0) scale(1.3); -ms-transform: translate3d(0, 3%, 0) scale(1.3); -o-transform: translate3d(0, 3%, 0) scale(1.3); transform: translate3d(0, 3%, 0) scale(1.3); } /** IMAGE PLUS HOVER **/ .image-hover-plus { position: relative; display: block; } .image-hover-plus>i.icon-hover-plus { opacity: 0; position: absolute; width: 0; top: 50%; left: 50%; z-index: 10; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .image-hover-plus:hover>i.icon-hover-plus { opacity: 1; width: 20%; } .image-hover-plus>i.icon-hover-plus::after, .image-hover-plus>i.icon-hover-plus::before { content: ''; display: block; position: absolute; width: 100%; top: 50%; left: 50%; border-top: #fff 1px solid; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .image-hover-plus>i.icon-hover-plus::after { -webkit-transform: translate3d(-50%, -50%, 0) rotate(90deg); -moz-transform: translate3d(-50%, -50%, 0) rotate(90deg); -ms-transform: translate3d(-50%, -50%, 0) rotate(90deg); -o-transform: translate3d(-50%, -50%, 0) rotate(90deg); transform: translate3d(-50%, -50%, 0) rotate(90deg); } /* IMAGE HOVER OVERLAY */ .image-hover-overlay { position: relative; overflow: hidden; display: block; } .image-hover-overlay::before { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; background-color: rgba(33, 33, 36, 0.5); opacity: 0; z-index:10; position: absolute; content:' '; } .image-hover-overlay:hover::before { opacity: 1; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } /** 49. Forms **************************************************************** **/ form div.row:last-child { margin-bottom:0; } form>select, form>input, form>textarea { margin-bottom:8px; } input.err, input.error, textarea.err, textarea.error, select.err, select.error { border:#bf6464 2px dashed !important; background-color:#fdfbfb !important; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } /* Form Validation */ form.validate label.error { position:absolute; background-color:#ff0000; color:#fff; left:0; z-index:10; bottom:-26px; left:36px; font-size:11px; font-weight:400; padding:3px; display:none !important; } /* CUSTOM FILE UPLOAD */ .custom-file-upload-hidden { display: none; visibility: hidden; position: absolute; left: -9999px; } .file-upload-wrapper { position: relative; margin-bottom: 5px; } .file-upload-input { width: 300px; font-size: 16px; padding: 11px 17px; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; float: left; /* IE 9 Fix */ } /* FORM ELEMENTS */ .radio+.radio, .checkbox+.checkbox { margin-top:1px; } /**/ /* radios and checkboxes */ /**/ .radio, .checkbox { display:inline-block; margin: 0 15px 3px 0; padding-left: 36px; font-size: 16px; line-height: 34px; color: #404040; cursor: pointer; overflow: hidden; position: relative; } section.dark .radio, section.dark .checkbox { color: #eee; } .radio input, .checkbox input { position: absolute; margin-top:-60px !important; } .radio i, .checkbox i { position: absolute; top: 5px; left: 0; display: block; width: 24px; height: 24px; outline: none; border-width: 2px; border-style: solid; border-color:rgba(0,0,0,0.3); background: rgba(255,255,255,0.3); } section.dark .radio i, section.dark .checkbox i { border-color:rgba(255,255,255,0.3); background: transparent; } .radio i { -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; } .radio input + i:after, .checkbox input + i:after { position: absolute; opacity: 0; transition: opacity 0.1s; -o-transition: opacity 0.1s; -ms-transition: opacity 0.1s; -moz-transition: opacity 0.1s; -webkit-transition: opacity 0.1s; } .radio input + i:after { content: ''; top: 7px; left: 7px; width: 6px; height: 6px; border-radius: 50%; } .checkbox input + i:after { content: '\f00c'; top: 2px; left: 3px; width: 15px; height: 15px; font: normal 14px/16px FontAwesome; text-align: center; } .radio input:checked + i:after, .checkbox input:checked + i:after { opacity: 1; } .inline-group { margin: 0 -30px -4px 0; } .inline-group:after { content: ''; display: table; clear: both; } .inline-group .radio, .inline-group .checkbox { float: left; margin-right: 30px; } .inline-group .radio:last-child, .inline-group .checkbox:last-child { margin-bottom: 4px; } /**/ /* hover state */ /**/ .input:hover input, .select:hover select, .textarea:hover textarea, .radio:hover i, .checkbox:hover i, .toggle:hover i { border-color: rgba(0,0,0,0.6); } section.dark .input:hover input, section.dark .select:hover select, section.dark .textarea:hover textarea, section.dark .radio:hover i, section.dark .checkbox:hover i, section.dark .toggle:hover i { border-color: rgba(255,255,255,0.3); } .button:hover { opacity: 1; } /**/ /* focus state */ /**/ .input input:focus, .select select:focus, .textarea textarea:focus, .radio input:focus + i, .checkbox input:focus + i, .toggle input:focus + i { border-color: rgba(0,0,0,0.6); } section.dark .input input:focus, section.dark .select select:focus, section.dark .textarea textarea:focus, section.dark .radio input:focus + i, section.dark .checkbox input:focus + i, section.dark .toggle input:focus + i { border-color: rgba(255,255,255,0.7); } /**/ /* checked state */ /**/ .radio input + i:after { background-color:rgba(0,0,0,8); } section.dark .radio input + i:after { background-color:rgba(255,255,255,8); } .checkbox input + i:after { color: rgba(0,0,0,8); } section.dark .checkbox input + i:after { color: rgba(255,255,255,8); } .radio input:checked + i, .checkbox input:checked + i, .toggle input:checked + i { border-color:rgba(0,0,0,8); } section.dark .radio input:checked + i, section.dark .checkbox input:checked + i, section.dark .toggle input:checked + i { border-color:rgba(255,255,255,8); } section.dark select>option, section.dark select>optgroup { background-color: #333; } /* @toggle switch elements -------------------------------------------------- */ .switch { cursor:pointer; position: relative; padding-right:10px; display: inline-block; margin-bottom:5px; height: 26px; } .switch > .switch-label { cursor:pointer; display: inline-block; position: relative; height: 25px; width: 58px; color: #fff; font-size: 10px; font-weight: bold; line-height: 20px; text-align: center; background: #B5C1C7; border: 2px solid #B5C1C7; text-transform: uppercase; font-family:Helvetica, Arial, sans-serif; -webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; transition: 0.3s ease-out; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .switch > .switch-label + span{ display:inline-block; padding-left:5px; position:relative; top:-7px; } .switch > .switch-label:before { content: attr(data-off); position: absolute; top: 1px; right: 3px; width: 33px; } .switch > .switch-label:after { content:""; margin: 1px; width: 19px; height: 19px; display: block; background: #fff; -webkit-border-radius: 1px; -moz-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; } .switch > input { -webkit-appearance: none; position: absolute; width: inherit; height: inherit; opacity: 0; left: 0; top: 0; } /* @toggle switch focus state -------------------------------------------------------------- */ .switch > input:focus { outline: none; } .switch > input:focus + .switch-label { color: #fff; border-color: #a1a6a9; background:#a1a6a9; } .switch > input:focus + .switch-label:after { background: #fff; } /* @toggle switch normal state --------------------------------------------------------------- */ .switch > input:checked + .switch-label { border-color: #333; background: #333; padding-left: 33px; color: white; } .switch.switch-success > input:checked + .switch-label { border-color:#4cae4c; background:#4cae4c; } .switch.switch-danger > input:checked + .switch-label { border-color:#d43f3a; background:#d43f3a; } .switch.switch-warning > input:checked + .switch-label { border-color:#eea236; background:#eea236; } .switch.switch-info > input:checked + .switch-label { border-color:#46b8da; background:#46b8da; } .switch.switch-default > input:checked + .switch-label { border-color:rgba(0,0,0,0.1); background:rgba(0,0,0,0.1); } .switch.switch-default > input:checked + .switch-label:before { color:#888; } .switch > input:checked + .switch-label:before { content: attr(data-on); left: 1px; top:1px; } .switch > input:checked + .switch-label:after { margin: 1px; width: 19px; height: 19px; background: white; } /* @toggle switch normal state focus --------------------------------------------------------------------------------- */ .switch-round > .switch-label { -webkit-border-radius: 13px; -moz-border-radius: 13px; -o-border-radius: 13px; border-radius: 13px; } .switch-round > .switch-label + span{ top:-2px; } .switch-round > .switch-label:before { width: 33px; } .switch-round > .switch-label:after { width: 19px; color:#B5C1C7; content: "\2022"; font:20px/20px Times, Serif; -webkit-border-radius: 13px; -moz-border-radius: 13px; -o-border-radius: 13px; border-radius: 13px; } .switch-round > input:checked + .switch-label { padding-left: 33px; } .switch-round > input:checked + .switch-label:after{ color:#333; } /* fancy upload -------------------------------------------------------- */ .fancy-file-upload { position:relative; height:40px; overflow:hidden; display:block; margin-bottom:3px; } .fancy-file-upload>span.button { color:#fff; background-color:#333; position: absolute; top: 4px; right: 4px; top:4px; bottom:4px; line-height: 31px; padding: 0 16px; z-index: 10; font-size:13px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .fancy-file-upload.fancy-file-primary>span.button { background-color:#333; } .fancy-file-upload.fancy-file-success>span.button { background-color:#4cae4c; } .fancy-file-upload.fancy-file-danger>span.button { background-color:#d43f3a; } .fancy-file-upload.fancy-file-warning>span.button { background-color:#eea236; } .fancy-file-upload.fancy-file-info>span.button { background-color:#46b8da; } .fancy-file-upload.fancy-file-default>span.button { color:#666; background-color:rgba(0,0,0,0.1); } .fancy-file-upload>input[type=text] { background-color:transparent; padding-left: 36px; font-size:14px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .fancy-file-upload>input[type=file] { width: 100%; height: 100%; cursor: pointer; padding: 8px 10px; position: absolute; -moz-opacity: 0; opacity: 0; z-index: 11; bottom: 0; right: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .fancy-file-upload>i { position:absolute; top: -1px; width: 42px; height: 42px; color: inherit; line-height: 42px; position: absolute; text-align: center; color:#888; z-index: 10; } /* fancy inputs / selects / textareas -------------------------------------------------------- */ .fancy-form { position:relative; margin-bottom:3px; } .fancy-form .fancy-hint { padding:10px; border-top:rgba(0,0,0,0.1) 1px solid; background-color:rgba(148,149,150,0.05); margin-top:-1px; border:#ddd 1px solid; border-top-width:1px; display:block; z-index:10; } section.dark .fancy-form .fancy-hint { border-color:#666; background-color:rgba(255,255,255,0.1); } .fancy-form>i { position:absolute; top:50%; left:15px; margin-top:-8px; z-index:10; width:14px; height:14px; color:#888; } .fancy-form>textarea + i { top:0; margin-top:12px; } .fancy-form>textarea, .fancy-form>input { padding-left:36px; margin:0; } .fancy-form.fancy-icon-inverse>i { right:15px; left:auto; } .fancy-form.fancy-icon-inverse>textarea, .fancy-form.fancy-icon-inverse>input { padding-right:36px; padding-left:15px; } .fancy-form>select { display: block; padding: 9px 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; text-indent: 0.01px; text-overflow: ''; z-index: 10; margin: 0; cursor:pointer; } .fancy-form>.fancy-arrow:not([size]):not([multiple]), .fancy-form>.fancy-arrow-double:not([size]):not([multiple]) { -webkit-appearance:none; position: absolute; top: 20px; right: 10px; left:auto; pointer-events: none; z-index: 16; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAMAAADNLv/0AAAANlBMVEUAAAD///+ZmZmfoqiaoKydo6ueo6ucpKqdo6qdoqqeoqqdo6qdoqqdo6qco6mdo6qcoqmdo6rJSltEAAAAEHRSTlMAAQVSU5Wmrbe+1NXf5f7+fUgvXAAAAC5JREFUeNodxkkCABAMBMEhiDX4/2fJ9KULLYHlhW5C3YIwvikgThOK3kcddPU9JQ4BFWtk/ScAAAAASUVORK5CYII=) no-repeat center; } .fancy-form-select:before { position:absolute; content:' '; top: 2px; right: 2px; bottom: 2px; width: 34px; } section.dark .fancy-form-select:before { background:#262626; } select.form-control:not([size]):not([multiple]) { -webkit-appearance:none; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAMAAADNLv/0AAAANlBMVEUAAAD///+ZmZmfoqiaoKydo6ueo6ucpKqdo6qdoqqeoqqdo6qdoqqdo6qco6mdo6qcoqmdo6rJSltEAAAAEHRSTlMAAQVSU5Wmrbe+1NXf5f7+fUgvXAAAAC5JREFUeNodxkkCABAMBMEhiDX4/2fJ9KULLYHlhW5C3YIwvikgThOK3kcddPU9JQ4BFWtk/ScAAAAASUVORK5CYII=) no-repeat; background-color: #fff; color:#a3a9b0; background-position: center right 15px; } /* fancy tooltip -------------------------------------------------------- */ .fancy-tooltip { position: absolute; z-index: 10; color: #fff; background: #313131; left: -9999px; top:-100%; font-size: 11px; font-weight:normal; margin-top:20px; padding:10px; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; -ms-filter: alpha(opacity=0); filter: alpha(opacity=0); -webkit-transition: margin 0.6s, opacity 0.6s; -moz-transition: margin 0.6s, opacity 0.6s; -ms-transition: margin 0.6s, opacity 0.6s; -o-transition: margin 0.6s, opacity 0.6s; transition: margin 0.6s, opacity 0.6s; } .fancy-tooltip:after { content: ''; position: absolute; top: 100%; left: 12px; border-top: 8px solid #313131; border-right: 8px solid transparent; border-left: 8px solid transparent; } .fancy-tooltip:hover .tooltip, .fancy-tooltip:focus + .tooltip, select.fancy-tooltip:focus ~ .tooltip { opacity: 1; z-index: 999; } .fancy-form>select:focus + .fancy-tooltip, .fancy-form>textarea:focus + .fancy-tooltip, .fancy-form>input:focus + .fancy-tooltip { left:auto; top: -100%; margin-top:-8px; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; -ms-filter: alpha(opacity=100); filter: alpha(opacity=100); } .fancy-tooltip { padding:0; } input:focus + .fancy-tooltip { padding:10px; } /* @tooltip top left ----------------- */ .fancy-tooltip.top-left { top: -100%; left:0; right:auto; margin-bottom: 20px; } .fancy-tooltip.top-left:after { left: 12px; right:auto; border-top: 8px solid #313131; border-left: 8px solid transparent; border-right: 8px solid transparent; } /* @tooltip top right ----------------- */ .fancy-tooltip.top-right { top: -100%; left:auto; right:0; margin-bottom: 20px; } .fancy-tooltip.top-right:after { right: 12px; left:auto; border-top: 8px solid #313131; border-left: 8px solid transparent; border-right: 8px solid transparent; } /* autosuggest [typehead] -------------------------------------------------------- */ div.autosuggest pre { margin:0; } div.autosuggest .twitter-typeahead { display:block !important; } div.autosuggest .tt-menu { top: 38px !important; width: 100% !important; padding: 6px !important; background-color:#fff; border: #ccc 2px solid; border-top:0; } section.dark div.autosuggest .tt-menu { border-color:#999; background-color:#333; } div.autosuggest .tt-menu .tt-suggestion { cursor:pointer; padding:3px; border-bottom:rgba(0,0,0,0.05) 1px solid; } div.autosuggest .tt-menu .tt-suggestion:hover { background-color:rgba(0,0,0,0.03); } div.autosuggest .tt-menu .tt-suggestion:last-child { border:0; } div.autosuggest .tt-dataset { max-height: 200px; overflow-y: auto; } /* Form Stepper -------------------------------------------------------- */ .stepper-wrap { position: relative; display:block; font: 11px Arial, sans-serif; margin-right:34px !important; } .stepper-wrap input { padding-right:20px; margin-right:10px; } .stepper-wrap .gui-input{ -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -o-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .stepper-btn-wrap { position: absolute; top: 0; right: -34px; width: 35px; height: 100%; overflow: hidden; border: 1px solid #ddd; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } section.dark .stepper-btn-wrap { border-color:#666; } .stepper-btn-wrap a { display: block; height: 50%; overflow: hidden; line-height: 100%; text-align: center; text-decoration: none; text-shadow: 1px 1px 0 #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-indent:-9999px; cursor: default; color: #666; } section.dark .stepper-btn-wrap a { background:#262626; } .stepper-btn-wrap a:hover { background:#F8FAFC; } .stepper-btn-up:before, .stepper-btn-dwn:before { content: ''; border: 4px dashed; pointer-events: none; border-color: #B5C1C7 rgba(255, 255, 255, 0); position: absolute; right:13px; z-index:1; height:0; top:11px; width:0; } .stepper-btn-up:before { border-bottom-style: solid; border-top: none; } .stepper-btn-dwn:before { margin-top: 14px; border-top-style: solid; border-bottom: none; } /* UI SLIDER ------------------------------------------------------*/ .ui-slider .ui-slider-range, .progress > button[type="submit"]:hover, .progress > button[type="submit"], .progress-bar > .bar { background-size: 16px 16px; background-image: -webkit-linear-gradient(top left, transparent, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3)); background-image: -moz-linear-gradient(top left, transparent, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3)); background-image: -o-linear-gradient(top left, transparent, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3)); background-image: linear-gradient(to bottom right, transparent, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3)); } .slider-wrapper, .sliderv-wrapper { background:#E2E8F1; position:relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } section.dark .slider-wrapper, section.dark .sliderv-wrapper { background-color:#222; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.5em; height: 1.5em; cursor: default; background:#fff; text-decoration:none; border:3px solid #1ABC9C; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; border-radius:20px; -ms-touch-action: none; touch-action: none; margin-top:-3px; outline:none; } .ui-slider .ui-slider-handle:before{ content: ''; width: 7px; height: 7px; position:absolute; background-color: #1ABC9C; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; z-index: 2; left:5px; top:6px; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; background-color: #1ABC9C; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .5em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical, .sliderv-wrapper { width: .5em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.45em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .slider-input{ color:#f6931f!important; border:0; background:none; } .slider-group .sliderv-wrapper{ height:150px; float:left; margin:15px 15px; } .ui-slider .ui-state-active { cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } /* @ui slider tooltip --------------------- */ .slider-tip { display: block; position: absolute; text-align: center; font: 10pt Tahoma, Arial, sans-serif ; background: #34495E; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding:10px; color: #fff; } .slider-wrapper .slider-tip{ top: -50px; left:-15px; } .slider-wrapper .slider-tip:after { content: ''; position: absolute; top: 98%; left: 35%; border-top: 8px solid #34495E; border-right: 8px solid transparent; border-left: 8px solid transparent; } .sliderv-wrapper .slider-tip{ left: 30px; top:-12px; } .sliderv-wrapper .slider-tip:after{ content: ''; position: absolute; top:30%; right: 98%; border-right: 8px solid #34495E; border-top: 8px solid transparent; border-bottom: 8px solid transparent; } /* @ui slider themes --------------------- */ .warning-slider .ui-slider .ui-slider-handle{ border-color:#ed9c28; } .warning-slider .ui-slider .ui-slider-handle:before, .warning-slider .ui-slider .ui-slider-range { background-color:#ed9c28; } .danger-slider .ui-slider .ui-slider-handle{ border-color:#e74c3c; } .danger-slider .ui-slider .ui-slider-handle:before, .danger-slider .ui-slider .ui-slider-range { background-color:#e74c3c; } .purple-slider .ui-slider .ui-slider-handle{ border-color:#9B59B6; } .purple-slider .ui-slider .ui-slider-handle:before, .purple-slider .ui-slider .ui-slider-range { background-color:#9B59B6; } .info-slider .ui-slider .ui-slider-handle{ border-color:#3498db; } .info-slider .ui-slider .ui-slider-handle:before, .info-slider .ui-slider .ui-slider-range { background-color:#3498db; } .black-slider .ui-slider .ui-slider-handle{ border-color:#34495e; } .black-slider .ui-slider .ui-slider-handle:before, .black-slider .ui-slider .ui-slider-range { background-color:#34495e; } .success-slider .ui-slider .ui-slider-handle{ border-color:#2ecc71; } .success-slider .ui-slider .ui-slider-handle:before, .success-slider .ui-slider .ui-slider-range { background-color:#2ecc71; } .yellow-slider .ui-slider .ui-slider-handle{ border-color:#ed9c28; } .yellow-slider .ui-slider .ui-slider-handle:before, .yellow-slider .ui-slider .ui-slider-range { background-color:#ed9c28; } /* UI slider addons | labels + tooltips -------------------- */ .ui-slider-horizontal.ui-slider-pips { margin-bottom: 0.5em; } .ui-slider-pips .ui-slider-label, .ui-slider-pips .ui-slider-pip-hide { display: none; } .ui-slider-pips .ui-slider-pip-label .ui-slider-label { display: block; } .ui-slider-pips .ui-slider-pip { width: 2em; height: 1em; line-height: 1em; position: absolute; font-size: 0.8em; color: #999; overflow: visible; text-align: center; top: 10px; left: 20px; margin-left: -1em; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ui-slider-pips .ui-slider-line { background: #999; width: 1px; height: 3px; position: absolute; left: 50%; } .ui-slider-pips .ui-slider-label { position: absolute; top: 5px; left: 50%; margin-left: -1em; width: 2em; } .ui-slider-pip:hover .ui-slider-label { color: black; font-weight: bold; } .ui-slider-vertical.ui-slider-pips { margin-bottom: 1em; margin-right: 10px; } .ui-slider-vertical.ui-slider-pips .ui-slider-pip { text-align: left; top: auto; left: 10px; margin-left: 0; margin-bottom: -0.5em; } .ui-slider-vertical.ui-slider-pips .ui-slider-line { width: 3px; height: 1px; position: absolute; top: 50%; left: 0; } .ui-slider-vertical.ui-slider-pips .ui-slider-label { top: 50%; left: 0.5em; margin-left: 0; margin-top: -0.5em; width: 2em; } /* UI slider tooltips --------------------- */ .ui-slider-float .ui-slider-handle:focus, .ui-slider-float .ui-slider-handle:focus .ui-slider-tip, .ui-slider-float .ui-slider-handle:focus .ui-slider-tip-label { outline: none; } .ui-slider-float .ui-slider-tip, .ui-slider-float .ui-slider-tip-label { position: absolute; visibility: hidden; margin-top: -10px; display: block; width: auto; padding:5px 10px; margin-left: -50%; line-height: 20px; background:#000; border-radius: 3px; text-align: center; font-size: 11px; font-weight:bold; color:#fff; opacity:0; -webkit-transition-duration: 200ms, 200ms, 0; -moz-transition-duration: 200ms, 200ms, 0; -ms-transition-duration: 200ms, 200ms, 0; transition-duration: 200ms, 200ms, 0; -webkit-transition-property: opacity, top, visibility; -moz-transition-property: opacity, top, visibility; -ms-transition-property: opacity, top, visibility; transition-property: opacity, top, visibility; -webkit-transition-delay: 0, 0, 200ms; -moz-transition-delay: 0, 0, 200ms; -ms-transition-delay: 0, 0, 200ms; transition-delay: 0, 0, 200ms; } .ui-slider-float .ui-slider-handle:hover .ui-slider-tip, .ui-slider-float .ui-slider-handle:focus .ui-slider-tip, .ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label { opacity: 1; top: -30px; visibility: visible; -webkit-transition-delay:200ms, 200ms, 0; -moz-transition-delay:200ms, 200ms, 0; -ms-transition-delay:200ms, 200ms, 0; transition-delay:200ms, 200ms, 0; } .ui-slider-float .ui-slider-pip .ui-slider-tip-label { top: 42px; } .ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label { top: 32px; font-weight: normal; } .ui-slider-float .ui-slider-tip:after, .ui-slider-float .ui-slider-pip .ui-slider-tip-label:after { content: " "; width: 0; height: 0; border-top: 8px solid #000; border-right: 8px solid transparent; border-left: 8px solid transparent; position: absolute; bottom: -6px; left: 30%; } /* FORM V2 */ .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container--default .select2-selection--single .select2-selection__arrow { line-height: 45px; } .fancy-form>.fancy-arrow:not([size]):not([multiple]), .fancy-form>.fancy-arrow-double:not([size]):not([multiple]) { top: 23px; right: 12px; } .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container--default .select2-selection--single .select2-selection__arrow, .fancy-file-upload, .input-group-btn .btn, .form-control:not(textarea) { height: 46px !important; } .fancy-file-upload>span.button { line-height: 36px; } .fancy-file-upload>i { height: 48px; width: 48px; line-height: 48px; } .fancy-file-upload>input[type=text] { padding-left: 44px; } .input-group>.input-group-addon { line-height: 44px !important; padding-top:0; padding-bottom:0; } .input-group>.input-group-addon>i { font-size: 17px; } .input-group-btn>.btn { -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; } input.form-control, select.form-control, textarea.form-control { border-color: #dee5ed; } /** 50. Sky Form **************************************************************** **/ .sky-form,.sky-form .badge{color:#333;text-align:left;padding:0;font-size:14px;font-weight:300}.checkbox+.checkbox,.radio+.radio{margin-top:12px}.sky-form.boxed{border:rgba(0,0,0,.1) solid}.sky-form header{margin:0;background:-webkit-linear-gradient(top,#fff 1%,#f9f9f9 98%);background:linear-gradient(to bottom,#fff 1%,#f9f9f9 98%);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;border-bottom:rgba(0,0,0,.07) 1px solid;padding:15px 20px;font-size:20px;font-weight:400}.sky-form.boxed fieldset{padding:15px}.sky-form label.captcha>img{position:absolute;top:3px;right:2px}.sky-form fieldset{display:block;padding:25px 30px 5px;border:none}.sky-form fieldset+fieldset{border-top:1px solid rgba(0,0,0,.1)}.sky-form .section,.sky-form section{padding:0;margin-bottom:20px}.sky-form footer{margin:0 15px 10px;border-top:rgba(0,0,0,.03) 1px solid}.sky-form footer:after{content:'';display:table;clear:both}.sky-form .badge{display:block;margin-bottom:6px;line-height:19px}.sky-form .badge.col{margin:0;padding-top:10px}.sky-form .note{margin-top:6px;padding:0 1px;font-size:12px;line-height:15px;color:rgba(0,0,0,.5);font-weight:400}.sky-form .button,.sky-form .checkbox,.sky-form .input,.sky-form .radio,.sky-form .select,.sky-form .textarea,.sky-form .toggle{position:relative;display:block}.sky-form .input input,.sky-form .select select,.sky-form .textarea textarea{display:block;box-sizing:border-box;-moz-box-sizing:border-box;width:100%;height:40px;padding:8px 10px;outline:0;border-width:2px;border-style:solid;border-radius:0;background:#fff;font:15px/19px 'Open Sans',Helvetica,Arial,sans-serif;color:#404040;appearance:normal;-moz-appearance:none;-webkit-appearance:none}.sky-form .col{float:left;min-height:1px;padding-right:15px;padding-left:15px;box-sizing:border-box;-moz-box-sizing:border-box}.sky-form .input-file .button{position:absolute;top:4px;right:4px;float:none;height:31px;margin:0;padding:0 20px;font-size:13px;line-height:31px}.sky-form .input-file .button:hover{box-shadow:none}.sky-form .input-file .button input{position:absolute;top:0;right:0;padding:0;font-size:30px;cursor:pointer;opacity:0}.sky-form .select i{position:absolute;top:14px;right:14px;width:5px;height:11px;background:#fff;box-shadow:0 0 0 12px #fff}.sky-form .select i:after,.sky-form .select i:before{content:'';position:absolute;right:0;border-right:4px solid transparent;border-left:4px solid transparent}.sky-form .select i:after{bottom:0;border-top:4px solid #404040}.sky-form .select i:before{top:0;border-bottom:4px solid #404040}.sky-form .select-multiple select{height:auto}.sky-form .textarea textarea{height:auto;resize:none}.sky-form .textarea-resizable textarea{resize:vertical}.sky-form .textarea-expandable textarea{height:40px}.sky-form .textarea-expandable textarea:focus{height:auto}.sky-form .checkbox,.sky-form .radio{margin-bottom:4px;padding-left:27px;font-size:15px;line-height:27px;color:#404040;cursor:pointer}.sky-form .checkbox:last-child,.sky-form .radio:last-child{margin-bottom:0}.sky-form .checkbox input,.sky-form .radio input{position:absolute;left:-9999px}.sky-form .checkbox i,.sky-form .radio i{position:absolute;top:5px;left:0;display:block;width:19px;height:19px;outline:0;border-width:2px;border-style:solid;background:#fff}.sky-form .radio i{border-radius:50%}.sky-form .checkbox input+i:after,.sky-form .radio input+i:after{position:absolute;opacity:0;transition:opacity .1s;-o-transition:opacity .1s;-ms-transition:opacity .1s;-moz-transition:opacity .1s;-webkit-transition:opacity .1s}.sky-form .radio input+i:after{content:'';top:5px;left:5px;width:5px;height:5px;border-radius:50%}.sky-form .checkbox input+i:after{content:'\f00c';top:0;left:0;width:15px;height:15px;font:400 12px/16px FontAwesome;text-align:center}.sky-form .checkbox input:checked+i:after,.sky-form .radio input:checked+i:after{opacity:1}.sky-form .inline-group{margin:0 -30px -4px 0}.sky-form .inline-group:after{content:'';display:table;clear:both}.sky-form .inline-group .checkbox,.sky-form .inline-group .radio{float:left;margin-right:30px}.sky-form .inline-group .checkbox:last-child,.sky-form .inline-group .radio:last-child{margin-bottom:4px}.sky-form .toggle{margin-bottom:4px;padding-right:61px;font-size:15px;line-height:27px;color:#404040;cursor:pointer}.sky-form .toggle:last-child{margin-bottom:0}.sky-form .toggle input{position:absolute;left:-9999px}.sky-form .toggle i{content:'';position:absolute;top:5px;right:0;display:block;width:49px;height:22px;border-width:2px;border-style:solid;border-radius:12px;background:#fff}.sky-form .toggle i:after{content:'OFF';position:absolute;top:2px;right:8px;left:8px;font-style:normal;font-size:9px;line-height:13px;font-weight:700;text-align:left;color:#5f5f5f}.sky-form .toggle i:before{content:'';position:absolute;z-index:1;top:4px;right:4px;display:block;width:9px;height:9px;border-radius:50%;opacity:1;transition:right .2s;-o-transition:right .2s;-ms-transition:right .2s;-moz-transition:right .2s;-webkit-transition:right .2s}.sky-form .toggle input:checked+i:after{content:'ON';text-align:right}.sky-form .toggle input:checked+i:before{right:33px}.sky-form .rating{margin-bottom:4px;font-size:15px;line-height:27px;color:#404040}.sky-form .rating:last-child{margin-bottom:0}.sky-form .rating input{position:absolute;left:-9999px}.sky-form .rating label{display:block;float:right;height:17px;margin-top:5px;padding:0 2px;font-size:17px;line-height:17px;cursor:pointer}.sky-form .button{float:right;height:40px;overflow:hidden;margin:10px 0 0 20px;padding:0 25px;outline:0;border:0;font:300 15px/39px 'Open Sans',Helvetica,Arial,sans-serif;text-decoration:none;color:#fff;cursor:pointer}.sky-form .btn{margin:10px 0 0 20px}.sky-form .btn:hover{margin-bottom:0}.sky-form .input-group-btn .btn{margin:0}.sky-form .tooltip{position:absolute;z-index:1;left:-9999px;padding:2px 8px 3px;font-size:11px;line-height:16px;font-weight:400;background:rgba(0,0,0,.9);color:#fff;opacity:0;transition:margin .3s,opacity .3s;-o-transition:margin .3s,opacity .3s;-ms-transition:margin .3s,opacity .3s;-moz-transition:margin .3s,opacity .3s;-webkit-transition:margin .3s,opacity .3s}.sky-form .tooltip:after{content:'';position:absolute}.sky-form .input input:focus+.tooltip,.sky-form .textarea textarea:focus+.tooltip{opacity:1}.sky-form .tooltip-top-right{bottom:100%;margin-bottom:15px}.sky-form .tooltip-top-right:after{top:100%;right:16px;border-top:4px solid rgba(0,0,0,.9);border-right:4px solid transparent;border-left:4px solid transparent}.sky-form .input input:focus+.tooltip-top-right,.sky-form .textarea textarea:focus+.tooltip-top-right{right:0;left:auto;margin-bottom:5px}.sky-form .tooltip-top-left{bottom:100%;margin-bottom:15px}.sky-form .tooltip-top-left:after{top:100%;left:16px;border-top:4px solid rgba(0,0,0,.9);border-right:4px solid transparent;border-left:4px solid transparent}.sky-form .input input:focus+.tooltip-top-left,.sky-form .textarea textarea:focus+.tooltip-top-left{right:auto;left:0;margin-bottom:5px}.sky-form .tooltip-right{top:9px;white-space:nowrap;margin-left:15px}.sky-form .tooltip-right:after{top:6px;right:100%;border-top:4px solid transparent;border-right:4px solid rgba(0,0,0,.9);border-bottom:4px solid transparent}.sky-form .input input:focus+.tooltip-right,.sky-form .textarea textarea:focus+.tooltip-right{left:100%;margin-left:5px}.sky-form .tooltip-left{top:9px;white-space:nowrap;margin-right:15px}.sky-form .tooltip-left:after{top:6px;left:100%;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid rgba(0,0,0,.9)}.sky-form .input input:focus+.tooltip-left,.sky-form .textarea textarea:focus+.tooltip-left{right:100%;left:auto;margin-right:5px}.sky-form .tooltip-bottom-right{top:100%;margin-top:15px}.sky-form .tooltip-bottom-right:after{bottom:100%;right:16px;border-right:4px solid transparent;border-bottom:4px solid rgba(0,0,0,.9);border-left:4px solid transparent}.sky-form .input input:focus+.tooltip-bottom-right,.sky-form .textarea textarea:focus+.tooltip-bottom-right{right:0;left:auto;margin-top:5px}.sky-form .tooltip-bottom-left{top:100%;margin-top:15px}.sky-form .tooltip-bottom-left:after{bottom:100%;left:16px;border-right:4px solid transparent;border-bottom:4px solid rgba(0,0,0,.9);border-left:4px solid transparent}.sky-form .input input:focus+.tooltip-bottom-left,.sky-form .textarea textarea:focus+.tooltip-bottom-left{right:auto;left:0;margin-top:5px}.sky-form .checkbox i,.sky-form .ico-append,.sky-form .ico-prepend,.sky-form .input input,.sky-form .radio i,.sky-form .select select,.sky-form .textarea textarea,.sky-form .toggle i{border-color:#e5e5e5;transition:border-color .3s;-o-transition:border-color .3s;-ms-transition:border-color .3s;-moz-transition:border-color .3s;-webkit-transition:border-color .3s}.sky-form .toggle i:before{background-color:#2da5da}.sky-form .rating label{color:#ccc;transition:color .3s;-o-transition:color .3s;-ms-transition:color .3s;-moz-transition:color .3s;-webkit-transition:color .3s}.sky-form .button{background-color:#2da5da;opacity:.8;transition:opacity .2s;-o-transition:opacity .2s;-ms-transition:opacity .2s;-moz-transition:opacity .2s;-webkit-transition:opacity .2s}.sky-form .button.button-secondary{background-color:#b3b3b3}.sky-form .ico-append,.sky-form .ico-prepend{color:#ccc}.sky-form .ico-prepend{left:5px;padding-right:3px;border-right-width:1px;border-right-style:solid}.sky-form .ico-append{right:5px;padding-left:3px;border-left-width:1px;border-left-style:solid}.sky-form .ico-append,.sky-form .ico-prepend{position:absolute;top:5px;width:29px;height:29px;font-size:15px;line-height:29px;text-align:center}.sky-form .input .ico-prepend+.ico-append+input,.sky-form .input .ico-prepend+input,.sky-form .textarea .ico-prepend+.ico-append+textarea,.sky-form .textarea .ico-prepend+textarea{padding-left:46px}.sky-form .checkbox:hover i,.sky-form .input:hover input,.sky-form .radio:hover i,.sky-form .select:hover select,.sky-form .textarea:hover textarea,.sky-form .toggle:hover i{border-color:#8dc9e5}.sky-form .rating input+label:hover,.sky-form .rating input+label:hover~label{color:#2da5da}.sky-form .button:hover{opacity:1}.sky-form .checkbox input:focus+i,.sky-form .input input:focus,.sky-form .radio input:focus+i,.sky-form .select select:focus,.sky-form .textarea textarea:focus,.sky-form .toggle input:focus+i{border-color:#2da5da}.sky-form .radio input+i:after{background-color:#2da5da}.sky-form .checkbox input+i:after{color:#2da5da}.sky-form .checkbox input:checked+i,.sky-form .radio input:checked+i,.sky-form .toggle input:checked+i{border-color:#2da5da}.sky-form .rating input:checked~label{color:#2da5da}.sky-form .checkbox.state-error i,.sky-form .radio.state-error i,.sky-form .state-error input,.sky-form .state-error select,.sky-form .state-error textarea,.sky-form .toggle.state-error i{background:#fff0f0}.sky-form .state-error select+i{background:#fff0f0;box-shadow:0 0 0 12px #fff0f0}.sky-form .toggle.state-error input:checked+i{background:#fff0f0}.sky-form .note-error{color:#fff;padding:3px;display:inline-block;background-color:#ee9393}.sky-form .checkbox.state-success i,.sky-form .radio.state-success i,.sky-form .state-success input,.sky-form .state-success select,.sky-form .state-success textarea,.sky-form .toggle.state-success i{background:#f0fff0}.sky-form .state-success select+i{background:#f0fff0;box-shadow:0 0 0 12px #f0fff0}.sky-form .toggle.state-success input:checked+i{background:#f0fff0}.sky-form .note-success{color:#fff;padding:3px;display:inline-block;background-color:#6fb679}.sky-form .button.state-disabled,.sky-form .checkbox.state-disabled,.sky-form .input.state-disabled input,.sky-form .radio.state-disabled,.sky-form .select.state-disabled,.sky-form .textarea.state-disabled,.sky-form .toggle.state-disabled{cursor:default;opacity:.5}.sky-form .checkbox.state-disabled:hover i,.sky-form .input.state-disabled:hover input,.sky-form .radio.state-disabled:hover i,.sky-form .select.state-disabled:hover select,.sky-form .textarea.state-disabled:hover textarea,.sky-form .toggle.state-disabled:hover i{border-color:#e5e5e5} .sky-form.boxed { border: rgba(0,0,0,0.1) 1px solid; } .sky-form footer { padding:8px 0; margin-bottom:0; } .sky-form .btn { margin-top:0; } .sky-form .btn-social { margin:0; } .sky-form.boxed { background-color:#fff; } .sky-form fieldset { padding: 0 0 30px 0; } .sky-form header { background:transparent !important; } .sky-form .checkbox input:hover+i, .sky-form .input input:hover, .sky-form .radio input:hover+i, .sky-form .select select:hover, .sky-form .textarea textarea:hover, .sky-form .toggle input:hover+i, .sky-form .checkbox input:focus+i, .sky-form .input input:focus, .sky-form .radio input:focus+i, .sky-form .select select:focus, .sky-form .textarea textarea:focus, .sky-form .toggle input:focus+i { border-color:#c6c6c6; } section.alternate .sky-form.boxed { background-color:#F9F9F9; } section.dark .sky-form.boxed { background-color:#333; border:0; } section.dark .sky-form header { color:#fff; background: -webkit-linear-gradient(top,#000 1%,#222 98%); background: linear-gradient(to bottom,#000 1%,#222 98%); border-bottom: rgba(255,255,255,.07) 1px solid; } section.dark .sky-form .checkbox i, section.dark .sky-form .ico-append, section.dark .sky-form .ico-prepend, section.dark .sky-form .input input, section.dark .sky-form .radio i, section.dark .sky-form .select select, section.dark .sky-form .textarea textarea, section.dark .sky-form .toggle i { border-color:#666; } section.dark .sky-form .input input, section.dark .sky-form .select select, section.dark .sky-form .textarea textarea { background-color:transparent; } section.dark .sky-form footer { border-top-color:#444; } section.dark .sky-form .checkbox input:hover+i, section.dark .sky-form .input input:hover, section.dark .sky-form .radio input:hover+i, section.dark .sky-form .select select:hover, section.dark .sky-form .textarea textarea:hover, section.dark .sky-form .toggle input:hover+i, section.dark .sky-form .checkbox input:focus+i, section.dark .sky-form .input input:focus, section.dark .sky-form .radio input:focus+i, section.dark .sky-form .select select:focus, section.dark .sky-form .textarea textarea:focus, section.dark .sky-form .toggle input:focus+i { border-color:#999; } /** 51. Summernote *************************************************** **/ .note-editor { position: relative; border: rgba(0,0,0,0.1) 1px solid; } .note-editor .row-fluid p { display:none; } .note-editor .note-dropzone { position: absolute; z-index: 1; display: none; color: #87cefa; background-color: white; border: 2px dashed #87cefa; opacity: .95; pointer-event: none; } .note-editor .note-dropzone .note-dropzone-message { display: table-cell; font-size: 28px; font-weight: bold; text-align: center; vertical-align: middle; } .note-editor .note-dropzone.hover { color: #098ddf; border: 2px dashed #098ddf; } .note-editor.dragover .note-dropzone { display: table; } .note-editor .note-toolbar { background-color: rgba(0,0,0,0.01); border-bottom: 1px solid #eee; } .note-editor.fullscreen { position: fixed; top: 0; left: 0; z-index: 1050; width: 100%; background-color:#1F252D; } .note-editor.fullscreen .note-editable { background-color: white; } .note-editor.fullscreen .note-resizebar { display: none; } .note-editor.codeview .note-editable { display: none; } .note-editor.codeview .note-codable { display: block; } .note-editor .note-statusbar { background-color: #f5f5f5; } .note-editor .note-statusbar .note-resizebar { width: 100%; height: 8px; cursor: ns-resize; border-top: 1px solid #a9a9a9; } .note-editor .note-statusbar .note-resizebar .note-icon-bar { width: 20px; margin: 1px auto; border-top: 1px solid #a9a9a9; } .note-editor .note-editable { padding: 10px; overflow: auto; outline: 0; } .note-editor .note-editable[contenteditable="false"] { background-color: #e5e5e5; } .note-editor .note-codable { display: none; width: 100%; padding: 10px; margin-bottom: 0; font-family: Menlo,Monaco,monospace,sans-serif; font-size: 14px; color: #ccc; background-color: #222; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; box-shadow: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; resize: none; } .note-air-editor { outline: 0; } .note-popover .popover { max-width: none; } .note-popover .popover .popover-content a { display: inline-block; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; } .note-popover .popover .arrow { left: 20px; } .note-popover .popover .popover-content,.note-toolbar { padding: 0 5px 5px 5px; margin: 0; } .note-popover .popover .popover-content>.btn-group,.note-toolbar>.btn-group { margin: 5px 5px 0 0; } .note-popover .popover .popover-content>.btn-group,.note-toolbar>.btn-group>button { margin:0; border: rgba(0,0,0,0.2) 1px solid; background-color:#fff; line-height: 1; padding-top: 7px !important; padding-bottom: 7px !important; } .note-popover .popover .popover-content .note-table .dropdown-menu,.note-toolbar .note-table .dropdown-menu { min-width: 0; padding: 5px; } .note-popover .popover .popover-content .note-table .dropdown-menu .note-dimension-picker,.note-toolbar .note-table .dropdown-menu .note-dimension-picker { font-size: 18px; } .note-popover .popover .popover-content .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-mousecatcher,.note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-mousecatcher { position: absolute!important; z-index: 3; width: 10em; height: 10em; cursor: pointer; } .note-popover .popover .popover-content .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-unhighlighted,.note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-unhighlighted { position: relative!important; z-index: 1; width: 5em; height: 5em; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat; } .note-popover .popover .popover-content .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-highlighted,.note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-highlighted { position: absolute!important; z-index: 2; width: 1em; height: 1em; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat; } .note-popover .popover .popover-content .note-style h1,.note-toolbar .note-style h1,.note-popover .popover .popover-content .note-style h2,.note-toolbar .note-style h2,.note-popover .popover .popover-content .note-style h3,.note-toolbar .note-style h3,.note-popover .popover .popover-content .note-style h4,.note-toolbar .note-style h4,.note-popover .popover .popover-content .note-style h5,.note-toolbar .note-style h5,.note-popover .popover .popover-content .note-style h6,.note-toolbar .note-style h6,.note-popover .popover .popover-content .note-style blockquote,.note-toolbar .note-style blockquote { margin: 0; } .note-popover .popover .popover-content .note-color .dropdown-toggle,.note-toolbar .note-color .dropdown-toggle { width: 24px; padding-left: 3px !important; text-align:left; padding:0; } .note-popover .popover .popover-content .note-color .dropdown-menu,.note-toolbar .note-color .dropdown-menu { min-width: 340px; } .note-popover .popover .popover-content .note-color .dropdown-menu .btn-group,.note-toolbar .note-color .dropdown-menu .btn-group { margin: 0; display: inherit; } .note-popover .popover .popover-content .note-color .dropdown-menu .btn-group:first-child,.note-toolbar .note-color .dropdown-menu .btn-group:first-child { margin: 0 5px; display: inherit; } .note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-palette-title,.note-toolbar .note-color .dropdown-menu .btn-group .note-palette-title { margin: 2px 7px; font-size: 12px; text-align: center; border-bottom: 1px solid #eee; } .note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset,.note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset { padding: 0 3px; margin: 3px; font-size: 11px; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-color-row,.note-toolbar .note-color .dropdown-menu .btn-group .note-color-row { height: 20px; } .note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset:hover,.note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset:hover { background: #eee; } .note-popover .popover .popover-content .note-para .dropdown-menu,.note-toolbar .note-para .dropdown-menu { min-width: 216px; padding: 5px; } .note-popover .popover .popover-content .note-para .dropdown-menu>div:first-child,.note-toolbar .note-para .dropdown-menu>div:first-child { margin-right: 5px; } .note-popover .popover .popover-content .dropdown-menu,.note-toolbar .dropdown-menu { min-width: 90px; } .note-popover .popover .popover-content .dropdown-menu.right,.note-toolbar .dropdown-menu.right { right: 0; left: auto; } .note-popover .popover .popover-content .dropdown-menu.right::before,.note-toolbar .dropdown-menu.right::before { right: 9px; left: auto!important; } .note-popover .popover .popover-content .dropdown-menu.right::after,.note-toolbar .dropdown-menu.right::after { right: 10px; left: auto!important; } .note-popover .popover .popover-content .dropdown-menu li a i,.note-toolbar .dropdown-menu li a i { color: deepskyblue; visibility: hidden; } .note-popover .popover .popover-content .dropdown-menu li a.checked i,.note-toolbar .dropdown-menu li a.checked i { visibility: visible; } .note-popover .popover .popover-content .note-fontsize-10,.note-toolbar .note-fontsize-10 { font-size: 10px; } .note-popover .popover .popover-content .note-color-palette,.note-toolbar .note-color-palette { line-height: 1; } .note-popover .popover .popover-content .note-color-palette div .note-color-btn,.note-toolbar .note-color-palette div .note-color-btn { width: 20px; height: 20px; padding: 0; margin: 0; border: 1px solid #fff; } .note-popover .popover .popover-content .note-color-palette div .note-color-btn:hover,.note-toolbar .note-color-palette div .note-color-btn:hover { border: 1px solid #000; } .note-dialog>div { display: none; } .note-dialog .note-image-dialog .note-dropzone { min-height: 100px; margin-bottom: 10px; font-size: 30px; line-height: 4; color: lightgray; text-align: center; border: 4px dashed lightgray; } .note-dialog .note-help-dialog { font-size: 12px; color: #ccc; background: transparent; background-color: #222!important; border: 0; -webkit-opacity: .9; -khtml-opacity: .9; -moz-opacity: .9; opacity: .9; -ms-filter: alpha(opacity=90); filter: alpha(opacity=90); } .note-dialog .note-help-dialog .modal-content { background: transparent; border: 1px solid white; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .note-dialog .note-help-dialog a { font-size: 12px; color: white; } .note-dialog .note-help-dialog .title { padding-bottom: 5px; font-size: 14px; font-weight: bold; color: white; border-bottom: white 1px solid; } .note-dialog .note-help-dialog .modal-close { font-size: 14px; color: #dd0; cursor: pointer; } .note-dialog .note-help-dialog .note-shortcut-layout { width: 100%; } .note-dialog .note-help-dialog .note-shortcut-layout td { vertical-align: top; } .note-dialog .note-help-dialog .note-shortcut { margin-top: 8px; } .note-dialog .note-help-dialog .note-shortcut th { font-size: 13px; color: #dd0; text-align: left; } .note-dialog .note-help-dialog .note-shortcut th, .note-dialog .note-help-dialog .note-shortcut tr { background:transparent !important; } .note-dialog .note-help-dialog .note-shortcut td:first-child { min-width: 110px; padding-right: 10px; font-family: "Courier New"; color: #dd0; text-align: right; } .note-handle .note-control-selection { position: absolute; display: none; border: 1px solid black; } .note-handle .note-control-selection>div { position: absolute; } .note-handle .note-control-selection .note-control-selection-bg { width: 100%; height: 100%; background-color: black; -webkit-opacity: .3; -khtml-opacity: .3; -moz-opacity: .3; opacity: .3; -ms-filter: alpha(opacity=30); filter: alpha(opacity=30); } .note-handle .note-control-selection .note-control-handle { width: 7px; height: 7px; border: 1px solid black; } .note-handle .note-control-selection .note-control-holder { width: 7px; height: 7px; border: 1px solid black; } .note-handle .note-control-selection .note-control-sizing { width: 7px; height: 7px; background-color: white; border: 1px solid black; } .note-handle .note-control-selection .note-control-nw { top: -5px; left: -5px; border-right: 0; border-bottom: 0; } .note-handle .note-control-selection .note-control-ne { top: -5px; right: -5px; border-bottom: 0; border-left: none; } .note-handle .note-control-selection .note-control-sw { bottom: -5px; left: -5px; border-top: 0; border-right: 0; } .note-handle .note-control-selection .note-control-se { right: -5px; bottom: -5px; cursor: se-resize; } .note-handle .note-control-selection .note-control-selection-info { right: 0; bottom: 0; padding: 5px; margin: 5px; font-size: 12px; color: white; background-color: black; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-opacity: .7; -khtml-opacity: .7; -moz-opacity: .7; opacity: .7; -ms-filter: alpha(opacity=70); filter: alpha(opacity=70); } .note-toolbar button { height:30px; } section.dark .note-popover .popover .popover-content>.btn-group, section.dark .note-toolbar>.btn-group>button { background-color:#333 !important; } section.dark .note-editor .note-statusbar, section.dark .note-editor .note-editable { background-color:#333 !important; } section.dark .note-editor .note-toolbar { background-color: rgba(0,0,0,0.3); border-bottom: 1px solid #000; } section.dark .dropdown-menu, section.dark .dropdown-menu p, section.dark .dropdown-menu a, section.dark .dropdown-menu>li>a, section.dark .dropdown-menu>li>a>h1, section.dark .dropdown-menu>li>a>h2, section.dark .dropdown-menu>li>a>h3, section.dark .dropdown-menu>li>a>h4, section.dark .dropdown-menu>li>a>h5, section.dark .dropdown-menu>li>a>h6, section.dark .note-popover .popover .popover-content .note-para .dropdown-menu i.fa, section.dark .note-toolbar .note-para .dropdown-menu i.fa { color:#000; } /** 52. Markdown *************************************************** **/ .md-editor .md-footer,.md-editor>.md-header{display:block;padding:6px 4px;background:#f5f5f5}.md-editor>.md-header{margin:0}.md-editor>.md-preview{background:#fff;border-top:1px dashed #ddd;border-bottom:1px dashed #ddd;min-height:10px;overflow:auto}.md-editor>textarea{font-family:monospace;font-size:14px;outline:0;margin:0;display:block;padding:0;width:100%;border:0;border-top:1px dashed #ddd;border-bottom:1px dashed #ddd;border-radius:0;box-shadow:none;background:#eee}.md-editor>textarea:focus{box-shadow:none;background:#fff}.md-editor.active{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)}.md-editor .md-controls{float:right;padding:3px}.md-editor .md-controls .md-control{right:5px;color:#bebebe;padding:3px 3px 3px 10px}.md-editor .md-controls .md-control:hover{color:#333}.md-editor.md-fullscreen-mode{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999;padding:60px 30px 15px;background:#fff!important;border:0!important}.md-editor.md-fullscreen-mode .md-footer{display:none}.md-editor.md-fullscreen-mode .md-input,.md-editor.md-fullscreen-mode .md-preview{margin:0 auto!important;height:100%!important;font-size:20px!important;padding:20px!important;color:#999;line-height:1.6em!important;resize:none!important;box-shadow:none!important;background:#fff!important;border:0!important}.md-editor.md-fullscreen-mode .md-preview{color:#333;overflow:auto}.md-editor.md-fullscreen-mode .md-input:focus,.md-editor.md-fullscreen-mode .md-input:hover{color:#333;background:#fff!important}.md-editor.md-fullscreen-mode .md-header{background:0 0;text-align:center;position:fixed;width:100%;top:20px}.md-editor.md-fullscreen-mode .btn-group{float:none}.md-editor.md-fullscreen-mode .btn{border:0;background:0 0;color:#b3b3b3}.md-editor.md-fullscreen-mode .btn.active,.md-editor.md-fullscreen-mode .btn:active,.md-editor.md-fullscreen-mode .btn:focus,.md-editor.md-fullscreen-mode .btn:hover{box-shadow:none;color:#333}.md-editor.md-fullscreen-mode .md-fullscreen-controls{position:absolute;top:20px;right:20px;text-align:right;z-index:1002;display:block}.md-editor.md-fullscreen-mode .md-fullscreen-controls a{color:#b3b3b3;clear:right;margin:10px;width:30px;height:30px;text-align:center}.md-editor.md-fullscreen-mode .md-fullscreen-controls a:hover{color:#333;text-decoration:none}.md-editor.md-fullscreen-mode .md-editor{height:100%!important;position:relative}.md-editor .md-fullscreen-controls{display:none}.md-nooverflow{overflow:hidden;position:fixed;width:100%} /* custom rewrite */ .md-editor { display: block; border: 1px solid #ddd; } .md-editor>.md-header,.md-editor .md-footer { display: block; padding: 6px 4px; background: #fff; } .md-editor>.md-header { margin: 0; } .md-editor>.md-preview { background: #fff; border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd; min-height: 10px; overflow: auto; } .md-editor>textarea { font-size: 14px; outline: 0; outline: thin dotted \9; margin: 0; display: block; padding: 15px; width: 100%; border: 0; border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd; border-radius: 0; box-shadow: none; background: #fafafa; } .md-editor .btn { line-height: 1 !important; border-width: 1px !important; border-radius: 0 !important; margin-bottom:6px; } .md-editor .md-controls .md-control { } .md-editor>textarea:focus { box-shadow: none; background: #fff; } .md-editor.active { border-color: #999; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,0.1); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,0.1); } .btn-toolbar>.btn, .btn-toolbar>.btn-group, .btn-toolbar>.input-group { margin-bottom:0; } .btn-toolbar>.btn>i.fa, .btn-toolbar>.btn>span.glyphicon { color:#fff !important; } .md-editor.md-fullscreen-mode .md-controls { display:none; } .md-editor.md-fullscreen-mode .md-fullscreen-controls { top:28px; } section.dark .md-editor { border-color:transparent; } section.dark .md-editor .md-header .btn-default { border:0; background-color:#333; } section.dark .md-editor>.md-header { background-color:#000; } section.dark .md-editor>textarea { color:#fff; background-color:#333; border-top-color:#111; border-bottom-color:#111; } section.dark .md-editor.md-fullscreen-mode .md-input, section.dark .md-editor.md-fullscreen-mode .md-preview, section.dark .md-editor.md-fullscreen-mode { color:#fff; background-color:#333 !important; } /** 53. Misc *************************************************** **/ /** SECTION LEFT | RIGHT TRIANGLE AS BACKGROUND [ACTING AS A SEPARATOR] **/ .leftTriangle { -ms-transform: skew(-20deg); -webkit-transform: skew(-20deg); transform: skew(-20deg); display: block; width: 100%; height: 100%; left: -52%; top: 0; position: absolute; background: #fbfbfb; } .rightTriangle { -ms-transform: skew(-20deg); -webkit-transform: skew(-20deg); transform: skew(-20deg); display: block; width: 100%; height: 100%; right: -52%; top: 0; position: absolute; background: #fbfbfb; } /* fix */ .leftTriangle.invert { margin-left:-5px; } .rightTriangle.invert { margin-right:5px; } .leftTriangle.invert, .rightTriangle.invert { transform: skew(20deg); } .leftTriangle.pillar, .rightTriangle.pillar { transform: skew(0deg); } .leftTriangle.pillar { left: -50%; margin-left: -3px; } .rightTriangle.pillar { right: -50%; margin-right: -3px; } /* hr color */ .hr-color { border-top:#333 1px solid; background:none; display:inline-block; width: 100%; } .hr-color.hr-default, .hr-color.hr-muted { border-color: #cccccc; } .hr-color.hr-light { border-color: #eeeeee; } .hr-color.hr-success { border-color: #02B700; } .hr-color.hr-danger { border-color: #b92c28; } .hr-color.hr-info { border-color: #28a4c9; } .hr-color.hr-warning { border-color: #e38d13; } /** TITLE BG TEXT **/ h1:before,h2:before,h3:before,h4:before,h5:before,h6:before { content: attr(data-bgtext); color: rgba(148,149,150,0.07); font-size: 100px; font-weight:bold; letter-spacing: 0; font-family:Arial,Helvetica,sans-serif; line-height: 0.3; display: block; text-align: center; position: absolute; left:0; right: 0; margin: auto; z-index: -1; top: 6px; } /** VISUAL CHART **/ .cart-visual *, .cart-visual *:before, .cart-visual *:after { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .cart-visual { height: 250px; } .cart-visual .row { position: relative; z-index:1; } .cart-visual .row>div h1, .cart-visual .row>div h2, .cart-visual .row>div h3, .cart-visual .row>div h4 { margin-top: -12px; margin-bottom:0; } .cart-visual .row>div h1 i, .cart-visual .row>div h2 i, .cart-visual .row>div h3 i, .cart-visual .row>div h4 i { font-style: normal; } .cart-visual svg { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; display: block; z-index: 200; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; z-index: 0; } .cart-visual-pin { position: absolute; left: 0; width: 16px; height: 100%; top: 0; } .cart-visual-pin:before { position: absolute; content: ''; display: block; width: 2px; height: 100%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); background-color: #F4AD1A; } .cart-visual-pin .cart-visual-pin-ball { position: absolute; top: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); background-color: #F4AD1A; width: 16px; height: 16px; display: block; border-radius: 50%; } /** LAYOUT : DEFAULT **/ .cart-visual-default svg#cart-visual-svg-1 { fill:#f5f6fa !important; } .cart-visual-default svg#cart-visual-svg-2 { fill:#f1f2f5 !important; } .cart-visual-default h1, .cart-visual-default h2, .cart-visual-default h3, .cart-visual-default h4, .cart-visual-default h5, .cart-visual-default h6, .cart-visual-default p { color: #888; } .cart-visual-default a { color: #666; } .cart-visual-default .cart-visual-pin:before, .cart-visual-default .cart-visual-pin .cart-visual-pin-ball { background-color: #f1f2f5; } /** LAYOUT : WARNING **/ .cart-visual-warning svg#cart-visual-svg-1 { fill:#FADF4E !important; } .cart-visual-warning svg#cart-visual-svg-2 { fill:#F3AD1D !important; } .cart-visual-warning a { color: #F4AD1A; } .cart-visual-warning .cart-visual-pin:before, .cart-visual-warning .cart-visual-pin .cart-visual-pin-ball { background-color: #F4AD1A; } /** LAYOUT : SUCCESS **/ .cart-visual-success svg#cart-visual-svg-1 { fill:#e0f5e3 !important; } .cart-visual-success svg#cart-visual-svg-2 { fill:#c0e099 !important; } .cart-visual-success a { color: #28a745; } .cart-visual-success .cart-visual-pin:before, .cart-visual-success .cart-visual-pin .cart-visual-pin-ball { background-color: #c0e099; } /** LAYOUT : DANGER **/ .cart-visual-danger svg#cart-visual-svg-1 { fill:#ffe0d2 !important; } .cart-visual-danger svg#cart-visual-svg-2 { fill:#e06d6d !important; } .cart-visual-danger a { color: #e06d6d; } .cart-visual-danger .cart-visual-pin:before, .cart-visual-danger .cart-visual-pin .cart-visual-pin-ball { background-color: #e06d6d; } /** LAYOUT : INFO **/ .cart-visual-info svg#cart-visual-svg-1 { fill:#b7e4ff !important; } .cart-visual-info svg#cart-visual-svg-2 { fill:#7fc1e0 !important; } .cart-visual-info a { color: #7fc1e0; } .cart-visual-info .cart-visual-pin:before, .cart-visual-info .cart-visual-pin .cart-visual-pin-ball { background-color: #7fc1e0; } @media (max-width: 767px) { .cart-visual { overflow: hidden; padding-left:15px; padding-right:15px; height: auto !important; } .cart-visual-pin { margin-top:30px; } .cart-visual svg#cart-visual-svg-1, .cart-visual svg#cart-visual-svg-2 { display: none; } .cart-visual .row>div { margin-top: 3px !important; margin-bottom: 0 !important; padding: 30px 10px 50px 10px !important; background-color: rgba(0,0,0,0.01); } } /******header-0.css******/ #topMain { position:fixed; left:0; top:0; right:0; bottom:0; background-color:rgba(0,0,0,0.95); height:100%; width:100%; display:table; z-index:9999; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); -webkit-transition: -webkit-transform 0.4s; transition: transform 0.4s; -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1); transition-timing-function: cubic-bezier(0.7,0,0.3,1); } #topMain .menu-content { display: table-cell; vertical-align: middle; color:#fff; } #topMain .menu-content span a:hover, #topMain .menu-content p a:hover { color:#fff; text-decoration:none; } #topMain .menu-content>.container { position:inherit; } /* Shown Menu */ body.show-menu { overflow: hidden; } body.show-menu #topMain { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: -webkit-transform 0.34s; transition: transform 0.34s; -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1); transition-timing-function: cubic-bezier(0.7,0,0.3,1); } body.show-menu .menu-list, body.show-menu .menu-list ul li { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: -webkit-transform 0.8s; transition: transform 0.8s; -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1); transition-timing-function: cubic-bezier(0.7,0,0.3,1); } body.show-menu .menu-list ul li { -webkit-transition-duration: 0.9s; transition-duration: 0.9s; text-decoration: none; } /* menu list */ .menu-list ul { font-family:sans-serif; } .menu-list ul li { line-height: 54px; } .menu-list ul li a { color:#fff; font-weight: 900; font-size: 30px; text-decoration:none; letter-spacing: 2.5pt; } /* open button */ ul.topNavBtn { margin:0; } #menu_overlay_open:not(.custom-button) { display: block; border: none; padding: 0; cursor: pointer; z-index: 1000; height: 35px; width: 35px; background: transparent; outline: 0; float: right; position: relative; margin: 0; margin-top:50%; } #header.header-sm #menu_overlay_open { margin-top:8px; } #header.header-md #menu_overlay_open { margin-top:12px; } #header.fixed #menu_overlay_open { margin-top:8px; } #menu_overlay_open:not(.custom-button):hover{ border: 0; box-shadow:none; } #menu_overlay_open:not(.custom-button)>span { -webkit-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; display: block; position: absolute; width: 25px; height: 2px; left: 0; right: 0; top:21px; margin: auto; background: #545454; } #menu_overlay_open:not(.custom-button)>span:before, #menu_overlay_open:not(.custom-button)>span:after { -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; position: absolute; content: ''; width: 25px; height: 2px; background: #545454; left: 0; } #menu_overlay_open:not(.custom-button)>span:after{ top: -5px; } #menu_overlay_open:not(.custom-button)>span:before{ bottom: -5px; } #menu_overlay_open:not(.custom-button)>span:before { bottom: -5px; } #menu_overlay_open:not(.custom-button)>span:after { top: -5px; } html.no-touch #menu_overlay_open:not(.custom-button):hover>span:after { top: -7px; } html.no-touch #menu_overlay_open:not(.custom-button):hover>span:before { bottom: -7px; } /* close button */ #menu_overlay_close { color: #fff; position: absolute; left: 50%; margin-left:-20px; top: 0; font-size: 25px; width:60px; height:60px; cursor: pointer; border:0; background-color: rgba(255,255,255,0.1); -webkit-transition: all .300s; -moz-transition: all .300s; -o-transition: all .300s; transition: all .300s; } #menu_overlay_close:hover { background-color: rgba(255,255,255,0.15); } /* search */ #header li.search { padding-top:35px; } #header li.search .search-box { display:none; right: 0; top: 100%; padding: 15px; background: #fcfafb; position: absolute; border-top: solid 2px #333; box-shadow: 5px 5px rgba(91, 91, 91, 0.2); width: 274px; margin: -5px 0 0 0; z-index: 22; } #header li.search i.sepy { width: 1px; height: 25px; background: #eaeaea; position: relative; margin: 0 18px 0 16px; display: inline-block; } #header li.search i.fa { color: #333; font-size: 16px; cursor: pointer; position: relative; top: -6px; width: 15px; height: 15px; opacity: 0.6; } form.mobile-search { display:none; } #header li.search .search-box form { margin:0; } @media only screen and (max-width: 768px) { /* #topMain { position:absolute; } */ #menu_overlay_close { left: auto; right:0; margin-left:0; } .menu-list ul li a { font-size: 27px; } } /******header-1.css******/ #topMain>li>a { height:96px; line-height:96px; } #topMain.nav-pills>li>a { color:#1F262D; font-weight:400; background-color:transparent; } #topMain.nav-pills>li:hover>a, #topMain.nav-pills>li:focus>a { color:#1F262D; background-color:rgba(0,0,0,0.03); } #topMain.nav-pills>li.active>a { color:#687482; } #topMain.nav-pills>li>a.dropdown-toggle { padding-right:25px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #topMain.nav-pills>li>a.dropdown-toggle:after { display: block; content: "\f107"; position: absolute; top: 50%; right: 17px; margin: -5px 0 0; font-family: FontAwesome; font-size: 12px; opacity: .3; line-height: 1em; border:0; -webkit-transition: -webkit-transform .2s ease-in; -moz-transition: -moz-transform .2s ease-in; -ms-transition: -ms-transform .2s ease-in; -o-transition: -o-transform .2s ease-in; transition: transform .2s ease-in; } #header.bottom.dropup #topMain.nav-pills>li>a.dropdown-toggle:after { content: "\f106"; } #topNav .navbar-collapse { float:right; } #topNav a.logo { height:96px; line-height:96px; overflow:hidden; display:inline-block; } @media only screen and (max-width: 1215px) { #topMain.nav-pills>li>a { font-size:13px; } } @media only screen and (max-width: 992px) { /* Force 60px */ #header { height:60px !important; } #header #topNav a.logo { height:60px !important; line-height:50px !important; } #header #topNav a.logo>img { max-height:60px !important; } #header #topNav #topMain>li>a { height:40px !important; line-height:40px !important; padding-top:0; } #topMain>li { border-bottom:rgba(0,0,0,0.1) 1px solid; } #topMain>li:last-child { border-bottom:0; } #header li.search .search-box { margin:0 !important; position:fixed; left:0; right:0; top:60px !important; width:100%; background-color:#fff; border-top:rgba(0,0,0,0.1) 1px solid; } } /******header-2.css******/ #topMain { border-right:rgba(0,0,0,0.1) 1px solid; } #topMain>li>a { height:96px; line-height:96px; } #topMain.nav-pills>li>a { color:#1F262D; font-weight:400; background-color:transparent; border-left:rgba(0,0,0,0.05) 1px solid; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #topMain.nav-pills>li:hover>a, #topMain.nav-pills>li:focus>a { color:#1F262D; background-color:rgba(0,0,0,0.01); } #topMain.nav-pills>li.active>a { color:#687482; background-color:rgba(0,0,0,0.01); } #topMain.nav-pills>li>a.dropdown-toggle { padding-left:20px; padding-right:20px; } #topNav .navbar-collapse { float:right; } #topNav a.logo { height:96px; line-height:96px; overflow:hidden; display:inline-block; } #header ul.nav-second-main { border-left:0; } @media only screen and (max-width: 1024px) { #topMain.nav-pills>li>a { font-size:13px; } } @media only screen and (max-width: 992px) { #topMain, #topMain>li>a { border-left:0; border-right:0; } #topMain.nav-pills>li>a.dropdown-toggle:after { display: block; content: "\f107"; position: absolute; top: 50%; right: 17px; margin: -5px 0 0; font-family: 'FontAwesome'; font-size: 12px; opacity: .3; line-height: 1em; border: 0; } /* Force 60px */ #header { height:60px !important; } #header #topNav a.logo { height:60px !important; line-height:50px !important; } #header #topNav a.logo>img { max-height:60px !important; } #header #topNav #topMain>li>a { height:40px !important; line-height:40px !important; padding-top:0; } #topMain>li { border-bottom:rgba(0,0,0,0.1) 1px solid; } #topMain>li:last-child { border-bottom:0; } #header li.search .search-box { margin:0 !important; position:fixed; left:0; right:0; top:60px !important; width:100%; background-color:#fff; border-top:rgba(0,0,0,0.1) 1px solid; } } /******header-3.css******/ #topMain>li>a { height:96px; line-height:96px; } #topMain.nav-pills>li { margin-left:10px !important; } #topMain.nav-pills>li:first-child { margin-left:0 !important; } #topMain>li>a>span.bordered { padding:10px 15px; border:rgba(0,0,0,0.05) 1px solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #header.fixed #topMain>li>a { margin-top:10px; } #topMain.nav-pills>li>a { color:#1F262D; font-weight:400; background-color:transparent; padding-left:0 !important; padding-right:0 !important; } #topMain.nav-pills>li:hover>a, #topMain.nav-pills>li:focus>a { color:#1F262D; } #topMain.nav-pills>li.active>a>span.bordered, #topMain.nav-pills>li:hover>a>span.bordered, #topMain.nav-pills>li:focus>a>span.bordered { background-color:rgba(0,0,0,0.01); } #topMain.nav-pills>li.active>a { color:#687482; } #header.fixed #topNav #topMain>li>a { margin-top:0px; } #topNav .navbar-collapse { float:right; } #topNav a.logo { height:96px; line-height:96px; overflow:hidden; display:inline-block; } #header ul.nav-second-main { border-left:0; } @media only screen and (max-width: 1024px) { #topMain.nav-pills>li>a { font-size:13px; } } @media only screen and (max-width: 992px) { #topMain.nav-pills>li { margin-left:0 !important; } #topMain>li>a>span.bordered { display:block !important; padding-top:0; height:40px; border:0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* Force 60px */ #header { height:60px !important; } #header #topNav a.logo { height:60px !important; line-height:50px !important; } #header #topNav a.logo>img { max-height:60px !important; } #header #topNav #topMain>li>a { height:40px !important; line-height:40px !important; padding-top:0; } #topMain>li { border-bottom:rgba(0,0,0,0.1) 1px solid; } #topMain>li:last-child { border-bottom:0; } #header li.search .search-box { margin:0 !important; position:fixed; left:0; right:0; top:60px !important; width:100%; background-color:#fff; border-top:rgba(0,0,0,0.1) 1px solid; } } /******header-4.css******/ #topMain>li>a { height:96px; line-height:96px; } #topMain.nav-pills>li { margin-left:3px !important; } #topMain.nav-pills>li:first-child { margin-left:0 !important; } #topMain>li>a>span.theme-color { padding:10px 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #header.fixed #topMain>li>a { margin-top:10px; } #topMain.nav-pills>li>a { color:#1F262D; font-weight:400; background-color:transparent; padding-left:0 !important; padding-right:0 !important; } #topMain.nav-pills>li:hover>a, #topMain.nav-pills>li:focus>a { color:#1F262D; } #topMain.nav-pills>li.active>a>span.theme-color, #topMain.nav-pills>li:hover>a>span.theme-color, #topMain.nav-pills>li:focus>a>span.theme-color { background-color:rgba(0,0,0,0.01); } #header.fixed #topNav #topMain>li>a { margin-top:0px; } #topMain.nav-pills>li.active>a { color:#fff; } #topNav .navbar-collapse { float:right; } #topNav a.logo { height:96px; line-height:96px; overflow:hidden; display:inline-block; } #header ul.nav-second-main { border-left:0; } @media only screen and (max-width: 1024px) { #topMain.nav-pills>li>a { font-size:13px; } } @media only screen and (max-width: 992px) { #topMain.nav-pills>li { margin-left:0 !important; } #topMain>li>a>span.theme-color { display:block !important; padding-top:0; height:40px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #topMain>li.active>a>span.theme-color { color:#fff; } /* Force 60px */ #header { height:60px !important; } #header #topNav a.logo { height:60px !important; line-height:50px !important; } #header #topNav a.logo>img { max-height:60px !important; } #header #topNav #topMain>li>a { height:40px !important; line-height:40px !important; padding-top:0; } #topMain>li { border-bottom:rgba(0,0,0,0.1) 1px solid; } #topMain>li:last-child { border-bottom:0; } #header li.search .search-box { margin:0 !important; position:fixed; left:0; right:0; top:60px !important; width:100%; background-color:#fff; border-top:rgba(0,0,0,0.1) 1px solid; } } /******header-5.css******/ #topMain>li>a { height:96px; line-height:96px; } #topMain.nav-pills>li { margin-left:10px !important; } #topMain.nav-pills>li:first-child, #header.fixed #topMain.nav-pills>li { margin-left:0 !important; } #topMain>li>a>span.topMain-icon { padding:0 10px 0 10px; display:block; padding-top:20px; } #header.fixed #topMain>li>a>span.topMain-icon { padding:0 15px; } #header.fixed #topMain>li>a>span.topMain-icon { padding-top:20px; } #topMain.nav-pills>li>a { color:#1F262D; font-weight:400; background-color:transparent; padding-left:0 !important; padding-right:0 !important; line-height:15px !important; text-align:center; } #topMain.nav-pills>li:hover>a, #topMain.nav-pills>li:focus>a { color:#1F262D; } #topMain.nav-pills>li>a>span.topMain-icon>i { display:block; font-size:22px; margin-bottom:10px; } #header.fixed #topMain.nav-pills>li>a>span.topMain-icon>i { display:none; } #topMain.nav-pills>li.active>a { color:#687482; background-color:transparent; } #topNav .navbar-collapse { float:right; } #topNav a.logo { height:96px; line-height:96px; overflow:hidden; display:inline-block; } @media only screen and (max-width: 1024px) { #topMain.nav-pills>li>a { font-size:13px; } } @media only screen and (max-width: 992px) { #topMain.nav-pills>li { margin-left:0 !important; } #topMain>li>a>span.topMain-icon { display:block !important; padding-top:0; margin-top:0; height:40px; border:0; text-align:left; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #topMain.nav-pills>li>a>span.topMain-icon>i { display:inline-block; font-size:15px; margin:0; padding:0 15px 0 0; } /* Force 60px */ #header { height:60px !important; } #header #topNav a.logo { height:60px !important; line-height:50px !important; } #header #topNav a.logo>img { max-height:60px !important; } #header #topNav #topMain>li>a { height:40px !important; line-height:40px !important; padding-top:0; } #topMain>li { border-bottom:rgba(0,0,0,0.1) 1px solid; } #topMain>li:last-child { border-bottom:0; } #header li.search .search-box { margin:0 !important; position:fixed; left:0; right:0; top:60px !important; width:100%; background-color:#fff; border-top:rgba(0,0,0,0.1) 1px solid; } } /******header-6.css******/ /** HEADER #6 *************************************************** **/ #header { display: block; font-weight: 300; position: relative; min-height:60px; z-index:15; border-bottom: rgba(0, 0, 0, 0.05) 1px solid; } #header hr { background: none; border-top: 1px solid rgba(0,0,0,.1); } @media only screen and (max-width: 1200px) { #header>.container { padding: 0; } } /** HEADER : LOGO *************************************************** **/ #header .header-logo { cursor: pointer; display: inline-block; height: auto; max-height: 60px !important; line-height: 60px; width: auto; } #header .nav-toggle + .header-logo { margin-left: 15px; } /* two logo : white|dark */ #header .header-logo>img:last-child { display: none; /* dark logo */ } #header .header-logo>img:first-child { display: inherit; /* white logo */ } @media only screen and (max-width: 768px) { #header .header-logo>img { max-width:128px; } } /** HEADER : MOBILE NAV TOGGLE *************************************************** **/ #header button.nav-toggle { cursor: pointer; display: inline-block; width: 60px; height: 60px; padding: 0; margin: 0; border: 0; outline: none; background: transparent; border-right: rgba(0,0,0,0.07) 1px solid; border-left: rgba(0,0,0,0.07) 1px solid; float: left; position: relative; z-index: 10; -webkit-border-radius: 0 !important; border-radius: 0 !important; } #header button.nav-toggle:after { content: attr(data-text); position: absolute; display: block; width: 100%; bottom:0; font-size:10px; font-weight: 300; color: #999; } /** HEADER : STICKY *************************************************** **/ #header.header-fixed { position: fixed; top:0; left:0; right: 0; width: 100%; } #header.header-fixed+.layout-top-ads { margin-top: 60px; } #header.header-fixed+#wrapper { margin-top: 120px; } #header.header-fixed+.page-header { margin-bottom: 60px; } /** HEADER : SHADOW *************************************************** **/ #header.header-shadow-1 { -webkit-box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.07); box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.07); } /** HEADER : - LIGHT - *************************************************** **/ #header.header-light { color: #121212; background-color: #ffffff; } #header.header-light a { color: #121212; } #header.header-light .dropdown-menu a:not(.active):not(.btn):hover { background-color: rgba(0,0,0,0.05); } /* mobile nav toggle */ #header.header-light .nav-toggle { background: url('../images/_smarty/misc/burger-dark.svg') center no-repeat; } /** HEADER : - DARK - *************************************************** **/ #header.header-dark, #header.header-dark nav.main-nav.main-nav-toggle { color: #ffffff; background-color: #404040 !important; } #header.header-dark .dropdown-menu, #header.header-dark a { color: #ffffff !important; } #header.header-dark .dropdown-menu, #header.header-dark nav.main-nav.main-nav-toggle .main-nav-submenu { background-color: #484848 !important; } #header.header-dark .dropdown-menu a:not(.active):not(.btn):hover { background-color: rgba(0,0,0,0.09); } #header.header-dark nav.main-nav>div>ul>li:hover, #header.header-dark nav.main-nav>div>ul>li.active { background-color: rgba(0,0,0,0.03) !important; } /* mobile nav toggle */ #header.header-dark .nav-toggle { background: url('../images/_smarty/misc/burger-light.svg') center no-repeat; border-color: rgba(255,255,255,0.2); } /* mobile nav close */ #header.header-dark nav.main-nav>.main-nav-mobile-header .nav-toggle-close { background: url('../images/_smarty/misc/close-light.svg') center no-repeat !important; } /** HEADER : - TRANSPARENT - *************************************************** **/ #header.header-transparent { background-color: transparent; border-bottom-color: rgba(255,255,255,0.2); color: #ffffff; position: absolute; width: 100%; } #header.header-transparent .dropdown-menu, #header.header-transparent a { color: #333333; } #header.header-transparent ul.header-buttons>li>a { color: #ffffff; } /* mobile nav toggle */ #header.header-transparent .nav-toggle { background: url('../images/_smarty/misc/burger-light.svg') center no-repeat; border-color: rgba(255,255,255,0.2); } /* two logo : white|dark */ #header.header-transparent .header-logo>img:first-child { display: none; /* dark logo */ } #header.header-transparent .header-logo>img:last-child { display: inherit; /* light logo */ } #header.header-transparent+.layout-top-ads { margin-top:0; padding-top: 60px; } /** GLOBAL SEARCH Multiple use - on different locations *************************************************** **/ #header form.search-global { width: 100%; max-width: calc(100% - 500px); float: right; margin-top:10px; margin-bottom: 0; position: relative; } form.search-global input, form.search-global button { padding: 10px 15px !important; margin-bottom: 0 !important; font-size: 15px; } form.search-global input { width: 100%; padding-right: 50px !important; z-index: 1 !important; border-radius: 5px !important; line-height: 18px !important; height: 40px !important; } form.search-global button { position: absolute; top:0; right:0; z-index: 2; border: 0; background: transparent; height: 40px !important; line-height: 1; } form.search-global button>i { margin: 0; padding: 0; } form.search-global button:not(.btn-primary) { color: #999; } form.search-global:hover button:not(.btn-primary) { color: #313131; } /* dark header */ #header.header-dark form.search-global input { background-color: rgba(255,255,255,0.1); border-color: rgba(0,0,0,0); color: #fff; } #header.header-dark form.search-global input:focus, #header.header-dark form.search-global input:hover { background-color: rgba(255,255,255,0.2) !important; } /** HEADER BUTTONS *************************************************** **/ #header ul.header-buttons { float: right; margin: 0 0 0 30px; padding: 0 0 0 10px; } #header ul.header-buttons>li { margin:0; padding: 0; position: relative; } #header ul.header-buttons>li.active, #header ul.header-buttons>li.show { background-color: rgba(0,0,0,0.03); } #header ul.header-buttons>li>a { height: 60px; padding:10px 6px; text-align: center; text-decoration: none; display: block; position: relative; font-size: 14px; } #header ul.header-buttons>li>a>i { display: block; margin: 0 0 6px 0; padding: 0; font-size:18px; } /* dropdown arrow indicator */ #header ul.header-buttons>li.header-button-arrow:before { content: "\f107"; font: normal normal normal 14px/1 'FontAwesome'; font-size: 16px; position: absolute; right: 10px; top: 6px; color: #d1d1d1; } #header ul.header-buttons>li.header-button-arrow.show:before { content: "\f106"; } /* badge indicator */ #header ul.header-buttons>li>a>span.badge { position: absolute; top: 1px; right: 1px; padding: 2px 4px 3px 4px; -moz-border-radius: 0; border-radius: 0; } #header ul.header-buttons>li>a>span.badge.badge-default { background-color: #ccc !important; } #header.header-dark ul.header-buttons>li>a>span.badge.badge-default { background-color: #666 !important; } /* hide dropdown arrow */ #header ul.header-buttons>li>a.dropdown-toggle::after { display: none; } /* bordered layout */ #header ul.header-buttons.header-buttons-bordered { border-right: rgba(0,0,0,0.07) 1px solid; } #header ul.header-buttons.header-buttons-bordered>li>a { border-left: rgba(0,0,0,0.07) 1px solid; } #header.header-dark ul.header-buttons.header-buttons-bordered { border-color: rgba(255,255,255,0.2); } #header.header-dark ul.header-buttons.header-buttons-bordered>li>a { border-color: rgba(255,255,255,0.2); } /* my acount dropdown */ #header ul.header-buttons>li>.dropdown-menu>span { display: block; padding: 7px 10px; font-weight: bold; font-size:15px; background-color: rgba(0,0,0,0.03); margin-bottom: 1px; width: 100%; max-width: 220px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } #header ul.header-buttons>li>.dropdown-menu>span>i { margin-right:5px; font-size: 14px; color: #ccc; } #header ul.header-buttons>li>.dropdown-menu .btn { color: #fff; line-height: 18px; } /* resets */ #header ul.header-buttons>li>.dropdown-menu { margin: 0; padding: 0; border: 0; max-width: 300px; min-width: 220px; -webkit-border-top-left-radius: 0; -moz-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-top-right-radius: 0; border-top-right-radius: 0; -webkit-box-shadow:0px 5px 15px 0px rgba(0,0,0,0.15); -moz-box-shadow:0px 5px 15px 0px rgba(0,0,0,0.15); box-shadow:0px 5px 15px 0px rgba(0,0,0,0.15); } #header ul.header-buttons>li>.dropdown-menu>a { padding: 5px 15px 5px 28px; font-size: 15px; position: relative; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } #header ul.header-buttons>li>.dropdown-menu>a.active { color: #fff; text-decoration: none; background-color: #0275d8; } #header ul.header-buttons>li>.dropdown-menu>a.dropdown-item:before { content: "\f105"; font: normal normal normal 14px/1 'FontAwesome'; font-size: 16px; position: absolute; left: 12px; top: 6px; color: #d1d1d1; } #header ul.header-buttons>li>.dropdown-menu>a.dropdown-item.dropdown-custom-icon { padding-left: 12px; } #header ul.header-buttons>li>.dropdown-menu>a.dropdown-item.dropdown-custom-icon>i { margin-right:3px; font-size: 14px; color: #d1d1d1; } #header ul.header-buttons>li>.dropdown-menu>a.dropdown-item.dropdown-custom-icon:before { display: none; } #header ul.header-buttons>li>.dropdown-menu>a.dropdown-item.dropdown-myaccount-logout { display: block; padding: 7px 10px; background-color: rgba(0,0,0,0.03); margin-top:1px; } @media only screen and (max-width: 767px) { #header ul.header-buttons { margin: 0; padding: 0; border-left: rgba(0,0,0,0.07) 1px solid; } #header.header-dark ul.header-buttons { border-color: rgba(255,255,255,0.2); } #header ul.header-buttons.header-buttons-bordered { border-left: 0; } } #header.header-dark ul.header-buttons>li>.dropdown-menu>a { color: #111; } /** MAIN NAVIGATION *************************************************** **/ nav.main-nav { z-index:9999; font-weight: 300; } nav.main-nav>div>ul>li { position: inherit; } nav.main-nav>div dl, nav.main-nav>div dl dd, nav.main-nav>div dl dt { margin-bottom: 0; } nav.main-nav>div>ul>li>a { text-decoration: none; display: block; position: relative; padding: 7px 30px 7px 15px; font-size: 15px; font-weight:300; color: #111; border-bottom: transparent 1px solid; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } /* bordered style */ nav.main-nav.main-nav-bordered>div>ul>li>a { border-bottom: rgba(0,0,0,0.04) 1px solid; } nav.main-nav>div>ul>li:last-child>a { border-bottom:0; } /* hover background */ nav.main-nav>div>ul>li.main-nav-item:hover, nav.main-nav>div>ul>li.main-nav-item.active { background-color: #fbfbfb; } /* main icon */ nav.main-nav>div>ul>li>span>i, nav.main-nav>div>ul>li>span>a>i, nav.main-nav>div>ul>li>a>i { margin-right: 6px; color: #ccc; width: 20px; } /* menu title - view all products */ nav.main-nav>div>ul>li>span>a { display: block; position: relative; color: #111; font-weight:400; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } nav.main-nav>div>ul>li>span>a { padding: 15px 15px; font-size: 15px; } nav.main-nav>div>ul>li:hover>span>a:after { content: attr(data-text); font-size: 11px; text-decoration: none; position: absolute; right: 8px; top: 18px; } nav.main-nav>div>ul>li:hover>span>i, nav.main-nav>div>ul>li:hover>span>a>i { color: #d9534f; } nav.main-nav>div>ul>li>span>a { text-decoration: none; color: #111; display: block; } /* badges */ nav.main-nav>div>ul>li>a>.badge { margin-right:0; margin-top:2px; font-weight: 300; font-size:11px; position: absolute; right:30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* expand icon */ nav.main-nav>div>ul>li>a:before { content: "\f105"; display: inline-block; font: normal normal normal 14px/1 'FontAwesome'; font-size: inherit; position: absolute; right:15px; top:9px; color: #ccc; } #header nav.main-nav { display: none; } #header nav.main-nav.min-nav-active { display: block; } /* SUBMENU */ nav.main-nav>div>ul .main-nav-submenu { position: absolute; background-color: #fbfbfb; left:100%; right:0; top:0; width: 100%; z-index:100; padding: 0; border:0; margin:0; float: none; overflow: hidden; display: none; -webkit-animation: fadeIn .3s; animation: fadeIn .3s; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-border-top-right-radius: 6px; -moz-border-top-right-radius: 6px; border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; } nav.main-nav>div>ul .main-nav-submenu div.row, nav.main-nav>div>ul .main-nav-submenu div.row>div[class*="col-"] { padding: 0; margin: 0; } nav.main-nav>div>ul .main-nav-submenu>h3, nav.main-nav>div>ul .main-nav-submenu>h4, nav.main-nav>div>ul .main-nav-submenu>h5, nav.main-nav>div>ul .main-nav-submenu>h6 { margin:15px 15px 0 15px; font-size: 15px; font-weight: 400; } nav.main-nav>div>ul .main-nav-submenu>h3>i, nav.main-nav>div>ul .main-nav-submenu>h4>i, nav.main-nav>div>ul .main-nav-submenu>h5>i, nav.main-nav>div>ul .main-nav-submenu>h6>i { margin-right: 8px; } nav.main-nav>div>ul .main-nav-submenu>ul, nav.main-nav>div>ul .main-nav-submenu div.row>div>ul { padding: 15px; } nav.main-nav>div>ul .main-nav-submenu>ul li>a, nav.main-nav>div>ul .main-nav-submenu div.row>div>ul>li>a { color: #333; font-size:15px; display: block; font-weight: 300; } nav.main-nav>div>ul .main-nav-submenu>ul li>a:hover, nav.main-nav>div>ul .main-nav-submenu div.row>div>ul>li>a:hover { text-decoration: underline; } nav.main-nav>div>ul a>strong, nav.main-nav>div>ul a>b { font-weight: 600; } nav.main-nav>div>ul .main-nav-submenu div.row>div>ul>li:first-child>a { font-weight:600; margin: 0 0 6px 0; } nav.main-nav>div>ul .main-nav-submenu>ul li>a>.badge, nav.main-nav>div>ul .main-nav-submenu div.row>div>ul>li>a>.badge { padding:2px 4px 3px 4px; font-size:10px; text-transform: uppercase; margin-top:3px; } nav.main-nav>div>ul .main-nav-submenu>ul li>hr { margin: 8px 0; } nav.main-nav>div>ul .main-nav-submenu .btn, nav.main-nav>div>ul .main-nav-submenu .alert { border:0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } @media only screen and (min-width: 767px) { nav.main-nav>div>ul>li:hover>.main-nav-submenu { display: block !important; } #header nav.main-nav>div>ul>li>.main-nav-submenu { border-radius: 0 !important } #header nav.main-nav>.main-nav-mobile-scroll>ul { width: 278px; } } @media only screen and (max-width: 767px) { nav.main-nav>div>ul .main-nav-submenu { width: 100% !important; position: relative; left:0; } nav.main-nav>.main-nav-mobile-scroll { overflow-y: scroll; -webkit-overflow-scrolling: touch; /* iOS smooth scroll */ height: 100%; } } /* Main Nav Brands */ nav.main-nav div.main-nav-brand-list, nav.main-nav div.main-nav-brand-list>a { margin:0; padding: 0; } nav.main-nav div.main-nav-brand-list { margin-top: 5px !important; margin-right: 5px !important; } nav.main-nav div.main-nav-brand-list>a { display: block; cursor: pointer; text-align: center; padding-left: 3px; padding-right: 3px; padding-bottom: 5px; } nav.main-nav div.main-nav-brand-list>a>img { background-color: #fff; border: #eaeaea 1px solid; padding: 0 3px; } nav.main-nav div.main-nav-brand-list>a:hover>img { border-color:#ddd; } /** MOBILE SECTION */ /* LOGO | CLOSE */ nav.main-nav>.main-nav-mobile-header { border-bottom: rgba(0,0,0,0.07) 1px solid; } nav.main-nav>.main-nav-mobile-header>img { max-width:128px; height: auto !important; float: left; margin-top: 1px; height: 60px !important; margin-left:15px; } nav.main-nav>.main-nav-mobile-header .nav-toggle-close { cursor: pointer; display: inline-block; width: 60px; height: 60px; padding: 0; margin: 0; border: 0; outline: none; background: transparent; border-right: rgba(0,0,0,0.07) 1px solid; border-left: rgba(0,0,0,0.07) 1px solid; float: left; z-index: 1; background: url('../images/_smarty/misc/close-dark.svg') center no-repeat; -webkit-border-radius: 0 !important; border-radius: 0 !important; } @media only screen and (min-width: 769px) { nav.main-nav>.main-nav-mobile-header { display: none; } } /* SEARCH */ nav.main-nav>div>ul>li.main-nav-search { padding: 15px; margin-top: 10px; } /* responsive */ @media only screen and (max-width: 767px) { form.search-global input, form.search-global button { padding: 14px 15px !important; } form.search-global button { line-height: 1; height: 100% !important; max-height: 48px !important; } nav.main-nav>div>ul .main-nav-submenu div.row>div>ul { padding-left:45px; } nav.main-nav>div>ul .main-nav-submenu.main-nav-open { display: block; } /* expand icon */ nav.main-nav>div>ul>li>a:before, nav.main-nav>div>ul>dt>a:before { content: "\f107"; } } /** MAIN NAV TOP **/ @media only screen and (min-width: 767px) { #header nav.main-nav.main-nav-toggle { position: absolute; top:60px; background-color: #fff; border-top:rgba(0, 0, 0, 0.05) 1px solid } #main-nav-overlay { position: fixed; left:0; right:0; bottom:0; top:0; width: 100%; height: 100%; display: block; background-color: rgba(0,0,0,0.3); z-index:9; } } @media only screen and (max-width: 767px) { nav.main-nav.main-nav-toggle { position: fixed; top:0px; bottom:0; left:0; right:0; background-color: #fff; z-index:9999; width: 100%; height: 100%; display: block; padding-bottom: 62px; } #header nav.main-nav form.search-global { max-width: 100% !important; margin-top: 0 !important; margin-bottom:6px !important; } } /******layout-dark.css******/ /* REWRITE essentials.css layout.css Dark section: #212121 Dark section alternate: #151515 */ .btn { color:#fff; } /* Button Bordered */ .btn.btn-bordered { border-color:#ddd; border-width:2px; } .btn.btn-bordered:hover { color:#333; background-color:#ddd; } pre { color:#ccc; border-color:rgba(0,0,0,0.2); background-color:rgba(0,0,0,0.2); } section input, section select, section textarea { color:#fff !important; border-color:#999 !important; background-color:#212121 !important; } h1.page-header, h2.page-header, h3.page-header, h4.page-header, h5.page-header, h6.page-header { border-bottom-color:#666; } .page-header ul.page-header-tabs>li.active>a:hover { background-color:#212121 ; } .page-header ul.page-header-tabs>li:hover, .page-header ul.page-header-tabs>li.active>a:hover { border-color:#666 !important; } .page-header ul.page-header-tabs>li.active>a { color:#fff; } .thumbnail { border-color:#444; background-color:transparent; } a.href-reset, .href-reset a { color:#eee; } body.boxed section { background-color:#212121; } section { background-color:#212121; border-bottom:rgba(255,255,255,0.1) 1px solid; } div.alternate, body.boxed section.alternate, section.alternate { background-color:#151515; } .btn-default { color:#fff; background-color:#212121; border-color:#777; } body>#wrapper>.btn-default { border-color:transparent; } body>#wrapper>.btn-default:hover { color:#fff; background-color:#121212; } hr { background-image: -webkit-linear-gradient(left, transparent, rgba(255, 255, 255, 0.2), transparent); background-image: -moz-linear-gradient(left, transparent, rgba(255, 255, 255, 0.2), transparent); background-image: -ms-linear-gradient(left, transparent, rgba(255, 255, 255, 0.2), transparent); background-image: -o-linear-gradient(left, transparent, rgba(255, 255, 255, 0.2), transparent); background-image: linear-gradient(left, transparent, rgba(255, 255, 255, 0.2), transparent); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#d6d6d6',GradientType=0 ); } h1, h2, h3, h4, h5, h6 { color:#fff; } p { color:#ccc; } section .display-table h1, section .display-table h2, section .display-table h3, section .display-table h4, section .display-table h5, section .display-table h6, section .display-table p { color:#333; } /** Color Background [layout.css] **************************************************************** **/ body.grain-blue #header, body.grain-grey #header, body.grain-green #header, body.grain-orange #header, body.grain-yellow #header { background-color:rgba(33,33,33,0.8); } body.grain-blue #header.fixed, body.grain-grey #header.fixed, body.grain-green #header.fixed, body.grain-orange #header.fixed, body.grain-yellow #header..fixed{ background-color:#333; } /** Cards **************************************************************** **/ .card { color:#fff; background-color: rgba(0,0,0,0.2); } /** SHOP [layout-shop.css] *************************************************** **/ .tag.shop-color:hover { border-color:#fff; } div.shop-item a.thumbnail { border-color:#444 !important; } .shop-compare-title { background-color:rgba(255,255,255,0.1); } /* cart */ .cartContent .item { background: rgba(255,255,255,0.04); } .cartContent .item { border:rgba(255,255,255,0.05) 1px solid; } .cartContent .sky-form.boxed { border: rgba(255,255,255,0.1) 1px solid; } .cartContent .qty input { color:#000; } .cartContent .product_name >small { color:rgba(255,255,255,0.5); } .cartContent a.remove_item { color:#eee; background: rgba(255,255,255,0.1); } div.shop-item-buttons a.btn-default:hover { color:#fff; } /** Tags [essentials.css] *************************************************** **/ .tag>span.txt { border: 1px solid #666; color: #ccc; } .tag>span.num { background: rgba(0,0,0,0.01); border-color: #666; color: #ccc; } .tag>span.num:before { border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #666; } .tag>span.num:after { border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #212121; } /** Inline Search [essentials.css] *************************************************** **/ .inline-search form input.serch-input { background:rgba(0,0,0,0.1); border:#666 1px solid; color:#aaa; } .inline-search form button { border-left: #666 1px solid; color:#999; } .inline-search form button:hover { color:#fff; } /** Misc [essentials.css] *************************************************** **/ /** SECTION LEFT | RIGHT TRIANGLE AS BACKGROUND [ACTING AS A SEPARATOR] **/ .leftTriangle, .rightTriangle { color: #fff; background: #333; } /** Timeline [layout.css] *************************************************** **/ .timeline>.timeline-hline { border-left-color:rgba(255,255,255,0.2); } .timeline .timeline-entry { color:#666; background-color:#212121; border-color:rgba(255,255,255,0.2); } .timeline .timeline-entry>.timeline-vline { border-top-color:rgba(255,255,255,0.2); } section.alternate .timeline .timeline-entry { background-color:#151515; } .timeline .timeline-item-bordered { border-left-color:rgba(255,255,255,0.2); } .timeline.timeline-inverse .timeline-item-bordered { border-right-color:rgba(255,255,255,0.2); } /** Comments [layout.css] *************************************************** **/ .comments small { color:#666; } .comments span.user-avatar { background:transparent; } .comment-list .thumbnail { border-color:#666; background-color:#666; } .comment-list .card.arrow.left:after { border-right-color: #212121; } .comment-list .card.arrow.right:after { border-left-color: #212121; } /** Misc *************************************************** **/ .tab-post a { color:#ddd; } ul.widget-twitter li { color:#ccc; } ul.side-nav .list-group-item { border-bottom-color:#333; border-top-color:#333; } .list-group-item { color:#fff !important; background-color:#212121; border-color:#666 !important; } .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { color:#fff !important; background-color:#666; border-color:#666 !important; } .input-group-addon { background-color:#212121; border-color:#666; color:#eaeaea; } .form-control { border-color:#666; background-color: rgba(255,255,255,0.05); } .form-control:focus { border-color:#999; } .rating { color:#666; } /* Link List - example: page-faq-4.html */ ul.list-links>li>a { color:#fff; } .error-404 { color:#666; } section.dark .border-top-1, section.dark .border-top-2, section.dark .border-top-3, section.dark .border-bottom-1, section.dark .border-bottom-2, section.dark .border-bottom-3 { border-color:#555; } /* Event List */ .event-item { background-color:rgba(0,0,0,0.06); } .nav-tabs.nav-stacked>li>a, .nav-tabs.nav-stacked>li>a.active, div.tab-content.tab-stacked { background-color:rgba(255,255,255,0.1); } div.tab-content.tab-stacked.nav-alternate { background-color:transparent; } .nav-tabs.nav-stacked>li>a.active { background-color:rgba(255,255,255,0.3); } .nav-tabs.nav-stacked>li>a, .nav-tabs.nav-stacked>li>a.active { color:#fff !important; } .bg-light { background-color: #333 !important; color: #fff; } /** Heading Links *************************************************** **/ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#eee; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color:#fff; } /** Portfolio [layout.css] *************************************************** **/ #portfolio h2, #portfolio h3 { color:#fff; } ul.categories>li>a { color:#999; } ul.categories>li>a:hover { color:#ccc; } .portfolio-ajax-page header a:hover { color:#fff; } ul.categories>li:after { color:#999; } /** Search [layout.css] *************************************************** **/ /* fullscreen search */ #header li.search.fullscreen.dark>.search-box { background-color:rgba(0,0,0,0.95) !important; } #header li.search.fullscreen.dark>.search-box>form input { color:#ddd; background-color: rgba(255,255,255,0.1); border-right-color:rgba(255,255,255,0.2); } #header li.search.fullscreen.dark>.search-box>form button { background-color: rgba(255,255,255,0.1); } #header li.search.fullscreen.dark>.search-box>form button>i { color: #999; } #header li.search.fullscreen.dark>.search-box>form button:hover>i { color: #fff; } #header li.search.fullscreen.dark #closeSearch { background-color: rgba(255,255,255,0.2); color: #888; } #header li.search.fullscreen.dark #closeSearch:hover { color:#fff; } /* header search */ #header .search-box.over-header { background-color:#333 !important; } #header .search-box.over-header>form>input { color:#fff; } #header .search-box.over-header>form>input::-webkit-input-placeholder { /* WebKit browsers */ color: #ddd; text-transform:uppercase; } #header .search-box.over-header>form>input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #ddd; text-transform:uppercase; } #header .search-box.over-header>form>input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #ddd; text-transform:uppercase; } #header .search-box.over-header>form>input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #ddd; text-transform:uppercase; } #header .search-box.over-header #closeSearch { color:#fff; } /** OWL Carousel [essentials.css] *************************************************** **/ .owl-theme .owl-controls .owl-buttons div { color:#fff; background:#212121; border:#212121 1px solid; } /* featured - basic carousel */ .owl-carousel.featured .owl-featured-detail>a.featured-title { color:#fff; } .owl-carousel.featured .owl-featured-detail:after { border-bottom-color: #212121; } .owl-carousel.featured .owl-featured-item:hover { background-color: #111; } .owl-carousel.featured .owl-featured-item:hover>.owl-featured-detail:after { border-bottom-color: #111; } .owl-carousel.featured .owl-prev, .owl-carousel.featured .owl-next { color:#999 !important } .owl-carousel.featured .owl-prev:hover, .owl-carousel.featured .owl-next:hover { color:#fff !important } h2.owl-featured { border-bottom-color:#666; } .owl-carousel.featured a { color:#999; } /** Header & Top Bar [layout.css] *************************************************** **/ #header { border-bottom-color: rgba(255,255,255,0.03); } #header.bottom { border-bottom-color:rgba(255,255,255,0.05); } #header #topMain { background-color:#333; } /* topbar */ #topBar { color:#ccc; background-color:#363839; border-bottom-color:rgba(255,255,255,0.1); } #topBar .dropdown-menu a, #topBar ul.top-links>li>a { color:#fff; } #topBar .dropdown-menu a:hover { color:#fff !important; background-color:#333; } #topBar ul.top-links>li { border-right: rgba(255,255,255,0.1) 1px solid; } #topBar .dropdown-menu { background-color:#363839; } #topBar .dropdown-menu .divider { background-color:#444; } #topBar>.border-bottom { border-bottom-color:rgba(255,255,255,0.1); } #topBar>.border-top { border-top-color:rgba(255,255,255,0.1); } /* banner */ #topBar .banner { border-left:rgba(255,255,255,0.05) 1px solid; } #header .search-box.over-header { background-color:#333 !important; } #header .search-box.over-header>form>input { color:#fff; } #header .search-box.over-header>form>input::-webkit-input-placeholder { /* WebKit browsers */ color: #ddd; text-transform:uppercase; } #header .search-box.over-header>form>input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #ddd; text-transform:uppercase; } #header .search-box.over-header>form>input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #ddd; text-transform:uppercase; } #header .search-box.over-header>form>input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #ddd; text-transform:uppercase; } #header .search-box.over-header #closeSearch { color:#fff; } #header.transparent #topMain { background-color:transparent; } /* Dark & Color Header */ #header { background-color:#333; } #header #topMain.nav-pills>li>a { color:#ccc; } #header #topMain.nav-pills>li.active>a, #header #topMain.nav-pills>li>a:hover { color:#fff; } /* DARK CART & SEARCH */ #header li.search .search-box, #header li.quick-cart .quick-cart-box { background-color:#333; } #header.translucent ul.nav-second-main li i, #header.translucent li.search i.fa, #header li.quick-cart .quick-cart-box a, #header li.quick-cart .quick-cart-box a h6, #header li.quick-cart .quick-cart-footer, #header li.quick-cart .quick-cart-box h4 { color:#fff !important; } #header li.quick-cart .quick-cart-box h4, #header li.quick-cart .quick-cart-box a { border-bottom: rgba(255,255,255,0.08) 1px solid; } #header li.quick-cart .quick-cart-box a:hover { background-color:rgba(255,255,255,0.06); } #header li.search .search-box input { color: #999; background-color: rgba(0,0,0,.2); border-color: rgba(0,0,0,.25); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } #header li.search .search-box input:focus, #header li.search .search-box textarea:focus { background-color: rgba(0,0,0,.3); } #header li.quick-cart i.fa, #header li.search i.fa { color:#fff; } #header #topMain, #header .nav-pills>li.active>a { background-color:transparent !important; } /** Tables [essentials.css] *************************************************** **/ table tr.odd { color:#ddd; background-color:#777; } table tr.odd:hover { background-color:#888; } table tr.even { color:#ddd; } table tr.even:hover { background-color:rgba(0,0,0,0.5); } .table-bordered { border-color:#666; } .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th { border-color:#666; } .table>tbody>tr:hover>td { color:#000; } table a { color:#ddd; } .table-striped>tbody>tr:nth-of-type(odd) { background-color:#212121; } /* jqgrid */ .ui-pg-table { color:#333; } .ui-jqgrid .btn-default, .ui-widget-content { color:#fff !important; background-color:#212121 !important; } /** Forms [essentials.css] *************************************************** **/ select>option, select>optgroup { background-color: #333; } .radio, .checkbox { color: #eee; } .radio i, .checkbox i { border-color:rgba(255,255,255,0.3); background: transparent; } .input:hover input, .select:hover select, .textarea:hover textarea, .radio:hover i, .checkbox:hover i, .toggle:hover i { border-color: rgba(255,255,255,0.3); } .input input:focus, .select select:focus, .textarea textarea:focus, .radio input:focus + i, .checkbox input:focus + i, .toggle input:focus + i { border-color: rgba(255,255,255,0.7); } .radio input + i:after { background-color:rgba(255,255,255,8); } .checkbox input + i:after { color: rgba(255,255,255,8); } .radio input:checked + i, .checkbox input:checked + i, .toggle input:checked + i { border-color:rgba(255,255,255,8); } .fancy-form-select:before { background:#262626; } .fancy-form .fancy-hint { border-color:#666; background-color:rgba(255,255,255,0.1); } /* autosuggest ---------------- */ div.autosuggest .tt-menu { border-color:#999; background-color:#333; } .select2-dropdown { border-color:#666; } /* select2 ---------------- */ .select2-container--default .select2-selection--single { border-color:#666; } .select2-dropdown { color:#fff; background-color:#666; } .select2-container--default .select2-search--dropdown .select2-search__field { color:#fff; background-color:#666; } .select2-container--default .select2-selection--single .select2-selection__rendered { color:#fff; } /* timepicker ---------------- */ .time_pick .prev, .time_pick .next { border-color:#666; color:#fff; } .time_pick .timepicker_wrap { color:#eee; background:#212121; background:#333; border-color:#666; } .time_pick input.timepicki-input { color:#333; border-color:#666; } /* colorpicker ---------------- */ section.dark .sp-replacer { border-color:#666; } .sp-container { background-color: #262626; border-color:#666; } /* UI Slider ---------------- */ .slider-wrapper, .sliderv-wrapper { background-color:#222; } /** Page Header [layout.css] *************************************************** **/ .page-header { color:#fff; background-color:#151515 !important; border-bottom-color:#333 !important; } .page-header ul.page-header-tabs>li.active { background-color: #111; } .page-header ul.page-header-tabs>li>a { color:#fff; } .page-header ul.page-header-tabs>li:hover { background-color:rgba(0,0,0,0.1); } .page-header ul.page-header-tabs>li.active { background-color: #212121; } .page-header ul.page-header-tabs>li.active { border: rgba(255,255,255,0.1) 1px solid; border-bottom:0; } @media only screen and (max-width: 767px) { .page-header ul.page-header-tabs { background-color:rgba(0,0,0,0.1); } .page-header ul.page-header-tabs>li { border:0; } } .page-header ul.page-options a, .page-header .breadcrumb a { color:#ccc !important; } /** Non Bootstrap Grid [visible lines] [essentials.css] *************************************************** **/ ul.grid { border-color: rgba(255,255,255,.1);; } ul.grid>li { -webkit-box-shadow: 1px 1px 0 0 rgba(255,255,255,.1); -moz-box-shadow: 1px 1px 0 0 rgba(255,255,255,.1); box-shadow: 1px 1px 0 0 rgba(255,255,255,.1); } /** Contact [layout.css] *************************************************** **/ .contact-over-box { background-color:#212121; } /** [Shortcode] Blockquote *************************************************** **/ blockquote { border-left-color:#666; } blockquote.reverse { border-right-color:#666; } /** [Shortcode] Alerts *************************************************** **/ div.alert-default { color:#fff; background-color:#999; } div.alert * { color:#333 !important; } div.alert a { color:#fff !important; border:0 !important; } .alert-default h1, .alert-default h2, .alert-default h3, .alert-default h4, .alert-default h5, .alert-default h6, .alert-default p { color:#fff !important; } div.alert.bordered-bottom { border-bottom:#666 1px solid; } div.alert.bordered-top { border-bottom:#666 1px solid; } div.alert.alert-bordered-dotted *, div.alert.alert-bordered-dashed *, div.alert.alert-bordered *, div.alert.alert-dark *, div.alert.alert-theme-color * { color:#fff !important } .alert.alert-transparent { background-color:#212121; } /** [Shortcode] Counters *************************************************** **/ span.countTo { color:#999; } .countdown-amount { color:#fff; } .countdown-section { color:#ccc; border-left-color:rgba(255,255,255,0.2); } /** [Shortcode] Buttons *************************************************** **/ section .btn-default:hover { color: #1ABC9C; background-color:rgba(0,0,0,0.3); } /** [Shortcode] Clients *************************************************** **/ ul.clients-dotted>li:after, ul.clients-dotted>li:before { border-color:rgba(255,255,255,0.15); } /** [Shortcode] Dividers *************************************************** **/ div.divider i { color:#666; } div.divider.divider-circle i { color:#333; background-color: #666; } div.divider.divider-border i { border-color: rgba(255,255,255,0.5); } div.divider:after, div.divider:before { border-top-color:rgba(255,255,255,0.1) !important; } /** [Shortcode] Headings *************************************************** **/ .heading-title h1, .heading-title h2, .heading-title h3, .heading-title h4, .heading-title h5, .heading-title h6 { background-color:#212121; } .heading-title.heading-arrow-bottom h1, .heading-title.heading-arrow-bottom h2, .heading-title.heading-arrow-bottom h3, .heading-title.heading-arrow-bottom h4, .heading-title.heading-arrow-bottom h5, .heading-title.heading-arrow-bottom h6, .heading-title.heading-arrow-top h1, .heading-title.heading-arrow-top h2, .heading-title.heading-arrow-top h3, .heading-title.heading-arrow-top h4, .heading-title.heading-arrow-top h5, .heading-title.heading-arrow-top h6, .heading-title.parallax h1, .heading-title.parallax h2, .heading-title.parallax h3, .heading-title.parallax h4, .heading-title.parallax h5, .heading-title.parallax h6 { background-color:transparent !important; } section.alternate .heading-title h1, section.alternate .heading-title h2, section.alternate .heading-title h3, section.alternate .heading-title h4, section.alternate .heading-title h5, section.alternate .heading-title h6 { background-color:#151515; } .heading-title.heading-line-single:before { border-top:#666 1px solid; } .heading-title.heading-line-double:before { border-top:#666 3px double; } div.heading-title.heading-border-left, div.heading-title.heading-border-right { border-color:#666; } div.heading-title h1, div.heading-title h2, div.heading-title h3, div.heading-title h4, div.heading-title h5, div.heading-title h6 { background-color:#212121; } section.alternate div.heading-title h1, section.alternate div.heading-title h2, section.alternate div.heading-title h3, section.alternate div.heading-title h4, section.alternate div.heading-title h5, section.alternate div.heading-title h6 { background-color:#151515; } .heading-title.heading-line-single:before, div.heading-title.heading-line-double:before { border-top-color: #666; } div.heading-title.heading-border-bottom { border-bottom-color: #666; } div.heading-title.heading-border-left { border-left-color:#666; } div.heading-title.heading-border-right { border-right-color:#666; } /** [Shortcode] Icon Boxes *************************************************** **/ .box-icon .box-icon-title>i { background-color:#666; } .box-icon a.box-icon-more, .box-icon.box-icon-transparent .box-icon-title>i { color:#fff; } .box-icon .box-icon-title.box-icon-transparent>i { color:#fff; } /* box content */ .box-icon.box-icon-content { background-color:rgba(0,0,0,0.1); } .box-icon.box-icon-content .box-icon-title>i { color:#fff; background-color:#212121; } /* transparent icon */ section.alternate .box-icon.box-icon-content .box-icon-title>i { color:#fff; background-color:#151515; border:#555 1px solid; } /* box video & image */ .box-video, .box-image { border:rgba(255,255,255,0.1) 1px solid; } /* blox flip */ .box-flip .box1 { background-color:rgba(255,255,255,0.05); } .box-flip .box-icon-title>i { color:#fff; } /* box static */ .box-static.box-bordered { border:rgba(255,255,255,0.1) 1px solid; } .box-static { padding:15px; background-color:#666; } .box-static.box-border-top { border-top:#ddd 3px solid; } .box-static .box-title { border-bottom:rgba(255,255,255,0.1) 1px solid; } /** Box Colors */ .box-light { background-color:rgba(255,255,255,0.05); } .box-dark { background-color:rgba(0,0,0,0.8); } .box-light .box-inner { background-color:#222; } .box-dark .box-inner { background-color:#111; } .box-light .box-footer { background-color:#222; } .box-dark .box-footer { background-color:#111; } .box-inner h1, .box-inner h2, .box-inner h3, .box-inner h4, .box-inner h5, .box-inner h6 { border-bottom-color:rgba(255,255,255,0.1); } .box-inner h1>a:hover, .box-inner h2>a:hover, .box-inner h3>a:hover, .box-inner h4>a:hover, .box-inner h5>a:hover, .box-inner h6>a:hover { text-decoration:underline !important; } /** [Shortcode] Labels & Badges *************************************************** **/ .nav-pills>li>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a , section .nav-pills>li>a, section .nav-pills>li.active>a:hover, section .nav-pills>li.active>a { color:#fff; } .nav-pills>li.active>a { background-color:rgba(255,255,255,0.3) !important; } a.badge, .badge { color:#fff; } section .nav-pills>li>a:hover, section .nav-pills>li>a:focus, section .nav-pills>li.active>a, section .nav-pills>li.active>a:hover, section .nav-pills>li.active>a:focus { background-color:rgba(255,255,255,0.08) !important; } /** [Shortcode] Panels *************************************************** **/ .card { background-color:#212121; border-color:#666; } .card .card-heading, .card .card-heading h2 { color:#111 !important; } .card .card-heading.card-heading-transparent, .card .card-heading.card-heading-transparent h2 { color:#eaeaea !important; } .card .btn { color:#fff!important; } .card-default>.card-heading { border-color:#666; background-color:transparent; } .card-default>.card-heading h2 { color:#fff !important; } .card-footer { border-top-color:#666; background-color:#313131; } .table { color:#fff; background-color:#373737; } .table>thead>tr>th { border-bottom-color:#666; } .card>.card-body+.table, .card>.card-body+.table-responsive, .card>.table+.card-body, .card>.table-responsive+.card-body, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { border-top-color:#666; } /** [Shortcode] Modals *************************************************** **/ .modal-header{ border-bottom-color:rgba(255,255,255,0.2); } .modal-content { background-color:#444; } .modal-title, .modal-body, .modal-body h1, .modal-body h2, .modal-body h3, .modal-body h4, .modal-body h5, .modal-body h6 { color:#ddd; } .modal-header .close { color:#fff; } /** [Shortcode] Navigations *************************************************** **/ .navbar-default .navbar-brand, .navbar-default .navbar-nav>li>a { color:#999; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-nav>li>a:hover { color:#ddd; } .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { color:#ddd; background-color:rgba(0,0,0,0.2); } .navbar-default { background-color:#555; border-color:#555; } .navbar-inverse { background-color:#111; border-color:#111; } .nav-tabs.nav-button-tabs>li>a { color:#fff !important; } .nav-tabs>li>a.active, .nav-tabs>li>a.active:focus, .nav-tabs>li>a.active:hover { color:#ddd; background-color:#555; border-color:#555; } .nav-tabs { border-color:#555; } .nav-tabs>li>a { color:#ccc; } .nav-tabs>li>a:hover { border-color:transparent; background-color:#555; } /** [Shortcode] Paginations *************************************************** **/ .pagination > li, .pagination > li > a { color:#ccc !important; border-color:#666; background-color:transparent; } .pagination > li > a:hover, .pagination > li > span:hover { background-color:#555; } .pagination > li.active>a { color:#fff !important; } /* pager */ .pager li>a, .pager li>span { background-color:#666; border-color:#888; color:#fff; } .pager li>a:hover { background-color:#555; } /* simple pagination */ .pagination.pagination-simple>li>a { border-left:#666 1px solid !important; color:#888 !important; } .pagination.pagination-simple>li.active>a { color:#eee !important; } .pagination.pagination-simple>li:first-child>a { border:0 !important; } /** [Shortcode] Progress Bars & Pie Charts **************************************************************** **/ .progress { background-color:#333; } /** [Shortcode] Social Icons **************************************************************** **/ /* bordered */ a.social-icon.social-icon-border { color:#fff; border-color:#666; } a.social-icon.social-icon-border:hover>i { } /* light */ a.social-icon.social-icon-light { background-color:#666; color:#fff !important; } a.social-icon.social-icon-light:hover>i { color:#fff !important; } /* dark */ a.social-icon.social-icon-dark { background-color:#111; color:#fff; } /* transparent */ a.social-icon.social-icon-transparent { color:#999; } a.social-icon.social-icon-transparent:hover>i { color:#fff; } /** [Shortcode] Callouts *************************************************** **/ .callout, .callout p, .callout.alert { color:#111; } .callout h1, .callout h2, .callout h3, .callout h4, .callout h5, .callout h6, .callout p { color:#111 !important; } .callout.callout-theme-color *, .alert.alert-transparent.bordered-bottom *, .callout.callout-transparent *, .callout.callout-dark *, .callout.alert-transparent *, .callout.alert-border *, .callout.alert-default *, .callout.alert-default h { color:#fff !important; } .callout.alert-default h1, .callout.alert-default h2, .callout.alert-default h3, .callout.alert-default h4, .callout.alert-default h5, .callout.alert-default h6, .callout.alert-default p { color:#111; } .callout.alert-bolder, .callout.alert-bolder h1, .callout.alert-bolder h2, .callout.alert-bolder h3, .callout.alert-bolder h4, .callout.alert-bolder h5, .callout.alert-bolder h6, .callout.alert-bolder p { color:#111; } .alert-border, .alert-border h1, .alert-border h2, .alert-border h3, .alert-border h4, .alert-border h5, .alert-border h6, .alert-border p, .callout .btn { color:#fff; } .alert-transparent { border-left-color:#444; } .alert-transparent, .alert-transparent h1, .alert-transparent h2, .alert-transparent h3, .alert-transparent h4, .alert-transparent h5, .alert-transparent h6, .alert-transparent p, .callout .btn { color:#fff; } .callout.alert-border { border-color:#666; } .callout-box.callout-default, .callout-box.callout-default h1, .callout-box.callout-default h2, .callout-box.callout-default h3, .callout-box.callout-default h4, .callout-box.callout-default h5, .callout-box.callout-default h6, .callout-box.callout-default p { color:#111; } .callout-box .btn { color:#fff; } .callout-theme-color, .callout-theme-color h1, .callout-theme-color h2, .callout-theme-color h3, .callout-theme-color h4, .callout-theme-color h5, .callout-theme-color h6, .callout-theme-color p { color:#fff; } .callout-dark { background-color:#111; } .callout-dark, .callout-dark h1, .callout-dark h2, .callout-dark h3, .callout-dark h4, .callout-dark h5, .callout-dark h6, .callout-dark p { color:#fff; } .callout-transparent, .callout-transparent h1, .callout-transparent h2, .callout-transparent h3, .callout-transparent h4, .callout-transparent h5, .callout-transparent h6, .callout-transparent p { color:#fff; } div.callout.alert.alert-border, div.callout.alert.alert-border h1, div.callout.alert.alert-border h2, div.callout.alert.alert-border h3, div.callout.alert.alert-border h4, div.callout.alert.alert-border h5, div.callout.alert.alert-border h6, div.callout.alert.alert-border p { color:#fff; } .callout.alert.alert-default, .callout.callout-dark { background-color:#111; } /* info bar */ .info-bar.info-bar-clean h1, .info-bar.info-bar-clean h2, .info-bar.info-bar-clean h3, .info-bar.info-bar-clean h4, .info-bar.info-bar-clean h5, .info-bar.info-bar-clean h6, .info-bar.info-bar-clean p { color:#fff; } .info-bar.info-bar-clean { color:#fff; background-color:#111; } .info-bar.info-bar-bordered { border-color: rgba(255,255,255,0.1); } .info-bar div.row>div { border-right-color:rgba(255,255,255,0.1); } .info-bar div.row>div i { color:#fff; } .info-bar.info-bar-color div.row>div { border-right-color:rgba(255,255,255,0.2); } .heading-title.heading-arrow-top, .heading-title.heading-arrow-bottom { background-color:#444; } .heading-title.heading-arrow-bottom:after { border-top: 20px solid #444; } .heading-title.heading-arrow-top:after { border-bottom: 20px solid #444; border-bottom: 20px solid #444; } /** [Shortcode] Price Table *************************************************** **/ div.price-table { border-left-color:#212121; background-color:#444; } div.price-table.popular { background-color:#666; } div.price-table h3 { border-bottom-color:rgba(255,255,255,0.1); } div.price-table .btn { color:#fff; } div.mega-price-table ul li.alternate, div.mega-price-table .pricing { background: rgba(255,255,255, 0.05); } /** [Shortcode] Styled Icons *************************************************** **/ i.ico-rounded, i.ico-bordered { color:#ddd; border-color:#666; } i.ico-dark { color:#ccc; background-color:#111; } i.ico-light { color:#ddd; background-color:#444; } i.ico-transparent { color:#ddd; } i.ico-color.ico-hover:hover { background-color:#666; } /** [Shortcode] Box Shadow **************************************************************** **/ .box-shadow-1 { -webkit-box-shadow: 0 14px 6px -6px #111; -moz-box-shadow: 0 14px 6px -6px #111; box-shadow: 0 14px 6px -6px #111; } /** [Shortcode] Testimonials **************************************************************** **/ div.testimonial-bordered { border-color:#666; background-color:rgba(0,0,0,0.1); } ul.testimonial-dotted>li:after { border-bottom: 1px dashed rgba(255,255,255,0.3); } ul.testimonial-dotted>li:before { border-left: 1px dashed rgba(255,255,255,0.3); } /** [Shortcode] Dropcap **************************************************************** **/ .dropcap:first-letter { color:#fff; } /** [Shortcode] Box Shadow **************************************************************** **/ .box-shadow-1 { -webkit-box-shadow: 0 14px 6px -6px #111; -moz-box-shadow: 0 14px 6px -6px #111; box-shadow: 0 14px 6px -6px #111; } .box-shadow-2:before, .box-shadow-2:after { background: #111; -webkit-box-shadow: 0 15px 10px #111; -moz-box-shadow: 0 15px 10px #111; box-shadow: 0 15px 10px #111; } .box-shadow-3:before { background: #111; -webkit-box-shadow: 0 15px 10px #111; -moz-box-shadow: 0 15px 10px #111; box-shadow: 0 15px 10px #111; } .box-shadow-4:after { background: #111; -webkit-box-shadow: 0 15px 10px #111; -moz-box-shadow: 0 15px 10px #111; box-shadow: 0 15px 10px #111; } .box-shadow-5:before, .box-shadow-5:after { background: #111; -webkit-box-shadow: 0 35px 20px #111; -moz-box-shadow: 0 35px 20px #111; box-shadow: 0 35px 20px #111; } .box-shadow-6 { position:relative; -webkit-box-shadow:0 1px 4px rgba(255, 255, 255, 0.3), 0 0 40px rgba(255, 255, 255, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(255, 255, 255, 0.3), 0 0 40px rgba(255, 255, 255, 0.1) inset; box-shadow:0 1px 4px rgba(255, 255, 255, 0.3), 0 0 40px rgba(255, 255, 255, 0.1) inset; } .box-shadow-6:before, .box-shadow-6:after { -webkit-box-shadow:0 0 20px rgba(255,255,255,0.8); -moz-box-shadow:0 0 20px rgba(255,255,255,0.8); box-shadow:0 0 20px rgba(255,255,255,0.8); } .box-shadow-7 { position:relative; -webkit-box-shadow:0 1px 4px rgba(255, 255, 255, 0.3), 0 0 40px rgba(255, 255, 255, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(255, 255, 255, 0.3), 0 0 40px rgba(255, 255, 255, 0.1) inset; box-shadow:0 1px 4px rgba(255, 255, 255, 0.3), 0 0 40px rgba(255, 255, 255, 0.1) inset; } .box-shadow-7:before, .box-shadow-7:after { -webkit-box-shadow:0 0 20px rgba(255,255,255,0.8); -moz-box-shadow:0 0 20px rgba(255,255,255,0.8); box-shadow:0 0 20px rgba(255,255,255,0.8); } .box-shadow-8 { position:relative; -webkit-box-shadow:0 1px 4px rgba(255, 255, 255, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(255, 255, 255, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(255, 255, 255, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } .box-shadow-8:before, .box-shadow-8:after { -webkit-box-shadow:0 0 20px rgba(255, 255, 255,0.8); -moz-box-shadow:0 0 20px rgba(255, 255, 255,0.8); box-shadow:0 0 20px rgba(255, 255, 255,0.8); } /** [Shortcode] Toggles & Accordions **************************************************************** **/ div.toggle > label { color: #fff; background:rgba(0,0,0,0.5); } div.toggle div.toggle-content { background:rgba(255,255,255,0.05); } div.toggle.active > label:before { border-bottom-color: rgba(255,255,255,0.5); } .toggle.toggle-bordered-full .toggle-content, .toggle.toggle-bordered-full label:hover, .toggle.toggle-bordered-full label, .toggle.toggle-bordered-simple label:hover, .toggle.toggle-bordered-simple label { border-color:#666 !important; } /** [Plugin] Sky Form **************************************************************** **/ .sky-form.boxed { background-color:#333; border:0; } .sky-form header { color:#fff; background: -webkit-linear-gradient(top,#000 1%,#222 98%); background: linear-gradient(to bottom,#000 1%,#222 98%); border-bottom: rgba(255,255,255,.07) 1px solid; } .sky-form .checkbox i, .sky-form .ico-append, .sky-form .ico-prepend, .sky-form .input input, .sky-form .radio i, .sky-form .select select, .sky-form .textarea textarea, .sky-form .toggle i { border-color:#666; } .sky-form .input input, .sky-form .select select, .sky-form .textarea textarea { background-color:transparent; } .sky-form footer { border-top-color:#444; } .sky-form .checkbox input:hover+i, .sky-form .input input:hover, .sky-form .radio input:hover+i, .sky-form .select select:hover, .sky-form .textarea textarea:hover, .sky-form .toggle input:hover+i, .sky-form .checkbox input:focus+i, .sky-form .input input:focus, .sky-form .radio input:focus+i, .sky-form .select select:focus, .sky-form .textarea textarea:focus, .sky-form .toggle input:focus+i { border-color:#999; } /** [Plugin] Summernote **************************************************************** **/ .note-editor { border-color:#666; } .note-popover .popover .popover-content>.btn-group, .note-toolbar>.btn-group>button { background-color:#333 !important; } .note-editor .note-statusbar, .note-editor .note-editable { background-color:#333 !important; } .note-editor .note-toolbar { background-color: rgba(0,0,0,0.3); border-bottom: 1px solid #000; } .dropdown-menu, .dropdown-menu p, .dropdown-menu a, .dropdown-menu>li>a, .dropdown-menu>li>a>h1, .dropdown-menu>li>a>h2, .dropdown-menu>li>a>h3, .dropdown-menu>li>a>h4, .dropdown-menu>li>a>h5, .dropdown-menu>li>a>h6, .note-popover .popover .popover-content .note-para .dropdown-menu i.fa, .note-toolbar .note-para .dropdown-menu i.fa { color:#000; } /** [Plugin] Markdown **************************************************************** **/ .md-editor { border-color:#666; } .md-editor .md-header .btn-default { border:0; background-color:#333; } .md-editor>.md-header { background-color:#000; } .md-editor>textarea { color:#fff; background-color:#333; border-top-color:#111; border-bottom-color:#111; } .md-editor.md-fullscreen-mode .md-input, .md-editor.md-fullscreen-mode .md-preview, .md-editor.md-fullscreen-mode { color:#fff; background-color:#333 !important; } /** [Plugin] Hover Button **************************************************************** **/ .btn-hvr { color:#333; } /** Thematics **************************************************************** **/ .music-album-song-list li { background-color: rgba(0,0,0,0.2); } /******layout-datatables.css******/ div.dataTables_length label { font-weight: normal; float: left; text-align: left; width:40%; line-height:38px; } div.dataTables_length label select, div.dataTables_length label .select2-container { width:70px; float:left; margin-right:10px !important; } div.dataTables_length label .select2-container { width:100px; } table thead .table-checkbox { width:20px; } div.dataTables_filter label { font-weight: normal; float: right; line-height:38px; } div.dataTables_filter input { width: 16em; float:right; margin-left:10px; width:150px; } div.tabletools-topbar { margin-top:-56px; margin-right:30px; } div.tabletools-topbar .btn { background-color:#fff !important; } div.dataTables_info { padding-top: 8px; } div.dataTables_paginate { float: right; margin: 0; } div.dataTables_paginate ul.pagination { margin: 2px 0; white-space: nowrap; } table.dataTable td, table.dataTable th { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .dataTable .row-details.row-details-close { background: url("../images/_smarty/datatable-row-openclose.png") no-repeat 0 0; } .dataTable .row-details.row-details-open { background: url("../images/_smarty/datatable-row-openclose.png") no-repeat 0 -23px; } .dataTable .row-details { margin-top: 3px; display: inline-block; cursor: pointer; width: 14px; height: 14px; } .dataTable .details { background-color: #eeeeee; } table button, table input[type=text] { height:30px; margin:2px 0; } table.dataTable { clear: both; margin-top: 6px !important; margin-bottom: 6px !important; max-width: none !important; } table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled { cursor: pointer; } table.dataTable thead .sorting { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTRDMDM5NjkyMkMxMTFFMUExRjFBREFENUIyQTUzOEMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTRDMDM5NkEyMkMxMTFFMUExRjFBREFENUIyQTUzOEMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxNEMwMzk2NzIyQzExMUUxQTFGMUFEQUQ1QjJBNTM4QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxNEMwMzk2ODIyQzExMUUxQTFGMUFEQUQ1QjJBNTM4QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pm8NGvcAAADkSURBVHjaYvz//z8DtQATAxUBCzbBu3fvInO5gLgNiMuA+BdMUFlZmSyXZQNxFhCnUupNLSDOA2JWIC4AOYhcwxiBuBiIZaB8FajBjOQY5gDEgWhiiUBsTaphvEBcC8SCWMRrgJidFMNCoC74gQU7AnEQ1nChZqLFlc4igdQCIP6HwzcZwHQ2n1hvrgPi/UDMgQUfBeI1pITZTyBuAeLPaOLvgbgZizjBpAFyAbpX1gPxAXLSGShmJgHxHSj/CRD3QsXJyk6gHD8BiH9DDb5GcmyigdlArArEUwkpZBy0hSNAgAEA5Ho0sMdEmU8AAAAASUVORK5CYII=') no-repeat center right; } table.dataTable thead .sorting_asc { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExQjM4MkY2QzVGRUYwRTJDNCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4MkFEQzYxNjIyQzExMUUxQTFGMUFEQUQ1QjJBNTM4QyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4MkFEQzYxNTIyQzExMUUxQTFGMUFEQUQ1QjJBNTM4QyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAyODAxMTc0MDcyMDY4MTFCMzgyRjZDNUZFRjBFMkM0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTFCMzgyRjZDNUZFRjBFMkM0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+z5ABTAAAAI5JREFUeNpi/P//PwO1ABMDFQELIQXVjfe4gFQbEJe11iv9otRl2UCcBcSphBQy4gszoKu0gNROIJYB4jtA7AF03V2SXQY0iBFIFUMNAgEVIM6DipPsTQcgDkQTSwRia5IMA9rOC6RqgVgQTQokXgOUZyfFZSFQF/zAgh2BOIjkCBjQRDtq2Khh9DAMIMAAT9AmNBDSXegAAAAASUVORK5CYII=') no-repeat center right; } table.dataTable thead .sorting_desc { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExQjM4MkY2QzVGRUYwRTJDNCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4MkFEQzYxQTIyQzExMUUxQTFGMUFEQUQ1QjJBNTM4QyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4MkFEQzYxOTIyQzExMUUxQTFGMUFEQUQ1QjJBNTM4QyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAyODAxMTc0MDcyMDY4MTFCMzgyRjZDNUZFRjBFMkM0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTFCMzgyRjZDNUZFRjBFMkM0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+1fsfwAAAAJdJREFUeNpi/P//PwO1ABMDFcGoYaOG0cMwFmyC1Y33IoHUAiD+h8MBGa31SvOJddk6IN4PxBxY8FEgXkO0N4G2/gRSLUD8GU3qPRA3A+U/kxpmIBege2U9EB/ApYERX6kBDDtlILUDiFWA+AkQuwNddY2s2ARqvAukJgDxbyCehM8gnLGJBmYDsSoQTyWkkHHQFo4AAQYAAA0piq4hbqwAAAAASUVORK5CYII=') no-repeat center right; } table.dataTable thead .sorting_asc_disabled { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAI9JREFUeNrs0iEKAlEUheFvRBEEg932TG7BoktQ3IDBoiCCYNLqLmcfYhnLE0Remecghjlwwznh59zLLaqq0pQ6GlQ3FZZl+W4HuOGMxysMIWQ122OH7bdrTnFAD0eEXFiBE8bRTyK4yIHNsfzINpjVhQ1xxSiRX9CvA1vHBvfELLBK3uVvn7aFtbBfwJ4DADKcFwD71DDFAAAAAElFTkSuQmCC') no-repeat center right; } table.dataTable thead .sorting_desc_disabled { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAI9JREFUeNrs0iEKAlEUheFvRBEEg932TG7BoktQ3IDBoiCCYNLqLmcfYhnLE0Remecghjlwwznh59zLLaqq0pQ6GlQ3FZZl+W4HuOGMxysMIWQ122OH7bdrTnFAD0eEXFiBE8bRTyK4yIHNsfzINpjVhQ1xxSiRX9CvA1vHBvfELLBK3uVvn7aFtbBfwJ4DADKcFwD71DDFAAAAAElFTkSuQmCC') no-repeat center right; } table.dataTable th:active { outline: none; } /* Scrolling */ div.dataTables_scrollHead table { margin-bottom: 0 !important; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } div.dataTables_scrollHead table thead tr:last-child th:first-child, div.dataTables_scrollHead table thead tr:last-child td:first-child { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } div.dataTables_scrollBody table { border-top: none; margin-top: 0 !important; margin-bottom: 0 !important; } div.dataTables_scrollBody tbody tr:first-child th, div.dataTables_scrollBody tbody tr:first-child td { border-top: none; } div.dataTables_scrollFoot table { margin-top: 0 !important; border-top: none; } /* Frustratingly the border-collapse:collapse used by Bootstrap makes the column width calculations when using scrolling impossible to align columns. We have to use separate */ table.table-bordered.dataTable { border-collapse: separate !important; } table.table-bordered thead th, table.table-bordered thead td { border-left-width: 0; border-top-width: 0; } table.table-bordered tbody th, table.table-bordered tbody td { border-left-width: 0; border-bottom-width: 0; } table.table-bordered th:last-child, table.table-bordered td:last-child { border-right-width: 0; } div.dataTables_scrollHead table.table-bordered { border-bottom-width: 0; } /* * TableTools styles */ .table tbody tr.active td, .table tbody tr.active th { background-color: #08C; color: white; } .table tbody tr.active:hover td, .table tbody tr.active:hover th { background-color: #0075b0 !important; } .table tbody tr.active a { color: white; } .table-striped tbody tr.active:nth-child(odd) td, .table-striped tbody tr.active:nth-child(odd) th { background-color: #017ebc; } table.DTTT_selectable tbody tr { cursor: pointer; } div.DTTT .btn { color: #333 !important; font-size: 12px; } div.DTTT .btn:hover { text-decoration: none !important; } ul.DTTT_dropdown.dropdown-menu { z-index: 2003; } ul.DTTT_dropdown.dropdown-menu a { color: #333 !important; /* needed only when demo_page.css is included */ } ul.DTTT_dropdown.dropdown-menu li { position: relative; } ul.DTTT_dropdown.dropdown-menu li:hover a { background-color: #0088cc; color: white !important; } div.DTTT_collection_background { z-index: 2002; } /* TableTools information display */ div.DTTT_print_info.modal { height: 150px; margin-top: -75px; text-align: center; } div.DTTT_print_info h6 { font-weight: normal; font-size: 28px; line-height: 28px; margin: 1em; } div.DTTT_print_info p { font-size: 14px; line-height: 20px; } /* * FixedColumns styles */ div.DTFC_LeftHeadWrapper table, div.DTFC_LeftFootWrapper table, div.DTFC_RightHeadWrapper table, div.DTFC_RightFootWrapper table, table.DTFC_Cloned tr.even { background-color: white; margin-bottom: 0; } div.DTFC_RightHeadWrapper table , div.DTFC_LeftHeadWrapper table { margin-bottom: 0 !important; border-top-right-radius: 0 !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } div.DTFC_RightHeadWrapper table thead tr:last-child th:first-child, div.DTFC_RightHeadWrapper table thead tr:last-child td:first-child, div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child, div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } div.DTFC_RightBodyWrapper table, div.DTFC_LeftBodyWrapper table { border-top: none; margin: 0 !important; } div.DTFC_RightBodyWrapper tbody tr:first-child th, div.DTFC_RightBodyWrapper tbody tr:first-child td, div.DTFC_LeftBodyWrapper tbody tr:first-child th, div.DTFC_LeftBodyWrapper tbody tr:first-child td { border-top: none; } div.DTFC_RightFootWrapper table, div.DTFC_LeftFootWrapper table { border-top: none; } /* * FixedHeader styles */ div.FixedHeader_Cloned table { margin: 0 !important } /* * Dark */ section.dark div.tabletools-topbar .btn { background-color:#666 !important; } /******layout-footable-minimal.css******/ /** FOOTABLE MINMAL SKIN *************************************************** **/ .footable.fooMinimal { border:0; } table.fooMinimal { font-size: 13px; font-weight:400; } table.fooMinimal td { padding: 3px 15px !important; vertical-align: top !important; border-top: 1px solid #efefef !important; line-height: 1.4 !important; text-align: right !important; } table.fooMinimal td.foo-cell { text-align: left !important; padding-left: 0px !important; } table.fooMinimal th { background:#fff !important; border-right:0 !important; border-left:0 !important; } table.fooMinimal th.foo-cell { text-align: left; } table.fooMinimal th:first-child { padding-left: 0; } table.fooMinimal td, .g-mobile-table { font-size: 14px; font-weight: 300; color: #555; } table.fooMinimal td { padding: 12px 15px; vertical-align: top; border-top: 1px solid #efefef; line-height: 1.4; } table.fooMinimal td:first-child { padding-left: 0; } table.fooMinimal tr:first-child td { } table.fooMinimal th:first-child { padding-left: 0; } table.fooMinimal th { vertical-align: bottom; font-weight: 700; font-size: 14px; text-align: center; padding: 5px 15px 8px 15px; } table.fooMinimal td.highlight { background: #e1f1f6 !important; border-top: 1px solid white !important; } html:not(.viewport-medium-10) table.fooMinimal th { font-size: 13px; padding: 4px 15px 4px 15px; text-align: right; padding-right: 0px; } html:not(.viewport-medium-10) table.fooMinimal th:first-child { text-align: left; } html:not(.viewport-medium-10) table.fooMinimal td { font-size: 13px; padding: 2px 0px; } table.fooMinimal .footable-row-detail-name { text-align: left; } table.fooMinimal th { border-bottom: 1px solid #ccc; } table.fooMinimal.g-fixed-header th { padding-top: 30px; } table.fooMinimal th { position: relative; border-bottom: 1px solid #ccc; padding-bottom: 6px; vertical-align: bottom; } /******layout-jqgrid.css******/ /** **/ table.table input#cb_jqgrid { display:inline-block; float:left; margin-top:-10px; margin-left:3px; } table.table #jqgrid_cb .icheckbox_minimal { margin-top:-21px; } .ui-jqgrid .ui-jqgrid-hdiv { background-color:#f8f8f9 !important; padding-right:0 !important; } table.table.ui-jqgrid-htable tr th:last-child { border-right:0 !important; } .ui-jqgrid .btn-default { background-color:#fff !important; } .ui-jqgrid .btn-quick { margin-right:2px; } /* search */ .ui-widget-overlay { background-color:rgba(0,0,0,0.5); } .ui-widget-header { font-weight: bold; background-color: #F5F5F5; color: #333; } .ui-jqdialog-title { float:none !important; font-size:14px; } .ui-jqdialog .ui-jqdialog-titlebar { padding:6px; } .ui-jqdialog .ui-jqdialog-titlebar-close span:before { content: "\e014"; } .ui-jqdialog .ui-jqdialog-titlebar-close span { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; font-size:15px; } .searchFilter { padding:15px; } .searchFilter select, .searchFilter input { padding:6px; border:#ccc 1px solid; height:30px; margin-right:6px; border-radius:2px; } .fm-button { border:#ccc 1px solid; padding:6px 15px; background-color:#fff; font-size:14px; border-radius:2px; } .EditTable { background-color:#eee; } .EditButton { padding:0 15px; } .ui-widget-content { padding:0 !important; } .s-ico { position:absolute; right:15px; top:14px; } .ui-grid-ico-sort { width: 16px; height: 16px; display:inline-block; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAsCAYAAACpOaImAAAAXElEQVQ4je2UwQnAIBAEV7EDf1mEs/8iUowkVSyYTw5C0DQQ5zmz7wVuSGYz20lmdwEASilbSulwKYmttTO8w3MQRwEAZn6xWPyXUGvtsxglcRQk8fukXPjAAwBc9jonxB51QWoAAAAASUVORK5CYII='); background-position:right; background-repeat: no-repeat; } .ui-icon-triangle-1-n { background-position: 0 6px; } .ui-icon-triangle-1-s { background-position: 0 -33px; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter: alpha(opacity=35); } /** **/ #jqgrid, .ui-jqgrid, #gview_jqgrid, .ui-jqgrid-bdiv, .ui-jqgrid .ui-jqgrid-hdiv, .ui-jqgrid-hdiv .ui-jqgrid-htable, #ui-jqgrid-bdiv, #pager_jqgrid { width:100% !important; } #jqgrid button>i, #jqgrid .btn>i { margin:0; padding:0; } .ui-jqgrid-btable input,.ui-jqgrid-btable select,.ui-jqgrid-btable textarea { padding: 2px; width: auto; max-width: 100%; margin-bottom: 0; } .ui-jqgrid-btable select { padding: 1px; height: 25px; line-height: 25px; } .ui-jqgrid .ui-jqgrid-view button,.ui-jqgrid .ui-jqgrid-view input,.ui-jqgrid .ui-jqgrid-view select,.ui-jqgrid .ui-jqgrid-view textarea { font-size: 13px; } .ui-jqgrid .ui-jqgrid-htable .ui-search-toolbar th { height: 30px; padding-top: 2px; white-space: normal; } .ui-jqgrid .ui-jqgrid-view,.ui-jqgrid .ui-paging-info,.ui-jqgrid .ui-pg-selbox,.ui-jqgrid .ui-pg-table { font-size: 13px; } .ui-jqgrid .ui-jqgrid-title { float: left; margin: 8px; } .ui-jqgrid .ui-jqgrid-title-rtl { float: right; margin: 8px; } .ui-jqgrid-view>.ui-jqgrid-titlebar { height: 40px; line-height: 24px; color: #31708f; background: #D6DDE7; padding: 0; font-size: 15px; } .ui-jqgrid .ui-jqgrid-titlebar-close .ui-icon:before { color: #31708f !important; } .ui-jqgrid tr.jqgrow.ui-row-rtl td:last-child { border-right: none; border-left: 1px solid #E1E1E1; } .ui-jqgrid .ui-jqgrid-hdiv { background-color: #eff3f8; border: 1px solid #D3D3D3; border-width: 1px 0 0 1px; line-height: 15px; font-weight: 700; color: #777; text-shadow: none; } .ui-jqgrid .ui-jqgrid-htable thead { background-color: #eff3f8; } .ui-jqgrid .ui-jqgrid-htable th span.ui-jqgrid-resize { height: 45px!important; } .ui-jqgrid .ui-jqgrid-htable th div { padding-top: 12px; padding-bottom: 12px; } .ui-jqgrid-hdiv .ui-jqgrid-htable { border-top: 1px solid #E1E1E1; } .ui-jqgrid-titlebar { position: relative; top: 1px; z-index: 1; } .ui-jqgrid tr.jqgrow,.ui-jqgrid tr.ui-row-ltr,.ui-jqgrid tr.ui-row-rtl { border: none; } .ui-jqgrid tr.ui-row-ltr td,.ui-jqgrid tr.ui-row-rtl td { border-bottom: 1px solid #E1E1E1; padding: 6px 4px; border-color: #E1E1E1; } .ui-jqgrid tr.ui-state-highlight.ui-row-ltr td { border-right-color: #C7D3A9; } .ui-jqgrid tr.ui-state-highlight.ui-row-rtl td { border-left-color: #C7D3A9; } .ui-jqgrid-btable .ui-widget-content.ui-priority-secondary { background-image: none; background-color: #F9F9F9; opacity: 1; } .ui-jqgrid-btable .ui-widget-content.ui-state-hover { background-image: none; background-color: #EFF4F7; opacity: 1; } .ui-jqgrid-btable .ui-widget-content.ui-state-highlight { background-color: #E4EFC9; } .ui-jqgrid .ui-jqgrid-pager { line-height: 15px; height: 55px; padding-top: 3px!important; padding-bottom: 5px!important; background-color: #eff3f8!important; border-bottom: 1px solid #E1E1E1!important; border-top: 1px solid #E1E1E1!important; } .ui-jqgrid .ui-pg-input { font-size: inherit; width: 24px; height: 20px; line-height: 16px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; text-align: center; padding-top: 1px; padding-bottom: 1px; } .ui-jqgrid .ui-pg-selbox { display: block; height: 24px; width: 60px; margin: 0; padding: 1px; line-height: normal; } .ui-jqgrid .ui-jqgrid-htable th div { overflow: visible; } .ui-jqgrid .ui-pager-control { height: 50px; position: relative; padding-left: 9px; padding-right: 9px; } .ui-jqgrid .ui-jqgrid-toppager { height: auto!important; background-color: #eff3f8; border-bottom: 1px solid #E1E1E1!important; } .ui-jqgrid .jqgrow .editable { max-width: 90%; max-width: calc(92%)!important; } .ui-pg-table .navtable .ui-corner-all { border-radius: 0; } .ui-jqgrid .ui-pg-button:hover { padding: 1px; } .ui-jqgrid .ui-pg-button .ui-separator { margin-left: 4px; margin-right: 4px; border-color: #C9D4DB; } .ui-jqgrid .ui-jqgrid-btable { border-left: 1px solid #E1E1E1; } .ui-jqgrid .ui-jqgrid-bdiv { border-top: 1px solid #E1E1E1; } .ui-jqgrid .loading { position: absolute; top: 45%; left: 45%; width: auto; height: auto; z-index: 101; padding: 6px; margin: 5px; text-align: center; font-weight: 700; font-size: 12px; background-color: #FFF; border: 2px solid #8EB8D1; color: #E2B018; } .ui-jqgrid .ui-search-toolbar { border-top: 1px solid #E1E1E1; } .ui-jqgrid .ui-jqgrid-labels { border-bottom: none; background: #F2F2F2 repeat-x; background-image: -webkit-linear-gradient(top,#f8f8f8 0,#ececec 100%); background-image: -o-linear-gradient(top,#f8f8f8 0,#ececec 100%); background-image: linear-gradient(to bottom,#f8f8f8 0,#ececec 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8f8f8', endColorstr='#ffececec', GradientType=0); padding: 0!important; border-left: 1px solid #E1E1E1!important; } .ui-jqgrid .ui-jqgrid-labels th { border-right: 1px solid #E1E1E1!important; text-align: left!important; } .ui-jqgrid-labels th[id*="_cb"]:first-child>div { padding-top: 0; text-align: center!important; } .ui-jqgrid-sortable { padding-left: 4px; font-size: 13px; color: #777; font-weight: 700; } .ui-jqgrid-sortable:hover { color: #547ea8; } th[aria-selected=true] { background-image: -webkit-linear-gradient(top,#eff3f8 0,#e3e7ed 100%); background-image: -o-linear-gradient(top,#eff3f8 0,#e3e7ed 100%); background-image: linear-gradient(to bottom,#eff3f8 0,#e3e7ed 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeff3f8', endColorstr='#ffe3e7ed', GradientType=0); } th[aria-selected=true] .ui-jqgrid-sortable { color: #307ecc; } .ui-jqgrid .ui-jqgrid-htable .ui-search-toolbar th div { padding-top: 0; padding-bottom: 0; height: 30px; line-height: 26px; } .ui-jqgrid .ui-jqgrid-titlebar-close { top: 10%; height: auto; padding: 0; margin: 2px 8px 0 0; text-align: center; border-radius: 4px; } .ui-jqgrid .ui-jqgrid-titlebar-close:hover { background-color: rgba(255,255,255,.2); } .ui-jqgrid .ui-jqgrid-titlebar-close .ui-icon:before { display: inline-block; font-family: FontAwesome; content: "\f077"; color: #FFF; } .ui-jqgrid .ui-jqgrid-titlebar-close .ui-icon-circle-triangle-s:before { content: "\f078"; } .ui-jqgrid .tree-wrap-ltr { margin: 0 4px; float: none; display: inline; } .ui-jqgrid .tree-wrap-rtl { margin: 2px 4px 0; } .ui-jqgrid .ui-subgrid { border-bottom: 1px solid #E1E1E1; background-color: #F6FAFF; } .ui-jqgrid .ui-subgrid .ui-jqgrid-btable { background-color: #FFF; } .ui-jqgrid .ui-subgrid .ui-jqgrid .ui-jqgrid-hdiv { background-color: transparent; margin-top: 4px; } .ui-jqgrid .ui-subgrid .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable .ui-jqgrid-labels { border-bottom: 1px solid #E1E1E1; background: #F1F1F1; } .ui-jqgrid .ui-subgrid .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable th[aria-selected=true] { background: #E5E9EF; } .ui-jqgrid .ui-subgrid .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable th .ui-jqgrid-sortable { font-size: 12px; } .ui-jqgrid .ui-subgrid .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable th div { padding-top: 8px; padding-bottom: 8px; } .ui-jqgrid .ui-subgrid .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable th span.ui-jqgrid-resize { height: 36px!important; } .ui-jqgrid .ui-subgrid .ui-jqgrid .ui-jqgrid-bdiv { height: auto!important; max-height: 150px; margin-bottom: 4px; border-top-width: 0; border-bottom: 1px solid #E1E1E1; } .ui-jqgrid .ui-sgcollapsed>a:hover { text-decoration: none; } table.ui-widget { margin:0; } .ui-widget-content { background:#fff; } .ui-accordion-content { border:#ccc 1px solid !important; border-top: 0 !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } @media only screen and (max-width:900px) { .ui-pg-selbox, #pager_jqgrid_right, #first_pager_jqgrid, #last_pager_jqgrid { display:none !important; } } @media only screen and (max-width:767px) { .ui-jqgrid .ui-jqgrid-pager { height: 90px; } .ui-jqgrid .ui-jqgrid-pager>.ui-pager-control { height: 85px; padding-top: 9px; } .ui-jqgrid .ui-jqgrid-pager>.ui-pager-control>.ui-pg-table>tbody>tr>td { vertical-align: top; } .ui-jqgrid .ui-jqgrid-pager>.ui-pager-control>.ui-pg-table>tbody>tr>td#grid-pager_center { width: 0!important; position: static; } .ui-jqgrid .ui-jqgrid-pager>.ui-pager-control>.ui-pg-table>tbody>tr>td#grid-pager_center>.ui-pg-table { margin: 36px auto 0; position: absolute; right: 0; left: 0; text-align: center; } #pager_jqgrid_center { float:none !important; display:block !important; margin-top:40px; margin-left:-110px !important; } } @media only screen and (max-width:767px) and (-webkit-min-device-pixel-ratio:0) { .ui-jqgrid .ui-jqgrid-pager>.ui-pager-control>.ui-pg-table>tbody>tr>td#grid-pager_center>.ui-pg-table { width: 300px; } } /******layout-RTL.css******/ /** RTL DEFAULTS **************************************************************** **/ input, select, textarea { text-align:right; } /** Commons **************************************************************** **/ ul>li>i { margin-right:0; margin-left:10px; } ul.list-icons { margin-right: 1.75em; margin-left: 0; } ul.list-icons>li>i { right: -1.75em; left: auto; } img.float-left { margin: 0 0 10px 20px; } img.float-right { margin: 0 20px 10px 0; } .btn>i { padding-right:0; padding-left:6px; } .btn>.new { right:auto; left:-6px; } #toTop { right:auto; left:6px; } /* Top Bar */ #topBar ul.top-links { float:right; } #topBar ul.dropdown-menu>li>a>i { margin-left:6px; margin-right:0; } #topBar ul.dropdown-menu { margin-left:0; margin-right:-1px; } #topBar ul.dropdown-langs>li>a>img.flag-lang { float:right; margin-right: 0; margin-left: 6px; } #topBar ul.top-links>li { border-left: rgba(0,0,0,0.1) 1px solid; border-right:0; } #topBar ul.top-links>li>a>i { margin-right:0; margin-left:5px; } /* banner */ #topBar .banner { padding-left:0; padding-right:5px; border-left:0; border-right:rgba(0,0,0,0.05) 1px solid; } #topBar.dark .banner { border-right:rgba(255,255,255,0.05) 1px solid; } /* Page Menu */ #page-menu ul>li { float:right; } #page-menu ul>li>a>i { margin-right:0; margin-left:5px; } /* Top Nav */ #topNav ul.dropdown-menu>li:hover > ul.dropdown-menu { left:auto; right:100%; } #topNav ul.dropdown-menu { text-align:right; } #topNav ul.dropdown-menu a.dropdown-toggle { background-image: url('../images/_smarty/submenu_inverse_light.png'); background-position:left center; } #topNav div.submenu-dark ul.dropdown-menu a.dropdown-toggle { background-image: url('../images/_smarty/submenu_inverse_dark.png'); background-position:left center; } #topNav ul.dropdown-menu>li a i { margin-right: 0; margin-left: 6px; } /* dropdown open inversed */ #topMain li.dropdown.open-inverse ul.dropdown-menu li>ul { left:100%; right: auto; } /* Menu Vertical */ body.menu-vertical.menu-vertical #wrapper { margin-right:263px; margin-left:0; } body.menu-vertical.menu-vertical.menu-inverse #wrapper { margin-right:0; margin-left:263px; } body.menu-vertical #mainMenu.sidebar-vertical { left:auto; right:0; } body.menu-vertical.menu-inverse #mainMenu.sidebar-vertical { left:0; right:auto; } body.menu-vertical #mainMenu.sidebar-vertical li.dropdown:hover>ul.dropdown-menu { left:-230px; right:auto; } body.menu-vertical.menu-inverse #mainMenu.sidebar-vertical li.dropdown:hover>ul.dropdown-menu { right:-230px; left:auto; } body.menu-vertical #mainMenu.sidebar-vertical .navbar-default .navbar-nav>li>a>i { float:right; margin-left:13px; margin-right:0; } body.menu-vertical #mainMenu.sidebar-vertical .navbar-default .navbar-nav>li>a { text-align:right !important; } body.menu-vertical.menu-inverse #mainMenu.sidebar-vertical .navbar-default .navbar-nav>li>a { text-align:left; } body.menu-vertical #mainMenu.sidebar-vertical .navbar-default .navbar-nav>li>a.dropdown-toggle { background-image: url('../images/_smarty/submenu_inverse_light.png'); background-position:center left; } /* Column Menu / Mega Menu */ body.menu-vertical #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu { background-position:top left; left: auto !important; right: 240px !important; } body.menu-vertical.menu-inverse #mainMenu.sidebar-vertical ul.nav ul.dropdown-menu.column-menu { left: 262px; right:auto; } /* bullet navigation */ #nav-bullet { left: 1em; right:auto; } /** Plugins Rewrite *************************************************** **/ /* OWL Slider [essentials.css] */ .owl-carousel.featured .owl-controls.clickable { right:auto; left:0; } .owl-theme.controlls-over .owl-controls .owl-page:first-child { -webkit-border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-bottomleft: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; } .owl-theme.controlls-over .owl-controls .owl-page:last-child { -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } /* Featured OWL Carousel */ .owl-carousel.featured .thumbnail.float-left { margin-right:auto; margin-left:20px; } .owl-carousel.featured .thumbnail.float-right { margin-left:auto; margin-right:20px; } /* Slimscroll */ .slimScrollBar { right:auto !important; left:1px !important; } /* fancy button */ .fancy_big_btn { right:0; left:auto; } .fancy_big_btn.inverse { left:0; right:auto; } /** Shop *************************************************** **/ #shopLoadModal .modal-content { background-position: right bottom; } #shopLoadModal .block-content { float:right; } .shop-item-list>.col-lg-12>.shop-item>.thumbnail, .shop-item-list>.col-md-12>.shop-item>.thumbnail { float:right; width:200px; } .shop-item-list>.col-lg-12>.shop-item>.shop-item-summary, .shop-item-list>.col-md-12>.shop-item>.shop-item-summary { text-align:right !important; position:absolute; left:auto; right:230px; } .shop-item-list>.col-lg-12>.shop-item>.shop-item-buttons, .shop-item-list>.col-md-12>.shop-item>.shop-item-buttons { text-align:right; } .shop-item-list>.col-lg-12>.shop-item>.shop-item-summary>.shop-item-price>span, .shop-item-list>.col-md-12>.shop-item>.shop-item-summary>.shop-item-price>span { padding-right:10px; padding-left:0; } @media only screen and (max-width: 480px) { .shop-item-list>.col-lg-12>.shop-item>.shop-item-summary, .shop-item-list>.col-md-12>.shop-item>.shop-item-summary { text-align:center !important; } } /* ship compare */ .shop-compare-title { text-align:left !important; } /* cart */ .cartContent .product_name { float:right; } .cartContent .qty { float:left; } .cartContent .total_price { float:left; } .cartContent .qty input { margin-right:0; margin-left:3px; } .cartContent .remove_item { float:left; padding:5px 7px 5px 5px; margin-right:0; margin-left:8px; } @media only screen and (max-width: 992px) { .cartContent .item .qty { float:right; text-align:right; } } /** Misc [layout.css] **************************************************************** **/ /* Event List */ .event-item .event-date-wrapper { float: right; margin-right:0; margin-left: 20px; } .event-item .event-content-wrapper .event-status-wrapper { right:auto; left:0; } /* Inline News */ .inews-item .inews-thumbnail { margin: 0 0 0 20px; float:right; } .inews-item .inews-date-wrapper { left:auto; right:0; margin-right:0; margin-left:20px; } .inews-item .inews-item-content { padding-left:0; padding-right:85px; } .inews-item .inews-date-wrapper:before { right:auto10px; left:-10px; border-left:0; border-right: 10px solid rgba(0,0,0,0.1); } /* team item */ .team-item .team-item-image { left:auto; right:0; } .team-item .team-item-desc { padding-left:0; padding-right:180px; } /* menu title */ #header #topNav #topMain li>h4>i { margin-left: 8px; margin-right: 0; } /* TEXT HOVER ANIMATED */ #topNav.nav-hover-animate li:hover>a, #topNav .nav-hover-animate li:hover>a { padding-left: 15px; padding-right: 23px; } #topMain.nav-pills>li>a.dropdown-toggle:after { right: auto; left: 17px; } #topMain.nav-pills>li>a.dropdown-toggle { padding-left: 25px; padding-right: 15px; } /** Ribbon [essentials.css] *************************************************** **/ .ribbon { right: auto; left: -2px; } .ribbon .ribbon-inner { left: auto; right: -8px; } .ribbon-inner { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); left: auto; right: 3px; } /** Tag Cloud [essentials.css] *************************************************** **/ .tag { margin: 0 0 3px 6px; } /** Inline Search [essentials.css] *************************************************** **/ .inline-search form input.serch-input { padding: 5px 10px 5px 50px; } .inline-search form button { left: 0; right: auto; } .inline-search form button { border-right: #e3e3e3 1px solid; border-left:0; } section.dark .inline-search form button { border-right: #666 1px solid; border-left:0; } #header li.search .search-box { right: auto; left: 0; } #header ul.nav-second-main { border-left: 0; border-right: rgba(0,0,0,0.1) 1px solid; } /** Featured Grid [layout.css] *************************************************** **/ section.featured-grid div.row>div .ribbon { right: auto; left: 4px; text-align:left; } section.featured-grid div.row>div .ribbon:before { right: auto; left: 0; border-right: auto; border-left: 0; border-bottom: 0; border-right: 150px solid transparent; } /** Timeline [layout.css] *************************************************** **/ .timeline { padding-left:0; padding-right:100px; } .timeline.timeline-inverse { padding-left:100px; padding-right:0; } /* horizontal line [left|center|right] */ .timeline>.timeline-hline { left: auto; right: 0; margin-left: 0; margin-right: 30px; border-right:rgba(0,0,0,0.1) 1px dashed; border-left:0; } .timeline.timeline-inverse>.timeline-hline { left:0; right:auto; margin-left:030px; margin-right:0; border-right:0; border-left:rgba(0,0,0,0.1) 1px dashed; } section.dark .timeline.timeline-inverse>.timeline-hline { border-left-color:rgba(255,255,255,0.2); } /* timeline entry */ .timeline .timeline-entry { left: auto; right: -102px; } .timeline .timeline-entry>.timeline-vline { left: -40px; right: auto; } .timeline.timeline-inverse .timeline-entry { left: -102px; right: auto; } .timeline.timeline-inverse .timeline-entry>.timeline-vline { left: auto; right: -40px; } .timeline_center li:nth-child(odd) { text-align:left; } .timeline_center li:nth-child(even) { text-align:left; } @media only screen and (max-width: 650px) { .timeline_center { background:transparent; } .timeline_center li { padding: 0 70px 25px 0 !important; background: url('../images/_smarty/timeline/timeline_left.png') no-repeat !important; background-position: 107% top !important; width: auto; } .timeline_center li h3 span { position:relative; display:block; right:auto; left:auto; padding:5px 0 !important; margin:0; } .timeline_center li:nth-child(even) h3 span { position:relative; display:block; right:auto; left:auto; padding:0; margin:0; } .timeline_center li h3 { font-size:24px; line-height:24px; } .timeline_center li h3, .timeline_center li:nth-child(even) h3 { text-align: right; } .timeline_center li h3:before { left:auto; right: 13px; } .timeline_center li .timeline-desc, .timeline_center li:nth-child(even) .timeline-desc { text-align: right; } .timeline_center li .timeline-desc:before { display: none; } .timeline_center:after { left:auto; right:13px; } .timeline_center li:nth-child(even) { text-align:right; } .timeline_center li:nth-child(odd) { text-align:right; } } .timeline .timeline-item-bordered { border-left:0; padding-left:0; padding-right:20px; border-right:#ccc 1px dashed; } section.dark .timeline .timeline-item-bordered { border-left:0; border-right:rgba(255,255,255,0.2) 1px dashed; } .timeline.timeline-inverse .timeline-item-bordered { border-left:#ccc 1px dashed; border-right:0; padding-right:0; padding-left:20px; } /** Blog [layout.css] *************************************************** **/ .blog-post-item .blog-item-small-image { float:right; } .blog-post-item .blog-item-small-image + .blog-item-small-content { padding-left:0; padding-right:330px; } .blog-post-item.blog-post-item-inverse .blog-item-small-image { float:left; } .blog-post-item.blog-post-item-inverse .blog-item-small-image + .blog-item-small-content { padding-left:330px; } .blog-both-sidebar .blog-post-item .blog-item-small-image { float:right; } .blog-both-sidebar .blog-post-item .blog-item-small-image + .blog-item-small-content { padding-left:0; padding-right:230px; } .blog-both-sidebar .blog-post-item.blog-post-item-inverse .blog-item-small-image { float:left; } .blog-both-sidebar .blog-post-item.blog-post-item-inverse .blog-item-small-image + .blog-item-small-content { padding-left:230px; } /** Comments [layout.css] *************************************************** **/ .comments a.comment-reply { float:left; } .comments span.user-avatar { float:right; margin-right: 0; margin-left: 10px; } .comment-list .card .card-heading.right { left:16px; right:auto; } @media (min-width: 768px) { .comment-list .card.arrow:before, .comment-list .card.arrow:after { display:none; } } /* general comments usage example: page-profile-comments.html */ li.comment img.avatar { left:auto; right:0; } li.comment.comment-reply img.avatar { left:0; right:6px; top:6px; } li.comment .comment-body { padding-left:0; padding-right:60px; } li.comment.comment-reply { margin-left:0; margin-right:60px; } /** Sliders [layout.css] *************************************************** **/ .owl-carousel, .swiper-container, .flexslider, .camera_wrap { direction:ltr !important; } .owl-carousel .owl-item { float: left !important; } .swiper-button-next, .swiper-container-rtl .swiper-button-next { left:auto; right:10px; } .swiper-button-prev, .swiper-container-rtl .swiper-button-prev { left:10px; right:auto; } .nivo-caption { right:20px; left:auto; } /** Block Review [layout.css] **************************************************************** **/ .block-review-content div.block-review-body { padding:20px 150px 20px 0; } .block-review-content div.block-review-avatar { width:130px; float:right; margin-right:-140px; margin-left:0; } @media only screen and (max-width: 482px) { .block-review-content div.block-review-body { padding:20px 100px 20px 0; } .block-review-content div.block-review-avatar { margin-right:-90px; margin-left:0; } } /** Footer [layout.css] *************************************************** **/ #footer .footer-logo.footer-2 { float:right; margin:0 0 10px 20px; padding-right:0; padding-left:20px; border-right:0; border-left:rgba(255,255,255,0.1) 1px solid; } #footer.footer-fixed .footer-links>span, #footer.footer-fixed .footer-links>a { border-left:rgba(255,255,255,0.1) 1px solid; border-right:0; } #footer.footer-fixed.footer-light .footer-links>a { border-left:rgba(0,0,0,0.1) 1px solid; border-right:0; } #footer a>i.fa { padding-left: 6px; padding-right:0; } /** Quick Shop Cart & Search [layout.css] *************************************************** **/ #header li.quick-cart .quick-cart-box a>img { float:right; margin-left:10px; margin-right:0; } #header .search-box.over-header #closeSearch { right:auto; left:30px; } #header li.quick-cart .quick-cart-box { right: auto; left: 0; } /** Side Panel [layout.css] *************************************************** **/ #sidepanel { right:auto; left: -280px; } #sidepanel.sidepanel-inverse { right:-280px; left: auto; } #sidepanel ul li a>i.ico-dd { float:left; } /** Side Nav [essentials.css] *************************************************** **/ div.side-nav ul>li>a.dropdown-toggle:before { right:auto; left:6px; } div.side-nav li.list-group-item li.list-group-item>ul { padding-left: 5px; padding-right: 15px; } div.side-nav li.list-group-item li.list-group-item a.dropdown-toggle:before { left: 5px; right: auto; } div.side-nav ul>li:before { left:auto; right:0; content:"\f104"; } div.side-nav ul>li>ul>li>a{ padding:4px 15px 4px 0; } ul.side-nav>li>a>i { margin-right:0; margin-left:8px; } ul.side-nav li.list-toggle:after { right: auto; left: 10px; content: "\f105"; } div.side-nav ul ul ul { padding-left: 3px !important; padding-right: 30px !important; } /** Forms [essentials.css] *************************************************** **/ .radio i, .checkbox i { left:auto; right:0; } .radio, .checkbox { padding-left:0; padding-right: 36px; margin: 0 0 3px 15px; } /* fancy switches */ .switch > .switch-label:before { left:3px; right:auto; } .switch .switch-label:after { left:0; right:auto; } /* fix 23 Nov. 2017 */ .radio input, .checkbox input { position:absolute; left:auto; display:none } /* fancy file upload */ .fancy-file-upload>span.button { right: auto; left: 4px; } .fancy-file-upload>textarea, .fancy-file-upload>input { text-align:right; padding-left: 0; padding-right: 36px; } /* fancy inputs / select / textarea */ .fancy-form.fancy-icon-inverse>i { right:auto; left:15px; } .fancy-form>textarea, .fancy-form>input { padding-right: 36px; padding-left: 0; } .fancy-form.fancy-icon-inverse>textarea, .fancy-form.fancy-icon-inverse>input { padding-right:15px; padding-left:36px; } .fancy-form>i { right:15px; left:auto; } .fancy-form-select:before { right:auto; left:2px; } .fancy-form>.fancy-arrow, .fancy-form>.fancy-arrow-double { right:auto; left:10px; } select.form-control:not([size]):not([multiple]) { background-position: center left 15px; } /* typeahead */ div.autosuggest .tt-dropdown-menu { text-align:right; } /* form stepper */ .stepper-wrap { margin-right:0 !important; margin-left:35px !important; } .stepper-wrap input { padding-right:10px; padding-left:0; } .stepper-btn-wrap { right: auto; left: -34px; } /* select 2 */ .select2-container--default .select2-selection--single { text-align:right; } .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 20px; padding-right: 8px; } .select2-results { text-align:right; } .select2-container--default .select2-selection--single .select2-selection__arrow { right:auto; left:10px; } /* color picker */ input.colorpicker { padding-left:65px; padding-right:0; } input.colorpicker + .sp-replacer { right:auto; left:0; margin-left:0; margin-right:-55px; } .sp-preview, .sp-dd { float:right; } .sp-preview { margin-right:0; margin-left:5px; } /** [Shortcode] Labels & Badges *************************************************** **/ .badge.badge-square.float-left { margin-left:10px; margin-right:0; } .badge.badge-square.float-right { margin-left:0; margin-right:10px; } /** [Shortcode] Headings *************************************************** **/ div.heading-title h1, div.heading-title h2, div.heading-title h3, div.heading-title h4, div.heading-title h5, div.heading-title h6 { padding-right: 0 !important; padding-left: 15px !important; } div.heading-title.heading-inverse h1, div.heading-title.heading-inverse h2, div.heading-title.heading-inverse h3, div.heading-title.heading-inverse h4, div.heading-title.heading-inverse h5, div.heading-title.heading-inverse h6 { padding-right: 15px !important; padding-left: 0 !important; } div.heading-title.heading-border { padding-right:15px; border-left:0; border-right:#ccc 5px solid; text-align:right; } div.heading-title.heading-border.heading-inverse { padding-left:15px; border-right:0; border-left:#ccc 5px solid; text-align:left; } /** Icon Boxes *************************************************** **/ .box-icon { text-align:right; } .box-icon>.box-icon-title>i { margin-right:0; margin-left:15px; } .box-icon.box-icon-right .box-icon-title>i { float:left; margin-right:10px; margin-left:0; } .box-icon.box-icon-right { text-align:left; } .box-icon.box-icon-left .box-icon-title>i { float:right; margin-right:0; margin-left:10px; } .box-icon.box-icon-left { text-align:right; } .box-icon a.box-icon-more { display:block; text-align:left; position:relative; color:#000; } .box-icon a.box-icon-more:after { display:none; } .box-icon a.box-icon-more:before { font-family: FontAwesome; content: "\f104"; padding-right:10px; top:50%; margin-top:-2px; } /* box icon side */ .box-icon.box-icon-side { padding-left: 0; padding-right: 70px; } .box-icon.box-icon-side>i { left:auto; right:0; } .box-static { text-align:right; } @media only screen and (max-width: 760px) { .box-icon.box-icon-right .box-icon-title>i { float:right; margin-right:0; margin-left:10px; } .box-icon.box-icon-right { text-align:right; } } /* breadcrumbs */ section.page-header ul.page-options, section.page-header .breadcrumb { left:0; right:auto; } section.page-header ul.page-options.inverse, section.page-header .breadcrumb.breadcrumb-inverse { right:0; left:auto; } /* options - like buttons */ section.page-header ul.page-options, section.page-header ul.page-options li, section.page-header ul.page-options li a { direction:initial !important; } /* slide top */ #slidetop a.slidetop-toggle { right: auto; left: 0; border-top: 35px solid #363839; border-left: 0; border-right: 35px solid transparent; } #slidetop a.slidetop-toggle:after { height:18px; top: -34px; left:auto; right: -14px; } /** Portfolio **************************************************************** **/ ul.portfolio-detail-list span>i { margin-right: 0; margin-left: 7px; } /** [Shortcode] Alerts *************************************************** **/ div.alert { border-left-width: 1px; border-right-width: 5px; border-right-color: rgba(0,0,0,0.1); border-left-color: rgba(0,0,0,0.1); } /** [Shortcode] Buttons *************************************************** **/ .btn-featured span { float:right; } .btn-featured i { float:right; } .btn-featured.btn-inverse span { float:left; } .btn-featured.btn-inverse i { float:left; } /** [Shortcode] Blockquote *************************************************** **/ blockquote { border-left: 0; border-right: 5px solid rgba(0,0,0,0.1); padding: 0 25px 0 0; text-align:right; position: relative; } blockquote.reverse { border-right: 0; border-left: 5px solid rgba(0,0,0,0.1); padding: 0 0 0 25px; text-align:left; } blockquote.quote:before { top: 0; right: 0; left:auto; text-align:right; } blockquote.quote.reverse:before { left:0; right:auto; text-align:left; } blockquote.float-left { padding-left: 20px; padding-bottom: 10px; } blockquote.float-right { padding-right: 20px; padding-bottom: 10px; } /** [Shortcode] Process Steps *************************************************** **/ .process-wizard > .process-wizard-step:first-child > .progress { left:auto; right: 50%; width: 50%; } ul.process-steps li:after, ul.process-steps li:before { left: auto; right:0; } ul.process-steps li:after { left: 0; right: auto; margin: 0 0 0 -26px; } ul.process-steps li>a>i { margin-right:-5px; } /** [Shortcode] Toggles & Accordions *************************************************** **/ div.toggle > label:before, div.toggle.active > label:before { right:auto; left:14px; } /** [Shortcode] Testimonials **************************************************************** **/ div.testimonial-content { padding-left:0; padding-right:75px; } /* owl mini carousel testimonial */ div.owl-carousel.owl-mini-testimonial { text-align:right; } div.owl-carousel.owl-mini-testimonial .testimonial-content { text-align:right; } div.owl-carousel.owl-mini-testimonial .testimonial img { float:right; margin-right:0; margin-left:20px; } div.owl-carousel.owl-mini-testimonial .owl-controls { text-align:left; } /** [essentials.css] Sky Form **************************************************************** **/ .sky-form .ico-append { right: auto; left:5px; padding-left: 0; padding-right: 3px; border-right: #e5e5e5 1px solid; border-left-width: 0; } .sky-form .ico-prepend { right: 5px; left:autp; padding-right: 0; padding-left: 3px; border-left: #e5e5e5 1px solid; border-right-width: 0; } .sky-form .input .ico-prepend+.ico-append+input, .sky-form .input .ico-prepend+input, .sky-form .textarea .ico-prepend+.ico-append+textarea, .sky-form .textarea .ico-prepend+textarea { padding-left:3px; padding-right:46px; } .sky-form .btn { margin: 10px 20px 0 0; } .sky-form, .sky-form .badge { text-align:right; } /** [essentials.css] Social Buttons **************************************************************** **/ .btn-social { text-align:right; padding-left:0; padding-right:54px; } .btn-social>:first-child { left:auto; right:0; border-right:0; border-left: 1px solid rgba(0,0,0,0.2); } /** Misc [essentials.css] **************************************************************** **/ /* visual charts */ .cart-visual { text-align: right; } .cart-visual svg { transform: scaleX(-1); -webkit-transform: scaleX(-1); } .cart-visual-pin, .cart-visual svg { left: auto; right: 0; } .cart-visual-pin:before { right: auto; left: 50%; transform: translateX(50%); -webkit-transform: translateX(50%); } .cart-visual-pin .cart-visual-pin-ball { right: 50%; left: auto; margin-right:-2px; transform: translateX(50%); -webkit-transform: translateX(50%); } /** Thematics [layout-thematics.css] **************************************************************** **/ /* restaurant */ ul>li.restaurant-menu-item .thumbnail { margin-left:10px; margin-right:0; } /* music */ #music-player-open { left:6px; right:auto } @media only screen and (max-width: 992px) { #music-player-open { right:6px; left:auto; } } /** Styleswitcher plugin - remove on production **************************************************************** **/ #hideSwitcher { right:auto !important; left:16px !important; text-align:left !important; } #showSwitcher { left:auto !important; right:0 !important; } #switcher .content-switcher label { float:right !important; } /******layout-shop.css******/ /** HOME - MODAL ON LOAD **************************************************************** **/ #shopLoadModal { max-width:740px; margin:auto !important; height:400px; margin-right:30px; } #shopLoadModal .modal-content { height:320px; background-color:#fff; background-repeat:no-repeat; background-position: left top; } #shopLoadModal .modal-dialog { left:10px; right:10px; width:auto !important; max-width:700px; margin-right: 30px; } #shopLoadModal .block-content { float:left; max-width: 312px; text-align: center; } #shopLoadModal .modal-header .close { margin-top:-5px; font-size:24px; } /** ASIDE **************************************************************** **/ .tag.shop-color { width:23px !important; height:23px !important; border:#666 1px solid; } .tag.shop-color:hover { border-color:#000; } section.dark .tag.shop-color:hover { border-color:#fff; } @media only screen and (max-width: 760px) { .tag.shop-color { width:30px; height:30px; } } /** SHOP ITEM LIST **************************************************************** **/ ul.shop-item-list>li { margin-right:0 !important; } /* Fix for owl-carousel or flexslider on responsive */ @media only screen and (max-width: 769px) { ul.shop-item-list>li { width:49%; } } @media only screen and (max-width: 480px) { ul.shop-item-list>li { width:100%; } } /* 6 COLUMNS - RECALIBRATE FOR LONG TITLES */ ul.shop-item-list>li.col-lg-2:nth-child(6n+1), ul.shop-item-list>li.col-md-2:nth-child(6n+1) { clear:both; } /* 5 COLUMNS - RECALIBRATE FOR LONG TITLES */ ul.shop-item-list>li.col-lg-5th:nth-child(5n+1), ul.shop-item-list>li.col-md-5th:nth-child(5n+1) { clear:both; } /* 4 COLUMNS - RECALIBRATE FOR LONG TITLES */ ul.shop-item-list>li.col-lg-3:nth-child(4n+1), ul.shop-item-list>li.col-md-3:nth-child(4n+1) { clear:both; } /* 3 COLUMNS - RECALIBRATE FOR LONG TITLES */ ul.shop-item-list>li.col-lg-4:nth-child(3n+1), ul.shop-item-list>li.col-md-4:nth-child(3n+1) { clear:both; } /* 2 COLUMNS - RECALIBRATE FOR LONG TITLES */ ul.shop-item-list>li.col-lg-6:nth-child(2n+1), ul.shop-item-list>li.col-md-6:nth-child(2n+1) { clear:both; } div.shop-item { margin-bottom:60px; } div.shop-item .shop-item-buttons a.btn-default { border:0; background-color:rgba(0,0,0,0.1); } div.shop-item .shop-item-buttons a.btn-default:hover { border:0; background-color:rgba(0,0,0,0.18); } div.shop-item>.thumbnail { background-color:transparent !important; border-color:#ddd !important; margin-bottom:6px; position:relative; } section.dark div.shop-item>.thumbnail { border-color:#444 !important; } div.shop-item>.thumbnail>a.shop-item-image>img { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* double image transition effect */ div.shop-item>.thumbnail>a.shop-item-image { display:block; position:relative; } div.shop-item>.thumbnail>a.shop-item-image>img:last-child { position:absolute; left:0; top:0; z-index:10; opacity:0; filter: alpha(opacity=0); -webkit-transition: all .500s; -moz-transition: all .500s; -o-transition: all .500s; transition: all .500s; } div.shop-item>.thumbnail:hover>a.shop-item-image>img:last-child { opacity:1; filter: alpha(opacity=100); } div.shop-item>.thumbnail>a.shop-item-image>img:first-child { position:relative; opacity:1; filter: alpha(opacity=100); } /* buttons over image */ div.shop-item>.thumbnail>.shop-option-over { position:absolute; top:8px; right:2px; z-index:20; width:50px; opacity:0; filter: alpha(opacity=0); -webkit-transition: all .300s; -moz-transition: all .300s; -o-transition: all .300s; transition: all .300s; } div.shop-item>.thumbnail>.shop-option-over>a { width:44px; text-align:center; margin:0 0 3px 0; -webkit-border-bottom-right-radius: 15px; -webkit-border-top-left-radius: 15px; -moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; border-bottom-right-radius: 15px; border-top-left-radius: 15px; } div.shop-item:hover>.thumbnail>.shop-option-over { opacity:1; filter: alpha(opacity=100); } /* info over image */ div.shop-item>.thumbnail>.shop-item-info { position:absolute; top:8px; left:8px; z-index:20; width:70px; } div.shop-item>.thumbnail>.shop-item-info>.badge { min-width:50px; text-align:center; font-size:13px; margin-bottom:3px; display:inline-block; } /* summary */ div.shop-item-summary { padding:15px 8px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } div.shop-item-summary h2 { font-size:15px; color:#666; margin:0 0 4px 0; } div.shop-item-rating-line { display:block; position:relative; } div.shop-item-rating-line:before { left: 0 !important; right: 50%; margin-right: 50px; content: ''; position: absolute; top: 10px; padding:1px; height: 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } div.shop-item-rating-line:after { right: 0 !important; left: 50%; margin-left: 50px; content: ''; position: absolute; top: 10px; padding:1px; height: 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } /* list item price */ div.shop-item-price { font-size:20px; margin-top:6px; font-weight:bold; } div.shop-item-price>span { color:#999; font-size:15px; display:inline-block; padding:0 10px; font-weight:400; } /* list item buttons */ div.shop-item-buttons { margin-top:6px; } div.shop-item-buttons a.btn-default:hover { color:#333; } section.dark div.shop-item-buttons a.btn-default:hover { color:#fff; } /* out of stock */ span.out-of-stock { display:block; margin-top:15px; } span.out-of-stock:before { content:'–x– '; } span.out-of-stock:after { content:' –x–'; } span.out-of-stock.clean:before, span.out-of-stock.clean:after { content:''; } /* list item countdown */ div.shop-item>.thumbnail>.shop-item-counter { position:relative; position:absolute; bottom:4px; left:4px; right:4px; z-index:20; background-color:rgba(33,33,33,0.5); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; border-top-left-radius: 0; } div.shop-item>.thumbnail>.shop-item-counter:before { position:absolute; left:0; top:-20px; padding:0 6px; height:20px; color:#fff; font: normal normal normal 14px/1 FontAwesome; content:"\f017 \20 limited offer"; text-align:center; line-height:20px; background-color:rgba(33,33,33,0.5); -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; } div.shop-item>.thumbnail>.shop-item-counter>.countdown .countdown-section { display: inline-block; font-size: 11px; color:#fff; line-height: 1; text-align: center; width: 20%; margin:0 3px !important; padding:8px !important; text-align:center !important; margin:0; padding:0; text-transform: capitalize; overflow:hidden; -webkit-transition: all .500s; -moz-transition: all .500s; -o-transition: all .500s; transition: all .500s; } div.shop-item>.thumbnail>.shop-item-counter>.countdown .countdown-amount { color:#fff; display: block; font-size: 13px; font-weight:bold; margin:0; padding:0; } div.shop-item>.thumbnail>.shop-item-counter>.countdown .countdown-period { font-size:10px !important; text-transform:lowercase !important; margin-top: 5px; display:block !important; margin-bottom:-18px !important; -webkit-transition: all .500s; -moz-transition: all .500s; -o-transition: all .500s; transition: all .500s; } div.shop-item:hover>.thumbnail>.shop-item-counter>.countdown .countdown-period { margin-bottom:0 !important; } .thumbnail>.shop-limited-offer { position:absolute !important; left:5px; top:5px; z-index:20; color:#fff; font-size:18px; text-align:center; } .thumbnail>.shop-limited-offer>i { margin-left:8px; margin-top:6px; } .thumbnail>.shop-limited-offer:before { content: ""; display: block; width: 40px; height: 40px; position: absolute; border: 26px solid transparent; border-left-color: #333; border-top-color: #333; left: 0; top: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* list item options */ .shop-list-options label { margin:0 6px } .shop-list-options select, .shop-list-options input { height:35px; padding:6px; border-width:1px; cursor:pointer; } .shop-list-options .btn { height:35px; line-height:22px; color:#ccc; border:#E5E7E9 1px solid; display:inline-block; margin-top:-4px; margin-right:0; } .shop-list-options .btn.active { color:#fff; background-color:#333; } @media only screen and (max-width: 768px) { .shop-list-options { text-align:center; } .shop-list-options ul, .shop-list-options select, .shop-list-options a { margin-bottom:3px; float:none !important; } .shop-list-options .options-left { display:block; margin-top:20px; } } /* 1 Column */ .shop-item-list>.col-lg-12>.shop-item { position:relative; min-height:230px; } .shop-item-list>.col-lg-12 { margin-bottom:30px; width:100%; } .shop-item-list>.col-lg-12>.shop-item h2 { font-size:20px; } .shop-item-list>.col-lg-12>.shop-item>.thumbnail, .shop-item-list>.col-md-12>.shop-item>.thumbnail { float:left; width:200px; } .shop-item-list>.col-lg-12>.shop-item>.shop-item-summary, .shop-item-list>.col-md-12>.shop-item>.shop-item-summary { text-align:left !important; position:absolute; left:230px; } .shop-item-list>.col-lg-12>.shop-item>.shop-item-buttons, .shop-item-list>.col-md-12>.shop-item>.shop-item-buttons { text-align:left; } .shop-item-list>.col-lg-12>.shop-item>.shop-item-summary>.shop-item-price>span, .shop-item-list>.col-md-12>.shop-item>.shop-item-summary>.shop-item-price>span { padding-left:0; } .shop-item-list>.col-lg-12>.shop-item p{ margin:15px 0; display:inline-block; } @media only screen and (max-width: 480px) { .shop-item-list>.col-lg-12>.shop-item { min-height:100px; } .shop-item-list>.col-lg-12>.shop-item>.thumbnail, .shop-item-list>.col-md-12>.shop-item>.thumbnail { float:none; width:100%; } .shop-item-list>.col-lg-12>.shop-item>.shop-item-summary, .shop-item-list>.col-md-12>.shop-item>.shop-item-summary { position:relative; left:0; } .shop-item-list>.col-lg-12>.shop-item>.shop-item-buttons, .shop-item-list>.col-md-12>.shop-item>.shop-item-buttons, .shop-item-list>.col-lg-12>.shop-item>.shop-item-summary, .shop-item-list>.col-md-12>.shop-item>.shop-item-summary { float:none; text-align:center !important; } .shop-item-list>.col-lg-12>.shop-item>.shop-item-summary>.shop-item-price>span, .shop-item-list>.col-md-12>.shop-item>.shop-item-summary>.shop-item-price>span { padding:0 10px; } } /* SHOP COMPARE TABLE */ .shop-compare-title { background-color:rgba(0,0,0,0.05); } section.dark .shop-compare-title { background-color:rgba(255,255,255,0.1); } .shop-compare>tbody>tr>td:first-child { font-weight:bold; } .shop-compare a.shop-compare-item>img { margin-bottom:10px; } /* CART */ .cartContent { padding:0; } .cartContent .item { position:relative; } .cartContent .item { margin-top:-1px; border:rgba(0,0,0,0.05) 1px solid; } .cartContent .sky-form.boxed { border: rgba(0,0,0,0.1) 1px solid; } .cartContent .item.head { border-bottom:0; } .cartContent .item.head>span { min-height: 1px; } .cartContent .product_name { float:left; width:35%; padding:10px; text-decoration:none; min-height:60px; } .cartContent .product_name:hover>span { text-decoration:underline; } .cartContent .product_name >small { display:block; font-size:12px; line-height:12px; color:rgba(0,0,0,0.5); font-family:'Open Sans',Arial,Helvetica,sans-serif; } .cartContent .qty { float:right; width:160px; font-size:15px; padding:10px; text-align:center; } .cartContent .qty input { padding:3px; margin:0; border:#ccc 1px solid; width:50px; margin-right:3px; text-align:center; } .cartContent .total_price { float:right; width:150px; font-size:15px; padding:10px; line-height:30px; text-align:center; font-weight:bold; } .cartContent .remove_item { float:right; padding:5px; width:30px; margin-right:8px; } .cartContent a.remove_item { background:rgba(0,0,0,0.05); text-align: center; padding-top:0; margin-top:10px; height:30px; line-height:26px; font-size:18px; text-decoration:none; color:rgba(0,0,0,0.2); } .cartContent a.remove_item:hover { color: #d9534f; } .cartContent .btn_update { margin-top:20px; } @media only screen and (max-width: 992px) { .cartContent .item.head { display:none; } .cartContent .product_name { font-size:11px; line-height:15px; } .cartContent .item .qty { float:left; text-align:left; } .cartContent .product_name { width:50%; } } /* dark */ section.dark .cartContent .item { background: rgba(255,255,255,0.04); } section.dark .cartContent .item { border:rgba(255,255,255,0.05) 1px solid; } section.dark .cartContent .sky-form.boxed { border: rgba(255,255,255,0.1) 1px solid; } section.dark .cartContent .qty input { color:#000; } section.dark .cartContent .product_name >small { color:rgba(255,255,255,0.5); } section.dark .cartContent a.remove_item { color:#eee; background: rgba(255,255,255,0.1); } /** SHOP PRODUCT **/ .product-opt-color, .product-opt-size, .product-opt-qty { margin-right:10px; } /* QTY DROP DOWN */ ul#product-qty-dd { padding:1px 0 0 1px; min-width:115px; margin-top:-1px; } ul#product-qty-dd li { float:left; width:49.1%; margin-right:1px; margin-bottom:1px; background-color:rgba(0,0,0,0.05); text-align:center; cursor:pointer; } button.product-qty-dd .caret { float:right; margin-top:8px; } button.product-qty-dd { width:100px; text-align:left; } /* SIZE DROP DOWN */ ul#product-size-dd { margin-top:-1px; min-width:159px; padding:1px 0 0 1px; } ul#product-size-dd li { float:left; width:51px; margin-right:1px; margin-bottom:1px; background-color:rgba(0,0,0,0.05); text-align:center; cursor:pointer; } ul#product-size-dd li>a { padding:3px 0; } button.product-size-dd { width:100px; text-align:left; } button.product-size-dd .caret { float:right; margin-top:8px; } /* COLOR DROP DOWN */ ul#product-color-dd { margin-top:-1px; min-width:50px; padding:1px 0 0 1px; } ul#product-color-dd li { float:left; width:25px !important; margin-right:1px; margin-bottom:1px; background-color:rgba(0,0,0,0.05); text-align:center; cursor:pointer; } ul#product-color-dd li>a { padding:3px 0; } ul#product-color-dd .tag.shop-color { width:24px !important; height:24px !important; } button.product-color-dd { width:55px; text-align:left; position:relative; } button.product-color-dd:after { margin-left:15px; } button.product-color-dd .caret { float:right; margin-top:8px; } button.product-color-dd>.tag { height: 17px; width: 20px; margin: 0; position: absolute; top: 7px; left: 7px; } .product-opt-color>ul>li { padding:0 1px !important; } .product-add-cart { font-size: 13px; } @media only screen and (max-width: 480px) { ul#product-size-dd, ul#product-qty-dd { margin-top:-21px; } .product-size-dd, .product-qty-dd, .product-add-cart { min-width:90px; width:100% !important; display:block !important; float:none !important; margin-bottom:20px !important; } } .product-star-vote label { margin:0 15px 30px 0 !important; font-weight:300; } /******layout.css******/ .py-0{padding-top:0 !important;padding-bottom:0 !important}.font-robo{font-family:Roboto,sans-serif}.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.animation,.tw-map a:before,.tw-map a:after{-moz-transition-duration:300ms;-o-transition-duration:300ms;-webkit-transition-duration:300ms;transition-duration:300ms;-moz-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.no-animation{-moz-transition-duration:0ms;-o-transition-duration:0ms;-webkit-transition-duration:0ms;transition-duration:0ms;-moz-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.index-wrap .s-title{padding:13px 0 10px;text-align:center;font-size:40px;font-weight:bold;letter-spacing:2px;line-height:130%}@media only screen and (max-width: 1024px){.index-wrap .s-title{font-size:30px}}@media only screen and (max-width: 767px){.index-wrap .s-title{font-size:20px}}@media only screen and (max-width: 767px){.index-wrap .s-title.m-hidden{display:none;margin-top:0}}.index-wrap .rec-wrapper{position:relative}.index-wrap .rec-wrapper.no-sp-title ul li .banner{margin-bottom:20px}@media only screen and (max-width: 767px){.index-wrap .rec-wrapper.no-sp-title ul li .banner{margin-bottom:10px}}.index-wrap .rec-wrapper ul>li .banner{min-height:645px;position:relative}@media only screen and (max-width: 1375px){.index-wrap .rec-wrapper ul>li .banner{min-height:-moz-calc(((100vw - 30px) * 0.4795539));min-height:-webkit-calc(((100vw - 30px) * 0.4795539));min-height:calc(((100vw - 30px) * 0.4795539))}}@media only screen and (max-width: 767px){.index-wrap .rec-wrapper ul>li .banner{min-height:-moz-calc(((100vw - 20px) * 0.4795539));min-height:-webkit-calc(((100vw - 20px) * 0.4795539));min-height:calc(((100vw - 20px) * 0.4795539));margin-bottom:10px}}.index-wrap .rec-wrapper ul>li .banner a{display:block}.index-wrap .rec-wrapper .indicator{top:618px;bottom:auto}@media only screen and (max-width: 1375px){.index-wrap .rec-wrapper .indicator{top:-moz-calc(((100vw - 15px) * 0.47955) - 35px);top:-webkit-calc(((100vw - 15px) * 0.47955) - 35px);top:calc(((100vw - 15px) * 0.47955) - 35px)}}@media only screen and (max-width: 767px){.index-wrap .rec-wrapper .indicator{top:-moz-calc(((100vw - 10px) * 0.47955) - 32px);top:-webkit-calc(((100vw - 10px) * 0.47955) - 32px);top:calc(((100vw - 10px) * 0.47955) - 32px)}}.index-wrap .rec-wrapper .indicator .swiper-l-arrow,.index-wrap .rec-wrapper .indicator .swiper-r-arrow{display:none}@media only screen and (max-width: 1375px){.index-wrap .rec-wrapper .indicator .swiper-l-arrow,.index-wrap .rec-wrapper .indicator .swiper-r-arrow{top:-moz-calc((11.6363vw + 90px));top:-webkit-calc((11.6363vw + 90px));top:calc((11.6363vw + 90px))}}@media only screen and (max-width: 1024px){.index-wrap .rec-wrapper .indicator .swiper-l-arrow,.index-wrap .rec-wrapper .indicator .swiper-r-arrow{display:block;top:-moz-calc((15.3649vw + 40px));top:-webkit-calc((15.3649vw + 40px));top:calc((15.3649vw + 40px))}}@media only screen and (max-width: 767px){.index-wrap .rec-wrapper .indicator .swiper-l-arrow,.index-wrap .rec-wrapper .indicator .swiper-r-arrow{top:-moz-calc((22.652vw + 30px));top:-webkit-calc((22.652vw + 30px));top:calc((22.652vw + 30px))}}.index-wrap .sp-grid-6 ul{margin:-15px 0 0 -21.5px}@media only screen and (max-width: 767px){.index-wrap .sp-grid-6 ul{margin:-10px 0 0 -10px}}.index-wrap .sp-grid-6 ul li{display:inline-block;width:-moz-calc(((100% - 64.5px) / 3));width:-webkit-calc(((100% - 64.5px) / 3));width:calc(((100% - 64.5px) / 3));margin:21.5px 0 0 21.5px;float:left}@media only screen and (max-width: 767px){.index-wrap .sp-grid-6 ul li{width:-moz-calc(((100% - 20px) / 2));width:-webkit-calc(((100% - 20px) / 2));width:calc(((100% - 20px) / 2));margin:10px 0 0 10px}}.index-wrap .sp-grid-6 ul li a{display:block}.index-wrap .limited-time-offer{margin:20px 0 0;padding-right:20px;font-size:18px;border:1px solid #ff0000;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px}@media only screen and (max-width: 767px){.index-wrap .limited-time-offer{padding:0 5px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}}.index-wrap .limited-time-offer .counting,.index-wrap .limited-time-offer .campaign-pros-list{display:inline-block;vertical-align:top}.index-wrap .limited-time-offer .counting{width:286px;position:relative;margin-right:16px}@media only screen and (max-width: 767px){.index-wrap .limited-time-offer .counting{display:block;width:-moz-calc((100% + 12px));width:-webkit-calc((100% + 12px));width:calc((100% + 12px));margin:-1px -7px 0}}.index-wrap .limited-time-offer .counting img.pc-tab-attr{margin:-1px 0 -1px -1px;-moz-border-radius-topleft:40px;-webkit-border-top-left-radius:40px;border-top-left-radius:40px;-moz-border-radius-bottomleft:40px;-webkit-border-bottom-left-radius:40px;border-bottom-left-radius:40px}.index-wrap .limited-time-offer .counting img.mobile-attr{-moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px}@media only screen and (max-width: 767px){.index-wrap .limited-time-offer .counting img.mobile-attr{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;-moz-border-radius-bottomleft:0;-webkit-border-bottom-left-radius:0;border-bottom-left-radius:0;-moz-border-radius-bottomright:0;-webkit-border-bottom-right-radius:0;border-bottom-right-radius:0}}.index-wrap .limited-time-offer .counting .sp-count{width:100%;position:absolute;bottom:65px;font-size:14px;text-align:center}@media only screen and (max-width: 767px){.index-wrap .limited-time-offer .counting .sp-count{width:auto;top:0.9375vw;bottom:auto;right:2.5vw;text-align:left}}.index-wrap .limited-time-offer .counting .sp-count li{display:inline-block;min-width:69px;min-height:69px;position:relative;margin-left:11px;padding:5px 9px;vertical-align:top;font-size:46px;color:#ffff00;background:#333;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;line-height:130%;text-align:center}@media only screen and (max-width: 767px){.index-wrap .limited-time-offer .counting .sp-count li{min-width:8.125vw;min-height:7.1875vw;margin-left:1.875vw;padding:0.625vw 1.25vw 0.3125vw;font-size:5vw;-moz-border-radius:1.5625vw;-webkit-border-radius:1.5625vw;border-radius:1.5625vw;float:left}}.index-wrap .limited-time-offer .counting .sp-count li:first-child{margin-left:0}.index-wrap .limited-time-offer .counting .sp-count li:first-child:before{display:none}.index-wrap .limited-time-offer .counting .sp-count li:before{content:':';display:block;position:absolute;top:50%;left:-14px;margin-top:-23px;font-size:40px;color:#ffff00;line-height:100%}@media only screen and (max-width: 767px){.index-wrap .limited-time-offer .counting .sp-count li:before{left:-1.875vw;margin-top:-3.5vw;font-size:6.25vw}}.index-wrap .limited-time-offer .campaign-pros-list{padding:15px 0 0;width:-moz-calc(((100% - 307px)));width:-webkit-calc(((100% - 307px)));width:calc(((100% - 307px)))}@media only screen and (max-width: 767px){.index-wrap .limited-time-offer .campaign-pros-list{width:100%;margin:5px 0 10px;padding:0}}.index-wrap .limited-time-offer .campaign-pros-list li{width:246.5px;margin-right:10px;margin-bottom:0}@media only screen and (max-width: 767px){.index-wrap .limited-time-offer .campaign-pros-list li{width:48.5%}}.index-wrap .limited-time-offer .campaign-pros-list li .photo{min-height:239px}@media only screen and (max-width: 1375px){.index-wrap .limited-time-offer .campaign-pros-list li .photo{min-height:-moz-calc(((100vw - 30px - 44px - 286px - 60px) / 4));min-height:-webkit-calc(((100vw - 30px - 44px - 286px - 60px) / 4));min-height:calc(((100vw - 30px - 44px - 286px - 60px) / 4))}}@media only screen and (max-width: 1024px){.index-wrap .limited-time-offer .campaign-pros-list li .photo{min-height:-moz-calc(((100vw - 30px - 44px - 286px - 44px) / 3));min-height:-webkit-calc(((100vw - 30px - 44px - 286px - 44px) / 3));min-height:calc(((100vw - 30px - 44px - 286px - 44px) / 3))}}@media only screen and (max-width: 767px){.index-wrap .limited-time-offer .campaign-pros-list li .photo{min-height:-moz-calc(((100vw - 20px - 12px - 10px) / 2));min-height:-webkit-calc(((100vw - 20px - 12px - 10px) / 2));min-height:calc(((100vw - 20px - 12px - 10px) / 2))}}.index-wrap .limited-time-offer .campaign-pros-list li .photo .tag-img{max-width:72px}@media only screen and (max-width: 1199px){.index-wrap .limited-time-offer .campaign-pros-list li .photo .tag-img{max-width:52px}}@media only screen and (max-width: 767px){.index-wrap .limited-time-offer .campaign-pros-list li .photo .tag-img{top:5px;right:5px}}.index-wrap .limited-time-offer .campaign-pros-list li .photo .sold-out-tag{-moz-transform:scale(0.75);-ms-transform:scale(0.75);-webkit-transform:scale(0.75);transform:scale(0.75)}.index-wrap .limited-time-offer .campaign-pros-list li .promo{height:26px;margin:5px 0 0;font-size:14px}@media only screen and (max-width: 1199px){.index-wrap .limited-time-offer .campaign-pros-list li .promo{margin:10px 0 0}}.index-wrap .limited-time-offer .campaign-pros-list li .name{font-size:16px}@media only screen and (max-width: 1199px){.index-wrap .limited-time-offer .campaign-pros-list li .name{margin:8px 0 0}}.index-wrap .limited-time-offer .campaign-pros-list li .price{margin:0;font-size:20px;line-height:120%}@media only screen and (max-width: 1199px){.index-wrap .limited-time-offer .campaign-pros-list li .price{margin:3px 0 0}}.index-wrap .limited-time-offer .campaign-pros-list li .price del{font-size:12px}@media only screen and (max-width: 1024px){.index-wrap .limited-time-offer .campaign-pros-list li .price del{display:inline-block}}@media only screen and (max-width: 767px){.index-wrap .limited-time-offer .campaign-pros-list li .price del{display:block}}.index-wrap .limited-time-offer .campaign-pros-list li .buy-it{margin:2px 0 0}@media only screen and (max-width: 1024px){.index-wrap .limited-time-offer .campaign-pros-list li .buy-it{margin:7px 0 0}}.index-wrap .limited-time-offer .campaign-pros-list li .cart{padding:4px 10px 4px;font-size:16px}@media only screen and (max-width: 1300px){.index-wrap .limited-time-offer .campaign-pros-list li .cart{display:block;margin:0 auto;font-size:15px}}.index-wrap .limited-time-offer .campaign-pros-list li .cart .cart-icon{width:26px;vertical-align:-7px}@media only screen and (max-width: 1300px){.index-wrap .limited-time-offer .campaign-pros-list li .cart .cart-icon{width:20px;vertical-align:-5px}}.index-wrap .limited-time-offer .campaign-pros-list li .sold-num{padding:4px 9px 1px}@media only screen and (max-width: 1300px){.index-wrap .limited-time-offer .campaign-pros-list li .sold-num{min-width:127px;margin-top:2px;padding:3px 9px 2px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}}@media only screen and (max-width: 1300px){.index-wrap .limited-time-offer .campaign-pros-list li .sold-num span{display:inline-block}}.index-wrap .limited-time-offer .indicator{top:0;bottom:auto}.index-wrap .limited-time-offer .indicator .swiper-l-arrow,.index-wrap .limited-time-offer .indicator .swiper-r-arrow{width:20px;height:20px;top:135px}@media only screen and (max-width: 1199px){.index-wrap .limited-time-offer .indicator .swiper-l-arrow,.index-wrap .limited-time-offer .indicator .swiper-r-arrow{top:110px}}@media only screen and (max-width: 767px){.index-wrap .limited-time-offer .indicator .swiper-l-arrow,.index-wrap .limited-time-offer .indicator .swiper-r-arrow{width:15px;height:15px;top:-moz-calc(((100vw - 35px) / 2 * .5));top:-webkit-calc(((100vw - 35px) / 2 * .5));top:calc(((100vw - 35px) / 2 * .5))}}@media only screen and (max-width: 767px){.index-wrap .limited-time-offer .indicator .swiper-l-arrow{left:10px}}@media only screen and (max-width: 767px){.index-wrap .limited-time-offer .indicator .swiper-r-arrow{right:10px}}.index-wrap .sp-grid-3{margin-bottom:20px}.index-wrap .sp-grid-3 ul li{width:-moz-calc(((100% - 43px) / 3));width:-webkit-calc(((100% - 43px) / 3));width:calc(((100% - 43px) / 3));min-height:218px;position:relative}@media only screen and (max-width: 1375px){.index-wrap .sp-grid-3 ul li{min-height:-moz-calc(((100vw - 30px - 43px) / 3 * 0.5023));min-height:-webkit-calc(((100vw - 30px - 43px) / 3 * 0.5023));min-height:calc(((100vw - 30px - 43px) / 3 * 0.5023))}}@media only screen and (max-width: 767px){.index-wrap .sp-grid-3 ul li{width:-moz-calc((100vw * .75));width:-webkit-calc((100vw * .75));width:calc((100vw * .75));min-height:-moz-calc((100vw * .75 * 0.5023));min-height:-webkit-calc((100vw * .75 * 0.5023));min-height:calc((100vw * .75 * 0.5023));margin:0 10px 0 0}}.index-wrap .sp-grid-3 .indicator{display:none}@media only screen and (max-width: 767px){.index-wrap .sp-grid-3 .indicator{display:block}}.index-wrap .brand-section{position:relative;padding:0 40.5px 35px;background:#e6e6e6}@media only screen and (max-width: 767px){.index-wrap .brand-section{padding:0 25.5px 20px}}.index-wrap .brand-section .swiper-wrapper li{width:240px;min-height:240px;margin-right:16px}@media only screen and (max-width: 1375px){.index-wrap .brand-section .swiper-wrapper li{width:-moz-calc(((100vw - 30px - 81px - 64px) / 5));width:-webkit-calc(((100vw - 30px - 81px - 64px) / 5));width:calc(((100vw - 30px - 81px - 64px) / 5));min-height:-moz-calc(((100vw - 30px - 81px - 64px) / 5));min-height:-webkit-calc(((100vw - 30px - 81px - 64px) / 5));min-height:calc(((100vw - 30px - 81px - 64px) / 5))}}@media only screen and (max-width: 1024px){.index-wrap .brand-section .swiper-wrapper li{width:-moz-calc(((100vw - 30px - 81px - 48px) / 4));width:-webkit-calc(((100vw - 30px - 81px - 48px) / 4));width:calc(((100vw - 30px - 81px - 48px) / 4));min-height:-moz-calc(((100vw - 30px - 81px - 48px) / 4));min-height:-webkit-calc(((100vw - 30px - 81px - 48px) / 4));min-height:calc(((100vw - 30px - 81px - 48px) / 4))}}@media only screen and (max-width: 767px){.index-wrap .brand-section .swiper-wrapper li{width:-moz-calc(((100vw - 20px - 51px - 16px) / 2));width:-webkit-calc(((100vw - 20px - 51px - 16px) / 2));width:calc(((100vw - 20px - 51px - 16px) / 2));min-height:-moz-calc(((100vw - 20px - 51px - 16px) / 2));min-height:-webkit-calc(((100vw - 20px - 51px - 16px) / 2));min-height:calc(((100vw - 20px - 51px - 16px) / 2));margin-right:10px}}.index-wrap .brand-section .indicator{top:0;pointer-events:none}.index-wrap .brand-section .indicator .swiper-button-disabled{filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1}.index-wrap .brand-section .indicator .swiper-button-disabled .swiper-l-arrow,.index-wrap .brand-section .indicator .swiper-button-disabled .swiper-r-arrow{cursor:pointer}.index-wrap .brand-section .indicator .swiper-l-arrow,.index-wrap .brand-section .indicator .swiper-r-arrow{top:50%;margin-top:10px;pointer-events:all}@media only screen and (min-width: 768px){.index-wrap .brand-section .indicator .swiper-l-arrow,.index-wrap .brand-section .indicator .swiper-r-arrow{width:20px;height:20px}}@media only screen and (max-width: 767px){.index-wrap .brand-section .indicator .swiper-l-arrow,.index-wrap .brand-section .indicator .swiper-r-arrow{margin-top:5px}}.index-wrap .video-pro-wrap{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin:20px 0}.index-wrap .video-pro-wrap .video-attr,.index-wrap .video-pro-wrap .pro-attr{display:inline-block;vertical-align:top}.index-wrap .video-pro-wrap .video-attr{flex:0 0 71.3757%;max-width:71.3757%}@media only screen and (max-width: 1024px){.index-wrap .video-pro-wrap .video-attr{flex:0 0 69.3757%;max-width:69.3757%}}@media only screen and (max-width: 767px){.index-wrap .video-pro-wrap .video-attr{flex:0 0 100%;max-width:100%}}.index-wrap .video-pro-wrap .pro-attr{flex:0 0 28.6246%;max-width:28.6246%;padding-left:20px}@media only screen and (max-width: 1024px){.index-wrap .video-pro-wrap .pro-attr{flex:0 0 30.6246%;max-width:30.6246%;padding-left:10px}}@media only screen and (max-width: 767px){.index-wrap .video-pro-wrap .pro-attr{flex:0 0 100%;max-width:100%;margin-top:10px;padding-left:0}}.index-wrap .video-pro-wrap .pro-attr .campaign-pros-list li{width:365px;margin-bottom:0}.index-wrap .video-pro-wrap .pro-attr .campaign-pros-list li .photo{min-height:365px}@media only screen and (max-width: 1375px){.index-wrap .video-pro-wrap .pro-attr .campaign-pros-list li .photo{min-height:-moz-calc(((100vw - 30px) * .286246 - 20px));min-height:-webkit-calc(((100vw - 30px) * .286246 - 20px));min-height:calc(((100vw - 30px) * .286246 - 20px))}}@media only screen and (max-width: 1199px){.index-wrap .video-pro-wrap .pro-attr .campaign-pros-list li .photo{width:-moz-calc((((100vw - 30px) * .286246 - 20px) * .9));width:-webkit-calc((((100vw - 30px) * .286246 - 20px) * .9));width:calc((((100vw - 30px) * .286246 - 20px) * .9));min-height:-moz-calc((((100vw - 30px) * .286246 - 20px) * .9));min-height:-webkit-calc((((100vw - 30px) * .286246 - 20px) * .9));min-height:calc((((100vw - 30px) * .286246 - 20px) * .9));margin:0 auto}}@media only screen and (max-width: 1024px){.index-wrap .video-pro-wrap .pro-attr .campaign-pros-list li .photo{width:-moz-calc((((100vw - 30px) * .306246 - 10px) * .8));width:-webkit-calc((((100vw - 30px) * .306246 - 10px) * .8));width:calc((((100vw - 30px) * .306246 - 10px) * .8));min-height:-moz-calc((((100vw - 30px) * .306246 - 10px) * .8));min-height:-webkit-calc((((100vw - 30px) * .306246 - 10px) * .8));min-height:calc((((100vw - 30px) * .306246 - 10px) * .8))}}@media only screen and (max-width: 980px){.index-wrap .video-pro-wrap .pro-attr .campaign-pros-list li .photo{width:-moz-calc((((100vw - 30px) * .306246 - 10px) * .635));width:-webkit-calc((((100vw - 30px) * .306246 - 10px) * .635));width:calc((((100vw - 30px) * .306246 - 10px) * .635));min-height:-moz-calc((((100vw - 30px) * .306246 - 10px) * .635));min-height:-webkit-calc((((100vw - 30px) * .306246 - 10px) * .635));min-height:calc((((100vw - 30px) * .306246 - 10px) * .635))}}@media only screen and (max-width: 767px){.index-wrap .video-pro-wrap .pro-attr .campaign-pros-list li .photo{width:-moz-calc((100vw - 20px));width:-webkit-calc((100vw - 20px));width:calc((100vw - 20px));min-height:-moz-calc((100vw - 20px));min-height:-webkit-calc((100vw - 20px));min-height:calc((100vw - 20px))}}@media only screen and (max-width: 1199px){.index-wrap .video-pro-wrap .pro-attr .campaign-pros-list li .photo .sold-out-tag{-moz-transform:scale(0.85);-ms-transform:scale(0.85);-webkit-transform:scale(0.85);transform:scale(0.85)}}@media only screen and (max-width: 980px){.index-wrap .video-pro-wrap .pro-attr .campaign-pros-list li .photo .sold-out-tag{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}}@media only screen and (max-width: 1199px){.index-wrap .video-pro-wrap .pro-attr .campaign-pros-list li .promo{height:26px;font-size:14px}}.index-wrap .video-pro-wrap .pro-attr .campaign-pros-list li .name{font-size:20px}@media only screen and (max-width: 1199px){.index-wrap .video-pro-wrap .pro-attr .campaign-pros-list li .name{font-size:18px}}@media only screen and (max-width: 1199px){.index-wrap .video-pro-wrap .pro-attr .campaign-pros-list li .price{margin:0;font-size:22px}}@media only screen and (max-width: 1199px){.index-wrap .video-pro-wrap .pro-attr .campaign-pros-list li .price del{font-size:12px}}@media only screen and (max-width: 1199px){.index-wrap .video-pro-wrap .pro-attr .campaign-pros-list li .buy-it .cart{font-size:18px}}@media only screen and (max-width: 767px){.index-wrap .video-pro-wrap .pro-attr .campaign-pros-list li .buy-it .cart{font-size:16px}}@media only screen and (max-width: 1199px){.index-wrap .video-pro-wrap .pro-attr .campaign-pros-list li .buy-it .cart .cart-icon{width:26px;vertical-align:-6px}}@media only screen and (max-width: 767px){.index-wrap .video-pro-wrap .pro-attr .campaign-pros-list li .buy-it .cart .cart-icon{width:22px;vertical-align:-5px}}@media only screen and (max-width: 1199px){.index-wrap .video-pro-wrap .pro-attr .campaign-pros-list li .buy-it .sold-num{padding:5px 5px 2px}}@media only screen and (max-width: 767px){.index-wrap .video-pro-wrap .pro-attr .campaign-pros-list li .buy-it .sold-num{padding:4px 5px 2px}}.index-wrap .video-pro-wrap .pro-attr .indicator{top:0;pointer-events:none}.index-wrap .video-pro-wrap .pro-attr .indicator .swiper-l-arrow,.index-wrap .video-pro-wrap .pro-attr .indicator .swiper-r-arrow{top:50%;margin-top:-95px;pointer-events:all}@media only screen and (min-width: 768px){.index-wrap .video-pro-wrap .pro-attr .indicator .swiper-l-arrow,.index-wrap .video-pro-wrap .pro-attr .indicator .swiper-r-arrow{width:20px;height:20px}}@media only screen and (max-width: 1024px){.index-wrap .video-pro-wrap .pro-attr .indicator .swiper-l-arrow,.index-wrap .video-pro-wrap .pro-attr .indicator .swiper-r-arrow{width:15px;height:15px;margin-top:-80px}}@media only screen and (max-width: 767px){.index-wrap .video-pro-wrap .pro-attr .indicator .swiper-l-arrow,.index-wrap .video-pro-wrap .pro-attr .indicator .swiper-r-arrow{margin-top:-95px}}.index-wrap .video-pro-wrap .pro-attr .indicator .swiper-l-arrow:after,.index-wrap .video-pro-wrap .pro-attr .indicator .swiper-r-arrow:after{content:'';display:block;width:50px;height:100px;position:absolute;top:0;-moz-transform:translate3d(-25%, -45%, 0) rotate(-45deg);-ms-transform:translate3d(-25%, -45%, 0) rotate(-45deg);-webkit-transform:translate3d(-25%, -45%, 0) rotate(-45deg);transform:translate3d(-25%, -45%, 0) rotate(-45deg);z-index:11}@media only screen and (max-width: 1024px){.index-wrap .video-pro-wrap .pro-attr .indicator .swiper-l-arrow:after,.index-wrap .video-pro-wrap .pro-attr .indicator .swiper-r-arrow:after{-moz-transform:translate3d(-35%, -45%, 0) rotate(-45deg);-ms-transform:translate3d(-35%, -45%, 0) rotate(-45deg);-webkit-transform:translate3d(-35%, -45%, 0) rotate(-45deg);transform:translate3d(-35%, -45%, 0) rotate(-45deg)}}@media only screen and (max-width: 1024px){.index-wrap .video-pro-wrap .pro-attr .indicator .swiper-l-arrow{left:10px}}@media only screen and (max-width: 1024px){.index-wrap .video-pro-wrap .pro-attr .indicator .swiper-r-arrow{right:10px}}.index-wrap .recommended-info{margin-bottom:20px}.index-wrap .recommended-info .inner-wrap li{display:inline-block;width:25%;float:left}@media only screen and (max-width: 767px){.index-wrap .recommended-info .inner-wrap li{display:block;width:50%}}.index-wrap .recommended-info .inner-wrap li.lg{width:50%}@media only screen and (max-width: 767px){.index-wrap .recommended-info .inner-wrap li.lg{width:100%}}.index-wrap .recommended-info .inner-wrap li a{display:block}.series-section{padding:40px 0 20px;background:#e6e6e6}.series-section ul{padding:0 15px}.series-section ul li{display:inline-block;width:16.4%;max-width:220px;max-width:220px;margin:0 0 20px;vertical-align:top}@media only screen and (max-width: 1199px){.series-section ul li{width:-moz-calc(((100% - 16px) / 5));width:-webkit-calc(((100% - 16px) / 5));width:calc(((100% - 16px) / 5))}}@media only screen and (max-width: 1024px){.series-section ul li{width:-moz-calc(((100% - 12px) / 4));width:-webkit-calc(((100% - 12px) / 4));width:calc(((100% - 12px) / 4))}}@media only screen and (max-width: 980px){.series-section ul li{width:-moz-calc(((100% - 8px) / 3));width:-webkit-calc(((100% - 8px) / 3));width:calc(((100% - 8px) / 3))}}@media only screen and (max-width: 767px){.series-section ul li{width:-moz-calc(((100% - 4px) / 2));width:-webkit-calc(((100% - 4px) / 2));width:calc(((100% - 4px) / 2))}}.series-section ul li a{display:block;position:relative;padding:0 10px 0 30px;font-size:22px;color:#00573e;font-weight:bold;line-height:120%}@media only screen and (max-width: 767px){.series-section ul li a{font-size:20px}}.series-section ul li i.list-icon{display:inline-block;width:22px;height:22px;position:absolute;top:1px;left:0;border:1px solid #00573e;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}.tw-map{max-width:500px;position:relative;margin:0 auto}.tw-map .anchor-wrap{width:100%;height:100%;position:absolute;top:0;left:0}.tw-map .anchor-wrap>a:nth-child(1):before{width:5%;height:3%;top:5%;left:85%;background:#eaa46e;z-index:11}.tw-map .anchor-wrap>a:nth-child(2):before{width:5%;height:7%;top:4%;left:80%;background:#1c85bf;z-index:11}.tw-map .anchor-wrap>a:nth-child(3):before{width:15%;height:19%;top:0;left:73%;background:#a4d6ef}.tw-map .anchor-wrap>a:nth-child(3):after{width:10%;height:16%;top:3%;left:81%;background:#a4d6ef;transform:rotate(60deg)}.tw-map .anchor-wrap>a:nth-child(4):before{width:6%;height:18%;top:4.5%;left:69%;background:#b6cc6a;transform:rotate(-42deg)}.tw-map .anchor-wrap>a:nth-child(4):after{width:8%;height:9%;top:6%;left:68%;background:#b6cc6a;transform:rotate(31deg)}.tw-map .anchor-wrap>a:nth-child(5):before{width:9%;height:17%;top:10%;left:64%;background:#c9a1c3;transform:rotate(-43deg)}.tw-map .anchor-wrap>a:nth-child(6):before{width:15%;height:11%;top:18%;left:51%;background:#dc7da9}.tw-map .anchor-wrap>a:nth-child(6):after{width:10%;height:5.5%;top:23%;left:63%;background:#dc7da9}.tw-map .anchor-wrap>a:nth-child(7):before{top:0%;left:0%}.tw-map .anchor-wrap>a:nth-child(8):before{top:0%;left:0%}.tw-map .anchor-wrap>a:nth-child(9):before{top:0%;left:0%}.tw-map .anchor-wrap>a:nth-child(10):before{top:0%;left:0%}.tw-map .anchor-wrap>a:nth-child(11):before{top:0%;left:0%}.tw-map .anchor-wrap>a:nth-child(12):before{top:0%;left:0%}.tw-map .anchor-wrap>a:nth-child(13):before{top:0%;left:0%}.tw-map .anchor-wrap>a:nth-child(14):before{top:0%;left:0%}.tw-map .anchor-wrap>a:nth-child(15):before{top:0%;left:0%}.tw-map .anchor-wrap>a:nth-child(16):before{top:0%;left:0%}.tw-map .anchor-wrap>a:nth-child(17):before{top:0%;left:0%}.tw-map a{display:block}@media only screen and (min-width: 1025px){.tw-map a:hover:before,.tw-map a:hover:after{opacity:.4}}.tw-map a:before,.tw-map a:after{content:'';display:block;position:absolute;border-radius:25%;opacity:0;background:#000 !important}.tw-map a span{display:none}@media only screen and (max-width: 767px){.px-0{padding-left:0;padding-right:0}}.index .swiper-pagination{padding:40px 0;position:initial}@media only screen and (max-width: 767px){.index .swiper-pagination{padding:20px 0 30px}}.index .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.index .swiper-pagination-bullets .swiper-pagination-bullet{width:15px;height:15px;margin:0 10px;background:#757575}@media only screen and (max-width: 767px){.index .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.index .swiper-pagination-bullets .swiper-pagination-bullet{width:13px;height:13px;margin:0 5px}}.index .index-title{padding-bottom:60px;position:relative;font-size:24px;font-weight:bold;text-align:center}@media only screen and (max-width: 767px){.index .index-title{padding-bottom:20px}}.index .index-title::before{content:"";top:20px;left:calc(50% - 170px);width:40px;height:1px;position:absolute;background-color:#D1D1D1}.index .index-title::after{content:"";top:20px;right:calc(50% - 170px);width:40px;height:1px;position:absolute;background-color:#D1D1D1}.index .activity .a-img{display:flex;padding-bottom:60px;justify-content:space-around}@media only screen and (max-width: 767px){.index .activity .a-img{padding-bottom:35px;flex-direction:column;align-items:center}}.index .activity .ad-first,.index .activity .ad-second{width:100%;max-width:590px}.index .activity .ad-first a img:hover,.index .activity .ad-second a img:hover{transform:scale(1.03);transition:.5s}@media only screen and (max-width: 767px){.index .activity .ad-first{padding-bottom:13px}}.index .activity .ad-second a:first-child{padding-bottom:13px}.index .new{padding-top:0}.index .new .pd-sty{padding:10px 20px 20px}.index .new .pd-sty .product{padding-top:0}@media only screen and (max-width: 767px){.index .new .pd-sty{padding:10px 10px 20px;justify-content:space-evenly}}@media only screen and (max-width: 640px){.index .new .pd-sty .product{padding-bottom:50px}}.index .process{padding-bottom:40px}.index .process .icon-wrap{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}@media only screen and (max-width: 1024px){.index .process .icon-wrap{justify-content:space-evenly}}@media only screen and (max-width: 479px){.index .process .icon-wrap{padding-top:30px}}.index .process .icon-wrap .step{display:block;max-width:270px;position:relative;padding-bottom:40px;cursor:pointer}.index .process .icon-wrap .step:before{content:"";top:-23px;left:49%;width:63px;height:63px;background-color:#F2F2F2;border-radius:50%;position:absolute;z-index:-1}.index .process .icon-wrap .step:hover:before{top:-32px;left:53%;background-color:#fbb03b;transform:scale(1.3);transition:.5s}.index .process .icon-wrap .step:hover img{transform:scale(1.5);transition:.5s}.index .process .icon-wrap .step img{width:50px;min-height:90px;margin:0 auto;padding-bottom:35px}.index .process .icon-wrap .step .text span{display:block}.index .process .icon-wrap .step .text .title{padding-bottom:15px;font-size:16px;font-weight:bold;text-align:center}.index .process .icon-wrap .step .text .content{padding:0 20px;font-size:12px;color:#808080;text-align:center}.c-title{padding:0 65px 15px;position:relative;font-size:24px;font-weight:bold}@media only screen and (max-width: 767px){.c-title{padding:0 30px 15px}}.c-title:before{content:"";left:30px;width:12px;height:40px;position:absolute;background-color:#FBB03B}@media only screen and (max-width: 767px){.c-title:before{left:0}}.c-title-line{padding-bottom:35px;position:relative;font-size:24px;font-weight:bold;text-align:center}.c-title-line::before{content:"";top:20px;left:calc(50% - 170px);width:40px;height:1px;position:absolute;background-color:#D1D1D1}.c-title-line::after{content:"";top:20px;right:calc(50% - 170px);width:40px;height:1px;position:absolute;background-color:#D1D1D1}@media only screen and (max-width: 1024px){.car-way{padding-top:20px}}.car-way .banner img{max-width:1280px}.car-way .banner iframe{width:100%;max-width:1280px;height:372px}.car-way .article-list{padding-bottom:190px}@media only screen and (max-width: 767px){.car-way .article-list{padding-bottom:0}}.car-way .article-list .menu-w{padding:15px 0 45px;text-align:center}.car-way .article-list .menu-w ul{font-size:16px;font-weight:bold;color:#A2A2A2}.car-way .article-list .menu-w ul li{display:inline-block;width:100%;max-width:110px;text-align:center}.car-way .article-list .menu-w ul .activity{position:relative}.car-way .article-list .menu-w ul .activity:before{content:"";bottom:-5px;left:0;width:100%;height:3px;position:absolute;background-color:#E1AE71}.car-way .article-list .menu-w ul .activity a{color:#68899A}.car-way .article-list .list{display:flex;justify-content:space-evenly;flex-wrap:wrap}.car-way .article-list .list .item{display:flex;width:100%;max-width:540px;padding-bottom:50px}.car-way .article-list .list .item a img{max-width:220px;width:100%}.car-way .article-list .list .item .text-box{width:100%;max-width:290px;margin-left:30px}.car-way .article-list .list .item .text-box .title{padding-bottom:15px;font-size:20px;font-weight:bold;color:#707070}@media only screen and (max-width: 767px){.car-way .article-list .list .item .text-box .title{padding-bottom:0}}.car-way .article-list .list .item .text-box .text{display:-webkit-box;overflow:hidden;-webkit-line-clamp:6;-webkit-box-orient:vertical;line-height:22px;font-size:16px;color:#A2A2A2}@media only screen and (max-width: 767px){.car-way .article-list .list .item .text-box .text{-webkit-line-clamp:5}}@media only screen and (max-width: 479px){.car-way .article-list .list .item .text-box .text{-webkit-line-clamp:3;font-size:14px}}.brand_info{padding-bottom:100px}@media only screen and (max-width: 767px){.brand_info{padding-bottom:0}}.brand_info .brand_block .product-list .list .b-pt-0{padding-top:0;padding-bottom:30px}@media only screen and (max-width: 479px){.brand_info .brand_block .new .pd-sty{justify-content:space-evenly}}.brand_info .brand_block .article-list{display:flex;padding:0 115px 20px}@media only screen and (max-width: 1024px){.brand_info .brand_block .article-list{padding:0 0 30px}}.brand_info .brand_block .article-list a img{width:100%;max-width:430px}.brand_info .brand_block .article-list .text-box{width:100%;max-width:540px;margin-left:50px}.brand_info .brand_block .article-list .text-box .title{padding-bottom:15px;font-size:20px;font-weight:bold;color:#707070}@media only screen and (max-width: 767px){.brand_info .brand_block .article-list .text-box .title{padding-bottom:0}}.brand_info .brand_block .article-list .text-box .text{line-height:22px;font-size:16px;color:#A2A2A2}@media only screen and (max-width: 767px){.brand_info .brand_block .article-list .text-box .text{display:-webkit-box;overflow:hidden;-webkit-line-clamp:6;-webkit-box-orient:vertical}}.news .article-list{display:flex;padding:0 115px 50px}@media only screen and (max-width: 1024px){.news .article-list{padding:0 50px 50px}}@media only screen and (max-width: 767px){.news .article-list{padding:0 0 50px;flex-direction:column;align-items:center}}.news .article-list .pic{width:50%;position:relative}.news .article-list .pic .date{top:0;left:0;width:100%;max-width:60px;height:50px;padding:0 10px;position:absolute;color:#fff;background-color:#68899A}@media only screen and (max-width: 767px){.news .article-list .pic{width:100%}}.news .article-list .text-box{width:50%;margin-left:20px}@media only screen and (max-width: 767px){.news .article-list .text-box{width:100%;margin-left:0}}.news .article-list .text-box .title{min-height:82px;font-size:20px;font-weight:bold;color:#707070}@media only screen and (max-width: 767px){.news .article-list .text-box .title{min-height:50px;font-size:16px}}.news .article-list .text-box .text{font-size:16px;color:#A2A2A2}@media only screen and (max-width: 767px){.news .article-list .text-box .text{display:-webkit-box;overflow:hidden;-webkit-line-clamp:6;-webkit-box-orient:vertical}}.news-content{padding-bottom:190px}@media only screen and (max-width: 767px){.news-content{padding-bottom:100px}}.news-content .detail{padding:0 50px 50px}@media only screen and (max-width: 767px){.news-content .detail{padding:0 15px 50px}}.news-content .detail .pic{padding:20px 0}.news-content .detail .h1{padding-bottom:15px;font-size:30px;font-weight:bold;color:#68899A}.news-content .detail .text{font-size:16px;color:#A2A2A2}.news-content .btn{display:flex;padding:0 50px 100px;justify-content:space-between}.news-content .btn span{display:inline-block;font-weight:bold}.news-content button{display:block;width:100%;max-width:205px;height:50px;margin:0 auto;border-radius:50px;text-align:center;color:#fff;background-color:#68899A}.border-ul-sty{border-right:1px solid #13963b}.border-ul-sty:last-child{border-right:0}.px-15{padding:0 15px}.fw-bold{font-weight:bold} /******master.css******/ .animation,header,.menu-wrap .sub-menu a span,.menu-wrap .menu-disp .ul-wrap>li.product-menu:after,.menu-wrap .menu-disp .ul-wrap .ul2-wrap,.menu-wrap .menu-disp .ul-wrap .ul3-wrap,#anchorGoTop{-moz-transition-duration:300ms;-o-transition-duration:300ms;-webkit-transition-duration:300ms;transition-duration:300ms;-moz-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.no-animation{-moz-transition-duration:0ms;-o-transition-duration:0ms;-webkit-transition-duration:0ms;transition-duration:0ms;-moz-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}@-webkit-keyframes menu-top{0%{top:4px;-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}10%{top:9px;-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}40%{top:9px;-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{top:7px;-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}}@-moz-keyframes menu-top{0%{top:4px;-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}10%{top:9px;-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}40%{top:9px;-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{top:7px;-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}}@-ms-keyframes menu-top{0%{top:4px;-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}10%{top:9px;-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}40%{top:9px;-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{top:7px;-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}}@keyframes menu-top{0%{top:4px;-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}10%{top:9px;-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}40%{top:9px;-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{top:7px;-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}}@-webkit-keyframes menu-middle{0%{width:9px}50%{width:0}100%{width:0}}@-moz-keyframes menu-middle{0%{width:9px}50%{width:0}100%{width:0}}@-ms-keyframes menu-middle{0%{width:9px}50%{width:0}100%{width:0}}@keyframes menu-middle{0%{width:9px}50%{width:0}100%{width:0}}@-webkit-keyframes menu-bottom{0%{top:10px;-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}10%{top:1px;-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}40%{top:1px;-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}85%{top:3px;-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg)}100%{top:3px;-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg)}}@-moz-keyframes menu-bottom{0%{top:10px;-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}10%{top:1px;-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}40%{top:1px;-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}85%{top:3px;-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg)}100%{top:3px;-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg)}}@-ms-keyframes menu-bottom{0%{top:10px;-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}10%{top:1px;-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}40%{top:1px;-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}85%{top:3px;-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg)}100%{top:3px;-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg)}}@keyframes menu-bottom{0%{top:10px;-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}10%{top:1px;-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}40%{top:1px;-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}85%{top:3px;-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg)}100%{top:3px;-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg)}}@-webkit-keyframes menu-top-r{0%{top:7px;-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}10%{top:9px}40%{top:9px;-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{top:0;-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-moz-keyframes menu-top-r{0%{top:7px;-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}10%{top:9px}40%{top:9px;-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{top:0;-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-ms-keyframes menu-top-r{0%{top:7px;-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}10%{top:9px}40%{top:9px;-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{top:0;-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes menu-top-r{0%{top:7px;-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}10%{top:9px}40%{top:9px;-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{top:0;-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes menu-middle-r{0%{width:0}100%{width:26px}}@-moz-keyframes menu-middle-r{0%{width:0}100%{width:26px}}@-ms-keyframes menu-middle-r{0%{width:0}100%{width:26px}}@keyframes menu-middle-r{0%{width:0}100%{width:26px}}@-webkit-keyframes menu-bottom-r{0%{top:3px;-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg)}10%{top:1px}40%{top:1px;-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}80%{top:10px;-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{top:10px;-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-moz-keyframes menu-bottom-r{0%{top:3px;-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg)}10%{top:1px}40%{top:1px;-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}80%{top:10px;-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{top:10px;-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-ms-keyframes menu-bottom-r{0%{top:3px;-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg)}10%{top:1px}40%{top:1px;-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}80%{top:10px;-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{top:10px;-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes menu-bottom-r{0%{top:3px;-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg)}10%{top:1px}40%{top:1px;-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}80%{top:10px;-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{top:10px;-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes no-show{0%{left:0}100%{left:-100%}}@-moz-keyframes no-show{0%{left:0}100%{left:-100%}}@-ms-keyframes no-show{0%{left:0}100%{left:-100%}}@keyframes no-show{0%{left:0}100%{left:-100%}}@-webkit-keyframes show{0%{left:-100%}100%{left:0}}@-moz-keyframes show{0%{left:-100%}100%{left:0}}@-ms-keyframes show{0%{left:-100%}100%{left:0}}@keyframes show{0%{left:-100%}100%{left:0}}@-webkit-keyframes trans-no-show{0%{left:0}100%{left:-100%}}@-moz-keyframes trans-no-show{0%{left:0}100%{left:-100%}}@-ms-keyframes trans-no-show{0%{left:0}100%{left:-100%}}@keyframes trans-no-show{0%{left:0}100%{left:-100%}}@-webkit-keyframes trans-show{0%{left:-100%}100%{left:0}}@-moz-keyframes trans-show{0%{left:-100%}100%{left:0}}@-ms-keyframes trans-show{0%{left:-100%}100%{left:0}}@keyframes trans-show{0%{left:-100%}100%{left:0}}@-webkit-keyframes menu-next-r{0%{max-height:2000px}100%{max-height:0}}@-moz-keyframes menu-next-r{0%{max-height:2000px}100%{max-height:0}}@-ms-keyframes menu-next-r{0%{max-height:2000px}100%{max-height:0}}@keyframes menu-next-r{0%{max-height:2000px}100%{max-height:0}}@-webkit-keyframes menu-next{0%{max-height:0}100%{max-height:2000px}}@-moz-keyframes menu-next{0%{max-height:0}100%{max-height:2000px}}@-ms-keyframes menu-next{0%{max-height:0}100%{max-height:2000px}}@keyframes menu-next{0%{max-height:0}100%{max-height:2000px}}header.top-fixed,header.pos-fixed{width:100%;position:fixed;top:0;left:0;z-index:9999}header .top-attr{position:relative;border-bottom:1px solid #E1E1E1;background-color:#fff;z-index:999}header .top-attr>.main-w{height:65px}header .sub-menu{display:none;width:20px;height:13px;position:absolute;top:50%;margin-top:-6.5px}@media only screen and (max-width: 767px){header .sub-menu{display:block}}header .sub-menu:before,header .sub-menu:after{content:'';display:inline-block;position:absolute}header .sub-menu:before{width:50px;height:50px;top:-19px;left:-15px}header .sub-menu:after{width:20px;height:1px;top:50%;margin-top:-.5px;background:#fff}header .sub-menu .line-attr{display:block}header .sub-menu .line-attr:before,header .sub-menu .line-attr:after{content:'';display:inline-block;width:20px;height:1px;position:absolute;background:#fff}header .sub-menu .line-attr:before{top:0}header .sub-menu .line-attr:after{bottom:0}header .logo,header .member-tools{position:absolute}header .logo{width:100%;max-width:228px;top:50%;left:50%;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}@media only screen and (max-width: 1024px){header .logo{left:5px;width:50%;-moz-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}}header marquee{display:block;height:10px;background:#D9E1E6}@media only screen and (max-width: 1024px){header marquee{height:10px}}header .member-tools{display:flex;align-items:center;top:50%;right:42px;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media only screen and (max-width: 1024px){header .member-tools{right:60px}}header .member-tools li a{display:block;padding:18px}@media only screen and (max-width: 1024px){header .member-tools li a{padding:11px}}header .member-tools li .amount{display:block;width:20px;height:20px;position:absolute;top:50%;right:-2px;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);background:#fff;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}header .member-tools li .amount em{display:block;width:18px;height:18px;position:absolute;top:50%;left:50%;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);font-size:12px;text-align:center;color:#fff;line-height:18px;background:#ff0000;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}nav{position:absolute;width:100%;top:110px;-moz-transition-duration:200ms;-o-transition-duration:200ms;-webkit-transition-duration:200ms;transition-duration:200ms;-moz-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}nav.down{top:63px}@media only screen and (max-width: 1024px){nav.down{top:60px}}@media only screen and (max-width: 767px){nav.down{top:5px}}@media only screen and (max-width: 1024px){nav{top:107px}}@media only screen and (max-width: 767px){nav{top:50px}}nav a{display:block}.menu-wrap{height:inherit}.menu-wrap .sub-menu{display:none;position:absolute;top:50%;right:30px;margin-top:-27px;z-index:999}@media only screen and (max-width: 1024px){.menu-wrap .sub-menu{display:block}}.menu-wrap .sub-menu a{display:block;position:relative;width:40px;height:40px;text-indent:-9999px;line-height:145%}.menu-wrap .sub-menu a span{display:block;position:relative;width:26px;margin:0 auto;border-top:2px solid #68899A;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}.menu-wrap .sub-menu a .b-top{top:0px}.menu-wrap .sub-menu a .b-middle{width:26px;top:5px;margin:0 0 0 1px;-moz-transform:translate(6px, 0);-ms-transform:translate(6px, 0);-webkit-transform:translate(6px, 0);transform:translate(6px, 0)}.menu-wrap .sub-menu a .b-bottom{top:10px}.menu-wrap .sub-menu.selected a span{border-color:#68899A}@media only screen and (max-width: 1024px){.menu-wrap .selected a .b-top{-moz-animation:menu-top 0.3s ease forwards;-webkit-animation:menu-top 0.3s ease forwards;animation:menu-top 0.3s ease forwards}.menu-wrap .selected a .b-middle{-moz-animation:menu-middle 0.3s ease forwards;-webkit-animation:menu-middle 0.3s ease forwards;animation:menu-middle 0.3s ease forwards}.menu-wrap .selected a .b-bottom{-moz-animation:menu-bottom 0.3s ease forwards;-webkit-animation:menu-bottom 0.3s ease forwards;animation:menu-bottom 0.3s ease forwards}}@media only screen and (max-width: 1024px){.menu-wrap .unselected a .b-top{-moz-animation:menu-top-r 0.4s ease forwards;-webkit-animation:menu-top-r 0.4s ease forwards;animation:menu-top-r 0.4s ease forwards}.menu-wrap .unselected a .b-middle{-moz-animation:menu-middle-r 0.3s ease forwards;-webkit-animation:menu-middle-r 0.3s ease forwards;animation:menu-middle-r 0.3s ease forwards}.menu-wrap .unselected a .b-bottom{-moz-animation:menu-bottom-r 0.4s ease forwards;-webkit-animation:menu-bottom-r 0.4s ease forwards;animation:menu-bottom-r 0.4s ease forwards}}.menu-wrap .menu-disp{position:relative;background:#F4F4F4}@media only screen and (min-width: 1025px){.menu-wrap .menu-disp{display:flex;width:300%;max-width:2000px;position:absolute;top:0;left:50%;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);margin-top:66px;text-align:center;align-items:center;justify-content:center}}@media only screen and (max-width: 1024px){.menu-wrap .menu-disp{width:100%;height:-moz-calc((100vh - 66px));height:-webkit-calc((100vh - 66px));height:calc((100vh - 66px));top:-moz-calc((100% + 1px));top:-webkit-calc((100% + 1px));top:calc((100% + 1px));left:-100%;overflow:hidden;overflow-y:auto;z-index:102}}.menu-wrap .menu-disp .ul-wrap>li{display:inline-block;position:relative;vertical-align:top}@media only screen and (max-width: 1024px){.menu-wrap .menu-disp .ul-wrap{padding:10px 0;overflow-y:auto}}@media only screen and (max-width: 1024px){.menu-wrap .menu-disp .ul-wrap>li:last-child>a{border-bottom:0}}.menu-wrap .menu-disp .ul-wrap>li.product-menu:after{content:'';display:block;width:100%;height:100vh;position:fixed;left:0;background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-moz-transition-property:opacity;-o-transition-property:opacity;-webkit-transition-property:opacity;transition-property:opacity;pointer-events:none;z-index:-1}@media only screen and (min-width: 1025px){.menu-wrap .menu-disp .ul-wrap>li.product-menu:before{content:'';display:block;width:160%;height:20px;position:absolute;left:50%;bottom:0;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:111;cursor:pointer}.menu-wrap .menu-disp .ul-wrap>li.product-menu:hover:after{filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1}.menu-wrap .menu-disp .ul-wrap>li.product-menu:hover .ul2-wrap{filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1;pointer-events:auto}}@media only screen and (max-width: 1024px){.menu-wrap .menu-disp .ul-wrap>li{display:block}}.menu-wrap .menu-disp .ul-wrap>li>a{display:block;position:relative;margin:0 4px;padding:17px 27px;font-size:16px}@media only screen and (max-width: 1024px){.menu-wrap .menu-disp .ul-wrap>li>a{margin:0 10px;padding:10px 20px;text-align:center;border-bottom:1px solid #111}}@media only screen and (max-width: 1024px){.menu-wrap .menu-disp .ul-wrap .menu-lv1.selected+.ul2-wrap{-moz-animation:menu-next 950ms ease-in forwards;-webkit-animation:menu-next 950ms ease-in forwards;animation:menu-next 950ms ease-in forwards}}@media only screen and (max-width: 1024px){.menu-wrap .menu-disp .ul-wrap .menu-lv1.unselected+.ul2-wrap{-moz-animation:menu-next-r 950ms ease-out forwards;-webkit-animation:menu-next-r 950ms ease-out forwards;animation:menu-next-r 950ms ease-out forwards;-moz-animation-delay:-650ms;-webkit-animation-delay:-650ms;animation-delay:-650ms}}.menu-wrap .menu-disp .ul-wrap .ul2-wrap,.menu-wrap .menu-disp .ul-wrap .ul3-wrap{-moz-transition-property:opacity;-o-transition-property:opacity;-webkit-transition-property:opacity;transition-property:opacity}@media only screen and (max-width: 1024px){.menu-wrap .menu-disp .ul-wrap .ul2-wrap,.menu-wrap .menu-disp .ul-wrap .ul3-wrap{-moz-transition-property:left,max-height;-o-transition-property:left,max-height;-webkit-transition-property:left,max-height;transition-property:left,max-height;max-height:0;overflow:hidden}}.menu-wrap .menu-disp .ul-wrap .ul2-wrap{width:100%;max-width:1280px;padding:20px 0}@media only screen and (min-width: 1025px){.menu-wrap .menu-disp .ul-wrap .ul2-wrap{display:flex;position:fixed;left:50%;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);justify-content:center;flex-wrap:wrap;text-align:left;background:#fff;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;pointer-events:none}}@media only screen and (max-width: 1024px){.menu-wrap .menu-disp .ul-wrap .ul2-wrap{padding:0;text-align:center}}@media only screen and (min-width: 1025px){.menu-wrap .menu-disp .ul-wrap .ul2-wrap>li{max-width:16.6667%}}@media only screen and (min-width: 1025px){.menu-wrap .menu-disp .ul-wrap .ul2-wrap>li>a{padding:5px 105px 15px 0}}.menu-wrap .menu-disp .ul-wrap .menu-lv2{display:block;font-size:18px;font-weight:bold;cursor:pointer}@media only screen and (min-width: 1025px){.menu-wrap .menu-disp .ul-wrap .menu-lv2:hover{color:#4B4B4B;cursor:default}}@media only screen and (max-width: 1024px){.menu-wrap .menu-disp .ul-wrap .menu-lv2{margin:0 10px;padding:10px 20px;font-size:16px;background:#999;border-bottom:1px solid #f4f4f4;font-weight:normal;color:#f4f4f4}}@media only screen and (max-width: 1024px){.menu-wrap .menu-disp .ul-wrap .menu-lv2.selected+.ul3-wrap{-moz-animation:menu-next 950ms ease-in forwards;-webkit-animation:menu-next 950ms ease-in forwards;animation:menu-next 950ms ease-in forwards}}@media only screen and (max-width: 1024px){.menu-wrap .menu-disp .ul-wrap .menu-lv2.unselected+.ul3-wrap{-moz-animation:menu-next-r 950ms ease-out forwards;-webkit-animation:menu-next-r 950ms ease-out forwards;animation:menu-next-r 950ms ease-out forwards;-moz-animation-delay:-650ms;-webkit-animation-delay:-650ms;animation-delay:-650ms}}@media only screen and (min-width: 1025px){.menu-wrap .menu-disp .ul-wrap .ul3-wrap{text-align:left}}@media only screen and (max-width: 1024px){.menu-wrap .menu-disp .ul-wrap .ul3-wrap li:first-child a{border-top:0}}.menu-wrap .menu-disp .ul-wrap .ul3-wrap li a{display:block;padding:5px 30px 5px 0}@media only screen and (max-width: 1024px){.menu-wrap .menu-disp .ul-wrap .ul3-wrap li a{margin:0 10px;padding:10px 20px;border-top:1px solid #111}}@media only screen and (max-width: 1024px){.top-fixed.menu-clicked .menu-wrap .sub-menu.selected ~ .menu-disp{-moz-animation:show 350ms ease-in forwards;-webkit-animation:show 350ms ease-in forwards;animation:show 350ms ease-in forwards}}@media only screen and (max-width: 1024px){.top-fixed.menu-unclicked .menu-wrap .sub-menu.unselected ~ .menu-disp{-moz-animation:no-show 350ms ease-in forwards;-webkit-animation:no-show 350ms ease-in forwards;animation:no-show 350ms ease-in forwards}}@media only screen and (max-width: 1024px){.pos-fixed.menu-clicked .menu-wrap .sub-menu.selected ~ .menu-disp{-moz-animation:trans-show 350ms ease-in forwards;-webkit-animation:trans-show 350ms ease-in forwards;animation:trans-show 350ms ease-in forwards}}@media only screen and (max-width: 1024px){.pos-fixed.menu-unclicked .menu-wrap .sub-menu.unselected ~ .menu-disp{-moz-animation:trans-no-show 350ms ease-in forwards;-webkit-animation:trans-no-show 350ms ease-in forwards;animation:trans-no-show 350ms ease-in forwards}}.swal2-content{padding:0}#anchorGoTop{position:fixed;bottom:90px;right:30px;z-index:9999;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;pointer-events:none}#anchorGoTop.show{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85);opacity:.85;pointer-events:all}.gotop-anchor{display:block;width:50px;height:50px;position:relative;font-size:30px;background:#fff;color:#424242;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;-moz-box-shadow:0 5px 5px rgba(0,0,0,0.2);-webkit-box-shadow:0 5px 5px rgba(0,0,0,0.2);box-shadow:0 5px 5px rgba(0,0,0,0.2)}.gotop-anchor .fa-arrow-up{width:22px;position:absolute;top:50%;left:50%;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}#content{position:relative}footer{color:#4b4b4b}footer .main-wrap{display:-webkit-flex;display:flex;padding:25px 40px 30px;-webkit-justify-content:space-evenly;justify-content:space-evenly}@media only screen and (max-width: 1024px){footer .main-wrap{flex-direction:column;padding:25px 20px 30px}}@media only screen and (max-width: 1024px){footer .text-wrap{margin-top:20px}footer .text-wrap:first-child{margin-top:0}}footer .text-wrap .title{padding:0 0 15px}@media only screen and (max-width: 1024px){footer .text-wrap .title{padding:0 0 5px}}footer .text-wrap ul li a{padding:3px 0}footer .text-wrap ul.social-icons{margin-left:-10px}footer .text-wrap ul.social-icons li{display:inline-block;vertical-align:middle}footer .text-wrap ul.social-icons li a{padding:3px 10px}@media only screen and (max-width: 1024px){footer .m-horizon{display:flex}footer .m-horizon li{flex:1}}.member-attr:hover img{content:url("../images/svg/header_user_hover.svg")}.cart-attr:hover img{content:url("../images/svg/header_shopping_car_hover.svg")}.cart-attr:hover .amount{-moz-box-shadow:0px 3px 6px #b0aeae;-webkit-box-shadow:0px 3px 6px #b0aeae;box-shadow:0px 3px 6px #b0aeae} /******pack-caffe.css******/ /** PACKAGE: CAFFE USED BY: pack-caffe-*.html **************************************************************** **/ /* menu sidebar */ body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark { background-color: #292c30 !important; } /* mobile bar */ body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark .sidebar-nav .navbar ul { background-color: transparent; } .navbar-default .navbar-toggle .icon-bar { background-color: #999; } /* mobile button */ .navbar-default .navbar-toggle { margin-right: 0; margin-left: 0; text-align: center; } .navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { } /* menu links */ body.menu-vertical #mainMenu.sidebar-vertical .navbar-default .navbar-nav>li>a { font-size:14px; text-transform: none; padding-top: 10px; padding-bottom: 10px; } body.menu-vertical #mainMenu.sidebar-vertical.sidebar-dark .sidebar-nav .navbar ul, body.menu-vertical #mainMenu.sidebar-vertical .navbar-default .navbar-nav>li>a { border-color: rgba(255,255,255,0.06) !important; } /* logo */ @media only screen and (max-width: 768px) { img.logo-xs-half { max-height: 80px; width: auto !important; } } /* MISC */ .btn-callout-custom { background-color: rgba(0,0,0,0.03); } /* foods & drinks */ .cover-column-title { background-color: #292c30; color:#fff; margin: 0; padding: 15px; text-align: center; } .cover-column-title>small { font-size:13px; display: block; color: #fff; } .cover-column { background-position: left top; background-repeat: no-repeat; background-size: cover; min-height: 200px; height: 100%; } /* FOOTER */ #footer { border-top: rgba(0,0,0,0.1) 1px solid; width: 100%; display: block; position: relative; margin: 0; padding: 20px 0 !important; background: #292c30 !important; } #footer>.container { padding-top: 0; padding-bottom: 0; margin-bottom: 0; } /******pack-hotel.css******/ /** PACKAGE: HOTEL USED BY: pack-hotel-*.html pack-hotel-v2-*.html COLOR: #534635 [replace to change the color] **************************************************************** **/ /** CUSTOM HEADER pack-hotel-v2-*.html *************************** **/ #header.transparent:not(.fixed) { /* bordered header */ border-bottom: rgba(255,255,255,0.3) 1px solid !important; } #header.fixed { /* force header color */ background: #534635 !important; } /* main menu links color - for a good contrast */ #header.fixed.dark #topMain li>a { color: #fff !important; } #header.fixed.transparent #topMain.nav-pills>li>a { color: #fff !important; } /* dropdown background color */ #topNav div.submenu-color ul.dropdown-menu { color: #fff; background-color: #534635; border-color: #534635; border-top-color: rgba(0,0,0,0.2); } /* we want a very clean dropdown menu - no border bottom separator */ #topNav ul.dropdown-menu li { border-bottom: 0; } /* mobile menu background color */ @media only screen and (max-width: 992px) { #header.dark.transparent #topMain { background-color: #534635 !important; } } /** CUSTOM PAGE HEADER pack-hotel-v2-*.html *************************** **/ section.page-header h1 { font-size: 40px !important; margin-top: 40px; margin-bottom:0; } @media only screen and (max-width: 992px) { section.page-header h1 { margin-top:0; margin-bottom: 30px; } } /** CUSTOM FOOTER *************************** **/ #footer { background: #534635; } #footer>.copyright.has-social .social-icon { margin-top: 8px; margin-bottom: 0; line-height: 0; background: #534635; } /** OVERLAY MENU pack-hotel-*.html *************************** **/ body>#topMain { background-color: rgba(0,0,0,0.85); position: fixed !important; } /* address + logo alingnment */ body>#topMain .topMain-address { margin-top:-25px; } /* close button style - match special buttons below */ #menu_overlay_close { background-color: #000; border: rgba(255,255,255,0.19) 6px solid; margin-left: 0; left: auto; right: 10px; top: 10px; width: 66px; height: 66px; line-height: 50px; } #menu_overlay_close:hover { background-color: #f6f6f6; color: #000; } #menu_overlay_close>i { font-size: 60px; font-weight: 300; font-style: normal; } /** SPECIAL TOP BUTTONS [MENU|BOOKING] pack-hotel-*.html *************************** **/ .specialBtn { position:fixed; left:10px; top:10px; display:inline-block; background:rgba(255,255,255,0.1); padding:6px; z-index:80; color: #fff; -webkit-transition: background 600ms; -moz-transition: background 600ms; -o-transition: background 600ms; transition: background 600ms; } .specialBtn:hover, .specialBtn:active { background:#fff; } .specialBtn>i, .specialBtn>span { display:block; min-width:54px; height:54px; background-color:#000; -webkit-transition: background 300ms; -moz-transition: background 300ms; -o-transition: background 300ms; transition: background 300ms; } .specialBtn:hover>i, .specialBtn:hover>span { background-color:#f6f6f6; } .specialBtn.specialBtn-Burger>i { background-image:url('data:image/gif;base64,R0lGODlhNwA3AJEAAAAAAP///////wAAACH5BAEAAAIALAAAAAA3ADcAAAJUlI+py+0Po5y02ouz3rz7D4biSJbmiabqyrZhAMfyTNc1Zue6je/+7goKh8Si8dj6KXmXpVPWezqR1Kr1is2apM8o9+f9ArXksvmMTqvX7Lb7DS8AADs='); background-repeat:no-repeat; background-position:center; } .specialBtn.specialBtn-Burger:hover>i { background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAA3CAYAAACo29JGAAAARklEQVRoge3WsQ0AIAwDsML/P8MLdECoxZ4zJFsiAAAAqGgksutai7yj3vN2i5dajwPgex5KVa3HAfA9D6Wq1uMAAACoaQMxSAMQNhNmmQAAAABJRU5ErkJggg=='); } /* fix button focus */ .specialBtn.specialBtn-booking:focus { color: #fff; } .specialBtn.specialBtn-booking:hover:focus { color: #000; } /* position */ .specialBtn-left { left: 10px; right: auto; } .specialBtn-right { left: auto; right: 10px; } /* booking button */ .specialBtn.specialBtn-booking>span>i { font-size: 30px !important; padding-right: 12px; float: left; } .specialBtn.specialBtn-booking>span { padding: 10px; } .specialBtn.specialBtn-booking>span>small { font-size: 10px; display: block; text-align: right; margin-top: -4px; color:#999; } /** BOOK ONLINE | RESERVATION *************************** **/ ul.booking-option-list { list-style: none; margin: 0; padding: 0; } ul.booking-option-list>li { border: #dee5ed 1px solid; margin-bottom: 10px; } ul.booking-option-list>li>label { padding: 14px 20px; margin: 0; line-height: 1; cursor: pointer; } ul.booking-option-list>li h3 { font-size: 15px; margin: 0; } ul.booking-option-list>li>label>i { position: absolute; top: 20px; right: 20px; left: auto; width: 30px; height: 30px; margin: 0; background-color: rgba(0,0,0,0.03); border-width: 1px; -webkit-border-radius: 0 !important; border-radius: 0 !important; } ul.booking-option-list>li .radio input + i:after { top:5px; left:5px; content: "\f00c"; font: normal normal normal 17px/1 'FontAwesome'; background-color: transparent; } form .booking-form-highlight { background-color: rgba(0,0,0,0.03); border: rgba(0,0,0,0.03) 1px solid; padding: 15px; } /** ROOMS *************************** **/ .room-info { /* pack-hotel-rooms-detail.html */ background-color: rgba(0,0,0,0.06); padding: 20px; border-radius: 3px; } .room-info ul>li { display: table; } .room-info ul>li>b { display: inline-block; width: 110px; } @media only screen and (min-width: 768px) { .cards-rooms p.card-text { /* pack-hotel-rooms.html */ height: 130px; display: block; overflow: hidden; } } /** REWRITES : TUNING *************************** **/ .btn.btn-primary { background: #534635; } .btn.btn-primary { border: 0; } @media only screen and (max-width: 1024px) { .container { width: 100%; } } /******pack-megashop.css******/ /** PACKAGE: MEGA SHOP USED BY: pack-megashop-*.html **************************************************************** **/ /** PLACEHOLDER *************************** **/ ::-webkit-input-placeholder { /* WebKit browsers */ color: #999 !important; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999 !important; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999 !important; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999 !important; } /** BOXED : REWRITE *************************** **/ body #wrapper { min-height: auto; } body #slider { margin-top: 60px; } #header>.container { padding: 0; } body:not(.boxed) .page-header { border-radius: 0 !important; } /* boxed wrapper */ body.boxed #wrapper { max-width: 1170px; margin: 0 auto; overflow: inherit; -moz-border-radius: 6px; border-radius: 6px; } body.boxed #wrapper>section { background-color: #fff; } body.boxed #slider { margin-bottom: 60px; } body.boxed>section>.container, body.boxed #wrapper>div.section>.container { padding-left: 0; padding-right: 0; } @media only screen and (max-width: 1200px) { body.boxed #wrapper { margin-left:15px !important; margin-right: 15px !important; } body.boxed .container { width: 100%; } body.boxed>section>.container { padding-left:15px; padding-right: 15px; } } /** TOP BIG ADS *************************** **/ /* TOP BANNER */ body>div.layout-top-ads { width: 100%; position: relative; display: table; text-align: center; z-index:0; } body>div.layout-top-ads.layout-top-ads-100>a, body>div.layout-top-ads.layout-top-ads-160>a, body>div.layout-top-ads.layout-top-ads-200>a, body>div.layout-top-ads.layout-top-ads-260>a, body>div.layout-top-ads.layout-top-ads-320>a { cursor: pointer; text-decoration: none; width: 100%; height: 100px; position: relative; display: table-cell; vertical-align: middle; z-index: 1; } body>div.layout-top-ads.layout-top-ads-320>a { height: 320px; } body>div.layout-top-ads.layout-top-ads-260>a { height: 260px; } body>div.layout-top-ads.layout-top-ads-200>a { height: 200px; } body>div.layout-top-ads.layout-top-ads-160>a { height: 160px; } @media only screen and (max-width: 600px) { body>div.layout-top-ads.layout-top-ads-320-xs>a { height: 320px; } body>div.layout-top-ads.layout-top-ads-260-xs>a { height: 260px; } body>div.layout-top-ads.layout-top-ads-200-xs>a { height: 200px; } body>div.layout-top-ads.layout-top-ads-160-xs>a { height: 160px; } } /* background image */ body>div.layout-top-ads>span { position: absolute; left:0; right:0; top:0; bottom:-100px; width: 100%; background-repeat: no-repeat; background-position: center top; display: none; z-index:-1; } body>div.layout-top-ads>span.layout-top-ads-all { display: block; } /* background image - visible by resolution */ @media only screen and (min-width: 1024px) { body>div.layout-top-ads>span.layout-top-ads-desktop { display: block; } } @media only screen and (max-width: 1024px) { body>div.layout-top-ads>span.layout-top-ads-tablet { display: block; } } @media only screen and (max-width: 767px) { body>div.layout-top-ads>span.layout-top-ads-mobile { display: block; } } /** SECTIONS : REWRITE *************************** **/ section { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } body.boxed #wrapper>section { -webkit-box-shadow:0px 0 10px 0px rgba(0,0,0,0.15); -moz-box-shadow:0px 0 10px 0px rgba(0,0,0,0.15); box-shadow:0px 0 10px 0px rgba(0,0,0,0.15); margin-bottom: 30px; border-bottom:0; } /** CUSOM : ELEMENTS *************************** **/ @media only screen and (min-width: 767px) { .side-nav-custom { margin: 30px 0; display: inline-block; width: 200px; } .side-custom-content { width: calc(100% - 200px); } .side-custom-content .row>div { padding:0; } } @media only screen and (max-width: 767px) { .side-nav-custom, .side-custom-content { float: none !important; } .side-nav-custom { margin-left:-15px; margin-right:-15px; } .side-nav-custom>ul { padding-left:15px; padding-right:15px; margin-top:0; } .side-nav-custom .side-nav-head { margin-bottom:15px !important; } .side-custom-content div.row>div:last-child { padding-bottom:0; margin-bottom:0; } div.side-nav .side-nav-head button, div.side-nav .side-nav-head { background-color: rgba(0,0,0,0.05); } div.side-nav ul>li { border:0; } div.side-nav ul>li:before { top: 8px; } div.side-nav ul>li>a { padding: 8px 0 8px 0; } } /* custom grid */ ul.grid.grid-custom>li { height: auto; min-height: auto; line-height: 1; text-align: center; position: relative; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } ul.grid.grid-custom>li img { padding: 15px; } ul.grid.grid-custom>li h4 { font-size: 15px; margin-bottom: 15px; text-overflow:ellipsis; white-space: nowrap; width: 100%; overflow: hidden; padding:0 15px; font-weight: 400; letter-spacing: 0; } ul.grid.grid-custom>li:hover { -webkit-box-shadow:0px 0 10px 0px rgba(0,0,0,0.15); -moz-box-shadow:0px 0 10px 0px rgba(0,0,0,0.15); box-shadow:0px 0 30px 0px rgba(0,0,0,0.15); background-color: transparent !important; z-index: 1; } ul.grid.grid-custom>li:after { content:' '; width: 100%; height: 100%; top:0; bottom:0; left:0; right:0; position: absolute; z-index:-1; } section.dark ul.grid>li:after { background-color: rgba(0,0,0,0.06); } body:not(.layout-dark) ul.grid.grid-custom>li:after { background-color: #fff; } body.layout-dark ul.grid.grid-custom { border-color: rgba(255,255,255,0.05); } body.layout-dark ul.grid.grid-custom>li:after { background-color: #333; } /* grid ribbon */ ul.grid li .ribbon { color: #fff; position: absolute; width: auto; height: auto; right: auto; top: 15px; left: 15px; text-align: center; font-size: 12px; z-index: 1; -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.18); -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.18); box-shadow: 3px 3px 3px rgba(0,0,0,0.18); } ul.grid li .ribbon>span, ul.grid li .ribbon>a { padding: 15px 10px; display: inline-block; float: left; } ul.grid li .ribbon>span.bg-white { background-color: #fff; color: #111; } /* recent visited */ .grid-custom-recent>li { border-top: 1px solid rgba(0,0,0,.09); } .grid-custom-recent.grid-8>li img { padding: 8px !important; } /* custom owl carousel */ .owl-custom .owl-carousel-2 .owl-dots .owl-dot.active span { background: #0275d8; } /* bordered content */ .content-bordered { border: rgba(0,0,0,.1) 1px solid; padding: 15px; margin: 15px; } a.content-bordered:hover { -webkit-box-shadow:0px 0 10px 0px rgba(0,0,0,0.15); -moz-box-shadow:0px 0 10px 0px rgba(0,0,0,0.15); box-shadow:0px 0 30px 0px rgba(0,0,0,0.15); } /** CUSOM : FOOTER *************************** **/ #footer.footer-light form input, #footer.footer-light form textarea, #footer.footer-light form .input-group-addon { background-color: rgba(0,0,0,0.02); border-width: 1px; color: #121212 !important; } /** PRODUCT LIST | GRID STYLE *************************************************** **/ .card { background-color: transparent; } .btn-grid { background-color: rgba(0,0,0,0.03); padding: 15px 0; } .product-price { padding: 6px 10px; text-align: center; z-index:10; } .product-price-over-image { color: #fff; background-color: rgba(0,0,0,0.5); position: absolute; left:0; right:0; bottom:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .product-price-autohide { bottom:-100%; } .card:hover .product-price-autohide { bottom:0; } @media only screen and (max-width: 960px) { .product-price-autohide { bottom:0 !important; } } @media only screen and (min-width: 769px) { .product-item-title { height: 45px; overflow: hidden; } } /* 6 COLUMNS - RECALIBRATE FOR LONG TITLES */ .shop-item-list>.col-lg-2:nth-child(6n+1), .shop-item-list>.col-md-2:nth-child(6n+1) { clear:both; } /* 5 COLUMNS - RECALIBRATE FOR LONG TITLES */ .shop-item-list>.col-lg-5th:nth-child(5n+1), .shop-item-list>.col-md-5th:nth-child(5n+1) { clear:both; } /* 4 COLUMNS - RECALIBRATE FOR LONG TITLES */ .shop-item-list>.col-lg-3:nth-child(4n+1), .shop-item-list>.col-md-3:nth-child(4n+1) { clear:both; } /* 3 COLUMNS - RECALIBRATE FOR LONG TITLES */ .shop-item-list>.col-lg-4:nth-child(3n+1), .shop-item-list>.col-md-4:nth-child(3n+1) { clear:both; } /* 2 COLUMNS - RECALIBRATE FOR LONG TITLES */ .shop-item-list>.col-lg-6:nth-child(2n+1), .shop-item-list>.col-md-6:nth-child(2n+1) { clear:both; } /* list item options */ .shop-list-options label { margin:0 6px } .shop-list-options select, .shop-list-options input { height:35px; padding:6px; border-width:1px; cursor:pointer; } .shop-list-options .btn { height:35px; line-height:22px; color:#ccc; border:#E5E7E9 1px solid; display:inline-block; margin-top:-4px; margin-right:0; } .shop-list-options .btn.active { color:#fff; background-color:#333; } @media only screen and (max-width: 768px) { .shop-list-options { text-align:center; } .shop-list-options ul, .shop-list-options select, .shop-list-options a { margin-bottom:3px; float:none !important; } .shop-list-options .options-left { display:block; margin-top:20px; } } .tag.shop-color { width:23px !important; height:23px !important; border:#666 1px solid; } .tag.shop-color:hover { border-color:#000; } section.dark .tag.shop-color:hover { border-color:#fff; } @media only screen and (max-width: 760px) { .tag.shop-color { width:30px; height:30px; } } div.side-nav ul.list-group-bordered>li>a { border: 0 !important; } /* CART */ .cartContent { padding:0; } .cartContent .item { position:relative; } .cartContent .item { margin-top:-1px; border:rgba(0,0,0,0.05) 1px solid; } .cartContent .sky-form.boxed { border: rgba(0,0,0,0.1) 1px solid; } .cartContent .item.head { border-bottom:0; } .cartContent .item.head>span { min-height: 1px; } .cartContent .product_name { float:left; width:35%; padding:10px; text-decoration:none; min-height:60px; } .cartContent .product_name:hover>span { text-decoration:underline; } .cartContent .product_name >small { display:block; font-size:12px; line-height:12px; color:rgba(0,0,0,0.5); font-family:'Open Sans',Arial,Helvetica,sans-serif; } .cartContent .qty { float:right; width:160px; font-size:15px; padding:10px; text-align:center; } .cartContent .qty input { padding:3px; margin:0; border:#ccc 1px solid; width:50px; margin-right:3px; text-align:center; } .cartContent .total_price { float:right; width:150px; font-size:15px; padding:10px; line-height:30px; text-align:center; font-weight:bold; } .cartContent .remove_item { float:right; padding:5px; width:30px; margin-right:8px; } .cartContent a.remove_item { background:rgba(0,0,0,0.05); text-align: center; padding-top:0; margin-top:10px; height:30px; line-height:26px; font-size:18px; text-decoration:none; color:rgba(0,0,0,0.2); } .cartContent a.remove_item:hover { color: #d9534f; } .cartContent .btn_update { margin-top:20px; } @media only screen and (max-width: 992px) { .cartContent .item.head { display:none; } .cartContent .product_name { font-size:11px; line-height:15px; } .cartContent .item .qty { float:left; text-align:left; } .cartContent .product_name { width:50%; } } /** PRODUCT VIEW **/ .product-opt-color, .product-opt-size, .product-opt-qty { margin-right:10px; } button.product-add-cart, .btn.product-add-cart { font-size: 13px; padding: 12px !important; } /* QTY DROP DOWN */ ul#product-qty-dd { padding:1px 0 0 1px; min-width:115px; margin-top:-1px; } ul#product-qty-dd li { float:left; width:49.1%; margin-right:1px; margin-bottom:1px; background-color:rgba(0,0,0,0.05); text-align:center; cursor:pointer; } button.product-qty-dd .caret { float:right; margin-top:8px; } button.product-qty-dd { width:100px; text-align:left; } /* SIZE DROP DOWN */ ul#product-size-dd { margin-top:-1px; min-width:159px; padding:1px 0 0 1px; } ul#product-size-dd li { float:left; width:51px; margin-right:1px; margin-bottom:1px; background-color:rgba(0,0,0,0.05); text-align:center; cursor:pointer; } ul#product-size-dd li>a { padding:3px 0; } button.product-size-dd { width:100px; text-align:left; } button.product-size-dd .caret { float:right; margin-top:8px; } /* COLOR DROP DOWN */ .btn-group>.dropdown-toggle:after { position: absolute; right:6px; top:18px; } ul#product-color-dd { margin-top:-1px; min-width:50px; padding:1px 0 0 1px; } ul#product-color-dd li { float:left; width:25px !important; margin-right:1px; margin-bottom:1px; background-color:rgba(0,0,0,0.05); text-align:center; cursor:pointer; } ul#product-color-dd li>a { padding:3px 0; } ul#product-color-dd .tag.shop-color { width:24px !important; height:24px !important; } button.product-color-dd { width:55px; text-align:left; position:relative; } button.product-color-dd .caret { float:right; margin-top:8px; } button.product-color-dd>.tag { height: 17px; width: 20px; margin: 0; position: absolute; top: 2px; left: 2px; } .product-opt-color>ul>li { padding:0 1px !important; } @media only screen and (max-width: 480px) { ul#product-size-dd, ul#product-qty-dd { margin-top:-21px; } .product-size-dd, .product-qty-dd, .product-add-cart { min-width:90px; width:100% !important; display:block !important; float:none !important; margin-bottom:20px !important; } } .product-star-vote label { margin:0 15px 30px 0 !important; font-weight:300; } /** MISC : rewrite elements; *************************************************** **/ hr { background: transparent; box-sizing: content-box; height: 0; margin-top: 1rem; border: 0; border-top: 1px solid rgba(0,0,0,.1); display: block; width: 100%; } /** DARK LAYOUT : rewrite elements; *************************************************** **/ body.layout-dark { background-color: #484848; } body.layout-dark .info-bar *, body.layout-dark h1>span, body.layout-dark h3>span, body.layout-dark h2>span, body.layout-dark h4>span, body.layout-dark .btn { color: #fff !important; } body.layout-dark #wrapper>section { background-color: #333 !important; color: #fff !important; } body.layout-dark #wrapper>section.alternate { background-color: #292929 !important; } body.layout-dark input, body.layout-dark textarea, body.layout-dark select { color: #fff !important; background-color: rgba(255,255,255,0.1); border-color: rgba(0,0,0,0); } body.layout-dark input:hover, body.layout-dark textarea:hover, body.layout-dark select:hover, body.layout-dark input:focus, body.layout-dark textarea:focus, body.layout-dark select:focus { background-color: rgba(255,255,255,0.15) !important; border-color: rgba(0,0,0,0); } body.layout-dark h1, body.layout-dark h2, body.layout-dark h3, body.layout-dark h4, body.layout-dark h5, body.layout-dark h6, body.layout-dark #wrapper>section a { color: #fff; } body.layout-dark #wrapper>section a:focus, body.layout-dark #wrapper>section a:hover, body.layout-dark #wrapper>section a:active { color: #009afa; } body.layout-dark .side-nav-head>button { color: #fff; } body.layout-dark:not(.layout-boxed) #wrapper>section { border-bottom: rgba(255,255,255,0.04) 1px solid; } /* misc */ body.layout-dark .info-bar { background-color: #333; color: #fff; } body.layout-dark .card { background-color: rgba(0,0,0,0.3); } body.layout-dark .btn-flat { background-color: #666; } body.layout-dark section.page-header .breadcrumb a, body.layout-dark .tag>span.txt, body.layout-dark a { color: #fff; } /* custom grid */ body.layout-dark ul.grid { border-color: rgba(255,255,255,.1);; } body.layout-dark ul.grid>li { -webkit-box-shadow: 1px 1px 0 0 rgba(255,255,255,.1); -moz-box-shadow: 1px 1px 0 0 rgba(255,255,255,.1); box-shadow: 1px 1px 0 0 rgba(255,255,255,.1); } body.layout-dark ul.grid { border: 1px solid rgba(255,255,255,.1); } body.layout-dark ul.grid>li { -webkit-box-shadow: 1px 1px 0 0 rgba(255,255,255,.1); -moz-box-shadow: 1px 1px 0 0 rgba(255,255,255,.1); box-shadow: 1px 1px 0 0 rgba(255,255,255,.1); } /******pack-photography.css******/ /** PACKAGE: PHOTOGRAPHY USED BY: pack-photography-home-2.html **************************************************************** **/ /** CUSTOM HEADER *************************** **/ body.custom-pack-style #header.fixed, body.custom-pack-style #header:not(.transparent), body.custom-pack-style #header:not(.transparent) #topMain { /* force header color */ background: #495560 !important; } /* header default font size */ body.custom-pack-style #header { font-size:15px; } /* main menu links color - for a good contrast */ body.custom-pack-style #header.dark #topMain li>a { color: #fff !important; } /* dropdown background color */ body.custom-pack-style #topNav div.submenu-color ul.dropdown-menu { color: #fff; background-color: #495560; border-color: #495560; border-top-color: rgba(0,0,0,0.2); } /* we want a very clean dropdown menu - no border bottom separator */ body.custom-pack-style #topNav ul.dropdown-menu li { border-bottom: 0; } /* cancel uppercase text transformation */ #topBar ul li a, #mainMenu ul li a, #topMain ul li a { text-transform: none; } /** CUSTOM FOOTER *************************** **/ /* footer background */ body.custom-pack-style #footer { background: #495560; } /* footer text contrast */ body.custom-pack-style #footer form input, body.custom-pack-style #footer form textarea, body.custom-pack-style #footer a.social-icon { color: #fff !important; } /* footer input placeholder no really required but useful if you want a perfect contrast footer set #fff or #000, according to background color! */ #body.custom-pack-style #footer input::-webkit-input-placeholder, body.custom-pack-style #footer textarea::-webkit-input-placeholder { color: #fff; opacity: 0.4; } /** CUSTOM ELEMENTS *************************** **/ body.custom-pack-style #header.static + section.page-header { margin-top:70px; } /** RESPONSIVE *************************** **/ @media only screen and (max-width: 960px) { body.custom-pack-style #header.static + section.page-header { margin-top:60px; } } /******pack-realestate.css******/ /** PACKAGE: REAL ESTATE USED BY: pack-realestate-*.html **************************************************************** **/ /** CUSTOM : SLIDER acting as a cover *************************** **/ #slider { background-position: center; } /** CUSTOM : PAGE HEADER acting as a cover *************************** **/ @media only screen and (max-width: 1024px) { section.page-header { background-position: center !important; background-attachment: inherit; -webkit-background-size: 100% 100% !important; -moz-background-size: 100% 100% !important; -o-background-size: 100% 100% !important; background-size: 100% 100% !important; -webkit-box-sizing: inherit !important; -moz-box-sizing: inherit !important; box-sizing: inherit !important; } } /** CUSTOM : TYPOGRAPHY *************************** **/ h1, h2, h3, h4, h5, h6 { font-weight: 400; } /** CUSTOM : ESTATE BOX SEARCH *************************** **/ .restate-box-search { background-color: #fff; border-radius: 6px; padding: 30px 15px; display: block; position: relative; text-align: left; -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3); } .restate-box-search h1, .restate-box-search h2, .restate-box-search h3, .restate-box-search h4, .restate-box-search h5, .restate-box-search h6, .restate-box-search p, .restate-box-search a:hover { color: #000 !important; text-shadow: none !important; text-align: left !important; } .restate-box-search .restate-box-title { font-size: 18px !important; line-height: 18px !important; } .restate-box-search .restate-box-ribbon>.restate-box-title { padding: 0 !important; margin: 0 !important; } /* ribbon (title) */ .restate-box-search .restate-box-ribbon { position: absolute !important; top:-49px; background-color: #fff; display: inline-block; padding: 15px 23px; left:0; position: relative; border-top-left-radius: 6px; border-top-right-radius: 6px; -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3); } .restate-box-search .restate-box-ribbon:after { /* little tunning to cover the shadow */ content:' '; position: absolute; height: 10px; left:0; right:0; bottom: -5px; background-color: #fff; } @media only screen and (max-width: 768px) { .restate-box-search { border-radius: 0; display: block; margin-right: 0; } .restate-box-search .restate-box-ribbon { display: none; } } .restate-box-search .select2, .restate-box-search input, .restate-box-search form, .restate-box-search textarea { margin: 0 !important; } .restate-box-search form .row>div { margin-bottom: 0; } /** CUSTOM : PROPERTY ITEM *************************** **/ .property-item { border: #dee5ed 1px solid; padding: 15px; display: table; clear: both; width: 100%; margin-bottom: 30px; background-color: #fff !important; position: relative; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: all .300s; -moz-transition: all .300s; -o-transition: all .300s; transition: all .300s; -webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.18); -moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.18); box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.18); } .property-item:hover { -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.18); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.18); box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.18); } section.dark .property-item, section.dark-2 .property-item { border-color: #555; background-color: rgba(0,0,0,0.1) !important; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4); } section.dark .property-item:hover, section.dark-2 .property-item:hover { -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4); } .property-item hr { display: none; } .property-item .property-image { max-width: 320px; margin-right: 30px; float: left; position: relative; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } body.rtl .property-item .property-image { margin-right:0; margin-left:30px; float:right; } .property-item .property-item-btn { margin-top:20px; margin-bottom: 10px; } .property-item .property-item-btn>a { font-size:14px; display: inline-block; } .property-item .property-item-btn a + a { margin-left:20px; } body.rtl .property-item .property-item-btn a + a { margin-left:0; margin-right:20px; } .property-item .property-item-desc { font-size: 15px; line-height: 1; } .property-item .property-item-price { margin: 0; } .property-item .property-item-price small { padding-top: 6px; max-width: 65%; text-align: right; } .property-item ul.property-item-features { font-size: 12px; } .property-item .poperty-item-location { font-size:13px; display: block; } /* featured */ .property-featured-blue { background-color: #eaf7ff !important; } .property-featured-yellow { background-color: #fffee6 !important; } .property-featured-green { background-color: #edfff9 !important; } /* ribbon */ .property-ribbon { position: absolute; top:0; left:0; text-align: center; font-size:12px; z-index:1; -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.18); -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.18); box-shadow: 3px 3px 3px rgba(0,0,0,0.18); } .property-ribbon>span { padding: 15px 10px; display: inline-block; float: left; } body.rtl .property-ribbon { -webkit-box-shadow: -3px 3px 3px rgba(0,0,0,0.18); -moz-box-shadow: -3px 3px 3px rgba(0,0,0,0.18); box-shadow: -3px 3px 3px rgba(0,0,0,0.18); } .property-ribbon.noshadow { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #slider .property-ribbon { z-index:9999; } @media only screen and (max-width: 768px) { .layerslider-fulll-xs { padding: 0; } .layerslider-fulll-xs .container { width: 100% !important; margin:0; padding: 0; } } /* BOXED */ .property-item-box { max-width: 800px; background-color: rgba(0,0,0,0.01); margin-bottom: 0; } .property-item-box .property-image { display: block; width: 100%; max-width:100%; margin: 0 0 30px 0; text-align: center; float: none !important; } .property-item-box hr { display: block; } .property-item-box .property-item-btn { text-align: center; } .property-item-box .property-item-desc { display: none; } .property-item-box .property-item-price { margin: 0 0 16px 0; } .property-item-box ul.property-item-features { display: table; margin-top: 25px; width: 100%; clear: both; text-align: center; } .property-item-box .poperty-item-location { text-align: center; text-transform: uppercase; } /* CLEAN, NOBORDER */ .property-item.noborder { padding: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .property-item.noborder .property-item-price, .property-item.noborder .property-item-desc, .property-item.noborder .property-item-btn, .property-item.noborder .property-item-location { padding-left:15px; padding-right: 15px; } .property-item.noborder .property-item-btn { margin-bottom: 25px; } /* no shadow only */ .property-item.noshadow:hover, .property-item.noshadow { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* LIST MODE */ .property-list-opt { display: block; padding: 15px 0; margin: 0 0 30px 0; text-align: left; } body.rtl .property-list-opt { text-align: right; } .property-list-opt>.property-list-btn>a { border: rgba(0,0,0,0.1) 1px solid; display: inline-block; text-align: center; width:35px; height: 35px; line-height: 35px; color: #999; -webkit-border-radius: 4px; border-radius: 4px; } .property-list-opt>.property-list-btn { float: right; } body.rtl .property-list-opt>.property-list-btn { float: left; } .property-list-opt>.property-list-btn>a:hover, .property-list-opt>.property-list-btn>a.active { color: #000; background-color: rgba(0,0,0,0.03); } section.dark .property-list-opt>.property-list-btn>a, section.dark-2 .property-list-opt>.property-list-btn>a { border: rgba(255,255,255,0.2) 1px solid; background-color: rgba(255,255,255,0.0); } section.dark .property-list-opt>.property-list-btn>a:hover, section.dark-2 .property-list-opt>.property-list-btn>a:hover, section.dark .property-list-opt>.property-list-btn>a.active, section.dark-2 .property-list-opt>.property-list-btn>a.active { color: #fff; background-color: rgba(255,255,255,0.1); } .property-list-opt select.form-control { height: 35px !important; line-height: 35px !important; padding-top: 0 !important; padding: 0 40px 0 10px !important; margin: 0 !important; width: auto; display: inline-block; cursor: pointer; background-color: transparent; -webkit-border-radius: 4px; border-radius: 4px; } /* STAR RATING */ .property-item .property-image .rating { background-color: rgba(0,0,0,0.3); display: inline-block; width: auto; padding: 1px 6px; position: absolute; bottom:0; z-index:1; } /* COUNTDOWN */ .property-item .property-item-counter { position: absolute; padding-top: 30px; left: calc(50% - 80px); top: calc(50% - 30px); color: #fff; background-color: rgba(0,0,0,0.6); display: inline-block; overflow: hidden; border: rgba(255,255,255,0.5) 5px solid; -webkit-border-radius: 4px; border-radius: 4px; z-index:1; } .property-item .property-item-counter:after { color: #fff; content: attr(data-text); position: absolute; top:0; left:0; right:0; padding: 3px 6px; font-size: 11px; display: block; text-align: left; background-color: rgba(0,0,0,0.3); } .property-item .countdown-row { display: inline-block; } .property-item .countdown-section { display: inline-block; font-size: 11px; line-height: 1; text-align: center; min-width: 40px; border: 0; color: #fff; text-transform: capitalize; } .property-item .countdown-amount { display: block; font-size: 15px; color: #fff; margin-bottom: 5px; } /* CALIBRATE GRID ON UNEQUAL IMAGES */ /* 6 COLUMNS - RECALIBRATE */ div.property-item-list>div { margin-bottom:30px; width: 100%; } div.property-item-list>div.col-xs-12 { } div.property-item-list>div.col-lg-2:nth-child(6n+1), div.property-item-list>div.col-md-2:nth-child(6n+1) { clear:both; } /* 5 COLUMNS - RECALIBRATE */ div.property-item-list>div.col-lg-5th:nth-child(5n+1), div.property-item-list>div.col-md-5th:nth-child(5n+1) { clear:both; } /* 4 COLUMNS - RECALIBRATE */ div.property-item-list>div.col-lg-3:nth-child(4n+1), div.property-item-list>div.col-md-3:nth-child(4n+1) { clear:both; } /* 3 COLUMNS - RECALIBRATE */ div.property-item-list>div.col-lg-4:nth-child(3n+1), div.property-item-list>div.col-md-4:nth-child(3n+1) { clear:both; } /* 2 COLUMNS - RECALIBRATE */ div.property-item-list>div.col-lg-6:nth-child(2n+1), div.property-item-list>div.col-md-6:nth-child(2n+1) { clear:both; } /** RTL Add .rtl class to body *************************** **/ body.rtl .restate-box-search { direction: rtl; } body.rtl .restate-box-search, body.rtl .restate-box-search h1, body.rtl .restate-box-search h2, body.rtl .restate-box-search h3, body.rtl .restate-box-search h4, body.rtl .restate-box-search h5, body.rtl .restate-box-search h6, body.rtl .restate-box-search p, body.rtl .restate-box-search a:hover { text-align: right !important; } /** PROPERTY ITEM *************************** **/ #restate-save { text-decoration: none; } .restate-item { display: block-inline; font-size:25px; min-width:100px; float: left; margin-right: 20px; font-weight: 600; } .restate-item>a, .restate-item>span { display: block; font-weight: 400; } .restate-item>span.text-muted { color: #999; } .restate-item>i.restate-monthly { font-style: normal; color: #999; } .restate-item-buttons { text-align: right; margin-top:6px; } .restate-item-buttons .btn { border-width:1px; border-radius: 0; } /* save button */ section.page-header .breadcrumb.restate-item-save { margin-top: -23px !important; } section.page-header .breadcrumb.restate-item-save .btn { background-color: rgba(0,0,0,0.026); padding: 3px 10px !important; } @media only screen and (max-width: 768px) { .restate-item { width: 30%; margin-right: 0; } .restate-item.restate-item-price { width: 40% } .restate-item-buttons { text-align: center; margin-top:80px; display: block; margin-bottom:0; } /* save button */ section.page-header .breadcrumb.restate-item-save { margin-top: 20px !important; } } /** RESPONSIVE *************************** **/ @media only screen and (max-width: 768px) { .property-item { background-color: rgba(0,0,0,0.01); margin-bottom: 30px; } .property-item-box { max-width: 100%; } .property-item .property-image { display: block; width:100% !important; max-width: 100% !important; margin: 0 0 20px 0; text-align: center; float: none !important; } .property-item hr { display: block; } .property-item .property-item-price small { padding-top:7px; text-align: right; } .property-item ul.property-item-features { display: table; margin-top: 25px; width: 100%; clear: both; text-align: center; } .property-item .property-item-price { margin: 0 0 16px 0; } .property-item .property-item-desc { display: none; } .property-item .property-item-btn { text-align: center; } .property-item .poperty-item-location { text-align: center; font-size:14px; text-transform: uppercase; } div.property-item-list>div { margin:0 !important; } .property-list-opt select.form-control { height: 50px !important; line-height: 50px !important; padding-top: 0 !important; padding: 0 40px 0 10px !important; margin: 0 !important; width: 100%; display: inline-block; cursor: pointer; background-color: transparent; -webkit-border-radius: 4px; border-radius: 4px; } } /******plugin-hover-buttons.css******/ /*! * Hover.css (http://ianlunn.github.io/Hover/) * Version: 2.0.2 * Author: Ian Lunn @IanLunn * Author URL: http://ianlunn.co.uk/ * Github: https://github.com/IanLunn/Hover * Made available under a MIT License: * http://www.opensource.org/licenses/mit-license.php * Hover.css Copyright Ian Lunn 2014. Generated with Sass. */ .btn-hvr { display: inline-block; margin: .4em; padding: .7em; cursor: pointer; background: #e1e1e1; text-decoration: none; color: #666; -webkit-tap-highlight-color: rgba(0,0,0,0); margin-top:6px; line-height:1 !important; border:0; } section.dark .btn-hvr { color:#333; } /* 2D TRANSITIONS */ /* Grow */ .hvr-grow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active { -webkit-transform: scale(1.1); transform: scale(1.1); } /* Shrink */ .hvr-shrink { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active { -webkit-transform: scale(0.9); transform: scale(0.9); } /* Pulse */ @-webkit-keyframes hvr-pulse { 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes hvr-pulse { 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: scale(0.9); transform: scale(0.9); } } .hvr-pulse { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active { -webkit-animation-name: hvr-pulse; animation-name: hvr-pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /* Pulse Grow */ @-webkit-keyframes hvr-pulse-grow { to { -webkit-transform: scale(1.1); transform: scale(1.1); } } @keyframes hvr-pulse-grow { to { -webkit-transform: scale(1.1); transform: scale(1.1); } } .hvr-pulse-grow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active { -webkit-animation-name: hvr-pulse-grow; animation-name: hvr-pulse-grow; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Pulse Shrink */ @-webkit-keyframes hvr-pulse-shrink { to { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes hvr-pulse-shrink { to { -webkit-transform: scale(0.9); transform: scale(0.9); } } .hvr-pulse-shrink { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active { -webkit-animation-name: hvr-pulse-shrink; animation-name: hvr-pulse-shrink; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Push */ @-webkit-keyframes hvr-push { 50% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes hvr-push { 50% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .hvr-push { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-push:hover, .hvr-push:focus, .hvr-push:active { -webkit-animation-name: hvr-push; animation-name: hvr-push; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Pop */ @-webkit-keyframes hvr-pop { 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } } @keyframes hvr-pop { 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } } .hvr-pop { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active { -webkit-animation-name: hvr-pop; animation-name: hvr-pop; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Bounce In */ .hvr-bounce-in { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active { -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); } /* Bounce Out */ .hvr-bounce-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active { -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); } /* Rotate */ .hvr-rotate { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active { -webkit-transform: rotate(4deg); transform: rotate(4deg); } /* Grow Rotate */ .hvr-grow-rotate { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active { -webkit-transform: scale(1.1) rotate(4deg); transform: scale(1.1) rotate(4deg); } /* Float */ .hvr-float { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-float:hover, .hvr-float:focus, .hvr-float:active { -webkit-transform: translateY(-8px); transform: translateY(-8px); } /* Sink */ .hvr-sink { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active { -webkit-transform: translateY(8px); transform: translateY(8px); } /* Bob */ @-webkit-keyframes hvr-bob { 0% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 50% { -webkit-transform: translateY(-4px); transform: translateY(-4px); } 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @keyframes hvr-bob { 0% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 50% { -webkit-transform: translateY(-4px); transform: translateY(-4px); } 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @-webkit-keyframes hvr-bob-float { 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @keyframes hvr-bob-float { 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } .hvr-bob { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active { -webkit-animation-name: hvr-bob-float, hvr-bob; animation-name: hvr-bob-float, hvr-bob; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate; } /* Hang */ @-webkit-keyframes hvr-hang { 0% { -webkit-transform: translateY(8px); transform: translateY(8px); } 50% { -webkit-transform: translateY(4px); transform: translateY(4px); } 100% { -webkit-transform: translateY(8px); transform: translateY(8px); } } @keyframes hvr-hang { 0% { -webkit-transform: translateY(8px); transform: translateY(8px); } 50% { -webkit-transform: translateY(4px); transform: translateY(4px); } 100% { -webkit-transform: translateY(8px); transform: translateY(8px); } } @-webkit-keyframes hvr-hang-sink { 100% { -webkit-transform: translateY(8px); transform: translateY(8px); } } @keyframes hvr-hang-sink { 100% { -webkit-transform: translateY(8px); transform: translateY(8px); } } .hvr-hang { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active { -webkit-animation-name: hvr-hang-sink, hvr-hang; animation-name: hvr-hang-sink, hvr-hang; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate; } /* Skew */ .hvr-skew { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-skew:hover, .hvr-skew:focus, .hvr-skew:active { -webkit-transform: skew(-10deg); transform: skew(-10deg); } /* Skew Forward */ .hvr-skew-forward { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .hvr-skew-forward:hover, .hvr-skew-forward:focus, .hvr-skew-forward:active { -webkit-transform: skew(-10deg); transform: skew(-10deg); } /* Skew Backward */ .hvr-skew-backward { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .hvr-skew-backward:hover, .hvr-skew-backward:focus, .hvr-skew-backward:active { -webkit-transform: skew(10deg); transform: skew(10deg); } /* Wobble Vertical */ @-webkit-keyframes hvr-wobble-vertical { 16.65% { -webkit-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes hvr-wobble-vertical { 16.65% { -webkit-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .hvr-wobble-vertical { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active { -webkit-animation-name: hvr-wobble-vertical; animation-name: hvr-wobble-vertical; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Horizontal */ @-webkit-keyframes hvr-wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes hvr-wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .hvr-wobble-horizontal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active { -webkit-animation-name: hvr-wobble-horizontal; animation-name: hvr-wobble-horizontal; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble To Bottom Right */ @-webkit-keyframes hvr-wobble-to-bottom-right { 16.65% { -webkit-transform: translate(8px, 8px); transform: translate(8px, 8px); } 33.3% { -webkit-transform: translate(-6px, -6px); transform: translate(-6px, -6px); } 49.95% { -webkit-transform: translate(4px, 4px); transform: translate(4px, 4px); } 66.6% { -webkit-transform: translate(-2px, -2px); transform: translate(-2px, -2px); } 83.25% { -webkit-transform: translate(1px, 1px); transform: translate(1px, 1px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes hvr-wobble-to-bottom-right { 16.65% { -webkit-transform: translate(8px, 8px); transform: translate(8px, 8px); } 33.3% { -webkit-transform: translate(-6px, -6px); transform: translate(-6px, -6px); } 49.95% { -webkit-transform: translate(4px, 4px); transform: translate(4px, 4px); } 66.6% { -webkit-transform: translate(-2px, -2px); transform: translate(-2px, -2px); } 83.25% { -webkit-transform: translate(1px, 1px); transform: translate(1px, 1px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .hvr-wobble-to-bottom-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-wobble-to-bottom-right:hover, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:active { -webkit-animation-name: hvr-wobble-to-bottom-right; animation-name: hvr-wobble-to-bottom-right; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble To Top Right */ @-webkit-keyframes hvr-wobble-to-top-right { 16.65% { -webkit-transform: translate(8px, -8px); transform: translate(8px, -8px); } 33.3% { -webkit-transform: translate(-6px, 6px); transform: translate(-6px, 6px); } 49.95% { -webkit-transform: translate(4px, -4px); transform: translate(4px, -4px); } 66.6% { -webkit-transform: translate(-2px, 2px); transform: translate(-2px, 2px); } 83.25% { -webkit-transform: translate(1px, -1px); transform: translate(1px, -1px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes hvr-wobble-to-top-right { 16.65% { -webkit-transform: translate(8px, -8px); transform: translate(8px, -8px); } 33.3% { -webkit-transform: translate(-6px, 6px); transform: translate(-6px, 6px); } 49.95% { -webkit-transform: translate(4px, -4px); transform: translate(4px, -4px); } 66.6% { -webkit-transform: translate(-2px, 2px); transform: translate(-2px, 2px); } 83.25% { -webkit-transform: translate(1px, -1px); transform: translate(1px, -1px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .hvr-wobble-to-top-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active { -webkit-animation-name: hvr-wobble-to-top-right; animation-name: hvr-wobble-to-top-right; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Top */ @-webkit-keyframes hvr-wobble-top { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } @keyframes hvr-wobble-top { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } .hvr-wobble-top { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active { -webkit-animation-name: hvr-wobble-top; animation-name: hvr-wobble-top; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Bottom */ @-webkit-keyframes hvr-wobble-bottom { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } @keyframes hvr-wobble-bottom { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } .hvr-wobble-bottom { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } .hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active { -webkit-animation-name: hvr-wobble-bottom; animation-name: hvr-wobble-bottom; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Skew */ @-webkit-keyframes hvr-wobble-skew { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } @keyframes hvr-wobble-skew { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } .hvr-wobble-skew { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-wobble-skew:hover, .hvr-wobble-skew:focus, .hvr-wobble-skew:active { -webkit-animation-name: hvr-wobble-skew; animation-name: hvr-wobble-skew; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Buzz */ @-webkit-keyframes hvr-buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } } @keyframes hvr-buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } } .hvr-buzz { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active { -webkit-animation-name: hvr-buzz; animation-name: hvr-buzz; -webkit-animation-duration: 0.15s; animation-duration: 0.15s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /* Buzz Out */ @-webkit-keyframes hvr-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } @keyframes hvr-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } .hvr-buzz-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active { -webkit-animation-name: hvr-buzz-out; animation-name: hvr-buzz-out; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* BACKGROUND TRANSITIONS */ /* Fade */ .hvr-fade { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; overflow: hidden; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: color, background-color; transition-property: color, background-color; } .hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active { background-color: #2098d1; color: white; } /* Back Pulse */ @-webkit-keyframes hvr-back-pulse { 50% { background-color: rgba(32, 152, 209, 0.75); } } @keyframes hvr-back-pulse { 50% { background-color: rgba(32, 152, 209, 0.75); } } .hvr-back-pulse { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; overflow: hidden; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-property: color, background-color; transition-property: color, background-color; } .hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active { -webkit-animation-name: hvr-back-pulse; animation-name: hvr-back-pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; background-color: #2098d1; background-color: #2098d1; color: white; } /* Sweep To Right */ .hvr-sweep-to-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-sweep-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active { color: white; } .hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } /* Sweep To Left */ .hvr-sweep-to-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-sweep-to-left:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active { color: white; } .hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } /* Sweep To Bottom */ .hvr-sweep-to-bottom { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-sweep-to-bottom:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active { color: white; } .hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); } /* Sweep To Top */ .hvr-sweep-to-top { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-sweep-to-top:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active { color: white; } .hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); } /* Bounce To Right */ .hvr-bounce-to-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active { color: white; } .hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } /* Bounce To Left */ .hvr-bounce-to-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-to-left:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active { color: white; } .hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } /* Bounce To Bottom */ .hvr-bounce-to-bottom { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-to-bottom:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active { color: white; } .hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } /* Bounce To Top */ .hvr-bounce-to-top { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-to-top:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active { color: white; } .hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } /* Radial Out */ .hvr-radial-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; background: #e1e1e1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-radial-out:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; border-radius: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active { color: white; } .hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before { -webkit-transform: scale(2); transform: scale(2); } /* Radial In */ .hvr-radial-in { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; background: #2098d1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-radial-in:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #e1e1e1; border-radius: 100%; -webkit-transform: scale(2); transform: scale(2); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active { color: white; } .hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before { -webkit-transform: scale(0); transform: scale(0); } /* Rectangle In */ .hvr-rectangle-in { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #2098d1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-rectangle-in:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #e1e1e1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active { color: white; } .hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before { -webkit-transform: scale(0); transform: scale(0); } /* Rectangle Out */ .hvr-rectangle-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #e1e1e1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-rectangle-out:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active { color: white; } .hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before { -webkit-transform: scale(1); transform: scale(1); } /* Shutter In Horizontal */ .hvr-shutter-in-horizontal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #2098d1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-shutter-in-horizontal:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #e1e1e1; -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active { color: white; } .hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before { -webkit-transform: scaleX(0); transform: scaleX(0); } /* Shutter Out Horizontal */ .hvr-shutter-out-horizontal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #e1e1e1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-shutter-out-horizontal:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #2098d1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active { color: white; } .hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } /* Shutter In Vertical */ .hvr-shutter-in-vertical { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #2098d1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-shutter-in-vertical:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #e1e1e1; -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active { color: white; } .hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before { -webkit-transform: scaleY(0); transform: scaleY(0); } /* Shutter Out Vertical */ .hvr-shutter-out-vertical { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #e1e1e1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-shutter-out-vertical:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #2098d1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active { color: white; } .hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); } /* BORDER TRANSITIONS */ /* Border Fade */ .hvr-border-fade { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */ } .hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active { box-shadow: inset 0 0 0 4px #2098d1, 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */ } /* Hollow */ .hvr-hollow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: background; transition-property: background; box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */ } .hvr-hollow:hover, .hvr-hollow:focus, .hvr-hollow:active { background: none; } /* Trim */ .hvr-trim { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-trim:before { content: ''; position: absolute; border: white solid 4px; top: 4px; left: 4px; right: 4px; bottom: 4px; opacity: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: opacity; transition-property: opacity; } .hvr-trim:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before { opacity: 1; } /* Ripple Out */ @-webkit-keyframes hvr-ripple-out { 100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; } } @keyframes hvr-ripple-out { 100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; } } .hvr-ripple-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-ripple-out:before { content: ''; position: absolute; border: #e1e1e1 solid 6px; top: 0; right: 0; bottom: 0; left: 0; -webkit-animation-duration: 1s; animation-duration: 1s; } .hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before { -webkit-animation-name: hvr-ripple-out; animation-name: hvr-ripple-out; } /* Ripple In */ @-webkit-keyframes hvr-ripple-in { 100% { top: 0; right: 0; bottom: 0; left: 0; opacity: 1; } } @keyframes hvr-ripple-in { 100% { top: 0; right: 0; bottom: 0; left: 0; opacity: 1; } } .hvr-ripple-in { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-ripple-in:before { content: ''; position: absolute; border: #e1e1e1 solid 4px; top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; -webkit-animation-duration: 1s; animation-duration: 1s; } .hvr-ripple-in:hover:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:active:before { -webkit-animation-name: hvr-ripple-in; animation-name: hvr-ripple-in; } /* Outline Out */ .hvr-outline-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-outline-out:before { content: ''; position: absolute; border: #e1e1e1 solid 4px; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: top, right, bottom, left; transition-property: top, right, bottom, left; } .hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before { top: -8px; right: -8px; bottom: -8px; left: -8px; } /* Outline In */ .hvr-outline-in { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-outline-in:before { pointer-events: none; content: ''; position: absolute; border: #e1e1e1 solid 4px; top: -16px; right: -16px; bottom: -16px; left: -16px; opacity: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: top, right, bottom, left; transition-property: top, right, bottom, left; } .hvr-outline-in:hover:before, .hvr-outline-in:focus:before, .hvr-outline-in:active:before { top: -8px; right: -8px; bottom: -8px; left: -8px; opacity: 1; } /* Round Corners */ .hvr-round-corners { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: border-radius; transition-property: border-radius; } .hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active { border-radius: 1em; } /* Underline From Left */ .hvr-underline-from-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-underline-from-left:before { content: ""; position: absolute; z-index: -1; left: 0; right: 100%; bottom: 0; background: #2098d1; height: 4px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before { right: 0; } /* Underline From Center */ .hvr-underline-from-center { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-underline-from-center:before { content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; bottom: 0; background: #2098d1; height: 4px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before { left: 0; right: 0; } /* Underline From Right */ .hvr-underline-from-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-underline-from-right:before { content: ""; position: absolute; z-index: -1; left: 100%; right: 0; bottom: 0; background: #2098d1; height: 4px; -webkit-transition-property: left; transition-property: left; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-underline-from-right:hover:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:active:before { left: 0; } /* Overline From Left */ .hvr-overline-from-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-overline-from-left:before { content: ""; position: absolute; z-index: -1; left: 0; right: 100%; top: 0; background: #2098d1; height: 4px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before { right: 0; } /* Overline From Center */ .hvr-overline-from-center { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-overline-from-center:before { content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; top: 0; background: #2098d1; height: 4px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before { left: 0; right: 0; } /* Overline From Right */ .hvr-overline-from-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-overline-from-right:before { content: ""; position: absolute; z-index: -1; left: 100%; right: 0; top: 0; background: #2098d1; height: 4px; -webkit-transition-property: left; transition-property: left; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-overline-from-right:hover:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:active:before { left: 0; } /* Reveal */ .hvr-reveal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-reveal:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; border-color: #2098d1; border-style: solid; border-width: 0; -webkit-transition-property: border-width; transition-property: border-width; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before { -webkit-transform: translateY(0); transform: translateY(0); border-width: 4px; } /* Underline Reveal */ .hvr-underline-reveal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-underline-reveal:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; bottom: 0; background: #2098d1; height: 4px; -webkit-transform: translateY(4px); transform: translateY(4px); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before { -webkit-transform: translateY(0); transform: translateY(0); } /* Overline Reveal */ .hvr-overline-reveal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-overline-reveal:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; background: #2098d1; height: 4px; -webkit-transform: translateY(-4px); transform: translateY(-4px); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-overline-reveal:hover:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:active:before { -webkit-transform: translateY(0); transform: translateY(0); } /* SHADOW/GLOW TRANSITIONS */ /* Glow */ .hvr-glow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; } .hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active { box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); } /* Shadow */ .hvr-shadow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; } .hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active { box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5); } /* Grow Shadow */ .hvr-grow-shadow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow, transform; transition-property: box-shadow, transform; } .hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active { box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5); -webkit-transform: scale(1.1); transform: scale(1.1); } /* Box Shadow Outset */ .hvr-box-shadow-outset { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; } .hvr-box-shadow-outset:hover, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:active { box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6); } /* Box Shadow Inset */ .hvr-box-shadow-inset { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */ } .hvr-box-shadow-inset:hover, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:active { box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */ } /* Float Shadow */ .hvr-float-shadow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-float-shadow:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity; } .hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active { -webkit-transform: translateY(-5px); transform: translateY(-5px); /* move the element up by 5px */ } .hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before { opacity: 1; -webkit-transform: translateY(5px); transform: translateY(5px); /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */ } /* Shadow Radial */ .hvr-shadow-radial { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-shadow-radial:before, .hvr-shadow-radial:after { pointer-events: none; position: absolute; content: ''; left: 0; width: 100%; box-sizing: border-box; background-repeat: no-repeat; height: 5px; opacity: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: opacity; transition-property: opacity; } .hvr-shadow-radial:before { bottom: 100%; background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); } .hvr-shadow-radial:after { top: 100%; background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); } .hvr-shadow-radial:hover:before, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:active:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:active:after { opacity: 1; } /* SPEECH BUBBLES */ /* Bubble Top */ .hvr-bubble-top { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-bubble-top:before { pointer-events: none; position: absolute; z-index: -1; content: ''; border-style: solid; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; left: calc(50% - 10px); top: 0; border-width: 0 10px 10px 10px; border-color: transparent transparent #e1e1e1 transparent; } .hvr-bubble-top:hover:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:active:before { -webkit-transform: translateY(-10px); transform: translateY(-10px); } /* Bubble Right */ .hvr-bubble-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-bubble-right:before { pointer-events: none; position: absolute; z-index: -1; content: ''; border-style: solid; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; top: calc(50% - 10px); right: 0; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #e1e1e1; } .hvr-bubble-right:hover:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:active:before { -webkit-transform: translateX(10px); transform: translateX(10px); } /* Bubble Bottom */ .hvr-bubble-bottom { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-bubble-bottom:before { pointer-events: none; position: absolute; z-index: -1; content: ''; border-style: solid; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; left: calc(50% - 10px); bottom: 0; border-width: 10px 10px 0 10px; border-color: #e1e1e1 transparent transparent transparent; } .hvr-bubble-bottom:hover:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:active:before { -webkit-transform: translateY(10px); transform: translateY(10px); } /* Bubble Left */ .hvr-bubble-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-bubble-left:before { pointer-events: none; position: absolute; z-index: -1; content: ''; border-style: solid; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; top: calc(50% - 10px); left: 0; border-width: 10px 10px 10px 0; border-color: transparent #e1e1e1 transparent transparent; } .hvr-bubble-left:hover:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:active:before { -webkit-transform: translateX(-10px); transform: translateX(-10px); } /* Bubble Float Top */ .hvr-bubble-float-top { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-top:before { position: absolute; z-index: -1; content: ''; left: calc(50% - 10px); top: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #e1e1e1 transparent; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-top:hover, .hvr-bubble-float-top:focus, .hvr-bubble-float-top:active { -webkit-transform: translateY(10px); transform: translateY(10px); } .hvr-bubble-float-top:hover:before, .hvr-bubble-float-top:focus:before, .hvr-bubble-float-top:active:before { -webkit-transform: translateY(-10px); transform: translateY(-10px); } /* Bubble Float Right */ .hvr-bubble-float-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-right:before { position: absolute; z-index: -1; top: calc(50% - 10px); right: 0; content: ''; border-style: solid; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #e1e1e1; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-right:hover, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:active { -webkit-transform: translateX(-10px); transform: translateX(-10px); } .hvr-bubble-float-right:hover:before, .hvr-bubble-float-right:focus:before, .hvr-bubble-float-right:active:before { -webkit-transform: translateX(10px); transform: translateX(10px); } /* Bubble Float Bottom */ .hvr-bubble-float-bottom { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-bottom:before { position: absolute; z-index: -1; content: ''; left: calc(50% - 10px); bottom: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #e1e1e1 transparent transparent transparent; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-bottom:hover, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:active { -webkit-transform: translateY(-10px); transform: translateY(-10px); } .hvr-bubble-float-bottom:hover:before, .hvr-bubble-float-bottom:focus:before, .hvr-bubble-float-bottom:active:before { -webkit-transform: translateY(10px); transform: translateY(10px); } /* Bubble Float Left */ .hvr-bubble-float-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-left:before { position: absolute; z-index: -1; content: ''; top: calc(50% - 10px); left: 0; border-style: solid; border-width: 10px 10px 10px 0; border-color: transparent #e1e1e1 transparent transparent; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-left:hover, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:active { -webkit-transform: translateX(10px); transform: translateX(10px); } .hvr-bubble-float-left:hover:before, .hvr-bubble-float-left:focus:before, .hvr-bubble-float-left:active:before { -webkit-transform: translateX(-10px); transform: translateX(-10px); } /* ICONS */ /* Icon Back */ .hvr-icon-back { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-left: 2.2em; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; } .hvr-icon-back:before { content: "\f137"; position: absolute; left: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-back:hover:before, .hvr-icon-back:focus:before, .hvr-icon-back:active:before { -webkit-transform: translateX(-4px); transform: translateX(-4px); } /* Icon Forward */ .hvr-icon-forward { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; } .hvr-icon-forward:before { content: "\f138"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-forward:hover:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:active:before { -webkit-transform: translateX(4px); transform: translateX(4px); } /* Icon Down */ @-webkit-keyframes hvr-icon-down { 0%, 50%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 25%, 75% { -webkit-transform: translateY(6px); transform: translateY(6px); } } @keyframes hvr-icon-down { 0%, 50%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 25%, 75% { -webkit-transform: translateY(6px); transform: translateY(6px); } } /* Icon Down */ .hvr-icon-down { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-down:before { content: "\f01a"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-down:hover:before, .hvr-icon-down:focus:before, .hvr-icon-down:active:before { -webkit-animation-name: hvr-icon-down; animation-name: hvr-icon-down; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } /* Icon Up */ @-webkit-keyframes hvr-icon-up { 0%, 50%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 25%, 75% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @keyframes hvr-icon-up { 0%, 50%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 25%, 75% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } /* Icon Up */ .hvr-icon-up { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-up:before { content: "\f01b"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-up:hover:before, .hvr-icon-up:focus:before, .hvr-icon-up:active:before { -webkit-animation-name: hvr-icon-up; animation-name: hvr-icon-up; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } /* Icon Spin */ .hvr-icon-spin { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-spin:before { content: "\f021"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transition-duration: 1s; transition-duration: 1s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } .hvr-icon-spin:hover:before, .hvr-icon-spin:focus:before, .hvr-icon-spin:active:before { -webkit-transform: rotate(360deg); transform: rotate(360deg); } /* Icon Drop */ @-webkit-keyframes hvr-icon-drop { 0% { opacity: 0; } 50% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 51%, 100% { opacity: 1; } } @keyframes hvr-icon-drop { 0% { opacity: 0; } 50% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 51%, 100% { opacity: 1; } } /* Icon Drop */ .hvr-icon-drop { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-drop:before { content: "\f041"; position: absolute; right: 1em; opacity: 1; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-drop:hover:before, .hvr-icon-drop:focus:before, .hvr-icon-drop:active:before { opacity: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-animation-name: hvr-icon-drop; animation-name: hvr-icon-drop; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } /* Icon Fade */ .hvr-icon-fade { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-fade:before { content: "\f00c"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-property: color; transition-property: color; } .hvr-icon-fade:hover:before, .hvr-icon-fade:focus:before, .hvr-icon-fade:active:before { color: #0F9E5E; } /* Icon Float Away */ @-webkit-keyframes hvr-icon-float-away { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(-1em); transform: translateY(-1em); } } @keyframes hvr-icon-float-away { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(-1em); transform: translateY(-1em); } } /* Icon Float Away */ .hvr-icon-float-away { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-float-away:before, .hvr-icon-float-away:after { content: "\f055"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; } .hvr-icon-float-away:after { opacity: 0; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .hvr-icon-float-away:hover:after, .hvr-icon-float-away:focus:after, .hvr-icon-float-away:active:after { -webkit-animation-name: hvr-icon-float-away; animation-name: hvr-icon-float-away; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } /* Icon Sink Away */ @-webkit-keyframes hvr-icon-sink-away { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(1em); transform: translateY(1em); } } @keyframes hvr-icon-sink-away { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(1em); transform: translateY(1em); } } /* Icon Sink Away */ .hvr-icon-sink-away { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-sink-away:before, .hvr-icon-sink-away:after { content: "\f056"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-sink-away:after { opacity: 0; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .hvr-icon-sink-away:hover:after, .hvr-icon-sink-away:focus:after, .hvr-icon-sink-away:active:after { -webkit-animation-name: hvr-icon-sink-away; animation-name: hvr-icon-sink-away; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } /* Icon Grow */ .hvr-icon-grow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-grow:before { content: "\f118"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-grow:hover:before, .hvr-icon-grow:focus:before, .hvr-icon-grow:active:before { -webkit-transform: scale(1.3) translateZ(0); transform: scale(1.3) translateZ(0); } /* Icon Shrink */ .hvr-icon-shrink { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-shrink:before { content: "\f119"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-shrink:hover:before, .hvr-icon-shrink:focus:before, .hvr-icon-shrink:active:before { -webkit-transform: scale(0.8); transform: scale(0.8); } /* Icon Pulse */ @-webkit-keyframes hvr-icon-pulse { 25% { -webkit-transform: scale(1.3); transform: scale(1.3); } 75% { -webkit-transform: scale(0.8); transform: scale(0.8); } } @keyframes hvr-icon-pulse { 25% { -webkit-transform: scale(1.3); transform: scale(1.3); } 75% { -webkit-transform: scale(0.8); transform: scale(0.8); } } .hvr-icon-pulse { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-pulse:before { content: "\f015"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-pulse:hover:before, .hvr-icon-pulse:focus:before, .hvr-icon-pulse:active:before { -webkit-animation-name: hvr-icon-pulse; animation-name: hvr-icon-pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /* Icon Pulse Grow */ @-webkit-keyframes hvr-icon-pulse-grow { to { -webkit-transform: scale(1.3); transform: scale(1.3); } } @keyframes hvr-icon-pulse-grow { to { -webkit-transform: scale(1.3); transform: scale(1.3); } } .hvr-icon-pulse-grow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-pulse-grow:before { content: "\f015"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-pulse-grow:hover:before, .hvr-icon-pulse-grow:focus:before, .hvr-icon-pulse-grow:active:before { -webkit-animation-name: hvr-icon-pulse-grow; animation-name: hvr-icon-pulse-grow; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Icon Pulse Shrink */ @-webkit-keyframes hvr-icon-pulse-shrink { to { -webkit-transform: scale(0.8); transform: scale(0.8); } } @keyframes hvr-icon-pulse-shrink { to { -webkit-transform: scale(0.8); transform: scale(0.8); } } .hvr-icon-pulse-shrink { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-pulse-shrink:before { content: "\f015"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-pulse-shrink:hover:before, .hvr-icon-pulse-shrink:focus:before, .hvr-icon-pulse-shrink:active:before { -webkit-animation-name: hvr-icon-pulse-shrink; animation-name: hvr-icon-pulse-shrink; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Icon Push */ @-webkit-keyframes hvr-icon-push { 50% { -webkit-transform: scale(0.5); transform: scale(0.5); } } @keyframes hvr-icon-push { 50% { -webkit-transform: scale(0.5); transform: scale(0.5); } } .hvr-icon-push { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-push:before { content: "\f006"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-push:hover:before, .hvr-icon-push:focus:before, .hvr-icon-push:active:before { -webkit-animation-name: hvr-icon-push; animation-name: hvr-icon-push; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Icon Pop */ @-webkit-keyframes hvr-icon-pop { 50% { -webkit-transform: scale(1.5); transform: scale(1.5); } } @keyframes hvr-icon-pop { 50% { -webkit-transform: scale(1.5); transform: scale(1.5); } } .hvr-icon-pop { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-pop:before { content: "\f005"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-pop:hover:before, .hvr-icon-pop:focus:before, .hvr-icon-pop:active:before { -webkit-animation-name: hvr-icon-pop; animation-name: hvr-icon-pop; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Icon Bounce */ .hvr-icon-bounce { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-bounce:before { content: "\f087"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-bounce:hover:before, .hvr-icon-bounce:focus:before, .hvr-icon-bounce:active:before { -webkit-transform: scale(1.5); transform: scale(1.5); -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); } /* Icon Rotate */ .hvr-icon-rotate { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-rotate:before { content: "\f0c6"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-rotate:hover:before, .hvr-icon-rotate:focus:before, .hvr-icon-rotate:active:before { -webkit-transform: rotate(20deg); transform: rotate(20deg); } /* Icon Grow Rotate */ .hvr-icon-grow-rotate { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-grow-rotate:before { content: "\f095"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-grow-rotate:hover:before, .hvr-icon-grow-rotate:focus:before, .hvr-icon-grow-rotate:active:before { -webkit-transform: scale(1.5) rotate(12deg); transform: scale(1.5) rotate(12deg); } /* Icon Float */ .hvr-icon-float { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-float:before { content: "\f01b"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-float:hover:before, .hvr-icon-float:focus:before, .hvr-icon-float:active:before { -webkit-transform: translateY(-4px); transform: translateY(-4px); } /* Icon Sink */ .hvr-icon-sink { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-sink:before { content: "\f01a"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-sink:hover:before, .hvr-icon-sink:focus:before, .hvr-icon-sink:active:before { -webkit-transform: translateY(4px); transform: translateY(4px); } /* Icon Bob */ @-webkit-keyframes hvr-icon-bob { 0% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 50% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @keyframes hvr-icon-bob { 0% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 50% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @-webkit-keyframes hvr-icon-bob-float { 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @keyframes hvr-icon-bob-float { 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } .hvr-icon-bob { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-bob:before { content: "\f077"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-bob:hover:before, .hvr-icon-bob:focus:before, .hvr-icon-bob:active:before { -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob; animation-name: hvr-icon-bob-float, hvr-icon-bob; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate; } /* Icon Hang */ @-webkit-keyframes hvr-icon-hang { 0% { -webkit-transform: translateY(6px); transform: translateY(6px); } 50% { -webkit-transform: translateY(2px); transform: translateY(2px); } 100% { -webkit-transform: translateY(6px); transform: translateY(6px); } } @keyframes hvr-icon-hang { 0% { -webkit-transform: translateY(6px); transform: translateY(6px); } 50% { -webkit-transform: translateY(2px); transform: translateY(2px); } 100% { -webkit-transform: translateY(6px); transform: translateY(6px); } } @-webkit-keyframes hvr-icon-hang-sink { 100% { -webkit-transform: translateY(6px); transform: translateY(6px); } } @keyframes hvr-icon-hang-sink { 100% { -webkit-transform: translateY(6px); transform: translateY(6px); } } .hvr-icon-hang { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-hang:before { content: "\f078"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-hang:hover:before, .hvr-icon-hang:focus:before, .hvr-icon-hang:active:before { -webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang; animation-name: hvr-icon-hang-sink, hvr-icon-hang; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate; } /* Icon Wobble Horizontal */ @-webkit-keyframes hvr-icon-wobble-horizontal { 16.65% { -webkit-transform: translateX(6px); transform: translateX(6px); } 33.3% { -webkit-transform: translateX(-5px); transform: translateX(-5px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes hvr-icon-wobble-horizontal { 16.65% { -webkit-transform: translateX(6px); transform: translateX(6px); } 33.3% { -webkit-transform: translateX(-5px); transform: translateX(-5px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .hvr-icon-wobble-horizontal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-wobble-horizontal:before { content: "\f061"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-wobble-horizontal:hover:before, .hvr-icon-wobble-horizontal:focus:before, .hvr-icon-wobble-horizontal:active:before { -webkit-animation-name: hvr-icon-wobble-horizontal; animation-name: hvr-icon-wobble-horizontal; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Icon Wobble Vertical */ @-webkit-keyframes hvr-icon-wobble-vertical { 16.65% { -webkit-transform: translateY(6px); transform: translateY(6px); } 33.3% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes hvr-icon-wobble-vertical { 16.65% { -webkit-transform: translateY(6px); transform: translateY(6px); } 33.3% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .hvr-icon-wobble-vertical { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-wobble-vertical:before { content: "\f062"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-wobble-vertical:hover:before, .hvr-icon-wobble-vertical:focus:before, .hvr-icon-wobble-vertical:active:before { -webkit-animation-name: hvr-icon-wobble-vertical; animation-name: hvr-icon-wobble-vertical; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Icon Buzz */ @-webkit-keyframes hvr-icon-buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } } @keyframes hvr-icon-buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } } .hvr-icon-buzz { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-buzz:before { content: "\f017"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-buzz:hover:before, .hvr-icon-buzz:focus:before, .hvr-icon-buzz:active:before { -webkit-animation-name: hvr-icon-buzz; animation-name: hvr-icon-buzz; -webkit-animation-duration: 0.15s; animation-duration: 0.15s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /* Icon Buzz Out */ @-webkit-keyframes hvr-icon-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } @keyframes hvr-icon-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } .hvr-icon-buzz-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-buzz-out:before { content: "\f023"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-buzz-out:hover:before, .hvr-icon-buzz-out:focus:before, .hvr-icon-buzz-out:active:before { -webkit-animation-name: hvr-icon-buzz-out; animation-name: hvr-icon-buzz-out; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* CURLS */ /* Curl Top Left */ .hvr-curl-top-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-curl-top-left:before { pointer-events: none; position: absolute; content: ''; height: 0; width: 0; top: 0; left: 0; background: white; /* IE9 */ background: linear-gradient(135deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#000000'); /*For IE7-8-9*/ z-index: 1000; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: width, height; transition-property: width, height; } .hvr-curl-top-left:hover:before, .hvr-curl-top-left:focus:before, .hvr-curl-top-left:active:before { width: 25px; height: 25px; } /* Curl Top Right */ .hvr-curl-top-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-curl-top-right:before { pointer-events: none; position: absolute; content: ''; height: 0; width: 0; top: 0; right: 0; background: white; /* IE9 */ background: linear-gradient(225deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%); box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: width, height; transition-property: width, height; } .hvr-curl-top-right:hover:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:active:before { width: 25px; height: 25px; } /* Curl Bottom Right */ .hvr-curl-bottom-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-curl-bottom-right:before { pointer-events: none; position: absolute; content: ''; height: 0; width: 0; bottom: 0; right: 0; background: white; /* IE9 */ background: linear-gradient(315deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%); box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: width, height; transition-property: width, height; } .hvr-curl-bottom-right:hover:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:active:before { width: 25px; height: 25px; } /* Curl Bottom Left */ .hvr-curl-bottom-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-curl-bottom-left:before { pointer-events: none; position: absolute; content: ''; height: 0; width: 0; bottom: 0; left: 0; background: white; /* IE9 */ background: linear-gradient(45deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%); box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: width, height; transition-property: width, height; } .hvr-curl-bottom-left:hover:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:active:before { width: 25px; height: 25px; } /******reset.css******/ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0} /******site-index.css******/ .site-index-table{max-width:1000px;margin:60px auto}@media only screen and (max-width: 1024px){.site-index-table{margin-top:10px}}@media only screen and (max-width: 980px){.site-index-table{padding:0 20px}}.site-index-table .section-title{padding:20px 0;font-size:22px;text-align:center;font-weight:bold;color:#00573e}.site-index-table .list-wrapper>li{margin-top:20px}.site-index-table .list-wrapper>li:first-child{margin-top:0}.site-index-table .table-wrap{display:table;width:100%;table-layout:fixed;border-left:1px solid #333;background:#fbfbfb}.site-index-table .table-wrap:first-child{border-top:1px solid #333}.site-index-table .table-wrap.title{background:#797b60}.site-index-table .table-wrap.title li{color:#fff;font-size:18px;line-height:130%}.site-index-table .table-wrap li{display:table-cell;padding:8px 10px;border:1px solid #333;border-top:0;border-left:0;font-size:16px;line-height:120%}.site-index-table .table-wrap li.link{width:100px;text-align:center}.site-index-table .table-wrap li a{color:#08c;border-bottom:1px solid}@media only screen and (min-width: 1025px){.site-index-table .table-wrap li a:hover{color:#06acff}} /******sweetalert2.css******/ .swal2-popup.swal2-toast{flex-direction:row;align-items:center;width:auto;padding:.625em;overflow-y:hidden;background:#fff;box-shadow:0 0 0.625em #d9d9d9}.swal2-popup.swal2-toast .swal2-header{flex-direction:row;padding:0}.swal2-popup.swal2-toast .swal2-title{flex-grow:1;justify-content:flex-start;margin:0 0.6em;font-size:1em}.swal2-popup.swal2-toast .swal2-footer{margin:0.5em 0 0;padding:0.5em 0 0;font-size:.8em}.swal2-popup.swal2-toast .swal2-close{position:static;width:.8em;height:.8em;line-height:.8}.swal2-popup.swal2-toast .swal2-content{justify-content:flex-start;padding:0;font-size:1em}.swal2-popup.swal2-toast .swal2-icon{width:2em;min-width:2em;height:2em;margin:0}.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:1.8em;font-weight:bold}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content{font-size:.25em}}.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line']{top:.875em;width:1.375em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='left']{left:.3125em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='right']{right:.3125em}.swal2-popup.swal2-toast .swal2-actions{flex-basis:auto !important;width:auto;height:auto;margin:0 .3125em}.swal2-popup.swal2-toast .swal2-styled{margin:0 .3125em;padding:.3125em .625em;font-size:1em}.swal2-popup.swal2-toast .swal2-styled:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px rgba(50,100,150,0.4)}.swal2-popup.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line']{position:absolute;width:1.6em;height:3em;transform:rotate(45deg);border-radius:50%}.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'][class$='left']{top:-.8em;left:-.5em;transform:rotate(-45deg);transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'][class$='right']{top:-.25em;left:.9375em;transform-origin:0 1.5em;border-radius:0 4em 4em 0}.swal2-popup.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line']{height:.3125em}.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'][class$='tip']{top:1.125em;left:.1875em;width:.75em}.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'][class$='long']{top:.9375em;right:.1875em;width:1.375em}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-toast-animate-success-line-tip .75s}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-toast-animate-success-line-long .75s}.swal2-popup.swal2-toast.swal2-show{animation:swal2-toast-show 0.5s}.swal2-popup.swal2-toast.swal2-hide{animation:swal2-toast-hide 0.1s forwards}.swal2-container{display:flex;position:fixed;z-index:1060;top:0;right:0;bottom:0;left:0;flex-direction:row;align-items:center;justify-content:center;padding:.625em;overflow-x:hidden;transition:background-color 0.1s;-webkit-overflow-scrolling:touch}.swal2-container.swal2-backdrop-show,.swal2-container.swal2-noanimation{background:rgba(0,0,0,0.4)}.swal2-container.swal2-backdrop-hide{background:transparent !important}.swal2-container.swal2-top{align-items:flex-start}.swal2-container.swal2-top-start,.swal2-container.swal2-top-left{align-items:flex-start;justify-content:flex-start}.swal2-container.swal2-top-end,.swal2-container.swal2-top-right{align-items:flex-start;justify-content:flex-end}.swal2-container.swal2-center{align-items:center}.swal2-container.swal2-center-start,.swal2-container.swal2-center-left{align-items:center;justify-content:flex-start}.swal2-container.swal2-center-end,.swal2-container.swal2-center-right{align-items:center;justify-content:flex-end}.swal2-container.swal2-bottom{align-items:flex-end}.swal2-container.swal2-bottom-start,.swal2-container.swal2-bottom-left{align-items:flex-end;justify-content:flex-start}.swal2-container.swal2-bottom-end,.swal2-container.swal2-bottom-right{align-items:flex-end;justify-content:flex-end}.swal2-container.swal2-bottom>:first-child,.swal2-container.swal2-bottom-start>:first-child,.swal2-container.swal2-bottom-left>:first-child,.swal2-container.swal2-bottom-end>:first-child,.swal2-container.swal2-bottom-right>:first-child{margin-top:auto}.swal2-container.swal2-grow-fullscreen>.swal2-modal{display:flex !important;flex:1;align-self:stretch;justify-content:center}.swal2-container.swal2-grow-row>.swal2-modal{display:flex !important;flex:1;align-content:center;justify-content:center}.swal2-container.swal2-grow-column{flex:1;flex-direction:column}.swal2-container.swal2-grow-column.swal2-top,.swal2-container.swal2-grow-column.swal2-center,.swal2-container.swal2-grow-column.swal2-bottom{align-items:center}.swal2-container.swal2-grow-column.swal2-top-start,.swal2-container.swal2-grow-column.swal2-center-start,.swal2-container.swal2-grow-column.swal2-bottom-start,.swal2-container.swal2-grow-column.swal2-top-left,.swal2-container.swal2-grow-column.swal2-center-left,.swal2-container.swal2-grow-column.swal2-bottom-left{align-items:flex-start}.swal2-container.swal2-grow-column.swal2-top-end,.swal2-container.swal2-grow-column.swal2-center-end,.swal2-container.swal2-grow-column.swal2-bottom-end,.swal2-container.swal2-grow-column.swal2-top-right,.swal2-container.swal2-grow-column.swal2-center-right,.swal2-container.swal2-grow-column.swal2-bottom-right{align-items:flex-end}.swal2-container.swal2-grow-column>.swal2-modal{display:flex !important;flex:1;align-content:center;justify-content:center}.swal2-container.swal2-no-transition{transition:none !important}.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen)>.swal2-modal{margin:auto}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.swal2-container .swal2-modal{margin:0 !important}}.swal2-popup{display:none;position:relative;box-sizing:border-box;flex-direction:column;justify-content:center;width:32em;max-width:100%;padding:1.25em;border:none;border-radius:.3125em;background:#fff;font-family:inherit;font-size:1rem}.swal2-popup:focus{outline:none}.swal2-popup.swal2-loading{overflow-y:hidden}.swal2-header{display:flex;flex-direction:column;align-items:center;padding:0 1.8em}.swal2-title{position:relative;max-width:100%;margin:0 0 0.4em;padding:0;color:#595959;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;word-wrap:break-word}.swal2-actions{display:flex;z-index:1;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;margin:1.25em auto 0}.swal2-actions:not(.swal2-loading) .swal2-styled[disabled]{opacity:.4}.swal2-actions:not(.swal2-loading) .swal2-styled:hover{background-image:linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1))}.swal2-actions:not(.swal2-loading) .swal2-styled:active{background-image:linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2))}.swal2-actions.swal2-loading .swal2-styled.swal2-confirm{box-sizing:border-box;width:2.5em;height:2.5em;margin:.46875em;padding:0;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border:.25em solid transparent;border-radius:100%;border-color:transparent;background-color:transparent !important;color:transparent !important;cursor:default;user-select:none}.swal2-actions.swal2-loading .swal2-styled.swal2-cancel{margin-right:30px;margin-left:30px}.swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after{content:'';display:inline-block;width:15px;height:15px;margin-left:5px;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border:3px solid #999;border-radius:50%;border-right-color:transparent;box-shadow:1px 1px 1px #fff}.swal2-styled{margin:.3125em;padding:.625em 2em;box-shadow:none;font-weight:500}.swal2-styled:not([disabled]){cursor:pointer}.swal2-styled.swal2-confirm{border:0;border-radius:.25em;background:initial;background-color:#3085d6;color:#fff;font-size:1.0625em}.swal2-styled.swal2-cancel{border:0;border-radius:.25em;background:initial;background-color:#aaa;color:#fff;font-size:1.0625em}.swal2-styled:focus{outline:none;box-shadow:0 0 0 1px #fff,0 0 0 3px rgba(50,100,150,0.4)}.swal2-styled::-moz-focus-inner{border:0}.swal2-footer{justify-content:center;margin:1.25em 0 0;padding:1em 0 0;border-top:1px solid #eee;color:#545454;font-size:1em}.swal2-timer-progress-bar-container{position:absolute;right:0;bottom:0;left:0;height:.25em;overflow:hidden;border-bottom-right-radius:.3125em;border-bottom-left-radius:.3125em}.swal2-timer-progress-bar{width:100%;height:.25em;background:rgba(0,0,0,0.2)}.swal2-image{max-width:100%;margin:1.25em auto}.swal2-close{position:absolute;z-index:2;top:0;right:0;align-items:center;justify-content:center;width:1.2em;height:1.2em;padding:0;overflow:hidden;transition:color 0.1s ease-out;border:none;border-radius:0;background:transparent;color:#ccc;font-family:serif;font-size:2.5em;line-height:1.2;cursor:pointer}.swal2-close:hover{transform:none;background:transparent;color:#f27474}.swal2-close::-moz-focus-inner{border:0}.swal2-content{z-index:1;justify-content:center;margin:0;padding:0 1.6em;color:#545454;font-size:1.125em;font-weight:normal;line-height:normal;text-align:center;word-wrap:break-word}.swal2-input,.swal2-file,.swal2-textarea,.swal2-select,.swal2-radio,.swal2-checkbox{margin:1em auto}.swal2-input,.swal2-file,.swal2-textarea{box-sizing:border-box;width:100%;transition:border-color 0.3s,box-shadow 0.3s;border:1px solid #d9d9d9;border-radius:.1875em;background:inherit;box-shadow:inset 0 1px 1px rgba(0,0,0,0.06);color:inherit;font-size:1.125em}.swal2-input.swal2-inputerror,.swal2-file.swal2-inputerror,.swal2-textarea.swal2-inputerror{border-color:#f27474 !important;box-shadow:0 0 2px #f27474 !important}.swal2-input:focus,.swal2-file:focus,.swal2-textarea:focus{border:1px solid #b4dbed;outline:none;box-shadow:0 0 3px #c4e6f5}.swal2-input::placeholder,.swal2-file::placeholder,.swal2-textarea::placeholder{color:#ccc}.swal2-range{margin:1em auto;background:#fff}.swal2-range input{width:80%}.swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}.swal2-range input,.swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}.swal2-input{height:2.625em;padding:0 0.75em}.swal2-input[type='number']{max-width:10em}.swal2-file{background:inherit;font-size:1.125em}.swal2-textarea{height:6.75em;padding:.75em}.swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:inherit;color:inherit;font-size:1.125em}.swal2-radio,.swal2-checkbox{align-items:center;justify-content:center;background:#fff;color:inherit}.swal2-radio label,.swal2-checkbox label{margin:0 .6em;font-size:1.125em}.swal2-radio input,.swal2-checkbox input{margin:0 .4em}.swal2-validation-message{display:none;align-items:center;justify-content:center;padding:.625em;overflow:hidden;background:#f0f0f0;color:#666;font-size:1em;font-weight:300}.swal2-validation-message::before{content:'!';display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center}.swal2-icon{position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:1.25em auto 1.875em;border:.25em solid transparent;border-radius:50%;font-family:inherit;line-height:5em;cursor:default;user-select:none}.swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:3.75em}.swal2-icon.swal2-error{border-color:#f27474;color:#f27474}.swal2-icon.swal2-error .swal2-x-mark{position:relative;flex-grow:1}.swal2-icon.swal2-error [class^='swal2-x-mark-line']{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}.swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='left']{left:1.0625em;transform:rotate(45deg)}.swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='right']{right:1em;transform:rotate(-45deg)}.swal2-icon.swal2-error.swal2-icon-show{animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark{animation:swal2-animate-error-x-mark .5s}.swal2-icon.swal2-warning{border-color:#facea8;color:#f8bb86}.swal2-icon.swal2-info{border-color:#9de0f6;color:#3fc3ee}.swal2-icon.swal2-question{border-color:#c9dae1;color:#87adbd}.swal2-icon.swal2-success{border-color:#a5dc86;color:#a5dc86}.swal2-icon.swal2-success [class^='swal2-success-circular-line']{position:absolute;width:3.75em;height:7.5em;transform:rotate(45deg);border-radius:50%}.swal2-icon.swal2-success [class^='swal2-success-circular-line'][class$='left']{top:-.4375em;left:-2.0635em;transform:rotate(-45deg);transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}.swal2-icon.swal2-success [class^='swal2-success-circular-line'][class$='right']{top:-.6875em;left:1.875em;transform:rotate(-45deg);transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}.swal2-icon.swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-.25em;left:-.25em;box-sizing:content-box;width:100%;height:100%;border:0.25em solid rgba(165,220,134,0.3);border-radius:50%}.swal2-icon.swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;transform:rotate(-45deg)}.swal2-icon.swal2-success [class^='swal2-success-line']{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:#a5dc86}.swal2-icon.swal2-success [class^='swal2-success-line'][class$='tip']{top:2.875em;left:.8125em;width:1.5625em;transform:rotate(45deg)}.swal2-icon.swal2-success [class^='swal2-success-line'][class$='long']{top:2.375em;right:.5em;width:2.9375em;transform:rotate(-45deg)}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-animate-success-line-tip .75s}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-animate-success-line-long .75s}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right{animation:swal2-rotate-success-circular-line 4.25s ease-in}.swal2-progress-steps{align-items:center;margin:0 0 1.25em;padding:0;background:inherit;font-weight:600}.swal2-progress-steps li{display:inline-block;position:relative}.swal2-progress-steps .swal2-progress-step{z-index:20;width:2em;height:2em;border-radius:2em;background:#3085d6;color:#fff;line-height:2em;text-align:center}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#3085d6}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step{background:#add8e6;color:#fff}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line{background:#add8e6}.swal2-progress-steps .swal2-progress-step-line{z-index:10;width:2.5em;height:.4em;margin:0 -1px;background:#3085d6}[class^='swal2']{-webkit-tap-highlight-color:transparent}.swal2-show{animation:swal2-show 0.3s}.swal2-hide{animation:swal2-hide 0.15s forwards}.swal2-noanimation{transition:none}.swal2-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.swal2-rtl .swal2-close{right:auto;left:0}.swal2-rtl .swal2-timer-progress-bar{right:0;left:auto}@supports (-ms-accelerator: true){.swal2-range input{width:100% !important}.swal2-range output{display:none}}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.swal2-range input{width:100% !important}.swal2-range output{display:none}}@-moz-document url-prefix(){.swal2-close:focus{outline:2px solid rgba(50,100,150,0.4)}}@keyframes swal2-toast-show{0%{transform:translateY(-0.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(0.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0deg)}}@keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}@keyframes swal2-show{0%{transform:scale(0.7)}45%{transform:scale(1.05)}80%{transform:scale(0.95)}100%{transform:scale(1)}}@keyframes swal2-hide{0%{transform:scale(1);opacity:1}100%{transform:scale(0.5);opacity:0}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.8125em;width:1.5625em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(0.4);opacity:0}50%{margin-top:1.625em;transform:scale(0.4);opacity:0}80%{margin-top:-.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0deg);opacity:1}}@keyframes swal2-rotate-loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto !important}body.swal2-no-backdrop .swal2-container{top:auto;right:auto;bottom:auto;left:auto;max-width:calc(100% - .625em * 2);background-color:transparent !important}body.swal2-no-backdrop .swal2-container>.swal2-modal{box-shadow:0 0 10px rgba(0,0,0,0.4)}body.swal2-no-backdrop .swal2-container.swal2-top{top:0;left:50%;transform:translateX(-50%)}body.swal2-no-backdrop .swal2-container.swal2-top-start,body.swal2-no-backdrop .swal2-container.swal2-top-left{top:0;left:0}body.swal2-no-backdrop .swal2-container.swal2-top-end,body.swal2-no-backdrop .swal2-container.swal2-top-right{top:0;right:0}body.swal2-no-backdrop .swal2-container.swal2-center{top:50%;left:50%;transform:translate(-50%, -50%)}body.swal2-no-backdrop .swal2-container.swal2-center-start,body.swal2-no-backdrop .swal2-container.swal2-center-left{top:50%;left:0;transform:translateY(-50%)}body.swal2-no-backdrop .swal2-container.swal2-center-end,body.swal2-no-backdrop .swal2-container.swal2-center-right{top:50%;right:0;transform:translateY(-50%)}body.swal2-no-backdrop .swal2-container.swal2-bottom{bottom:0;left:50%;transform:translateX(-50%)}body.swal2-no-backdrop .swal2-container.swal2-bottom-start,body.swal2-no-backdrop .swal2-container.swal2-bottom-left{bottom:0;left:0}body.swal2-no-backdrop .swal2-container.swal2-bottom-end,body.swal2-no-backdrop .swal2-container.swal2-bottom-right{right:0;bottom:0}@media print{body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow-y:scroll !important}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden='true']{display:none}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container{position:static !important}}body.swal2-toast-shown .swal2-container{background-color:transparent}body.swal2-toast-shown .swal2-container.swal2-top{top:0;right:auto;bottom:auto;left:50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{top:0;right:0;bottom:auto;left:auto}body.swal2-toast-shown .swal2-container.swal2-top-start,body.swal2-toast-shown .swal2-container.swal2-top-left{top:0;right:auto;bottom:auto;left:0}body.swal2-toast-shown .swal2-container.swal2-center-start,body.swal2-toast-shown .swal2-container.swal2-center-left{top:50%;right:auto;bottom:auto;left:0;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{top:50%;right:auto;bottom:auto;left:50%;transform:translate(-50%, -50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{top:50%;right:0;bottom:auto;left:auto;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-start,body.swal2-toast-shown .swal2-container.swal2-bottom-left{top:auto;right:auto;bottom:0;left:0}body.swal2-toast-shown .swal2-container.swal2-bottom{top:auto;right:auto;bottom:0;left:50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{top:auto;right:0;bottom:0;left:auto}body.swal2-toast-column .swal2-toast{flex-direction:column;align-items:stretch}body.swal2-toast-column .swal2-toast .swal2-actions{flex:1;align-self:stretch;height:2.2em;margin-top:.3125em}body.swal2-toast-column .swal2-toast .swal2-loading{justify-content:center}body.swal2-toast-column .swal2-toast .swal2-input{height:2em;margin:.3125em auto;font-size:1em}body.swal2-toast-column .swal2-toast .swal2-validation-message{font-size:1em} /******swiper-bundle.min.css******/ /** * Swiper 6.0.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://swiperjs.com * * Copyright 2014-2020 Vladimir Kharlampidi * * Released under the MIT License * * Released on: July 3, 2020 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} /******thematics-construction.css******/ /** CONSTRUCTION home-theme-construction.html ********************************************* **/ /******thematics-education.css******/ /** MUSIC home-theme-education.html ********************************************* **/ @import url(http://fonts.googleapis.com/css?family=Roboto); .font-roboto { font-family: "Roboto" !important; } /* header, menu & topbar background color */ #header, #topMain.nav-pills>li, #topNav div.submenu-dark ul.dropdown-menu { background-color:#253B80; } #topBar { background-color:#179BD7 !important; } #topNav ul.dropdown-menu { border-top-color:#179BD7 !important; } #topNav button.btn-mobile { color:#fff; } /* menu & topbar links color */ #topBar ul.top-links li.text-welcome, #topBar ul.top-links>li>a, #header li.search i.fa, #header ul.nav-second-main li>a, #topMain.nav-pills>li>a { color:#eee !important; } #topBar ul.top-links>li.active>a, #topMain.nav-pills>li.active>a { color:#fff !important; } /* footer */ #footer { background: #24293a; background: -moz-linear-gradient(top, #1a1d2b 0%, #2e3648 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1a1d2b), color-stop(100%, #2e3648)); background: -webkit-linear-gradient(top, #1a1d2b 0%, #2e3648 100%); background: -o-linear-gradient(top, #1a1d2b 0%, #2e3648 100%); background: -ms-linear-gradient(top, #1a1d2b 0%, #2e3648 100%); background: linear-gradient(to bottom, #1a1d2b 0%,#2e3648 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a1d2b', endColorstr='#2e3648',GradientType=0 ); } /******thematics-fashion.css******/ /** FASHION home-theme-fashion.html ********************************************* **/ @import url(http://fonts.googleapis.com/css?family=Cinzel+Decorative); .font-cinzel-decorative { font-family: "Cinzel Decorative" !important; } .slider .font-cinzel-decorative { font-size:110px; text-shadow: 0px 2px 5px rgba(0,0,0,0.5); } /******thematics-restaurant.css******/ /** RESTAURANT home-theme-restaurant.html ********************************************* **/ @import url(http://fonts.googleapis.com/css?family=Kaushan+Script); .font-khausan-script { font-family: "Kaushan Script" !important; } .slider .font-khausan-script { font-size:100px; text-shadow: 0px 2px 5px rgba(0,0,0,0.5); } ul>li.restaurant-menu-item .thumbnail { margin-right:10px; } /******thematics-wedding.css******/ /** WEDDING home-theme-wedding.html ********************************************* **/ #slider .slider-featured-text { color:#fff; font-size:90px; line-height:90px; font-weight:800; } #slider .slider-featured-text .row>div span { font-size:50px; } #slider .big-amp { font-size:170px; line-height:140px; } .menu-center { display:inline-block; margin-left:auto; margin-right:auto; } .countdown-section { border:0 !important; margin-left:3px; } .countdown.bordered-squared .countdown-amount, .countdown.bordered .countdown-amount { border-color:rgba(255,255,255,0.3) !important; } @media only screen and (max-width: 992px) { .menu-center { display:block; } #slider div.slider-featured-text { padding-left:0; padding-right:0; } } @media only screen and (max-width: 768px) { #slider .slider-featured-text .row>div { margin:0; } #slider .slider-featured-text { font-size:60px; line-height:60px; } #slider .slider-featured-text .row>div span { font-size:40px; } #slider .big-amp { font-size:100px; } } @media only screen and (max-height: 475px) { #slider .slider-featured-text .row>div { float:left !important; width:33.30%; margin-top:30px; } #slider .slider-featured-text { font-size:30px; line-height:60px; } #slider .slider-featured-text .row>div span { font-size:30px; } #slider .big-amp { font-size:80px; } } /* - small fixes - - centered menu - */ #header { height:96px; } #header.header-md { height:70px; } #header.header-sm { height:60px; } @media only screen and (max-width: 992px) { #header, #header.header-md, #header.header-sm { height:inherit; } } /******variables.css******/