@charset "UTF-8";
/*!
 *  Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url(//www.dot2dot.com.my/wp-content/themes/accesspress_parallax_pro/css/fonts/fontawesome-webfont.eot?v=4.2.0);src:url(//www.dot2dot.com.my/wp-content/themes/accesspress_parallax_pro/css/fonts/fontawesome-webfont.eot?#iefix&v=4.2.0) format('embedded-opentype'),url(//www.dot2dot.com.my/wp-content/themes/accesspress_parallax_pro/css/fonts/fontawesome-webfont.woff?v=4.2.0) format('woff'),url(//www.dot2dot.com.my/wp-content/themes/accesspress_parallax_pro/css/fonts/fontawesome-webfont.ttf?v=4.2.0) format('truetype'),url(//www.dot2dot.com.my/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"}/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.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;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
    /*fix other elements on the page moving (on Chrome)*/
    -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%;
}

/* LOADER */

.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(//www.dot2dot.com.my/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;
}

/* PAGER */

.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;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
    left: 40px;
    background: url(//www.dot2dot.com.my/wp-content/themes/accesspress_parallax_pro/css/images/controls.png) no-repeat ;
}

.bx-wrapper .bx-next {
    right: 40px;
    background: url(//www.dot2dot.com.my/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;
}

/* AUTO CONTROLS (START / STOP) */

.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.dot2dot.com.my/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.dot2dot.com.my/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;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.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;
}

/* IMAGE CAPTIONS */

.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 v1.1
 * http://dev7studios.com/nivo-lightbox
 *
 * Copyright 2013, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

.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;
    /* https://bugzilla.mozilla.org/show_bug.cgi?id=308801 */
}
.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;
}

/* Effects
 **********************************************/
.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;
}

/* fadeScale */
.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);
}

/* slideLeft / slideRight / slideUp / slideDown */
.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);
}

/* fall */
.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.dot2dot.com.my/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.dot2dot.com.my/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.dot2dot.com.my/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.dot2dot.com.my/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.dot2dot.com.my/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.dot2dot.com.my/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.dot2dot.com.my/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.dot2dot.com.my/wp-content/themes/accesspress_parallax_pro/css/images/close@2x.png); 
        background-size: 16px 16px;
    }

}/*** ESSENTIAL STYLES ***/
.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%;
}


/*** DEMO SKIN ***/
.sf-menu {
    float: left;
    margin-bottom: 1em;
}
.sf-menu ul {
    box-shadow: 2px 2px 6px rgba(0,0,0,.2);
    min-width: 12em; /* allow long menu items to determine submenu width */
    *width: 12em; /* no auto sub width for IE7, see white-space comment below */
}
.sf-menu a {
    border-left: 1px solid #fff;
    border-top: 1px solid #dFeEFF; /* fallback colour must use full shorthand */
    border-top: 1px solid #CCC;
    padding: .75em 1em;
    text-decoration: none;
    zoom: 1; /* IE7 */
}
.sf-menu a {
    color: #13a;
}
.sf-menu li {
    background: #BDD2FF;
    white-space: nowrap; /* no need for Supersubs plugin */
    *white-space: normal; /* ...unless you support IE7 (let it wrap) */
    -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;
    /* only transition out, not in */
    -webkit-transition: none;
    transition: none;
}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
    padding-right: 20px;
    *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.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 {

}
/* styling for right-facing arrows */
.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;
}

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/

.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;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-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;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-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;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-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;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-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;
}/*
        jQuery.mmenu CSS
*/
/*
        jQuery.mmenu panels CSS
*/
.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); }

/*
        jQuery.mmenu offcanvas addon CSS
*/
.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); } }
/*
        jQuery.mmenu buttonbars addon CSS
*/
.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; }

/*
        jQuery.mmenu counters addon CSS
*/
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); }

/*
        jQuery.mmenu dragOpen addon CSS
*/
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; }

/*
        jQuery.mmenu footer addon CSS
*/
.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); }

/*
        jQuery.mmenu header addon CSS
*/
.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); }

/*
        jQuery.mmenu labels addon CSS
*/
.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); }

/*
        jQuery.mmenu searchfield addon CSS
*/
.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); }

/*
        jQuery.mmenu toggles addon CSS
*/
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); }

/*
        jQuery.mmenu effects extension CSS
*/
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%); }

/*
        jQuery.mmenu fullscreen extension CSS
*/
.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; }

/*
        jQuery.mmenu position extension CSS
*/
.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); } }
/*
        jQuery.mmenu z-position extension CSS
*/
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; }

/*
        jQuery.mmenu themes extension CSS
*/
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; }/*
Theme Name: Accesspress Parallax Pro
Theme URI: http://accesspressthemes.com/wordpress-themes/accesspress-parallax-pro/
Author: AccessPress Themes
Author URI: http://accesspressthemes.com/
Description: AccessPress Parallax Pro- is a beautiful WordPress theme with Parallax design. Parallax design has become popular and is being adopted because - 3D effects are possible with it, you can add some sphere to your product, it is the best way of storytelling, you can draw your visitors in, it is interactive, engaging, makes your visitors curious, fun, surprise, effective to trigger action, invite your visitors in great Call to Action, great conversion rates and many more. Since parallax is popular why not give your WordPress website a parallax effect!
Version: 2.01
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: accesspress_parallax_pro
Domain Path: /languages/
Tags: Black, Dark, Light, Parallax, One Page, Multiple Column

This theme, like WordPress, is licensed under the GPL.

Access Press Parallax is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
*/

/*--------------------------------------------------------------
1.0 - Reset
--------------------------------------------------------------*/
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%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
    overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
    -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
    -ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
*,
*:before,
*:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
    -webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
    -moz-box-sizing:    border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
    box-sizing:         border-box;
}
body {
    background: #fff; /* Fallback for when there is no custom background color defined. */
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
    display: block;
}
ol, ul {
    list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
    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;
}

/*--------------------------------------------------------------
Typography
--------------------------------------------------------------*/
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%;
}

/*--------------------------------------------------------------
Elements
--------------------------------------------------------------*/
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; /* Make sure images are scaled correctly. */
    max-width: 100%; /* Adhere to container width. */
    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
}

/*--------------------------------------------------------------
Forms
--------------------------------------------------------------*/
button,
input,
select,
textarea {
    font-size: 100%; /* Corrects font size not being inherited in all browsers */
    margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
    vertical-align: baseline; /* Improves appearance and consistency in all browsers */
}
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; /* Addresses excess padding in IE8/9 */
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
    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; /* Removes default vertical scrollbar in IE6/7/8/9 */
    padding: 3px 10px;
    vertical-align: top; /* Improves readability and alignment in all browsers */
    width: 100%;
    height:180px;
}

/*--------------------------------------------------------------
Links
--------------------------------------------------------------*/
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);
}

/*--------------------------------------------------------------
Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.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; /* Above WP toolbar */
}

/*--------------------------------------------------------------
Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 20px;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 20px;
}
.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto;
}

/*--------------------------------------------------------------
Clearings
--------------------------------------------------------------*/
.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;
}

/*--------------------------------------------------------------
Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0 0 20px;
}

/* Make sure select elements fit in widgets */
.widget select {
    max-width: 100%;
}

/* Search widget */
.widget_search .search-submit {
    display: none;
}

#secondary .widget{
}

#secondary .widget:last-child{
    margin-bottom: 0;
}

/*--------------------------------------------------------------
Content
--------------------------------------------------------------*/
.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*/
.no-sidebar #primary{
    width: 100%;
} 

/*Left Sidebar*/
#secondary-left{
    width: 26%;
    float: left;
}
.left-sidebar #primary{
    float: right;
}

/*Right Sidebar*/
#secondary-right{
    width: 26%;
    float: right;
}
.right-sidebar #primary{
    float: left;
}

/*Both Sidebar*/
.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;
}
/*--------------------------------------------------------------
Posts and pages
--------------------------------------------------------------*/
.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;
}
.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,
.single .posted-on,
.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{
    max-width: 50%;
    margin-bottom: 20px;
}
.post-listing .entry-thumb{
    margin: -20px -20px 15px;
    text-align: center;
}
#header-wrap{
    position: relative;
    background-position:center top;
    margin-bottom: 30px;
}
#header-wrap .entry-header{
    width: 100%;
    height: 100%;
}
#header-wrap .entry-header-inner{
    display: table;
    height: 100%;
    width: 100%;
    padding: 50px 0;
}
#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.blog #content,
.home.page #content{
    margin-top: 30px;
}

.home.blog.parallax-on #content,
.home.page.parallax-on #content{
    margin-top: 0;
}
/*--------------------------------------------------------------
Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    display: none;
}

/*--------------------------------------------------------------
Comments
--------------------------------------------------------------*/
#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%
}
/*Comment Lists*/
.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
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
    display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
    display: block;
}

/*--------------------------------------------------------------
Media
--------------------------------------------------------------*/
.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;
}
/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
    max-width: 100%;
}

/*--------------------------------------------------------------
Captions
--------------------------------------------------------------*/
.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;
}

/*--------------------------------------------------------------
Galleries
--------------------------------------------------------------*/
.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.dot2dot.com.my/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;
}

/*--------------------------------------------------------------
Main Header
--------------------------------------------------------------*/
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-toggle{
    display: none;
}
.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 rgba(0,0,0,0.3);
    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{
    background-color: #EEE;
    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; /* Chrome, Safari, Opera */
    animation: animatedown 0.3s;
}
.boxed #main-header.menu-fix{
    width: auto;
    left: auto;
}
.home .no-slider #masthead,
body.blog.home .no-slider #masthead,
body.blog #masthead,
#masthead.pos-top,
#masthead.pos-bottom,
body.blog.home #masthead.pos-bottom,
body.blog.home #masthead.pos-top{
    position: relative ;
    z-index: 9999;
}

#masthead,
body.blog.home #masthead{
    position: absolute;
    left:0;
    right: 0;
    top:0;
    z-index: 9999;   
}
.boxed #masthead{
    left: auto !important;
    right: auto !important;
}
body.parallax-on .wpcf7-not-valid-tip{
    text-align: center;
    font-size: 13px;
}
#site-logo{
    float: left;
}
.logo-side .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-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;
}
/* Small menu */
.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: 30px 0;
    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
--------------------------------------------------------------*/
#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.dot2dot.com.my/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; /* Chrome, Safari, Opera */
    animation: flow-down 2s linear 3s infinite; /* Standard syntax */
}

/* Chrome, Safari, Opera */
@-webkit-keyframes flow-down {
    0%   {top:0px; opacity: 0.8;}
    50%  {top:9px; opacity: 1;}
    100% {top:0; opacity: 0.8;}
}

/* Standard syntax */
@keyframes flow-down {
    0%   {top:0px; opacity: 0.8;}
    50%  {top:9px; opacity: 1;}
    100% {top:0; opacity: 0.8;}
}
/*--------------------------------------------------------------
Default Section
--------------------------------------------------------------*/
.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 Section
--------------------------------------------------------------*/
.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 Section
--------------------------------------------------------------*/
.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 Section
--------------------------------------------------------------*/
.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 5px 5px 0;
    cursor: pointer;
    padding: 5px 15px;
    border-radius: 8px;
}
.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.enable_space{
    margin-left: -1%;
}
#portfolio-grid.column-2.enable_space .portfolio-list{
    width: 49%;
    margin-left: 1%;
    margin-bottom: 1%;
}
#portfolio-grid.column-3.enable_space .portfolio-list{
    width: 32.33%;
    margin-left: 1%;
    margin-bottom: 1%;
}
#portfolio-grid.column-4.enable_space .portfolio-list{
    width: 24%;
    margin-left: 1%;
    margin-bottom: 1%;
}
#portfolio-grid.column-5.enable_space .portfolio-list{
    width: 19%;
    margin-left: 1%;
    margin-bottom: 1%;
}

#portfolio-grid .portfolio-list{
    width: 25%;
    position: relative;
    overflow: hidden;
}
#portfolio-grid .portfolio-list img{
    width: 100%;
}
#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); /* IE 9 */
    -webkit-transform: scale(1.2); /* Chrome, Safari, Opera */
    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); /* IE 9 */
    -webkit-transform: scale(1.2); /* Chrome, Safari, Opera */
    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;
    width: 100%;
}
#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;
}
/*--------------------------------------------------------------
Call to Action Section
--------------------------------------------------------------*/
.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;
}
/*--------------------------------------------------------------
Call to Action Section
--------------------------------------------------------------*/
.client-logo-wrap{
    padding: 0 15px;
}
/*--------------------------------------------------------------
Team Section
--------------------------------------------------------------*/
.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;
}
/*--------------------------------------------------------------
Google Map Section
--------------------------------------------------------------*/
.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;
}
/*--------------------------------------------------------------
Blog Section
--------------------------------------------------------------*/
.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;
}
/*--------------------------------------------------------------
Footer Section
--------------------------------------------------------------*/
#colophon{
    background: #000;
    color: #FFF;
    font-size: 15px;
}

.top-footer{
    background: #272727;
    padding: 30px 0;
}
.top-footer.footer-column-0{
    padding: 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
--------------------------------------------------------------*/
.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;
}

/*--------------------------------------------------------------
Social
--------------------------------------------------------------*/
.panel-grid-cell .panel{
    margin-bottom: 5px !important;
}
/*Stat Counter*/
.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;
}
/*Progress Bar*/
.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;
}

/*Team*/
.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;
}

/*Testimonials*/
.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;
}

/*Toggle*/
.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;
}

/*Icon Text*/
.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;
    margin-bottom: 0;
}
.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;
}

/*Preview Post*/
.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;
}

/*Contact Info*/
.ap-contact-info-wrapper{
    list-style: none;
    margin: 0;
    padding: 0;
}
.ap-contact-info-wrapper li{
    padding-left: 30px !important;
    margin-bottom: 8px !important;
}
.ap-contact-info-wrapper li .fa{
    float: left;
    margin-left: -30px;
    margin-top: 5px;
}



/*Info*/
.ap-info{
    border:1px solid #DDD;
    padding: 20px;
}

#content .ap-info{
    width: 600px;
    margin: 150px auto 50px;
    text-align: center;
}

/*Icon Hover Effect*/
.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;
}

/*Facebook box*/
.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);
}

/*Image widget*/
.ap-align-none{
    text-align:none;
}
.ap-align-left{
    text-align:left;
}
.ap-align-right{
    text-align:right;
}
.ap-align-center{
    text-align:center;
}

/*Image widget*/
.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;
}

/* Triangles */
.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;
}

/*Pricing widget*/
.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;
}
/*--------------------------------------------------------------
Shortcodes Css
--------------------------------------------------------------*/
.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{
/*  border-radius: 500px;*/
    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;
}

/*Toggle*/
.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;
}


/*Tab*/
.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;
}

/*Slider*/
.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.dot2dot.com.my/wp-content/themes/accesspress_parallax_pro/images/list-icons/list-icon6.gif); 
}

.ap-list.ap-list1 li{
    background-image: url(//www.dot2dot.com.my/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.dot2dot.com.my/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.dot2dot.com.my/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.dot2dot.com.my/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.dot2dot.com.my/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.dot2dot.com.my/wp-content/themes/accesspress_parallax_pro/images/list-icons/list-icon6.gif);   
    background-position:0 12px ; 
}

/*Buttons*/
.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;
}
/*TagLine Box*/
.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;
}
/*Drop Cap*/
.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;
}
/*--------------------------------------------------------------
Responsive grid for pages
--------------------------------------------------------------*/

.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.dot2dot.com.my/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;
}
.addthis_sharing_toolbox{
    margin-top: 20px;
    clear: both;
}/*
Responsive CSS
*/

@media screen and (max-width: 1200px){
    body.boxed, 
    .boxed #masthead,
    .boxed #main-header.menu-fix{
        width:100%
    }
    .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:100%;
        margin-left: 0;
        left: 0;
    }

    .top-menu-toggle {
        background: rgba(0, 0, 0, 0.3);
        cursor: pointer;
        display: block;
        float: right;
        font-size: 22px;
        margin-right: -10px;
        padding: 0 15px;
    }

    #top-header .top-menu{
        display: none;
        float: none;
        clear: both;
    }

    .top-menu ul.menu > li{
        float: none;
        display: block;
        margin-left: 0;
        border-top: 1px solid rgba(0,0,0,0.3)
    }

    .top-menu ul li a{
        display: block;
    }

    .top-menu ul.menu ul{
        position: static;
        min-width: none;
        box-shadow: none;
    }

    .top-menu .sf-arrows .sf-with-ul::after{
        top: 20px;
    }
}

@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%
    }
    
    #portfolio-grid .portfolio-list{
        width: 33.33% !important;
    }

    #portfolio-grid.enable_space .portfolio-list{
        width: 32.33% !important;
    }
}

@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;
        box-shadow:none;
    }
    .main-navigation ul ul li{
        text-align: center;
    }
    .main-navigation ul ul a{
        color:#FFF !important;
        border-bottom:0;
        border-top:1px solid;
    }
    .main-navigation ul ul a:hover{
        border-bottom:0 !important;
    }
    .sf-arrows .sf-with-ul{
        padding-right: 0;
    }
    .sf-arrows .sf-with-ul:after{
        right:20px;
    }
    #primary, #secondary,
    #secondary-right,
    #secondary-left,
    .both-sidebar #primary-wrap,
    .both-sidebar #secondary-left{
        float: none !important;
        width: 100% !important;
    }
    #primary,
    #secondary-left{
        margin-bottom: 20px;
    }
    #main-slider .bx-wrapper .bx-controls-direction a{
        display: none;
    }
    .next-page{
        display: none;
    }

    .fullwidth-portfolio .portfolio-list{
        width: 50%;
    }
    
    #portfolio-grid .portfolio-list{
        width: 50% !important;
    }
    .service-list .service-image img{
        width:100%;
    }
    .parallax-section{
        background-attachment: scroll !important;
        background-repeat: repeat !important;
    }
    .ap-span1,
    .ap-span2,
    .ap-span3,
    .ap-span4,
    .ap-span5,
    .ap-span6{
    	width: 100%;
    	margin:0 0 15px !important;
    }
}
@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;
        clear: both;
    }
    #site-logo{
        width: 80%;
    }
    .fullwidth-portfolio .portfolio-list{
        width: 100%
    }
    
    .googlemap-contact-wrap{
        width:100%;
    }
    
    #portfolio-grid .portfolio-list{
        width: 100% !important;
    }

    .fullwidth-portfolio .portfolio-list{
        width: 50%
    }
    
    #portfolio-grid .portfolio-list{
        width: 50% !important;
    }

    #portfolio-grid.enable_space .portfolio-list{
        width: 49% !important;
    }

    .mobile .main-navigation > ul{
        max-height:320px;
        overflow-y: scroll;
    }

}

@media screen and (max-width: 480px) and (orientation : landscape){
    .mobile .main-navigation > ul{
        max-height:220px 
    }
}

@media screen and (min-width: 1001px){
    .main-navigation > ul{
        display: block !important;
    }
}

@media screen and (min-width: 1201px){
    #top-header .top-menu{
        display: block !important;
    }
}@font-face{font-family:'qlwapp-whatsapp';src:url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAYEAAsAAAAABbgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDxIFKmNtYXAAAAFoAAAAVAAAAFQXVtKHZ2FzcAAAAbwAAAAIAAAACAAAABBnbHlmAAABxAAAAfwAAAH8pb7IGGhlYWQAAAPAAAAANgAAADYUXm9HaGhlYQAAA/gAAAAkAAAAJAfAA8ZobXR4AAAEHAAAABQAAAAUCgAAA2xvY2EAAAQwAAAADAAAAAwAKAESbWF4cAAABDwAAAAgAAAAIAAJAJluYW1lAAAEXAAAAYYAAAGGmUoJ+3Bvc3QAAAXkAAAAIAAAACAAAwAAAAMDAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA6QADwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEADgAAAAKAAgAAgACAAEAIOkA//3//wAAAAAAIOkA//3//wAB/+MXBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAwAD/8AD/gPAACcATwCWAAABJicuAScmIyIHDgEHBhUUFhcDJR4BMzE4ATEyNz4BNzY1NCcuAScmATEiJi8BBzcnLgE1NDc+ATc2MzIXHgEXFhcWFx4BFxYVFAcOAQcGIxMuAScmIgcOAQcOAScuAScuAScmNjc+ATc+ATc2JicuAScuASMmIiMiBgcOARUUFhcWFx4BFxYXHgEXHgE3PgE3PgEnLgEnA2kkKSpbMTEzaVxdiSgoIiJIAQ03e0BpXF2KKCgKCiYbHP51OW0xD6ArCiAhIiFyTU1XKygpTCIjHh0XFyAICCEick1NV+cJRAkJDQcGHAYGDAkKOCQdJAYGBwUECgUEBQMDAQMCHQgHEAUGDAcGEwgJJC8FAhEQOCcnMBYkDhcoERI7CAgCAgMMCgMrJBwcJQoKKCiKXFxpQ4E6/vlHHx8oKIldXGkzMTFbKin9Fx4dCSmbEDJzPFdNTHMhIQgIHxcXHh4jIkwpKCtXTU1yISIBPAUhBAMKCSIHBgIFBRogGTYJCQwFBAwGBgkGBgwEBUcTEgMBBwkJMi8vTgYDFxY8IB8UCg0EBwEDAyMWFiIEBAcEAAAAAAEAAAABAAAmrdZpXw889QALBAAAAAAA2KCVZQAAAADYoJVlAAD/wAP+A8AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA/4AAQAAAAAAAAAAAAAAAAAAAAUEAAAAAAAAAAAAAAACAAAABAAAAwAAAAAACgAUAB4A/gABAAAABQCXAAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEABwAAAAEAAAAAAAIABwBgAAEAAAAAAAMABwA2AAEAAAAAAAQABwB1AAEAAAAAAAUACwAVAAEAAAAAAAYABwBLAAEAAAAAAAoAGgCKAAMAAQQJAAEADgAHAAMAAQQJAAIADgBnAAMAAQQJAAMADgA9AAMAAQQJAAQADgB8AAMAAQQJAAUAFgAgAAMAAQQJAAYADgBSAAMAAQQJAAoANACkaWNvbW9vbgBpAGMAbwBtAG8AbwBuVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwaWNvbW9vbgBpAGMAbwBtAG8AbwBuaWNvbW9vbgBpAGMAbwBtAG8AbwBuUmVndWxhcgBSAGUAZwB1AGwAYQByaWNvbW9vbgBpAGMAbwBtAG8AbwBuRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('woff');font-weight:normal;font-style:normal}.qlwapp-whatsapp-icon{font-family:'qlwapp-whatsapp'!important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.qlwapp-whatsapp-icon:before{content:"\e900"}#qlwapp{pointer-events:none;box-sizing:border-box}@media(min-width:430px){#qlwapp{width:430px}}#qlwapp *{box-sizing:border-box}#qlwapp.qlwapp-js-ready{display:block}#qlwapp.qlwapp-hide,#qlwapp.qlwapp-desktop.mobile,#qlwapp.qlwapp-mobile.desktop{display:none}#qlwapp .qlwapp-readonly,#qlwapp.qlwapp-readonly{pointer-events:none!important;opacity:.5!important}#qlwapp .qlwapp-disabled,#qlwapp.qlwapp-disabled{display:none;visibility:hidden}#qlwapp.qlwapp-middle-left,#qlwapp.qlwapp-bottom-left,#qlwapp.qlwapp-middle-right,#qlwapp.qlwapp-bottom-right{position:fixed;z-index:9999999}#qlwapp.qlwapp-middle-left,#qlwapp.qlwapp-bottom-left{right:auto;left:0}#qlwapp.qlwapp-middle-left .qlwapp-toggle .qlwapp-time,#qlwapp.qlwapp-bottom-left .qlwapp-toggle .qlwapp-time{left:0;right:auto}#qlwapp.qlwapp-middle-left.qlwapp-bubble .qlwapp-developer,#qlwapp.qlwapp-bottom-left.qlwapp-bubble .qlwapp-developer,#qlwapp.qlwapp-middle-left.qlwapp-button .qlwapp-developer,#qlwapp.qlwapp-bottom-left.qlwapp-button .qlwapp-developer,#qlwapp.qlwapp-middle-left.qlwapp-bubble .qlwapp-toggle,#qlwapp.qlwapp-bottom-left.qlwapp-bubble .qlwapp-toggle,#qlwapp.qlwapp-middle-left.qlwapp-button .qlwapp-toggle,#qlwapp.qlwapp-bottom-left.qlwapp-button .qlwapp-toggle{margin-left:20px}#qlwapp.qlwapp-middle-left.qlwapp-bubble .qlwapp-toggle .qlwapp-text,#qlwapp.qlwapp-bottom-left.qlwapp-bubble .qlwapp-toggle .qlwapp-text{right:auto;left:60px}#qlwapp.qlwapp-middle-left .qlwapp-box:before,#qlwapp.qlwapp-bottom-left .qlwapp-box:before{right:auto;left:20px}#qlwapp.qlwapp-middle-right,#qlwapp.qlwapp-bottom-right{left:auto;right:0}#qlwapp.qlwapp-middle-right .qlwapp-toggle .qlwapp-time,#qlwapp.qlwapp-bottom-right .qlwapp-toggle .qlwapp-time{left:auto;right:0}#qlwapp.qlwapp-middle-right.qlwapp-bubble .qlwapp-developer,#qlwapp.qlwapp-bottom-right.qlwapp-bubble .qlwapp-developer,#qlwapp.qlwapp-middle-right.qlwapp-button .qlwapp-developer,#qlwapp.qlwapp-bottom-right.qlwapp-button .qlwapp-developer,#qlwapp.qlwapp-middle-right.qlwapp-bubble .qlwapp-toggle,#qlwapp.qlwapp-bottom-right.qlwapp-bubble .qlwapp-toggle,#qlwapp.qlwapp-middle-right.qlwapp-button .qlwapp-toggle,#qlwapp.qlwapp-bottom-right.qlwapp-button .qlwapp-toggle{margin-right:20px}#qlwapp.qlwapp-middle-left,#qlwapp.qlwapp-middle-right{top:40%;bottom:auto}#qlwapp.qlwapp-middle-left .qlwapp-developer,#qlwapp.qlwapp-middle-right .qlwapp-developer{padding:0 24px}#qlwapp.qlwapp-middle-left.qlwapp-button .qlwapp-developer,#qlwapp.qlwapp-middle-left.qlwapp-button .qlwapp-toggle{margin-left:-48px;padding-left:60px}#qlwapp.qlwapp-middle-right.qlwapp-button .qlwapp-developer,#qlwapp.qlwapp-middle-right.qlwapp-button .qlwapp-toggle{margin-right:-48px;padding-right:60px}#qlwapp.qlwapp-bottom-left,#qlwapp.qlwapp-bottom-right{top:auto;bottom:0}#qlwapp.qlwapp-rounded.qlwapp-bubble .qlwapp-toggle{border-radius:50%}#qlwapp.qlwapp-rounded.qlwapp-button .qlwapp-toggle{border-radius:50px}@media(min-width:430px){#qlwapp.qlwapp-rounded .qlwapp-box{border-radius:8px}}#qlwapp.qlwapp-rounded .qlwapp-box .qlwapp-user,#qlwapp.qlwapp-rounded .qlwapp-box .qlwapp-message{border-radius:4px}#qlwapp p:last-child{margin:0}#qlwapp time{opacity:.8;font-style:italic;font-size:10px}#qlwapp .qlwapp-no-contacts{display:flex;height:134px;justify-content:center;align-items:center}#qlwapp .qlwapp-container{display:flex;flex-direction:column}#qlwapp .qlwapp-clearfix:before,#qlwapp .qlwapp-clearfix:after{content:'';display:block;clear:both}#qlwapp .qlwapp-previous,#qlwapp .qlwapp-close{display:block;opacity:.8;font-style:unset;font-size:24px;font-weight:bold;width:24px;height:24px;cursor:pointer;text-align:center;line-height:24px;z-index:1}#qlwapp .qlwapp-previous{width:16px;height:36px;cursor:pointer;text-align:center;line-height:36px;margin-right:auto}#qlwapp .qlwapp-developer{font-size:8px;top:-20px;position:relative}#qlwapp .qlwapp-developer,#qlwapp .qlwapp-toggle{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;margin-right:auto}#qlwapp .qlwapp-toggle{pointer-events:all;cursor:pointer;box-shadow:0 1px 6px 0 rgba(0,0,0,0.06),0 2px 32px 0 rgba(0,0,0,0.16);margin-top:24px;margin-bottom:24px;position:relative;text-decoration:none}#qlwapp .qlwapp-toggle,#qlwapp .qlwapp-toggle:active,#qlwapp .qlwapp-toggle:focus,#qlwapp .qlwapp-toggle:hover{outline:0;text-decoration:none}#qlwapp .qlwapp-toggle .qlwapp-time{position:absolute;bottom:-2em;color:initial;font-size:10px;display:inline-block;top:auto;width:120px}#qlwapp .qlwapp-avatar .qlwapp-avatar-container{overflow:hidden;border-radius:50%;width:inherit;height:inherit}#qlwapp .qlwapp-avatar .qlwapp-avatar-container img{width:100%;height:auto}#qlwapp.qlwapp-bubble .qlwapp-toggle{width:60px;height:60px}#qlwapp.qlwapp-bubble .qlwapp-toggle .qlwapp-icon,#qlwapp.qlwapp-bubble .qlwapp-toggle .qlwapp-close{position:absolute;display:block;pointer-events:none;font-size:24px}#qlwapp.qlwapp-bubble .qlwapp-toggle .qlwapp-text{position:absolute;right:60px;height:60px;margin:0 24px;display:flex;align-items:center;justify-content:flex-end;font-weight:bold;white-space:pre}#qlwapp.qlwapp-button .qlwapp-toggle{height:40px;white-space:nowrap;padding:12px 24px}#qlwapp.qlwapp-button .qlwapp-toggle .qlwapp-icon{margin:0 12px 0 0}#qlwapp.qlwapp-button .qlwapp-toggle .qlwapp-close{display:none}#qlwapp .qlwapp-box{pointer-events:all;padding-bottom:56px;position:fixed;top:auto;bottom:0;left:0;right:0;z-index:99999;box-shadow:0 5px 40px 5px rgba(0,0,0,0.5)}@media(min-width:430px){#qlwapp .qlwapp-box{position:relative;top:auto;bottom:auto;left:auto;right:auto;box-shadow:0 8px 25px -5px rgba(45,62,79,0.15);margin-top:24px;margin-left:24px;margin-right:24px;margin-bottom:12px}#qlwapp .qlwapp-box:before{content:'';position:absolute;bottom:-6px;right:24px;width:13px;height:13px;transform:rotate(45deg)}#qlwapp .qlwapp-box .qlwapp-header{border-top-left-radius:inherit;border-top-right-radius:inherit}#qlwapp .qlwapp-box .qlwapp-footer,#qlwapp .qlwapp-box .qlwapp-response{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}}#qlwapp .qlwapp-box .qlwapp-header{position:relative;overflow:hidden}#qlwapp .qlwapp-box .qlwapp-header:before{content:'';position:absolute;top:0;bottom:0;left:0;right:0;background:linear-gradient(135deg,transparent 0,rgba(0,0,0,0.3) 100%)}#qlwapp .qlwapp-box .qlwapp-header .qlwapp-close{position:absolute;top:12px;right:12px}@media(min-width:430px){#qlwapp .qlwapp-box .qlwapp-header .qlwapp-close{position:absolute;top:7px;right:7px;font-size:16px}}#qlwapp .qlwapp-box .qlwapp-header .qlwapp-description{position:relative}#qlwapp .qlwapp-box .qlwapp-description,#qlwapp .qlwapp-box .qlwapp-contact{padding:24px 36px;height:100%}#qlwapp .qlwapp-box .qlwapp-description p,#qlwapp .qlwapp-box .qlwapp-description h3{color:inherit;font-family:inherit;margin:0}#qlwapp .qlwapp-box .qlwapp-description h3{margin:0 0 .25em 0}#qlwapp .qlwapp-box .qlwapp-contact{display:flex;justify-content:flex-end;align-items:center}#qlwapp .qlwapp-box .qlwapp-contact .qlwapp-previous{position:relative;left:-16px}#qlwapp .qlwapp-box .qlwapp-contact .qlwapp-previous>i{line-height:36px}#qlwapp .qlwapp-box .qlwapp-contact .qlwapp-avatar{width:42px;height:42px}#qlwapp .qlwapp-box .qlwapp-contact .qlwapp-label,#qlwapp .qlwapp-box .qlwapp-contact .qlwapp-name{color:inherit}#qlwapp .qlwapp-box .qlwapp-account{color:inherit;padding:16px 36px;display:flex;align-items:center;overflow:hidden;position:relative;cursor:pointer;width:100%;text-decoration:none}#qlwapp .qlwapp-box .qlwapp-account:only-of-type{padding-top:36px;padding-bottom:36px}#qlwapp .qlwapp-box .qlwapp-info{padding:0 16px}#qlwapp .qlwapp-box .qlwapp-avatar{position:relative;width:62px;height:62px}#qlwapp .qlwapp-box .qlwapp-avatar:after{content:'';display:block;width:15px;height:15px;position:absolute;bottom:2px;right:2px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAXgklEQVR4Ad2aCXhV9Zn/scv/P/N02mfmmc50anWqdUHUouwLYSFhCQlhIYEkLEnYF1SkoriXKkWxLo+2OlintopOq9UiewJJSEJCErKHsBAWCIshYSFAWO5y7zvf833uub78nnNvEhaxc9oP7295f+/vPd/znuXmsZ2I3Eh+AO4FkWAe+D3IAlWgDtSD4+AI2AMKwQrwEkgC3cGtV7y/X2j9bAdsG7kRoj0ApoOPwWHglqs7zoGt4AUwCvzw/6KAt4JnQC7wyvU9joAPQRz47t+7gBHgU3BKbsyxAzwGbvl7E7ArWCffnOMkWAD++Zsu4O3gXeCTb+axB6R8EwW8CTwK6uUqDq/fJxd9F6XJc0aOXqqXAxfqZN+FA3Lo4hFpcB2XZm+zuP1uuQZHOuj0TRHwDrBeruA47joh287tkM+OrZKlB96UZ2oXyy92PSNzdyyQ6TXzZPK2hyRt2xyZuu1hmbF9vjy8c6Es3L1IFu1dKv916H3JOVkAkQ/JBe9FuYLjLHjkRgs4EjQA8avM/MqaxzFXg2SeyJGl+9+kSBOrZ0pS1VQZXzWd7UnVsySlerakQrg0Mtdqg9kYn0WfCVUzrDVgGn3mQ/TlRz+R8jNV4vK1uUI/Av9yIwScBnxKNmK3TPV2Ne+RPxz+iKKNq5wsyTh5CGWLdBXMoaiJlVMkqXKqPF37omw4kS1nPefMS6p7Zj8f/9z5dQq4lBubledQc7XNe+X1g++wssbhJCdVzZLU6jkB5gbbaQYcUz5psIRt1d/GMViuYSWPrUiTeTufki8a1soF3wXhYSjmB/gH2ANyEP92u94C3gSW+UUlYBvjaHA1yjuH/sAqG4uKg7XFUszWVo8bY87tFFpHIOQMCvnozqcl92SBUX5+ctn//IA/G6XP9RTwbaoVwA+YiKHippObZWbNfEnACUysmikpVbMpYAgLwoxXKapb2VYkV06DkJPllf1vybFLDepp46cJikc43gi6ot+uFbRJwBe5SaiNRfgJ8tuD71nCIfHpuF1nK2YpZpuWmH3tn6L8w8d0JqE8VWbV/EK2NpWrYgzmT6s4Au66lgIm6w1MrKMR32mL9iyVMWUpMrFyZjDxiQr2Kwnb2sfsc8zyNcbVfPg5rDV9Eivwtq+cISsb7K8uJZzQakpgfgjahaM14g2A44Vw4u09v1/m1Dwu8bjKEI9MoNVgzGjThm2HjxFunOvNOBA1uWK6dZH5ReDz+4IiivP5rQA3XU0F/iucDoYTb9e5WplS/bAklKUFkp3BqwxrMBPjnP/Kr4JW+ygwb/Rpnf3NuXB+zG9U6UR5p+59LWIonrwaAf8cTrz95+soXnx5GsSY0QLTJTnQtu3Vrmk5jukPKu32dBkJEd879KHw8IcU0QV6XomAY8OJd9rdJA/VLJTRpSl2Qn93JFVMkxGlE+Tz+lUtVWGRz+f7DmhnEqo0fwB2OYrnF/6g//We17l5cjkSKZ8mpAKwD9g25zim0P7GOgOHtQpjjLGIsbexF8bGlU3B42eyFJwqbknE2X4IZhBSwGfDVd8fDn0ssVuTJREJtMSYslSJ2zpe4ooJiS9NY/KJ14WppDV+OseUyjly9GJ9OBEbwA9NrZzE+xE4HUq8sqYq3rZjy6YwiXEWZZrgGMWaV/GUfH54tWyoz5aM+ixZcWStPFz5pIwumQSfaSHXJhL2ac15WO0La7a1jzOJNvCJKxkvz+9+WTx+TzgRf+ODRhonAX8TSrxmz3mZu+0JGVkykaU/1gTJ2O3hRcny2q635bzngphHw4VGSSmZI2NKU+lrMs45bqsZ12ofWNWO3Zok6xo2BgX0EVsDtl3gznAC3gwC33w+U0D57MtVMqw4UcaW4rkBxpZODrQB2gSJxBQlyYvbXxUJrHO6GO/v+5h+WEvwHGI8xmWf7QBsG33urfY3maxQa/jMU37qPEbhrphS+YiccZ/96q3sA5cL+Wo4ARdiQUB5n/i42CfWccp1WlIq5nKTeGwIgknp/oitE2Va6Tw5danJUTxbwMPNR2VMYSqqMI3rHClR8Q0SuM5uE91X88CcM9vKDitKlA8Pf6Jy90lAE1vML9H+vpOA34bDbryahahF1vHBoU9kaNE4iS9JkzEgaEsvb0cXjJPs+rywbzT76i7Z8QarkDHsmGb8UJS2zneM9jVRuduMRAFMKp8jDZeOC46ADtQEWthF5Z/m9BKJ8mEWgtHZRvysPkmreEhGFE/AJqlBRm9VbRDLl8bT4va6TQFNOF94vISCc31o7Hljb2D2wRgQZr05xzWm7+DCBPn06ErmqAvKbiP/dCcBl9HBwDrWN2Qx6ChsRphsCmwKrN3GxlsS+GzT4oUT0OV1ydzyhRJblMz1Ohas2kNh7w/sOW11bnrchHspH733cBTClMp50uQ+wwIyBQTWe6K9FvA7oMoQj7ev1++VhdtfkOiixODmI4NM0m2Jzh8nhY0l4QU0RFy+/1OJyh9tnOCkr/YpDozBcj9iCsJ5Iz9jPdfpPuPZeyk4zoLJPb4lWIUmyH+yFrCHD4dT9dWc2YkHaxJu34kASQC0A5awPdy6vQvT5Mvz9W0SsPHCCUkumsHbH3EUdmxjLzVnjjn7me2W18NSwFf2/DacgH/SAs4KcfvyWRBVMIaixRUBWA3GSQxuw+TiGXLGdbZlAQ0Rf7v7v1GF8cI9uI/C2Ic+GuVn2xFFpo+9Dtbw174j6EfLx0pi6XR8TZy2b2OTo8j/+7aA7zncvnz7PF6zyHq2YbMJZHjAmgwrTJLEounSdOlMmwVce2SjRG4ebceGnch2sK+IM+ZUXoafczu8n+6Pl+jCRKlu2h6qCn3I/16I5/t/aO8yJql648XjEr91MsUZXjiBIDDseIm1LIAFEySmMFli88fL/rMH2yzg0h1vSWQ+BQzGB4wbWwjQJvZ+dh6Yty19uS5gbfS4BdfYbe7BGPYa2GCsgcjpo0OfmQIq/DHtUGk/QafZ6fbddXaPRG9JgoDJEkO4AduEbfY5PiB3pKw/mtmmZ2BRY5kM25zIi6Tjxqr47Ks50w97G7loP2LnreI5Wu2DizpGntq++PJb2Kut/zkI6Otov0C8hoCZDbkyIH+UDNvCk4Ml7NNqMN8vb6S8tvOdVn/G1J07LPEFk/GMjed6jblPjLEXrTlXaFi2DR9zXBWIEZN5zah4TPhdqz5jlJCfWxXYlx2FLeC7Bz6QvnkjhFUIYMMyqCBBJhXNkXPu5nAicu7kpVMypfhR6b95lI6t2q2nTesLwsfQDMpPkKSSmXLWfU4Ekni9XhSZhY8WOhW2w4siwcfBAErA53csZVUNLUhskWjLbkmUPpuGy4Yvc0IKKH7h8cK2V6VXTgwTbTm+sU/r0bmBtq0bnD+Wz078bmfeFA4iUi9aX3U7/DOXyhIlIBbMr36OAg4pGKdIFNp8NabonzdKZpc8zosRUkQcy2o/kF6bYpioETssat+2+3Gs9UBAfl7VNO0UHNRHA0FrLQGfMif8gc+YuZVPUkAECjDOuW0QkT1cNtXnhxXw9KUmSSyYTsGHhIxNa2LMh/PlvNlv5Xr2ef4lJyu0gJoDloC/NCcwRjur4gnpmztCBiFQkM12O4GgD9i2fbhpcsFMOe8+H1bEgoZiiB0nUZvjsc6Iq2KiDfTeHDPyUvPKEq43c+a4eU5qnH2ef8Hx4lACHrIEfNacsF8msyFgRK51ggkgntZsm1AM2J7ZMbJ42+vCwx9axLd2vifds4aGi6dI0O1WM6hVfvGOY31y4yDg1lAC1rXDfTzfSUCxbuGKJ6V3znCJzIsPDzYyxwZuHiM9MofJ2sOZYV8oHp9Hnq74tXTPjmYc4BgTfWPe9B0TPi+2w2DGBQMRMwIVWHaqOpSA+ywBU9kx4Euk6nnpiQc9Al0RETlxEpMzXuovNIa9lc+6zknqloctEbGOiX8j6J87mqLWnt1HPRx02mHdwkMcBcSxZOeb0g0nNQCBguSZ7TAgiW64PReULWrxrXy0uZ7PTcsf64BTPG1J4EKNkK6ZQ3ix++eOCsyNcfLnOG146NcXcWMLJsrxiyfs70CTUlSgt5snhID/U/c36ZI1RPrnjGJiuCLAbGsLbF811mXjYFm2+4MWP67rzx+TyYXzpPPGQdJPxe5H60yvTbEyKi9Vfl+7XB4ueUr6ZA6XrrgIENX24XqdO2I7526M98Y3bWLRDLwML4jf679cI4/H+h7c2A7/3IkBl9eDQaAFLD5RzpdB35yR0g/CEKudq9pAt4HyJzyZ7huiZcPRnJZE5K+YZytekq4bhlAcey9zP8AT7Js5UqpPbg++rGpO7cL6lyUyO1464UL02RSn1lo2dDyT7tnDZHrpY4GXqlc8wPhaecsS8Afo1CtlYT0s2f1n66yrwST6bqIwNuiPMPq0BkEfXoj+maOkuLGsJRF5rKhbJ0OyE+XBjVG8AEZsjnXKGCSfHVwdjKePA2cPySs1v5Oo7AR5YEMkxTZyb5HOmYPlJTzGcFA8j8cDLGtXoG9iO4hmkWFNKvghfc7VLKO3TJYeWcMkApv2ARFhCDvP59RQiDJO9jTtCy8itRD+aeyx0kWsRlQTRIgLxuuYMVBerHb8TGJfC/nStrdkYFY8hVQxWqQLnquZx/ICAlIX8SqNIGA3W8BnDQGpsnW8tOMtqwpYhSSbVnqzrdgUihGc7w3QxvNtiMTlTGrV3w3tY0tDCV5Ev5KeG2IpQof0vjK/5DlxeV2tjQEh61iRvfGMRDUyfxLifHplD7fuKl4A8YkpHtreZgh4sy3gGE4YWMf6L7OYNDYCw024kXM/znkNxh5ENcXmTJTdTXvDCmBW066mPfJi1et8RuLTx1zbGiEh/PPcX+fWK5CrPpfOqL60rY+Iy+PiM9DUBprlQMCbbAF/jMGThhPfPA3nj8vQvCTplhktvbKszWKlJ+iVBdgHsCY9Lew5+iswbp1EVFaCFDWUqdswrJDmoeZbL+JzFS/j9o9kTgGYZ8/g+TA/uT9jgHxw4FPBoTXRAi7gfx+IBsHgqlBV+NquZXIfAmKTID2C7Ri0ae2+QvsDY6wTPm+6pw+T5Xv/qkW5LtgXYGbhAtxRUcKc7NwNumcOYwHU4llt374mEK8fBUTHZr6DIzcuO1HFZxcCgxjSQ1kNx7JAK/26bBwq968bIIur3uD3lqrGa4r9IojPncoLp3PSICdW3zPVLzEPPOucqq8G4v1/U8AfgSbTGQH4Rp5dulDuSx9AEW26KfSYwsnfoR0tHdb1lYTcaVLYUHpdqtE6tuMbsWvGUOmK/fT+mm4bo1Ghg6T4eDkFDHH7/sYSzxCQrAhVhTnHtuDZESVdUTHYRMFNMR5NIdhW47SGPzHHkfzP0wfKg+ui5PmKV2TX6T2C45pUpH08Xb4EF6qfnScxc7s3vZ/MLXuKRaOrT3ERwt0TFNDtcWv6W05uhyoUBJxZ8jg26E+Bum4AG4fCAvRxK2pL9DzbRp/WZgMtHxXt10VIj/QYWVT5quw8XSuijysU7+O9n/NR0Rn76r01na3vzQ2DpeREpfHscwutm9W3geIFBXR7NN+B41YtYKDNgJUna+TBjChu0gVCdA6Atok5H8Z/iNAacw/iNrp7bR/plh4tqfmPyKq6DOvD3hBTWhKOf8R4rQYvwbX9GVPvbXI3LtzCysXmrWu+PAZdJiAEMnAPBlSbGLfyku1vyj14XuFqkU4ZAcs+yNDWxHmuk2EVuGCDuN89a/rK4MxEWVi6WPKOFcmx840S7nDjhZFbXyhJebPknrV9KZ4ZW4HHR6REZI2UunNHWCy2Bm63G+D8YVF9+RDtu0YFuk2+BTIAF1mBAm0G3nfmAK/WA+lREG+wwRBagzb6QbQQ8/enD2RVdljbT3qnx8m0LY/Jst0fyhd16bLxaJ5kgpWo1Hd3L5exuTOkw5p+EL9fS3vyIt21ro98fmit4FDC6fNn9fWwhVMvEa8To4wAgBUouccK5d71/SHgIGw8WIhq6/4DRI0TY10628Z605dtOxbsIFZMe1TWHWt6yV2r+8jdqyMs2L5zdS++LODnvK+R88/W9MSt++vAc0+Jp4RE9S03xQt8SPs0xOP1PsKFBtbxdu2fmDQEbD0ZrfGLor1qMtq0D88lrfhRaXadF5/HZ54zgagnIdbtIQT0aggWpJtB8CbmCyVpy2zcRhHSEYl8bay/5jEp3p1re8vgTUlSbz1PfeIkHvF5ffN9Pn87BxwF/A+8ts+ZQcQrcvDsYbwAhsp9+Bz4+fooEKmsE1EGkaQj0OuJ2Q+/1tw/9LzdTw+0AxfkzjW9pW/maNnZVBtWPOixEZX2LdCutRU40CEQN8k4miN3YOP71w8ETIgWOPbhp+cI2+aYOW6sDUf4HJzj3766pwzIipftp3eL+EOLhzuxESL91BRN43T7vhlKwAXlL8htq3rgg3QgqpDYbSRm9INtwDlgrlNrTJz8ibkPrQn9HPYdID9d1U1G5KXxr+0tiOeCQLEUqg0Cfg8LD5rBfHj+XXJdkmE5E1n6djKaezlGq+ZhnX2B3Ufb8MccUHOGv7ku1Lxazzf2rRDvF+W/kjOXzoa7bQnESaFIbRTwPiz2AeP558dv0718ltyDbzCe4FoSbHcA7TH3M3xC3LqyG650d/aVT8usI8aa/i2vUe0OwBzHXcM+viD4LBePP6x4+BJ5gQJdgYAzHQKy1N+tXS63rOwCofoHuXtNhPxsVU8I1lVuh+24fpDEb54uv9v9R3l5++9we0VSzPZr+lJgrPnauAfwYiK3sfkzpexEdfDPU+Erz/ua9d+Nt1pABAyCz5QNbrfLUcCHSp6RW77oIrdBKFgm1jl9qMTlpspzVa9Idn2+7D9TF/QH/IvKo2W/pIA/wRp86PLEUMW0ZA2wx9g2oa/2AdYY0HMUjmOsuFuQ36DsJPn04Gq55HaFv2Vdwdt2iSVe2wRUzz8EOeJymc8/v9Q3N8iD64fwio7OmypPVi6RPx/4gr8bXUiOgvmAF/9XX+/oc7zkeJXMK32OFXnzik5y28oeFBVC2KDfMtqXVrXvXN0neGGH56bIH/d9Yn0cq6pz2UIRV1A8jOOAGPMpXhsF1D/fohDHr4MDbO5jZX2w769SeXJ78I1M0bx+9btRV66L4GJoIVmRy2o/xAmmyk9Xdpebv+jMW/yO1b3lLuunGERtHx763LUmgoLhsYHK7sw4D6wfLE9ULJb0o5vkgusi8/NBOJwLoHi2WGrMZeV/3O/zRVO4KxPQY7PUhYAUD9Y+eYyhqrzBCqNgLpUELPtKsMuSpQW2kH6Ri+6Lkn+sWN7e/SeZtOUR6Zo+jJVEUVd0lh+jSq1b/icruqCqutKqcTx38SWwNlIis8bK05Uvy19xmx44c8i+E5gv8lGVRrGCeTEngHMu8vt9D1C0qxUQwmzUAtptWjsBigSUpQ/9VLKEcYyLYV8Qz1dVHHhE1JzcJdlf5sv7e/8iL1a/IY+W/lJmFi+UGcVPyKytT8rCiiXy2o535W9162RrY4XsbToo5y41Mw5BHO5hiMZ+IAcSuGXxyHoVQn3PEuHqBPR6LG5DzHO2MIRtbKhE4Jj24Rx9QqP8GYcE1/Ck/R6rbMQWVT1TFT5j3GNXmo6n28754lGVCYH6UCRw1QJ6UX0gOXiyenN90u6WROLfzBpxZT9GRX/kwkVuQVBTTIW+5YBDDI61AeS03fo41iJdMwFx4m+0IRldPedRvVsQaIHP5++Gjf/N3hxCdkXSf4GfG8iNgcLtQT5Tkdc/UZxrLSA2+EcIUdtKwZrgXw5x3sbiGGx0e6jN4UML7sOaV9Ue1x3sdQZ7pmPvkVq46yVgB2zqC5GIF/PFEOP3cJ6MwLeYG7UsINo+tv8BxKJi30HMkusg2jHE/Rv2eAI5/KfO53oLOMcQ7ABO/l1MpiFQRzPwVQho0gU+qdhvKcjE3odxt593upgGrsCdsA3rl4P5iDUc+/67zuHrFPB9JLE6INj94Hs60HUU0OT74DbQEfQE/RAjMsBA9CNAZ9Ae/Ah829z3Rgj4v+tgYwWlsH1vAAAAAElFTkSuQmCC);background-color:transparent;background-repeat:no-repeat;background-position:center center;background-size:cover;z-index:4}#qlwapp .qlwapp-box .qlwapp-time,#qlwapp .qlwapp-box .qlwapp-label,#qlwapp .qlwapp-box .qlwapp-offline-text{font-size:12px;line-height:1.5em;opacity:.6;display:block}#qlwapp .qlwapp-box .qlwapp-time{font-size:11px;font-style:italic}#qlwapp .qlwapp-box .qlwapp-name{display:block;font-weight:bold;line-height:1.5em}#qlwapp .qlwapp-box .qlwapp-body{overflow-x:hidden;overflow-y:auto}#qlwapp .qlwapp-box .qlwapp-body .qlwapp-carousel{max-height:470px;min-height:134px}#qlwapp .qlwapp-box .qlwapp-chat{display:flex;flex-direction:column;overflow:hidden}#qlwapp .qlwapp-box .qlwapp-user,#qlwapp .qlwapp-box .qlwapp-message{padding:16px 24px;margin:36px;position:relative;word-wrap:break-word;width:calc(100% - 36px*2)}#qlwapp .qlwapp-box .qlwapp-user:before,#qlwapp .qlwapp-box .qlwapp-message:before{content:'';position:absolute;top:-6px;right:24px;width:13px;height:13px;transform:rotate(45deg)}#qlwapp .qlwapp-box .qlwapp-user{width:auto;max-width:75%;align-self:flex-start;justify-self:flex-end;margin-top:0}#qlwapp .qlwapp-box .qlwapp-user:before{top:auto;bottom:-6px;left:24px}#qlwapp .qlwapp-box .qlwapp-padding{padding-bottom:56px}#qlwapp .qlwapp-box .qlwapp-footer,#qlwapp .qlwapp-box .qlwapp-response{position:absolute;bottom:0;left:0;right:0;height:auto;width:100%}#qlwapp .qlwapp-box .qlwapp-footer,#qlwapp .qlwapp-box .qlwapp-response,#qlwapp .qlwapp-box .qlwapp-footer pre,#qlwapp .qlwapp-box .qlwapp-response pre,#qlwapp .qlwapp-box .qlwapp-footer textarea,#qlwapp .qlwapp-box .qlwapp-response textarea{max-height:160px}#qlwapp .qlwapp-box .qlwapp-footer pre,#qlwapp .qlwapp-box .qlwapp-response pre,#qlwapp .qlwapp-box .qlwapp-footer textarea,#qlwapp .qlwapp-box .qlwapp-response textarea{color:inherit;background-color:inherit}#qlwapp .qlwapp-box .qlwapp-footer:before,#qlwapp .qlwapp-box .qlwapp-response:before{pointer-events:none;position:absolute;content:'';height:59px;top:-59px;background-image:linear-gradient(transparent,rgba(0,0,0,0.05));left:0;right:0}#qlwapp .qlwapp-box .qlwapp-footer{min-height:56px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px;padding:12px 36px}#qlwapp .qlwapp-box .qlwapp-footer p{padding:0;font-size:inherit}#qlwapp .qlwapp-box .qlwapp-footer p:last-child{margin-bottom:0}#qlwapp .qlwapp-box .qlwapp-response,#qlwapp .qlwapp-box .qlwapp-response pre,#qlwapp .qlwapp-box .qlwapp-response textarea,#qlwapp .qlwapp-box .qlwapp-response .qlwapp-buttons{min-height:56px}#qlwapp .qlwapp-box .qlwapp-response pre,#qlwapp .qlwapp-box .qlwapp-response textarea{width:100%;height:100%;resize:none;border:0;padding:18px 88px 18px 36px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;font-weight:normal;line-height:20px;white-space:pre-wrap;word-wrap:break-word;border-radius:inherit;margin:0}#qlwapp .qlwapp-box .qlwapp-response pre{visibility:hidden}#qlwapp .qlwapp-box .qlwapp-response textarea{position:absolute;bottom:0;left:0}#qlwapp .qlwapp-box .qlwapp-response textarea:focus{outline:0}#qlwapp .qlwapp-box .qlwapp-response .qlwapp-buttons{position:absolute;top:0;right:21px;display:flex;align-items:center}#qlwapp .qlwapp-box .qlwapp-response .qlwapp-buttons.active>i{display:none}#qlwapp .qlwapp-box .qlwapp-response .qlwapp-buttons.active>i.qlwf-emoji{display:block}#qlwapp .qlwapp-box .qlwapp-response .qlwapp-buttons>i{opacity:.4}#qlwapp .qlwapp-box .qlwapp-response .qlwapp-buttons>i,#qlwapp .qlwapp-box .qlwapp-response .qlwapp-buttons>a{cursor:pointer;margin:0 0 0 10px;display:inherit;font-size:18px;line-height:24px;text-decoration:none}#qlwapp .qlwapp-previous,#qlwapp .qlwapp-close,#qlwapp .qlwapp-toggle,#qlwapp .qlwapp-box .qlwapp-header,#qlwapp .qlwapp-box .qlwapp-contact,#qlwapp .qlwapp-box .qlwapp-user{color:#fff}#qlwapp.qlwapp-bubble .qlwapp-toggle .qlwapp-text{color:#303030}#qlwapp .qlwapp-box,#qlwapp .qlwapp-box:before{background-color:#fff}#qlwapp .qlwapp-box .qlwapp-account{background-color:#fff}#qlwapp .qlwapp-box .qlwapp-account:not(:first-child){border-top:1px solid #f5f5f5}#qlwapp .qlwapp-box .qlwapp-avatar .qlwapp-avatar-container{background-color:#eee}#qlwapp .qlwapp-box .qlwapp-message,#qlwapp .qlwapp-box .qlwapp-message:before{background-color:#eee}#qlwapp .qlwapp-box .qlwapp-footer,#qlwapp .qlwapp-box .qlwapp-response{color:#303030;background-color:#fff;border-top:1px solid #e6e6e6}#qlwapp .qlwapp-toggle,#qlwapp .qlwapp-box .qlwapp-header,#qlwapp .qlwapp-box .qlwapp-user,#qlwapp .qlwapp-box .qlwapp-user:before{background-color:#303030}#qlwapp{display:none}#qlwapp.qlwapp-show .qlwapp-box{visibility:visible;opacity:1;transform:translateY(0) scale(1);display:block}#qlwapp.qlwapp-transition .qlwapp-box{visibility:visible;display:block}#qlwapp.qlwapp-bubble.qlwapp-show .qlwapp-toggle .qlwapp-icon{transform:scale(0,0);opacity:0}#qlwapp.qlwapp-bubble.qlwapp-show .qlwapp-toggle .qlwapp-close{transform:scale(1,1);opacity:1}#qlwapp.qlwapp-bubble .qlwapp-toggle .qlwapp-close{transform:scale(0,0);opacity:0}#qlwapp.qlwapp-bubble .qlwapp-toggle .qlwapp-icon{transform:scale(1,1);opacity:1}#qlwapp.qlwapp-bubble .qlwapp-toggle .qlwapp-icon,#qlwapp.qlwapp-bubble .qlwapp-toggle .qlwapp-close{transition:transform 300ms cubic-bezier(0.215,0.61,0.355,1),opacity 300ms ease-in}#qlwapp .qlwapp-box{display:none;opacity:0;visibility:hidden;transform:translateY(50px);transition:transform 300ms cubic-bezier(0.215,0.61,0.355,1),opacity 300ms ease-in}@media(min-width:430px){#qlwapp .qlwapp-box{transform:translateY(50px) scale(0.9)}}#qlwapp .qlwapp-box .qlwapp-carousel{display:flex;width:200%;height:100%}#qlwapp .qlwapp-box .qlwapp-carousel .qlwapp-slide{width:50%;transition:max-height 500ms cubic-bezier(0.215,0.61,0.355,1) 1000ms,transform 300ms cubic-bezier(0.215,0.61,0.355,1) 500ms,opacity 500ms ease-in 500ms;height:100%;overflow:hidden}#qlwapp .qlwapp-box .qlwapp-header .qlwapp-slide{max-height:300px}#qlwapp .qlwapp-box .qlwapp-header .qlwapp-name,#qlwapp .qlwapp-box .qlwapp-header .qlwapp-label,#qlwapp .qlwapp-box .qlwapp-header .qlwapp-avatar{opacity:0;transition:transform cubic-bezier(0.215,0.61,0.355,1) .3s,opacity ease-in .3s}#qlwapp .qlwapp-box .qlwapp-header .qlwapp-name,#qlwapp .qlwapp-box .qlwapp-header .qlwapp-label{transform:translateX(56px)}#qlwapp .qlwapp-box .qlwapp-header .qlwapp-avatar{transform:scale(0.5)}#qlwapp .qlwapp-box .qlwapp-header .qlwapp-name{transition-delay:800ms}#qlwapp .qlwapp-box .qlwapp-header .qlwapp-label{transition-delay:850ms}#qlwapp .qlwapp-box .qlwapp-header .qlwapp-avatar{transition-delay:900ms}#qlwapp .qlwapp-box .qlwapp-footer,#qlwapp .qlwapp-box .qlwapp-response,#qlwapp .qlwapp-box .qlwapp-previous,#qlwapp .qlwapp-box .qlwapp-message,#qlwapp .qlwapp-box .qlwapp-user{transition:transform cubic-bezier(0.215,0.61,0.355,1) 600ms,opacity ease-in 200ms}#qlwapp .qlwapp-box .qlwapp-response,#qlwapp .qlwapp-box .qlwapp-previous,#qlwapp .qlwapp-box .qlwapp-user{opacity:0}#qlwapp .qlwapp-box .qlwapp-response{pointer-events:none}#qlwapp .qlwapp-box .qlwapp-previous{transform:translateX(56px)}#qlwapp .qlwapp-box .qlwapp-user{transform:translateY(56px)}#qlwapp .qlwapp-box .qlwapp-close{transition:opacity 300ms cubic-bezier(0.215,0.61,0.355,1)}#qlwapp .qlwapp-box .qlwapp-description{transition:transform 600ms cubic-bezier(0.215,0.61,0.355,1),opacity 900ms cubic-bezier(0.215,0.61,0.355,1)}#qlwapp .qlwapp-box .qlwapp-account{transition:transform 600ms cubic-bezier(0.215,0.61,0.355,1),opacity 150ms ease-in}#qlwapp .qlwapp-box .qlwapp-previous{transition-delay:800ms}#qlwapp .qlwapp-box .qlwapp-message{transition-delay:900ms}#qlwapp .qlwapp-box .qlwapp-close,#qlwapp .qlwapp-box .qlwapp-description{transition-delay:900ms}#qlwapp .qlwapp-box .qlwapp-user{transition-delay:200ms}#qlwapp .qlwapp-box .qlwapp-account:nth-of-type(6){transition-delay:600ms}#qlwapp .qlwapp-box .qlwapp-account:nth-of-type(5){transition-delay:500ms}#qlwapp .qlwapp-box .qlwapp-account:nth-of-type(4){transition-delay:400ms}#qlwapp .qlwapp-box .qlwapp-account:nth-of-type(3){transition-delay:300ms}#qlwapp .qlwapp-box .qlwapp-account:nth-of-type(2){transition-delay:200ms}#qlwapp .qlwapp-box .qlwapp-account:nth-of-type(1){transition-delay:100ms}#qlwapp .qlwapp-box .qlwapp-slide .qlwapp-message{opacity:0;transform:translateY(-56px)}#qlwapp .qlwapp-box .qlwapp-slide .qlwapp-box .qlwapp-account:hover{background-color:#fafafa}#qlwapp .qlwapp-box.response .qlwapp-carousel .qlwapp-slide{transform:translateX(-100%)}#qlwapp .qlwapp-box.response .qlwapp-body .qlwapp-carousel{overflow:hidden;max-height:134px!important;min-height:122px}#qlwapp .qlwapp-box.response .qlwapp-close{transition-delay:0ms}#qlwapp .qlwapp-box.response .qlwapp-close,#qlwapp .qlwapp-box.response .qlwapp-footer,#qlwapp .qlwapp-box.response .qlwapp-description,#qlwapp .qlwapp-box.response .qlwapp-account{opacity:0}#qlwapp .qlwapp-box.response .qlwapp-account{transform:translateY(-33.333%);border-top-color:transparent!important}#qlwapp .qlwapp-box.response .qlwapp-user{display:block}#qlwapp .qlwapp-box.response .qlwapp-message,#qlwapp .qlwapp-box.response .qlwapp-previous,#qlwapp .qlwapp-box.response .qlwapp-response{opacity:1}#qlwapp .qlwapp-box.response .qlwapp-response{pointer-events:all}#qlwapp .qlwapp-box.response .qlwapp-message,#qlwapp .qlwapp-box.response .qlwapp-previous{transform:translate(0)}#qlwapp .qlwapp-box.response .qlwapp-header .qlwapp-slide{max-height:84px}#qlwapp .qlwapp-box.response .qlwapp-header .qlwapp-name,#qlwapp .qlwapp-box.response .qlwapp-header .qlwapp-avatar{opacity:1}#qlwapp .qlwapp-box.response .qlwapp-header .qlwapp-label{opacity:.5}#qlwapp .qlwapp-box.response .qlwapp-header .qlwapp-name,#qlwapp .qlwapp-box.response .qlwapp-header .qlwapp-label{transform:translateX(0)}#qlwapp .qlwapp-box.response .qlwapp-header .qlwapp-avatar{transform:scale(1)}#qlwapp .qlwapp-box.response.opening .qlwapp-footer,#qlwapp .qlwapp-box.response.opening .qlwapp-response,#qlwapp .qlwapp-box.response.opening .qlwapp-close,#qlwapp .qlwapp-box.response.opening .qlwapp-previous,#qlwapp .qlwapp-box.response.opening .qlwapp-description,#qlwapp .qlwapp-box.response.opening .qlwapp-header .qlwapp-name,#qlwapp .qlwapp-box.response.opening .qlwapp-header .qlwapp-label{visibility:visible}#qlwapp .qlwapp-box.texting .qlwapp-body{overflow-y:auto}#qlwapp .qlwapp-box.texting .qlwapp-user{opacity:1;transform:translate(0)}#qlwapp .qlwapp-box.closing .qlwapp-previous{transition-delay:0ms;transform:translateX(-24px);opacity:0;transition:transform cubic-bezier(0.215,0.61,0.355,1) 300ms,opacity ease-out 200ms}#qlwapp .qlwapp-box.closing .qlwapp-description{opacity:0}body.rtl #qlwapp.qlwapp-button .qlwapp-toggle .qlwapp-icon{margin:0 0 0 12px}body.rtl #qlwapp .qlwapp-box .qlwapp-response .qlwapp-buttons{right:auto;left:21px;flex-direction:row-reverse}body.rtl #qlwapp .qlwapp-box .qlwapp-response .qlwapp-buttons>a{transform:rotate(180deg)}body.rtl #qlwapp .qlwapp-box .qlwapp-response pre,body.rtl #qlwapp .qlwapp-box .qlwapp-response textarea{padding:18px 36px 18px 88px}body.rtl #qlwapp .qlwapp-box.response .qlwapp-carousel .qlwapp-slide{transform:translateX(100%)}body.rtl #qlwapp .qlwapp-box .qlwapp-contact{flex-direction:row-reverse}#section-397{ background:url() no-repeat scroll top left #f6f6f6; background-size:auto; color:#4c4c4c}
#section-397 .testimonial-listing .bx-wrapper .bx-controls-direction a{color:#333333}
#section-397 .testimonial-listing .bx-wrapper .bx-controls-direction a{border-color:#4c4c4c}
#section-416{ background:url(http://www.dot2dot.com.my/wp-content/uploads/2015/01/ipad.png) no-repeat scroll bottom center #1d95bb; background-size:auto; color:#ffffff}
#section-416 .testimonial-listing .bx-wrapper .bx-controls-direction a{color:#ffffff}
#section-416 .testimonial-listing .bx-wrapper .bx-controls-direction a{border-color:#ffffff}
#section-160{ background:url(http://www.dot2dot.com.my/wp-content/uploads/2017/09/Printing-Services-Malaysia.jpg) repeat fixed top center #1d95bb; background-size:auto; color:#ffffff}
#section-160 .overlay { background:url(https://www.dot2dot.com.my/wp-content/themes/accesspress_parallax_pro/images/overlays/overlay2.png);}
#section-160 .testimonial-listing .bx-wrapper .bx-controls-direction a{color:#ffffff}
#section-160 .testimonial-listing .bx-wrapper .bx-controls-direction a{border-color:#ffffff}
#section-683{ background:url() no-repeat scroll top left #1d95bb; background-size:auto; color:#ffffff}
#section-683 .testimonial-listing .bx-wrapper .bx-controls-direction a{color:#ffffff}
#section-683 .testimonial-listing .bx-wrapper .bx-controls-direction a{border-color:#ffffff}
#section-1187{ background:url(http://www.dot2dot.com.my/wp-content/uploads/2015/01/agsquare.png) no-repeat scroll top left #FFFFFF; background-size:auto; color:#666666}
#section-1187 .testimonial-listing .bx-wrapper .bx-controls-direction a{color:#333333}
#section-1187 .testimonial-listing .bx-wrapper .bx-controls-direction a{border-color:#666666}
#section-360{ background:url() repeat fixed top center #ffffff; background-size:auto; color:#666666}
#section-360 .overlay { background:url(https://www.dot2dot.com.my/wp-content/themes/accesspress_parallax_pro/images/overlays/white-light-bg.png);}
#section-360 .testimonial-listing .bx-wrapper .bx-controls-direction a{color:#333333}
#section-360 .testimonial-listing .bx-wrapper .bx-controls-direction a{border-color:#666666}
#section-2642{ background:url() no-repeat scroll top left #FFFFFF; background-size:auto; color:#333333}
#section-2642 .testimonial-listing .bx-wrapper .bx-controls-direction a{color:#333333}
#section-2642 .testimonial-listing .bx-wrapper .bx-controls-direction a{border-color:#333333}
#section-135{ background:url() no-repeat scroll top left #ffffff; background-size:auto; color:#333333}
#section-135 .testimonial-listing .bx-wrapper .bx-controls-direction a{color:#333333}
#section-135 .testimonial-listing .bx-wrapper .bx-controls-direction a{border-color:#333333}
#top-header{ background:#1d95bb;font-size:13px;font-family:PT Sans;font-weight:regular;color:#ffffff;line-height:38px}
#top-header a{color:#ffffff}
#top-header a:hover{color:#d3d3d3}
#main-header{ background:#FFFFFF}
#main-header{background:rgba(255,255,255,0.6)}
#main-header.no-opacity, #main-header.pos-bottom{ background:#FFFFFF}
.main-navigation{margin-top:30px;margin-right:0px;margin-bottom:0px;margin-left:0px;}.main-navigation ul li a{font-size:14px;font-family:PT Sans;font-weight:regular;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:#1d95bb}
.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:#1d95bb;}
.top-menu .sf-arrows .sf-with-ul:after{border-color:#ffffff transparent transparent}
.top-menu .sf-arrows ul .sf-with-ul:after{border-left-color:#ffffff !important}
.social-icons a, .social-icons a span{background:#1d95bb}
.social-icons a:hover{background:#828282}
.social-icons.appear-left a span:after{border-right-color:#1d95bb}
.social-icons.appear-right a span:after{border-left-color:#1d95bb}
.social-icons.appear-top a span:after{border-bottom-color:#1d95bb}
.social-icons.appear-bottom a span:after{border-top-color:#1d95bb}
body{ font-size:16px;font-family:PT Sans;font-weight:regular;color:#444444}
h1{ font-size:32px;font-family:Roboto;font-weight:300;color:#333333;text-transform:uppercase}
h2{ font-size:28px;font-family:'Roboto';font-weight:300;color:#333333;text-transform:uppercase}
h3{ font-size:24px;font-family:'Roboto';font-weight:300;color:#333333;text-transform:uppercase}
h4{ font-size:20px;font-family:'Roboto';font-weight:300;color:#333333;text-transform:uppercase}
h5{ font-size:18px;font-family:'PT Sans';font-weight:regular;color:#333333;text-transform:uppercase}
h6{ font-size:16px;font-family:'PT Sans';font-weight:regular;color:#333333;text-transform:uppercase}
#secondary-left .widget-title,#secondary-right .widget-title, #secondary .widget-title{ font-size:20px;font-family:'PT Sans';font-weight:regular;color:#333333;text-transform:uppercase}
.top-footer .widget-title{ font-size:11px;font-family:'PT Sans';font-weight:regular;color:#ffffff;text-transform:uppercase}
.top-footer .widget-title:after{border-color:#ffffff}
.top-footer{background:#1d95bb;color:#ffffff}
.top-footer h4{color:}
.top-footer a{color:#ffffff}
.bottom-footer{background:#1d95bb;color:#ffffff}
.bottom-footer a, .footer-social-icons a{color:#ffffff}
.footer-social-icons a{border-color:#ffffff}
.footer-social-icons a:hover{background:#ffffff}
.single #header-wrap .entry-title, .single #header-wrap .title-breadcrumb-wrap a, .single #header-wrap .title-breadcrumb-wrap{color:#444444}
.page #header-wrap .entry-title, .page #header-wrap .title-breadcrumb-wrap a, .page #header-wrap .title-breadcrumb-wrap{color:#444444}
.archive #header-wrap .entry-title, .archive #header-wrap .title-breadcrumb-wrap a, .archive #header-wrap .title-breadcrumb-wrap{color:#ffffff}
.error404 #header-wrap .entry-title, .error404 #header-wrap .title-breadcrumb-wrap a, .error404 #header-wrap .title-breadcrumb-wrap{color:#ffffff}
#page-overlay{background-image:url(https://www.dot2dot.com.my/wp-content/themes/accesspress_parallax_pro/images/preloader/loader7.gif)}
#ap-map-canvas{height:400px !important}
#main-header{box-shadow: 0px 4px 10px rgba(0,0,0,0.3);}
#accesspress-breadcrumb{display:none;}#main-slider .overlay{background-image:url(https://www.dot2dot.com.my/wp-content/themes/accesspress_parallax_pro/images/overlays/overlay4.png);}.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,
#collapse-nav {
background-color:#1d95bb;
}

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"],
.sidebar ul li a:hover,
.sidebar ul li.current-menu-item a
{
color:#1d95bb;
}
.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:#1d95bb;
}
.mm-menu .mm-list > li:after,
.mm-menu .mm-list > li > a.mm-subopen:before,
.main-navigation > ul > li{
border-color:#1a86a8;
}
.bttn.ap-default-bttn.ap-bg-bttn:hover{
background:#1a86a8;
}
.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 #1d95bb;
}
#portfolio-grid.style3 .portfolio-overlay,
#portfolio-grid.style2 .portfolio-inner,
#portfolio-grid.style1 .portfolio-overlay,
.style1.ap-team .ap-member-image:after{
background:rgba(29,149,187,0.8)    
}
.ap-progress-bar{
background:rgba(29,149,187,0.3)    
}
.post-listing .posted-on:before{
border-color:transparent transparent #1a86a8 #1a86a8;
}

@media screen and (max-width:768px){
    .main-navigation ul ul{
        background:#1d95bb; 
    }
    .main-navigation ul ul a,
    .main-navigation ul ul li > a:hover{
        border-color:#1a86a8;
    }
    
        #accesspress-breadcrumb{display:none;};
    }

.copy-right {
  text-align: center;
  float: none;
}

.service-detail a {
  color: #fff;
  text-decoration: none;
  transition: all 0.4s ease 0s;
}

.service-detail a:hover {
  color: #404142;
}

.service-list.even .service-detail h4 {
  margin-bottom: 10px;
}

#main-header {
  padding: 0;
}

body.single #primary {
  float: none;
  width: 100%;
}

body.single #secondary-right {
  display: none;
  float: none;
  width: 0;
}

i.fa {
    margin-top: 8px !important;
}