RIFF"WEBPVP8 Е�* �>�T�M'��%�u|�� gk�ZaQb�����o����lN���s�_�3��S+���c�€R��y����//����~��H�@�2oF�X ���R@'�:�ꞓ}��a�M,.� ��o��=�p�U�&g<�:���~���t��.�1���cyW�� We�M=�f�Y6v�����(nO���������^- �9(b _�s%{�C|�p�@�����37�}B0��u���i�Գ���� ������5�}���֮M?dz���q�e��N�~�&�N��K�av$]hO�i�C�,��"]�����@����M@�o O[�Æ*;�e]��_; }�p�?��)�'VC� J��L�y� v����18��)7c�d�mߛ�]I� ����d��?�{�.����b)49��c��Zy/��c^��%��/z�å̯�t��rS��Z��Uͩ�h��2����` �7�:��~��zP���Z����?v�R��TD���G����CJ���}�o��fs��̜#b��e"k9,���3�{Or�i��x":���{/ۈ�`�7RČ����(�p:I��%:�ͺ��W(|�=KP��3�7}���������ed��;�3�;�e��8�g�4�9 %v,B�GU�����T% ֯��B+�tR���p������F7�sT��oϱq �h�Rݧ�~*�܈_�Ck���}�nY�>��C�PQ�B��(o�६�qxy������f ���]��}����%=CW�k^t�—]����M�cX�i��%��!�Y������:N=|��wj<9ł��,�s�O�,,�U�!�������e���{���W��989�y*z�=�"E�CyW���N�2�ę��LN�HW��?����`V���DJ=#׶×ܽ$eF���o;b� ��0��&�W���Y�bR�� �Fֵ� `J�an�-Є@�tR�v��e2W��Mn�p��4P1�q ���®w���ũur*�җ.�#�4b���������:���g��ʧ�`R�4�+G�f���niU����$�K-'A�zE&]��Y�H2�4� ��˄�t��Q�4%��L�#��0FS8�Bu����ژ��"����۹�[�JK��4��z�v�ڌ��L*jD0.����?�ڃN��H��J����n�w��6Q(i;��I,.3?|�`���y���D_��(��w��������[��ZYhe�')��D*��kb����c��@� �|S�S3���- ���iq!*��w������Ł��ܩ��*FY���jV�4Q���4�,�ʑV!��N�.�1�KT,��Zp� ���iL�r��Ȧ����"y�tU���PS�ģ��?�QGng_�#yEk��B̝��1hr��ѕ�z*Ԧ�L8T�����H�^�k�-�g�z������w��N����v��RH��E��!0Cؚ)R�@�q�J�qA�r�$k4���om���Ьnu���x�������������y$�8�Z���v� &�+2�|���\r:[,!�Y�C#c��͊�{��7Щ��Y�LVę]�j��)��^���󶦙$�_����Hx>����[ +K�ڏ�1������Q�7@�^{�ik�;'H{�8 �ȇe vR����^� Meq�����Y�MC��U<��O�۫�nAfBf317���x��O�.u@3R}e�`�D��\�z���L��P������y8�?����I�"s`�b 3��ٹd�0��A�/���� ��{b�b������1� ����ka�&T�z�_4���I��PN��8��}N�r��]�՜���ӿ��9�|/.��� �fˑ.�`r�r��U-���7�Rx8L��d$H�m��Ǒ�*x�P{�D�����k��o�ueV�-.��j}���U2��g絍g���s �������aN�X�ҍ���C�� ��X��B�EF���8%p57<�x�Y�e�cϔ�\��C �OAj&N�V���!v��U��~J��j��4�V|��8�R�v�fD�)�HA�3�G��ds�7Z.���= ����+kI2�0=�'� K �H,`�ɴāTE\����E�'/��;���;��a���0"��� �x$J�T��#U=������j-�8�����y c8W����Ԋ�K��_��Y� '%Vg$I�Пq�shE�y�:�m�}�F1(:b�U�~� ���0}�C�}0����#�#}���e�S9��.��SP�m���<�~�y��� ��ɭ�ٮ6N��� ğ��t��A��N�V ������f�+�w�O1�Jq���U�B�T��į���� ��*�=z�x"yU S���� ��// ����W᫮��R�O�2W�M��<-�;�F�`9 �����t�:C{a�8�� <�r'���:�g8%�9J̞�˦��eV�7l�~�#����.yY)$��k�|�!�3���m���XS���J4B���`�����oL[]��aT[�C��@h�T�l��_�e>�����K<'��P�zgk�#fm��V�]�ݽ�j1����H��J��J58��ڱ��@�e&*�w��e���Q��HT8�ֽ��\�Fa�栆�A�ڝӚ׹@�:9`��G�h�7����t<���_˒|�\bU�O�����,M�a�oynGf�޶7�w�i`�m[��XE4�*�8}5��U1���^�B*��_%[����Yb�^���S�l�"A�1�T��ڈ��(???)j�S�n�8v%� Eo��� mE��|�Έ�Ai�3uy5O����7Rܽ���"L��X���1�@�=?5�_'��{j�����Z3L��k��^x6g3i�����r.��N��&��9[��ɓW[+�� 7�����fe�3�K�%��0F��+V�ϛ+3�B�p,y;Z�NGK�uWg䁯9�v��t��ǒx�JY�O��K�iY��#FJy�Bzt�Q^�Y��Uϲ-͖��9��g�X,�X] f�P/�]d�䠾�̔m%Q��겓\q(�%'����/EN�P�1�o��� ���}��'��c�F��Ju��4��0ck�N��w�1��&]a ��^I�)����֓��\;�1��3��� �L��{>�+���a��Jg��#����P���>�5�a<�`>>˔�]�ߎey�-T���ʵ���r���8`dmNm���_mӐK�Ҏ-޴�� ��RQ%�d�l"��l�_��ie0.�$Xh|.jv,���l\ uyj�u\�/� B:�܀�]� _��T��I���lz�&c�A�g{g��O˂�O���O�M�t��7Y�~? ቶ`�7��'�w��#���˚�\��_��� a��d���[Ҭњ��]ɢ�A$ �l�v=E�66d �WA\̬fsǭ}x;';���?�UW�O��{�&|_a�C� |ȹ��pka�|���zf[S�������[�Jcf�A�&�L�U)Pd+)�_�$1�0�z�'�v\u�' +;�!���dž�]h�N�{ku��<��a��.0�,��]q��ZKao=ILo�z�rb&�{@K�i*7nX).�/�̶��ӒU�v �B֝���a��n��تx ���P�AG7M4N�?r;Z�����7�@�wA�q��RM5�8ۭ ��g��8�g���G�Tſ�O�{2��P3r��6�W,/��kC���p�V���~�"���T���6�/<�4�U�>��T�H�Fc�T�D�^I���!�����=&\Em�>b�,|T��d���n��=@\Wzi���D��&�f���1�t�mC�Ih��m��&�������84�!H�i�|�Z���� ��W���g����8�h�B] OvQ�u����+�}n�� FE�+q�&j����I�u��&��=!��T�b�@�ք0 �D�W�W�t�V}�������^�g�Erb`j��2 �wr�\Y5��L�Ρ���_�bNU�)~�e�Z�U�*�����:�vƀu2�W-W��W{KKo0�)��G�K.��{̮���v�/��p� !�� �w;`��b ������F���/���:����I�lm��Vc�,x~m<=|�_�>n����(A�����{�膾���m�,{3 �ӀH=٘�%��[USd��!J�|�f_�/ �߻��)I%���G�ܑ�G |N������d��BU5��qvG�c,���A?!��w��� �S��-i���Fr�P�_��E�+��)��V��f��������~�����������}"sk��cHN�<� 5I�r��1gu�ݗ�,N�I��f��k�s���0��: 0�<�\ͩB�܄ �:�f2A��mҞ�Z�6��3��t�����͟~����J�R9�] �,h������Z�@�{����9��W�il!�:��P��P���wK)���p���!���KuB\�7 uI�?(���/��r3����v,\'�8��qUa�ء���!��(b��n?�YfӸ����r�$���ה�~��_�&�8g�<(Mx$ZO�������u`q��:�N�Q !�%`���h:�� �~>�D���m�^��[V!y�6=� ��m��ѡ��p4�Iꎸ��1cE��QS�ٷ��W�C����*�����Q��=��3���&���-#,åCCG�������9�i��3�C��S[t>���qm����B��s���������o��� J�^s|����r��\ԺΦ�a�{��1��wT'���� �̓Q���B��\xx}��8��Of!��U�n��f�����bA��UD�cC} �r�������c ���^�X���k�Ɩk�6��^E�C�E�sՀ`�Ⱦ,i��v�� ٺe˟�!�co�64x4��A�ah��ˏ<��%�@�*|�\�TY����#:9��|?S�[������G hUw9���z]��D��-J6�m,ʭ��2�Iz�4W9��&���t�߁ R�Z�gP��H�dj�`%ap}�^떟��*fb{�Q) Dd_V����$��,�߁� @D�&f�2��S6��M�ɤ�)Q\F�i���5p��Wb'PN�R�>�����9��]��\8{B8�� ��ю�������%� ӏۙ{]�j,_Y>��!�l���'���H�["��;c?cy��1< 0ϑ���/�AAЛ�� ; �j�(!��1 [)5ݻK ��A7��"[�%"���{��H ���V�� ���m�K���VLn��9鿹8�At΀@����f`�1y�rЅ��q��7Nf���x)y��, 0e�"{�ƨ�"� o �6� �.|Tm.���-r �G� [ed���–q���]�X�oG*�1>�� م�p_Y{δ(N�|s��^{i�`��͒ QӴx+X.ݕ�kP�g]�޿�4��Q|�O��h�*c�W�G�4{~x�k��A:�{Yu�倀#ތM�K!�e�;ȩ����r������'���D&H�$�0�ߜ�w��Sq dH��P�y����z����h��d��"�;0��#I2�F{����. W�wl���|>s�\ŌO�&bO/4(z9ܭua��`��_3d�Qpt�/�P -��#5�,�M��� �pA:©�q�����NW��ډ�A���� �9nʺج���� �TSM��{J6?7��r�@�\����D��� �׶���s�f�TJj?"��D��`?��̒� b�#�%�C*v�$�{�$����5Ծ�F�s��y�e/8��h-�f�̰&(����Gj�L:U� 2�� ����v�_k����Y��gp,�k�WF�R������_C�R��N@���R�@�ߔ?A�w9���F("iNa-S���Q�o�3tDMLh*�#4k�T/iQ��Y*�G��m����)��8�hBm/�I�,g�ﯖ���Z��}�Cz�q@´��d.����L�ŕ�,��1�Z�܌�: ̪���F+J-'��c�tvJ8��]Q-��b��y �6;*J`r_�d ��'�G ~p��)'�C,�%F��E(��2�k�����lР�z�!�=t ��_�0��f7��� ;�p�|�U �%a{ &:after{ content: ""; height: 4px; width: 100%; display: block; background-color: transparent; position: absolute; z-index: 2; bottom: -5px; left: 0; } &:hover{ &:after{ background-color: @ct-motive; } } } .dropdown-menu{ &:after{ content: ""; position: absolute; height: 35px; background: transparent; top: -30px; width: 100%; left: 0; } } } li { border-top: 1px solid #fff; border-bottom: 1px solid #fff; a { font-size: 14px; line-height: 30px; padding:24px 5px 24px 15px; font-weight: bold; .caret{ margin-left: 5px; } } &:hover, &:focus{ >a{ background-color: #eff6fb; color: @ct-motive; } } .dropdown-menu{ padding: 0; border-radius: 4px; -webkit-box-shadow: 0 0 3px 0 rgba(4, 4, 4, 0.3); -moz-box-shadow: 0 0 3px 0 rgba(4, 4, 4, 0.3); box-shadow: 0 0 3px 0 rgba(4, 4, 4, 0.3); border: transparent; margin-top: 15px; min-width: 260px; >.active{ >a{ background-color: #eff6fb; color: @ct-motive; } } a, .yamm-content ul li a{ padding: 10px 20px; border: transparent; border-bottom: 1px solid #e6e6e6; display: block; &:hover{ background-color: @ct-motive; color: #fff; } } li, .yamm-content ul li{ border: none; &:first-child{ >a{ border-radius: 4px 4px 0 0; &:hover{ &:before{ border-color: transparent transparent @ct-motive transparent; } } } } &:last-child{ >a{ border-bottom: none; border-radius: 0 0 4px 4px; } } } .active{ a{ &:after{ background-color: transparent; } } } .yamm-content{ .ct-u-displayTableVertical{ -webkit-box-shadow: 0px 3px 5px 0px rgba(4, 4, 4, 0.1); -moz-box-shadow: 0px 3px 5px 0px rgba(4, 4, 4, 0.1); box-shadow: 0px 3px 5px 0px rgba(4, 4, 4, 0.1); .middle-element{ ul li{ &:first-child { > a { &:hover{ border-radius: 0; } &:before{ z-index: 5; } } } } } .ct-u-displayTableCell{ ul{ border-right: 1px solid #e6e6e6; } } } ul{ min-width: 260px; box-shadow: none; } .ct-u-displayTableCell{ white-space: nowrap; &:first-child{ ul{ li{ &:first-child{ >a{ border-radius: 4px 0 0 0; &:before{ z-index: 5; } } } &:last-child{ >a{ border-bottom: none; border-radius: 0; } } } } } li{ a{ &:hover{ border-radius: 0; }; } } } .ct-u-displayTableCell{ vertical-align: top; } .ct-menuBrand{ .ct-u-displayTableCell{ a{ line-height: 72px; font-size: 22px; padding: 0; &:hover{ background: transparent; color: inherit; } } img{ padding-right: 20px; border-right: 1px solid #e6e6e6; } &:first-child{ width: 155px; a{ padding: 0 0 0 20px; } } } } } .dropdown-submenu{ position:relative; overflow: visible; .dropdown-menu{ display:none; position: absolute; left: 100%; top: -16px; margin-left: 0; border-radius: 0 4px 4px 0; li{ &:hover{ &:first-child{ a{ border-radius: 0 4px 0 0; } } &:last-child{ a{ border-radius: 0 0 4px 0; } } } } } &:hover{ .dropdown-menu{ display:block; } } } } } .active{ >a{ background-color: #eff6fb; color: @ct-motive; &:after{ content: ""; height: 4px; width: 100%; display: block; background-color: @ct-motive; position: absolute; z-index: 2; bottom: -5px; left: 0; } } } .ct-yamm--dropdownRight .dropdown-menu{ left: 14%; .yamm-content{ li{ a{ &:before, &:after{ display: none; } } } } } } } .ct-navbar--noDecoration{ .ct-shapeBottom{ display: none; } .navbar-nav{ .dropdown{ >a{ &:hover{ &:after{ background-color: transparent; } } } } .active{ >a{ background-color: #eff6fb; color: @ct-motive; &:after{ background-color: transparent; } } } } } .onepager .ct-navbar--hoverEffectLine, .ct-navbar--hoverEffectLine{ .navbar-nav { .dropdown{ > a{ padding: 24px 0; margin: 0 5px 0 15px; &:after{ height: 1px; .ct-m-transition(all, 0.15s, ease-out); -ms-transform: scale(0.1); /* IE 9 */ -webkit-transform: scale(0.1); /* Chrome, Safari, Opera */ transform: scale(0.1); transform-origin: left center; -webkit-transform-origin: left center; bottom: 20px; } &:hover{ background-color: #fff; &:after{ -ms-transform: scale(1); /* IE 9 */ -webkit-transform: scale(1); /* Chrome, Safari, Opera */ transform: scale(1); } } } } .onepage{ > a{ padding: 24px 0; margin: 0 5px 0 15px; &:after{ content: ""; width: 100%; display: block; background-color: @ct-motive; position: absolute; z-index: 2; left: 0; height: 1px; .ct-m-transition(all, 0.15s, ease-out); -ms-transform: scale(0.1); /* IE 9 */ -webkit-transform: scale(0.1); /* Chrome, Safari, Opera */ transform: scale(0.1); transform-origin: left center; -webkit-transform-origin: left center; bottom: 20px; } &:hover{ background-color: #fff; &:after{ -ms-transform: scale(1); /* IE 9 */ -webkit-transform: scale(1); /* Chrome, Safari, Opera */ transform: scale(1); } } } } .active{ >a{ background-color: #fff; &:after{ height: 1px; bottom: 20px; transform: scale(1); } } } >li{ &:hover{ >a{ background-color: #fff; } } } } .ct-shapeBottom{ display: none; } } .navbar-collapse.collapse{ float: right; width: 62% } .navbar-nav{ > li.dropdown:hover{ > ul.dropdown-menu{ display: block; } } } .ct-panelBox{ display: table; border-left: 2px solid #e5e5e5; float: left; margin: 25px auto 25px 18px; .ct-panel--socials{ display: table-cell; vertical-align: middle; } } .navbar-header{ float: left; line-height: 80px; } .ct-panel--text{ display: table-cell; vertical-align: middle; padding: 0 20px; a{ font-size: 22px; line-height: 30px; display: block; color: @ct-motive; &:hover{ color: #333; } } } .navbar-collapse{ padding: 0; .btn{ float: right; margin: 20px 0; } } .onepager{ .ct-navbar--noDecoration { .navbar-nav { float: right; li{ a{ background-color: #fff; } } .active{ background-color: #fff; a{ color: @ct-motive; } } } } .navbar { .navbar-nav { li{ a{ padding: 24px 15px; } } } } } .ct-navbar--type2{ .ct-yamm--dropdownRight .dropdown-menu{ } .ct-panelBox{ float: right; margin: 10px 0 10px 18px; border: none; .btn{ margin-left: 20px; } } .collapse.navbar-collapse { width: auto; float: left; } .navbar-nav{ margin: 0; li{ a{ padding: 14px 5px 14px 15px; } } } } /*******Mobile*******/ .snapjs-left, .snapjs-right { overflow: hidden !important; height: 100%; } .snapjs-right{ .ct-navbarMobile{ right: 0; left: auto; } .ct-searchFormMobile{ right: 0; } } .snapjs-left{ .ct-navbarMobile{ left: 0; right: auto; } .ct-menuMobile{ left: 0; } } .snapjs-right, .snapjs-left{ .ct-menuMobile, .ct-searchFormMobile{ overflow: scroll; } } .ct-navbarMobile{ .ct-m-transition(all, 0.2s, ease); width: 100%; position: absolute; top: 0; left: 0; right: 0; z-index: @z-index-9; background-color: #fff; text-align: center; .navbar-brand{ height: 70px; line-height: 70px; float: none; //display: inline-block; padding: 19px; img{ display: inline; } } .navbar-toggle{ position: absolute; top: 10px; left: 0; float: left; .icon-bar{ background-color: #333; } } .searchForm-toggle{ position: absolute; top: 15px; right: 0; border: none; background-color: #fff; box-shadow: none; font-size: 24px; float: right; outline: none; .icon-bar{ background-color: #333; } } } .ct-menuMobile{ .ct-m-transition(all, 0.2s, ease); position: fixed; top: 0; left: -100%; bottom: 0; width: 266px; .ct-menuMobile-navbar { padding: 0; list-style: none; border: none; li { padding: 0; a{ color: #333; padding: 10px 20px; display: block; text-decoration: none; font-weight: bold; &:hover { background-color: #eff6fb; color: @ct-motive; } } } .dropdown { overflow: hidden; color: #333; i{ padding-left: 10px; } a{ i{ margin-right: 10px; } } &:hover{ >a{ background-color: #eff6fb; color: @ct-motive; } } } .dropdown-menu { position: relative; display: block; text-align: center; max-height: 0; padding: 0; -webkit-transition: background 0.5s ease; -moz-transition: background 0.5s ease; -o-transition: background 0.5s ease; transition: background 0.5s ease; border: none; width: 100%; left: 0; margin: 0; li{ &:hover { background-color: #eff6fb; a{ color: @ct-motive; } } } a{ text-align: left; font-size: 12px; color: #333; } >.active{ >a{ background-color: #eff6fb; color: @ct-motive; } } .dropdown-submenu{ .dropdown-menu{ padding-left: 20px; } } } >.active{ >a{ background-color: #eff6fb; color: @ct-motive; } } } } .ct-searchFormMobile{ position: fixed!important; margin: 0; width: 100%; max-width: 266px; right: -100%; padding: 25px 20px 30px 20px!important; .ct-form--label--type1{ position: relative; top: 0; left: 0; display: block; margin-bottom: 20px; width: 100%; } overflow: scroll; } .ct-js-dropdown-mobile{ background-color: #fff; ul{ max-height: 500px !important; overflow: auto; height: auto !important; } } // Dropdowns Animation Styles // ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- .ct-navbar--bounceIn{ > li.dropdown:hover{ .dropdown-menu{ -webkit-animation-name: bounceIn; animation-name: bounceIn; -webkit-animation-duration: .5s; animation-duration: .5s; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; } } } .ct-navbar--fadeIn{ > li.dropdown:hover{ .dropdown-menu{ -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: .5s; animation-duration: .5s; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; } } } .ct-navbar--fadeInLeft{ > li.dropdown:hover{ .dropdown-menu{ -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-duration: .5s; animation-duration: .5s; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; } } } .ct-navbar--fadeInRight{ > li.dropdown:hover{ .dropdown-menu{ -webkit-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-duration: .5s; animation-duration: .5s; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; } } } .ct-navbar--fadeInDown{ > li.dropdown:hover{ .dropdown-menu{ -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-duration: .5s; animation-duration: .5s; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; } } } @-webkit-keyframes ct-navbar--fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes ct-navbar--fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .ct-navbar--fadeInUp{ > li.dropdown:hover{ .dropdown-menu{ -webkit-animation-name: ct-navbar--fadeInUp; animation-name: ct-navbar--fadeInUp; -webkit-animation-duration: .5s; animation-duration: .5s; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; } } } .ct-navbar--pulse { > li.dropdown:hover { .dropdown-menu { -webkit-animation-name: pulse; animation-name: pulse; -webkit-animation-duration: .5s; animation-duration: .5s; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; } } } .ct-navbar--bounceInRight{ > li.dropdown:hover{ .dropdown-menu{ -webkit-animation-name: bounceInRight; animation-name: bounceInRight; -webkit-animation-duration: .5s; animation-duration: .5s; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; } } } .ct-navbar--bounceInLeft{ > li.dropdown:hover{ .dropdown-menu{ -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; -webkit-animation-duration: .5s; animation-duration: .5s; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; } } } .ct-navbar--flipInX{ > li.dropdown:hover{ .dropdown-menu{ -webkit-animation-name: flipInX; animation-name: flipInX; -webkit-animation-duration: .5s; animation-duration: .5s; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; } } } .ct-navbar--flipInY{ > li.dropdown:hover{ .dropdown-menu{ -webkit-animation-name: flipInY; animation-name: flipInY; -webkit-animation-duration: .5s; animation-duration: .5s; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; } } } .ct-navbar--zoomIn{ > li.dropdown:hover{ .dropdown-menu{ -webkit-animation-name: zoomIn; animation-name: zoomIn; -webkit-animation-duration: .5s; animation-duration: .5s; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; } } } .ct-navbar--zoomInDown{ > li.dropdown:hover{ .dropdown-menu{ -webkit-animation-name: zoomInDown; animation-name: zoomInDown; -webkit-animation-duration: .5s; animation-duration: .5s; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; } } } .ct-navbar--zoomInUp{ > li.dropdown:hover{ .dropdown-menu{ -webkit-animation-name: zoomInUp; animation-name: zoomInUp; -webkit-animation-duration: .5s; animation-duration: .5s; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; } } } // MENU @media(max-width: @screen-lg){ .navbar-collapse.collapse{ width: 100%; } .ct-panelBox{ display: none; } .navbar-header{ float: none; } .navbar { text-align: center; .navbar-nav{ margin-left: 0; .ct-yamm--dropdownRight .dropdown-menu{ .yamm-content ul li{ &:first-child { > a { &:before{ left: 34%; right: auto; } } } } } } } .onepager{ .navbar-collapse{ width: 82%; } .navbar-header{ display: inline-block; float: left; } } } @media(max-width: @screen-md){ .onepager{ .navbar-collapse{ width: 100%; float: none; } .navbar-header{ display: block; float: none; } .navbar{ .navbar-nav{ float: none; } } } // .navbar .navbar-nav .ct-yamm--dropdownRight{ // .dropdown-menu{ // left: 0; // right: 0; // img{ // width: 100%; // } // } // } } @media(max-width: @screen-xs-max){ .navbar{ display: none; } .ct-topBar{ display: none; } } @media (min-width: @screen-sm) { .ct-navbarMobile, .ct-menuMobile, .ct-searchFormMobile{ display: none; } } .ct-menu--arrow{ &:before{ content: ""; width: 0; height: 0; border-style: solid; border-width: 0 5px 4px 5px; border-color: transparent transparent #fff transparent; position: absolute; bottom: -16px; left: 20px; z-index: 2; .ct-m-transition(opacity, 0.2s, ease); opacity: 0; } &:after{ content: ""; width: 0; height: 0; border-style: solid; border-width: 0 6px 5px 6px; border-color: transparent; border-bottom-color: rgba(0,0,0,.2); position: absolute; bottom: -16px; left: 19px; z-index: 1; opacity: 0; .ct-m-transition(all, 0.2s, ease); } }