.zmdi-collection-music:before{content:'\f14c'} .zmdi-collection-pdf:before{content:'\f14d'} .zmdi-collection-plus:before{content:'\f14e'} .zmdi-collection-speaker:before{content:'\f14f'} .zmdi-collection-text:before{content:'\f150'} .zmdi-collection-video:before{content:'\f151'} .zmdi-compass:before{content:'\f152'} .zmdi-cutlery:before{content:'\f153'} .zmdi-delete:before{content:'\f154'} .zmdi-dialpad:before{content:'\f155'} .zmdi-dns:before{content:'\f156'} .zmdi-drink:before{content:'\f157'} .zmdi-edit:before{content:'\f158'} .zmdi-email-open:before{content:'\f159'} .zmdi-email:before{content:'\f15a'} .zmdi-eye-off:before{content:'\f15b'} .zmdi-eye:before{content:'\f15c'} .zmdi-eyedropper:before{content:'\f15d'} .zmdi-favorite-outline:before{content:'\f15e'} .zmdi-favorite:before{content:'\f15f'} .zmdi-filter-list:before{content:'\f160'} .zmdi-fire:before{content:'\f161'} .zmdi-flag:before{content:'\f162'} .zmdi-flare:before{content:'\f163'} .zmdi-flash-auto:before{content:'\f164'} .zmdi-flash-off:before{content:'\f165'} .zmdi-flash:before{content:'\f166'} .zmdi-flip:before{content:'\f167'} .zmdi-flower-alt:before{content:'\f168'} .zmdi-flower:before{content:'\f169'} .zmdi-font:before{content:'\f16a'} .zmdi-fullscreen-alt:before{content:'\f16b'} .zmdi-fullscreen-exit:before{content:'\f16c'} .zmdi-fullscreen:before{content:'\f16d'} .zmdi-functions:before{content:'\f16e'} .zmdi-gas-station:before{content:'\f16f'} .zmdi-gesture:before{content:'\f170'} .zmdi-globe-alt:before{content:'\f171'} .zmdi-globe-lock:before{content:'\f172'} .zmdi-globe:before{content:'\f173'} .zmdi-graduation-cap:before{content:'\f174'} .zmdi-home:before{content:'\f175'} .zmdi-hospital-alt:before{content:'\f176'} .zmdi-hospital:before{content:'\f177'} .zmdi-hotel:before{content:'\f178'} .zmdi-hourglass-alt:before{content:'\f179'} .zmdi-hourglass-outline:before{content:'\f17a'} .zmdi-hourglass:before{content:'\f17b'} .zmdi-http:before{content:'\f17c'} .zmdi-image-alt:before{content:'\f17d'} .zmdi-image-o:before{content:'\f17e'} .zmdi-image:before{content:'\f17f'} .zmdi-inbox:before{content:'\f180'} .zmdi-invert-colors-off:before{content:'\f181'} .zmdi-invert-colors:before{content:'\f182'} .zmdi-key:before{content:'\f183'} .zmdi-label-alt-outline:before{content:'\f184'} .zmdi-label-alt:before{content:'\f185'} .zmdi-label-heart:before{content:'\f186'} .zmdi-label:before{content:'\f187'} .zmdi-labels:before{content:'\f188'} .zmdi-lamp:before{content:'\f189'} .zmdi-landscape:before{content:'\f18a'} .zmdi-layers-off:before{content:'\f18b'} .zmdi-layers:before{content:'\f18c'} .zmdi-library:before{content:'\f18d'} .zmdi-link:before{content:'\f18e'} .zmdi-lock-open:before{content:'\f18f'} .zmdi-lock-outline:before{content:'\f190'} .zmdi-lock:before{content:'\f191'} .zmdi-mail-reply-all:before{content:'\f192'} .zmdi-mail-reply:before{content:'\f193'} .zmdi-mail-send:before{content:'\f194'} .zmdi-mall:before{content:'\f195'} .zmdi-map:before{content:'\f196'} .zmdi-menu:before{content:'\f197'} .zmdi-money-box:before{content:'\f198'} .zmdi-money-off:before{content:'\f199'} .zmdi-money:before{content:'\f19a'} .zmdi-more-vert:before{content:'\f19b'} .zmdi-more:before{content:'\f19c'} .zmdi-movie-alt:before{content:'\f19d'} .zmdi-movie:before{content:'\f19e'} .zmdi-nature-people:before{content:'\f19f'} .zmdi-nature:before{content:'\f1a0'} .zmdi-navigation:before{content:'\f1a1'} .zmdi-open-in-browser:before{content:'\f1a2'} .zmdi-open-in-new:before{content:'\f1a3'} .zmdi-palette:before{content:'\f1a4'} .zmdi-parking:before{content:'\f1a5'} .zmdi-pin-account:before{content:'\f1a6'} .zmdi-pin-assistant:before{content:'\f1a7'} .zmdi-pin-drop:before{content:'\f1a8'} .zmdi-pin-help:before{content:'\f1a9'} .zmdi-pin-off:before{content:'\f1aa'} .zmdi-pin:before{content:'\f1ab'} .zmdi-pizza:before{content:'\f1ac'} .zmdi-plaster:before{content:'\f1ad'} .zmdi-power-setting:before{content:'\f1ae'} .zmdi-power:before{content:'\f1af'} .zmdi-print:before{content:'\f1b0'} .zmdi-puzzle-piece:before{content:'\f1b1'} .zmdi-quote:before{content:'\f1b2'} .zmdi-railway:before{content:'\f1b3'} .zmdi-receipt:before{content:'\f1b4'} .zmdi-refresh-alt:before{content:'\f1b5'} .zmdi-refresh-sync-alert:before{content:'\f1b6'} .zmdi-refresh-sync-off:before{content:'\f1b7'} .zmdi-refresh-sync:before{content:'\f1b8'} .zmdi-refresh:before{content:'\f1b9'} .zmdi-roller:before{content:'\f1ba'} .zmdi-ruler:before{content:'\f1bb'} .zmdi-scissors:before{content:'\f1bc'} .zmdi-screen-rotation-lock:before{content:'\f1bd'} .zmdi-screen-rotation:before{content:'\f1be'} .zmdi-search-for:before{content:'\f1bf'} .zmdi-search-in-file:before{content:'\f1c0'} .zmdi-search-in-page:before{content:'\f1c1'} .zmdi-search-replace:before{content:'\f1c2'} .zmdi-search:before{content:'\f1c3'} .zmdi-seat:before{content:'\f1c4'} .zmdi-settings-square:before{content:'\f1c5'} .zmdi-settings:before{content:'\f1c6'} .zmdi-shield-check:before{content:'\f1c7'} .zmdi-shield-security:before{content:'\f1c8'} .zmdi-shopping-basket:before{content:'\f1c9'} .zmdi-shopping-cart-plus:before{content:'\f1ca'} .zmdi-shopping-cart:before{content:'\f1cb'} .zmdi-sign-in:before{content:'\f1cc'} .zmdi-sort-amount-asc:before{content:'\f1cd'} .zmdi-sort-amount-desc:before{content:'\f1ce'} .zmdi-sort-asc:before{content:'\f1cf'} .zmdi-sort-desc:before{content:'\f1d0'} .zmdi-spellcheck:before{content:'\f1d1'} .zmdi-storage:before{content:'\f1d2'} .zmdi-store-24:before{content:'\f1d3'} .zmdi-store:before{content:'\f1d4'} .zmdi-subway:before{content:'\f1d5'} .zmdi-sun:before{content:'\f1d6'} .zmdi-tab-unselected:before{content:'\f1d7'} .zmdi-tab:before{content:'\f1d8'} .zmdi-tag-close:before{content:'\f1d9'} .zmdi-tag-more:before{content:'\f1da'} .zmdi-tag:before{content:'\f1db'} .zmdi-thumb-down:before{content:'\f1dc'} .zmdi-thumb-up-down:before{content:'\f1dd'} .zmdi-thumb-up:before{content:'\f1de'} .zmdi-ticket-star:before{content:'\f1df'} .zmdi-toll:before{content:'\f1e0'} .zmdi-toys:before{content:'\f1e1'} .zmdi-traffic:before{content:'\f1e2'} .zmdi-translate:before{content:'\f1e3'} .zmdi-triangle-down:before{content:'\f1e4'} .zmdi-triangle-up:before{content:'\f1e5'} .zmdi-truck:before{content:'\f1e6'} .zmdi-turning-sign:before{content:'\f1e7'} .zmdi-wallpaper:before{content:'\f1e8'} .zmdi-washing-machine:before{content:'\f1e9'} .zmdi-window-maximize:before{content:'\f1ea'} .zmdi-window-minimize:before{content:'\f1eb'} .zmdi-window-restore:before{content:'\f1ec'} .zmdi-wrench:before{content:'\f1ed'} .zmdi-zoom-in:before{content:'\f1ee'} .zmdi-zoom-out:before{content:'\f1ef'} .zmdi-alert-circle-o:before{content:'\f1f0'} .zmdi-alert-circle:before{content:'\f1f1'} .zmdi-alert-octagon:before{content:'\f1f2'} .zmdi-alert-polygon:before{content:'\f1f3'} .zmdi-alert-triangle:before{content:'\f1f4'} .zmdi-help-outline:before{content:'\f1f5'} .zmdi-help:before{content:'\f1f6'} .zmdi-info-outline:before{content:'\f1f7'} .zmdi-info:before{content:'\f1f8'} .zmdi-notifications-active:before{content:'\f1f9'} .zmdi-notifications-add:before{content:'\f1fa'} .zmdi-notifications-none:before{content:'\f1fb'} .zmdi-notifications-off:before{content:'\f1fc'} .zmdi-notifications-paused:before{content:'\f1fd'} .zmdi-notifications:before{content:'\f1fe'} .zmdi-account-add:before{content:'\f1ff'} .zmdi-account-box-mail:before{content:'\f200'} .zmdi-account-box-o:before{content:'\f201'} .zmdi-account-box-phone:before{content:'\f202'} .zmdi-account-box:before{content:'\f203'} .zmdi-account-calendar:before{content:'\f204'} .zmdi-account-circle:before{content:'\f205'} .zmdi-account-o:before{content:'\f206'} .zmdi-account:before{content:'\f207'} .zmdi-accounts-add:before{content:'\f208'} .zmdi-accounts-alt:before{content:'\f209'} .zmdi-accounts-list-alt:before{content:'\f20a'} .zmdi-accounts-list:before{content:'\f20b'} .zmdi-accounts-outline:before{content:'\f20c'} .zmdi-accounts:before{content:'\f20d'} .zmdi-face:before{content:'\f20e'} .zmdi-female:before{content:'\f20f'} .zmdi-male-alt:before{content:'\f210'} .zmdi-male-female:before{content:'\f211'} .zmdi-male:before{content:'\f212'} .zmdi-mood-bad:before{content:'\f213'} .zmdi-mood:before{content:'\f214'} .zmdi-run:before{content:'\f215'} .zmdi-walk:before{content:'\f216'} .zmdi-cloud-box:before{content:'\f217'} .zmdi-cloud-circle:before{content:'\f218'} .zmdi-cloud-done:before{content:'\f219'} .zmdi-cloud-download:before{content:'\f21a'} .zmdi-cloud-off:before{content:'\f21b'} .zmdi-cloud-outline-alt:before{content:'\f21c'} .zmdi-cloud-outline:before{content:'\f21d'} .zmdi-cloud-upload:before{content:'\f21e'} .zmdi-cloud:before{content:'\f21f'} .zmdi-download:before{content:'\f220'} .zmdi-file-plus:before{content:'\f221'} .zmdi-file-text:before{content:'\f222'} .zmdi-file:before{content:'\f223'} .zmdi-folder-outline:before{content:'\f224'} .zmdi-folder-person:before{content:'\f225'} .zmdi-folder-star-alt:before{content:'\f226'} .zmdi-folder-star:before{content:'\f227'} .zmdi-folder:before{content:'\f228'} .zmdi-gif:before{content:'\f229'} .zmdi-upload:before{content:'\f22a'} .zmdi-border-all:before{content:'\f22b'} .zmdi-border-bottom:before{content:'\f22c'} .zmdi-border-clear:before{content:'\f22d'} .zmdi-border-color:before{content:'\f22e'} .zmdi-border-horizontal:before{content:'\f22f'} .zmdi-border-inner:before{content:'\f230'} .zmdi-border-left:before{content:'\f231'} .zmdi-border-outer:before{content:'\f232'} .zmdi-border-right:before{content:'\f233'} .zmdi-border-style:before{content:'\f234'} .zmdi-border-top:before{content:'\f235'} .zmdi-border-vertical:before{content:'\f236'} .zmdi-copy:before{content:'\f237'} .zmdi-crop:before{content:'\f238'} .zmdi-format-align-center:before{content:'\f239'} .zmdi-format-align-justify:before{content:'\f23a'} .zmdi-format-align-left:before{content:'\f23b'} .zmdi-format-align-right:before{content:'\f23c'} .zmdi-format-bold:before{content:'\f23d'} .zmdi-format-clear-all:before{content:'\f23e'} .zmdi-format-clear:before{content:'\f23f'} .zmdi-format-color-fill:before{content:'\f240'} .zmdi-format-color-reset:before{content:'\f241'} .zmdi-format-color-text:before{content:'\f242'} .zmdi-format-indent-decrease:before{content:'\f243'} .zmdi-format-indent-increase:before{content:'\f244'} .zmdi-format-italic:before{content:'\f245'} .zmdi-format-line-spacing:before{content:'\f246'} .zmdi-format-list-bulleted:before{content:'\f247'} .zmdi-format-list-numbered:before{content:'\f248'} .zmdi-format-ltr:before{content:'\f249'} .zmdi-format-rtl:before{content:'\f24a'} .zmdi-format-size:before{content:'\f24b'} .zmdi-format-strikethrough-s:before{content:'\f24c'} .zmdi-format-strikethrough:before{content:'\f24d'} .zmdi-format-subject:before{content:'\f24e'} .zmdi-format-underlined:before{content:'\f24f'} .zmdi-format-valign-bottom:before{content:'\f250'} .zmdi-format-valign-center:before{content:'\f251'} .zmdi-format-valign-top:before{content:'\f252'} .zmdi-redo:before{content:'\f253'} .zmdi-select-all:before{content:'\f254'} .zmdi-space-bar:before{content:'\f255'} .zmdi-text-format:before{content:'\f256'} .zmdi-transform:before{content:'\f257'} .zmdi-undo:before{content:'\f258'} .zmdi-wrap-text:before{content:'\f259'} .zmdi-comment-alert:before{content:'\f25a'} .zmdi-comment-alt-text:before{content:'\f25b'} .zmdi-comment-alt:before{content:'\f25c'} .zmdi-comment-edit:before{content:'\f25d'} .zmdi-comment-image:before{content:'\f25e'} .zmdi-comment-list:before{content:'\f25f'} .zmdi-comment-more:before{content:'\f260'} .zmdi-comment-outline:before{content:'\f261'} .zmdi-comment-text-alt:before{content:'\f262'} .zmdi-comment-text:before{content:'\f263'} .zmdi-comment-video:before{content:'\f264'} .zmdi-comment:before{content:'\f265'} .zmdi-comments:before{content:'\f266'} .zmdi-check-all:before{content:'\f267'} .zmdi-check-circle-u:before{content:'\f268'} .zmdi-check-circle:before{content:'\f269'} .zmdi-check-square:before{content:'\f26a'} .zmdi-check:before{content:'\f26b'} .zmdi-circle-o:before{content:'\f26c'} .zmdi-circle:before{content:'\f26d'} .zmdi-dot-circle-alt:before{content:'\f26e'} .zmdi-dot-circle:before{content:'\f26f'} .zmdi-minus-circle-outline:before{content:'\f270'} .zmdi-minus-circle:before{content:'\f271'} .zmdi-minus-square:before{content:'\f272'} .zmdi-minus:before{content:'\f273'} .zmdi-plus-circle-o-duplicate:before{content:'\f274'} .zmdi-plus-circle-o:before{content:'\f275'} .zmdi-plus-circle:before{content:'\f276'} .zmdi-plus-square:before{content:'\f277'} .zmdi-plus:before{content:'\f278'} .zmdi-square-o:before{content:'\f279'} .zmdi-star-circle:before{content:'\f27a'} .zmdi-star-half:before{content:'\f27b'} .zmdi-star-outline:before{content:'\f27c'} .zmdi-star:before{content:'\f27d'} .zmdi-bluetooth-connected:before{content:'\f27e'} .zmdi-bluetooth-off:before{content:'\f27f'} .zmdi-bluetooth-search:before{content:'\f280'} .zmdi-bluetooth-setting:before{content:'\f281'} .zmdi-bluetooth:before{content:'\f282'} .zmdi-camera-add:before{content:'\f283'} .zmdi-camera-alt:before{content:'\f284'} .zmdi-camera-bw:before{content:'\f285'} .zmdi-camera-front:before{content:'\f286'} .zmdi-camera-mic:before{content:'\f287'} .zmdi-camera-party-mode:before{content:'\f288'} .zmdi-camera-rear:before{content:'\f289'} .zmdi-camera-roll:before{content:'\f28a'} .zmdi-camera-switch:before{content:'\f28b'} .zmdi-camera:before{content:'\f28c'} .zmdi-card-alert:before{content:'\f28d'} .zmdi-card-off:before{content:'\f28e'} .zmdi-card-sd:before{content:'\f28f'} .zmdi-card-sim:before{content:'\f290'} .zmdi-desktop-mac:before{content:'\f291'} .zmdi-desktop-windows:before{content:'\f292'} .zmdi-device-hub:before{content:'\f293'} .zmdi-devices-off:before{content:'\f294'} .zmdi-devices:before{content:'\f295'} .zmdi-dock:before{content:'\f296'} .zmdi-floppy:before{content:'\f297'} .zmdi-gamepad:before{content:'\f298'} .zmdi-gps-dot:before{content:'\f299'} .zmdi-gps-off:before{content:'\f29a'} .zmdi-gps:before{content:'\f29b'} .zmdi-headset-mic:before{content:'\f29c'} .zmdi-headset:before{content:'\f29d'} .zmdi-input-antenna:before{content:'\f29e'} .zmdi-input-composite:before{content:'\f29f'} .zmdi-input-hdmi:before{content:'\f2a0'} .zmdi-input-power:before{content:'\f2a1'} .zmdi-input-svideo:before{content:'\f2a2'} .zmdi-keyboard-hide:before{content:'\f2a3'} .zmdi-keyboard:before{content:'\f2a4'} .zmdi-laptop-chromebook:before{content:'\f2a5'} .zmdi-laptop-mac:before{content:'\f2a6'} .zmdi-laptop:before{content:'\f2a7'} .zmdi-mic-off:before{content:'\f2a8'} .zmdi-mic-outline:before{content:'\f2a9'} .zmdi-mic-setting:before{content:'\f2aa'} .zmdi-mic:before{content:'\f2ab'} .zmdi-mouse:before{content:'\f2ac'} .zmdi-network-alert:before{content:'\f2ad'} .zmdi-network-locked:before{content:'\f2ae'} .zmdi-network-off:before{content:'\f2af'} .zmdi-network-outline:before{content:'\f2b0'} .zmdi-network-setting:before{content:'\f2b1'} .zmdi-network:before{content:'\f2b2'} .zmdi-phone-bluetooth:before{content:'\f2b3'} .zmdi-phone-end:before{content:'\f2b4'} .zmdi-phone-forwarded:before{content:'\f2b5'} .zmdi-phone-in-talk:before{content:'\f2b6'} .zmdi-phone-locked:before{content:'\f2b7'} .zmdi-phone-missed:before{content:'\f2b8'} .zmdi-phone-msg:before{content:'\f2b9'} .zmdi-phone-paused:before{content:'\f2ba'} .zmdi-phone-ring:before{content:'\f2bb'} .zmdi-phone-setting:before{content:'\f2bc'} .zmdi-phone-sip:before{content:'\f2bd'} .zmdi-phone:before{content:'\f2be'} .zmdi-portable-wifi-changes:before{content:'\f2bf'} .zmdi-portable-wifi-off:before{content:'\f2c0'} .zmdi-portable-wifi:before{content:'\f2c1'} .zmdi-radio:before{content:'\f2c2'} .zmdi-reader:before{content:'\f2c3'} .zmdi-remote-control-alt:before{content:'\f2c4'} .zmdi-remote-control:before{content:'\f2c5'} .zmdi-router:before{content:'\f2c6'} .zmdi-scanner:before{content:'\f2c7'} .zmdi-smartphone-android:before{content:'\f2c8'} .zmdi-smartphone-download:before{content:'\f2c9'} .zmdi-smartphone-erase:before{content:'\f2ca'} .zmdi-smartphone-info:before{content:'\f2cb'} .zmdi-smartphone-iphone:before{content:'\f2cc'} .zmdi-smartphone-landscape-lock:before{content:'\f2cd'} .zmdi-smartphone-landscape:before{content:'\f2ce'} .zmdi-smartphone-lock:before{content:'\f2cf'} .zmdi-smartphone-portrait-lock:before{content:'\f2d0'} .zmdi-smartphone-ring:before{content:'\f2d1'} .zmdi-smartphone-setting:before{content:'\f2d2'} .zmdi-smartphone-setup:before{content:'\f2d3'} .zmdi-smartphone:before{content:'\f2d4'} .zmdi-speaker:before{content:'\f2d5'} .zmdi-tablet-android:before{content:'\f2d6'} .zmdi-tablet-mac:before{content:'\f2d7'} .zmdi-tablet:before{content:'\f2d8'} .zmdi-tv-alt-play:before{content:'\f2d9'} .zmdi-tv-list:before{content:'\f2da'} .zmdi-tv-play:before{content:'\f2db'} .zmdi-tv:before{content:'\f2dc'} .zmdi-usb:before{content:'\f2dd'} .zmdi-videocam-off:before{content:'\f2de'} .zmdi-videocam-switch:before{content:'\f2df'} .zmdi-videocam:before{content:'\f2e0'} .zmdi-watch:before{content:'\f2e1'} .zmdi-wifi-alt-2:before{content:'\f2e2'} .zmdi-wifi-alt:before{content:'\f2e3'} .zmdi-wifi-info:before{content:'\f2e4'} .zmdi-wifi-lock:before{content:'\f2e5'} .zmdi-wifi-off:before{content:'\f2e6'} .zmdi-wifi-outline:before{content:'\f2e7'} .zmdi-wifi:before{content:'\f2e8'} .zmdi-arrow-left-bottom:before{content:'\f2e9'} .zmdi-arrow-left:before{content:'\f2ea'} .zmdi-arrow-merge:before{content:'\f2eb'} .zmdi-arrow-missed:before{content:'\f2ec'} .zmdi-arrow-right-top:before{content:'\f2ed'} .zmdi-arrow-right:before{content:'\f2ee'} .zmdi-arrow-split:before{content:'\f2ef'} .zmdi-arrows:before{content:'\f2f0'} .zmdi-caret-down-circle:before{content:'\f2f1'} .zmdi-caret-down:before{content:'\f2f2'} .zmdi-caret-left-circle:before{content:'\f2f3'} .zmdi-caret-left:before{content:'\f2f4'} .zmdi-caret-right-circle:before{content:'\f2f5'} .zmdi-caret-right:before{content:'\f2f6'} .zmdi-caret-up-circle:before{content:'\f2f7'} .zmdi-caret-up:before{content:'\f2f8'} .zmdi-chevron-down:before{content:'\f2f9'} .zmdi-chevron-left:before{content:'\f2fa'} .zmdi-chevron-right:before{content:'\f2fb'} .zmdi-chevron-up:before{content:'\f2fc'} .zmdi-forward:before{content:'\f2fd'} .zmdi-long-arrow-down:before{content:'\f2fe'} .zmdi-long-arrow-left:before{content:'\f2ff'} .zmdi-long-arrow-return:before{content:'\f300'} .zmdi-long-arrow-right:before{content:'\f301'} .zmdi-long-arrow-tab:before{content:'\f302'} .zmdi-long-arrow-up:before{content:'\f303'} .zmdi-rotate-ccw:before{content:'\f304'} .zmdi-rotate-cw:before{content:'\f305'} .zmdi-rotate-left:before{content:'\f306'} .zmdi-rotate-right:before{content:'\f307'} .zmdi-square-down:before{content:'\f308'} .zmdi-square-right:before{content:'\f309'} .zmdi-swap-alt:before{content:'\f30a'} .zmdi-swap-vertical-circle:before{content:'\f30b'} .zmdi-swap-vertical:before{content:'\f30c'} .zmdi-swap:before{content:'\f30d'} .zmdi-trending-down:before{content:'\f30e'} .zmdi-trending-flat:before{content:'\f30f'} .zmdi-trending-up:before{content:'\f310'} .zmdi-unfold-less:before{content:'\f311'} .zmdi-unfold-more:before{content:'\f312'} .zmdi-apps:before{content:'\f313'} .zmdi-grid-off:before{content:'\f314'} .zmdi-grid:before{content:'\f315'} .zmdi-view-agenda:before{content:'\f316'} .zmdi-view-array:before{content:'\f317'} .zmdi-view-carousel:before{content:'\f318'} .zmdi-view-column:before{content:'\f319'} .zmdi-view-comfy:before{content:'\f31a'} .zmdi-view-compact:before{content:'\f31b'} .zmdi-view-dashboard:before{content:'\f31c'} .zmdi-view-day:before{content:'\f31d'} .zmdi-view-headline:before{content:'\f31e'} .zmdi-view-list-alt:before{content:'\f31f'} .zmdi-view-list:before{content:'\f320'} .zmdi-view-module:before{content:'\f321'} .zmdi-view-quilt:before{content:'\f322'} .zmdi-view-stream:before{content:'\f323'} .zmdi-view-subtitles:before{content:'\f324'} .zmdi-view-toc:before{content:'\f325'} .zmdi-view-web:before{content:'\f326'} .zmdi-view-week:before{content:'\f327'} .zmdi-widgets:before{content:'\f328'} .zmdi-alarm-check:before{content:'\f329'} .zmdi-alarm-off:before{content:'\f32a'} .zmdi-alarm-plus:before{content:'\f32b'} .zmdi-alarm-snooze:before{content:'\f32c'} .zmdi-alarm:before{content:'\f32d'} .zmdi-calendar-alt:before{content:'\f32e'} .zmdi-calendar-check:before{content:'\f32f'} .zmdi-calendar-close:before{content:'\f330'} .zmdi-calendar-note:before{content:'\f331'} .zmdi-calendar:before{content:'\f332'} .zmdi-time-countdown:before{content:'\f333'} .zmdi-time-interval:before{content:'\f334'} .zmdi-time-restore-setting:before{content:'\f335'} .zmdi-time-restore:before{content:'\f336'} .zmdi-time:before{content:'\f337'} .zmdi-timer-off:before{content:'\f338'} .zmdi-timer:before{content:'\f339'} .zmdi-android-alt:before{content:'\f33a'} .zmdi-android:before{content:'\f33b'} .zmdi-apple:before{content:'\f33c'} .zmdi-behance:before{content:'\f33d'} .zmdi-codepen:before{content:'\f33e'} .zmdi-dribbble:before{content:'\f33f'} .zmdi-dropbox:before{content:'\f340'} .zmdi-evernote:before{content:'\f341'} .zmdi-facebook-box:before{content:'\f342'} .zmdi-facebook:before{content:'\f343'} .zmdi-github-box:before{content:'\f344'} .zmdi-github:before{content:'\f345'} .zmdi-google-drive:before{content:'\f346'} .zmdi-google-earth:before{content:'\f347'} .zmdi-google-glass:before{content:'\f348'} .zmdi-google-maps:before{content:'\f349'} .zmdi-google-pages:before{content:'\f34a'} .zmdi-google-play:before{content:'\f34b'} .zmdi-google-plus-box:before{content:'\f34c'} .zmdi-google-plus:before{content:'\f34d'} .zmdi-google:before{content:'\f34e'} .zmdi-instagram:before{content:'\f34f'} .zmdi-language-css3:before{content:'\f350'} .zmdi-language-html5:before{content:'\f351'} .zmdi-language-javascript:before{content:'\f352'} .zmdi-language-python-alt:before{content:'\f353'} .zmdi-language-python:before{content:'\f354'} .zmdi-lastfm:before{content:'\f355'} .zmdi-linkedin-box:before{content:'\f356'} .zmdi-paypal:before{content:'\f357'} .zmdi-pinterest-box:before{content:'\f358'} .zmdi-pocket:before{content:'\f359'} .zmdi-polymer:before{content:'\f35a'} .zmdi-share:before{content:'\f35b'} .zmdi-stackoverflow:before{content:'\f35c'} .zmdi-steam-square:before{content:'\f35d'} .zmdi-steam:before{content:'\f35e'} .zmdi-twitter-box:before{content:'\f35f'} .zmdi-twitter:before{content:'\f360'} .zmdi-vk:before{content:'\f361'} .zmdi-wikipedia:before{content:'\f362'} .zmdi-windows:before{content:'\f363'} .zmdi-aspect-ratio-alt:before{content:'\f364'} .zmdi-aspect-ratio:before{content:'\f365'} .zmdi-blur-circular:before{content:'\f366'} .zmdi-blur-linear:before{content:'\f367'} .zmdi-blur-off:before{content:'\f368'} .zmdi-blur:before{content:'\f369'} .zmdi-brightness-2:before{content:'\f36a'} .zmdi-brightness-3:before{content:'\f36b'} .zmdi-brightness-4:before{content:'\f36c'} .zmdi-brightness-5:before{content:'\f36d'} .zmdi-brightness-6:before{content:'\f36e'} .zmdi-brightness-7:before{content:'\f36f'} .zmdi-brightness-auto:before{content:'\f370'} .zmdi-brightness-setting:before{content:'\f371'} .zmdi-broken-image:before{content:'\f372'} .zmdi-center-focus-strong:before{content:'\f373'} .zmdi-center-focus-weak:before{content:'\f374'} .zmdi-compare:before{content:'\f375'} .zmdi-crop-16-9:before{content:'\f376'} .zmdi-crop-3-2:before{content:'\f377'} .zmdi-crop-5-4:before{content:'\f378'} .zmdi-crop-7-5:before{content:'\f379'} .zmdi-crop-din:before{content:'\f37a'} .zmdi-crop-free:before{content:'\f37b'} .zmdi-crop-landscape:before{content:'\f37c'} .zmdi-crop-portrait:before{content:'\f37d'} .zmdi-crop-square:before{content:'\f37e'} .zmdi-exposure-alt:before{content:'\f37f'} .zmdi-exposure:before{content:'\f380'} .zmdi-filter-b-and-w:before{content:'\f381'} .zmdi-filter-center-focus:before{content:'\f382'} .zmdi-filter-frames:before{content:'\f383'} .zmdi-filter-tilt-shift:before{content:'\f384'} .zmdi-gradient:before{content:'\f385'} .zmdi-grain:before{content:'\f386'} .zmdi-graphic-eq:before{content:'\f387'} .zmdi-hdr-off:before{content:'\f388'} .zmdi-hdr-strong:before{content:'\f389'} .zmdi-hdr-weak:before{content:'\f38a'} .zmdi-hdr:before{content:'\f38b'} .zmdi-iridescent:before{content:'\f38c'} .zmdi-leak-off:before{content:'\f38d'} .zmdi-leak:before{content:'\f38e'} .zmdi-looks:before{content:'\f38f'} .zmdi-loupe:before{content:'\f390'} .zmdi-panorama-horizontal:before{content:'\f391'} .zmdi-panorama-vertical:before{content:'\f392'} .zmdi-panorama-wide-angle:before{content:'\f393'} .zmdi-photo-size-select-large:before{content:'\f394'} .zmdi-photo-size-select-small:before{content:'\f395'} .zmdi-picture-in-picture:before{content:'\f396'} .zmdi-slideshow:before{content:'\f397'} .zmdi-texture:before{content:'\f398'} .zmdi-tonality:before{content:'\f399'} .zmdi-vignette:before{content:'\f39a'} .zmdi-wb-auto:before{content:'\f39b'} .zmdi-eject-alt:before{content:'\f39c'} .zmdi-eject:before{content:'\f39d'} .zmdi-equalizer:before{content:'\f39e'} .zmdi-fast-forward:before{content:'\f39f'} .zmdi-fast-rewind:before{content:'\f3a0'} .zmdi-forward-10:before{content:'\f3a1'} .zmdi-forward-30:before{content:'\f3a2'} .zmdi-forward-5:before{content:'\f3a3'} .zmdi-hearing:before{content:'\f3a4'} .zmdi-pause-circle-outline:before{content:'\f3a5'} .zmdi-pause-circle:before{content:'\f3a6'} .zmdi-pause:before{content:'\f3a7'} .zmdi-play-circle-outline:before{content:'\f3a8'} .zmdi-play-circle:before{content:'\f3a9'} .zmdi-play:before{content:'\f3aa'} .zmdi-playlist-audio:before{content:'\f3ab'} .zmdi-playlist-plus:before{content:'\f3ac'} .zmdi-repeat-one:before{content:'\f3ad'} .zmdi-repeat:before{content:'\f3ae'} .zmdi-replay-10:before{content:'\f3af'} .zmdi-replay-30:before{content:'\f3b0'} .zmdi-replay-5:before{content:'\f3b1'} .zmdi-replay:before{content:'\f3b2'} .zmdi-shuffle:before{content:'\f3b3'} .zmdi-skip-next:before{content:'\f3b4'} .zmdi-skip-previous:before{content:'\f3b5'} .zmdi-stop:before{content:'\f3b6'} .zmdi-surround-sound:before{content:'\f3b7'} .zmdi-tune:before{content:'\f3b8'} .zmdi-volume-down:before{content:'\f3b9'} .zmdi-volume-mute:before{content:'\f3ba'} .zmdi-volume-off:before{content:'\f3bb'} .zmdi-volume-up:before{content:'\f3bc'} .zmdi-n-1-square:before{content:'\f3bd'} .zmdi-n-2-square:before{content:'\f3be'} .zmdi-n-3-square:before{content:'\f3bf'} .zmdi-n-4-square:before{content:'\f3c0'} .zmdi-n-5-square:before{content:'\f3c1'} .zmdi-n-6-square:before{content:'\f3c2'} .zmdi-neg-1:before{content:'\f3c3'} .zmdi-neg-2:before{content:'\f3c4'} .zmdi-plus-1:before{content:'\f3c5'} .zmdi-plus-2:before{content:'\f3c6'} .zmdi-sec-10:before{content:'\f3c7'} .zmdi-sec-3:before{content:'\f3c8'} .zmdi-zero:before{content:'\f3c9'} .zmdi-airline-seat-flat-angled:before{content:'\f3ca'} .zmdi-airline-seat-flat:before{content:'\f3cb'} .zmdi-airline-seat-individual-suite:before{content:'\f3cc'} .zmdi-airline-seat-legroom-extra:before{content:'\f3cd'} .zmdi-airline-seat-legroom-normal:before{content:'\f3ce'} .zmdi-airline-seat-legroom-reduced:before{content:'\f3cf'} .zmdi-airline-seat-recline-extra:before{content:'\f3d0'} .zmdi-airline-seat-recline-normal:before{content:'\f3d1'} .zmdi-airplay:before{content:'\f3d2'} .zmdi-closed-caption:before{content:'\f3d3'} .zmdi-confirmation-number:before{content:'\f3d4'} .zmdi-developer-board:before{content:'\f3d5'} .zmdi-disc-full:before{content:'\f3d6'} .zmdi-explicit:before{content:'\f3d7'} .zmdi-flight-land:before{content:'\f3d8'} .zmdi-flight-takeoff:before{content:'\f3d9'} .zmdi-flip-to-back:before{content:'\f3da'} .zmdi-flip-to-front:before{content:'\f3db'} .zmdi-group-work:before{content:'\f3dc'} .zmdi-hd:before{content:'\f3dd'} .zmdi-hq:before{content:'\f3de'} .zmdi-markunread-mailbox:before{content:'\f3df'} .zmdi-memory:before{content:'\f3e0'} .zmdi-nfc:before{content:'\f3e1'} .zmdi-play-for-work:before{content:'\f3e2'} .zmdi-power-input:before{content:'\f3e3'} .zmdi-present-to-all:before{content:'\f3e4'} .zmdi-satellite:before{content:'\f3e5'} .zmdi-tap-and-play:before{content:'\f3e6'} .zmdi-vibration:before{content:'\f3e7'} .zmdi-voicemail:before{content:'\f3e8'} .zmdi-group:before{content:'\f3e9'} .zmdi-rss:before{content:'\f3ea'} .zmdi-shape:before{content:'\f3eb'} .zmdi-spinner:before{content:'\f3ec'} .zmdi-ungroup:before{content:'\f3ed'} .zmdi-500px:before{content:'\f3ee'} .zmdi-8tracks:before{content:'\f3ef'} .zmdi-amazon:before{content:'\f3f0'} .zmdi-blogger:before{content:'\f3f1'} .zmdi-delicious:before{content:'\f3f2'} .zmdi-disqus:before{content:'\f3f3'} .zmdi-flattr:before{content:'\f3f4'} .zmdi-flickr:before{content:'\f3f5'} .zmdi-github-alt:before{content:'\f3f6'} .zmdi-google-old:before{content:'\f3f7'} .zmdi-linkedin:before{content:'\f3f8'} .zmdi-odnoklassniki:before{content:'\f3f9'} .zmdi-outlook:before{content:'\f3fa'} .zmdi-paypal-alt:before{content:'\f3fb'} .zmdi-pinterest:before{content:'\f3fc'} .zmdi-playstation:before{content:'\f3fd'} .zmdi-reddit:before{content:'\f3fe'} .zmdi-skype:before{content:'\f3ff'} .zmdi-slideshare:before{content:'\f400'} .zmdi-soundcloud:before{content:'\f401'} .zmdi-tumblr:before{content:'\f402'} .zmdi-twitch:before{content:'\f403'} .zmdi-vimeo:before{content:'\f404'} .zmdi-whatsapp:before{content:'\f405'} .zmdi-xbox:before{content:'\f406'} .zmdi-yahoo:before{content:'\f407'} .zmdi-youtube-play:before{content:'\f408'} .zmdi-youtube:before{content:'\f409'} .zmdi-import-export:before{content:'\f30c'} .zmdi-swap-vertical-:before{content:'\f30c'} .zmdi-airplanemode-inactive:before{content:'\f102'} .zmdi-airplanemode-active:before{content:'\f103'} .zmdi-rate-review:before{content:'\f103'} .zmdi-comment-sign:before{content:'\f25a'} .zmdi-network-warning:before{content:'\f2ad'} .zmdi-shopping-cart-add:before{content:'\f1ca'} .zmdi-file-add:before{content:'\f221'} .zmdi-network-wifi-scan:before{content:'\f2e4'} .zmdi-collection-add:before{content:'\f14e'} .zmdi-format-playlist-add:before{content:'\f3ac'} .zmdi-format-queue-music:before{content:'\f3ab'} .zmdi-plus-box:before{content:'\f277'} .zmdi-tag-backspace:before{content:'\f1d9'} .zmdi-alarm-add:before{content:'\f32b'} .zmdi-battery-charging:before{content:'\f114'} .zmdi-daydream-setting:before{content:'\f217'} .zmdi-more-horiz:before{content:'\f19c'} .zmdi-book-photo:before{content:'\f11b'} .zmdi-incandescent:before{content:'\f189'} .zmdi-wb-iridescent:before{content:'\f38c'} .zmdi-calendar-remove:before{content:'\f330'} .zmdi-refresh-sync-disabled:before{content:'\f1b7'} .zmdi-refresh-sync-problem:before{content:'\f1b6'} .zmdi-crop-original:before{content:'\f17e'} .zmdi-power-off:before{content:'\f1af'} .zmdi-power-off-setting:before{content:'\f1ae'} .zmdi-leak-remove:before{content:'\f38d'} .zmdi-star-border:before{content:'\f27c'} .zmdi-brightness-low:before{content:'\f36d'} .zmdi-brightness-medium:before{content:'\f36e'} .zmdi-brightness-high:before{content:'\f36f'} .zmdi-smartphone-portrait:before{content:'\f2d4'} .zmdi-live-tv:before{content:'\f2d9'} .zmdi-format-textdirection-l-to-r:before{content:'\f249'} .zmdi-format-textdirection-r-to-l:before{content:'\f24a'} .zmdi-arrow-back:before{content:'\f2ea'} .zmdi-arrow-forward:before{content:'\f2ee'} .zmdi-arrow-in:before{content:'\f2e9'} .zmdi-arrow-out:before{content:'\f2ed'} .zmdi-rotate-90-degrees-ccw:before{content:'\f304'} .zmdi-adb:before{content:'\f33a'} .zmdi-network-wifi:before{content:'\f2e8'} .zmdi-network-wifi-alt:before{content:'\f2e3'} .zmdi-network-wifi-lock:before{content:'\f2e5'} .zmdi-network-wifi-off:before{content:'\f2e6'} .zmdi-network-wifi-outline:before{content:'\f2e7'} .zmdi-network-wifi-info:before{content:'\f2e4'} .zmdi-layers-clear:before{content:'\f18b'} .zmdi-colorize:before{content:'\f15d'} .zmdi-format-paint:before{content:'\f1ba'} .zmdi-format-quote:before{content:'\f1b2'} .zmdi-camera-monochrome-photos:before{content:'\f285'} .zmdi-sort-by-alpha:before{content:'\f1cf'} .zmdi-folder-shared:before{content:'\f225'} .zmdi-folder-special:before{content:'\f226'} .zmdi-comment-dots:before{content:'\f260'} .zmdi-reorder:before{content:'\f31e'} .zmdi-dehaze:before{content:'\f197'} .zmdi-sort:before{content:'\f1ce'} .zmdi-pages:before{content:'\f34a'} .zmdi-stack-overflow:before{content:'\f35c'} .zmdi-calendar-account:before{content:'\f204'} .zmdi-paste:before{content:'\f109'} .zmdi-cut:before{content:'\f1bc'} .zmdi-save:before{content:'\f297'} .zmdi-smartphone-code:before{content:'\f139'} .zmdi-directions-bike:before{content:'\f117'} .zmdi-directions-boat:before{content:'\f11a'} .zmdi-directions-bus:before{content:'\f121'} .zmdi-directions-car:before{content:'\f125'} .zmdi-directions-railway:before{content:'\f1b3'} .zmdi-directions-run:before{content:'\f215'} .zmdi-directions-subway:before{content:'\f1d5'} .zmdi-directions-walk:before{content:'\f216'} .zmdi-local-hotel:before{content:'\f178'} .zmdi-local-activity:before{content:'\f1df'} .zmdi-local-play:before{content:'\f1df'} .zmdi-local-airport:before{content:'\f103'} .zmdi-local-atm:before{content:'\f198'} .zmdi-local-bar:before{content:'\f137'} .zmdi-local-cafe:before{content:'\f13b'} .zmdi-local-car-wash:before{content:'\f124'} .zmdi-local-convenience-store:before{content:'\f1d3'} .zmdi-local-dining:before{content:'\f153'} .zmdi-local-drink:before{content:'\f157'} .zmdi-local-florist:before{content:'\f168'} .zmdi-local-gas-station:before{content:'\f16f'} .zmdi-local-grocery-store:before{content:'\f1cb'} .zmdi-local-hospital:before{content:'\f177'} .zmdi-local-laundry-service:before{content:'\f1e9'} .zmdi-local-library:before{content:'\f18d'} .zmdi-local-mall:before{content:'\f195'} .zmdi-local-movies:before{content:'\f19d'} .zmdi-local-offer:before{content:'\f187'} .zmdi-local-parking:before{content:'\f1a5'} .zmdi-local-parking:before{content:'\f1a5'} .zmdi-local-pharmacy:before{content:'\f176'} .zmdi-local-phone:before{content:'\f2be'} .zmdi-local-pizza:before{content:'\f1ac'} .zmdi-local-post-office:before{content:'\f15a'} .zmdi-local-printshop:before{content:'\f1b0'} .zmdi-local-see:before{content:'\f28c'} .zmdi-local-shipping:before{content:'\f1e6'} .zmdi-local-store:before{content:'\f1d4'} .zmdi-local-taxi:before{content:'\f123'} .zmdi-local-wc:before{content:'\f211'} .zmdi-my-location:before{content:'\f299'} .zmdi-directions:before{content:'\f1e7'} 

/* /dawa_website_design/static/src/css/animate.css defined in bundle 'web.assets_frontend' */
 @-webkit-keyframes bounce{from, 20%, 53%, 80%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}40%, 43%{-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0);}70%{-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -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{from, 20%, 53%, 80%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}40%, 43%{-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0);}70%{-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -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{from, 50%, to{opacity: 1;}25%, 75%{opacity: 0;}} @keyframes flash{from, 50%, to{opacity: 1;}25%, 75%{opacity: 0;}} .flash{-webkit-animation-name: flash; animation-name: flash;} @-webkit-keyframes pulse{from{-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);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} @keyframes pulse{from{-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);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} .pulse{-webkit-animation-name: pulse; animation-name: pulse;} @-webkit-keyframes rubberBand{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}30%{-webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1);}40%{-webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1);}50%{-webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1);}65%{-webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1);}75%{-webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} @keyframes rubberBand{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}30%{-webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1);}40%{-webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1);}50%{-webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1);}65%{-webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1);}75%{-webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 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{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}10%, 20%{-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.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);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} @keyframes tada{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}10%, 20%{-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.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);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} .tada{-webkit-animation-name: tada; animation-name: tada;} @-webkit-keyframes wobble{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}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);}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes wobble{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}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);}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .wobble{-webkit-animation-name: wobble; animation-name: wobble;} @-webkit-keyframes jello{from, 11.1%, to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}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(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg);}77.7%{-webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg);}88.8%{-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg);}} @keyframes jello{from, 11.1%, to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}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(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg);}77.7%{-webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg);}88.8%{-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg);}} .jello{-webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center;} @-webkit-keyframes heartBeat{0%{-webkit-transform: scale(1); transform: scale(1);}14%{-webkit-transform: scale(1.3); transform: scale(1.3);}28%{-webkit-transform: scale(1); transform: scale(1);}42%{-webkit-transform: scale(1.3); transform: scale(1.3);}70%{-webkit-transform: scale(1); transform: scale(1);}} @keyframes heartBeat{0%{-webkit-transform: scale(1); transform: scale(1);}14%{-webkit-transform: scale(1.3); transform: scale(1.3);}28%{-webkit-transform: scale(1); transform: scale(1);}42%{-webkit-transform: scale(1.3); transform: scale(1.3);}70%{-webkit-transform: scale(1); transform: scale(1);}} .heartBeat{-webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;} @-webkit-keyframes bounceIn{from, 20%, 40%, 60%, 80%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}20%{-webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}40%{-webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97);}to{opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} @keyframes bounceIn{from, 20%, 40%, 60%, 80%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}20%{-webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}40%{-webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97);}to{opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} .bounceIn{-webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceIn; animation-name: bounceIn;} @-webkit-keyframes bounceInDown{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes bounceInDown{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .bounceInDown{-webkit-animation-name: bounceInDown; animation-name: bounceInDown;} @-webkit-keyframes bounceInLeft{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes bounceInLeft{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .bounceInLeft{-webkit-animation-name: bounceInLeft; animation-name: bounceInLeft;} @-webkit-keyframes bounceInRight{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes bounceInRight{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .bounceInRight{-webkit-animation-name: bounceInRight; animation-name: bounceInRight;} @-webkit-keyframes bounceInUp{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.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{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.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(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}} @keyframes bounceOut{20%{-webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}} .bounceOut{-webkit-animation-duration: 0.75s; animation-duration: 0.75s; -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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes fadeInDown{from{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes fadeInDownBig{from{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes fadeInLeft{from{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes fadeInLeftBig{from{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes fadeInRight{from{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes fadeInRightBig{from{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes fadeInUp{from{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes fadeInUpBig{from{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .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) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}40%{-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) 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) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) 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(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}to{-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}} @keyframes flip{from{-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}40%{-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) 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) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) 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(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}to{-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -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;} @-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{-webkit-backface-visibility: visible !important; 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-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; 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-animation-duration: 0.75s; animation-duration: 0.75s; -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);}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @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);}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 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-duration: 2s; animation-duration: 2s; -webkit-animation-name: hinge; animation-name: hinge;} @-webkit-keyframes jackInTheBox{from{opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom;}50%{-webkit-transform: rotate(-10deg); transform: rotate(-10deg);}70%{-webkit-transform: rotate(3deg); transform: rotate(3deg);}to{opacity: 1; -webkit-transform: scale(1); transform: scale(1);}} @keyframes jackInTheBox{from{opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom;}50%{-webkit-transform: rotate(-10deg); transform: rotate(-10deg);}70%{-webkit-transform: rotate(3deg); transform: rotate(3deg);}to{opacity: 1; -webkit-transform: scale(1); transform: scale(1);}} .jackInTheBox{-webkit-animation-name: jackInTheBox; animation-name: jackInTheBox;} @-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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .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(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}50%{opacity: 1;}} @keyframes zoomIn{from{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}50%{opacity: 1;}} .zoomIn{-webkit-animation-name: zoomIn; animation-name: zoomIn;} @-webkit-keyframes zoomInDown{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes zoomInDown{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .zoomInDown{-webkit-animation-name: zoomInDown; animation-name: zoomInDown;} @-webkit-keyframes zoomInLeft{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes zoomInLeft{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .zoomInLeft{-webkit-animation-name: zoomInLeft; animation-name: zoomInLeft;} @-webkit-keyframes zoomInRight{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes zoomInRight{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .zoomInRight{-webkit-animation-name: zoomInRight; animation-name: zoomInRight;} @-webkit-keyframes zoomInUp{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes zoomInUp{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .zoomInUp{-webkit-animation-name: zoomInUp; animation-name: zoomInUp;} @-webkit-keyframes zoomOut{from{opacity: 1;}50%{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}to{opacity: 0;}} @keyframes zoomOut{from{opacity: 1;}50%{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}to{opacity: 0;}} .zoomOut{-webkit-animation-name: zoomOut; animation-name: zoomOut;} @-webkit-keyframes zoomOutDown{40%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}to{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes zoomOutDown{40%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}to{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .zoomOutDown{-webkit-animation-name: zoomOutDown; animation-name: zoomOutDown;} @-webkit-keyframes zoomOutLeft{40%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);}to{opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center;}} @keyframes zoomOutLeft{40%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);}to{opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.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(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);}to{opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center;}} @keyframes zoomOutRight{40%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);}to{opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.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(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}to{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes zoomOutUp{40%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}to{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.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;} .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.delay-1s{-webkit-animation-delay: 1s; animation-delay: 1s;} .animated.delay-2s{-webkit-animation-delay: 2s; animation-delay: 2s;} .animated.delay-3s{-webkit-animation-delay: 3s; animation-delay: 3s;} .animated.delay-4s{-webkit-animation-delay: 4s; animation-delay: 4s;} .animated.delay-5s{-webkit-animation-delay: 5s; animation-delay: 5s;} .animated.fast{-webkit-animation-duration: 800ms; animation-duration: 800ms;} .animated.faster{-webkit-animation-duration: 500ms; animation-duration: 500ms;} .animated.slow{-webkit-animation-duration: 2s; animation-duration: 2s;} .animated.slower{-webkit-animation-duration: 3s; animation-duration: 3s;} @media (print), (prefers-reduced-motion: reduce){.animated{-webkit-animation-duration: 1ms !important; animation-duration: 1ms !important; -webkit-transition-duration: 1ms !important; transition-duration: 1ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important;}} 

/* /dawa_website_design/static/src/css/fonts.css defined in bundle 'web.assets_frontend' */
@font-face{font-family: pop-bold; src: url(/dawa_website_design/static/src/css/../fonts/Poppins-Bold.ttf);} @font-face{font-family: pop-extralight; src: url(/dawa_website_design/static/src/css/../fonts/Poppins-ExtraLight.ttf);} @font-face{font-family: pop-light; src: url(/dawa_website_design/static/src/css/../fonts/Poppins-Light.ttf);} @font-face{font-family: pop-regular; src: url(/dawa_website_design/static/src/css/../fonts/Poppins-Regular.ttf);} @font-face{font-family: pop-semibold; src: url(/dawa_website_design/static/src/css/../fonts/Poppins-SemiBold.ttf);} 

/* /dawa_website_design/static/src/css/owl.carousel.min.css defined in bundle 'web.assets_frontend' */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative} .owl-carousel{display:none;width:100%;z-index:1} .owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden} .owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)} .owl-carousel .owl-item,.owl-carousel .owl-wrapper{-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 .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none} .owl-carousel .owl-item img{display:block;width:100%} .owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none} .no-js .owl-carousel,.owl-carousel.owl-loaded{display:block} .owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit} .owl-carousel.owl-loading{opacity:0;display:block} .owl-carousel.owl-hidden{opacity:0} .owl-carousel.owl-refresh .owl-item{visibility:hidden} .owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel.owl-grab{cursor:move;cursor:grab} .owl-carousel.owl-rtl{direction:rtl} .owl-carousel.owl-rtl .owl-item{float:right} .owl-carousel .animated{animation-duration:1s;animation-fill-mode:both} .owl-carousel .owl-animated-in{z-index:0} .owl-carousel .owl-animated-out{z-index:1} .owl-carousel .fadeOut{animation-name:fadeOut} @keyframes fadeOut{0%{opacity:1}100%{opacity:0}} .owl-height{transition:height .5s ease-in-out} .owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease} .owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0} .owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d} .owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000} .owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/dawa_website_design/static/src/css/../images/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease} .owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)} .owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none} .owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease} .owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} @-webkit-keyframes bounce{from,20%,53%,80%,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,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-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{from,20%,53%,80%,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,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-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{from,50%,to{opacity:1}25%,75%{opacity:0}} @keyframes flash{from,50%,to{opacity:1}25%,75%{opacity:0}} .flash{-webkit-animation-name:flash;animation-name:flash} @-webkit-keyframes pulse{from{-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)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}} @keyframes pulse{from{-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)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}} .pulse{-webkit-animation-name:pulse;animation-name:pulse} @-webkit-keyframes rubberBand{from{-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)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}} @keyframes rubberBand{from{-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)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,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{-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)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}} @keyframes tada{from{-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)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}} .tada{-webkit-animation-name:tada;animation-name:tada} @-webkit-keyframes wobble{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}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)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}} @keyframes wobble{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}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)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}} .wobble{-webkit-animation-name:wobble;animation-name:wobble} @-webkit-keyframes jello{from,11.1%,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}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(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}} @keyframes jello{from,11.1%,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}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(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}} .jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center} @-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}} @keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}} .heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out} @-webkit-keyframes bounceIn{from,20%,40%,60%,80%,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{from,20%,40%,60%,80%,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-duration:0.75s;animation-duration:0.75s;-webkit-animation-name:bounceIn;animation-name:bounceIn} @-webkit-keyframes bounceInDown{from,60%,75%,90%,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:translate3d(0,0,0);transform:translate3d(0,0,0)}} @keyframes bounceInDown{from,60%,75%,90%,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:translate3d(0,0,0);transform:translate3d(0,0,0)}} .bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown} @-webkit-keyframes bounceInLeft{from,60%,75%,90%,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:translate3d(0,0,0);transform:translate3d(0,0,0)}} @keyframes bounceInLeft{from,60%,75%,90%,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:translate3d(0,0,0);transform:translate3d(0,0,0)}} .bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft} @-webkit-keyframes bounceInRight{from,60%,75%,90%,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:translate3d(0,0,0);transform:translate3d(0,0,0)}} @keyframes bounceInRight{from,60%,75%,90%,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:translate3d(0,0,0);transform:translate3d(0,0,0)}} .bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight} @-webkit-keyframes bounceInUp{from,60%,75%,90%,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{from,60%,75%,90%,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-duration:0.75s;animation-duration:0.75s;-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:translate3d(0,0,0);transform:translate3d(0,0,0)}} @keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}} .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:translate3d(0,0,0);transform:translate3d(0,0,0)}} @keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}} .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:translate3d(0,0,0);transform:translate3d(0,0,0)}} @keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}} .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:translate3d(0,0,0);transform:translate3d(0,0,0)}} @keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}} .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:translate3d(0,0,0);transform:translate3d(0,0,0)}} @keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}} .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:translate3d(0,0,0);transform:translate3d(0,0,0)}} @keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}} .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:translate3d(0,0,0);transform:translate3d(0,0,0)}} @keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}} .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:translate3d(0,0,0);transform:translate3d(0,0,0)}} @keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}} .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) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) scale3d(1,1,1) 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) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) scale3d(1,1,1) 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) translate3d(0,0,0) rotate3d(0,1,0,0deg);transform:perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}} @keyframes flip{from{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) scale3d(1,1,1) 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) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) scale3d(1,1,1) 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) translate3d(0,0,0) rotate3d(0,1,0,0deg);transform:perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);-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} @-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{-webkit-backface-visibility:visible!important;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-duration:0.75s;animation-duration:0.75s;-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;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-animation-duration:0.75s;animation-duration:0.75s;-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)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}} @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)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}} .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:translate3d(0,0,0);transform:translate3d(0,0,0);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:translate3d(0,0,0);transform:translate3d(0,0,0);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:translate3d(0,0,0);transform:translate3d(0,0,0);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:translate3d(0,0,0);transform:translate3d(0,0,0);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:translate3d(0,0,0);transform:translate3d(0,0,0);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:translate3d(0,0,0);transform:translate3d(0,0,0);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:translate3d(0,0,0);transform:translate3d(0,0,0);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:translate3d(0,0,0);transform:translate3d(0,0,0);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:translate3d(0,0,0);transform:translate3d(0,0,0);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:translate3d(0,0,0);transform:translate3d(0,0,0);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-duration:2s;animation-duration:2s;-webkit-animation-name:hinge;animation-name:hinge} @-webkit-keyframes jackInTheBox{from{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}} @keyframes jackInTheBox{from{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}} .jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox} @-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:translate3d(0,0,0);transform:translate3d(0,0,0)}} @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:translate3d(0,0,0);transform:translate3d(0,0,0)}} .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} .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.delay-1s{-webkit-animation-delay:1s;animation-delay:1s} .animated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s} .animated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s} .animated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s} .animated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s} .animated.fast{-webkit-animation-duration:800ms;animation-duration:800ms} .animated.faster{-webkit-animation-duration:500ms;animation-duration:500ms} .animated.slow{-webkit-animation-duration:2s;animation-duration:2s} .animated.slower{-webkit-animation-duration:3s;animation-duration:3s} @media (print),(prefers-reduced-motion:reduce){.animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}} 

/* /dawa_website_design/static/src/css/style.css defined in bundle 'web.assets_frontend' */
        body > div *{-webkit-box-sizing: border-box; box-sizing: border-box; font-family: pop-regular; font-size: 14px;} .owl-carousel{direction: ltr;} .tooltip{z-index: 1100 !important;} .tooltip-inner{max-width: 200px; padding: 5px 10px; color: #fff; text-align: center; background-color: #181818; border-radius: 0.25rem; font-size: 11px; text-transform: uppercase; font-weight: 500;} .tooltip .tooltip-arrow{display: none;} .tooltip.top{padding: 5px 0;} body{padding: 0; margin: 0;} select{display: inline-block;} h1, h2, h3, h4, h5, h6, ul{margin: 0; padding: 0; border: 0; outline: 0; vertical-align: middle; background: transparent;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;} nav ul{list-style: none;} ul{list-style: none;} iframe{width: 100% !important; border: 0 !important; height: 100% !important;} ::-moz-selection{background-color: #5763e3; color: #fff;} ::selection{background-color: #5763e3; color: #fff;} a, a:hover, a:visited, a:link{text-decoration: none; outline: none; cursor: pointer;} a{display: inline-block;} table{border-collapse: collapse; border-spacing: 0;} img{vertical-align: middle; border-style: none; max-width: 100%;} p{line-height: 1.5; margin: 0;} .modal-open{overflow: hidden !important;} .modal-backdrop.in{opacity: .9;} input, select, textarea{vertical-align: middle; margin: 0; padding: 0; outline: 0;} textarea{resize: none;} .form-control{height: 35px; line-height: 38px; padding-left: 10px; font-size: 13px; box-sizing: border-box; border-radius: 4px; box-shadow: none; text-transform: none; border: 1px solid #dfdfdf; margin-bottom: 0; padding: 0 16px;} .form-control::placeholder{color: #2b3430; text-transform: capitalize;} textarea.form-control{height: 170px !important; line-height: normal; padding-top: 8px !important;} .form-group, .form-control{margin-bottom: 0;} .form-control:focus{border: 1px solid #dfdfdf; border-bottom: 1px solid #2c4c99; -webkit-box-shadow: 0 1px 0 0 #2c4c99; box-shadow: 0 1px 0 0 #2c4c99; color: #303030;} .row{margin-bottom: 0;} .col-xs-12{padding: 0;} i{color: inherit; font-style: normal;} .toTop{background-color: #fff; color: #00C9EC; position: fixed; bottom: 50px; right: -60px; width: 40px !important; height: 40px; cursor: pointer; line-height: 40px; border-radius: 0; text-align: center; z-index: 35; -webkit-transition: all .3s; transition: all .3s; -webkit-box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.07); box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.07); overflow: hidden; border-radius: 50px;} i{color: inherit; font-size: inherit;} #loading{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; background-color: #fff;} .loading{position: absolute; top: 50%; left: 50%;} .menu-item-has-children{position: relative;} .menu-item-has-children .sub-menu{position: absolute; left: 0; right: auto; top: 120%; opacity: 0; visibility: hidden; display: block; transition: all .3s; min-width: 160px; border-radius: 5px; overflow: hidden; background-color: #ffffff; z-index: 11; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); padding: 10px;} .menu-item-has-children:hover .sub-menu{opacity: 1; visibility: visible; top: 100%; transition: all .3s;} .menu-item-has-children .sub-menu li{display: block !important; margin: 0 !important;} .menu-item-has-children .sub-menu li:after{display: none;} .menu-item-has-children .sub-menu li a{display: block; padding: 10px 10px; font-weight: normal; font-size: 13px; color: #333; border-radius: 0;} .menu-item-has-children .sub-menu li a:before{display: none;} .menu-item-has-children .sub-menu li a:hover{background-color: #127d7a; color: #fff !important; transition: all .3s;} .menu-item-has-children > a:after{font-family: FontAwesome; content: "\f107"; display: inline-block; margin-right: 7px; transition: all .3s;} .menu-item-has-children:hover > a:after{transform: rotate(-180deg); transition: all .3s;} .main-head .h-extra .ex-btns .op-menu{color: #000; font-size: 18px; width: 30px; text-align: center; line-height: 30px; height: 30px; display: none; vertical-align: middle;} .jquery-background-video-wrapper{width: 100%; height: 100%; position: absolute !important; left: 0; top: 0;} .sidebar{background-size: cover; background-image: url(/dawa_website_design/static/src/css/../images/hero.png); position: fixed; height: 100%; left: 0; top: 0; width: 300px; z-index: 9999; transform: translateX(-100%); transition: all .3s; background-position: 70% 100%;} .sidebar .side-logo img{max-width: 100px;} .sidebar.opened{transform: translateX(0%); transition: all .3s;} .sidebar:after{content: ''; position: absolute; right: 0; top: 0; background-color: rgba(0, 0, 0, 0.86); z-index: 0; width: 100%; height: 100%;} .sidebar .side-logo{background-color: #fff; padding: 30px; position: relative; z-index: 1; text-align: center; border-bottom: 1px solid #dfdfdf;} .sidebar .side-social{text-align: center; background-color: #055aa2; position: relative; z-index: 1;} .sidebar .side-social ul li{display: inline-block;} .sidebar .side-social ul li a{width: 25px; height: 25px; line-height: 25px; text-align: center; display: inline-block; background-color: #fff; border-radius: 100%; font-size: 13px; margin-right: 5px; transition: all .3s;} .sidebar .side-social ul li a.lin{color: #1562cc;} .sidebar .side-social ul li a.tw{color: #00a2ff;} .sidebar .side-social ul li a.ins{color: #622e04;} .sidebar .side-social ul li a:hover i{color: #167a12;} .sidebar .side-nav{max-height: 100%; overflow: hidden; height: calc(100% - 110px); position: relative; z-index: 1;} .sidebar .side-nav ul li{display: block; position: relative;} .mCS-dir-rtl > .mCSB_inside > .mCSB_container{margin-left: 5px;} .sidebar .side-nav ul li a{display: block; font-size: 13px; padding: 15px; position: relative; color: #fff; transition: all .3s;} .sidebar .side-nav ul li a span{color: #fff;} .sidebar .side-nav ul li a:hover{color: #00c9ec; background-color: rgba(45, 45, 45, 0.45); transition: all .3s;} .sidebar .side-nav ul li.open a i{transform: rotate(180deg); transition: all .3s; color: #ffb017;} .sidebar .side-nav ul li a i{margin-right: 3px;} .sidebar .side-nav ul li .sub-menu{width: 100%; min-width: 100%; top: 100%; border-radius: 0;} .sidebar .side-nav ul li .sub-menu li a{color: #303030;} .overlay_gen{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.76); z-index: 999; display: none;} .side-nav .menu-item-has-children > a:after{float: left; margin: 0;} .side-nav .dropdown .dropdown-backdrop{z-index: 0; display: none; height: 0; width: 0;} .sidebar .side-social a{width: 100%;} .main-head .logo{display: inline-block;} .main-head .logo img{width: 130px;} .main-head{padding: 50px 0 10px;} .main-head .h-extra{float: right; position: relative;} .main-head .h-extra .main-nav{display: inline-block; padding-top: 8px;} .main-head .h-extra .main-nav li{display: inline-block; margin-right: 30px;} .main-head .h-extra .main-nav li a, .main-head .h-extra .main-nav li a span{font-family: pop-light; text-transform: uppercase; font-size: 13px; color: #000; position: relative;} .main-head .h-extra .main-nav li a:after{content: ''; position: absolute; right: 0; bottom: -5px; width: 0; transition: all .3s; height: 3px; background: -webkit-linear-gradient(left, #5763e3, #00c9ec); border-radius: 50px;} .main-head .h-extra .main-nav li.active a, .main-head .h-extra .main-nav li a:hover{color: #5763e3; transition: all .3s; background: #fff;} .main-head .h-extra .main-nav li.active a:after, .main-head .h-extra .main-nav li a:hover:after{right: auto; left: 0; transition: all .3s; width: 100%;} .main-head .h-extra .in-extra{float: right; margin-left: 30px;} .main-head .h-extra .in-extra .btn{height: 35px; line-height: 35px; padding: 0 20px; font-size: 12px;} .main-head .h-extra .in-extra ul li{display: inline-block;} .main-head .h-extra .in-extra ul li a{display: inline-block; color: #000; font-family: pop-light; font-size: 13px; transition: all .3s; position: relative;} .main-head .h-extra .in-extra ul li a img{width: 19px; margin-left: 5px; position: relative; top: -1px; transition: all .3s;} .main-head .h-extra .in-extra ul li:after{content: '|'; margin: 0 10px; color: #cacaca;} .main-head .h-extra .in-extra ul li:last-child:after{display: none;} .main-head .h-extra .in-extra ul:not(.dropdown-menu){display: inline-block; margin-left: 25px;} .btn{border: 1px solid #5763E3; border-radius: 50px; height: 40px; line-height: 40px; padding: 0 30px; text-transform: uppercase; font-family: pop-light; font-size: 13px; background-color: #5763E3; color: #fff; transition: all .3s; box-shadow: 0 3px 10px rgba(55, 66, 186, 0.66);} .btn:hover{background-color: #00c9ec; color: #fff; transition: all .3s; border-color: #00c9ec; box-shadow: none;} .op-menu{color: #000; font-size: 18px; padding: 10px; display: none;} .main-head .h-extra .in-extra ul li a:hover{color: #5763e3; transition: all .3s;} .main-head .h-extra .in-extra ul li a:after{content: ''; position: absolute; left: 0; bottom: -5px; width: 0; transition: all .3s; height: 3px; background: -webkit-linear-gradient(left, #5763e3, #00c9ec); border-radius: 50px;} .main-head .h-extra .in-extra ul li a:hover:after{width: 100%; transition: all .3s;} .main-head .h-extra .in-extra ul li a:hover img{transform: rotateY(180deg) translateY(-5px); transition: all .3s; filter: drop-shadow(0 0 8px #00c9ec);} .hero-s .item{position: relative; height: 600px; background-position: center; background-size: cover; padding-top: 10%;} .hero-s .item:before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: -webkit-linear-gradient(left, #fff, rgba(0, 0, 0, 0));} .hero-s.blue .item:before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #C2F1F9; mix-blend-mode: multiply} .hero-s.purple{background-color: #5763e3;} .hero-s.purple .item:before{width: 0;} .hero-s .item h3{border-left: 10px solid #5763e3; padding-left: 30px; font-family: pop-bold; font-size: 35px; max-width: 38%; text-transform: uppercase; color: #5763E3; line-height: 1.3; margin-bottom: 30px;} .hero-s .item p{color: #808080; font-family: pop-light; padding-left: 40px; margin-bottom: 50px; max-width: 40%;} .hero-s .item .btn-transparent{margin: 0 20px 0 40px;} .btn-transparent{background-color: transparent; box-shadow: none; color: #5763e3;} .hero-s .item .btn{box-shadow: none; padding: 0 50px;} .hero-s .owl-dots{position: absolute; left: 9.5%; bottom: 15%; transform: rotate(90deg);} .hero-s .owl-dots .owl-dot{width: 12px; height: 12px; background-color: rgba(87, 99, 227, 0.42); border-radius: 100%; margin: 0 4px; transition: all .3s;} .hero-s .owl-dots .owl-dot.active{background-color: #5763e3; transition: all .3s;} button{outline: none !important;} .about-s{padding: 100px 0 30px; position: relative; overflow: hidden;} .about-s:before{content: ''; position: absolute; right: -50px; top: 6%; width: 200px; height: 200px; background-color: #f8f8f8; border-radius: 100%; animation: heartBeat 10s infinite;} .about-s .ab-data{text-align: right;} .g-head{margin-bottom: 50px;} .g-head h3{border-right: 10px solid #00c9ec; padding-right: 20px; font-family: pop-bold; text-transform: uppercase; color: #00c9ec; max-width: 60%; line-height: 1.3; font-size: 35px; margin-bottom: 20px;} .g-head p{clear: both; color: #B8B8B8; font-family: pop-light; padding-right: 30px; margin-bottom: 50px; text-transform: uppercase;} .about-s .g-head + p{color: #656565; font-family: pop-extralight; font-size: 14px; line-height: 1.9; margin-bottom: 50px;} .about-s .btn{padding: 0 45px;} .about-s .ab-img{padding-right: 11%;} .about-s .g-head h3{float: right;} .modules{padding: 100px 0; position: relative; overflow: hidden; background-color: #fbfbfb;} .modules:before{content: ''; position: absolute; left: -50px; top: 4%; width: 200px; height: 200px; background-color: #ffffff; border-radius: 100%; animation: shake 10s infinite;} .modules .g-head, .features .g-head, .benefits .g-head, .blog .g-head{text-align: left; margin: 0;} .modules .g-head h3, .features .g-head h3, .benefits .g-head h3, .blog .g-head h3{border-width: 0 0 0 10px; border-style: solid; padding: 0 0 0 20px; max-width: 25%; color: #5763E3; border-color: #5763E3;} .modules .g-head p, .features .g-head p, .blog .g-head p{color: #5763e3; padding: 0 0 0 30px;} .modules .block{text-align: center; position: relative; padding: 50px;} .modules .block:nth-of-type(2):after, .modules .block:nth-of-type(2):before, .modules .block:nth-of-type(5):after, .modules .block:nth-of-type(5):before, .modules .block:nth-of-type(8):after, .modules .block:nth-of-type(8):before{content: ''; position: absolute; left: -65px; top: 23%; width: 100px; height: 33px; background-image: url(/dawa_website_design/static/src/css/../images/modules/arrow.png); background-position: center; background-size: cover; background-repeat: no-repeat;} .modules .block:nth-of-type(2):before, .modules .block:nth-of-type(5):before, .modules .block:nth-of-type(8):before{left: auto; right: -71px; transform: rotate(180deg);} .modules .block .i-icon{margin: 0 auto 20px; width: 80px; height: 80px;} .modules .block .i-icon img{width: 100%; height: 100%; object-fit: scale-down;} .modules .block h3{color: #5763E3; font-family: pop-semibold; font-size: 19px; margin-bottom: 10px;} .modules .block p{font-family: pop-extralight; color: #656565; line-height: 1.7; overflow: hidden; max-height: 67px; min-height: 67px;} .g-more{text-align: center; margin-top: 50px;} .g-more .btn{padding: 0 60px;} .features{position: relative; overflow: hidden; padding: 100px 0; background-color: #00C9EC;} .benefits{position: relative; overflow: hidden; padding: 100px 0; background-color: #FFF;} .features:before{content: ''; position: absolute; left: -50px; top: 4%; width: 200px; height: 200px; background-color: #2DB7CF; border-radius: 100%; animation: shake 10s infinite;} .benefits:before{content: ''; position: absolute; left: -50px; top: 4%; width: 200px; height: 200px; background-color: #F3F3F3; border-radius: 100%; animation: shake 10s infinite;} .features .g-head h3{color: #fff; border-color: #fff;} .features .g-head p{color: #fff;} .features .g-head{} .features .block{padding: 40px;} .benefits .block{border-radius: 50px; background: linear-gradient(127deg, #00c9ec 0%, #5763e3 100%) 0% 0% no-repeat;} .features .block .i-icon, .benefits .block .i-icon{float: left; width: 100px; height: 100px; margin-right: 40px;} .features .block .i-icon img, .benefits .block .i-icon img{width: 100%; height: 100%; object-fit: scale-down;} .features .owl-item .block{text-align: center;} .features .owl-item .block .i-icon{float: none; margin: 0 auto 20px;} .benefits .block .i-icon{width: auto; height: auto;} .benefits .block .i-icon img{max-width: 114px;} .features .block .i-data, .benefits .block .i-data{overflow: hidden;} .features .block .i-data h3, .benefits .block .i-data h3{color: #fff; font-family: pop-semibold; font-size: 19px; margin-bottom: 10px;} .features .block .i-data p{color: #fff; font-family: pop-extralight; line-height: 1.7; overflow: hidden; max-height: 66px; min-height: 66px;} .benefits .block .i-data p{color: #fff; font-family: pop-extralight; line-height: 1.7; max-width: 270px;} .features .g-more .btn{background-color: #fff; border-color: #fff; color: #00C9EC;} .demo{padding: 70px 0; background-color: #5763E3;} .demo h3{display: inline-block; color: #fff; font-family: pop-semibold; font-size: 39px; text-transform: uppercase; max-width: 35%; line-height: 1.3;} .demo .btn{float: right; background-color: #fff; color: #5763e3; margin-top: 30px; padding: 0 60px; box-shadow: 0 6px 15px rgba(10, 120, 139, 0.43);} .demo .btn:hover{background-color: #00c9ec; color: #fff;} .video{padding: 100px 0; overflow: hidden; position: relative; background-color: #00C9EC; min-height: 500px;} .video:before{content: ''; position: absolute; left: 0; top: 0; background-image: url(/dawa_website_design/static/src/css/../images/video-bg.png); width: 100%; height: 100%; background-position: center; background-size: cover; mix-blend-mode: multiply;} .video h3{color: #fff; text-transform: uppercase; font-family: pop-semibold; font-size: 39px; max-width: 43%; line-height: 1.1; margin-bottom: 70px;} .video a{color: #fff; font-style: italic; font-family: pop-extralight; font-size: 20px; text-transform: uppercase; transition: all .3s;} .video i{width: 45px; height: 45px; border: 2px solid #fff; text-align: center; line-height: 41px; border-radius: 100%; padding-left: 5px; font-size: 18px; margin-right: 15px; transition: all .3s;} .video a:hover i{background-color: #fff; transition: all .3s; color: #00c9ec; transform: translateY(-10px); box-shadow: 5px 5px 15px #fff;} .blog:before{content: ''; position: absolute; left: -50px; top: 6%; width: 200px; height: 200px; background-color: #ffffff; border-radius: 100%; animation: shake 10s infinite;} .blog{position: relative; padding: 100px 0; overflow: hidden; background-color: #f2f2f2;} .blog .g-head h3{color: #00C9EC; border-color: #00C9EC;} .blog .g-head p{color: #B8B8B8;} .blog .block{} .blog .block ul{margin-bottom: 100px;} .blog .block ul li{margin-bottom: 25px;} .blog .block ul li a{position: relative; font-family: pop-semibold; color: #292A34; font-size: 13px; display: inline-block; padding-right: 20px; line-height: 1.7; width: 89%; transition: all .3s;} .blog .block ul li a:after{content: ''; position: absolute; right: 0; top: 7px; transform: rotate(45deg); border-width: 1px 1px 0 0; border-style: solid; border-color: #5763e3; width: 7px; height: 7px; transition: all .3s;} .blog .block ul li a:before{content: ''; position: absolute; width: 20px; height: 1px; right: 0; top: 10px; background-color: #5763e3; transition: all .3s;} .blog .block .btn{padding: 0 60px;} .blog .block ul li a:hover:before, .blog .block ul li a:hover:after{right: -20px; opacity: 0; transition: all .3s;} .blog .block ul li a:hover{color: #5763e3; transition: all .3s; padding-left: 10px;} .blog .g-head{margin-bottom: 30px;} .blog .cardo{padding: 0 20px;} .blog .cardo .inner{background-color: #fff; border-radius: 5px; overflow: hidden; box-shadow: 0 11px 35px rgba(0, 0, 0, 0.05); transition: all .3s;} .blog .cardo .inner .i-img{height: 250px; background-position: center; background-size: cover;} .blog .cardo .inner .i-img a{display: block; height: 100%;} .blog .cardo .inner .i-data .auth{margin-bottom: 20px;} .blog .cardo .inner .i-data .auth ul li{display: inline-block; font-family: pop-light; font-size: 13px;} .blog .cardo .inner .i-data .auth ul li:after{content: ''; width: 6px; height: 6px; border-radius: 100%; background-color: #878F9D; display: inline-block; margin: 0 10px;} .blog .cardo .inner .i-data .auth ul li:last-child:after{display: none;} .blog .cardo .inner .i-data .title{color: #292A34; font-family: pop-semibold; font-size: 16px; overflow: hidden; max-height: 47px; min-height: 47px; display: inline-block; line-height: 1.5; transition: all .3s;} .blog .cardo .inner .i-data p{color: #4F5059; font-family: pop-light; line-height: 1.7; overflow: hidden; max-height: 45px; margin-bottom: 50px;} .blog .cardo .inner .i-data .more{color: #5663E3; font-family: pop-semibold; font-size: 15px; font-style: italic; border-bottom: 1px solid; transition: all .3s;} .blog .cardo .inner .i-data .more:hover{padding-left: 10px; transition: all .3s; border-color: transparent; color: #00c9ec;} .blog .cardo .inner .i-data{padding: 20px;} .blog .cardo .inner .i-data .title:hover{color: #5763e3; transition: all .3s; padding-left: 5px;} .blog .cardo .inner:hover{transform: translateY(-10px); transition: all .3s; box-shadow: 0 11px 55px rgba(0, 0, 0, 0.1);} .clients{padding: 80px 0;} .clients .cl-head{text-align: center; margin-bottom: 70px;} .clients .cl-head h3{color: #00C9EC; text-transform: uppercase; font-family: pop-bold; font-size: 35px; letter-spacing: 1px;} .clients .item{text-align: center; padding-top: 65px; transition: all .3s; z-index: 1; opacity: .5; padding-bottom: 50px;} .clients .item .i-head{padding: 30px; padding-bottom: 75px; transition: all .3s; position: relative; margin-bottom: 30px;} .clients .center .item .i-head{box-shadow: 0 11px 35px rgba(0, 0, 0, 0.05); transition: all .3s; background-color: #fff;} .clients .center .item{z-index: 2; transform: scale(1.1); transition: all .3s; opacity: 1;} .clients .item .i-head img{box-shadow: 0 11px 35px rgba(0, 0, 0, 0.05); width: 60px; height: 60px; object-fit: scale-down; border-radius: 100%; padding: 18px; filter: grayscale(1); margin: -65px auto 0; background-color: #fff;} .clients .item .i-head p{font-family: pop-extralight; color: #4F5059; font-size: 13px; line-height: 1.5; margin: 20px 0;} .clients .item .i-footer img{width: 50px; height: 50px; object-fit: cover; border-radius: 100%; box-shadow: 0 11px 35px rgba(0, 0, 0, 0.05); margin: 0 auto 15px;} .clients .item .i-footer h3{color: #292A34; font-family: pop-semibold; font-size: 15px;} .clients .item .i-footer p{color: #878F9D; font-size: 11px; margin-top: 2px;} .clients .item .i-head:after{content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: -10px; border-top: 10px solid #fff; border-bottom: 0; border-right: 10px solid transparent; border-left: 10px solid transparent;} .cases{padding: 50px 0; background-color: #f2f2f2; position: relative;} .cases .cs-head{background-color: #00C9EC; margin-top: -50px; height: 300px; padding-top: 127px;} .cases .cs-head h3{color: #fff; font-family: pop-bold; text-transform: uppercase; font-size: 31px; transform: rotate(-90deg) translateY(30px);} .cases:before{content: ''; position: absolute; left: 0; top: 0; width: 225px; height: 100%; background-color: #fff; width: 16.66666667%;} .cases .cs-block{padding: 0 30px;} .cases .cs-block .inner{padding: 20px; text-align: center;} .cases .cs-block .inner .i-img{background-color: #fff; text-align: center; border-radius: 20px; box-shadow: 0 8px 15px rgba(0, 0, 0, 0.16); height: 180px; padding: 40px; margin-bottom: 30px;} .cases .cs-block .inner .i-img img{width: 100%; height: 100%; object-fit: scale-down;} .cases .cs-block .inner h3{color: #656565; font-size: 17px;} .cases .cs-block .inner.tall .i-img{height: 450px;} .cases .cs-block .g-more .btn{width: 100%; background-color: #00C9EC; border-color: #00C9EC; box-shadow: 0 6px 15px rgba(55, 66, 186, 0.34);} .cases .cs-block .g-more{padding: 0 20px;} .main-footer{background-color: #f2f2f2; position: relative;} .main-footer:before{content: ''; position: absolute; right: 0; top: 0; width: 100%; height: 100%; background-color: #5763E3; border-top-right-radius: 130px;} .main-footer:after{content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 32%; background-image: url(/dawa_website_design/static/src/css/../images/footer.png); background-position: center; background-size: 100% 100%; background-repeat: no-repeat;} .main-footer .inner{float: right;} .main-footer .inner .f-top{padding: 50px 100px 50px 0;} .main-footer .inner .f-top .f-item h4{color: #fff; font-family: pop-semibold; text-transform: uppercase; font-size: 17px; margin-bottom: 30px;} .main-footer .inner .f-top .f-item{padding: 20px;} .main-footer .inner .f-top .f-item ul li{color: #fff; font-family: pop-light; margin-bottom: 10px; font-size: 13px; line-height: 1.6;} .main-footer .inner .f-top .f-item .social a{color: #fff; font-size: 25px; margin-right: 17px; transition: all .3s;} .main-footer .inner .f-top .f-item .social a i{color: #fff;} .main-footer .inner .f-top .f-item .social a:hover{transform: translateY(-5px); transition: all .3s; color: #00c8ea; filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, .5));} .main-footer .inner .f-top .f-item ul li a{color: inherit; font-size: inherit; font-family: inherit; transition: all .3s; border-bottom: 1px solid transparent; padding-bottom: 2px;} .main-footer .inner .f-top .f-item ul li a:hover{color: #00c8ea; border-bottom-color: #00c8ea;} .main-footer .inner .f-top .f-item .form-group{position: relative; max-width: 65%;} .main-footer .inner .f-top .f-item .form-group .form-control{border: 0; border-radius: 50px; height: 50px; padding: 0 135px 0 20px;} .main-footer .inner .f-top .f-item .form-group .btn{position: absolute; right: 0; height: 50px; top: 0; background-color: #00C9EC; box-shadow: none; border: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; line-height: 50px;} .main-footer .inner .f-top .f-item .form-group .btn:hover{transform: none;} .main-footer .inner .f-bottom{border-top: 1px solid #00C8EA; padding: 20px 0;} .main-footer .inner .f-bottom p{color: #fff; font-family: pop-light; font-size: 12px;} .main-footer .inner .f-bottom p a{color: #fff; border-bottom: 1px solid transparent; transition: all .3s;} .main-footer .inner .f-bottom p a:hover{border-bottom-color: #ffffff; color: #ffffff; transition: all .3s; filter: drop-shadow(0 0px 10px #fff);} .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{position: absolute; top: 50%; transform: translateY(-50%); left: -7%; width: 70px; height: 70px;} .owl-carousel .owl-nav button.owl-next{left: auto; right: -7%;} .owl-carousel .owl-nav button.owl-next:before, .owl-carousel .owl-nav button.owl-prev:before, .owl-carousel .owl-nav button.owl-next:after, .owl-carousel .owl-nav button.owl-prev:after{content: ''; width: 100%; height: 3px; background-color: rgba(0, 201, 236, 0.14); position: absolute; right: 0; top: 0; transform: rotate(45deg); transition: all .3s;} .owl-carousel .owl-nav button.owl-next:after, .owl-carousel .owl-nav button.owl-prev:after{transform: rotate(-45deg) translateY(-50%); top: 71%;} .owl-carousel .owl-nav button.owl-prev{transform: scaleX(-1) translateY(-50%);} .owl-carousel .owl-nav button.owl-next:hover:before, .owl-carousel .owl-nav button.owl-prev:hover:before, .owl-carousel .owl-nav button.owl-next:hover:after, .owl-carousel .owl-nav button.owl-prev:hover:after{background-color: #09cbed; transition: all .3s;} .clients .owl-dots{counter-reset: slides-num; position: relative; text-align: center; margin-top: 50px;} .clients .owl-dots .owl-dot{counter-increment: slides-num; margin-right: 1px; position: relative;} .clients .owl-dots:after{content: "0"counter(slides-num); display: inline-block; font-size: 14px; vertical-align: middle; padding-left: 45px; font-family: pop-bold; color: #5663E3; opacity: .6; position: relative; top: 18px;} .clients .owl-dots .owl-dot.active:before{content: "0"counter(slides-num) " / "; font-size: 21px; position: absolute; left: 0; top: 0; color: #5663E3; width: 50px; font-family: pop-bold;} .side-form{background-color: #fff; z-index: 1; position: relative; padding: 15px;} .side-form .form-group{position: relative;} .side-form .form-group .form-control{padding-left: 42px;} .side-form .form-group img{position: absolute; left: 13px; top: 11px; width: 20px;} .sidebar .side-nav{overflow-y: auto; max-height: 350px;} .sidebar .side-nav::-webkit-scrollbar{width: 5px; height: 5px;} .sidebar .side-nav::-webkit-scrollbar-track{background-color: #3a3a3c;} .sidebar .side-nav::-webkit-scrollbar-thumb{background-color: #5763e3;} .h-search{position: absolute; right: 0; top: 0; width: 0; transition: all .7s; opacity: 0; visibility: hidden;} .h-search .form-control{border-radius: 50px; padding: 0 20px; box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);} .h-search .cl-search{position: absolute; right: 0; top: 0; height: 35px; line-height: 35px; border: 0; padding: 0 15px; font-size: 17px; border-radius: 50px; background-color: transparent;} .h-search.active{width: 325px; opacity: 1; visibility: visible; transition: all .7s;} .main-head .h-extra .in-extra .btn.off{box-shadow: none;} .enhance{position: relative; overflow: hidden; padding: 100px 0; background: transparent linear-gradient(180deg, #fbfbfb 0%, #efefef 100%) 0% 0% no-repeat padding-box;} .enhance h3{display: inline-block; color: #00C9EC; font-family: pop-semibold; font-size: 39px; text-transform: uppercase; line-height: 1.3; margin-bottom: 30px; border: none;} .benefits .g-head h3{border-left: 10px solid #5763e3; padding-left: 30px; font-family: pop-bold; font-size: 35px; max-width: 38%; text-transform: uppercase; color: #5763E3; line-height: 1.3; margin-bottom: 30px; border-right: none;} .enh-img{padding-left: 11%;} .block-data{} .block-data p{color: #5B5B5B;} .mb50{margin-bottom: 50px;} .enhance p{color: #5B5B5B;;} #wrap h3{text-transform: uppercase;} #wrap h3.blue{color: #00C9EC; border-color: #00C9EC; font-size: 35px; font-family: pop-bold; margin-bottom: 30px;} #wrap h3.pink{color: #5763E3; border-color: #5763E3; font-size: 35px; font-family: pop-bold; margin-bottom: 30px;} #wrap h3.white{color: #fff; border-color: #fff; font-size: 35px; font-family: pop-bold; margin-bottom: 30px;} #wrap h3.bd-right{border-left: none; border-right: 10px solid; padding-right: 30px;} #wrap h3.bd-left{border-right: none; border-left: 10px solid; padding-left: 30px;} #wrap p.white{color: #fff;} span.blue{font-size: inherit; color: #00C9EC; font-family: pop-bold;} .pharmacy_control{padding: 100px 0; overflow: hidden; position: relative; background: linear-gradient(90deg, rgba(0, 201, 236, 0.7) 0%, rgba(87, 99, 227, 0.7) 100%) 0% 0% no-repeat; min-height: 500px;} .pharmacy_control:before{content: ''; position: absolute; left: 0; top: 0; background-image: url(/dawa_website_design/static/src/css/../img/pharmacevt.png); width: 100%; height: 100%; background-position: center; background-size: cover; mix-blend-mode: multiply;} .section-list{text-align: left; padding-left: 30px;} .section-list li{color: #fff; position: relative; font-family: pop-extralight;} .section-list li:before{content: ''; position: absolute; transform: translateY(43%); top: 0; left: -30px; width: 12px; height: 12px; background: #fff; display: inline-block; border-radius: 50%; border: 1px solid #707070;} .ta-c-block{padding: 100px 0; text-align: center;} h4.sub_header{color: #00C9EC; margin-bottom: 20px; margin-top: 30px; font-size: 17px;} .generic-block{position: relative; overflow: hidden; padding: 100px 0; background-color: #FFF;} .btn.btn-blue{background-color: #00C9EC; border-color: #00C9EC; color: #fff;} .btn.btn-white{background-color: #fff; color: #5763e3; margin-top: 30px; padding: 0 60px; box-shadow: 0 6px 15px rgba(10, 120, 139, 0.43);} .btn.btn-white:hover{background-color: #00c9ec; color: #fff;} .blog .owl-theme .owl-dots .owl-dot span{width: 10px; height: 10px; margin: 5px 7px; background: #00C9EC; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px; border: 1px solid #707070;} .blog .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background: #5763E3;} .blog .owl-theme .owl-dots{text-align: center; -webkit-tap-highlight-color: transparent;} .main-nav .dropdown-menu{top: 109%; left: 50%; transform: translateX(-50%);} .main-nav .dropdown-menu li{width: 100%; margin: 7px 0;} .side-nav li.dropdown.open > .dropdown-menu{position: static; background: transparent; display: block; float: none; padding-left: 12px;} .oe_login_form input.form-control{height: auto; border-radius: 50px; border-color: #5763E3; transition: all .3s;} .oe_login_form input.form-control:focus, .oe_login_form input.form-control:hover{box-shadow: 0 3px 10px rgba(55, 66, 186, 0.66);} .oe_login_form input.form-control[readonly]{background-color: #e5e5e5;} .oe_login_form .btn{background-color: #5763E3 !important;} .oe_login_form .form-group{margin-bottom: 15px;} #wrap .feature-head{background-position: right center;} 

/* /dawa_website_design/static/src/css/style-res.css defined in bundle 'web.assets_frontend' */
@media (max-width: 1440px){} @media (max-width: 1366px){} @media (max-width: 1024px){.modules .block h3{min-height: 50px;}.features .block .i-data h3{min-height: 40px;}} @media (max-width: 991px){.container{width: 100%;}} @media (max-width: 768px){.modal-dialog{width: 1000px;}.main-head .h-extra .main-nav, .main-head .h-extra .in-extra .btn, .main-head .h-extra .in-extra ul li:first-child{display: none;}.main-head .h-extra .in-extra{margin: 0;}.main-head .h-extra .in-extra ul li{margin: 0;}.op-menu{display: inline-block; vertical-align: middle; margin-left: 10px;}.main-head{padding-top: 20px;}.main-head .logo img{width: 90px;}.sidebar{width: 270px;}.hero-s .item h3{font-size: 18px; max-width: 100%; border-width: 7px; padding-left: 20px;}.hero-s .item p{max-width: 100%; padding-left: 25px;}.hero-s .item .btn{padding: 0 20px; font-size: 12px;}.hero-s .item .btn-transparent{margin: 0 20px;}.hero-s .item:not(.non-scroll){height: 400px;}.hero-s .item.non-scroll{background-size: cover !important; height: 400px;}.hero-s .item:before{background: rgba(255, 255, 255, 0.84);}.about-s .ab-img{padding: 0; margin-bottom: 20px;}.enh-img{padding: 0; margin-top: 20px;}.modules .g-head h3, .features .g-head h3, .benefits .g-head h3, .blog .g-head h3, .enhance h3{border-width: 0 0 0 7px; font-size: 20px;}.about-s, .modules, .features, .video, .blog, .clients, .enhance, .benefits, .pharmacy_control, .ta-c-block, .generic-block{padding: 50px 0;}.block-data{margin-bottom: 30px;}.g-head h3{max-width: 100% !important; font-size: 20px; border-width: 7px;}.about-s:before{top: 42%; width: 150px; height: 150px;}.modules:before, .features:before, .blog:before{width: 150px; height: 150px; top: 1%;}.modules .block, .features .block{padding: 0; margin-bottom: 50px;}.modules .block:last-of-type, .features .block:last-of-type{margin: 0;}.modules .block:after, .modules .block:before{content: ''; position: absolute; left: -65px; top: 23%; width: 100px; height: 33px; background-image: url(/dawa_website_design/static/src/css/../images/modules/arrow.png); background-position: center; background-size: cover; background-repeat: no-repeat;}.modules .block:before{left: auto; right: -71px; transform: rotate(180deg);}.features .block .i-icon{width: 70px; height: 70px; margin-right: 20px;}.features .block .i-data h3{font-size: 15px;}.features .block .i-data p{font-size: 13px;}.demo{text-align: center; padding: 50px 0;}.demo h3{max-width: 100%; font-size: 20px;}.demo .btn{float: none;}.video h3{max-width: 100%; font-size: 20px; line-height: 1.3; margin-bottom: 50px;}.video{min-height: 0;}.blog .block{margin-bottom: 50px;}.blog .cardo{padding: 0; margin-bottom: 50px;}.blog .cardo:last-of-type{margin: 0;}.clients .cl-head h3{font-size: 20px;}.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{width: 25px; height: 25px; left: -2%;}.owl-carousel .owl-nav button.owl-next{right: -2%; left: auto;}.clients .item{transform: none !important; padding: 65px 0 0;}.clients .item .i-head{background-color: transparent !important; box-shadow: none !important;}.cases .cs-head{padding: 30px; text-align: center; height: auto; margin-bottom: 30px;}.cases .cs-head h3{transform: none; font-size: 20px;}.cases:before{width: 0;}.cases .cs-block .inner.tall .i-img{height: 180px;}.main-footer:after{opacity: .5; height: 33%; top: auto; bottom: 0; width: 100%; background-size: contain; background-position-x: left}.main-footer .inner{z-index: 1; position: relative;}.main-footer .inner .f-top{padding: 30px 5px;}.main-footer .inner .f-top .f-item h4{font-size: 15px;}.main-footer .inner .f-top .f-item .form-group{max-width: 100%;}.main-footer .inner .f-top .f-item{padding: 20px 0;}.main-footer .inner .f-top .f-item .form-group .btn{padding: 0 20px;}.main-footer .inner .f-bottom p{font-size: 11px;}.main-footer .inner .f-bottom p a{font-size: 10px;}.main-footer .inner .f-bottom{padding: 15px 0;}.clients .cl-head{margin-bottom: 20px;}.h-search{display: none;}h3{font-size: 25px !important;}.hero-s .item p{margin-bottom: 12px;}h3.bd-right, h3.bd-left{}.features-text-block{text-align: center;}#wrap h3.ta-c-xs{text-align: center; border: none; padding: 0;}.g-head{margin-bottom: 0;}.modules .block h3{min-height: auto;}.features .block .i-data h3{min-height: auto;}.feature-head .container{background: rgba(255, 255, 255, 0.59); box-shadow: 0 0 119px 20px rgba(255,255,255,1);}} @media (max-width: 767px){#wrap .cloud-block{background-image: none !important;}} @media (max-width: 425px){.hero-s .item .btn-transparent, .hero-s .item .btn{width: 100%; margin: 0 auto 8px;}.hero-s .owl-dots .owl-dot{display: none;}#wrap .feature-head{background-position: -172px 71px;}} @media (max-width: 375px){} @media (max-width: 320px){} 

/* /dawa_website_design/static/src/less/styles.less defined in bundle 'web.assets_frontend' */
 @font-face{font-family: 'Montserrat'; font-style: italic; font-weight: 500; src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq5Z9WXh0ow.ttf) format('truetype');} @font-face{font-family: 'Montserrat'; font-style: normal; font-weight: 500; src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Hw5aX8.ttf) format('truetype');} @font-face{font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM73w5aX8.ttf) format('truetype');} @font-face{font-family: 'Poppins'; font-style: italic; font-weight: 200; src: url(https://fonts.gstatic.com/s/poppins/v20/pxiDyp8kv8JHgFVrJJLmv1pVF9eL.ttf) format('truetype');} @font-face{font-family: 'Poppins'; font-style: normal; font-weight: 200; src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLFj_Z1xlEA.ttf) format('truetype');} @font-face{font-family: 'Poppins'; font-style: normal; font-weight: 300; src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDz8Z1xlEA.ttf) format('truetype');} @font-face{font-family: 'Poppins'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJfedw.ttf) format('truetype');} @font-face{font-family: 'Poppins'; font-style: normal; font-weight: 600; src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6Z1xlEA.ttf) format('truetype');} @font-face{font-family: 'Poppins'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z1xlEA.ttf) format('truetype');} @font-face{font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBBc9.ttf) format('truetype');} @font-face{src: url('/dawa_website_design/static/src/fonts/quicksand book.otf');} @font-face{src: url('/dawa_website_design/static/src/fonts/quicksand bold.otf');} @font-face{src: url('/dawa_website_design/static/src/fonts/quicksand light.otf');} @font-face{src: url('/dawa_website_design/static/src/fonts/Quicksand-Medium.ttf');} @font-face{src: url('/dawa_website_design/static/src/fonts/Quicksand-Regular.ttf');} .flex-center{display: flex !important; justify-content: center; align-items: center;} .h1{font-size: 36px; margin-bottom: 30px; text-transform: uppercase; font-weight: 600;} @media (max-width: 768px){.h1{font-size: 20px;}} .h1-light{font-weight: normal;} .h1-outline{border-left-width: 10px; border-left-style: solid; padding-left: 30px; margin-left: -62px; position: relative;} @media (max-width: 1600px){.h1-outline{margin-left: 0;}} .h1-outline.text-primary{border-left-color: #5763E3;} .h1-outline.text-secondary{border-left-color: #00C9EC;} .h1-outline.text-inverted{border-left-color: #ffffff;} .h1-outline-right{border-right-width: 10px; border-right-style: solid; padding-right: 30px; margin-right: -62px; position: relative;} @media (max-width: 1600px){.h1-outline-right{margin-right: 0;}} .h1-outline-right.text-secondary{border-right-color: #00C9EC;} .h3{font-size: 36px; font-weight: 600; margin-bottom: 28px;} .h4{font-size: 30px; font-weight: 600; text-transform: uppercase;} .h5{font-size: 24px; text-transform: uppercase;} .text-regular{font-weight: 200; line-height: 1.7; color: #656565;} @media (max-width: 767px){.text-regular{font-size: 13px;}} .text-primary{color: #5763E3;} .text-secondary{color: #00C9EC;} .text-secondary.laptop_only{display: none;} @media (max-width: 1400px){.text-secondary.laptop_only{display: block; text-align: center;}} .text-inverted{color: #ffffff;} .text-light{color: #B8B8B8;} .text-lighter{color: #808080;} .text-darker{color: #5b5b5b !important;} .bg-primary{background-color: #5763E3;} .bg-secondary-transparent{background-color: rgba(0, 201, 236, 0.3);} .bg-secondary{background-color: #00C9EC;} .bg-none{background-color: #ffffff !important;} .bg-circle-primary::before{background-color: #4653e0;} .bg-circle-secondary::before{background-color: rgba(76, 146, 158, 0.2);} .bg-circle-ltgray::before{background-color: #F2F2F2;} .bg-circle-ltst-gray::before{background-color: #f8f8f8;} .bg-circle-black::before{background-color: #1F1F20;} .bg-circle-white::before{background-color: #ffffff;} .bg-circle::before{content: ''; min-width: 200px; min-height: 200px; border-radius: 50%; position: absolute; top: 50px; left: -75px; animation: shake 10s infinite;} @media (max-width: 768px){.bg-circle::before{width: 150px; height: 150px; top: 1%;}} .bg-circle-right::before{content: ''; min-width: 200px; min-height: 200px; border-radius: 50%; position: absolute; top: 50px; left: unset; right: 0px; animation: shake 10s infinite;} @media (max-width: 768px){.bg-circle-right::before{width: 150px; height: 150px; top: 1%;}} .extra-light{font-weight: 200;} .extra-light-italic{font-weight: 200; font-style: italic;} .light{font-weight: 300;} .semi-bold{font-weight: 600;} .bold{font-weight: 700;} .roboto-light{font-weight: 300;} .montserrat-bold{font-weight: 700;} .montserrat-medium{font-weight: 500;} .montserrat-medium-italic{font-weight: 500; font-style: italic;} .container_custom{max-width: 1440px; margin: 0 auto;} .container_custom-full{width: 100%;} .container_custom-general{padding: 50px 0;} .container_custom-general.items-horizontal{display: flex; justify-content: flex-start; flex-flow: row wrap; margin-left: 0 !important;} .container_custom-general.items-horizontal .col-5{max-width: initial; flex: 1 1 600px; text-align: left; display: flex; align-items: center; justify-content: space-around;} .row_custom{display: flex; position: relative;} .row_custom-cta{align-items: center;} @media (max-width: 768px){.row_custom-cta{display: block;}} .row_custom.flex-wrap{flex-wrap: wrap;} @media (max-width: 1300px){.row_custom.from-blog{flex-direction: column-reverse;}} .col-bg{min-width: 100%; min-height: 100%; background-size: contain; background-repeat: no-repeat;} .col-3{max-width: 30%; box-sizing: content-box;} .col-4{max-width: 40%;} .col-5{max-width: 50%; flex-basis: 50%;} @media (max-width: 1200px){.col-5{max-width: 70%;}} .col-6{max-width: 60%;} .col-7{max-width: 70%;} .mb-150{margin-bottom: 150px;} .text-center{text-align: center;} .gradient-bg{background: transparent linear-gradient(180deg, #FBFBFB 0%, #EFEFEF 100%) 0% 0% no-repeat padding-box;} @media (max-width: 1700px){.gradient-bg{overflow: hidden;}} .lt-gray-bg{background-color: #F2F2F2;} .ltst-gray-bg{background-color: #fbfbfb;} .video img{margin-right: 28px;} .video-label{display: flex; align-items: center; text-transform: uppercase; font-size: 36px; font-weight: 200; font-style: italic; text-decoration: none;} .corner-bottom{border-bottom-right-radius: 100px;} .corner-top{border-top-right-radius: 100px;} .feature{flex-direction: column; display: flex !important; justify-content: center; align-items: center; text-align: center; margin-bottom: 40px;} .feature-h{flex-direction: row; text-align: left; padding: 0 30px;} @media (max-width: 769px){.feature-h{flex-direction: column; text-align: center;}} .feature-h img{margin-right: 50px;} @media (max-width: 769px){.feature-h img{margin-right: 0;}} .feature-row{flex-wrap: wrap; justify-content: center; align-items: flex-start; position: relative;} .feature-image{width: 160px; height: 160px;} .feature-image-lg{width: 206px; height: 206px;} .feature-heading{font-size: 32px; margin: 28px 0; font-weight: 600;} .info-block{margin-bottom: 50px; align-items: center;} .info-block--image{margin-right: 50px; flex-basis: 41%;} .info-block--image img{width: 100%; height: 100%; object-fit: scale-down;} @media (max-width: 769px){.info-block--image{width: 70px;}} .info-block--heading{text-transform: uppercase; margin-bottom: 10px; font-size: 19px;} @media (max-width: 768px){.info-block--heading{font-size: 15px;}} @media (max-width: 767px){.info-block{flex-direction: column; align-items: center; text-align: center;}.info-block--image{margin-right: 0;}} .cta-block{position: relative; height: 100%;} .cta-block-centered{text-align: center;} .cta-block-centered .bttn{margin: 0 auto;} .cta-block-right{text-align: right;} .cta-block-right .bttn{float: right;} .cta-block .text-regular{margin-bottom: 50px;} .side-col{max-width: 276px;} @media (max-width: 1400px){.side-col{display: none;}} .side-col--top, .side-col--bottom{height: 500px;} .side-col--top{display: flex; align-items: center; background-color: #00C9EC;} .side-col--heading{color: #ffffff; transform: rotate(-90deg);} .tiles{display: flex; flex-wrap: wrap; justify-content: center;} .tiles_container{display: flex; flex-wrap: wrap; justify-content: center;} .tiles-mono{justify-content: space-between;} .tiles:not(.tiles-mono){flex-direction: column;} @media (max-width: 1130px){.tiles:not(.tiles-mono){padding: 0 4%;}} .tile-container_custom{text-align: center; margin: 0 14px 54px;} @media (max-width: 1135px){.tile-container_custom.big_one{display: none;}} .tile-item{width: 245px; height: 245px; border-radius: 50px; background-color: #ffffff; box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.2);} .tile-item-lg{width: 710px; height: 629px;} .tile-image{background-position: center; background-repeat: no-repeat; width: 100%; height: 100%;} .tile-name{color: #656565; font-size: 30px; margin-top: 42px;} .tile.tile-h{display: flex;} .tile-mono{color: #ffffff; border-radius: 50px; background: linear-gradient(127deg, #00C9EC 0%, #5763E3 100%) 0% 0% no-repeat; padding: 36px 28px; margin-bottom: 84px;} @media (max-width: 1300px){.tile-mono{flex-grow: 1; flex-basis: 600px;}} .tile-mono-image{border: 2px solid #ffffff; border-radius: 50px; display: flex !important; justify-content: center; align-items: center; padding: 20px; max-width: 250px; margin-right: 16px;} @media (max-width: 767px){.tile-mono-image{margin-right: 0; border: none;}.tile-mono-image img{max-width: 70px;}} @media (max-width: 768px){.tile-mono-image img{max-width: 80px;}} @media (max-width: 767px){.tile-mono-image{margin-right: 0; border: none;}.tile-mono-image img{max-width: 70px;}} .tile-mono-heading{color: white; font-size: 19px; margin-bottom: 10px; font-weight: 600;} @media (max-width: 767px){.tile-mono-heading{font-size: 19px;}} .nav_custom a{color: #263843; text-decoration: none;} .nav_custom a:hover, .nav_custom a:focus{color: #5763E3;} .nav_custom-container_custom{height: 279px;} @media (max-width: 767px){.nav_custom-container_custom{flex-direction: column; height: auto;}} @media (max-width: 767px){.nav_custom--wrap{display: flex; width: 100%; justify-content: space-between; align-items: center; padding: 110px 0 83px;}} .nav_custom--only_mobile{display: none;} @media (max-width: 767px){.nav_custom--only_mobile{display: flex; align-items: center;}.nav_custom--only_mobile > ul{list-style: none; display: flex; padding: 0; margin-bottom: 0;}.nav_custom--only_mobile .nav_custom-search{border-right: none;}.nav_custom--only_mobile svg{fill: #707070;}} @media (max-width: 767px) and (max-width: 500px){.nav_custom--only_mobile > ul{display: flex; flex-direction: column; align-items: center;}} @media (max-width: 767px) and (max-width: 400px){.nav_custom--only_mobile svg{width: 55px;}} @media (max-width: 367px){.nav_custom--only_mobile{display: none;}} .nav_custom-container_custom, .nav_custom-menu, .nav_custom-controls, .nav_custom-link{display: flex; justify-content: space-between; align-items: center;} .nav_custom-menu{list-style-type: none;} @media (max-width: 1100px){.nav_custom-menu{flex-wrap: wrap; justify-content: flex-end;}} .nav_custom-menu > li{margin-right: 28px;} @media (max-width: 1100px){.nav_custom-menu > li{margin-bottom: 15px;}} @media (max-width: 767px){.nav_custom-menu > li{width: 100%; padding: 12px;}} .nav_custom-menu > li:last-child{margin-right: 0;} @media (max-width: 767px){.nav_custom-menu > li.non_mobile{display: none;}} @media (max-width: 367px){.nav_custom-menu > li.non_mobile{display: list-item;}.nav_custom-menu > li.non_mobile .dropdown-menu{position: static;}} .nav_custom-menu-item, .nav_custom-menu a{font-size: 14px; text-transform: uppercase;} .nav_custom-bttn{color: #ffffff !important; max-width: 167px; max-height: 45px; font-size: 14px !important; margin-right: 16px;} .nav_custom-controls{font-size: 12px;} .nav_custom-search, .nav_custom-login{padding: 0 16px;} .nav_custom-search{border-right: 2px solid #e8e8e8;} .nav_custom-link:hover svg .a, .nav_custom-link:focus svg .a{fill: #5763E3;} .nav_custom-link-label, .nav_custom-link span{margin-right: 12px; font-size: 12px; text-transform: initial;} .breadcrumbs{background-color: #e8e8e8; font-weight: 200; font-size: 21px; height: 123px; display: flex; align-items: center;} .breadcrumbs-container_custom{margin-left: 175px;} .breadcrumbs-image{margin-right: 28px;} .breadcrumbs-list{list-style-type: none; display: flex;} .breadcrumbs-link{color: #5b5b5b; text-decoration: none; display: flex; margin-right: 10px;} .breadcrumbs-link:hover, .breadcrumbs-link:focus{color: #5763E3;} .breadcrumbs-link.active{color: #5763E3;} .header{background-repeat: no-repeat;} .header-bg{position: relative; background-repeat: no-repeat !important;} .header-bg--back{background-position-x: right !important; background-size: 36% !important;} .header-bg--front{background-position: 90% bottom !important; background-size: 36% !important;} .header-overlay{background: linear-gradient(90deg, rgba(255, 255, 255, 0.85) 5%, rgba(255, 255, 255, 0) 65%);} @media (max-width: 560px){.header-overlay .bttn-container_custom{flex-wrap: wrap;}} .header .bttn-container_custom .bttn{width: 301px; height: 64px;} .header, .section{position: relative;} .section-general{padding: 100px 0;} .section-list{text-align: left;} .section-bg{background-repeat: no-repeat; background-position: center; background-size: cover;} .section-bg--middle{background-position: right center !important;} .section-image{height: 100%; background-position-x: right; background-size: cover; background-repeat: no-repeat;} .section-overlay-secondary{background-color: #00C9EC; mix-blend-mode: multiply;} .section-overlay-brand{padding: 100px 0; background: linear-gradient(90deg, rgba(0, 201, 236, 0.7) 0%, rgba(87, 99, 227, 0.7) 100%) 0% 0% no-repeat;} .footer{color: #ffffff; background-color: #F2F2F2;} .footer .container_custom-full{background-repeat: no-repeat; justify-content: flex-end; display: flex; align-items: flex-end;} @media (max-width: 1400px){.footer .container_custom-full{background-image: none !important; padding-left: 2%; padding-right: 2%; justify-content: flex-start; align-items: flex-start;}} .footer .bg-primary{padding-top: 20px;} .footer-container_custom{padding: 50px 0 20px; width: 70%; max-width: 70%;} @media (max-width: 1400px){.footer-container_custom{max-width: 100%; width: auto;}} @media (max-width: 1024px){.footer-container_custom .row_custom{flex-wrap: wrap;}} .footer-col{margin-right: 100px;} @media (max-width: 768px){.footer-col{margin-right: 30px;}} .footer-col:last-child{margin-right: 0;} .footer-list{list-style-type: none; padding-inline-start: 0;} .footer-list li, .footer-list a{font-size: 24px; line-height: 42px; font-weight: 200; color: #ffffff;} .footer-list--link{text-decoration: none;} .footer-list--link:hover, .footer-list--link:focus{color: #00c9ec;} .footer-list-icons{display: flex; justify-content: space-between; width: 100%;} .footer-list-icons .fab{font-size: 48px; margin-right: 20px;} @media (max-width: 320px){.footer-list-icons .fab{margin-right: 15px;}} .footer-list-icons li:last-child .fab{margin-right: 0;} .footer-form{align-items: center; padding: 40px 0;} .footer-form .h4{margin-right: 20px;} .footer-form .newsletter-form{width: 859px; display: flex;} .footer-form .newsletter-form input{border: none; height: 94px; display: flex !important; justify-content: center; align-items: center; box-sizing: border-box; font-size: 24px; color: #000;} @media (max-width: 800px){.footer-form .newsletter-form input{width: 100%;}} @media (max-width: 400px){.footer-form .newsletter-form input{height: 65px;}} .footer-form .newsletter-form input[type="email"]{border-top-left-radius: 50px; border-bottom-left-radius: 50px; flex-grow: 1; padding-left: 48px;} .footer-form .newsletter-form input[type="email"]::placeholder{color: #aca7a7;} @media (max-width: 463px){.footer-form .newsletter-form input[type="email"]{padding-left: 6%; font-size: 16px;}} .footer-form .newsletter-form input[type="submit"]{border-top-right-radius: 50px; border-bottom-right-radius: 50px; background-color: #00C9EC; color: #ffffff; width: 244px; text-transform: uppercase;} .footer-copyright{font-size: 18px; font-weight: 200; border-top: 1px solid #00C9EC;} .bttn{width: 389px; height: 76px; color: #ffffff; font-size: 20px; font-weight: 600; text-transform: uppercase; display: flex !important; justify-content: center; align-items: center; border-radius: 75px; text-decoration: none;} @media (max-width: 1200px){.bttn{font-size: 15px;}} @media (max-width: 425px){.bttn{width: 100%;}} .bttn-primary{background-color: #5763E3; box-shadow: 0 6px 15px #0A788B;} .bttn-primary-inverted{background-color: transparent; border: 2px solid #5763E3; color: #5763E3;} .bttn-primary-inverted-bg{background-color: #ffffff; color: #5763E3;} .bttn-secondary{background-color: #00C9EC; box-shadow: 0 6px 15px #0A788B;} .bttn-secondary-inverted{background-color: #ffffff; box-shadow: 0 6px 15px #0A788B; color: #00C9EC;} .bttn-inverted{background-color: #ffffff;} .bttn-inverted-primary{color: #5763E3;} .bttn-container_custom{display: flex; justify-content: space-around; list-style-type: none;} @media (max-width: 445px){.col-3 .bttn, .col-5 .bttn, .col-7 .bttn{width: 100%;}} .blog-bttn{min-height: 56px; border-radius: 50px; color: #656565; background-color: #e8e8e8; border-color: #e8e8e8; box-shadow: 0px 8px 15px #00000045; text-decoration: none; margin-right: 15px; margin-bottom: 15px; display: flex !important; justify-content: center; align-items: center;} .blog-bttn.active{color: #ffffff; background-color: #00C9EC; border-color: #00C9EC;} .blog-bttn-inverted{color: #17ACE8; border: 2px solid #17ACE8; background-color: transparent; text-transform: none; box-shadow: none;} .blog-bttn-inverted:hover{box-shadow: inset 0px 8px 15px #00000045;} .blog-bttn:hover{background-color: #00c9ec; color: #fff; transition: all 0.3s; border-color: #00c9ec; box-shadow: none;} .blog-header{height: 573px;} .blog-related-heading{display: flex; align-items: center; height: 100px; margin: 50px 100px 75px 0; border-top-color: #656565; border-top-style: double; border-bottom-style: double;} @media (max-width: 840px){.blog-related-heading{margin-right: 0;}} .blog-related-heading .h3{margin-bottom: 0; margin-left: 16px;} .entry-article-wrapper{display: flex; align-items: flex-start;} @media (max-width: 840px){.entry-article-wrapper{flex-direction: column;}} .articles-description{font-size: 25px; text-align: center; margin: 0 auto 50px;} .articles .bttn-container_custom{max-width: 80%; margin: 0 auto;} @media (max-width: 1023px){.articles .bttn-container_custom{flex-wrap: wrap;}} .articles .grid{display: flex; flex-wrap: wrap;} .articles-container{width: 100%;} .articles-wrapper{display: flex; align-items: flex-start; margin: 150px 0 0;} @media (max-width: 840px){.articles-wrapper{flex-direction: column;}} .articles-container_custom{flex-grow: 1;} .article{font-size: 14px; margin-bottom: 75px; margin-right: 30px;} @media (max-width: 767px){.article{margin-right: 0;}} .article-entry{margin-right: 100px;} @media (max-width: 840px){.article-entry{margin-right: 0;}} .article-entry-header{margin-bottom: 50px;} .article-entry-title{font-size: 36px; font-weight: 600; text-transform: uppercase; margin-bottom: 20px;} .article-entry-meta{display: flex; justify-content: space-between; align-items: center;} .article-entry-image{max-width: 100%; margin: 0 auto; display: block;} .article-entry-text{font-size: 18px; color: #768791; line-height: 30px; font-weight: 200;} .article-header{text-align: center;} .article-meta{color: #263843; display: flex !important; justify-content: center; align-items: center; margin-bottom: 12px;} .article-tag{padding: 2px 5px; border-radius: 3px; color: #ffffff;} .article-tag-primary{background-color: #5763E3;} .article-tag-secondary{background-color: #00C9EC;} .article-tag-gray{background-color: #656565;} .article-title{font-size: 25px; color: #263843; text-transform: uppercase; font-weight: 600; margin-bottom: 35px;} .article-excerpt{color: #768791; line-height: 26px; margin-bottom: 50px;} .article-footer{display: flex; justify-content: space-between; background-color: inherit;} .article-col{display: flex !important; justify-content: center; align-items: center;} .article-col:last-child{text-align: right;} .article-col .fa-heart{color: #F25B84; font-size: 20px;} .article-col img, .article-col .fas, .article-col .num{margin-right: 5px;} .article-col .num{color: #C3CCD3;} .article-bttn{min-width: 173px; min-height: 46px; border-radius: 50px; color: #ffffff; background-color: #17ACE8; font-size: 12px; font-weight: 600; box-shadow: 0px 8px 15px #00000045; text-decoration: none; display: flex !important; justify-content: center; align-items: center;} .blog-sidebar{width: 300px; min-width: 300px; box-shadow: 0px 5px 15px #0000001C; padding: 50px 40px 20px; font-size: 14px; color: #768791;} @media (max-width: 840px){.blog-sidebar{width: 100%;}} .blog-sidebar-section{margin-bottom: 50px;} .blog-sidebar-heading{color: #263843; font-weight: 600; font-size: 17px; height: 32px; border-bottom: 1px solid #e8e8e8; margin-bottom: 20px;} .blog-sidebar-list{list-style-type: circle; padding-inline-start: 16px;} .blog-sidebar-list li{line-height: 40px;} .blog-sidebar-link{color: #768791; text-decoration: none; font-weight: 600;} .blog-sidebar-link.active{color: #263843;} .blog-sidebar .post-item{display: flex; align-items: center; margin-bottom: 28px;} .blog-sidebar .post-item-image{margin-right: 20px; border-radius: 50%;} .blog-sidebar .post-item-title{margin-bottom: 20px;} .blog-sidebar .post-item-date{color: #C3CCD3;} .post-headings{display: flex; flex-direction: column; justify-content: space-between; padding: 0 34px; max-width: 441px;} @media (max-width: 1300px){.post-headings{margin-top: 30px; max-width: 100%;}} @media (max-width: 769px){.post-headings{align-items: center;}.post-headings .post-title{display: none;}} @media (max-width: 445px){.post-headings{display: block;}} .post-title{display: flex; justify-content: space-between; font-weight: 700; font-size: 21px; color: #263843; text-decoration: none; min-height: 75px; margin-bottom: 20px; border-bottom: 1px solid #e8e8e8;} .post-title .fas{color: #5763E3;} .post-cards{display: flex;} @media (max-width: 1300px){.post-cards{max-width: 100%;}} .post-card{max-width: 474px; margin-right: 36px; background-color: #ffffff; font-weight: 300; box-shadow: 0px 11px 35px #0000000D;} .post-card:last-child{margin-right: 0;} @media (max-width: 1440px){.post-card{max-width: initial; margin-right: 0;}} .post-card-img{width: 100%; height: 425px; background-size: cover; opacity: 0.5;} .post-card-wrap{padding: 28px; display: flex; flex-direction: column; justify-content: space-between; box-sizing: content-box;} .post-card-meta{margin-bottom: 20px;} .post-card-meta, .post-card-text{display: flex; font-size: 18px; color: #808080;} .post-card-author::after{content: ''; width: 5px; height: 5px; border-radius: 50%; display: inline-block; background-color: #808080; position: relative; bottom: 5px; margin: 0 10px;} .post-card-title{font-size: 21px; font-weight: 600; font-weight: 700; margin-bottom: 20px;} .post-card-link{font-size: 21px; color: #5763E3; font-style: italic; font-weight: 600;} .testimonials .arrow, .feature-row .arrow, .tiles_container .arrow, .tiles-mono .arrow{cursor: pointer; position: absolute; top: 150px; font-size: 100px; color: #e8e8e8;} .testimonials .arrow-prev, .feature-row .arrow-prev, .tiles_container .arrow-prev, .tiles-mono .arrow-prev{left: -28px;} .testimonials .arrow-next, .feature-row .arrow-next, .tiles_container .arrow-next, .tiles-mono .arrow-next{right: -28px;} @media (max-width: 393px){.testimonials .arrow-next, .feature-row .arrow-next, .tiles_container .arrow-next, .tiles-mono .arrow-next{right: -24px;}.testimonials .arrow-prev, .feature-row .arrow-prev, .tiles_container .arrow-prev, .tiles-mono .arrow-prev{left: -24px;}} @media (max-width: 321px){.testimonials .arrow-next, .feature-row .arrow-next, .tiles_container .arrow-next, .tiles-mono .arrow-next{right: -20px;}.testimonials .arrow-prev, .feature-row .arrow-prev, .tiles_container .arrow-prev, .tiles-mono .arrow-prev{left: -20px;}} .tiles_container .arrow{top: 70px;} .tiles_container .arrow-prev{left: -10px;} .tiles_container .arrow-next{right: -10px;} .testimonial-item{margin-top: 100px;} .testimonial-item:focus{outline: none;} .testimonial-item.slick-current{margin-top: 50px;} .testimonial-item.slick-current .testimonial-body{box-shadow: 0px 11px 35px #0000000D; padding: 0 50px 150px; margin-bottom: 50px; z-index: 10;} .testimonial-item.slick-current .testimonial-body::after{content: ''; border-width: 100px; border-style: solid; border-color: #ffffff transparent transparent; position: relative; top: 200px;} .testimonial-item.slick-current .testimonial-author{opacity: 1;} .testimonial-item.slick-current .testimonial-text{color: #656565;} .testimonial-item.slick-current .quote-mark{color: #00C9EC;} .testimonial-item .quote-mark{color: #e8e8e8; font-size: 44px; width: 108px; height: 108px; display: flex !important; justify-content: center; align-items: center; box-shadow: 0px 11px 35px #0000000D; border-radius: 50%; margin: 0 auto; position: relative; bottom: 54px; margin-bottom: -32px; background-color: #ffffff;} .testimonial-body{padding: 0 50px 100px;} .testimonial-text{color: #e8e8e8;} .testimonial-author{opacity: 0.4;} .testimonial-author-image img{display: inline-block !important; border-radius: 50%; width: 84px; height: 84px;} .testimonial-author-name{color: #263843; font-size: 24px; font-weight: 600; margin: 21px 0 4px;} .testimonial-author-company{color: #808080; font-size: 20px;} .overlay{position: absolute; z-index: 2; width: 100%; top: 0; left: 0; height: 100%;} .website-section{display: flex; position: relative; box-sizing: border-box; flex-direction: column; overflow: hidden; padding: 108px 77px;} @media (max-width: 660px){.website-section{padding: 5%;}} .website-section .section-background{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; z-index: 1; max-width: 300%;} .website-section .section-info{z-index: 2;} .website-section.watch-video .watch-video-overlay{position: absolute; z-index: 2; width: 100%; top: 0; left: 0; height: 100%; background: #00c9ec; mix-blend-mode: multiply;} .hamburger_menu{width: 72px; height: 72px; border-radius: 50%; border: 3px solid #00C9EC; display: flex; justify-content: center; flex-direction: column; align-items: center; margin-top: 0; margin-bottom: 0;} .hamburger_menu-line{height: 5px; border-radius: 3px; background-color: #00C9EC; width: 39px; margin-bottom: 6px;} .hamburger_menu-line:last-child{margin-bottom: 0;} @media (max-width: 400px){.hamburger_menu{width: 55px; height: 55px;}.hamburger_menu-lone{width: 30px;}} @media (max-width: 767px){.navbar-collapse.in{overflow-y: initial; overflow-x: initial; width: 100%;}.navbar-top-collapse{position: relative;}.navbar-top-collapse .nav_custom-menu{flex-direction: column;}} @media (max-width: 769px){.col-3.col-10, .col-5.col-10, .col-6.col-10, .col-7.col-10{max-width: 100%; flex-basis: 100%; text-align: center;}.col-3.col-10 .h1-outline, .col-5.col-10 .h1-outline, .col-6.col-10 .h1-outline, .col-7.col-10 .h1-outline{padding-left: 0; border-left: 0;}.col-3.col-10 .h1-outline-right, .col-5.col-10 .h1-outline-right, .col-6.col-10 .h1-outline-right, .col-7.col-10 .h1-outline-right{border-right: none; padding-right: 0;}} .col-3.col-10 .bttn, .col-5.col-10 .bttn, .col-6.col-10 .bttn, .col-7.col-10 .bttn{float: none; margin: 0 auto;} .mobile-only{display: none;} @media (max-width: 769px){.not-mobile{display: none;}.mobile-only{display: block;}} .features .owl-carousel .owl-nav button.owl-next:before, .features .owl-carousel .owl-nav button.owl-prev:before, .features .owl-carousel .owl-nav button.owl-next:after, .features .owl-carousel .owl-nav button.owl-prev:after{background-color: #fff;} @media (max-width: 768px){.non-minimized{display: none;}} @media (max-width: 767px){.blog .block{display: none;}} .dawa-contactus .form-field{margin-bottom: 20px;} .dawa-contactus input:not([type="radio"]), .dawa-contactus textarea{border-radius: 22px; box-shadow: none; border: 1px solid #5763E3; background-color: #fff; height: 42px;} .dawa-contactus--address{border-radius: 22px; border: 1px solid #5763E3; padding: 25px 41px;} header:not(.main-head){display: none !important;} footer:not(.main-footer){display: none !important;} form[data-success_page="/contactus-thank-you"]:not(.dawa-contactus){display: none !important;} .btn-dawa{line-height: inherit;} #wrapwrap .oe_website_sale .form-group{margin-bottom: 15px;} #wrap form[data-success_page="/contactus-thank-you"].dawa-contactus{display: block;} #wrap .add-border{border-color: #5763e3;} #wrap h1.dawa-style{margin-top: 21px;} #wrap .studies .cardo{padding: 25px;} #wrap .studies .cardo .inner{background-color: #fff; overflow: hidden; box-shadow: 0 11px 35px rgba(0, 0, 0, 0.05); transition: all 0.3s;} #wrap .studies .cardo .i-img{height: 250px; background-position: center; background-size: cover; background-color: #c9c9c9;} #wrap .studies .cardo .i-img img{width: 100%; height: 100%; object-fit: cover;} #wrap .studies .cardo .i-img a{display: block; height: 100%;} #wrap .studies .cardo .i-data{padding: 35px;} #wrap .studies .cardo .i-data h3{font-size: 15px; padding-bottom: 6px; text-transform: capitalize;} #wrap .studies .cardo .i-data .i-text{font-style: italic;} #wrap .studies .cardo .image-text{display: flex; min-height: 250px;} #wrap .studies .cardo .image-text .i-img{flex: 1; background-color: unset;} #wrap .studies .cardo .image-text .i-img img{height: 100%; width: 100%; object-fit: cover;} #wrap .studies .cardo .image-text .i-position{font-size: 24px; color: #5863e3;} #wrap .studies .cardo .image-text .i-data{flex: 1; padding: 10px; display: flex; flex-direction: column; justify-content: center;} #wrap .studies .cardo-full_width .i-text{margin-top: 70px;} #wrap .studies .cardo-full_width .i-img{height: 500px;} #wrap .studies .cardo .more{position: relative; color: #292A34; font-size: 13px; display: inline-block; padding-right: 20px; line-height: 1.7; width: 35%; transition: all 0.3s; margin-top: 41px;} #wrap .studies .cardo .more::before{content: ''; position: absolute; width: 13px; height: 1px; right: 0; top: 10px; background-color: #5763e3; transition: all 0.3s;} #wrap .studies .cardo .more::after{content: ''; position: absolute; right: 0; top: 7px; transform: rotate(45deg); border-width: 1px 1px 0 0; border-style: solid; border-color: #5763e3; width: 7px; height: 7px; transition: all 0.3s;} #wrap .studies .cardo .more:hover{color: #5763E3; transition: all 0.3s; padding-left: 10px;} #wrap .studies .cardo .more:hover::before, #wrap .studies .cardo .more:hover::after{right: -20px; opacity: 0; transition: all 0.3s;} #wrap .studies .i-author{text-transform: capitalize; color: #5863e3; font-size: 24px !important;} #wrap .case-testimonials{padding: 70px 0 35px; background-color: #04c9ec; color: #fff;} #wrap .case-testimonials .item{text-align: center;} #wrap .case-testimonials .item img{width: 120px; height: 120px; object-fit: cover; border-radius: 100%; box-shadow: 0 11px 35px rgba(0, 0, 0, 0.05); margin: 0 auto 40px; background-color: #c9c9c9; display: block;} #wrap .case-testimonials .item .i-text{max-width: 768px; margin: 30px auto; font-style: italic;} #wrap .case-testimonials .item .i-author{text-transform: capitalize; font-weight: bold;} #wrap .case-testimonials .item .i-position{font-style: italic; margin-top: 10px;} #wrap .case-testimonials .owl-dots{text-align: center; margin-top: 35px;} #wrap .case-testimonials .owl-dots .owl-dot{width: 7px; height: 7px; background-color: #fff; border-radius: 100%; margin: 0 5px; transition: all 0.3s;} #wrap .case-testimonials .owl-dots .owl-dot.active{background-color: #5763e3; transition: all 0.3s;} .top-block{min-height: 500px; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; padding: 70px; background-color: #c9c9c9;} .top-block.testimonials{justify-content: center; min-height: 573px; background-image: url('/dawa_website_design/static/src/less/dawa_website_design/static/src/images/testimonials-main.png'); background-position: center; background-size: contain; background-repeat: no-repeat; background-color: #fff;} .top-block h3{text-align: center; font-size: 35px; color: #6d6d6d; margin-bottom: 30px;} .top-block h3 b{font-size: inherit; text-transform: capitalize;} .top-block h3.testimonials-page-header{text-transform: uppercase; max-width: 444px; color: #5863e3; margin: 0 auto;} .top-block p{text-align: center;} .clients .owl-carousel .owl-dots.disabled, .clients .owl-carousel .owl-nav.disabled{display: block;} .clients .owl-stage{display: flex;} .clients .owl-stage .item{height: 100%; display: flex; flex-direction: column; justify-content: space-between;} .clients .owl-stage .item .i-head{padding: 30px;} .clients .btn{background-color: #00C9EC; border-color: #00C9EC; box-shadow: 0 6px 15px rgba(55, 66, 186, 0.34);} .request-demo{position: relative;} @media (max-width: 426px){.request-demo--customers{display: flex; flex-wrap: wrap;}} .request-demo .container{position: relative;} .request-demo--wrap{max-width: 649px; display: flex; flex-direction: column;} @media (max-width: 1024px){.request-demo--wrap{margin: 0 auto;}} .request-demo--top, .request-demo--bottom{color: #fff;} .request-demo--top{background-color: #5863e3; padding: 85px 54px 118px 0;} @media (max-width: 1024px){.request-demo--top{padding: 0;}.request-demo--top--container{display: flex; flex-direction: row; align-items: center; justify-content: center; padding-top: 85px; padding-bottom: 110px;}} @media (max-width: 1024px) and (max-width: 426px){.request-demo--top--container{flex-direction: column;}} .request-demo--bottom{background-color: #04caec; padding: 41px 27px 35px 0;} @media (max-width: 1024px){.request-demo--bottom{padding: 43px 0 50px;}} .request-demo--heading{font-size: 36px; text-transform: uppercase; margin-bottom: 40px;} .request-demo--text{font-size: 18px;} .request-demo--count{font-size: 24px; margin-bottom: 35px;} .request-demo--customer{display: flex; align-items: center; margin-bottom: 17px; padding-left: 0;} .request-demo--customer--img{width: 69px; height: 69px; background: grey; border-radius: 50%;} .request-demo--customer--img img{width: 100%; height: 100%; object-fit: cover; border-radius: 50%;} .request-demo--customer--name{padding-left: 12px; padding-bottom: 20px;} @media (max-width: 426px){.request-demo--customer{flex-basis: 50%;}} .request-demo--form{position: absolute; width: 413px; background: #fff; right: 0; padding: 45px 54px 54px 50px; top: -13%; -webkit-box-shadow: -11px 11px 11px rgba(0, 0, 0, 0.25); -moz-box-shadow: -11px 11px 11px rgba(0, 0, 0, 0.25); box-shadow: -11px 11px 11px rgba(0, 0, 0, 0.25); z-index: 999;} @media (max-width: 1024px){.request-demo--form{position: unset; width: auto;}} @media (max-width: 426px){.request-demo--form{margin-top: 16px;}} .request-demo--form h2{color: #5763E3; font-size: 24px; margin-bottom: 21px;} .request-demo--form form input, .request-demo--form form button{width: 100%; border: none;} .request-demo--form form input{border-bottom: 1px solid #3e3e3e; font-size: 11px; padding: 15px 0; margin-bottom: 10px; color: #3e3e3e;} .request-demo--form form input:last-child{margin-bottom: 0;} .request-demo--form form button{font-size: 15px; color: #fff; padding: 14px; border-radius: 50px; margin-top: 55px; background-color: #5763E3;} .pricing-plans{padding-top: 110px; padding-bottom: 128px;} .pricing-plans--heading{font-size: 36px; color: #6d6d6d; font-weight: bold; margin-bottom: 50px; text-align: center;} .pricing-plans--slogan{font-size: 18px; color: #393939; margin-bottom: 85px; margin-top: 0; text-align: center;} .pricing-plans--plan{position: relative; padding: 7px;} .pricing-plans--plan--wrap{border-radius: 12px; box-shadow: -8px 4px 19.32px 1.68px rgba(0, 0, 0, 0.35); padding: 65px 36px 34px 46px;} .pricing-plans--plan--name{width: 161px; height: 59px; border-radius: 12px; background-color: #04caec; text-align: center; color: #fff; position: absolute; top: -13px; right: 50%; transform: translateX(50%); display: flex; align-items: center; justify-content: center;} .pricing-plans--plan--name h4{font-size: 24px; line-height: 18px; font-weight: 400;} .pricing-plans--plan--name.purple{background-color: #5863e3;} .pricing-plans--plan--price{font-size: 24px; line-height: 18px; color: #04caec; font-weight: 400; text-align: center; min-height: 45px;} .pricing-plans--plan--advantages{list-style: none; margin: 0;} .pricing-plans--plan--advantages li{font-size: 14px; line-height: 18px; color: #525252; position: relative; margin-bottom: 40px;} .pricing-plans--plan--advantages li::after{position: absolute; content: ''; display: inline-block; top: 0; right: -14px;} .pricing-plans--plan--advantages li.crossed::after{background-image: url("/dawa_website_design/static/src/img/plans_and_pricing/cross.png"); width: 16px; height: 16px; background-repeat: no-repeat;} .pricing-plans--plan--advantages li.checked::after{background-image: url("/dawa_website_design/static/src/img/plans_and_pricing/check.png"); width: 21px; height: 16px;} .pricing-plans--plan--btn{text-align: center;} .pricing-plans--plan--subscribe{font-size: 18px; line-height: 18px; text-transform: uppercase;} .related-features{padding-top: 126px; padding-bottom: 112px; background-color: #f4f4f4;} .related-features h4{font-size: 24px; line-height: 36px; color: #6d6d6d; font-weight: 400; margin-bottom: 60px;} .related-features--feature{margin-bottom: 50px;} .related-features--feature:last-child{margin-bottom: 80px;} .related-features--feature h5{font-size: 18px; margin-top: 20px; margin-bottom: 30px; color: #6d6d6d; font-weight: 500;} .related-features--feature p{font-size: 18px; line-height: 30px; color: #393939; font-weight: 400;} .related-features--img{overflow: hidden;} @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape){.related-features .container{display: flex;}} 

/* /improve_request_demo/static/src/css/custom.css defined in bundle 'web.assets_frontend' */
#wrap .request-demo--top .request-demo--form form[data-success_page="/contactus-thank-you"].improve_demo{display: block !important;} .invalid-feedback{width: 100%; margin-top: 0.25rem; font-size: 80%; color: #a94442;} 

/* /website_links/static/src/css/website_links.css defined in bundle 'web.assets_frontend' */
.no-link-style{color: black; text-decoration: none;} .required-form-control{background-color: #CECDFF;} #filters li a, #filters li.active a, #filters li.active a.active, #filters li.active a:hover, #filters li.active a:focus, #filters li a:hover{padding: 0px 5px; border-radius: 0px; border: 0px; border-color: transparent; border-right: 1px solid #999; padding-bottom: 0; background-color: #FFFFFF;} #filters li.active a{color: #999;} #filters li:last-child a, #filters li:last-child a:hover, #filters li:last-child a:focus{border-right: 0px;} .nav-tabs-inline{float: left; display: inline; font-size: 14px; border-color: transparent;} #o_website_links_recent_links{min-height:30em;} .o_website_links_code_error{display:none; color:red; font-weight:bold;} .truncate_text{white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 500px;} 

/* /mass_mailing/static/src/css/mass_mailing_popup.css defined in bundle 'web.assets_frontend' */
 .editor_enable [data-oe-placeholder]:empty:not(:focus):before{content: " \00a0 " attr(data-oe-placeholder); opacity: 0.4;} .o_popup_animated{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} @-webkit-keyframes o_popup_bounce_small{0%, 20%, 53%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}40%, 43%{-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -14px, 0); transform: translate3d(0, -14px, 0);}70%{-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -8px, 0); transform: translate3d(0, -8px, 0);}90%{-webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}} @keyframes o_popup_bounce_small{0%, 20%, 53%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}40%, 43%{-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -14px, 0); transform: translate3d(0, -14px, 0);}70%{-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -8px, 0); transform: translate3d(0, -8px, 0);}90%{-webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}} .o_popup_bounce_small{-webkit-animation-name: o_popup_bounce_small; animation-name: o_popup_bounce_small; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom;} .o_popup_bounce_del500ms{-webkit-animation-delay: 500ms; animation-delay: 500ms;} #o_newsletter_popup .btn.btn-success{color: #ffffff; background-color: #21b799; border-color: #1da187;} #o_newsletter_popup .btn.btn-success:hover, #o_newsletter_popup .btn.btn-success:focus, #o_newsletter_popup .btn.btn-success.focus, #o_newsletter_popup .btn.btn-success:active, #o_newsletter_popup .btn.btn-success.active, .open > .dropdown-toggle#o_newsletter_popup .btn.btn-success{color: #ffffff; background-color: #198c75; border-color: #146e5c;} #o_newsletter_popup .btn.btn-success:active, #o_newsletter_popup .btn.btn-success.active, .open > .dropdown-toggle#o_newsletter_popup .btn.btn-success{background-image: none;} #o_newsletter_popup .btn.btn-success.disabled, #o_newsletter_popup .btn.btn-success[disabled], fieldset[disabled] #o_newsletter_popup .btn.btn-success, #o_newsletter_popup .btn.btn-success.disabled:hover, #o_newsletter_popup .btn.btn-success[disabled]:hover, fieldset[disabled] #o_newsletter_popup .btn.btn-success:hover, #o_newsletter_popup .btn.btn-success.disabled:focus, #o_newsletter_popup .btn.btn-success[disabled]:focus, fieldset[disabled] #o_newsletter_popup .btn.btn-success:focus, #o_newsletter_popup .btn.btn-success.disabled.focus, #o_newsletter_popup .btn.btn-success[disabled].focus, fieldset[disabled] #o_newsletter_popup .btn.btn-success.focus, #o_newsletter_popup .btn.btn-success.disabled:active, #o_newsletter_popup .btn.btn-success[disabled]:active, fieldset[disabled] #o_newsletter_popup .btn.btn-success:active, #o_newsletter_popup .btn.btn-success.disabled.active, #o_newsletter_popup .btn.btn-success[disabled].active, fieldset[disabled] #o_newsletter_popup .btn.btn-success.active{background-color: #21b799; border-color: #1da187;} #o_newsletter_popup h1, #o_newsletter_popup h2, #o_newsletter_popup h3, #o_newsletter_popup h4, #o_newsletter_popup h5, #o_newsletter_popup h6, #o_newsletter_popup .h1, #o_newsletter_popup .h2, #o_newsletter_popup .h3, #o_newsletter_popup .h4, #o_newsletter_popup .h5, #o_newsletter_popup .h6{font-weight: 300; color: #666; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} #o_newsletter_popup h1:first-child, #o_newsletter_popup h2:first-child, #o_newsletter_popup h3:first-child, #o_newsletter_popup h4:first-child, #o_newsletter_popup h5:first-child, #o_newsletter_popup h6:first-child, #o_newsletter_popup .h1:first-child, #o_newsletter_popup .h2:first-child, #o_newsletter_popup .h3:first-child, #o_newsletter_popup .h4:first-child, #o_newsletter_popup .h5:first-child, #o_newsletter_popup .h6:first-child{margin-top: 0;} #o_newsletter_popup .o_popup_modal_content{border-radius: 2px; margin: 20px; box-shadow: 0 0 20px rgba(255, 255, 255, 0.11); -webkit-box-shadow: 0 0 20px rgba(255, 255, 255, 0.11); border: 1px solid #767676; background: #f2f2f2;} #o_newsletter_popup .o_popup_modal_content:before{content: ""; position: absolute; width: 100%; height: 100%; z-index: 0; background: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(255, 255, 255, 0.3)), color-stop(42%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(135deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);} #web_editor_inside_iframe #o_newsletter_popup .o_popup_modal_content:before{content: none;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_header{background: #6c1153; padding: 5px;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_header .o_popup_modal_title{color: #ffffff;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_header *{position: relative; z-index: 1;} #o_newsletter_popup .o_popup_modal_content a.o_popup_btn_close{position: absolute; z-index: 99; right: 5px; top: 6px; width: 23px; height: 23px; display: block; text-align: center; border-radius: 100em; background: #6c1153; color: #daa3cb; text-decoration: none; -webkit-transition: all ease 200ms; -moz-transition: all ease 200ms; -ms-transition: all ease 200ms; -o-transition: all ease 200ms;} #o_newsletter_popup .o_popup_modal_content a.o_popup_btn_close:hover{background: #89296e; color: #ffffff;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body{padding: 0px 0px 30px; color: #666666;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .o_popup_content_dev{padding-bottom: 15px;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .o_popup_content_dev .o_popup_message{font-size: 3em; position: relative; text-align: left; padding-left: 2em; line-height: 1; margin: .5em; font-weight: 100;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .o_popup_content_dev .o_popup_message font{font-weight: 600; color: #875A7B; font-size: 2.5em; font-style: italic; position: absolute; top: -0.1em; margin-left: -0.65em;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .o_popup_content_dev .o_popup_message strong{color: #875A7B;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .o_popup_content_dev .o_message_paragraph{position: relative;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .input-group{margin-left: auto; margin-right: auto; max-width: 350px;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .input-group input{border-radius: 2px 0 0 2px; border: none; outline: 0; box-shadow: inset 0 -1px #cccccc;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .input-group .btn{border-radius: 0 2px 2px 0; border-width: 0 0 1px; padding-top: 7px; margin-left: -1px; -webkit-transition: all ease 200ms; -moz-transition: all ease 200ms; -ms-transition: all ease 200ms; -o-transition: all ease 200ms;} 

/* /sale_subscription/static/src/less/portal_subscription.less defined in bundle 'web.assets_frontend' */
 #wc-account-table td:nth-last-child(1), #wc-account-table th:nth-last-child(1), #wc-account-table td:nth-last-child(2), #wc-account-table th:nth-last-child(2), #wc-account-table td:nth-last-child(3), #wc-account-table th:nth-last-child(3){text-align: right; min-width: 9em;} #wc-account-table a{text-decoration: none;}