@charset "UTF-8";
@font-face{font-family:'FontAwesome';src:url(//www.difabioarredi.it/wp-content/themes/accesspress_parallax_pro/css/fonts/fontawesome-webfont.eot?v=4.2.0);src:url(//www.difabioarredi.it/wp-content/themes/accesspress_parallax_pro/css/fonts/fontawesome-webfont.eot?#iefix&v=4.2.0) format('embedded-opentype'),url(//www.difabioarredi.it/wp-content/themes/accesspress_parallax_pro/css/fonts/fontawesome-webfont.woff?v=4.2.0) format('woff'),url(//www.difabioarredi.it/wp-content/themes/accesspress_parallax_pro/css/fonts/fontawesome-webfont.ttf?v=4.2.0) format('truetype'),url(//www.difabioarredi.it/wp-content/themes/accesspress_parallax_pro/css/fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular) format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.bx-wrapper {
position: relative;
margin: 0 auto;
padding: 0;
*zoom: 1;
}
.bx-wrapper img {
max-width: 100%;
display: block;
margin: 0 auto;
}
.bx-wrapper *{
direction: ltr;
} .bx-wrapper .bx-viewport { -webkit-transform: translatez(0);
-moz-transform: translatez(0);
-ms-transform: translatez(0);
-o-transform: translatez(0);
transform: translatez(0);
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
position: absolute;
bottom: 10px;
width: 100%;
} .bx-wrapper .bx-loading {
min-height: 50px;
background: url(//www.difabioarredi.it/wp-content/themes/accesspress_parallax_pro/css/images/bx_loader.gif) center center no-repeat;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000;
} .bx-wrapper .bx-pager {
text-align: center;
font-family: Arial;
font-weight: bold;
color: #666;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
*zoom: 1;
*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
background: #FFF;
text-indent: -9999px;
display: block;
width: 15px;
height: 6px;
margin: 0 5px;
outline: 0;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
background: #E66432;
} .bx-wrapper .bx-prev {
left: 40px;
background: url(//www.difabioarredi.it/wp-content/themes/accesspress_parallax_pro/css/images/controls.png) no-repeat ;
}
.bx-wrapper .bx-next {
right: 40px;
background: url(//www.difabioarredi.it/wp-content/themes/accesspress_parallax_pro/css/images/controls.png) no-repeat right top;
}
.bx-wrapper .bx-prev:hover {
}
.bx-wrapper .bx-next:hover {
}
.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -50px;
outline: 0;
width: 28px;
height: 100px;
text-indent: -9999px;
z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
display: none;
} .bx-wrapper .bx-controls-auto {
text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
display: block;
text-indent: -9999px;
width: 10px;
height: 11px;
outline: 0;
background: url(//www.difabioarredi.it/wp-content/themes/accesspress_parallax_pro/css/images/controls.png) -86px -11px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
display: block;
text-indent: -9999px;
width: 9px;
height: 11px;
outline: 0;
background: url(//www.difabioarredi.it/wp-content/themes/accesspress_parallax_pro/css/images/controls.png) -86px -44px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
background-position: -86px -33px;
} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align: left;
width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px;
} .bx-wrapper .bx-caption {
position: absolute;
bottom: 0;
left: 0;
background: #666\9;
background: rgba(80, 80, 80, 0.75);
width: 100%;
}
.bx-wrapper .bx-caption span {
color: #fff;
font-family: Arial;
display: block;
font-size: .85em;
padding: 10px;
}
.slider-caption iframe{
width: 100%;
height: 100%;
}.nivo-lightbox-overlay {
position: fixed;
top: 0;
left: 0;
z-index: 99998;
width: 100%;
height: 100%;
overflow: hidden;
visibility: hidden;
opacity: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.nivo-lightbox-overlay.nivo-lightbox-open {
visibility: visible;
opacity: 1;
}
.nivo-lightbox-wrap  {
position: absolute;
top: 10%;
bottom: 10%;
left: 10%;
right: 10%;
}
.nivo-lightbox-content {
width: 100%;
height: 100%;
}
.nivo-lightbox-title-wrap {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 99999;
text-align: center;
}
.nivo-lightbox-nav { display: none; }
.nivo-lightbox-prev {
position: absolute;
top: 50%;
left: 0;
}
.nivo-lightbox-next {
position: absolute;
top: 50%;
right: 0;
}
.nivo-lightbox-close {
position: absolute;
top: 2%;
right: 2%;
}
.nivo-lightbox-image { text-align: center; }
.nivo-lightbox-image img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
vertical-align: middle;
}
.nivo-lightbox-content iframe {
width: 100%;
height: 100%;
}
.nivo-lightbox-inline,
.nivo-lightbox-ajax {
max-height: 100%;
overflow: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.nivo-lightbox-error {
display: table;
text-align: center;
width: 100%;
height: 100%;
color: #fff;
text-shadow: 0 1px 1px #000;
}
.nivo-lightbox-error p {
display: table-cell;
vertical-align: middle;
} .nivo-lightbox-notouch .nivo-lightbox-effect-fade,
.nivo-lightbox-notouch .nivo-lightbox-effect-fadeScale,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideLeft,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideRight,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideUp,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideDown,
.nivo-lightbox-notouch .nivo-lightbox-effect-fall {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
} .nivo-lightbox-effect-fadeScale .nivo-lightbox-wrap {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: scale(0.7);
-moz-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7);
}
.nivo-lightbox-effect-fadeScale.nivo-lightbox-open .nivo-lightbox-wrap {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
} .nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideRight .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideUp .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideDown .nivo-lightbox-wrap {
-webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
-moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
-ms-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
-o-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap {
-webkit-transform: translateX(-10%);
-moz-transform: translateX(-10%);
-ms-transform: translateX(-10%);
transform: translateX(-10%);
}
.nivo-lightbox-effect-slideRight .nivo-lightbox-wrap {
-webkit-transform: translateX(10%);
-moz-transform: translateX(10%);
-ms-transform: translateX(10%);
transform: translateX(10%);
}
.nivo-lightbox-effect-slideLeft.nivo-lightbox-open .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideRight.nivo-lightbox-open .nivo-lightbox-wrap {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.nivo-lightbox-effect-slideDown .nivo-lightbox-wrap {
-webkit-transform: translateY(-10%);
-moz-transform: translateY(-10%);
-ms-transform: translateY(-10%);
transform: translateY(-10%);
}
.nivo-lightbox-effect-slideUp .nivo-lightbox-wrap {
-webkit-transform: translateY(10%);
-moz-transform: translateY(10%);
-ms-transform: translateY(10%);
transform: translateY(10%);
}
.nivo-lightbox-effect-slideUp.nivo-lightbox-open .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideDown.nivo-lightbox-open .nivo-lightbox-wrap {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
} .nivo-lightbox-body-effect-fall .nivo-lightbox-effect-fall {
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
perspective: 1000px;
}
.nivo-lightbox-effect-fall .nivo-lightbox-wrap {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-webkit-transform: translateZ(300px);
-moz-transform: translateZ(300px);
-ms-transform: translateZ(300px);
transform: translateZ(300px);
}
.nivo-lightbox-effect-fall.nivo-lightbox-open .nivo-lightbox-wrap {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
}
.nivo-lightbox-theme-default.nivo-lightbox-overlay { 
background: #666;
background: rgba(0,0,0,0.6); 
}
.nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading { background: url(//www.difabioarredi.it/wp-content/themes/accesspress_parallax_pro/css/images/loading.gif) no-repeat 50% 50%; }
.nivo-lightbox-theme-default .nivo-lightbox-nav {
top: 10%;
width: 8%;
height: 80%;
text-indent: -9999px;
background-repeat: no-repeat;
background-position: 50% 50%;
opacity: 0.5;
}
.nivo-lightbox-theme-default .nivo-lightbox-nav:hover { 
opacity: 1; 
background-color: rgba(0,0,0,0.1);
}
.nivo-lightbox-theme-default .nivo-lightbox-prev { 
background-image: url(//www.difabioarredi.it/wp-content/themes/accesspress_parallax_pro/css/images/prev.png); 
border-radius: 0 3px 3px 0;
}
.nivo-lightbox-theme-default .nivo-lightbox-next { 
background-image: url(//www.difabioarredi.it/wp-content/themes/accesspress_parallax_pro/css/images/next.png); 
border-radius: 3px 0 0 3px;
}
.nivo-lightbox-theme-default .nivo-lightbox-close {
display: block;
background: url(//www.difabioarredi.it/wp-content/themes/accesspress_parallax_pro/css/images/close.png) no-repeat 5px 5px;
width: 16px;
height: 16px;
text-indent: -9999px;
padding: 5px;
opacity: 0.5;
}
.nivo-lightbox-theme-default .nivo-lightbox-close:hover { opacity: 1; }
.nivo-lightbox-theme-default .nivo-lightbox-title-wrap { bottom: -7%; }
.nivo-lightbox-theme-default .nivo-lightbox-title {
font: 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: normal;
background: #000;
color: #fff;
padding: 7px 15px;
border-radius: 30px;
}
.nivo-lightbox-theme-default .nivo-lightbox-image img {
background: #fff;
padding:8px;
}
.nivo-lightbox-theme-default .nivo-lightbox-ajax,
.nivo-lightbox-theme-default .nivo-lightbox-inline {
background: #fff;
padding: 40px;
-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
}
@media (-webkit-min-device-pixel-ratio: 1.3),
(-o-min-device-pixel-ratio: 2.6/2),
(min--moz-device-pixel-ratio: 1.3),
(min-device-pixel-ratio: 1.3),
(min-resolution: 1.3dppx) {
.nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading { 
background-image: url(//www.difabioarredi.it/wp-content/themes/accesspress_parallax_pro/css/images/loading@2x.gif); 
background-size: 32px 32px;
}
.nivo-lightbox-theme-default .nivo-lightbox-prev { 
background-image: url(//www.difabioarredi.it/wp-content/themes/accesspress_parallax_pro/css/images/prev@2x.png); 
background-size: 48px 48px;
}
.nivo-lightbox-theme-default .nivo-lightbox-next { 
background-image: url(//www.difabioarredi.it/wp-content/themes/accesspress_parallax_pro/css/images/next@2x.png); 
background-size: 48px 48px;
}
.nivo-lightbox-theme-default .nivo-lightbox-close { 
background-image: url(//www.difabioarredi.it/wp-content/themes/accesspress_parallax_pro/css/images/close@2x.png); 
background-size: 16px 16px;
}
}.sf-menu, .sf-menu * {
margin: 0;
padding: 0;
list-style: none;
}
.sf-menu li {
position: relative;
}
.sf-menu ul {
position: absolute;
display: none;
top: 100%;
left: 0;
z-index: 99;
}
.sf-menu > li {
float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
display: block;
}
.sf-menu a {
display: block;
position: relative;
}
.sf-menu ul ul {
top: 0;
left: 100%;
} .sf-menu {
float: left;
margin-bottom: 1em;
}
.sf-menu ul {
box-shadow: 2px 2px 6px rgba(0,0,0,.2);
min-width: 12em; *width: 12em; }
.sf-menu a {
border-left: 1px solid #fff;
border-top: 1px solid #dFeEFF; border-top: 1px solid #CCC;
padding: .75em 1em;
text-decoration: none;
zoom: 1; }
.sf-menu a {
color: #13a;
}
.sf-menu li {
background: #BDD2FF;
white-space: nowrap; *white-space: normal; -webkit-transition: background .2s;
transition: background .2s;
}
.sf-menu ul li {
background: #AABDE6;
}
.sf-menu ul ul li {
background: #9AAEDB;
}
.sf-menu li:hover,
.sf-menu li.sfHover {
background: #CFDEFF; -webkit-transition: none;
transition: none;
} .sf-arrows .sf-with-ul {
padding-right: 20px;
*padding-right: 1em; } .sf-arrows .sf-with-ul:after {
content: '\f107';
font-family:"FontAwesome";
position: absolute;
top: 50%;
right: 10px;
margin-top: -3px;
height: 0;
width: 0;
line-height:5px;
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
} .sf-arrows ul .sf-with-ul:after {
content:"\f105";
margin-top: -2px;
margin-right: 0;
border-color: transparent transparent transparent #ccc !important;
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
border-left-color: #CCC;
}
 .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes bounce {
0%, 20%, 53%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
@keyframes bounce {
0%, 20%, 53%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
0% {
-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);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
0% {
-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);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
0% {
-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(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
0% {
-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(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
0%, 100% {
-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 {
0%, 100% {
-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 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);
}
100% {
-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);
}
100% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
0% {
-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);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
0% {
-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);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
0% {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes wobble {
0% {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInLeft {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInRight {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
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);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
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);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
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);
}
100% {
-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);
}
100% {
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);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-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);
}
100% {
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);
}
100% {
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);
}
100% {
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);
}
100% {
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);
}
100% {
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);
}
100% {
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);
}
100% {
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);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
@keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-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-transition-timing-function: ease-in;
transition-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);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-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-transition-timing-function: ease-in;
transition-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);
}
100% {
-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 {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-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-transition-timing-function: ease-in;
transition-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);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-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-transition-timing-function: ease-in;
transition-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);
}
100% {
-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 {
0% {
-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;
}
100% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-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;
}
100% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-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;
}
100% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-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;
}
100% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
0% {
opacity: 1;
}
100% {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
opacity: 1;
}
100% {
-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 {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
100% {
-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 {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-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 {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-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 {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-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 {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-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 {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-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 {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-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 {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-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 {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-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;
}
100% {
-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;
}
100% {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
0% {
opacity: 1;
}
100% {
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 {
0% {
opacity: 1;
}
100% {
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 {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
0% {
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 {
0% {
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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInDown {
0% {
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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
0% {
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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInLeft {
0% {
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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
0% {
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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInRight {
0% {
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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
0% {
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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInUp {
0% {
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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
100% {
opacity: 0;
}
}
@keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
100% {
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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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);
}
100% {
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);
}
100% {
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);
}
100% {
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);
}
100% {
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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
0% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
visibility: visible;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInDown {
0% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
visibility: visible;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
visibility: visible;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInLeft {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
visibility: visible;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
visibility: visible;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInRight {
0% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
visibility: visible;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
0% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
visibility: visible;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInUp {
0% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
visibility: visible;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
visibility: hidden;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
}
@keyframes slideOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
visibility: hidden;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
visibility: hidden;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
visibility: hidden;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
visibility: hidden;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
visibility: hidden;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
visibility: hidden;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
visibility: hidden;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}.mm-menu.mm-horizontal > .mm-panel {
-webkit-transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease; }
.mm-menu .mm-hidden {
display: none; }
.mm-wrapper {
overflow-x: hidden;
position: relative; }
.mm-menu,
.mm-menu > .mm-panel {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 0; }
.mm-menu {
background: inherit;
display: block;
overflow: hidden;
padding: 0; }
.mm-menu > .mm-panel {
background: inherit;
-webkit-overflow-scrolling: touch;
overflow: scroll;
overflow-x: hidden;
overflow-y: auto;
box-sizing: border-box;
padding: 20px;
-webkit-transform: translate(100%, 0);
-moz-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
-o-transform: translate(100%, 0);
transform: translate(100%, 0); }
.mm-menu > .mm-panel.mm-opened {
-webkit-transform: translate(0%, 0);
-moz-transform: translate(0%, 0);
-ms-transform: translate(0%, 0);
-o-transform: translate(0%, 0);
transform: translate(0%, 0); }
.mm-menu > .mm-panel.mm-subopened {
-webkit-transform: translate(-30%, 0);
-moz-transform: translate(-30%, 0);
-ms-transform: translate(-30%, 0);
-o-transform: translate(-30%, 0);
transform: translate(-30%, 0); }
.mm-menu > .mm-panel.mm-highest {
z-index: 1; }
.mm-menu .mm-list {
padding: 20px 0; }
.mm-menu > .mm-list {
padding-bottom: 0; }
.mm-menu > .mm-list:after {
content: '';
display: block;
height: 40px; }
.mm-panel > .mm-list {
margin-left: -20px;
margin-right: -20px; }
.mm-panel > .mm-list:first-child {
padding-top: 0; }
.mm-list,
.mm-list > li {
list-style: none;
display: block;
padding: 0;
margin: 0; }
.mm-list {
font: inherit;
font-size: 14px; }
.mm-list a,
.mm-list a:hover {
text-decoration: none; }
.mm-list > li {
position: relative; }
.mm-list > li > a,
.mm-list > li > span {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
color: #FFF;
line-height: 20px;
display: block;
padding: 16px 10px 16px 20px;
text-transform: uppercase;
margin: 0; }
.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
content: '';
border-bottom-width: 1px;
border-bottom-style: solid;
display: block;
width: 100%;
position: absolute;
bottom: 0;
left: 0; }
.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
width: auto;
margin-left: 0;
position: relative;
left: auto; }
.mm-list a.mm-subopen {
background: rgba(3, 2, 1, 0);
width: 40px;
height: 100%;
padding: 0;
position: absolute;
right: 0;
top: 0;
z-index: 2; }
.mm-list a.mm-subopen:before {
content: '';
border-left-width: 1px;
border-left-style: solid;
display: block;
height: 100%;
position: absolute;
left: 0;
top: 0; }
.mm-list a.mm-subopen.mm-fullsubopen {
width: 100%; }
.mm-list a.mm-subopen.mm-fullsubopen:before {
border-left: none; }
.mm-list a.mm-subopen + a,
.mm-list a.mm-subopen + span {
padding-right: 5px;
margin-right: 40px; }
.mm-list > li.mm-selected > a.mm-subopen {
background: transparent; }
.mm-list > li.mm-selected > a.mm-fullsubopen + a,
.mm-list > li.mm-selected > a.mm-fullsubopen + span {
padding-right: 45px;
margin-right: 0; }
.mm-list a.mm-subclose {
text-indent: 20px;}
.mm-list > li.mm-label {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-size: 10px;
text-transform: uppercase;
text-indent: 20px;
line-height: 25px;
padding-right: 5px; }
.mm-list > li.mm-spacer {
padding-top: 40px; }
.mm-list > li.mm-spacer.mm-label {
padding-top: 25px; }
.mm-list a.mm-subopen:after,
.mm-list a.mm-subclose:before {
content: '';
border: 2px solid transparent;
display: inline-block;
width: 7px;
height: 7px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
margin-bottom: -5px;
position: absolute;
bottom: 50%; }
.mm-list a.mm-subopen:after {
border-top: none;
border-left: none;
right: 18px; }
.mm-list a.mm-subclose:before {
border-right: none;
border-bottom: none;
margin-bottom: -5px;
left: 22px; }
.mm-menu.mm-vertical .mm-list .mm-panel {
display: none;
padding: 10px 0 10px 10px; }
.mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after {
border-color: transparent; }
.mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel {
display: block; }
.mm-menu.mm-vertical .mm-list > li > a.mm-subopen {
height: 40px; }
.mm-menu.mm-vertical .mm-list > li > a.mm-subopen:after {
top: 16px;
bottom: auto; }
.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
.mm-menu.mm-vertical .mm-list > li.mm-label > a.mm-subopen {
height: 25px; }
html.mm-opened .mm-page {
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); }
.mm-menu {
background: #333333;
color: rgba(255, 255, 255, 0.6); }
.mm-menu .mm-list > li:after {
border-color: rgba(0, 0, 0, 0.15); }
.mm-menu .mm-list > li > a.mm-subclose {
background: rgba(0, 0, 0, 0.1);
}
.mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before {
border-color: rgba(255, 255, 255, 0.3); }
.mm-menu .mm-list > li > a.mm-subopen:before {
border-color: rgba(0, 0, 0, 0.15); }
.mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen),
.mm-menu .mm-list > li.mm-selected > span {
background: rgba(0, 0, 0, 0.1); }
.mm-menu .mm-list > li.mm-label {
background: rgba(255, 255, 255, 0.05); }
.mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
.mm-menu.mm-vertical .mm-list li.mm-opened > ul {
background: rgba(255, 255, 255, 0.05); } .mm-page {
box-sizing: border-box;
position: relative; }
.mm-slideout {
-webkit-transition: -webkit-transform 0.4s ease;
-ms-transition: -ms-transform 0.4s ease;
transition: transform 0.4s ease; }
html.mm-opened {
overflow: hidden;
position: relative; }
html.mm-opened body {
overflow: hidden; }
html.mm-background .mm-page {
background: inherit; }
#mm-blocker {
background: rgba(3, 2, 1, 0);
display: none;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 999999; }
html.mm-opened #mm-blocker,
html.mm-blocking #mm-blocker {
display: block; }
.mm-menu.mm-offcanvas {
display: none;
position: fixed; }
.mm-menu.mm-current {
display: block; }
.mm-menu {
width: 80%;
min-width: 140px;
max-width: 330px; }
html.mm-opening .mm-slideout {
-webkit-transform: translate(80%, 0);
-moz-transform: translate(80%, 0);
-ms-transform: translate(80%, 0);
-o-transform: translate(80%, 0);
transform: translate(80%, 0); }
@media all and (max-width: 175px) {
html.mm-opening .mm-slideout {
-webkit-transform: translate(140px, 0);
-moz-transform: translate(140px, 0);
-ms-transform: translate(140px, 0);
-o-transform: translate(140px, 0);
transform: translate(140px, 0); } }
@media all and (min-width: 550px) {
html.mm-opening .mm-slideout {
-webkit-transform: translate(330px, 0);
-moz-transform: translate(330px, 0);
-ms-transform: translate(330px, 0);
-o-transform: translate(330px, 0);
transform: translate(330px, 0); } } .mm-buttonbar {
border: 1px solid transparent;
border-radius: 5px;
text-align: center;
line-height: 20px;
overflow: hidden;
display: block;
padding: 0;
margin: 0;
position: relative; }
.mm-buttonbar:after {
content: '';
display: block;
clear: both; }
.mm-buttonbar > * {
border-left: 1px solid transparent;
box-sizing: border-box;
display: block;
width: 100%;
height: 100%;
float: left;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden; }
.mm-buttonbar > a {
text-decoration: none; }
.mm-buttonbar > input {
position: absolute;
left: -1000px;
top: -1000px; }
.mm-buttonbar > input:checked + label {
border-color: transparent  !important; }
.mm-buttonbar > *:first-child,
.mm-buttonbar > input:first-child + * {
border-left: none; }
.mm-buttonbar.mm-buttonbar-2 > * {
width: 50%; }
.mm-buttonbar.mm-buttonbar-3 > * {
width: 33.33%; }
.mm-buttonbar.mm-buttonbar-4 > * {
width: 25%; }
.mm-buttonbar.mm-buttonbar-5 > * {
width: 20%; }
.mm-header .mm-buttonbar {
margin-top: 20px;
margin-left: -30px;
margin-right: -30px; }
.mm-footer .mm-buttonbar {
border: none;
border-radius: none;
line-height: 40px;
margin: -10px -10px 0 -20px; }
.mm-footer .mm-buttonbar > * {
border-left: none; }
.mm-list > li > .mm-buttonbar {
margin: 10px 20px; }
.mm-menu .mm-buttonbar {
border-color: rgba(255, 255, 255, 0.6);
background: #333333; }
.mm-menu .mm-buttonbar > * {
border-color: rgba(255, 255, 255, 0.6); }
.mm-menu .mm-buttonbar > input:checked + label {
background: rgba(255, 255, 255, 0.6);
color: #333333; } em.mm-counter {
font: inherit;
font-size: 14px;
font-style: normal;
text-indent: 0;
line-height: 20px;
display: block;
margin-top: -10px;
position: absolute;
right: 40px;
top: 50%; }
em.mm-counter + a.mm-subopen {
padding-left: 40px; }
em.mm-counter + a.mm-subopen + a,
em.mm-counter + a.mm-subopen + span {
margin-right: 80px; }
em.mm-counter + a.mm-fullsubopen {
padding-left: 0; }
.mm-vertical em.mm-counter {
top: 12px;
margin-top: 0; }
.mm-nosubresults > em.mm-counter {
display: none; }
.mm-menu em.mm-counter {
color: rgba(255, 255, 255, 0.3); } html.mm-opened.mm-dragging .mm-menu,
html.mm-opened.mm-dragging .mm-page,
html.mm-opened.mm-dragging .mm-fixed-top,
html.mm-opened.mm-dragging .mm-fixed-bottom,
html.mm-opened.mm-dragging #mm-blocker {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s; } .mm-footer {
background: inherit;
border-top: 1px solid transparent;
text-align: center;
line-height: 20px;
box-sizing: border-box;
width: 100%;
height: 40px;
padding: 10px 10px 0 20px;
position: absolute;
z-index: 2;
bottom: 0;
left: 0; }
.mm-menu.mm-hasfooter > .mm-panel:after {
height: 80px; }
.mm-menu .mm-footer {
border-color: rgba(0, 0, 0, 0.15);
color: rgba(255, 255, 255, 0.3); } .mm-header {
background: inherit;
border-bottom: 1px solid transparent;
text-align: center;
line-height: 20px;
box-sizing: border-box;
width: 100%;
height: 60px;
padding: 0 50px;
position: absolute;
z-index: 2;
top: 0;
left: 0; }
.mm-header .mm-title,
.mm-header .mm-prev,
.mm-header .mm-next,
.mm-header .mm-close {
padding-top: 30px; }
.mm-header .mm-title {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display: inline-block;
width: 100%;
position: relative; }
.mm-header .mm-prev,
.mm-header .mm-next,
.mm-header .mm-close {
text-decoration: none;
display: block;
box-sizing: border-box;
min-width: 10px;
height: 100%;
position: absolute;
top: 0;
z-index: 1; }
.mm-header .mm-prev {
padding-left: 20px;
padding-right: 10px;
left: 0; }
.mm-header .mm-next,
.mm-header .mm-close {
padding-left: 10px;
padding-right: 20px;
right: 0; }
.mm-header [href].mm-prev:before, .mm-header [href].mm-next:after {
content: '';
border: 2px solid transparent;
display: inline-block;
width: 7px;
height: 7px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg); }
.mm-header [href].mm-prev:before {
border-right: none;
border-bottom: none;
margin-left: 2px;
margin-right: 5px; }
.mm-header [href].mm-next:after, .mm-header [href].mm-close:after {
margin-left: 5px;
margin-right: -2px; }
.mm-header [href].mm-next:after {
border-top: none;
border-left: none; }
.mm-header [href].mm-close:after {
content: 'x'; }
.mm-menu.mm-hassearch .mm-header {
height: 50px;
top: 50px; }
.mm-menu.mm-hassearch .mm-header .mm-title,
.mm-menu.mm-hassearch .mm-header .mm-prev,
.mm-menu.mm-hassearch .mm-header .mm-next,
.mm-menu.mm-hassearch .mm-header .mm-close {
padding-top: 20px; }
.mm-menu.mm-hasheader li.mm-subtitle {
display: none; }
.mm-menu.mm-hasheader > .mm-panel {
padding-top: 80px; }
.mm-menu.mm-hasheader > .mm-panel.mm-list {
padding-top: 60px; }
.mm-menu.mm-hasheader > .mm-panel > .mm-list:first-child {
margin-top: -20px; }
.mm-menu.mm-hasheader.mm-hassearch > .mm-panel {
padding-top: 120px; }
.mm-menu.mm-hasheader.mm-hassearch > .mm-panel.mm-list {
padding-top: 100px; }
.mm-menu .mm-header {
border-color: rgba(0, 0, 0, 0.15);
color: rgba(255, 255, 255, 0.3); }
.mm-menu .mm-header .mm-prev:before,
.mm-menu .mm-header .mm-next:after,
.mm-menu .mm-header .mm-close:after {
border-color: rgba(255, 255, 255, 0.3); } .mm-list li.mm-label > span {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
padding: 0;
line-height: 25px; }
.mm-list li.mm-label.mm-opened a.mm-subopen:after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
.mm-list li.mm-collapsed:not(.mm-uncollapsed) {
display: none; }
.mm-menu.mm-vertical .mm-list > li.mm-label > a.mm-subopen:after {
top: 8.5px; }
.mm-menu .mm-list li.mm-label > div > div {
background: rgba(255, 255, 255, 0.05); } .mm-search,
.mm-search input {
box-sizing: border-box; }
.mm-list > li.mm-search {
padding: 10px;
margin-top: -20px; }
.mm-list > li.mm-subtitle + li.mm-search {
margin-top: 0; }
div.mm-panel > div.mm-search {
padding: 0 0 10px 0; }
.mm-menu.mm-hasheader .mm-list > li.mm-search {
margin-top: 0; }
.mm-menu > .mm-search {
background: inherit;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2; }
.mm-search {
padding: 10px; }
.mm-search input {
border: none;
border-radius: 30px;
font: inherit;
font-size: 14px;
line-height: 30px;
outline: none;
display: block;
width: 100%;
height: 30px;
margin: 0;
padding: 0 10px; }
.mm-search input::-ms-clear {
display: none; }
.mm-menu .mm-noresultsmsg {
text-align: center;
font-size: 21px;
display: none;
padding: 60px 0; }
.mm-menu .mm-noresultsmsg:after {
border: none !important; }
.mm-noresults .mm-noresultsmsg {
display: block; }
.mm-menu li.mm-nosubresults > a.mm-subopen {
display: none; }
.mm-menu li.mm-nosubresults > a.mm-subopen + a,
.mm-menu li.mm-nosubresults > a.mm-subopen + span {
padding-right: 10px; }
.mm-menu.mm-hassearch > .mm-panel {
padding-top: 70px; }
.mm-menu.mm-hassearch > .mm-panel > .mm-list:first-child {
margin-top: -20px; }
.mm-menu.mm-hasheader > .mm-panel > div.mm-search:first-child {
margin-top: -10px; }
.mm-menu.mm-hasheader > .mm-panel > div.mm-search:first-child + .mm-list {
padding-top: 0; }
.mm-menu .mm-search input {
background: rgba(255, 255, 255, 0.3);
color: rgba(255, 255, 255, 0.6); }
.mm-menu .mm-noresultsmsg {
color: rgba(255, 255, 255, 0.3); } input.mm-toggle,
input.mm-check {
position: absolute;
left: -10000px; }
label.mm-toggle,
label.mm-check {
margin: 0;
position: absolute;
bottom: 50%;
z-index: 2; }
label.mm-toggle:before,
label.mm-check:before {
content: '';
display: block; }
label.mm-toggle {
border-radius: 30px;
width: 50px;
height: 30px;
margin-bottom: -15px; }
label.mm-toggle:before {
border-radius: 30px;
width: 28px;
height: 28px;
margin: 1px; }
input.mm-toggle:checked ~ label.mm-toggle:before {
float: right; }
label.mm-check {
width: 30px;
height: 30px;
margin-bottom: -15px; }
label.mm-check:before {
border-left: 3px solid;
border-bottom: 3px solid;
width: 40%;
height: 20%;
margin: 25% 0 0 20%;
opacity: 0.1;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg); }
input.mm-check:checked ~ label.mm-check:before {
opacity: 1; }
.mm-menu.mm-vertical .mm-list > li label.mm-toggle, .mm-menu.mm-vertical .mm-list > li label.mm-check {
bottom: auto;
margin-bottom: 0; }
.mm-menu.mm-vertical .mm-list > li label.mm-toggle {
top: 5px; }
.mm-menu.mm-vertical .mm-list > li label.mm-check {
top: 5px; }
label.mm-toggle, label.mm-check {
right: 20px; }
label.mm-toggle + a,
label.mm-toggle + span {
margin-right: 70px; }
label.mm-check + a,
label.mm-check + span {
margin-right: 50px; }
a.mm-subopen + label.mm-toggle, a.mm-subopen + label.mm-check {
right: 50px; }
a.mm-subopen + label.mm-toggle + a,
a.mm-subopen + label.mm-toggle + span {
margin-right: 100px; }
a.mm-subopen + label.mm-check + a,
a.mm-subopen + label.mm-check + span {
margin-right: 80px; }
em.mm-counter + a.mm-subopen + label.mm-toggle, em.mm-counter + a.mm-subopen + label.mm-check {
right: 90px; }
em.mm-counter + a.mm-subopen + label.mm-toggle + a,
em.mm-counter + a.mm-subopen + label.mm-toggle + span {
margin-right: 140px; }
em.mm-counter + a.mm-subopen + label.mm-check + a,
em.mm-counter + a.mm-subopen + label.mm-check + span {
margin-right: 120px; }
.mm-menu label.mm-toggle {
background: rgba(0, 0, 0, 0.15); }
.mm-menu label.mm-toggle:before {
background: #333333; }
.mm-menu input.mm-toggle:checked ~ label.mm-toggle {
background: #4bd963; }
.mm-menu label.mm-check:before {
border-color: rgba(255, 255, 255, 0.6); } html.mm-slide .mm-menu {
-webkit-transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease; }
html.mm-slide.mm-opened .mm-menu {
-webkit-transform: translateX(-30%);
-moz-transform: translateX(-30%);
-ms-transform: translateX(-30%);
-o-transform: translateX(-30%);
transform: translateX(-30%); }
html.mm-slide.mm-opening .mm-menu {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%); }
html.mm-slide.mm-right.mm-opened .mm-menu {
-webkit-transform: translateX(30%);
-moz-transform: translateX(30%);
-ms-transform: translateX(30%);
-o-transform: translateX(30%);
transform: translateX(30%); }
html.mm-slide.mm-right.mm-opening .mm-menu {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%); }
html.mm-slide.mm-top.mm-opened .mm-menu {
-webkit-transform: translateY(-30%);
-moz-transform: translateY(-30%);
-ms-transform: translateY(-30%);
-o-transform: translateY(-30%);
transform: translateY(-30%); }
html.mm-slide.mm-top.mm-opening .mm-menu {
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%); }
html.mm-slide.mm-bottom.mm-opened .mm-menu {
-webkit-transform: translateY(30%);
-moz-transform: translateY(30%);
-ms-transform: translateY(30%);
-o-transform: translateY(30%);
transform: translateY(30%); }
html.mm-slide.mm-bottom.mm-opening .mm-menu {
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%); }
html.mm-zoom-menu .mm-menu {
-webkit-transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease; }
html.mm-zoom-menu.mm-opened .mm-menu {
-webkit-transform: scale(0.7, 0.7) translateX(-30%);
-moz-transform: scale(0.7, 0.7) translateX(-30%);
-ms-transform: scale(0.7, 0.7) translateX(-30%);
-o-transform: scale(0.7, 0.7) translateX(-30%);
transform: scale(0.7, 0.7) translateX(-30%);
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-ms-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center; }
html.mm-zoom-menu.mm-opening .mm-menu {
-webkit-transform: scale(1, 1) translateX(0%);
-moz-transform: scale(1, 1) translateX(0%);
-ms-transform: scale(1, 1) translateX(0%);
-o-transform: scale(1, 1) translateX(0%);
transform: scale(1, 1) translateX(0%); }
html.mm-zoom-menu.mm-right.mm-opened .mm-menu {
-webkit-transform: scale(0.7, 0.7) translateX(30%);
-moz-transform: scale(0.7, 0.7) translateX(30%);
-ms-transform: scale(0.7, 0.7) translateX(30%);
-o-transform: scale(0.7, 0.7) translateX(30%);
transform: scale(0.7, 0.7) translateX(30%);
-webkit-transform-origin: right center;
-moz-transform-origin: right center;
-ms-transform-origin: right center;
-o-transform-origin: right center;
transform-origin: right center; }
html.mm-zoom-menu.mm-right.mm-opening .mm-menu {
-webkit-transform: scale(1, 1) translateX(0%);
-moz-transform: scale(1, 1) translateX(0%);
-ms-transform: scale(1, 1) translateX(0%);
-o-transform: scale(1, 1) translateX(0%);
transform: scale(1, 1) translateX(0%); }
html.mm-zoom-menu.mm-top.mm-opened .mm-menu {
-webkit-transform: scale(0.7, 0.7) translateY(-30%);
-moz-transform: scale(0.7, 0.7) translateY(-30%);
-ms-transform: scale(0.7, 0.7) translateY(-30%);
-o-transform: scale(0.7, 0.7) translateY(-30%);
transform: scale(0.7, 0.7) translateY(-30%);
-webkit-transform-origin: center top;
-moz-transform-origin: center top;
-ms-transform-origin: center top;
-o-transform-origin: center top;
transform-origin: center top; }
html.mm-zoom-menu.mm-top.mm-opening .mm-menu {
-webkit-transform: scale(1, 1) translateY(0%);
-moz-transform: scale(1, 1) translateY(0%);
-ms-transform: scale(1, 1) translateY(0%);
-o-transform: scale(1, 1) translateY(0%);
transform: scale(1, 1) translateY(0%); }
html.mm-zoom-menu.mm-bottom.mm-opened .mm-menu {
-webkit-transform: scale(0.7, 0.7) translateY(30%);
-moz-transform: scale(0.7, 0.7) translateY(30%);
-ms-transform: scale(0.7, 0.7) translateY(30%);
-o-transform: scale(0.7, 0.7) translateY(30%);
transform: scale(0.7, 0.7) translateY(30%);
-webkit-transform-origin: center bottom;
-moz-transform-origin: center bottom;
-ms-transform-origin: center bottom;
-o-transform-origin: center bottom;
transform-origin: center bottom; }
html.mm-zoom-menu.mm-bottom.mm-opening .mm-menu {
-webkit-transform: scale(1, 1) translateY(0%);
-moz-transform: scale(1, 1) translateY(0%);
-ms-transform: scale(1, 1) translateY(0%);
-o-transform: scale(1, 1) translateY(0%);
transform: scale(1, 1) translateY(0%); }
html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel {
-webkit-transform: scale(1.5, 1.5) translateX(100%);
-moz-transform: scale(1.5, 1.5) translateX(100%);
-ms-transform: scale(1.5, 1.5) translateX(100%);
-o-transform: scale(1.5, 1.5) translateX(100%);
transform: scale(1.5, 1.5) translateX(100%);
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-ms-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
-webkit-transition-property: -webkit-transform, left;
transition-property: transform, left; }
html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened {
-webkit-transform: scale(1, 1) translateX(0%);
-moz-transform: scale(1, 1) translateX(0%);
-ms-transform: scale(1, 1) translateX(0%);
-o-transform: scale(1, 1) translateX(0%);
transform: scale(1, 1) translateX(0%); }
html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened.mm-subopened {
-webkit-transform: scale(0.7, 0.7) translateX(-30%);
-moz-transform: scale(0.7, 0.7) translateX(-30%);
-ms-transform: scale(0.7, 0.7) translateX(-30%);
-o-transform: scale(0.7, 0.7) translateX(-30%);
transform: scale(0.7, 0.7) translateX(-30%); } .mm-menu.mm-fullscreen {
width: 100%;
min-width: 140px;
max-width: 10000px; }
html.mm-opening.mm-fullscreen .mm-slideout {
-webkit-transform: translate(100%, 0);
-moz-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
-o-transform: translate(100%, 0);
transform: translate(100%, 0); }
@media all and (max-width: 140px) {
html.mm-opening.mm-fullscreen .mm-slideout {
-webkit-transform: translate(140px, 0);
-moz-transform: translate(140px, 0);
-ms-transform: translate(140px, 0);
-o-transform: translate(140px, 0);
transform: translate(140px, 0); } }
@media all and (min-width: 10000px) {
html.mm-opening.mm-fullscreen .mm-slideout {
-webkit-transform: translate(10000px, 0);
-moz-transform: translate(10000px, 0);
-ms-transform: translate(10000px, 0);
-o-transform: translate(10000px, 0);
transform: translate(10000px, 0); } }
html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
-webkit-transform: translate(-100%, 0);
-moz-transform: translate(-100%, 0);
-ms-transform: translate(-100%, 0);
-o-transform: translate(-100%, 0);
transform: translate(-100%, 0); }
@media all and (max-width: 140px) {
html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
-webkit-transform: translate(-140px, 0);
-moz-transform: translate(-140px, 0);
-ms-transform: translate(-140px, 0);
-o-transform: translate(-140px, 0);
transform: translate(-140px, 0); } }
@media all and (min-width: 10000px) {
html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
-webkit-transform: translate(-10000px, 0);
-moz-transform: translate(-10000px, 0);
-ms-transform: translate(-10000px, 0);
-o-transform: translate(-10000px, 0);
transform: translate(-10000px, 0); } }
.mm-menu.mm-front.mm-fullscreen.mm-top, .mm-menu.mm-front.mm-fullscreen.mm-bottom {
height: 100%;
min-height: 140px;
max-height: 10000px; }
html.mm-opened.mm-fullscreen .mm-page {
box-shadow: none !important; } .mm-menu.mm-top,
.mm-menu.mm-bottom {
width: 100%;
min-width: 100%;
max-width: 100%; }
.mm-menu.mm-right {
left: auto;
right: 0; }
.mm-menu.mm-bottom {
top: auto;
bottom: 0; }
html.mm-right.mm-opening .mm-slideout {
-webkit-transform: translate(-80%, 0);
-moz-transform: translate(-80%, 0);
-ms-transform: translate(-80%, 0);
-o-transform: translate(-80%, 0);
transform: translate(-80%, 0); }
@media all and (max-width: 175px) {
html.mm-right.mm-opening .mm-slideout {
-webkit-transform: translate(-140px, 0);
-moz-transform: translate(-140px, 0);
-ms-transform: translate(-140px, 0);
-o-transform: translate(-140px, 0);
transform: translate(-140px, 0); } }
@media all and (min-width: 550px) {
html.mm-right.mm-opening .mm-slideout {
-webkit-transform: translate(-330px, 0);
-moz-transform: translate(-330px, 0);
-ms-transform: translate(-330px, 0);
-o-transform: translate(-330px, 0);
transform: translate(-330px, 0); } } html.mm-front .mm-slideout {
-webkit-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-o-transform: none !important;
transform: none !important;
z-index: 0 !important; }
.mm-menu.mm-front {
z-index: 1;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); }
html.mm-opened.mm-next .mm-page {
box-shadow: none; }
.mm-menu.mm-front, .mm-menu.mm-next {
-webkit-transition: -webkit-transform 0.4s ease;
-ms-transition: -ms-transform 0.4s ease;
transition: transform 0.4s ease;
-webkit-transform: translate(-100%, 0);
-moz-transform: translate(-100%, 0);
-ms-transform: translate(-100%, 0);
-o-transform: translate(-100%, 0);
transform: translate(-100%, 0); }
.mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right {
-webkit-transform: translate(100%, 0);
-moz-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
-o-transform: translate(100%, 0);
transform: translate(100%, 0); }
.mm-menu.mm-front.mm-top {
-webkit-transform: translate(0, -100%);
-moz-transform: translate(0, -100%);
-ms-transform: translate(0, -100%);
-o-transform: translate(0, -100%);
transform: translate(0, -100%); }
.mm-menu.mm-front.mm-bottom {
-webkit-transform: translate(0, 100%);
-moz-transform: translate(0, 100%);
-ms-transform: translate(0, 100%);
-o-transform: translate(0, 100%);
transform: translate(0, 100%); }
html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0); }
.mm-menu.mm-front.mm-top, .mm-menu.mm-front.mm-bottom {
height: 80%;
min-height: 140px;
max-height: 880px; } html.mm-opened.mm-light .mm-page {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
.mm-menu.mm-light {
background: #f3f3f3;
color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-light .mm-list > li:after {
border-color: rgba(0, 0, 0, 0.1); }
.mm-menu.mm-light .mm-list > li > a.mm-subclose {
background: rgba(255, 255, 255, 0.6);
color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-light .mm-list > li > a.mm-subopen:after, .mm-menu.mm-light .mm-list > li > a.mm-subclose:before {
border-color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-light .mm-list > li > a.mm-subopen:before {
border-color: rgba(0, 0, 0, 0.1); }
.mm-menu.mm-light .mm-list > li.mm-selected > a:not(.mm-subopen),
.mm-menu.mm-light .mm-list > li.mm-selected > span {
background: rgba(255, 255, 255, 0.6); }
.mm-menu.mm-light .mm-list > li.mm-label {
background: rgba(0, 0, 0, 0.03); }
.mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
.mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > ul {
background: rgba(0, 0, 0, 0.03); }
.mm-menu.mm-light .mm-buttonbar {
border-color: rgba(0, 0, 0, 0.6);
background: #f3f3f3; }
.mm-menu.mm-light .mm-buttonbar > * {
border-color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-light .mm-buttonbar > input:checked + label {
background: rgba(0, 0, 0, 0.6);
color: #f3f3f3; }
.mm-menu.mm-light label.mm-check:before {
border-color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-light em.mm-counter {
color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-light .mm-footer {
border-color: rgba(0, 0, 0, 0.1);
color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-light .mm-header {
border-color: rgba(0, 0, 0, 0.1);
color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-light .mm-header .mm-prev:before,
.mm-menu.mm-light .mm-header .mm-next:after,
.mm-menu.mm-light .mm-header .mm-close:after {
border-color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-light .mm-list li.mm-label > div > div {
background: rgba(0, 0, 0, 0.03); }
.mm-menu.mm-light .mm-search input {
background: rgba(0, 0, 0, 0.1);
color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-light .mm-noresultsmsg {
color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-light label.mm-toggle {
background: rgba(0, 0, 0, 0.1); }
.mm-menu.mm-light label.mm-toggle:before {
background: #f3f3f3; }
.mm-menu.mm-light input.mm-toggle:checked ~ label.mm-toggle {
background: #4bd963; }
html.mm-opened.mm-white .mm-page {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
.mm-menu.mm-white {
background: white;
color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-white .mm-list > li:after {
border-color: rgba(0, 0, 0, 0.1); }
.mm-menu.mm-white .mm-list > li > a.mm-subclose {
background: rgba(0, 0, 0, 0.06);
color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-white .mm-list > li > a.mm-subopen:after, .mm-menu.mm-white .mm-list > li > a.mm-subclose:before {
border-color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-white .mm-list > li > a.mm-subopen:before {
border-color: rgba(0, 0, 0, 0.1); }
.mm-menu.mm-white .mm-list > li.mm-selected > a:not(.mm-subopen),
.mm-menu.mm-white .mm-list > li.mm-selected > span {
background: rgba(0, 0, 0, 0.06); }
.mm-menu.mm-white .mm-list > li.mm-label {
background: rgba(0, 0, 0, 0.03); }
.mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
.mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > ul {
background: rgba(0, 0, 0, 0.03); }
.mm-menu.mm-white .mm-buttonbar {
border-color: rgba(0, 0, 0, 0.6);
background: white; }
.mm-menu.mm-white .mm-buttonbar > * {
border-color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-white .mm-buttonbar > input:checked + label {
background: rgba(0, 0, 0, 0.6);
color: white; }
.mm-menu.mm-white label.mm-check:before {
border-color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-white em.mm-counter {
color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-white .mm-footer {
border-color: rgba(0, 0, 0, 0.1);
color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-white .mm-header {
border-color: rgba(0, 0, 0, 0.1);
color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-white .mm-header .mm-prev:before,
.mm-menu.mm-white .mm-header .mm-next:after,
.mm-menu.mm-white .mm-header .mm-close:after {
border-color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-white .mm-list li.mm-label > div > div {
background: rgba(0, 0, 0, 0.03); }
.mm-menu.mm-white .mm-search input {
background: rgba(0, 0, 0, 0.1);
color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-white .mm-noresultsmsg {
color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-white label.mm-toggle {
background: rgba(0, 0, 0, 0.1); }
.mm-menu.mm-white label.mm-toggle:before {
background: white; }
.mm-menu.mm-white input.mm-toggle:checked ~ label.mm-toggle {
background: #4bd963; }
html.mm-opened.mm-black .mm-page {
box-shadow: none; }
.mm-menu.mm-black {
background: black;
color: rgba(255, 255, 255, 0.6); }
.mm-menu.mm-black .mm-list > li:after {
border-color: rgba(255, 255, 255, 0.2); }
.mm-menu.mm-black .mm-list > li > a.mm-subclose {
background: rgba(255, 255, 255, 0.25);
color: rgba(255, 255, 255, 0.3); }
.mm-menu.mm-black .mm-list > li > a.mm-subopen:after, .mm-menu.mm-black .mm-list > li > a.mm-subclose:before {
border-color: rgba(255, 255, 255, 0.3); }
.mm-menu.mm-black .mm-list > li > a.mm-subopen:before {
border-color: rgba(255, 255, 255, 0.2); }
.mm-menu.mm-black .mm-list > li.mm-selected > a:not(.mm-subopen),
.mm-menu.mm-black .mm-list > li.mm-selected > span {
background: rgba(255, 255, 255, 0.25); }
.mm-menu.mm-black .mm-list > li.mm-label {
background: rgba(255, 255, 255, 0.15); }
.mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
.mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > ul {
background: rgba(255, 255, 255, 0.15); }
.mm-menu.mm-black .mm-buttonbar {
border-color: rgba(255, 255, 255, 0.6);
background: black; }
.mm-menu.mm-black .mm-buttonbar > * {
border-color: rgba(255, 255, 255, 0.6); }
.mm-menu.mm-black .mm-buttonbar > input:checked + label {
background: rgba(255, 255, 255, 0.6);
color: black; }
.mm-menu.mm-black label.mm-check:before {
border-color: rgba(255, 255, 255, 0.6); }
.mm-menu.mm-black em.mm-counter {
color: rgba(255, 255, 255, 0.3); }
.mm-menu.mm-black .mm-footer {
border-color: rgba(255, 255, 255, 0.2);
color: rgba(255, 255, 255, 0.3); }
.mm-menu.mm-black .mm-header {
border-color: rgba(255, 255, 255, 0.2);
color: rgba(255, 255, 255, 0.3); }
.mm-menu.mm-black .mm-header .mm-prev:before,
.mm-menu.mm-black .mm-header .mm-next:after,
.mm-menu.mm-black .mm-header .mm-close:after {
border-color: rgba(255, 255, 255, 0.3); }
.mm-menu.mm-black .mm-list li.mm-label > div > div {
background: rgba(255, 255, 255, 0.15); }
.mm-menu.mm-black .mm-search input {
background: rgba(255, 255, 255, 0.3);
color: rgba(255, 255, 255, 0.6); }
.mm-menu.mm-black .mm-noresultsmsg {
color: rgba(255, 255, 255, 0.3); }
.mm-menu.mm-black label.mm-toggle {
background: rgba(255, 255, 255, 0.2); }
.mm-menu.mm-black label.mm-toggle:before {
background: black; }
.mm-menu.mm-black input.mm-toggle:checked ~ label.mm-toggle {
background: #4bd963; }html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
html {
font-size: 62.5%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust:     100%; }
*,
*:before,
*:after { -webkit-box-sizing: border-box; -moz-box-sizing:    border-box; box-sizing:         border-box;
}
body {
background: #fff; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
display: block;
}
ol, ul {
list-style: none;
}
table { border-collapse: collapse;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
a img {
border: 0;
} body,
button,
input,
select,
textarea {
color: #404040;
font-family: 'PT Sans', serif;
font-size: 18px;
line-height: 1.5;
font-weight: 300;
}
h1, h2, h3, h4, h5, h6 {
clear: both;
font-family: 'Oxygen', sans-serif;
line-height: 1.2;
}
h1{
font-size: 24px;
margin-bottom: 20px;
}
h2{
font-size: 22px;
margin-bottom: 10px;
}
h3{
font-size: 20px;
margin-bottom: 10px;
}
h4{
font-size: 18px;
margin-bottom: 10px;
}
h5{
font-size: 16px;
margin-bottom: 5px;
}
h6{
font-size: 14px;
margin-bottom: 5px;
}
p {
margin-bottom: 20px;
}
b, strong {
font-weight: bold;
}
dfn, cite, em, i {
font-style: italic;
}
blockquote {
margin: 0 20px;
}
address {
margin: 0 0 20px;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
line-height: 1.6;
margin-bottom: 20px;
max-width: 100%;
overflow: auto;
padding: 20px;
}
code, kbd, tt, var {
font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark, ins {
background: #fff9c0;
text-decoration: none;
}
sup,
sub {
font-size: 75%;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline;
}
small {
font-size: 75%;
}
big {
font-size: 125%;
} hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 20px;
}
ul, ol {
margin: 0 0 15px 20px;
}
ul {
list-style: square;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 20px;
}
dt {
font-weight: bold;
}
dd {
margin: 0 20px 20px;
}
img {
height: auto; max-width: 100%; vertical-align: middle;
}
figure {
margin: 0;
}
table {
margin: 0 0 20px;
width: 100%;
}
th {
font-weight: bold;
}
table th, 
table td{
border: 1px solid #EEE;
padding: 10px
} button,
input,
select,
textarea {
font-size: 100%; margin: 0; vertical-align: baseline; }
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid #E5623B;
background: none;
cursor: pointer; 
font-size: 14px;
line-height: 1;
padding: 10px 20px;
color: #E5623B;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
background: #E5623B;
color:#FFF;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
}
input[type="checkbox"],
input[type="radio"] {
padding: 0; }
button::-moz-focus-inner,
input::-moz-focus-inner { border: 0;
padding: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
color: inherit;
border: 1px solid #CCC;
max-width: 100%;
height: 38px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
border-color: #E5623B;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
padding: 3px 10px;
}
textarea {
overflow: auto; padding: 3px 10px;
vertical-align: top; width: 100%;
height:180px;
} a {
color: #E66432;
}
.ap-bttn{
background:#E66432;
color: #FFF;
line-height: 38px;
height: 38px;
white-space: nowrap;
display: inline-block;
text-decoration: none;
padding:0 14px;
position: relative;
z-index: 99;
}
.ap-bttn:before{
content: "";
position: absolute;
left:0;
top:0;
width: 100%;
height: 100%;
background:#E66432;
z-index: -1;
}
.ap-bttn:after{
content: "\f105";
background-color;
font-family: 'FontAwesome';
position: absolute;
left: 100%;
top: 0;
width: 26px;
height: 100%;
text-align: center;
-webkit-tranition:all 0.3s ease;
-moz-transition:all 0.3s ease;
transition:all 0.3s ease;
background:#E66432;
z-index: 9;
line-height: 38px;
z-index: -2;
-ms-transform: translate(-26px,0); 
-webkit-transform: translate(-26px,0); 
transform: translate(-26px,0);
}
.ap-bttn:hover:after{
-ms-transform: translate(1px,0); 
-webkit-transform: translate(1px,0); 
transform: translate(1px,0);
}  .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } .alignleft {
display: inline;
float: left;
margin-right: 20px;
}
.alignright {
display: inline;
float: right;
margin-left: 20px;
}
.aligncenter {
clear: both;
display: block;
margin: 0 auto;
} .clearfix:before,
.clearfix:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: '';
display: table;
}
.clearfix:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
} .widget {
margin: 0 0 20px;
} .widget select {
max-width: 100%;
} .widget_search .search-submit {
display: none;
}
#secondary .widget{
}
#secondary .widget:last-child{
margin-bottom: 0;
} .mid-content{ 
width: 1170px; 
margin: 0 auto;
}
.parallax-section{ 
padding: 60px 0;
position: relative;
}
.parallax-section h1.parallax-title{
line-height: 1.2;
text-align: center;
padding: 0 20px;
margin-bottom: 60px;
}
.parallax-section h1.parallax-title span{
position: relative;
display: inline-block;
}
.parallax-section h1.parallax-title span:after{
content: "";
position: absolute;
width: 50%;
top:100%;
left:50%;
margin-left: -25%;
margin-top: 10px;
border-bottom: 1px solid #FFF;
border-color: inherit;
}
.parallax-section .overlay{
position: absolute;
left:0;
top: 0;
width: 100%;
height: 100%;
}
.parallax-section .mid-content{
position: relative;
z-index: 999;
}
#content{
min-height: 200px;
}
.home #content.no-slider{
margin-top: 0;
}
.boxed #content{
background: #FFF;
margin: 0;
}
#main-wrap{
margin-bottom: 20px;
}
#primary{
width: 72%;
float: left;
}
#secondary{
width: 26%;
float: right;
}
#secondary ul{
list-style: none;
margin-left: 0;
}
#secondary ul li{
}
#secondary ul li a{
text-decoration: none;
color: #333;
}
#secondary h2.widget-title{
border-bottom: 1px solid #E66432;
margin-bottom: 10px;
line-height: 1.2;
font-size: 18px;
}
#secondary h2.widget-title span{
color: #333;
display: inline-block;
padding: 8px 0;
}
#secondary .search-form input[type="search"]{
width: 100%;
} .no-sidebar #primary{
width: 100%;
} #secondary-left{
width: 26%;
float: left;
}
.left-sidebar #primary{
float: right;
} #secondary-right{
width: 26%;
float: right;
}
.right-sidebar #primary{
float: left;
} .both-sidebar #primary-wrap{
float: left;
width: 76%;
}
.both-sidebar #primary{
width: 68.5%;
float:right;
}
.both-sidebar #secondary-left{
width: 29.5%
}
.both-sidebar #secondary-right{
width: 22.5%;
}
.sidebar ul{
margin: 0;
list-style: none;
}
.sidebar ul li{
padding:6px 0;
margin-bottom: 0;
border-bottom:1px solid #F6F6F6;
}
.sidebar ul li a{
text-decoration: none;
color:#333;
}
.sidebar ul li a:hover,
.sidebar ul li.current-menu-item a
{
color:#E5623B;
}
.sidebar .widget-title{
margin-bottom: 15px;
position: relative;
line-height: 1.2;
}
.sidebar .widget-title:after{
content :"";
position: absolute;
top:50%;
border-bottom:1px solid #E5623B;
left:0;
width:100%;
}
.sidebar .widget-title span{
display: inline-block;
padding:0 15px 0 0;
background: #FFF;
position: relative;
z-index: 999;
} .sticky {
}
.site-title{
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
white-space: nowrap;
margin-bottom: 5px;
}
.site-title a{
text-decoration: none;
}
.site-description{
font-size: 14px;
font-style: italic;
}
.post-listing{
margin-top: 40px;
}
.search .post-listing{
margin-top: 0;
}
.post-listing .hentry {
margin: 0 0 20px;
background: #FFF;
padding: 20px;
margin-bottom: 40px;
position: relative;
border: 1px solid #DDD;
}
.single .hentry {
margin:40px 0 15px;
position: relative;
}
.byline,
.updated {
display: none;
}
.single .byline,
.group-blog .byline {
display: inline;
font-style: italic;
font-size: 14px;
}
.single .byline a,
.group-blog .byline a{
color: #333;
text-decoration: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 20px 0 0;
}
.parallax-section .page-content{
margin: 0;
}
.page .entry-content,
.single .entry-content{
margin: 0;
}
.page-links {
clear: both;
margin: 0 0 20px;
}
.entry-header .entry-title{
margin-left: 80px;
}
.entry-header .entry-title.no-date{
margin-left: 0;
}
.page .entry-header .entry-title{
margin-left: 0;
}
.entry-header .entry-title a{
color: #333;
text-decoration:none;
}
.post-listing .posted-on{
position: absolute;
left: 20px;
top: -14px;
background: #E66432;
width: 60px;
text-align: center;
color: #FFF;
font-family: "Oxygen",sans-serif;
font-size: 14px;
padding: 10px;
line-height: 1.2;
text-transform: uppercase;
}
.post-listing .posted-on:before {
border-color: transparent transparent #BA4F28 #BA4F28;
border-style: solid;
border-width: 7px 5px;
top: 0;
content: "";
height: 0;
right: -10px;
position: absolute;
width: 0;
z-index: 999;
}
.post-listing .posted-on span{
display: block;
}
.post-listing .posted-on span.posted-day{
font-size: 24px;
font-weight: bold;
margin-bottom: 3px;
}
.post-listing .posted-by{
font-size: 13px;
font-style: italic;
}
.post-listing .posted-by .url{
text-decoration: none;
}
.bypostauthor{
}
.entry-footer{
font-size: 13px;
}
.entry-footer span{
margin-right: 15px;
}
.entry-footer .fa{
margin-right: 5px;
color: #666;
}
.entry-footer a{
text-decoration: none;
font-style: italic;
color: #333;
}
.edit-link{
background: #333;
display: inline-block;
padding: 5px 10px;
line-height: 1.2;
border-radius: 2px;
font-size: 13px;
margin: 15px 0 10px;
}
.edit-link a{
color: #FFF;
text-decoration: none;
}
.edit-link a .fa{
color: #FFF;
margin-right: 5px;
}
.page .entry-footer .edit-link{
float: none;
}
.page-header{
background: #FFF;
padding: 10px;
margin-bottom: 30px;
border-bottom: 3px solid #E66432;
}
.entry-thumb{
margin-bottom: 15px;
}
.post-listing .entry-thumb{
margin: -20px -20px 15px;
text-align: center;
}
#header-wrap{
position: relative;
height: 200px;
background-position:center top;
margin-bottom: 30px;
background-image:url(//www.difabioarredi.it/wp-content/themes/accesspress_parallax_pro/images/bg-breadcrumb.jpg);
}
#header-wrap .entry-header{
position: absolute;
bottom: 0;
width: 100%;
height: 100%;
}
#header-wrap .entry-header-inner{
display: table;
height: 100%;
width: 100%;
}
#header-wrap .title-breadcrumb-wrap{
text-align: center;
color: #FFF;
display: table-cell;
vertical-align: middle;
}
#header-wrap .entry-title{
color: #FFF;
margin:0 auto 10px;
max-width: 1170px;
line-height: 
}
#accesspress-breadcrumb{
max-width: 1170px;
margin:0 auto;
font-size: 13px;
}
#accesspress-breadcrumb a{
color:#FFF;
text-decoration: none;
}
.error-404{
width:60%;
background:#E5623B;
font-size: 120px;
color:#FFF;
position: relative;
padding:40px 0 80px;
text-align: center;
margin:20px auto 50px;
}
.error-404 span{
position: absolute;
right:0;
bottom:0;
font-size:18px;
border-top:2px solid #FFF;
text-align: center;
width:100%;
padding:10px 0;
}
.home.page #header-wrap{
display: none;
}
.home.page #content{
margin-top: 30px;
}
.home.page.page-template-home-page-php #content{
margin-top: 0;
} .blog .format-aside .entry-title,
.archive .format-aside .entry-title {
display: none;
} #comments{
font-size: 16px;
margin-bottom: 30px;
}
#comments p{
margin-bottom: 10px;
}
#reply-title{
background: #333;
color: #fff;
display: inline-block;
padding: 8px 10px;
font-size: 18px;
line-height: 1.2;
margin-bottom: 0;
}
#commentform{
border-top:2px solid #333;
padding-top: 15px;
}
.comment-content a {
word-wrap: break-word;
}
#comments input[type="submit"]{
background: #333;
border: none;
color:#FFF;
}
.comments-title{
margin-bottom: 10px;
font-size: 24px;
text-transform: none;
}
#commentform label{
display:block;
}
textarea#comment{ 
height: 150px;
}
#author, #email, #url{
width: 100%
} .comments-area ol{
margin: 0;
padding: 0;
list-style: none;
}
.comments-area ol.children{
margin: 0 0 0 15px;
}
.comment-list li .comment-body{
margin-bottom: 10px;
padding: 10px;
background: #FCFCFC;
border-radius: 5px;
}
.comment-author img{
vertical-align: text-top;
margin-right: 10px;
}
.comment-author .fn{
font-style: normal;
font-size: 15px;
text-transform: capitalize;
font-weight: normal;
}
.comment-metadata a{
text-decoration: none;
font-size: 13px;
font-style: italic;
}
.comment-metadata .edit-link{
display: none;
}
.comment-author .fn .url{
color: #333;
}
.comment-author .says{
display: none;
}
.commentmetadata{ 
float: right;
font-family: 'Lato', sans-serif;
font-weight: normal;
font-size: 12px;
font-style: italic;
font-weight: 300;
}
.commentmetadata a{
color: #666;
}
.commentmetadata .comment-edit-link{
color:#01AEFD;
}
.commentmetadata + .clear{
margin-bottom: 20px;
}
.reply .comment-reply-link{
background: none repeat scroll 0 0 #293037;
border-radius: 3px;
color: #FFFFFF;
font-size: 13px;
line-height: 1;
padding: 2px 10px;
text-decoration: none;
}
#respond{
margin-top: 10px;
}
#commentform .form-submit{
margin-bottom: 0;
}
.comment-awaiting-moderation{
background: #111;
position: absolute;
left: 50%;
top: -20px;
color:#FFF;
font-size: 13px;
width: 250px;
margin-left: -125px;
}
.comment-awaiting-moderation + br{
display: none;
}
#cancel-comment-reply-link{
font-style: italic;
color: inherit;
text-decoration: none;
}
#cancel-comment-reply-link:before{
font-family: FontAwesome;
content: "\f057";
margin:0 5px 0 20px;
font-style: normal;
color: inherit;
}
.logged-in-as a{
color: #333;
}  .infinite-scroll .paging-navigation, .infinite-scroll.neverending .site-footer { display: none;
} .infinity-end.neverending .site-footer {
display: block;
} .page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} embed,
iframe,
object {
max-width: 100%;
} .wp-caption {
margin-bottom: 20px;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0 auto;
}
.wp-caption-text {
text-align: center;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
} .gallery {
margin-bottom: 20px;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
padding:0 4px 4px 0;
}
.gallery-item .gallery-icon{
position: relative;
}
.gallery-item a:after{
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background:url(//www.difabioarredi.it/wp-content/themes/accesspress_parallax_pro/images/zoom.png) no-repeat center rgba(0,0,0,0.5);
display: none;
}
.gallery-item:hover a:after{
display: block;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
font-size: 14px;
line-height: 1.2;
margin-top: 5px;
} body.boxed{
width: 1170px;
margin: 0 auto;
}
body.boxed .mid-content{
padding: 0 15px;
}
#top-header{
background: #FFF;
position: relative;
z-index: 9;
line-height: 38px;
}
#top-header a{
text-decoration: none;
}
#top-header .header-text{
float: left;
}
#top-header .top-menu{
float: right;
}
.top-menu ul{
list-style: none;
margin: 0;
font-size: 14px;
}
.top-menu ul li{
position: relative;
}
.top-menu ul.menu > li{
float: left;
margin-left: 20px;
}
.top-menu ul.menu ul li a{
padding: 5px 10px;
border-bottom:1px solid #F6F6F6;
display: block;
line-height: 1.5;
white-space: nowrap;
}
.top-menu ul.menu ul li:last-child a{
border-bottom: 0;
}
.top-menu ul li a{
text-decoration: none;
color: #FFF;
}
.top-menu ul.menu ul{
position: absolute;
left: 0;
top: 100%;
background: #FFF;
min-width: 140px;
display: none;
box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
}
.top-menu ul.menu ul ul{
left: 100%;
top: 0;
}
.top-menu .sf-arrows .sf-with-ul:after{
border-width:4px;
margin-top: -2px;
}
.top-menu .sf-arrows .sf-with-ul{
padding-right: 22px;
}
#main-header{
padding: 10px 0;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
transition:all 0.3s ease;
width: 100%;
-webkit-transform: translateZ(0); 
transform: translateZ(0);
}
#masthead.logo-top #main-header{
text-align: center;
}
#main-header.menu-fix{
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 99999;
-webkit-animation: animatedown 0.3s; animation: animatedown 0.3s;
}
.boxed #main-header.menu-fix{
width: auto;
left: auto;
}
#masthead.pos-bottom, 
.home .no-slider #masthead,
body.blog.home .no-slider #masthead,
body.blog #masthead{
position: relative;
z-index: 9999;
}
#masthead,
body.blog.home #masthead{
position: absolute;
left:0;
right: 0;
top:0;
z-index: 9999;   
}
.boxed #masthead.pos-top{
left: auto;
right: auto;
}
body.parallax-on .wpcf7-not-valid-tip{
text-align: center;
font-size: 13px;
}
#site-logo{
float: left;
}
.menu-fix #site-logo{
margin-top: 0;
margin-bottom:0;
}
.logo-top #site-logo{
float: none;
width: auto;
}
.main-navigation {
float: right;
max-width: 80%;
}
.logo-top .main-navigation{
float: none;
width: auto;
text-align: center;
max-width: none;
display: inline-block;
}
.main-navigation ul {
list-style: none;
margin: 0;
padding-left: 0;
display: inline-block;
}
.main-navigation ul li{
position: relative;
}
.main-navigation > ul > li {
float: left;
position: relative;
padding: 15px 0;
font-family: 'Oxygen', sans-serif;	
font-size:14px;
margin-left: 25px;
}
.main-navigation > ul > li > a{
}
.main-navigation > ul > li.current a{
color: #E66432;
}
.main-navigation a {
display: block;
text-decoration: none;
color:#333;
}
.main-navigation ul ul {
background: #FFF;
position: absolute;
top: 100%;
left:0;
z-index: 99999;
font-size: 15px;
box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
display: none;
min-width: 160px;
}
.main-navigation ul ul ul {
left: 100%;
top: 0;
}
.main-navigation ul ul a {
padding: 10px 15px;
color: #333 !important;
font-size: 14px !important;
text-transform: capitalize !important;
white-space: nowrap;
border-bottom: 1px solid #F6F6F6;
}
.main-navigation ul ul li {
text-align: left;
}
.main-navigation ul ul li:last-child{
border:none;
}
.main-navigation li > a:hover {
color: #E66432;
}
.main-navigation ul li:hover > ul {
display: block;
}
.main-navigation ul ul li.current_page_item > a,
.main-navigation ul ul li.current-menu-item > a,
.main-navigation ul ul li > a:hover {
color: #FFF !important;
background: #E66432;
border-bottom: 1px solid #E66432;
}
.slide-left-menu #site-logo{
float:right;
}
.slide-left-menu .menu-toggle{
float:left;
display: block;
}
#collapse-nav{
padding-left:20px;
background: #DB4B3F;  
height: 50px;
line-height: 50px;
color:#FFF;
z-index: 999; 
cursor: pointer;
position: relative;
text-transform: uppercase;
border-bottom:1px solid rgba(0,0,0,0.1);
}
#collapse-nav .fa{
background: rgba(0,0,0,0.1);
height: 50px;
width: 50px;
line-height: 50px;
text-align: center;
float: right;
}
.mm-menu .mm-list{
padding-top: 50px;
}
.mm-menu .mm-list > li > a:hover{
background: rgba(0, 0, 0, 0.1);
}
.mm-opened #masthead{
visibility: hidden;
} .menu-toggle{
display: none;
height: 52px;
width: 52px;
cursor: pointer;
float: right;
position:relative
}
.menu-toggle span{
text-indent: -9999px;
height:5px;
width:40px;
background:#E66432;
display: block;
position: absolute;
left:5px;
top:10px;
}
.menu-toggle span:after{
content:"";
position: absolute;
left:0;
top:13px;
height:5px;
width:40px;
background:#E66432;
display: block; 
}
.menu-toggle span:before{
content:"";
position: absolute;
left:0;
top:25px;
height:5px;
width:40px;
background:#E66432;
display: block;
}
.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
margin: 0 0 30px;
overflow: hidden;
}
.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.comment-navigation .nav-previous a .fa,
.paging-navigation .nav-previous a .fa,
.post-navigation .nav-previous a .fa{
margin-right: 10px;
font-size: 16px;
}
.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}
.comment-navigation .nav-next a .fa,
.paging-navigation .nav-next a .fa,
.post-navigation .nav-next a .fa{
margin-left: 10px;
font-size: 16px;
}
.site-main .comment-navigation a,
.site-main .paging-navigation a,
.site-main .post-navigation a{
background: #333;
padding: 8px 25px;
color: #FFF;
text-decoration: none;
font-size: 14px;
font-family: "Oxygen",sans-serif;
display: inline-block;
} #main-slider{
position: relative;
}
#main-slider .overlay{
background:rgba(0,0,0,0.3);
position: absolute;
height: 100%;
width: 100%;
z-index: 999;
}
.full-screen-1 .slides{
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
}
.slider-caption{
position: absolute;
top:50%;
left:0;
width: 100%;
z-index: 99999;
text-align: center;
}
.slider-caption .caption-title{
font-size: 54px;
font-weight: bold;
text-transform: uppercase;
color:#FFF;
position: relative;
text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}
.slider-caption .caption-description{
font-size: 30px;
color:#FFF;
position: relative;
text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
font-weight: 300;
}
.slider-caption .caption-description p{
margin-bottom: 20px;
}
.next-page{
position: absolute;
height: 60px;
width: 60px;
border: 1px solid #FFF;
border-radius: 50%;
bottom:15%;
left: 50%;
margin-left: -30px;
z-index: 999;
}
.next-page a{
display: block;
background: url(//www.difabioarredi.it/wp-content/themes/accesspress_parallax_pro/images/down-arrow.png) no-repeat center;
position: absolute;
left: 0;
top:0;
height: 100%;
width: 100%;
-webkit-animation: flow-down 2s linear 3s infinite; animation: flow-down 2s linear 3s infinite; } @-webkit-keyframes flow-down {
0%   {top:0px; opacity: 0.8;}
50%  {top:9px; opacity: 1;}
100% {top:0; opacity: 0.8;}
} @keyframes flow-down {
0%   {top:0px; opacity: 0.8;}
50%  {top:9px; opacity: 1;}
100% {top:0; opacity: 0.8;}
} .parallax-section input[type="text"], 
.parallax-section input[type="email"], 
.parallax-section input[type="url"], 
.parallax-section input[type="password"], 
.parallax-section input[type="search"], 
.parallax-section input[type="tel"], 
.parallax-section textarea{
width: 100%;
}
.parallax-section textarea{
width: 100%;
margin: 0 auto;
display: block;
height: 100px;
} 
.parallax-section h1,
.parallax-section h2,
.parallax-section h3,
.parallax-section h4,
.parallax-section h5,
.parallax-section h6{
color:inherit;
} .service-list{
width: 48%;
margin-bottom: 20px;
}
.service-list:hover .service-image{
box-shadow: 0px 0px 0px 1px #fff inset;
}
.service-list h3{
margin-bottom: 10px;
line-height: 1.2;
}
.service-list .service-image{
height:80px;
width: 80px;
border-radius:50%;
margin-top: 15px;
overflow: hidden;
border:1px solid #FFF;
background:rgba(255,255,255,0.1);
border-color: inherit;
}
.service-list .service-image img{
padding: 15px;
}
.service-list .service-detail{
width: 460px;
}
.service-list.odd{
float: left;
text-align: right;
}
.service-list.odd .service-image{
float: right;
}
.service-list.odd .service-detail{
float: left;
}
.service-list.even{
float: right;
}
.service-list.even .service-image{
float: left;
}
.service-list.even .service-detail{
float: right;
}
.service-list.even .service-detail h4{
margin-bottom: 0;
} .testimonial-listing{
padding-bottom: 40px;
}
.testimonial-list{
text-align: center;
}
.testimonial-list .testimonial-content{
font-size: 20px;
font-style: italic;
margin-bottom: 30px;
line-height: 1.4;
position: relative;
padding: 0 50px;
}
.testimonial-list .testimonial-content:before{
position: absolute;
left: 0;
top:-4px;
content: "\f10d";
font-family:"FontAwesome";
font-size: 24px;
line-height: 1;
height: 30px;
}
.testimonial-list .testimonial-content:after{
position: absolute;
right: 30px;
bottom:0;
content: "\f10e";
font-family:"FontAwesome";
font-size: 24px;
line-height: 1;
height: 30px;
}
.testimonial-list .testimonial-image{
width: 100px;
height: 100px;
border-radius: 50%;
margin: 30px auto 20px;
}
.testimonial-list .testimonial-image img{
border-radius: 50%;
}
.testimonial-listing .bx-wrapper .bx-controls-direction a{
margin: 0;
top: 100%;
left: 50%;
height: 36px;
width: 36px;
background: none;
border: 1px solid #FFF;
text-indent: 0;
font-size: 34px;
color: #FFF;
text-decoration: none;
text-align: center;
line-height: 28px;
font-family: arial;
}
.testimonial-listing .bx-wrapper .bx-controls-direction a.bx-prev{
margin-left:-45px;
}
.testimonial-listing .bx-wrapper .bx-controls-direction a.bx-next{
margin-left:5px;
} .portfolio-listing.full-width{
width: 100%;
}
.portfolio-listing .button-group{
text-align: center;
list-style: none;
margin-bottom: 30px;
}
.portfolio-listing .button-group li{
display: inline-block;
margin:0 10px 5px 0;
cursor: pointer;
}
.portfolio-listing .button-group li.is-checked{
color:#FFF;
background:#E5623B;
}
#portfolio-grid.column-2 .portfolio-list{
width: 50%;
}
#portfolio-grid.column-3 .portfolio-list{
width: 33.33%;
}
#portfolio-grid.column-4 .portfolio-list{
width: 25%;
}
#portfolio-grid.column-5 .portfolio-list{
width: 20%;
}
#portfolio-grid .portfolio-list{
width: 25%;
position: relative;
overflow: hidden;
}
#portfolio-grid.style1 .portfolio-overlay{
position: absolute;
width: 100%;
height: 100%;
background: rgba(230, 100, 50, 0.6);
opacity: 0;
z-index: 9;
left: 0;
top:0;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
}
#portfolio-grid.style1 .portfolio-list:hover .portfolio-overlay{
opacity: 1
}
#portfolio-grid.style1 .portfolio-list h4{
position: absolute;
width: 100%;
padding: 0px 30px;
line-height: 1.2;
top: 25px;
left: 0;
color: #FFF !important;
display: none;
z-index: 999;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
}
#portfolio-grid.style1 .portfolio-list:hover h4{
display: block;
}
#portfolio-grid.style1 .portfolio-list img{
transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
width: 100%;
display: block;
}
#portfolio-grid.style1 .portfolio-list:hover img{
-ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);
}
#portfolio-grid.style1 .portfolio-link{
position: absolute;
left: 50%;
margin-left: -35px;
top:45%;
font-size: 16px; 
color: #FFF;
z-index: 999;
height: 32px;
width: 32px;
border:1px solid #FFF; 
text-align: center;
line-height: 32px;
display: none;
}
#portfolio-grid.style1 .portfolio-link span{
display: none;
}
#portfolio-grid.style1 .portfolio-zoom{
position: absolute;
right: 50%;
margin-right: -35px;
top:45%;
font-size: 16px;
color: #FFF;
z-index: 999;
height: 32px;
width: 32px;
border:1px solid #FFF; 
text-align: center;
line-height: 32px;
display: none;
}
#portfolio-grid.style1 .portfolio-inner{
padding: 40px;
position: absolute;
left:0;
top:0;
width: 100%;
height: 100%;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
transition:all 0.3s ease;
}
#portfolio-grid.style1 .portfolio-inner:before{
content: "";
position: absolute;
border-bottom: 1px solid #f2f2f2;
border-top: 1px solid #f2f2f2;
left: 10px;
bottom:10px;
top: 10px;
right: 10px;
-ms-transform: scale(0,1);
-webkit-transform: scale(0,1);
transform: scale(0,1);
-ms-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
transition:all 0.3s ease;
z-index: 9;
}
#portfolio-grid.style1 .portfolio-inner:after{
content: "";
position: absolute;
border-left: 1px solid #f2f2f2;
border-right: 1px solid #f2f2f2;
left: 10px;
bottom: 10px;
top: 10px;
right: 10px;
-ms-transform: scale(1,0);
-webkit-transform: scale(1,0);
transform: scale(1,0);
-ms-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
transition:all 0.3s ease;
z-index: 9;
}
#portfolio-grid.style1 .portfolio-list:hover .portfolio-inner:before{
-ms-transform: scale(1,1);
-webkit-transform: scale(1,1);
transform: scale(1,1);
}
#portfolio-grid.style1 .portfolio-list:hover .portfolio-inner:after{
-ms-transform: scale(1,1);
-webkit-transform: scale(1,1);
transform: scale(1,1);
}
#portfolio-grid.style1 .portfolio-list:hover .portfolio-zoom, 
#portfolio-grid .portfolio-list:hover .portfolio-link{
display: block;
}
#portfolio-grid.style1 .portfolio-excerpt{
display: none;
}
#portfolio-grid.style2 .portfolio-overlay{
display: none;
}
#portfolio-grid.style2 .portfolio-inner{
position: absolute;
padding: 20px;
width: 50%;
height: 100%;
left: -500px;
top:0;
background: rgba(230, 100, 50, 0.8);
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
transition:all 0.3s ease;
}
#portfolio-grid.style2 .portfolio-list:hover .portfolio-inner{
left: 0;
}
#portfolio-grid.style2 h4{
color: #FFF !important;
margin-bottom: 10px;
line-height: 1.2;
}
#portfolio-grid.style2 .portfolio-excerpt{
color: #FFF;
}
#portfolio-grid.style2 .portfolio-link{
border:1px solid #FFF;
line-height: 36px;
padding: 0 20px;
color:#FFF;
text-decoration: none;
display: inline-block;
position: absolute;
right: 20px;
bottom: 20px;
}
#portfolio-grid.style2 .portfolio-link:hover{
background: #FFF;
color:#E5623B;
}
#portfolio-grid.style2 .portfolio-link .fa,
#portfolio-grid.style2 .portfolio-zoom{
display: none;
}
#portfolio-grid.style3 .portfolio-overlay{
background: rgba(230, 100, 50, 0.8);
position: absolute;
left: 0;
top: 0;
width:100%;
height: 100%;
opacity: 0;
webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
transition:all 0.3s ease;
}
#portfolio-grid.style3 .portfolio-list:hover .portfolio-overlay{
opacity: 1;
}
#portfolio-grid.style3 .portfolio-inner{
position: absolute;
left: 0;
top: 0;
width:100%;
height: 100%;
padding: 10%;
}
#portfolio-grid.style3 .portfolio-inner h4{
color: #FFF !important;
position: relative;
margin-bottom: 20px;
}
#portfolio-grid.style3 .portfolio-inner h4:after{
content: "";
position: absolute;
left: 0;
top: 100%;
height: 3px;
width: 0;
background: #FFF;
margin-top: 10px;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
transition:all 0.3s ease;
}
#portfolio-grid.style3 .portfolio-list:hover .portfolio-inner h4:after{
width: 100%;
}
#portfolio-grid.style3 .portfolio-excerpt{
color:#FFF;
position: relative;
left: 150%;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
transition:all 0.3s ease;
}
#portfolio-grid.style3 .portfolio-list:hover .portfolio-excerpt{
left: 0;
}
#portfolio-grid.style3 .portfolio-link{
position: absolute;
left: 0;
top:0;
width: 100%;
height: 100%;
text-indent: -9999px;
}
#portfolio-grid.style3 .portfolio-zoom{
display: none;
}
#portfolio-grid.style3 .portfolio-list img{
transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
width: 100%;
display: block;
}
#portfolio-grid.style3 .portfolio-list:hover img{
-ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);
}
#portfolio-grid.style4 img{
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
transition:all 0.3s ease;
bottom:0;
position: relative;
}
#portfolio-grid.style4 .portfolio-list:hover img{
bottom: 60px;
}
#portfolio-grid.style4 .portfolio-overlay{
display: none;
}
#portfolio-grid.style4 .portfolio-inner{
position: absolute;
left:0;
top:0;
width:100%;
height:100%;
}
#portfolio-grid.style4 h4{
position: absolute;
bottom:-60px;
left:0;
width: 100%;
background: #E66432;
padding:0 20px;
color: #FFF !important;
height: 60px;
line-height: 60px;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
transition:all 0.3s ease;
white-space: nowrap;
text-overflow:ellipsis;
overflow: hidden;
margin: 0;
}
#portfolio-grid.style4 .portfolio-list:hover h4{
bottom:0;
}
#portfolio-grid.style4 .portfolio-link{
position: absolute;
left: 0;
top:0;
width: 100%;
height: 100%;
text-indent: -9999px;
}
#portfolio-grid.style4 .portfolio-zoom{
display: none;
}
#portfolio-grid.style4 .portfolio-excerpt{
display: none;
}
#portfolio-list .portfolio-list{
margin-bottom: 25px;
}
#portfolio-list .portfolio-list img{
width:30%;
float:left;
}
#portfolio-list .portfolio-list .portfolio-inner{
width:68%;
float:right;
}
#portfolio-list .portfolio-link .fa,
#portfolio-list .portfolio-zoom{
display: none;
}
#portfolio-list .portfolio-list h4{
margin-bottom: 15px;
}
#portfolio-list .portfolio-list .portfolio-excerpt{
margin-bottom: 25px;
} .parallax-section.action_template{
padding:30px 0;
}
.call-to-action{
text-align: center;
overflow: hidden;
}
.call-to-action h1{
margin: 30px 0; 
}
.parallax-section .call-to-action .page-content{
margin-bottom: 0;
} .client-logo-wrap{
padding: 0 15px;
} .team-tab{
text-align: center;
}
.team-image{
width: 140px;
height: 140px;
border-radius: 50%;
display: inline-block;
margin: 0 0 20px;
position: relative;
transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-webkit-transition: all 0.1s ease;
}
.team-image:hover, .team-image.active{
border: 2px solid #E66432;
}
.team-image img{
border-radius: 50%;
}
.team-list{
display: none;
}
.team-content{
margin-top: 60px;
}
.team-big-image{
float: left;
width: 35%;
margin-right: 3%;
border-radius: 50%;
overflow: hidden;
border:4px solid #FFF;
}
.team-big-image img{
border-radius: 50%;
width: 100%;
padding: 3px;
}
.team-detail{
float: left;
width: 62%;
}
.team-detail h3{
font-size: 30px;
margin-bottom: 5px;
line-height: 1.2;
}
.team-detail h4{
font-size: 20px;
font-style: italic;
margin-bottom: 15px;
}
.team-tab .bx-wrapper .bx-viewport{
border-radius: 66px;
}
.team-tab .bx-wrapper .bx-controls-direction a{
text-indent: 0;
font-size: 80px;
text-decoration: none;
height: 50px;
line-height: 50px;
margin-top: -30px;
color: #FFF;
font-weight: 200;
}
.team-tab .bx-wrapper .bx-prev{
background: none;
left: -40px;
}
.team-tab .bx-wrapper .bx-next{
background: none;
right: -40px;
}
.blank-section{
min-height: 300px;
} .parallax-section.googlemap_template{
padding: 0;
}
.parallax-section .googlemap-content{
position: relative;
overflow: hidden;
}
.googlemap_template iframe{
width: 100%;
display: block;
}
.googlemap-contact{
position: absolute;
left: 0;
width:1170px;
margin-left:-585px;
height: 0;
top: 0;
left:50%;
z-index: 99;
}
.googlemap-contact-wrap{
width: 400px;
background: #FFF;
background: rgba(255,255,255,0.8);
float: right;
padding:40px 30px
}
.googlemap-contact-wrap h2{
margin-bottom: 20px;
line-height: 1.2;
}
.googlemap-contact-wrap ul{
list-style:none;
margin: 0;
}
.googlemap-contact-wrap li .fa{
float:left;
margin-left: -36px;
background:#E66432;
color:#FFF;
height: 24px;
width:24px;
line-height: 24px;
text-align: center;
font-size:14px;
}
.googlemap-contact-wrap li{
margin-bottom: 15px;
padding-left:36px;
line-height: 20px;
} .parallax-section.blog_template{
padding:80px 0;
}
.blog-list{
float: left;
width: 32%;
margin-right: 2%;
background: #FFF;
text-decoration: none;
color: #333;
}
.blog-list:hover{
color: #333;
}
.blog-list:nth-child(3n){
margin-right: 0;
}
.blog-list h3{
font-size: 24px;
margin:8px 0 5px;
}
.blog-list .blog-image{
position: relative;
}
.blog-list .blog-image img{
width: 100%;
-webkit-filter: grayscale(1);
filter: gray;   
filter: grayscale(1);
transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
}
.blog-list:hover .blog-image img{
-webkit-filter: grayscale(0);
filter: gray;   
filter: grayscale(0);
}
.blog-list .blog-excerpt{
padding: 0 15px 50px;
border-bottom: 3px solid #E66432;
position: relative;
}
.blog-list .posted-date{
font-size: 14px;
font-style: italic;
margin-bottom: 5px;
color: #FFF !important;
text-transform: none;
position: absolute;
background: #000;
background: rgba(0,0,0,0.5);
position: absolute;
left:0;
bottom:0;
padding:5px 8px;
}
.blog-list .posted-date .fa{
margin-right: 5px;
}
.blog-list .blog-excerpt span{
background: #E66432;
color: #FFF;
display: inline-block;
position: absolute;
bottom: 0;
right: 20px;
padding: 8px 15px;
font-size: 14px;
}
.btn-wrap{
text-align: center;
margin-top: 50px;
}
.blog-list:hover .blog-excerpt span{
background: #333;
}
.blog-list:hover .blog-excerpt{
border-color:#333;
} #colophon{
background: #000;
color: #FFF;
font-size: 15px;
}
.top-footer{
background: #272727;
padding: 30px 0;
}
.top-footer ul{
list-style: none;
margin: 0;
}
.top-footer ul li{
margin-bottom: 5px;
}
.top-footer .widget-title{
margin-bottom: 20px;
position: relative;
color: #FFF;
}
.top-footer .widget-title:after{
content: "";
position: absolute;
top: 100%;
width: 40px;
border-bottom: 1px solid #FFF;
left: 0;
margin-top: 5px;
}
.top-footer a{
color:#FFF;
text-decoration: none;
}
.footer-column-1 .footer-block{
width: 100%;
}
.footer-column-2 .footer-block{
width: 49%;
margin-right: 2%
}
.footer-column-3 .footer-block{
width: 32%;
margin-right: 2%
}
.footer-column-4 .footer-block{
width: 23.5%;
margin-right: 2%
}
.footer-block{
float: left;
}
.footer-block .widget{
padding-right: 20px;
}
.footer-block:last-child{
margin-right: 0;
}
.footer-block:last-child .widget{
padding-right: 0;
}
.bottom-footer{
background: #000;
padding: 15px 0;
font-size: 14px;
}
.bottom-footer a{
color: #FFF;
}
.copy-right{
float:left;
}
.site-info{
float:right;
}
.tagcloud a{
background: #000;
padding:10px 15px;
font-size: 13px !important;
margin:0 0 5px 0;
display: inline-block;
line-height: 1;
text-decoration: none;
color:#FFF;
}
#go-top{
position: fixed;
right: 30px;
bottom: 30px;
display: none;
height: 40px;
width: 40px;
background: #E66432;
text-align: center;
line-height: 40px;
z-index: 9999;
font-family: arial;
}
#go-top a{
display: block;
color: #FFF;
} .social-icons{
position: fixed;
left: 0;
top:50%;
width: 30px;
z-index: 9999;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.social-icons.appear-right{
left: auto;
right: 0;
}
.social-icons.appear-top{
left: 50%;
right: auto;
bottom: auto;
top: 0;
height: 30px;
width: auto;
display: inline-block;
}
.social-icons.appear-bottom{
left: 50%;
right: auto;
top: auto;
bottom: 0;
height: 30px;
width: auto;
display: inline-block;
}
.social-icons a{
background:#333;
height: 30px;
width: 30px;
margin-bottom: 1px;
line-height: 30px;
text-align: center;
color:#FFF;
display: inline-block;
position: relative;
}
.social-icons a:hover{
background:#e66432
}
.social-icons a span{
background: #333;
padding:6px 10px;
font-size: 11px;
font-family: Arial;
text-decoration: none;
position: absolute;
border-radius: 1px;
white-space:nowrap;
line-height: 1;
font-style: italic;
opacity: 0;
visibility: hidden;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
}
.social-icons a span:after{
content: "";
position: absolute;
border-style: solid;
border-width: 4px;
}
.social-icons a:hover span{
opacity: 1;
visibility: visible;
}
.social-icons.appear-left a span{
left: 130%;
top: 2px;
margin-left: 10px;
}
.social-icons.appear-left a span:after{
border-color: transparent #333 transparent transparent;
left: 0;
top: 50%;
margin-top: -4px;
margin-left: -8px;
}
.social-icons.appear-left a:hover span{
left: 100%;
}
.social-icons.appear-right a span{
right: 130%;
top: 2px;
margin-right: 10px;
}
.social-icons.appear-right a span:after{
border-color: transparent transparent transparent #333;
margin-right: -8px;
margin-top: -4px;
top: 50%;
right: 0;
}
.social-icons.appear-right a:hover span{
right: 100%;
}
.social-icons.appear-bottom a span{
bottom: 130%;
left: 0;
margin-bottom: 10px;
}
.social-icons.appear-bottom a span:after{
border-color: #333 transparent transparent transparent;
margin-bottom: -8px;
left: 10px;
bottom:0;
}
.social-icons.appear-bottom a:hover span{
bottom: 100%;
}
.social-icons.appear-top a span{
left: 0;
top: 130%;
margin-top: 10px;
}
.social-icons.appear-top a span:after{
border-color: transparent transparent #333 transparent;
margin-top: -8px;
left: 10px;
top: 0;
}
.social-icons.appear-top a:hover span{
top: 100%;
}
.footer-social-icons{
text-align: center;
padding:25px 0 5px; 
}
.footer-social-icons a{
font-size: 20px;
font-family: Arial;
margin: 0 2px;
color:#FFF;
border:1px solid #FFF;
width:32px;
height:32px;
text-align: center;
line-height: 32px;
display: inline-block;
}
.footer-social-icons a:hover{
background: #FFF;
color:#E5623B;
} .panel-grid-cell .panel{
margin-bottom: 5px !important;
} .ap-stat-counter{
text-align: center;
}
.ap-stat-counter .ap-stat_counter-icon{
margin-bottom: 15px;
}
.ap-stat-counter .ap-stat_counter-icon i{
font-size: 50px;
}
.ap-stat-counter .ap-stat_counter-number{
font-size: 50px;
margin-bottom: 15px;
line-height:1.2;
}
.ap-stat-counter .ap-stat_counter-title{
margin-bottom: 0;
color:inherit;
} .ap-progress-bar{
position: relative;
width: 100%;
height: 30px;
color: #FFF;
line-height: 30px;
padding: 0 15px;
margin-bottom: 15px;
}
.ap-progress-bar .ap-progress-bar-percentage{
height: 100%;
background: #E5623B;
position: absolute;
left: 0;
top: 0;
}
.ap-progress-bar span{
position: relative;
} .ap-team{
text-align: center;
}
.ap-member-image{
margin-bottom: 15px;
position: relative;
overflow: hidden;
}
.style1.ap-team .ap-member-image:after{
content:"";
position: absolute;
left:0;
top:0;
width:100%;
height:100%;
background: rgba(229, 98, 59, 0.8);
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
opacity: 0;
}
.style1.ap-team .ap-member-image:hover:after{
opacity:1;
}
.style1.ap-team .fancybox-gallery{
position: absolute;
top:150%;
left:50%; 
height: 40px;
width: 40px;
border: 1px solid #FFF;
color:#FFF;
text-align: center;
line-height: 40px;
z-index: 99;
margin-left: -20px;
margin-top:-20px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
}
.style1.ap-team .ap-member-image:hover .fancybox-gallery{
top:50%;
}
.style1.ap-team .fancybox-gallery:hover{
background: #FFF;
color:#E5623B;
}
.ap-member-name{
margin-bottom: 5px;
color: inherit;
}
.ap-member-position{
font-style: italic;
line-height: 1;
font-size: 14px;
color:inherit;
}
.ap-member-message{
position: relative;
margin: 0 0 20px;
}
.ap-line{
width: 100px;
border-bottom:1px solid #DDD;
margin: 15px auto;
border-color: inherit;
}
.member-social-group a{
text-decoration: none;
margin: 0 5px;
font-size:20px;
height: 32px;
width: 32px;
line-height: 32px;
display: inline-block;
}
.member-social-group a:hover{
background: #E66432;
color:#FFF;
}
.ap-team.style2 .ap-member-message{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
padding: 30px;
background: rgba(0,0,0,0.6);
color: #FFF;
opacity: 0;
transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
}
.ap-team.style2 .ap-member-image:hover .ap-member-message{
opacity: 1;
}
.ap-team.style2 .ap-member-message .ap-member-message-inner{
display: table;
width: 100%;
height: 100%;
}
.ap-team.style2 .ap-member-message span{
display: table-cell;
vertical-align: middle;
border: 1px solid #FFF;
padding: 15px;
} .ap-testimonial{
position: relative;
}
.ap-client-testimonial-heading{
margin-top: 8px;
margin-left: 30px;
min-height: 76px;
}
.ap-testimonial .ap-client-image{
position: absolute;
width: 68px;
height: auto;
left: 0;
top: 20px;
border:1px solid #DDD;
padding: 3px;
background: #FFF;
z-index: 999;
}
.ap-client-testimonial{
width: 91%;
width: calc(100% - 34px);
border:1px solid #DDD;
padding: 15px;
float: right;
position: relative;
}
.ap-client-position{
font-style: italic;
font-size: 14px;
} .ap-toggle-title{
border:1px solid #E66432;
padding: 8px 40px 8px 8px;
position: relative;
cursor: pointer;
margin-bottom: 5px;
}
.ap-toggle-title .pointer{
position: absolute;
right: 0;
top:0;
height: 100%;
width: 40px;
border-left: 1px solid #E66432;
text-align: center;
font-size: 22px
}
.ap-toggle-title .pointer span{
display: table;
height: 100%;
width: 100%;
}
.ap-toggle-title .pointer span i{
display: table-cell;
vertical-align: middle;
color: #E66432;
}
.ap-toggle-content{
margin-top: 10px;
}
.ap-toggle-title.close + .ap-toggle-content{
display: none;
} .ap-icon-text-icon{
text-align: center;
margin-bottom: 20px;
}
.ap-icon-text-icon i{
font-size: 30px;
width: 72px;
height: 72px;
text-align: center;
line-height: 72px;
border:1px solid #CCC;
border-radius:50%;
border-color: inherit;
}
.ap-icon-text .ap-icon-text-title{
margin-bottom: 5px;
}
.ap-icon-text .ap-icon-text-readmore{
margin-top: 25px;
}
.ap-icon-text .ap-icon-text-readmore a{
text-decoration: none;
}
.ap-icon-text .ap-icon-text-readmore a span{
position: relative;
}
.ap-icon-text.style1{
text-align: center;
}
.ap-icon-text.style2 .ap-icon-text-icon{
float: left;
}
.ap-icon-text.style2 .ap-icon-text-icon i{
border: none;
font-size: 42px;
}
.ap-icon-text.style2 .ap-icon-text-content-wrap{
padding-left: 92px;
}
.ap-icon-text.style2 .ap-icon-text-content-wrap h5{
display: inline-block;
}
.ap-icon-text.style1 .ap-icon-text-readmore span:after, 
.ap-icon-text.style2 .ap-icon-text-readmore span:after{
content: '\f105';
font-family: "FontAwesome";
position: absolute;
right: -25px;
top: 0;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
opacity: 0;
}
.ap-icon-text.style1 .ap-icon-text-readmore span:hover:after, 
.ap-icon-text.style2 .ap-icon-text-readmore span:hover:after{
right: -15px;
opacity: 1;
}
.ap-icon-text.style3, 
.ap-icon-text.style4{
background: #FFF;
border:1px solid #DDD;
padding:60px 20px 30px;
text-align: center;
position: relative;
margin-top: 36px;
top:0;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
}
.ap-icon-text.style3:hover, 
.ap-icon-text.style4:hover{
top: -10px;
}
.ap-icon-text.style3 .ap-icon-text-icon, 
.ap-icon-text.style4 .ap-icon-text-icon{
position: absolute;
left: 0;
top: -36px;
width: 100%;
}
.ap-icon-text.style3 .ap-icon-text-icon i, 
.ap-icon-text.style4 .ap-icon-text-icon i{
background: #E5623B;
color: #FFF;
border: none;
}
.bttn {
background: none;
color:#E66432;
border:1px solid #E66432;
cursor: pointer;
padding: 8px 15px;
display: inline-block;
outline: none;
position: relative;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
text-decoration: none;
}
.bttn:hover,
.bttn:active {
color: #FFF;
background: #E66432;
}
.ap-icon-text.style4 .ap-icon-text-icon i{
border-radius: 0;
} .ap-widget-preview .widget-preview-thumbnail{
margin-bottom:10px; 
text-align: center;
}
.ap-widget-preview h3{
margin-bottom: 10px;
}
.widget-preview-excerpt{
margin-bottom: 20px;
} .ap-contact-info-wrapper{
list-style: none;
margin: 0;
padding: 0;
}
.ap-contact-info-wrapper li{
padding-left: 30px;
margin-bottom: 8px;
}
.ap-contact-info-wrapper li .fa{
float: left;
margin-left: -30px;
margin-top: 5px;
} .ap-info{
border:1px solid #DDD;
padding: 20px;
}
#content .ap-info{
width: 600px;
margin: 150px auto 50px;
text-align: center;
} .ap-icon-text.style3 .ap-icon-text-icon i, 
.ap-icon-text.style4 .ap-icon-text-icon i {
-webkit-transition: background 0.2s, color 0.2s;
-moz-transition: background 0.2s, color 0.2s;
transition: background 0.2s, color 0.2s;
position: relative;
}
.ap-icon-text.style3 .ap-icon-text-icon i:after, 
.ap-icon-text.style4 .ap-icon-text-icon i:after {
content:"";
position: absolute;
width: 100%;
height: 100%;
-webkit-box-sizing: content-box; 
-moz-box-sizing: content-box; 
box-sizing: content-box;
border-radius: 50%;
top: -4px;
left: -4px;
padding: 4px;
box-shadow: 0 0 0 1px #E5623B;
-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
-webkit-transform: scale(1.2);
-moz-transition: -moz-transform 0.2s, opacity 0.2s;
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
transition: transform 0.2s, opacity 0.2s;
transform: scale(1.2);
opacity: 0;
}
.ap-icon-text.style4 .ap-icon-text-icon i:after{
border-radius: 0;
}
.ap-icon-text.style3:hover .ap-icon-text-icon i:after, 
.ap-icon-text.style4:hover .ap-icon-text-icon i:after {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
} .ap-facebook-like-box iframe{
max-width:100%;
}
.ap-light.ap-facebook-like-box iframe{
background: #FFF;
}
.ap-dark.ap-facebook-like-box iframe{
background: #000;
background: rgba(0,0,0,0.4);
} .ap-align-none{
text-align:none;
}
.ap-align-left{
text-align:left;
}
.ap-align-right{
text-align:right;
}
.ap-align-center{
text-align:center;
} .widget-social-icons li{
font-size:38px;
display: inline-block;
margin-right:5px;
line-height: 38px;
font-family:Arial;
}
.sidebar .widget-social-icons li a{
color:#E5623B
}
section::before,
section::after {
position: absolute;
content: '';
pointer-events: none;
} .service_template::after {
left: 50%;
width: 60px;
height: 60px;
-webkit-transform: translateX(-50%) rotate(45deg);
transform: translateX(-50%) rotate(45deg);
}
.service_template::after {
bottom: -30px;
z-index: 10;
background: inherit;
} .ap-pricing-table p{
display: none;
}
.ap-pricing-table{
overflow:hidden;
box-shadow:2px 2px 6px #999;
background: #FFF;
}
.ap-pricing-head{
padding:20px 10px 20px;
text-align: center;
}
.ap-pricing-head h2{
color:#333 !important;
text-transform:uppercase;
font-size:28px;
margin-bottom: 5px;
}
.ap-pricing-head .ap-pricing-plan-sub-text{
font-size:16px;
font-style:italic;
color:#666;
}
.ap-price-box{
border-bottom:1px solid #EEE;
border-top:1px solid #EEE;
padding:20px 10px;
text-align: center;
background: #fafafa;          
}
.ap-pricing-plan{
font-size:32px;
line-height: 1;
color:#333;
}
.ap-per{
font-size:16px;
font-style:italic;
color:#666;
}
.ap-pricing-features ul{
list-style: none;
margin: 0 !important;
padding: 0;
background: #FFF;
text-align: center;
}
.ap-pricing-features ul li{
padding:15px;
border-bottom:1px solid #F6F6F6;
}
.ap-pricing-features ul li .fa{
margin-right: 8px;
}
.ap-pricing-readmore{
text-align: center;
padding:25px 0;
} .testimonial-wrap{
margin-bottom: 20px;
}
.testimonial-block{
background: #EEE;
padding: 15px;
font-style: italic;
font-size: 14px;
line-height: 20px;
margin: 0 0 70px;
margin-right: 2%;
position: relative;
}
.testimonial-block:after{
content: "";
position: absolute;
left: 80px;
bottom: -16px;
border-width: 8px;
border-style: solid;
border-color: #EEE transparent transparent #EEE;
}
.testimonial-block .testimonial-image{
width: 50px; 
height: 50px;
overflow: hidden;
position: absolute;
left: 10px;
top: 100%;
margin-top: 10px;
}
.testimonial-block .testimonial-image img{
width: 100%;
height: auto;
}
.testimonial-block .testimonial-image.round{
border-radius: 100%;
}
.testimonial-block .client-detail{
position: absolute;
top: 100%; 
left: 100px;
max-width: 80%;
margin-top: 15px;
}
.testimonial-block .client-detail .client-name{
font-style: normal;
font-weight: bold;
}
.team-block{
border:1px solid #DDD;
padding:12px;
}
.team-block .team-image{
margin-bottom: 20px;
}
.team-block .team-image.round{ overflow: hidden;
}
.team-block .member-name{
font-size: 16px;
margin-bottom: 5px;
line-height: 1.2;
font-weight: normal;
}
.team-block .designation{
font-style: italic;
font-size: 13px;
margin-bottom:5px; 
}
.team-block .team-content{
font-size: 14px;
line-height: 20px;
}
.social-shortcode{
font-size: 16px;
margin: 15px 0;
text-align: center;
clear: both;
}
.social-shortcode a{
height: 34px;
width: 34px;
line-height: 32px;
text-align: center;
margin:0 5px 5px 0;
border:1px solid #666;
color: #666;
border-radius: 100%;
display: inline-block;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
}
.social-shortcode a:hover{
background: #666;
color: #FFF !important;
}
.divider{
display: block;
margin: 30px auto;
}
.ap-spacing{
background: none;
margin: 0;
}
.accordion-wrap {
border-top: 2px solid #01AEFD;
border-bottom: 5px solid #01AEFD;
border-radius: 3px 3px 6px 6px;
}
.ap_accordian{
border: 1px solid #CCC;
border-bottom:0;
}
.ap_accordian .ap_accordian_title{
padding: 8px 12px;
background: #EEE;
cursor: pointer;
padding-right: 40px;
position: relative;
text-transform: uppercase;
}
.ap_accordian .ap_accordian_title .fa{
margin-right: 10px;
color: #333;
}
.ap_accordian .ap_accordian_title:after{
content: "\f107";
font-family: "FontAwesome";
position: absolute;
right: 12px;
height: 20px;
width: 20px;
background: #333;
color: #FFF;
line-height: 20px;
text-align: center;
top: 50%;
margin-top: -9px;
}
.ap_accordian .ap_accordian_title.active:after{
content: "\f106";
}
.ap_accordian .ap_accordian_content{
padding: 10px;
display: none;
border-top:1px solid #DDD;
} .ap_toggle{ 
border-left: 5px solid #E66432; 
margin-bottom: 10px;
}
.ap_toggle .ap_toggle_title{ 
cursor: pointer;
position: relative;
padding: 10px 0 10px 40px;
background: #E66432;
color:#FFF
}
.ap_toggle .ap_toggle_title:after{
content: "";
position: absolute;
content: "\f107";
font-family: "FontAwesome";
height: 20px;
width: 20px;
background: #FFF;
color: #E66432;
line-height: 20px;
text-align: center;
left: 0;
top: 50%;
margin-top: -10px;
}
.ap_toggle .ap_toggle_content{ 
padding: 10px;
}
.ap_toggle.close .ap_toggle_content{
display: none;
}
.ap_call_to_action{ 
background: #EEE; 
border: 1px solid #DDD; 
border-radius:3px; 
padding: 15px;
margin: 15px 0;
}
.ap_call_to_action h1,
.ap_call_to_action h2,
.ap_call_to_action h3,
.ap_call_to_action h4,
.ap_call_to_action h5,
.ap_call_to_action h6,
.ap_call_to_action p{
margin: 0 !important;
}
.ap_call_to_action.center{
text-align: center;
}
.ap_call_to_action .ap_call_to_action_content{
float: left;
}
.ap_call_to_action.center .ap_call_to_action_content{
float: none;
}
.ap_call_to_action .ap_call_to_action_button{
float: right;
background: #293037;
padding: 10px 20px;
color: #FFF;
line-height: 1;
display: inline-block;
text-decoration: none;
}
.ap_call_to_action.center .ap_call_to_action_button{
float: none;
margin-top: 15px;
}
.ap_drop_cap{
border-radius:100%;
float: left;
vertical-align: top;
line-height: 1;
margin-right: 8px;
} .ap_tab_wrap{
margin-bottom: 30px;
background: #FFF;
}
.horizontal .ap_tab_group{
margin-bottom: 10px;
}
.horizontal .ap_tab_content{
padding: 15px;
background: #F6F6F6;
}
.horizontal .ap_tab_group .tab-title{ 
background:#F6F6F6;
float: left;
cursor: pointer;
font-size: 16px;
padding: 12px 20px;
position: relative;
margin-right:5px;
line-height: 1.2;
}
.horizontal .ap_tab_group .tab-title:last-child{ 
margin-right:0;
}
.horizontal .ap_tab_group .tab-title.active, 
.horizontal .ap_tab_group .tab-title.hover{
background: #E66432;
color:#FFF;
}
.horizontal .ap_tab_content .ap_tab{
display: none;
}
.vertical.ap_tab_wrap {
position: relative;
} 
.vertical .ap_tab_group {
width: 20%;
float: left;
}
.vertical .tab-title{
cursor: pointer;
padding: 12px 20px;
position: relative;
background: #F6F6F6;
margin-bottom: 5px;
line-height: 1.2;
}
.vertical .tab-title:last-child{
margin-bottom: 0;
}
.vertical .ap_tab_content{ 
float: right;
width: 78%;
padding: 15px;
background: #F6F6F6;
}
.vertical .ap_tab_content .ap_tab{ 
display: none;
}
.vertical .ap_tab_group .tab-title.active, 
.vertical .ap_tab_group .tab-title.hover{
color: #FFF; 
background: #E66432;
} .shortcode-slider{
overflow: hidden;
}
.shortcode-slider .bx-caption{
background: rgba(0,0,0,0.6);
position: absolute; 
left: 0; 
bottom: 0;
width: 100%; 
color:#FFF;
line-height: 1.2;
padding: 10px 15px;
}
.shortcode-slider img{
margin: 0 auto;
}
.shortcode-slider .bx-controls-direction a{
background: rgba(0, 0, 0, 0.6);
position: absolute;
top: 50%;
margin-top: -20px;
height: 40px;
width: 30px;
font-size: 32px;
line-height: 40px;
text-align: center;
color: #FFF;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
text-indent: 0;
font-family:arial;
}
.shortcode-slider .bx-controls-direction a.bx-prev{
left:-50px;
}
.shortcode-slider .bx-controls-direction a.bx-next{
right:-50px;
}
.shortcode-slider:hover .bx-controls-direction a.bx-prev{
left: 0;
}
.shortcode-slider:hover .bx-controls-direction a.bx-next{
right: 0;
}
.ap-list{
list-style: none;
margin:0 0 20px 0;  
}
.ap-list li{
margin-bottom: 5px;
background-repeat: no-repeat; 
background-position: 0 5px;  
padding:5px 0 5px 24px;
background-image: url(//www.difabioarredi.it/wp-content/themes/accesspress_parallax_pro/images/list-icons/list-icon6.gif); 
}
.ap-list.ap-list1 li{
background-image: url(//www.difabioarredi.it/wp-content/themes/accesspress_parallax_pro/images/list-icons/list-icon1.gif);  
background-position:0 4px ; 
}
.ap-list.ap-list2 li{
background-image: url(//www.difabioarredi.it/wp-content/themes/accesspress_parallax_pro/images/list-icons/list-icon2.gif); 
background-position:0 12px ;  
}
.ap-list.ap-list3 li{
background-image: url(//www.difabioarredi.it/wp-content/themes/accesspress_parallax_pro/images/list-icons/list-icon3.gif);   
background-position:0 10px ;  
}
.ap-list.ap-list4 li{
background-image: url(//www.difabioarredi.it/wp-content/themes/accesspress_parallax_pro/images/list-icons/list-icon4.gif);   
background-position:0 10px ;  
}
.ap-list.ap-list5 li{
background-image: url(//www.difabioarredi.it/wp-content/themes/accesspress_parallax_pro/images/list-icons/list-icon5.gif);  
background-position:0 8px ;   
}
.ap-list.ap-list6 li{
background-image: url(//www.difabioarredi.it/wp-content/themes/accesspress_parallax_pro/images/list-icons/list-icon6.gif);   
background-position:0 12px ; 
} .bttn.ap-small-bttn{
padding:3px 15px;
font-size:14px;
}
.bttn.ap-large-bttn{
font-size:20px;
padding:14px 45px;
}
.bttn.ap-black-bttn.ap-bg-bttn{
border:1px solid #111;
background: #111;
color: #FFF;
}
.bttn.ap-black-bttn.ap-bg-bttn:hover{
background: #000;
}
.bttn.ap-black-bttn.ap-outline-bttn{
border:1px solid #111;
color: #111;
}
.bttn.ap-black-bttn.ap-outline-bttn:hover{
background: #111;
color:#FFF
}
.bttn.ap-white-bttn.ap-bg-bttn{
border:1px solid #FFF;
background: #FFF;
color: #000;
}
.bttn.ap-white-bttn.ap-outline-bttn{
border:1px solid #FFF;
color: #FFF;
}
.bttn.ap-white-bttn.ap-outline-bttn:hover{
background: #FFF;
color:#000;
}
.bttn.ap-default-bttn.ap-bg-bttn{
background: #E5623B;
color: #FFF;
}
.bttn.ap-default-bttn.ap-bg-bttn:hover{
background: #D65A37;
}
.bttn.ap-default-bttn.ap-outline-bttn{
border:1px solid #E5623B;
color: #E5623B;
}
.bttn.ap-default-bttn.ap-outline-bttn:hover{
background:#E5623B ;
color: #FFF;
}
.bttn.ap-align-left{
float:left;
}
.bttn.ap-align-right{
float:right;
} .ap_tagline_box.ap-all-border-box{
border:3px solid #E5623B;
padding:20px;
background: #F6F6F6;
}
.ap_tagline_box.ap-left-border-box{
border-left:3px solid #E5623B;
padding:20px;
background: #F6F6F6;
}
.ap_tagline_box.ap-top-border-box{
border-top:3px solid #E5623B;
padding:20px;
background: #F6F6F6;
}
.ap_tagline_box.ap-bg-box{
background:#E5623B;
padding:20px;  
}
.ap_tagline_box.ap-bg-box *{
color:#FFF;
}
.ap_tagline_box p:last-child{
margin-bottom: 0;
} .ap-dropcaps { 
float: left;  
font-size: 75px; 
line-height: 60px; 
padding-top: 4px; 
padding-right: 8px; 
padding-left: 3px; 
width: 60px;
text-align: center;
}
.ap-dropcaps.ap-square{
background: #E5623B;
color:#FFF;
padding: 10px;
margin-right: 8px;
margin-top: 4px;
}
.entry-content ul,
.entry-content ol{
margin-bottom: 20px;
}
.entry-content ul ul,
.entry-content ol ol{
margin-bottom: 0;
} .ap_column {
float:left;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
-moz-background-clip:padding-box !important;
-webkit-background-clip:padding-box !important;
background-clip:padding-box !important;
}
.ap_column {
margin-left:2%;
padding:0 0%;
}
.ap-row .ap_column:first-child {
margin-left:0;
}
.ap-span1 {
width:15.0%;
}
.ap-span2 {
width:32.0%;
}
.ap-span3 {
width:49.0%;
}
.ap-span4 {
width:66.0%;
}
.ap-span5 {
width:83.0%;
}
.ap-span6 {
margin-left:0;
width:100%;
}
@-webkit-keyframes animatedown {
from {top: -200px;}
to {top: 0}
}
@keyframes animatedown {
from {top: -200px;}
to {top: 0}
} 
.pace-running{
overflow: hidden;
}
#page-overlay{
background: url(//www.difabioarredi.it/wp-content/themes/accesspress_parallax_pro/images/preloader/loader1.gif) no-repeat center #FFF;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 999999999;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.pace-done #page-overlay{
display:none;
}
#ap-map-canvas{
height: 400px;
width: 100%;
}
#ap-map-canvas img{
max-width: none;
}
#_atssh{
height: 0;
overflow: hidden;
}@media screen and (max-width: 1200px){
.mid-content{
width: 100%;
padding: 0 10px;
}
.service-list .service-image{
width: 16%;
height: auto;
}
.service-list .service-detail{
width: 80%;
}
.team-tab{
padding: 0 50px;
}
.social-icons{
display: none;
}
.googlemap-contact{
width:99%;
margin-left: 0;
left: 0;
}
}
@media screen and (max-width: 1000px){
.main-navigation > ul{
display: none;
}
.menu-toggle{
display: block;
}
.main-navigation{
text-align: center;
}
.main-navigation > ul{
position: absolute;
top: 100%;
left: 0;
width: 100%;
background: #E3633B;
padding: 10px 0;
text-align: center;
}
.main-navigation > ul > li{
display: inline-block;
float: none;
margin: 0 10px;
}
#site-navigation.main-navigation > ul > li > a,
#site-navigation.main-navigation > ul > li.current a, 
#site-navigation.main-navigation li:hover > a,
#site-navigation.main-navigation .current_page_item > a, 
#site-navigation.main-navigation .current-menu-item > a{
color: #FFF;
}
.fullwidth-portfolio .portfolio-list{
width: 33.33%
}
}
@media screen and (max-width: 768px){
h1{
font-size: 24px;
}
h2{
font-size: 20px;
}
h3{
font-size: 18px;
}
h4{
font-size: 16px;
}
h5{
font-size: 14px;
}
h6{
font-size: 12px;
}
.parallax-section h1{
font-size: 34px;
}
.slider-caption .caption-title{
font-size: 30px;
}
.slider-caption .caption-description{
font-size: 20px;
}
.service-list{
width: 100%;
}
.blog-listing .blog-list{
width: 80%;
margin: 0 auto 20px;
float: none;
display: block;
}
.blog-list .blog-image{
text-align: center;
}
.parallax-section input[type="text"], 
.parallax-section input[type="email"], 
.parallax-section input[type="url"], 
.parallax-section input[type="password"], 
.parallax-section input[type="search"], 
.parallax-section input[type="tel"], 
.parallax-section textarea{
}
.service-listing .service-list{
float: none;
}
.footer-column-4 .footer-block{
width: 49%;
}
.footer-column-4 .footer-block:nth-child(2n){
margin-right: 0; 
}
.copy-right, .site-info{
float: none;
text-align: center;
}
.main-navigation > ul{
padding: 0;
}
.main-navigation > ul > li{
display: block;
border-bottom: 1px solid #DB5E39;
padding: 0;
margin: 0;
}
.main-navigation > ul > li > a{
padding: 10px 0;
}
.main-navigation ul li a{
position: relative;
}
.main-navigation ul ul {
background: #db5e39;
position: static;
padding:0;
font-size: 15px;
display: none;
}
.main-navigation ul ul li{
text-align: center;
}
#site-navigation.main-navigation ul ul a{
color:#FFF !important;
}
.sf-arrows .sf-with-ul{
padding-right: 0;
}
.sf-arrows .sf-with-ul:after{
right:20px;
}
#primary, #secondary{
float: none;
width: 100%;
}
#main-slider .bx-wrapper .bx-controls-direction a{
display: none;
}
.next-page{
display: none;
}
.fullwidth-portfolio .portfolio-list{
width: 50%;
}
#top-header .header-text,
#top-header .top-menu{
float:none;
text-align: center;
}
.top-menu ul.menu > li{
float: none;
margin: 0 5px;
display: inline-block;
}
}
@media screen and (max-width: 480px){
.parallax-section h1{
font-size: 30px;
}
.service-list.odd .service-image{
float: left;
}
.service-list.odd .service-detail{
float: right;
}
.service-listing .service-list{
text-align: left;
}
.team-big-image{
display: none;
}
.team-detail{
float: none;
width: auto;
}
.team-image{
height: auto;
}
.team-tab .bx-wrapper .bx-viewport{
border-radius: 0;
}
.portfolio-list{
width: 450%;
}
.blog-listing .blog-list{
width: 100%;
}
.parallax-section input[type="text"], 
.parallax-section input[type="email"], 
.parallax-section input[type="url"], 
.parallax-section input[type="password"], 
.parallax-section input[type="search"], 
.parallax-section input[type="tel"], 
.parallax-section textarea{
width: 100%;
}
.team-content{
margin-top: 30px;
}
.footer-block{
width: 100% !important;
margin: 0 0 15px !important;
float:none;
}
#site-logo{
width: 80%;
}
.fullwidth-portfolio .portfolio-list{
width: 100%
}
}
@media screen and (min-width: 1001px){
.main-navigation > ul{
display: block !important;
}
}#top-header{ background:#383838;font-size:13px;font-family:PT Sans;font-weight:400;color:#999999;line-height:20px}
#top-header a{color:#999999}
#top-header a:hover{color:#EEEEEE}
#main-header{ background:#FFFFFF}
#main-header{background:rgba(255,255,255,1)}
#main-header.no-opacity, #main-header.pos-bottom{ background:#FFFFFF}
.main-navigation{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}.main-navigation ul li a{font-size:14px;font-family:PT Sans;font-weight:400;color:#333333;text-transform:uppercase}
.main-navigation > ul > li a:hover, .main-navigation > ul > li.current a, .main-navigation .current_page_item > a, .main-navigation .current-menu-item > a{color:#000000}
.main-navigation .sf-arrows .sf-with-ul:after{border-color:#333333 transparent transparent}
.main-navigation .sf-arrows ul .sf-with-ul:after{border-left-color:#333333 !important}
#site-logo{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}.top-menu ul.menu ul{background:#383838;}
.top-menu ul.menu ul li a{border-bottom:1px solid #4c4c4c;}
.top-menu .sf-arrows .sf-with-ul:after{border-color:#999999 transparent transparent}
.top-menu .sf-arrows ul .sf-with-ul:after{border-left-color:#999999 !important}
.social-icons a, .social-icons a span{background:#000000}
.social-icons a:hover{background:#000000}
.social-icons.appear-left a span:after{border-right-color:#000000}
.social-icons.appear-right a span:after{border-left-color:#000000}
.social-icons.appear-top a span:after{border-bottom-color:#000000}
.social-icons.appear-bottom a span:after{border-top-color:#000000}
body{ font-size:14px;font-family:PT Sans;font-weight:400;color:#444444}
h1{ font-size:30px;font-family:PT Sans;font-weight:400;color:#333333;text-transform:uppercase}
h2{ font-size:28px;font-family:'PT Sans';font-weight:400;color:#333333;text-transform:uppercase}
h3{ font-size:24px;font-family:'PT Sans';font-weight:400;color:#333333;text-transform:uppercase}
h4{ font-size:22px;font-family:'PT Sans';font-weight:400;color:#333333;text-transform:uppercase}
h5{ font-size:20px;font-family:'PT Sans';font-weight:400;color:#333333;text-transform:uppercase}
h6{ font-size:18px;font-family:'PT Sans';font-weight:400;color:#333333;text-transform:uppercase}
#secondary-left .widget-title,#secondary-right .widget-title, #secondary .widget-title{ font-size:18px;font-family:'PT Sans';font-weight:400;color:#333333;text-transform:uppercase}
.top-footer .widget-title{ font-size:18px;font-family:'PT Sans';font-weight:400;color:#FFFFFF;text-transform:normal}
.top-footer .widget-title:after{border-color:#FFFFFF}
.top-footer{background:;color:#EEEEEE}
.top-footer h4{color:}
.top-footer a{color:#999999}
.bottom-footer{background:#000000;color:#EEEEEE}
.bottom-footer a, .footer-social-icons a{color:#EEEEEE}
.footer-social-icons a{border-color:#EEEEEE}
.footer-social-icons a:hover{background:#EEEEEE}
.single-post #header-wrap .entry-title, .single-post #header-wrap .title-breadcrumb-wrap a, .single-post #header-wrap .title-breadcrumb-wrap{color:#000000}
.page #header-wrap .entry-title, .page #header-wrap .title-breadcrumb-wrap a, .page #header-wrap .title-breadcrumb-wrap{color:#000000}
#page-overlay{background-image:url(http://www.difabioarredi.it/wp-content/themes/accesspress_parallax_pro/images/preloader/loader7.gif)}
#ap-map-canvas{height:300px !important}
#main-header{box-shadow: 0px 4px 10px rgba(0,0,0,0.3);}
.main-navigation ul ul li.current_page_item > a, 
.main-navigation ul ul li.current-menu-item > a, 
.main-navigation ul ul li > a:hover,
.ap-icon-text.style3 .ap-icon-text-icon i, 
.ap-icon-text.style4 .ap-icon-text-icon i,
.bttn:after,
#go-top,
.blog-list .blog-excerpt span,
.ap-bttn:before,
.ap-bttn:after,
.ap-bttn,
.member-social-group a:hover,
.ap-progress-bar .ap-progress-bar-percentage,
.googlemap-contact-wrap li .fa,
.post-listing .posted-on,
.horizontal .ap_tab_group .tab-title.active, 
.horizontal .ap_tab_group .tab-title.hover,
.vertical .ap_tab_group .tab-title.active, 
.vertical .ap_tab_group .tab-title.hover,
#portfolio-grid.style4 h4,
.mm-menu,
.menu-toggle span,
.menu-toggle span:after,
.menu-toggle span:before,
.ap_toggle .ap_toggle_title,
.bttn:hover,
.bttn:active,
.portfolio-listing .button-group li.is-checked,
.bx-wrapper .bx-pager.bx-default-pager a:hover, 
.bx-wrapper .bx-pager.bx-default-pager a.active,
.error-404,
button,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.bttn.ap-default-bttn.ap-bg-bttn,
.bttn.ap-default-bttn.ap-outline-bttn:hover,
.ap_tagline_box.ap-bg-box,
.ap-dropcaps.ap-square,
.main-navigation > ul {
background-color:#E5623B;
}
a,
.bttn,
.member-social-group a,
.ap-toggle-title .pointer span i,
.ap_toggle .ap_toggle_title:after,
.sidebar .widget-social-icons li a,
.team-tab .bx-wrapper .bx-controls-direction a,
#portfolio-grid.style2 .portfolio-link:hover,
.style1 .fancybox-gallery:hover,
.footer-social-icons a:hover,
.sidebar .menu li a:hover,
input[type="button"],
input[type="reset"],
input[type="submit"]
{
color:#E5623B;
}
.bttn,
.team-image:hover, .team-image.active,
.blog-list .blog-excerpt,
.ap-toggle-title,
.ap-toggle-title .pointer,
.ap_toggle,
.main-navigation ul ul li.current_page_item > a, 
.main-navigation ul ul li.current-menu-item > a, 
.main-navigation ul ul li > a:hover,
.menu-toggle,
.sidebar .widget-title:after,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.bttn.ap-default-bttn.ap-outline-bttn,
.ap_tagline_box.ap-top-border-box,
.ap_tagline_box.ap-left-border-box,
.ap_tagline_box.ap-all-border-box,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus{
border-color:#E5623B;
}
.mm-menu .mm-list > li:after,
.mm-menu .mm-list > li > a.mm-subopen:before,
.main-navigation > ul > li{
border-color:#ce5835;
}
.bttn.ap-default-bttn.ap-bg-bttn:hover{
background:#ce5835;
}
.ap-icon-text.style3 .ap-icon-text-icon i:after, 
.ap-icon-text.style4 .ap-icon-text-icon i:after{
box-shadow: 0 0 0 1px #E5623B;
}
#portfolio-grid.style3 .portfolio-overlay,
#portfolio-grid.style2 .portfolio-inner,
#portfolio-grid.style1 .portfolio-overlay,
.style1 .ap-member-image:after{
background:rgba(229,98,59,0.8)    
}
.ap-progress-bar{
background:rgba(229,98,59,0.3)    
}
.post-listing .posted-on:before{
border-color:transparent transparent #ce5835 #ce5835;
}.n2-in-fullscreen *{animation-name:initial}.n2-in-fullscreen [data-uk-scrollspy*=uk-animation-]:not([data-uk-scrollspy*=target]){opacity:1}ss3-fullpage{display:block}ss3-fullpage[data-based-on=real]{opacity:0}ss3-force-full-width{position:relative;display:block;opacity:0;width:100vw;transform:translateX(-100vw)}.n2-section-smartslider{position:relative;width:100%;outline:0;--widget-offset: 0px}.n2-section-smartslider--hidden{display:none}.n2-ss-align{position:relative;z-index:0;overflow:hidden}.n2-ss-align.n2-ss-align-visible{overflow:visible}.n2-ss-slider{display:grid;grid-template-columns:100%;grid-template-rows:1fr auto;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1;user-select:none;--ss-fs: flex-start;--ss-fe: flex-end;--ss-r: row;--ss-rr: row-reverse}.n2-ss-slider [data-force-pointer],.n2-ss-slider [data-force-pointer] *{cursor:pointer!important}.n2-ss-slider [data-force-pointer=zoom-in],.n2-ss-slider [data-force-pointer=zoom-in] *{cursor:zoom-in!important}.n2-ss-slider .n2-ss-text{user-select:text;cursor:initial}.n2-ss-slider-has-no-slide{height:0!important;opacity:0!important;overflow:hidden!important}.n2-ss-slider,.n2-ss-slider .n2_ss__touch_element{-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent}.n2-ss-slider>*,.n2-ss-slider .n2_ss__touch_element>*{-webkit-tap-highlight-color:initial}.n2-ss-slider .n2-ow,.n2-ss-slider .n2-ow-all *{font-size:inherit;line-height:inherit;letter-spacing:inherit}.n2-ss-slider .n2-ow,.n2-ss-slider .n2-ow:before,.n2-ss-slider .n2-ow:after,.n2-ss-slider .n2-ow-all *,.n2-ss-slider .n2-ow-all :before,.n2-ss-slider .n2-ow-all :after{box-sizing:content-box}.n2-ss-slider .n2-ow:before,.n2-ss-slider .n2-ow:after,.n2-ss-slider .n2-ow-all :not(i):before,.n2-ss-slider .n2-ow-all :not(i):after{display:none}.n2-ss-slider a.n2-ow,.n2-ss-slider .n2-ow-all a{border:0;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual}.n2-ss-slider a.n2-ow,.n2-ss-slider a.n2-ow:focus,.n2-ss-slider .n2-ow-all a,.n2-ss-slider .n2-ow-all a:focus{outline:0!important;transition:none 0s;box-shadow:none;text-decoration:none}.n2-ss-slider path{transition:none 0s}.n2-ss-slider .n2-ow-all b,.n2-ss-slider .n2-ow-all i{color:inherit}.n2-ss-slider h1.n2-ow,.n2-ss-slider h2.n2-ow,.n2-ss-slider h3.n2-ow,.n2-ss-slider h4.n2-ow,.n2-ss-slider h5.n2-ow,.n2-ss-slider h6.n2-ow,.n2-ss-slider p.n2-ow,.n2-ss-slider blockquote.n2-ow,.n2-ss-slider .n2-ow-all h1,.n2-ss-slider .n2-ow-all h2,.n2-ss-slider .n2-ow-all h3,.n2-ss-slider .n2-ow-all h4,.n2-ss-slider .n2-ow-all h5,.n2-ss-slider .n2-ow-all h6,.n2-ss-slider .n2-ow-all p,.n2-ss-slider .n2-ow-all blockquote{margin:0;padding-left:0;padding-right:0;height:auto;width:auto;border:0;box-shadow:none;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual}.n2-ss-slider iframe{border:0;min-height:0}.n2-ss-slider iframe.n2-ow,.n2-ss-slider .n2-ow-all iframe{margin:0}.n2-ss-slider img.n2-ow,.n2-ss-slider .n2-ow-all img,.n2-ss-slider svg.n2-ow,.n2-ss-slider .n2-ow-all svg{max-width:none;max-height:none;height:auto;box-shadow:none;border-radius:0;background:0 0;background:0 0;padding:0;margin:0;border:0;vertical-align:top}.n2-ss-slider picture.n2-ow,.n2-ss-slider .n2-ow-all picture{display:inline-block}.n2-ss-slider source{display:none}.n2-ss-slider ul.n2-ow,.n2-ss-slider li.n2-ow,.n2-ss-slider img.n2-ow,.n2-ss-slider a.n2-ow,.n2-ss-slider p.n2-ow,.n2-ss-slider ol.n2-ow,.n2-ss-slider textarea.n2-ow,.n2-ss-slider input.n2-ow,.n2-ss-slider button.n2-ow{transition:none 0s}.n2-ss-slider p{background-color:transparent}.n2-ss-slider ol{margin:0}.n2-ss-slider{z-index:3;position:relative;text-align:left;width:100%;min-height:1px}[dir=rtl] .n2-ss-slider{text-align:right}.n2-ss-slider :focus{outline:0}.n2-ss-slider[data-responsive=fullpage]{min-height:calc(var(--target-height, 100vh) - var(--subtract, 0px) - var(--subtract-vertical-offset, 0px) - var(--subtract-vertical-widget, 0px))}.n2-ss-slider.n2-ss-slider--fullscreen[data-responsive=fullpage]{min-height:100vh}.n2-ss-slider.n2-ss-slider--fullscreen .n2-ss-preserve-size--slider{display:none!important}[dir=rtl] .n2-ss-slider .n2-ss-slide-background{text-align:left}.n2-ss-slider.n2notransition *{transition:none 0s!important}.n2-ss-slider .n2-ss-preserve-size{width:100%;visibility:hidden}.n2-ss-slider .n2-ss-preserve-size[data-related-device]{display:none}.n2-ss-slider .n2-ss-preserve-size[data-related-device=desktopPortrait]{display:block}.n2-ss-slider .n2-ss-slider-background-video{position:absolute;left:0;top:0;width:100%;height:100%}.n2-ss-slider .n2-cover{object-fit:cover}.n2-ss-slider .n2-contain{object-fit:contain}.n2-ss-slider .n2-ss-slide{position:relative;overflow:hidden;text-align:center;--ssselfalign: center}.n2-ss-full-page--constrain-ratio .n2-ss-slide{overflow:visible}.n2-ss-slider .n2-ss-slide--focus{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;filter:opacity(0);z-index:-99999}.n2-ss-slider .n2-ss-slide-thumbnail{display:none!important}.n2-ss-full-page--constrain-ratio .n2-ss-layers-container{clip-path:var(--ss-clip-path, inset(0px))}.n2-ss-slider .n2-ss-slide-background,.n2-ss-slider .n2-ss-slide-background *{position:absolute;top:0;left:0;width:100%;height:100%;text-align:left}.n2-ss-feature-post-bg-loader .n2-ss-slide-background{opacity:0}.n2-ss-slider .n2-ss-slide-background{z-index:10}.n2-ss-slider .n2-ss-slide-background .n2-ss-slide-background-color{z-index:1}.n2-ss-slider .n2-ss-slide-background .n2-ss-slide-background-color[data-overlay="1"]{z-index:7}.n2-ss-slider .n2-ss-slide-background .n2-ss-slide-background-video{z-index:3}.n2-ss-slider .n2-ss-slide-background .n2-ss-slide-background-image{z-index:5}.n2-ss-slider .n2-ss-slide-background-image{width:100%;height:100%;box-sizing:content-box;--ss-o-pos-x: 50%;--ss-o-pos-y: 50%}.n2-ss-slider .n2-ss-slide-background-image img{object-position:var(--ss-o-pos-x) var(--ss-o-pos-y)}.n2-ss-slider .n2-ss-slide-background-image img{width:100%!important;height:100%!important;object-fit:cover;color:RGBA(0,0,0,0)}.n2-ss-slider [data-mode=fit] .n2-ss-slide-background-image img{object-fit:contain}.n2-ss-slider [data-mode=center] .n2-ss-slide-background-image img{object-fit:none}.n2-ss-slider [data-mode=stretch] .n2-ss-slide-background-image img{object-fit:fill}.n2-ss-slider [data-mode=blurfit] .n2-ss-slide-background-image+.n2-ss-slide-background-image img{object-fit:contain}.n2-ss-slider .n2-ss-slide-background-video{object-fit:cover}.n2-ss-slider .n2-ss-slide-background-video[data-mode=fit]{object-fit:contain}.n2-ss-slider .n2-ss-layers-container{visibility:hidden;position:relative;width:100%;height:100%;display:flex;flex-direction:column;z-index:20;opacity:.001;transition:opacity .4s}.n2-ss-slider.n2-ss-loaded .n2-ss-layers-container{opacity:1}.n2-ss-slider [onclick].n2-ss-layers-container{visibility:visible}.n2-ss-slider .n2-ss-layers-container>*{visibility:visible}.n2-ss-slider .n2-ss-layer{z-index:2;--margin-top: 0px;--margin-right: 0px;--margin-bottom: 0px;--margin-left: 0px;width:calc(100% - var(--margin-right) - var(--margin-left));--ssfont-scale: 1;font-size:calc(100%*var(--ssfont-scale))}.n2-ss-slider .n2-ss-layer[data-pm=normal]{margin:var(--margin-top) var(--margin-right) var(--margin-bottom) var(--margin-left)}.n2-ss-slider .n2-ss-layer[data-pm=absolute]{position:absolute;left:0;top:0}.n2-ss-slider .n2-ss-layer[data-pm=absolute] picture{width:100%}.n2-ss-slider .n2-ss-layer[data-pm=default],.n2-ss-slider .n2-ss-layer[data-pm=normal]{position:relative;min-height:1px}.n2-ss-slider .n2-ss-layer-wrapper{width:100%;height:100%}.n2-ss-slider .n2-ss-layer-content .n2-ss-layer-wrapper,.n2-ss-slider .n2-ss-layer-row .n2-ss-layer-wrapper{height:auto;flex-grow:1}.n2-ss-slider .n2-ss-layer.n2-ss-layer--need-height .n2-ss-layer-wrapper{height:100%}.n2-ss-slider .n2-ss-layer[data-sstype=col]>.n2-ss-layer-wrapper,.n2-ss-slider .n2-ss-layer[data-sstype=content]>.n2-ss-layer-wrapper{flex:1 1 auto;min-height:100%;height:auto!important;display:flex;flex-direction:column}.n2-ss-no-bga-fixed *,.n2-ss-slider.n2-ss-mobileLandscape .n2-ss-slider-1,.n2-ss-slider.n2-ss-mobilePortrait .n2-ss-slider-1,.n2-ss-slider.n2-ss-tabletLandscape .n2-ss-slider-1,.n2-ss-slider.n2-ss-tabletPortrait .n2-ss-slider-1,.n2-ss-slider.n2-ss-mobileLandscape .n2-ss-slider-2,.n2-ss-slider.n2-ss-mobilePortrait .n2-ss-slider-2,.n2-ss-slider.n2-ss-tabletLandscape .n2-ss-slider-2,.n2-ss-slider.n2-ss-tabletPortrait .n2-ss-slider-2{background-attachment:scroll!important}.n2-ss-slider .n2-ss-widget{position:relative;-webkit-backface-visibility:hidden;-webkit-perspective:1000px;z-index:1;font-size:16px;transition:opacity .4s ease;opacity:1;box-sizing:initial}.n2-ss-slider .n2-ss-widget[data-position=above],.n2-ss-slider .n2-ss-widget[data-position=below]{margin-left:auto;margin-right:auto}.n2-ss-slider .n2-ss-widget.n2-ss-widget-hidden{opacity:0!important;pointer-events:none}.n2-ss-slider .n2-ss-slider-controls-above,.n2-ss-slider .n2-ss-slider-controls-below{display:flex;flex-flow:column;align-items:center}.n2-ss-slider .n2-ss-slider-controls-side{position:relative;display:flex}.n2-ss-slider .n2-ss-slider-controls-side>*{flex:1 1 auto}.n2-ss-slider .n2-ss-slider-controls-left,.n2-ss-slider .n2-ss-slider-controls-right{flex:0 0 auto;display:flex}.n2-ss-slider .n2-ss-slider-controls-left>*,.n2-ss-slider .n2-ss-slider-controls-right>*{flex:1 1 auto}.n2-ss-slider .n2-ss-slider-controls-left>*{margin-right:var(--widget-offset)}.n2-ss-slider .n2-ss-slider-controls-right>*{margin-left:var(--widget-offset)}.n2-ss-slider .n2-ss-slider-controls-absolute-left,.n2-ss-slider .n2-ss-slider-controls-absolute-right{position:absolute;right:100%;top:0;height:100%;display:flex;flex-flow:var(--ss-rr);align-items:center;visibility:hidden}[dir=rtl] .n2-ss-slider .n2-ss-slider-controls-absolute-left{justify-content:flex-start}[dir=rtl] .n2-ss-slider .n2-ss-slider-controls-absolute-right{justify-content:flex-end}.n2-ss-slider .n2-ss-slider-controls-absolute-left>*,.n2-ss-slider .n2-ss-slider-controls-absolute-right>*{visibility:visible}.n2-ss-slider .n2-ss-slider-controls-absolute-right{left:100%;right:auto;flex-flow:row}.n2-ss-slider .n2-ss-slider-wrapper-outside,.n2-ss-slider .n2-ss-slider-wrapper-inside{position:relative;display:grid;grid-template-columns:100%}.n2-ss-slider .n2-ss-slider-wrapper-inside .n2-ss-slider-controls{z-index:10;position:absolute;width:100%;height:100%;visibility:hidden;display:flex}.n2-ss-slider .n2-ss-slider-wrapper-inside .n2-ss-slider-controls>*{visibility:visible}.n2-ss-slider .n2-ss-slider-wrapper-inside .n2-ss-slider-controls-advanced{display:block;opacity:0;transition:opacity .4s}.n2-ss-slider .n2-ss-slider-wrapper-inside .n2-ss-slider-controls-advanced--ready{opacity:1}.n2-ss-slider .n2-ss-slider-wrapper-inside .n2-ss-slider-controls-advanced>*{position:absolute!important}.n2-ss-slider .n2-ss-slider-controls-absolute-left-top{align-items:flex-start;flex-flow:var(--ss-r)}.n2-ss-slider .n2-ss-slider-controls-absolute-left-top>*{margin:var(--widget-offset) 0 0 var(--widget-offset)}.n2-ss-slider .n2-ss-slider-controls-absolute-center-top{align-items:center;flex-flow:column}.n2-ss-slider .n2-ss-slider-controls-absolute-center-top>*,.n2-ss-slider .n2-ss-slider-controls-below>*{margin-top:var(--widget-offset)}.n2-ss-slider .n2-ss-slider-controls-absolute-right-top{flex-flow:var(--ss-rr);align-items:flex-start}.n2-ss-slider .n2-ss-slider-controls-absolute-right-top>*{margin:var(--widget-offset) var(--widget-offset) 0 0}.n2-ss-slider .n2-ss-slider-controls-absolute-left-center{align-items:center;flex-flow:var(--ss-r)}.n2-ss-slider .n2-ss-slider-controls-absolute-left-center>*,.n2-ss-slider .n2-ss-slider-controls-absolute-right>*{margin-left:var(--widget-offset)}.n2-ss-slider .n2-ss-slider-controls-absolute-right-center{align-items:center;flex-flow:var(--ss-rr)}.n2-ss-slider .n2-ss-slider-controls-absolute-right-center>*,.n2-ss-slider .n2-ss-slider-controls-absolute-left>*{margin-right:var(--widget-offset)}.n2-ss-slider .n2-ss-slider-controls-absolute-left-bottom{align-items:flex-end;flex-flow:var(--ss-r)}.n2-ss-slider .n2-ss-slider-controls-absolute-left-bottom>*{margin:0 0 var(--widget-offset) var(--widget-offset)}.n2-ss-slider .n2-ss-slider-controls-absolute-center-bottom{align-items:center;flex-flow:column-reverse}.n2-ss-slider .n2-ss-slider-controls-absolute-center-bottom>*,.n2-ss-slider .n2-ss-slider-controls-above>*{margin-bottom:var(--widget-offset)}.n2-ss-slider .n2-ss-slider-controls-absolute-right-bottom{align-items:flex-end;flex-flow:var(--ss-rr)}.n2-ss-slider .n2-ss-slider-controls-absolute-right-bottom>*{margin:0 var(--widget-offset) var(--widget-offset) 0}.n2-ss-slider .n2-ss-slider-wrapper-inside .n2-ss-slider-controls-absolute-right-top,.n2-ss-slider .n2-ss-slider-wrapper-inside .n2-ss-slider-controls-absolute-left-top,.n2-ss-slider .n2-ss-slider-wrapper-inside .n2-ss-slider-controls-absolute-left-bottom,.n2-ss-slider .n2-ss-slider-wrapper-inside .n2-ss-slider-controls-absolute-right-bottom{z-index:11}.n2-ss-slider .n2-ss-static-slide{justify-self:stretch;align-self:stretch;display:flex;flex-direction:column;position:relative;z-index:25;-webkit-backface-visibility:hidden;text-align:center;--ssselfalign: center;opacity:.001;transition:opacity .4s}.n2-ss-slider.n2-ss-loaded .n2-ss-static-slide{opacity:1}.n2-ss-slider .n2-ss-static-slide div[data-sstype=slide]>.n2-ss-layer,.n2-ss-slider .n2-ss-static-slide div[data-sstype=content][data-hasbackground="1"]>div.n2-ss-section-main-content,.n2-ss-slider .n2-ss-static-slide div[data-sstype=content] .n2-ss-section-main-content>*{visibility:visible}.n2-ss-slider .n2-ss-static-slide,.n2-ss-slider .n2-ss-static-slide div[data-sstype=slide],.n2-ss-slider .n2-ss-static-slide div[data-sstype=content][data-hasbackground="0"],.n2-ss-slider .n2-ss-static-slide div[data-sstype=content][data-hasbackground="0"] div.n2-ss-section-main-content{visibility:hidden}.n2-ss-slider .n2-ss-shape-divider{position:absolute;left:0;width:100%;height:100px;pointer-events:none;z-index:13}.n2-ss-slider .n2-ss-shape-divider-inner{height:100%;transform-origin:center top}.n2-ss-slider .n2-ss-shape-divider-bottom .n2-ss-shape-divider-inner{position:absolute;bottom:0;left:0;width:100%;transform-origin:center bottom}.n2-ss-slider .n2-ss-shape-divider svg{display:block;height:100%;width:100%}.n2-ss-slider .n2-ss-shape-divider-top{top:0}.n2-ss-slider .n2-ss-shape-divider-bottom{bottom:0}.n2-ss-slider .n2-ss-slide .nextend-slide-bg{position:absolute;top:0;left:0;width:100%;max-width:none!important;height:auto;background:rgba(0,0,0,.002)}.n2-ss-slider video.n2-ow{max-width:none}.n2-ss-slider .n2-ss-item-video-container{overflow:hidden;width:100%;height:100%}.n2-ss-slider .n2-ss-item-video-container video{width:100%;height:100%}.n2-ss-slider .n2-ss-item-iframe-wrapper{-webkit-overflow-scrolling:touch;overflow-y:auto;height:100%}.n2-ss-slider .n2i{vertical-align:top}.n2-ss-slider iframe.n2-ow{max-width:none;display:block}.n2-ss-slider .n2-ss-item-iframe{height:100%}.n2-ss-slider .n2-grabbing{cursor:grabbing!important}.n2-ss-slider .n2-grabbing .n2-ss-slide{pointer-events:none}.n2-ss-slider .n2-ss-item-input-form{display:flex;flex-flow:row}.n2-ss-slider .n2-ss-item-input-form .n2-input{flex:1 1 auto}.n2-ss-slider .n2-ss-item-input-form .n2-form-button{margin:0}.n2-ss-slider form.n2-ow{margin:0;border:0;padding:0}.n2-ss-slider .n2-input{height:auto;width:auto;box-sizing:border-box;margin:0;border:0;padding:0;display:inline-block;vertical-align:middle;white-space:normal;background:0 0;line-height:1;font-size:13px;font-family:Arial,serif;box-shadow:none}.n2-ss-slider input.n2-ow:focus{outline:0}.n2-ss-slider input.n2-ow[placeholder]{overflow:hidden;text-overflow:clip}.n2-ss-slider ::-moz-placeholder{text-overflow:clip;color:inherit}.n2-ss-slider input.n2-ow:-moz-placeholder{text-overflow:clip;color:inherit}.n2-ss-slider input.n2-ow::-webkit-input-placeholder,.n2-ss-slider input.n2-ow::placeholder{color:inherit}.n2-ss-slider table.n2-ow{table-layout:auto;margin:0}.n2-ss-slider .n2-ow .n2-ss-thumbnail-type{width:48px;height:48px;margin-left:-24px;margin-top:-24px;position:absolute;left:50%;top:50%}.n2-ss-slider .n2-ss-section-main-content .n2-ss-item{float:none}.n2-ss-slider .n2-ss-layer[data-sstype=row].n2-ss-stretch-layer{display:flex;flex:1 1 auto}.n2-ss-slider .n2-ss-layer[data-sstype=row].n2-ss-stretch-layer>.n2-ss-layer-wrapper{display:flex}.n2-ss-slider .n2-ss-layer-row{box-sizing:border-box;display:flex}.n2-ss-slider .n2-ss-layer-row-inner{position:relative;box-sizing:border-box;display:flex;visibility:hidden;width:100%}.n2-ss-slider .n2-ss-layer-row-inner>*{visibility:visible}.n2-ss-slider .n2-ss-layer[data-sstype=row].n2-ss-stretch-layer .n2-ss-layer-row{height:auto;width:100%}.n2-ss-slider .n2-ss-layer-row>.n2-ss-layer{box-sizing:border-box;width:1px;flex:1 1 auto}.n2-ss-slider .n2-ss-layer-row .n2-ss-item{float:none}.n2-ss-slider .n2-ss-layer[data-sstype=slide]{flex:0 0 auto;position:relative;box-sizing:border-box;width:100%;height:100%;min-height:100%;z-index:2;display:flex;justify-content:center;flex-flow:column}.n2-ss-slider .n2-ss-layer-content .n2-ss-layer--auto:not([data-pm=absolute]){width:auto!important}.n2-ss-slider .n2-ss-layer-content .n2-ss-layer[data-pm=normal]{max-width:calc(100% - var(--margin-right) - var(--margin-left))}.n2-ss-slider .n2-ss-layer[data-sstype=content]{flex:0 0 auto;width:100%;min-height:100%;position:relative;z-index:2;display:flex}.n2-ss-slider .n2-ss-layer-content{flex:0 0 auto;display:flex;flex-direction:column;justify-content:flex-start;box-sizing:border-box;position:relative;min-height:10px}.n2-ss-slider .n2-ss-section-main-content{flex:1 1 auto;display:flex;justify-content:center;flex-direction:column;min-height:100%;max-width:100%}.n2-ss-slider .n2-ss-layer-with-background{--n2bgimage: none;--n2bggradient: none;background-image:var(--n2bggradient),var(--n2bgimage);background-size:cover,cover;background-repeat:no-repeat,no-repeat;transition:all .3s;transition-property:border-color,background-color,border-radius,box-shadow}.n2-ss-slider .n2-ss-layer[data-sstype=col]{display:flex;flex-flow:column;order:10;flex:0 1 auto}.n2-ss-slider .n2-ss-layer--block>.n2-ss-layer-row>.n2-ss-layer-row-inner>.n2-ss-layer[data-sstype=col],.n2-ss-slider .n2-ss-layer--block>.n2-ss-layer-wrapper>.n2-ss-layer-row>.n2-ss-layer-row-inner>.n2-ss-layer[data-sstype=col]{flex:1 1 auto}.n2-ss-slider .n2-ss-layer-col{box-sizing:border-box;position:relative;width:100%;height:auto;flex:1 1 auto}.n2-ss-slider .n2-ss-layer-col>.n2-ss-layer{flex:0 0 auto}.n2-ss-slider .n2-ss-layer:not([data-sstype=col]){align-self:var(--ssselfalign)}.n2-ss-slider .n2-ss-item-image-content{overflow:hidden;line-height:0}.n2-ss-slider .n2-ss-img-wrapper,.n2-ss-slider .n2-ss-img-wrapper img{line-height:0}.n2-ss-slider .n2-ss-item-image-content img{display:inline-block;max-width:100%}.n2-ss-slider .n2-ss-item-image-content a{display:inline-block}.n2-ss-slider .n2-ss-item-image-content picture{width:100%}.n2-ss-slider img.n2-ss-item-image-area{display:block;width:100%!important;height:100%!important}.n2-ss-slider .n2_ss_video_player{position:relative}.n2-ss-slider .n2_ss_video_player .n2_ss_video_player__placeholder{padding-top:56.25%}.n2-ss-slider .n2_ss_video_player[data-aspect-ratio="16:10"] .n2_ss_video_player__placeholder{padding-top:62.5%}.n2-ss-slider .n2_ss_video_player[data-aspect-ratio="4:3"] .n2_ss_video_player__placeholder{padding-top:75%}.n2-ss-slider .n2_ss_video_player iframe,.n2-ss-slider .n2_ss_video_player video,.n2-ss-slider .n2_ss_video_player .n2_ss_video_player__cover{display:block;position:absolute;top:0;left:0;width:100%;height:100%}.n2-ss-slider .n2_ss_video_player .n2_ss_video_player__cover{z-index:2;transform:translate3d(0,0,0)}.n2-ss-slider .n2_ss_video_player[data-aspect-ratio=fill]{min-height:50px;height:100%}.n2-ss-slider .n2_ss_video_player[data-aspect-ratio=fill] .n2_ss_video_player__placeholder,.n2-ss-slider .n2_ss_video_player[data-aspect-ratio=fill]>.n2_ss_video_player__placeholder,.n2-ss-slider .n2_ss_video_player[data-aspect-ratio=fill]>.n2_ss_video_player__placeholder{padding-top:0}.n2-ss-slider .n2_ss_video_player[data-aspect-ratio=fill] video{position:static;height:auto}.n2-ss-slider .n2-ss-layer[data-pm=absolute]>.n2-ss-item>.n2_ss_video_player[data-aspect-ratio=fill]>video,.n2-ss-slider .n2-ss-layer[data-pm=absolute]>.n2_ss_video_player[data-aspect-ratio=fill]>video,.n2-ss-slider .n2_ss_video_player[data-aspect-ratio=fill]>video,.n2-ss-slider .n2_ss_video_player[data-aspect-ratio=fill]>video{position:static;height:100%}.n2-ss-slider img.n2_ss_video_cover{display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;object-fit:cover}.n2-ss-slider img.n2_ss_video_play_btn{position:absolute;left:50%;top:50%;z-index:2;width:48px;height:48px;transform:translate(-50%,-50%)}.n2-ss-slider .n2-ss-animated-heading-wrapper,.n2-ss-slider .n2-ss-animated-heading-wrapper *,.n2-ss-slider .n2-ss-highlighted-heading-wrapper,.n2-ss-slider .n2-ss-highlighted-heading-wrapper *{text-decoration:none!important}.n2_clear{clear:both}[data-force-hidden],[data-force-hidden] *{visibility:hidden!important}.n2-ss-slider .n2-ss-reveal-clip{pointer-events:none;visibility:hidden;position:absolute;left:0;top:0;z-index:1000000;width:100%;height:100%;overflow:hidden}.n2-ss-slider .n2-ss-reveal-clip>*{position:absolute;left:0;top:0;width:100%;height:100%}.n2-ss-slider .n2-widget-html{z-index:10}.n2-ss-slider .n-particles-js-canvas-el{position:absolute;left:0;top:0;width:100%;height:100%;z-index:12}ss-text,ss-word,ss-char{position:relative;display:inline-block}ss-p{display:block}ss3-loader{display:none;place-content:center;position:absolute;left:0;top:0;width:100%;height:100%;z-index:100000}ss3-loader:after{content:'';display:block;border:9px solid RGBA(0,0,0,.6);border-top:9px solid #fff;border-radius:50%;box-shadow:inset 0 0 0 1px RGBA(0,0,0,.6),0 0 0 1px RGBA(0,0,0,.6);width:40px;height:40px;animation:n2-ss-loader-spin 2s linear infinite}@keyframes n2-ss-loader-spin{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}.n2-ss-slider .n2-input,.n2-ss-slider .n2-ss-item-counter-counting-div{-webkit-transform:translate3d(0,0,0)}